@cleartrip/ct-design-peek-carousel 1.2.0-SNAPSHOT-testpeekCarousel.0 → 1.2.0-SNAPSHOT-test-peekCarousel.0

package/dist/PeekCarousel.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { IPeekCarouselProps, IPeekCarouselRef } from './type';
-export declare const PeekCarousel: React.ForwardRefExoticComponent<IPeekCarouselProps & React.RefAttributes<IPeekCarouselRef>>;
+declare const PeekCarousel: React.ForwardRefExoticComponent<IPeekCarouselProps & React.RefAttributes<IPeekCarouselRef>>;
+export default PeekCarousel;
 //# sourceMappingURL=PeekCarousel.d.ts.map

package/dist/PeekCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PeekCarousel.d.ts","sourceRoot":"","sources":["../packages/components/PeekCarousel/src/PeekCarousel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAI9D,eAAO,MAAM,YAAY,6FA2VvB,CAAC"}
+{"version":3,"file":"PeekCarousel.d.ts","sourceRoot":"","sources":["../packages/components/PeekCarousel/src/PeekCarousel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAI9D,QAAA,MAAM,YAAY,6FAoNhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/constants.d.ts

@@ -1,11 +1,3 @@
-export declare const PEEK_CAROUSEL_IDS: {
-    ROOT_CONTAINER: string;
-    SLIDER_ROOT_CONTAINER: string;
-    SLIDER_CARD_CONTAINER: string;
-    ICONS_CONTAINER: string;
-    LEFT_ICON_CONTAINER: string;
-    RIGHT_ICON_CONTAINER: string;
-};
 export declare enum SLIDER_DIRECTION {
     NEXT = "LEFT",
     PREV = "RIGHT"

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../packages/components/PeekCarousel/src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;;;;;CAO7B,CAAC;AAEF,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,IAAI,UAAU;CACf;AACD,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,qBAAqB,KAAK,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../packages/components/PeekCarousel/src/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,IAAI,UAAU;CACf;AACD,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,qBAAqB,KAAK,CAAC"}

package/dist/ct-design-peek-carousel.browser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var n=require("tslib"),e=require("react/jsx-runtime"),t=require("react"),r=require("react-swipeable"),i=require("@cleartrip/ct-design-container");function a(n){return n&&n.__esModule?n:{default:n}}var s,o=a(t),c="peekRootContainer",l="peekSliderRootContainer",u="peekSliderCardContainer";!function(n){n.NEXT="LEFT",n.PREV="RIGHT"}(s||(s={}));var d=t.forwardRef(function(a,d){var f=a.children,p=a.onSlide,v=a.startIndex,h=void 0===v?0:v,m=a.height,g=a.animationDelay,x=void 0===g?480:g,_=a.cardWidth,C=void 0===_?"100%":_,I=a.slideMargin,P=void 0===I?4:I,E=a.peekPercentage,y=void 0===E?10:E,R=a.currentIndex,N=a.thresholdVelocity,T=void 0===N?.2:N,S=a.thresholdDelta,w=void 0===S?50:S,X=a.styleConfig||{},b=X.relativeBaseContainerProps,M=X.rootContainerProps,k=X.sliderCardContainerProps,D=X.sliderRootContainerProps,j=X.sliderCardRootContainerProps,A=null!=f?f:[],W=t.useState(void 0!==R?R:h),F=W[0],G=W[1],q=t.useState(0),H=q[0],z=q[1],L=t.useState(!1),O=L[0],V=L[1],B=t.useRef(0),K=t.useRef(null),J=t.useRef(null),Q=t.useRef(null),U=t.useRef(R),Y=t.useRef(void 0!==R?R:h);t.useEffect(function(){U.current=R},[R]);var Z=void 0!==R?R:F;t.useEffect(function(){Y.current=Z},[Z]);var $=t.useMemo(function(){var n=function(){var n;if("string"==typeof C&&C.includes("px"))return parseInt(C,10);if("string"==typeof C&&C.includes("%")){var e=(null===(n=J.current)||void 0===n?void 0:n.offsetWidth)||window.innerWidth;return parseFloat(C)/100*e}return"number"==typeof C?C:400}(),e=P,t=n+e,r=function(){if("string"==typeof C&&C.includes("px")){var n=parseInt(C,10);return"".concat(n+2*(n*y/100)+4*P,"px")}return C}(),i="string"==typeof r&&r.includes("px")?parseInt(r,10):"string"==typeof C&&C.includes("px")?parseInt(C,10)+200:600,a=i/2;return{ITEM_WIDTH_PX:n,CARD_GAP_PX:e,PEEK_STEP_PX:t,containerWidth:r,containerWidthPx:i,CENTER_OFFSET_PX:a,PADDING_CENTERING_PX:a-n/2}},[C,P,y]),nn=$.ITEM_WIDTH_PX,en=$.CARD_GAP_PX,tn=$.PEEK_STEP_PX,rn=$.containerWidth,an=$.PADDING_CENTERING_PX,sn=t.useCallback(function(n){return A.findIndex(function(e){return!(!o.default.isValidElement(e)||!e.props)&&e.props.id===n})},[A]),on=t.useCallback(function(n){n>=0&&n<A.length&&(void 0===U.current&&G(n),null==p||p(n))},[A.length,p]);t.useImperativeHandle(d,function(){return{goToItemById:function(n){var e=sn(n);-1!==e&&e!==Z&&on(e)}}},[sn,on,Z]),t.useEffect(function(){void 0!==R&&R!==F&&G(R)},[R,F]);var cn=t.useCallback(function(n){var e=n===s.NEXT?-1:1,t=Y.current+e;on(t)},[on]),ln=t.useCallback(function(n,e){null!==Q.current&&(cancelAnimationFrame(Q.current),Q.current=null),V(!1),B.current=0,K.current&&(K.current.style.transition=""),Math.abs(n.deltaX)>w||n.velocity>T?cn(e):on(Y.current),z(0)},[cn,on,w,T]),un=r.useSwipeable({onSwiping:function(n){V(!0);var e=-Y.current*tn,t=-(A.length-1)*tn,r=e+n.deltaX,i=n.deltaX;if(r<t?i=t-e:r>0&&(i=0-e),B.current=i,K.current){var a="translateX(".concat(e+i,"px)");K.current.style.transform=a,K.current.style.transition="none"}null!==Q.current&&cancelAnimationFrame(Q.current),Q.current=requestAnimationFrame(function(){z(i),Q.current=null})},onSwipedLeft:function(n){ln(n,s.PREV)},onSwipedRight:function(n){ln(n,s.NEXT)},onTouchStartOrOnMouseDown:function(n){n.event.preventDefault(),V(!0),B.current=0,K.current&&(K.current.style.transition="none")},trackMouse:!0,trackTouch:!0,preventScrollOnSwipe:!0,delta:0}),dn=t.useMemo(function(){var n=-Z*tn,e=O?B.current:H;return{finalTransform:"translateX(".concat(n+e,"px)"),effectiveIndex:-(n+e)/tn}},[Z,tn,O,H]),fn=dn.finalTransform,pn=dn.effectiveIndex;return e.jsx(i.Container,n.__assign({id:c,css:n.__assign({display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden"},null==M?void 0:M.css),className:null==M?void 0:M.className},{children:e.jsx(i.Container,n.__assign({},un,{ref:function(n){J.current=n,un.ref&&"function"==typeof un.ref&&un.ref(n)},css:n.__assign({position:"relative",minHeight:m,width:rn,marginLeft:"auto",marginRight:"auto",overflow:"hidden"},null==b?void 0:b.css),className:null==b?void 0:b.className},{children:e.jsx(i.Container,n.__assign({ref:K,id:l,css:n.__assign({display:"flex",width:"max-content"},null==D?void 0:D.css),className:null==D?void 0:D.className,style:{transform:fn,transition:O?"none":"transform ".concat(x,"ms cubic-bezier(0.4, 0, 0.2, 1)"),paddingLeft:"".concat(an,"px"),paddingRight:"".concat(an,"px")}},{children:A.map(function(t,r){var a=function(n,e){var t,r=n-e,i=Math.abs(r);t=i>=1?i>=2?.7:.85:1-i*(1-.85);t=Math.min(1,Math.max(.7,t));var a=10-Math.floor(5*i);return{transform:"scale(".concat(t,")"),zIndex:a}}(r,pn),s=a.transform,o=a.zIndex;return e.jsx(i.Container,n.__assign({id:"slider-".concat(r),css:n.__assign({flexShrink:0,height:m||"400px",width:"".concat(nn,"px"),transition:O?"none":"transform 150ms linear",transform:s,zIndex:o,marginRight:r===A.length-1?"0px":"".concat(en,"px"),display:"flex",alignItems:"center",justifyContent:"center"},null==j?void 0:j.css),className:null==j?void 0:j.className},{children:e.jsx(i.Container,n.__assign({id:u,className:"slider-single-content ".concat((null==k?void 0:k.className)||""),css:n.__assign({display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",boxShadow:"0px 10px 40px rgba(0, 0, 0, 0.2)",borderRadius:"16px"},null==k?void 0:k.css)},{children:t}))}),"slider-".concat(r))})}))}))}))});exports.PeekCarousel=d;
+"use strict";var n=require("tslib"),e=require("react/jsx-runtime"),t=require("react"),r=require("react-swipeable"),i=require("@cleartrip/ct-design-use-isomorphic-effect"),a=require("@cleartrip/ct-design-container");function s(n){return n&&n.__esModule?n:{default:n}}var o,l=s(t),c=s(i);!function(n){n.NEXT="LEFT",n.PREV="RIGHT"}(o||(o={}));var u=t.forwardRef(function(i,s){var u,d=i.children,f=i.onSlide,h=i.startIndex,m=void 0===h?0:h,v=i.height,p=i.animationDelay,g=void 0===p?480:p,x=i.cardWidth,C=i.slideMargin,_=void 0===C?4:C,w=i.currentIndex,N=i.thresholdVelocity,b=void 0===N?.2:N,y=i.thresholdDelta,R=void 0===y?50:y,S=i.styleConfig,M=i.virtualized,k=void 0!==M&&M,T=i.overscan,I=void 0===T?2:T,P=S||{},X=P.relativeBaseContainerProps,j=P.rootContainerProps,q=P.sliderCardContainerProps,E=P.sliderRootContainerProps,F=P.sliderCardRootContainerProps,A=null!==(u=null==d?void 0:d.length)&&void 0!==u?u:0,V=t.useState(null!=w?w:m),D=V[0],L=V[1],O=t.useState(0),z=O[0],B=O[1],H=t.useState(!1),G=H[0],W=H[1],J=t.useRef(null),K=t.useRef(null);c.default(function(){void 0!==w&&L(w)},[w]);var Q=parseFloat(x)||0,U=Q+_,Y="calc(50% - ".concat(Q/2,"px)"),Z=t.useMemo(function(){return k?{start:Math.max(0,D-I),end:Math.min(A-1,D+I)}:null},[k,D,I,A]),$=t.useCallback(function(n){var e=Math.max(0,Math.min(n,A-1));void 0===w&&L(e),null==f||f(e)},[A,w,f]),nn=t.useCallback(function(n){if(d){var e=d.findIndex(function(e){return l.default.isValidElement(e)&&e.props.id===n});-1!==e&&$(e)}},[d,$]);t.useImperativeHandle(s,function(){return{goToIndex:$,goToItemById:nn}},[$,nn]);var en=t.useCallback(function(n){var e=n===o.NEXT?D+1:D-1;$(e)},[D,$]),tn=t.useCallback(function(n,e){K.current&&cancelAnimationFrame(K.current),W(!1),B(0),J.current&&(J.current.style.transition=""),(Math.abs(n.deltaX)>R||n.velocity>b)&&en(e)},[R,b,en]),rn=r.useSwipeable({onSwiping:function(n){W(!0);var e=-D*U,t=-(A-1)*U,r=e+n.deltaX,i=r<t?t-e:r>0?0-e:n.deltaX;J.current&&(J.current.style.transform="translateX(".concat(e+i,"px)"),J.current.style.transition="none"),K.current&&cancelAnimationFrame(K.current),K.current=requestAnimationFrame(function(){B(i),K.current=null})},onSwipedLeft:function(n){return tn(n,o.NEXT)},onSwipedRight:function(n){return tn(n,o.PREV)},onTouchStartOrOnMouseDown:function(){W(!0),J.current&&(J.current.style.transition="none")},trackMouse:!0,trackTouch:!0,preventScrollOnSwipe:!0}),an=-D*U,sn=G?z:0,on="translateX(".concat(an+sn,"px)"),ln=-(an+sn)/U;return e.jsx(a.Container,n.__assign({className:"flex flex-middle flex-center o-hidden ".concat((null==j?void 0:j.className)||""),css:n.__assign({width:"100%"},null==j?void 0:j.css)},{children:e.jsx(a.Container,n.__assign({},rn,{className:"position-relative o-hidden ".concat((null==X?void 0:X.className)||""),css:n.__assign({width:"100%",height:v},null==X?void 0:X.css)},{children:e.jsx(a.Container,n.__assign({ref:J,className:"flex h-100p ".concat((null==E?void 0:E.className)||""),css:null==E?void 0:E.css,style:{paddingLeft:Y,paddingRight:Y,transform:on,transition:G?"none":"transform ".concat(g,"ms cubic-bezier(0.4, 0, 0.2, 1)")}},{children:Array.from({length:A},function(t,r){var i=function(n,e){var t=n-e,r=Math.abs(t);return{transform:"scale(".concat(r<1?1-.15*r:.85,")")}}(r,ln).transform;return!k||Z&&r>=Z.start&&r<=Z.end?e.jsx(a.Container,n.__assign({className:"flex-no-shrink h-100p flex-middle flex-center ".concat((null==F?void 0:F.className)||""),css:n.__assign({width:x,transition:G?"none":"transform 150ms linear",transform:i,marginRight:r===A-1?0:_},null==F?void 0:F.css)},{children:e.jsx(a.Container,n.__assign({className:"slider-single-content w-100p h-100p flex-middle flex-center o-hidden br-16 ".concat((null==q?void 0:q.className)||""),css:null==q?void 0:q.css},{children:null==d?void 0:d[r]}))}),"slider-".concat(r)):e.jsx(a.Container,{style:{width:x,height:"100%",flexShrink:0,marginRight:r===A-1?0:_}},"placeholder-".concat(r))})}))}))}))});exports.PeekCarousel=u;
 //# sourceMappingURL=ct-design-peek-carousel.browser.cjs.js.map

package/dist/ct-design-peek-carousel.browser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-peek-carousel.browser.cjs.js","sources":["../packages/components/PeekCarousel/src/constants.ts","../packages/components/PeekCarousel/src/PeekCarousel.tsx","../packages/components/PeekCarousel/src/style.ts"],"sourcesContent":[null,null,null],"names":["SLIDER_DIRECTION","PEEK_CAROUSEL_IDS","PeekCarousel","forwardRef","props","ref","children","onSlide","_a","startIndex","height","_b","animationDelay","_c","cardWidth","_d","slideMargin","_e","peekPercentage","currentIndex","_f","thresholdVelocity","_g","thresholdDelta","_h","relativeBaseContainerProps","rootContainerProps","sliderCardContainerProps","sliderRootContainerProps","sliderCardRootContainerProps","sliderChildren","_j","useState","undefined","slideCurrent","setSlideCurrent","_k","translateOffset","setTranslateOffset","_l","isDragging","setIsDragging","translateOffsetRef","useRef","sliderContainerRef","containerRef","rafIdRef","currentIndexRef","activeIndexRef","useEffect","current","activeIndex","_m","useMemo","itemWidthPx","includes","parseInt","containerWidthPx","offsetWidth","window","innerWidth","parseFloat","getCardWidthValue","cardGapPx","peekStepPx","containerWidthValue","widthValue","concat","getContainerWidth","containerWidthPxValue","centerOffsetPx","ITEM_WIDTH_PX","CARD_GAP_PX","PEEK_STEP_PX","containerWidth","CENTER_OFFSET_PX","PADDING_CENTERING_PX","findIndexById","useCallback","id","findIndex","child","React","default","isValidElement","goToIndex","index","length","useImperativeHandle","goToItemById","onNavigateClick","dir","delta","NEXT","nextIndex","handleSwiped","e","cancelAnimationFrame","style","transition","Math","abs","deltaX","velocity","handlers","useSwipeable","onSwiping","currentBaseX","maxDragLeft","proposedX","clampedDiffX","finalTransform_1","transform","requestAnimationFrame","onSwipedLeft","PREV","onSwipedRight","onTouchStartOrOnMouseDown","event","preventDefault","trackMouse","trackTouch","preventScrollOnSwipe","_o","baseX","currentOffset","finalTransform","effectiveIndex","_jsx","jsx","Container","__assign","css","display","justifyContent","alignItems","overflow","className","node","position","minHeight","width","marginLeft","marginRight","paddingLeft","paddingRight","map","slider","scale","distance","absDistance","min","max","zIndex","floor","getStyles","flexShrink","boxShadow","borderRadius"],"mappings":"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"}
+{"version":3,"file":"ct-design-peek-carousel.browser.cjs.js","sources":["../packages/components/PeekCarousel/src/constants.ts","../packages/components/PeekCarousel/src/PeekCarousel.tsx","../packages/components/PeekCarousel/src/style.ts"],"sourcesContent":[null,null,null],"names":["SLIDER_DIRECTION","PeekCarousel","forwardRef","props","ref","children","onSlide","_b","startIndex","height","_c","animationDelay","cardWidth","_d","slideMargin","currentIndex","_e","thresholdVelocity","_f","thresholdDelta","styleConfig","_g","virtualized","_h","overscan","_j","relativeBaseContainerProps","rootContainerProps","sliderCardContainerProps","sliderRootContainerProps","sliderCardRootContainerProps","totalCount","_a","length","_k","useState","activeIndex","setActiveIndex","_l","dragOffset","setDragOffset","_m","isDragging","setIsDragging","sliderRef","useRef","rafRef","useIsomorphicEffect","undefined","cardWidthPx","parseFloat","stepSize","centerPadding","concat","visibleRange","useMemo","start","Math","max","end","min","goToIndex","useCallback","index","clampedIndex","goToItemById","id","findIndex","child","React","default","isValidElement","useImperativeHandle","onNavigateClick","direction","nextIndex","NEXT","handleSwiped","e","current","cancelAnimationFrame","style","transition","abs","deltaX","velocity","handlers","useSwipeable","onSwiping","currentBaseX","maxLeft","proposedX","clampedOffset","transform","requestAnimationFrame","onSwipedLeft","onSwipedRight","PREV","onTouchStartOrOnMouseDown","trackMouse","trackTouch","preventScrollOnSwipe","baseX","currentOffset","finalTransform","effectiveIndex","_jsx","Container","__assign","className","css","width","paddingLeft","paddingRight","Array","from","_","distance","absDistance","getStyles","marginRight","jsx","flexShrink"],"mappings":"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"}

package/dist/ct-design-peek-carousel.browser.esm.js

@@ -1,2 +1,2 @@
-import{__assign as n}from"tslib";import{jsx as t}from"react/jsx-runtime";import e,{forwardRef as r,useState as i,useRef as o,useEffect as a,useMemo as c,useCallback as l,useImperativeHandle as s}from"react";import{useSwipeable as u}from"react-swipeable";import{Container as d}from"@cleartrip/ct-design-container";var f,p="peekRootContainer",m="peekSliderRootContainer",v="peekSliderCardContainer";!function(n){n.NEXT="LEFT",n.PREV="RIGHT"}(f||(f={}));var h=r(function(r,h){var x=r.children,g=r.onSlide,I=r.startIndex,P=void 0===I?0:I,y=r.height,E=r.animationDelay,C=void 0===E?480:E,N=r.cardWidth,T=void 0===N?"100%":N,_=r.slideMargin,R=void 0===_?4:_,X=r.peekPercentage,w=void 0===X?10:X,S=r.currentIndex,D=r.thresholdVelocity,b=void 0===D?.2:D,M=r.thresholdDelta,A=void 0===M?50:M,W=r.styleConfig||{},k=W.relativeBaseContainerProps,F=W.rootContainerProps,G=W.sliderCardContainerProps,j=W.sliderRootContainerProps,z=W.sliderCardRootContainerProps,H=null!=x?x:[],L=i(void 0!==S?S:P),O=L[0],V=L[1],B=i(0),K=B[0],q=B[1],J=i(!1),Q=J[0],U=J[1],Y=o(0),Z=o(null),$=o(null),nn=o(null),tn=o(S),en=o(void 0!==S?S:P);a(function(){tn.current=S},[S]);var rn=void 0!==S?S:O;a(function(){en.current=rn},[rn]);var on=c(function(){var n=function(){var n;if("string"==typeof T&&T.includes("px"))return parseInt(T,10);if("string"==typeof T&&T.includes("%")){var t=(null===(n=$.current)||void 0===n?void 0:n.offsetWidth)||window.innerWidth;return parseFloat(T)/100*t}return"number"==typeof T?T:400}(),t=R,e=n+t,r=function(){if("string"==typeof T&&T.includes("px")){var n=parseInt(T,10);return"".concat(n+2*(n*w/100)+4*R,"px")}return T}(),i="string"==typeof r&&r.includes("px")?parseInt(r,10):"string"==typeof T&&T.includes("px")?parseInt(T,10)+200:600,o=i/2;return{ITEM_WIDTH_PX:n,CARD_GAP_PX:t,PEEK_STEP_PX:e,containerWidth:r,containerWidthPx:i,CENTER_OFFSET_PX:o,PADDING_CENTERING_PX:o-n/2}},[T,R,w]),an=on.ITEM_WIDTH_PX,cn=on.CARD_GAP_PX,ln=on.PEEK_STEP_PX,sn=on.containerWidth,un=on.PADDING_CENTERING_PX,dn=l(function(n){return H.findIndex(function(t){return!(!e.isValidElement(t)||!t.props)&&t.props.id===n})},[H]),fn=l(function(n){n>=0&&n<H.length&&(void 0===tn.current&&V(n),null==g||g(n))},[H.length,g]);s(h,function(){return{goToItemById:function(n){var t=dn(n);-1!==t&&t!==rn&&fn(t)}}},[dn,fn,rn]),a(function(){void 0!==S&&S!==O&&V(S)},[S,O]);var pn=l(function(n){var t=n===f.NEXT?-1:1,e=en.current+t;fn(e)},[fn]),mn=l(function(n,t){null!==nn.current&&(cancelAnimationFrame(nn.current),nn.current=null),U(!1),Y.current=0,Z.current&&(Z.current.style.transition=""),Math.abs(n.deltaX)>A||n.velocity>b?pn(t):fn(en.current),q(0)},[pn,fn,A,b]),vn=u({onSwiping:function(n){U(!0);var t=-en.current*ln,e=-(H.length-1)*ln,r=t+n.deltaX,i=n.deltaX;if(r<e?i=e-t:r>0&&(i=0-t),Y.current=i,Z.current){var o="translateX(".concat(t+i,"px)");Z.current.style.transform=o,Z.current.style.transition="none"}null!==nn.current&&cancelAnimationFrame(nn.current),nn.current=requestAnimationFrame(function(){q(i),nn.current=null})},onSwipedLeft:function(n){mn(n,f.PREV)},onSwipedRight:function(n){mn(n,f.NEXT)},onTouchStartOrOnMouseDown:function(n){n.event.preventDefault(),U(!0),Y.current=0,Z.current&&(Z.current.style.transition="none")},trackMouse:!0,trackTouch:!0,preventScrollOnSwipe:!0,delta:0}),hn=c(function(){var n=-rn*ln,t=Q?Y.current:K;return{finalTransform:"translateX(".concat(n+t,"px)"),effectiveIndex:-(n+t)/ln}},[rn,ln,Q,K]),xn=hn.finalTransform,gn=hn.effectiveIndex;return t(d,n({id:p,css:n({display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden"},null==F?void 0:F.css),className:null==F?void 0:F.className},{children:t(d,n({},vn,{ref:function(n){$.current=n,vn.ref&&"function"==typeof vn.ref&&vn.ref(n)},css:n({position:"relative",minHeight:y,width:sn,marginLeft:"auto",marginRight:"auto",overflow:"hidden"},null==k?void 0:k.css),className:null==k?void 0:k.className},{children:t(d,n({ref:Z,id:m,css:n({display:"flex",width:"max-content"},null==j?void 0:j.css),className:null==j?void 0:j.className,style:{transform:xn,transition:Q?"none":"transform ".concat(C,"ms cubic-bezier(0.4, 0, 0.2, 1)"),paddingLeft:"".concat(un,"px"),paddingRight:"".concat(un,"px")}},{children:H.map(function(e,r){var i=function(n,t){var e,r=n-t,i=Math.abs(r);e=i>=1?i>=2?.7:.85:1-i*(1-.85);e=Math.min(1,Math.max(.7,e));var o=10-Math.floor(5*i);return{transform:"scale(".concat(e,")"),zIndex:o}}(r,gn),o=i.transform,a=i.zIndex;return t(d,n({id:"slider-".concat(r),css:n({flexShrink:0,height:y||"400px",width:"".concat(an,"px"),transition:Q?"none":"transform 150ms linear",transform:o,zIndex:a,marginRight:r===H.length-1?"0px":"".concat(cn,"px"),display:"flex",alignItems:"center",justifyContent:"center"},null==z?void 0:z.css),className:null==z?void 0:z.className},{children:t(d,n({id:v,className:"slider-single-content ".concat((null==G?void 0:G.className)||""),css:n({display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",boxShadow:"0px 10px 40px rgba(0, 0, 0, 0.2)",borderRadius:"16px"},null==G?void 0:G.css)},{children:e}))}),"slider-".concat(r))})}))}))}))});export{h as PeekCarousel};
+import{__assign as n}from"tslib";import{jsx as t}from"react/jsx-runtime";import r,{forwardRef as e,useState as i,useRef as o,useMemo as a,useCallback as c,useImperativeHandle as l}from"react";import{useSwipeable as s}from"react-swipeable";import d from"@cleartrip/ct-design-use-isomorphic-effect";import{Container as u}from"@cleartrip/ct-design-container";var m;!function(n){n.NEXT="LEFT",n.PREV="RIGHT"}(m||(m={}));var f=e(function(e,f){var h,v=e.children,p=e.onSlide,g=e.startIndex,x=void 0===g?0:g,N=e.height,y=e.animationDelay,w=void 0===y?480:y,M=e.cardWidth,R=e.slideMargin,T=void 0===R?4:R,C=e.currentIndex,S=e.thresholdVelocity,X=void 0===S?.2:S,b=e.thresholdDelta,E=void 0===b?50:b,I=e.styleConfig,P=e.virtualized,F=void 0!==P&&P,k=e.overscan,A=void 0===k?2:k,V=I||{},D=V.relativeBaseContainerProps,L=V.rootContainerProps,O=V.sliderCardContainerProps,z=V.sliderRootContainerProps,B=V.sliderCardRootContainerProps,j=null!==(h=null==v?void 0:v.length)&&void 0!==h?h:0,q=i(null!=C?C:x),G=q[0],H=q[1],W=i(0),J=W[0],K=W[1],Q=i(!1),U=Q[0],Y=Q[1],Z=o(null),$=o(null);d(function(){void 0!==C&&H(C)},[C]);var _=parseFloat(M)||0,nn=_+T,tn="calc(50% - ".concat(_/2,"px)"),rn=a(function(){return F?{start:Math.max(0,G-A),end:Math.min(j-1,G+A)}:null},[F,G,A,j]),en=c(function(n){var t=Math.max(0,Math.min(n,j-1));void 0===C&&H(t),null==p||p(t)},[j,C,p]),on=c(function(n){if(v){var t=v.findIndex(function(t){return r.isValidElement(t)&&t.props.id===n});-1!==t&&en(t)}},[v,en]);l(f,function(){return{goToIndex:en,goToItemById:on}},[en,on]);var an=c(function(n){var t=n===m.NEXT?G+1:G-1;en(t)},[G,en]),cn=c(function(n,t){$.current&&cancelAnimationFrame($.current),Y(!1),K(0),Z.current&&(Z.current.style.transition=""),(Math.abs(n.deltaX)>E||n.velocity>X)&&an(t)},[E,X,an]),ln=s({onSwiping:function(n){Y(!0);var t=-G*nn,r=-(j-1)*nn,e=t+n.deltaX,i=e<r?r-t:e>0?0-t:n.deltaX;Z.current&&(Z.current.style.transform="translateX(".concat(t+i,"px)"),Z.current.style.transition="none"),$.current&&cancelAnimationFrame($.current),$.current=requestAnimationFrame(function(){K(i),$.current=null})},onSwipedLeft:function(n){return cn(n,m.NEXT)},onSwipedRight:function(n){return cn(n,m.PREV)},onTouchStartOrOnMouseDown:function(){Y(!0),Z.current&&(Z.current.style.transition="none")},trackMouse:!0,trackTouch:!0,preventScrollOnSwipe:!0}),sn=-G*nn,dn=U?J:0,un="translateX(".concat(sn+dn,"px)"),mn=-(sn+dn)/nn;return t(u,n({className:"flex flex-middle flex-center o-hidden ".concat((null==L?void 0:L.className)||""),css:n({width:"100%"},null==L?void 0:L.css)},{children:t(u,n({},ln,{className:"position-relative o-hidden ".concat((null==D?void 0:D.className)||""),css:n({width:"100%",height:N},null==D?void 0:D.css)},{children:t(u,n({ref:Z,className:"flex h-100p ".concat((null==z?void 0:z.className)||""),css:null==z?void 0:z.css,style:{paddingLeft:tn,paddingRight:tn,transform:un,transition:U?"none":"transform ".concat(w,"ms cubic-bezier(0.4, 0, 0.2, 1)")}},{children:Array.from({length:j},function(r,e){var i=function(n,t){var r=n-t,e=Math.abs(r);return{transform:"scale(".concat(e<1?1-.15*e:.85,")")}}(e,mn).transform;return!F||rn&&e>=rn.start&&e<=rn.end?t(u,n({className:"flex-no-shrink h-100p flex-middle flex-center ".concat((null==B?void 0:B.className)||""),css:n({width:M,transition:U?"none":"transform 150ms linear",transform:i,marginRight:e===j-1?0:T},null==B?void 0:B.css)},{children:t(u,n({className:"slider-single-content w-100p h-100p flex-middle flex-center o-hidden br-16 ".concat((null==O?void 0:O.className)||""),css:null==O?void 0:O.css},{children:null==v?void 0:v[e]}))}),"slider-".concat(e)):t(u,{style:{width:M,height:"100%",flexShrink:0,marginRight:e===j-1?0:T}},"placeholder-".concat(e))})}))}))}))});export{f as PeekCarousel};
 //# sourceMappingURL=ct-design-peek-carousel.browser.esm.js.map

package/dist/ct-design-peek-carousel.browser.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-peek-carousel.browser.esm.js","sources":["../packages/components/PeekCarousel/src/constants.ts","../packages/components/PeekCarousel/src/PeekCarousel.tsx","../packages/components/PeekCarousel/src/style.ts"],"sourcesContent":[null,null,null],"names":["SLIDER_DIRECTION","PEEK_CAROUSEL_IDS","PeekCarousel","forwardRef","props","ref","children","onSlide","_a","startIndex","height","_b","animationDelay","_c","cardWidth","_d","slideMargin","_e","peekPercentage","currentIndex","_f","thresholdVelocity","_g","thresholdDelta","_h","relativeBaseContainerProps","rootContainerProps","sliderCardContainerProps","sliderRootContainerProps","sliderCardRootContainerProps","sliderChildren","_j","useState","undefined","slideCurrent","setSlideCurrent","_k","translateOffset","setTranslateOffset","_l","isDragging","setIsDragging","translateOffsetRef","useRef","sliderContainerRef","containerRef","rafIdRef","currentIndexRef","activeIndexRef","useEffect","current","activeIndex","_m","useMemo","itemWidthPx","includes","parseInt","containerWidthPx","offsetWidth","window","innerWidth","parseFloat","getCardWidthValue","cardGapPx","peekStepPx","containerWidthValue","widthValue","concat","getContainerWidth","containerWidthPxValue","centerOffsetPx","ITEM_WIDTH_PX","CARD_GAP_PX","PEEK_STEP_PX","containerWidth","CENTER_OFFSET_PX","PADDING_CENTERING_PX","findIndexById","useCallback","id","findIndex","child","React","isValidElement","goToIndex","index","length","useImperativeHandle","goToItemById","onNavigateClick","dir","delta","NEXT","nextIndex","handleSwiped","e","cancelAnimationFrame","style","transition","Math","abs","deltaX","velocity","handlers","useSwipeable","onSwiping","currentBaseX","maxDragLeft","proposedX","clampedDiffX","finalTransform_1","transform","requestAnimationFrame","onSwipedLeft","PREV","onSwipedRight","onTouchStartOrOnMouseDown","event","preventDefault","trackMouse","trackTouch","preventScrollOnSwipe","_o","baseX","currentOffset","finalTransform","effectiveIndex","_jsx","Container","__assign","css","display","justifyContent","alignItems","overflow","className","node","position","minHeight","width","marginLeft","marginRight","paddingLeft","paddingRight","map","slider","scale","distance","absDistance","min","max","zIndex","floor","getStyles","flexShrink","boxShadow","borderRadius"],"mappings":"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"}
+{"version":3,"file":"ct-design-peek-carousel.browser.esm.js","sources":["../packages/components/PeekCarousel/src/constants.ts","../packages/components/PeekCarousel/src/PeekCarousel.tsx","../packages/components/PeekCarousel/src/style.ts"],"sourcesContent":[null,null,null],"names":["SLIDER_DIRECTION","PeekCarousel","forwardRef","props","ref","children","onSlide","_b","startIndex","height","_c","animationDelay","cardWidth","_d","slideMargin","currentIndex","_e","thresholdVelocity","_f","thresholdDelta","styleConfig","_g","virtualized","_h","overscan","_j","relativeBaseContainerProps","rootContainerProps","sliderCardContainerProps","sliderRootContainerProps","sliderCardRootContainerProps","totalCount","_a","length","_k","useState","activeIndex","setActiveIndex","_l","dragOffset","setDragOffset","_m","isDragging","setIsDragging","sliderRef","useRef","rafRef","useIsomorphicEffect","undefined","cardWidthPx","parseFloat","stepSize","centerPadding","concat","visibleRange","useMemo","start","Math","max","end","min","goToIndex","useCallback","index","clampedIndex","goToItemById","id","findIndex","child","React","isValidElement","useImperativeHandle","onNavigateClick","direction","nextIndex","NEXT","handleSwiped","e","current","cancelAnimationFrame","style","transition","abs","deltaX","velocity","handlers","useSwipeable","onSwiping","currentBaseX","maxLeft","proposedX","clampedOffset","transform","requestAnimationFrame","onSwipedLeft","onSwipedRight","PREV","onTouchStartOrOnMouseDown","trackMouse","trackTouch","preventScrollOnSwipe","baseX","currentOffset","finalTransform","effectiveIndex","_jsx","Container","__assign","className","css","width","paddingLeft","paddingRight","Array","from","_","distance","absDistance","getStyles","marginRight","flexShrink"],"mappings":"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"}

package/dist/ct-design-peek-carousel.cjs.js

@@ -4,20 +4,14 @@ var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactSwipeable = require('react-swipeable');
+var useIsomorphicEffect = require('@cleartrip/ct-design-use-isomorphic-effect');
 var ctDesignContainer = require('@cleartrip/ct-design-container');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
+var useIsomorphicEffect__default = /*#__PURE__*/_interopDefault(useIsomorphicEffect);
 
-var PEEK_CAROUSEL_IDS = {
-    ROOT_CONTAINER: 'peekRootContainer',
-    SLIDER_ROOT_CONTAINER: 'peekSliderRootContainer',
-    SLIDER_CARD_CONTAINER: 'peekSliderCardContainer',
-    ICONS_CONTAINER: 'peekIconsContainer',
-    LEFT_ICON_CONTAINER: 'peekLeftIconContainer',
-    RIGHT_ICON_CONTAINER: 'peekRightIconContainer',
-};
 var SLIDER_DIRECTION;
 (function (SLIDER_DIRECTION) {
     SLIDER_DIRECTION["NEXT"] = "LEFT";
@@ -30,211 +24,122 @@ var getStyles = function (index, effectiveIndex) {
     var distance = index - effectiveIndex;
     var absDistance = Math.abs(distance);
     var scale;
-    if (absDistance >= 1) {
-        scale = absDistance >= 2 ? 0.7 : 0.85;
+    if (absDistance < 1) {
+        scale = 1.0 - absDistance * 0.15;
     }
     else {
-        var maxScaleDrop = 1.0 - 0.85;
-        scale = 1.0 - absDistance * maxScaleDrop;
+        scale = 0.85;
     }
-    scale = Math.min(1.0, Math.max(0.7, scale));
-    var zIndex = 10 - Math.floor(absDistance * 5);
     return {
         transform: "scale(".concat(scale, ")"),
-        zIndex: zIndex,
     };
 };
 
 var PeekCarousel = React.forwardRef(function (props, ref) {
-    var children = props.children, onSlide = props.onSlide, _a = props.startIndex, startIndex = _a === void 0 ? 0 : _a, height = props.height, _b = props.animationDelay, animationDelay = _b === void 0 ? 480 : _b, _c = props.cardWidth, cardWidth = _c === void 0 ? '100%' : _c, _d = props.slideMargin, slideMargin = _d === void 0 ? 4 : _d, _e = props.peekPercentage, peekPercentage = _e === void 0 ? 10 : _e, currentIndex = props.currentIndex, _f = props.thresholdVelocity, thresholdVelocity = _f === void 0 ? SWIPE_THRESHOLD_VELOCITY : _f, _g = props.thresholdDelta, thresholdDelta = _g === void 0 ? SWIPE_THRESHOLD_DELTA : _g, styleConfig = props.styleConfig;
-    var _h = styleConfig || {}, relativeBaseContainerProps = _h.relativeBaseContainerProps, rootContainerProps = _h.rootContainerProps, sliderCardContainerProps = _h.sliderCardContainerProps, sliderRootContainerProps = _h.sliderRootContainerProps, sliderCardRootContainerProps = _h.sliderCardRootContainerProps;
-    var sliderChildren = children !== null && children !== void 0 ? children : [];
-    var _j = React.useState(currentIndex !== undefined ? currentIndex : startIndex), slideCurrent = _j[0], setSlideCurrent = _j[1];
-    var _k = React.useState(0), translateOffset = _k[0], setTranslateOffset = _k[1];
-    var _l = React.useState(false), isDragging = _l[0], setIsDragging = _l[1];
-    var translateOffsetRef = React.useRef(0);
-    var sliderContainerRef = React.useRef(null);
-    var containerRef = React.useRef(null);
-    var rafIdRef = React.useRef(null);
-    var currentIndexRef = React.useRef(currentIndex);
-    var activeIndexRef = React.useRef(currentIndex !== undefined ? currentIndex : startIndex);
-    React.useEffect(function () {
-        currentIndexRef.current = currentIndex;
+    var _a;
+    var children = props.children, onSlide = props.onSlide, _b = props.startIndex, startIndex = _b === void 0 ? 0 : _b, height = props.height, _c = props.animationDelay, animationDelay = _c === void 0 ? 480 : _c, cardWidth = props.cardWidth, _d = props.slideMargin, slideMargin = _d === void 0 ? 4 : _d, currentIndex = props.currentIndex, _e = props.thresholdVelocity, thresholdVelocity = _e === void 0 ? SWIPE_THRESHOLD_VELOCITY : _e, _f = props.thresholdDelta, thresholdDelta = _f === void 0 ? SWIPE_THRESHOLD_DELTA : _f, styleConfig = props.styleConfig, _g = props.virtualized, virtualized = _g === void 0 ? false : _g, _h = props.overscan, overscan = _h === void 0 ? 2 : _h;
+    var _j = styleConfig || {}, relativeBaseContainerProps = _j.relativeBaseContainerProps, rootContainerProps = _j.rootContainerProps, sliderCardContainerProps = _j.sliderCardContainerProps, sliderRootContainerProps = _j.sliderRootContainerProps, sliderCardRootContainerProps = _j.sliderCardRootContainerProps;
+    var totalCount = (_a = children === null || children === void 0 ? void 0 : children.length) !== null && _a !== void 0 ? _a : 0;
+    var _k = React.useState(currentIndex !== null && currentIndex !== void 0 ? currentIndex : startIndex), activeIndex = _k[0], setActiveIndex = _k[1];
+    var _l = React.useState(0), dragOffset = _l[0], setDragOffset = _l[1];
+    var _m = React.useState(false), isDragging = _m[0], setIsDragging = _m[1];
+    var sliderRef = React.useRef(null);
+    var rafRef = React.useRef(null);
+    useIsomorphicEffect__default.default(function () {
+        if (currentIndex !== undefined)
+            setActiveIndex(currentIndex);
     }, [currentIndex]);
-    var activeIndex = currentIndex !== undefined ? currentIndex : slideCurrent;
-    React.useEffect(function () {
-        activeIndexRef.current = activeIndex;
-    }, [activeIndex]);
-    var _m = React.useMemo(function () {
-        var getCardWidthValue = function () {
-            var _a;
-            if (typeof cardWidth === 'string' && cardWidth.includes('px')) {
-                return parseInt(cardWidth, 10);
-            }
-            else if (typeof cardWidth === 'string' && cardWidth.includes('%')) {
-                var containerWidthPx = ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || window.innerWidth;
-                var percentage = parseFloat(cardWidth);
-                return (percentage / 100) * containerWidthPx;
-            }
-            else if (typeof cardWidth === 'number') {
-                return cardWidth;
-            }
-            return 400;
-        };
-        var itemWidthPx = getCardWidthValue();
-        var cardGapPx = slideMargin;
-        var peekStepPx = itemWidthPx + cardGapPx;
-        var getContainerWidth = function () {
-            if (typeof cardWidth === 'string' && cardWidth.includes('px')) {
-                var widthValue = parseInt(cardWidth, 10);
-                var peekWidth = (widthValue * peekPercentage) / 100;
-                var totalWidth = widthValue + peekWidth * 2 + slideMargin * 4;
-                return "".concat(totalWidth, "px");
-            }
-            return cardWidth;
-        };
-        var containerWidthValue = getContainerWidth();
-        var containerWidthPxValue = typeof containerWidthValue === 'string' && containerWidthValue.includes('px')
-            ? parseInt(containerWidthValue, 10)
-            : typeof cardWidth === 'string' && cardWidth.includes('px')
-                ? parseInt(cardWidth, 10) + 200
-                : 600;
-        var centerOffsetPx = containerWidthPxValue / 2;
-        var paddingCenteringPx = centerOffsetPx - itemWidthPx / 2;
+    var cardWidthPx = parseFloat(cardWidth) || 0;
+    var stepSize = cardWidthPx + slideMargin;
+    var centerPadding = "calc(50% - ".concat(cardWidthPx / 2, "px)");
+    var visibleRange = React.useMemo(function () {
+        if (!virtualized)
+            return null;
         return {
-            ITEM_WIDTH_PX: itemWidthPx,
-            CARD_GAP_PX: cardGapPx,
-            PEEK_STEP_PX: peekStepPx,
-            containerWidth: containerWidthValue,
-            containerWidthPx: containerWidthPxValue,
-            CENTER_OFFSET_PX: centerOffsetPx,
-            PADDING_CENTERING_PX: paddingCenteringPx,
+            start: Math.max(0, activeIndex - overscan),
+            end: Math.min(totalCount - 1, activeIndex + overscan),
         };
-    }, [cardWidth, slideMargin, peekPercentage]), ITEM_WIDTH_PX = _m.ITEM_WIDTH_PX, CARD_GAP_PX = _m.CARD_GAP_PX, PEEK_STEP_PX = _m.PEEK_STEP_PX, containerWidth = _m.containerWidth, PADDING_CENTERING_PX = _m.PADDING_CENTERING_PX;
-    var findIndexById = React.useCallback(function (id) {
-        return sliderChildren.findIndex(function (child) {
-            if (React__default.default.isValidElement(child) && child.props) {
-                var props_1 = child.props;
-                return props_1.id === id;
-            }
-            return false;
-        });
-    }, [sliderChildren]);
+    }, [virtualized, activeIndex, overscan, totalCount]);
     var goToIndex = React.useCallback(function (index) {
-        if (index >= 0 && index < sliderChildren.length) {
-            if (currentIndexRef.current === undefined) {
-                setSlideCurrent(index);
-            }
-            onSlide === null || onSlide === void 0 ? void 0 : onSlide(index);
-        }
-    }, [sliderChildren.length, onSlide]);
-    React.useImperativeHandle(ref, function () { return ({
-        goToItemById: function (id) {
-            var index = findIndexById(id);
-            if (index !== -1 && index !== activeIndex) {
-                goToIndex(index);
-            }
-        },
-    }); }, [findIndexById, goToIndex, activeIndex]);
-    React.useEffect(function () {
-        if (currentIndex !== undefined && currentIndex !== slideCurrent) {
-            setSlideCurrent(currentIndex);
-        }
-    }, [currentIndex, slideCurrent]);
-    var onNavigateClick = React.useCallback(function (dir) {
-        var delta = dir === SLIDER_DIRECTION.NEXT ? -1 : 1;
-        var nextIndex = activeIndexRef.current + delta;
+        var clampedIndex = Math.max(0, Math.min(index, totalCount - 1));
+        if (currentIndex === undefined)
+            setActiveIndex(clampedIndex);
+        onSlide === null || onSlide === void 0 ? void 0 : onSlide(clampedIndex);
+    }, [totalCount, currentIndex, onSlide]);
+    var goToItemById = React.useCallback(function (id) {
+        if (!children)
+            return;
+        var index = children.findIndex(function (child) { return React__default.default.isValidElement(child) && child.props.id === id; });
+        if (index !== -1)
+            goToIndex(index);
+    }, [children, goToIndex]);
+    React.useImperativeHandle(ref, function () { return ({ goToIndex: goToIndex, goToItemById: goToItemById }); }, [goToIndex, goToItemById]);
+    var onNavigateClick = React.useCallback(function (direction) {
+        var nextIndex = direction === SLIDER_DIRECTION.NEXT ? activeIndex + 1 : activeIndex - 1;
         goToIndex(nextIndex);
-    }, [goToIndex]);
-    var handleSwiped = React.useCallback(function (e, dir) {
-        if (rafIdRef.current !== null) {
-            cancelAnimationFrame(rafIdRef.current);
-            rafIdRef.current = null;
-        }
+    }, [activeIndex, goToIndex]);
+    var handleSwiped = React.useCallback(function (e, direction) {
+        if (rafRef.current)
+            cancelAnimationFrame(rafRef.current);
         setIsDragging(false);
-        translateOffsetRef.current = 0;
-        if (sliderContainerRef.current) {
-            sliderContainerRef.current.style.transition = '';
-        }
-        var shouldMove = Math.abs(e.deltaX) > thresholdDelta || e.velocity > thresholdVelocity;
-        if (shouldMove) {
-            onNavigateClick(dir);
+        setDragOffset(0);
+        if (sliderRef.current)
+            sliderRef.current.style.transition = '';
+        if (Math.abs(e.deltaX) > thresholdDelta || e.velocity > thresholdVelocity) {
+            onNavigateClick(direction);
         }
-        else {
-            goToIndex(activeIndexRef.current);
-        }
-        setTranslateOffset(0);
-    }, [onNavigateClick, goToIndex, thresholdDelta, thresholdVelocity]);
+    }, [thresholdDelta, thresholdVelocity, onNavigateClick]);
     var handlers = reactSwipeable.useSwipeable({
         onSwiping: function (e) {
             setIsDragging(true);
-            var currentBaseX = -(activeIndexRef.current * PEEK_STEP_PX);
-            var maxDragLeft = -(sliderChildren.length - 1) * PEEK_STEP_PX;
-            var maxDragRight = 0;
+            var currentBaseX = -activeIndex * stepSize;
+            var maxLeft = -(totalCount - 1) * stepSize;
+            var maxRight = 0;
             var proposedX = currentBaseX + e.deltaX;
-            var clampedDiffX = e.deltaX;
-            if (proposedX < maxDragLeft) {
-                clampedDiffX = maxDragLeft - currentBaseX;
-            }
-            else if (proposedX > maxDragRight) {
-                clampedDiffX = maxDragRight - currentBaseX;
-            }
-            translateOffsetRef.current = clampedDiffX;
-            if (sliderContainerRef.current) {
-                var finalTransform_1 = "translateX(".concat(currentBaseX + clampedDiffX, "px)");
-                sliderContainerRef.current.style.transform = finalTransform_1;
-                sliderContainerRef.current.style.transition = 'none';
+            var clampedOffset = proposedX < maxLeft ? maxLeft - currentBaseX : proposedX > maxRight ? maxRight - currentBaseX : e.deltaX;
+            if (sliderRef.current) {
+                sliderRef.current.style.transform = "translateX(".concat(currentBaseX + clampedOffset, "px)");
+                sliderRef.current.style.transition = 'none';
             }
-            if (rafIdRef.current !== null) {
-                cancelAnimationFrame(rafIdRef.current);
-            }
-            rafIdRef.current = requestAnimationFrame(function () {
-                setTranslateOffset(clampedDiffX);
-                rafIdRef.current = null;
+            if (rafRef.current)
+                cancelAnimationFrame(rafRef.current);
+            rafRef.current = requestAnimationFrame(function () {
+                setDragOffset(clampedOffset);
+                rafRef.current = null;
             });
         },
-        onSwipedLeft: function (e) {
-            handleSwiped(e, SLIDER_DIRECTION.PREV);
-        },
-        onSwipedRight: function (e) {
-            handleSwiped(e, SLIDER_DIRECTION.NEXT);
-        },
-        onTouchStartOrOnMouseDown: function (e) {
-            e.event.preventDefault();
+        onSwipedLeft: function (e) { return handleSwiped(e, SLIDER_DIRECTION.NEXT); },
+        onSwipedRight: function (e) { return handleSwiped(e, SLIDER_DIRECTION.PREV); },
+        onTouchStartOrOnMouseDown: function () {
             setIsDragging(true);
-            translateOffsetRef.current = 0;
-            if (sliderContainerRef.current) {
-                sliderContainerRef.current.style.transition = 'none';
-            }
+            if (sliderRef.current)
+                sliderRef.current.style.transition = 'none';
         },
         trackMouse: true,
         trackTouch: true,
         preventScrollOnSwipe: true,
-        delta: 0,
     });
-    var _o = React.useMemo(function () {
-        var baseX = -(activeIndex * PEEK_STEP_PX);
-        var currentOffset = isDragging ? translateOffsetRef.current : translateOffset;
-        var transform = "translateX(".concat(baseX + currentOffset, "px)");
-        var effIndex = -((baseX + currentOffset) / PEEK_STEP_PX);
-        return {
-            finalTransform: transform,
-            effectiveIndex: effIndex,
-        };
-    }, [activeIndex, PEEK_STEP_PX, isDragging, translateOffset]), finalTransform = _o.finalTransform, effectiveIndex = _o.effectiveIndex;
-    return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ id: PEEK_CAROUSEL_IDS.ROOT_CONTAINER, css: tslib.__assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', overflow: 'hidden' }, rootContainerProps === null || rootContainerProps === void 0 ? void 0 : rootContainerProps.css), className: rootContainerProps === null || rootContainerProps === void 0 ? void 0 : rootContainerProps.className }, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({}, handlers, { ref: function (node) {
-                containerRef.current = node;
-                if (handlers.ref && typeof handlers.ref === 'function') {
-                    handlers.ref(node);
-                }
-            }, css: tslib.__assign({ position: 'relative', minHeight: height, width: containerWidth, marginLeft: 'auto', marginRight: 'auto', overflow: 'hidden' }, relativeBaseContainerProps === null || relativeBaseContainerProps === void 0 ? void 0 : relativeBaseContainerProps.css), className: relativeBaseContainerProps === null || relativeBaseContainerProps === void 0 ? void 0 : relativeBaseContainerProps.className }, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ ref: sliderContainerRef, id: PEEK_CAROUSEL_IDS.SLIDER_ROOT_CONTAINER, css: tslib.__assign({ display: 'flex', width: 'max-content' }, sliderRootContainerProps === null || sliderRootContainerProps === void 0 ? void 0 : sliderRootContainerProps.css), className: sliderRootContainerProps === null || sliderRootContainerProps === void 0 ? void 0 : sliderRootContainerProps.className, style: {
+    var baseX = -activeIndex * stepSize;
+    var currentOffset = isDragging ? dragOffset : 0;
+    var finalTransform = "translateX(".concat(baseX + currentOffset, "px)");
+    var effectiveIndex = -(baseX + currentOffset) / stepSize;
+    return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ className: "flex flex-middle flex-center o-hidden ".concat((rootContainerProps === null || rootContainerProps === void 0 ? void 0 : rootContainerProps.className) || ''), css: tslib.__assign({ width: '100%' }, rootContainerProps === null || rootContainerProps === void 0 ? void 0 : rootContainerProps.css) }, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({}, handlers, { className: "position-relative o-hidden ".concat((relativeBaseContainerProps === null || relativeBaseContainerProps === void 0 ? void 0 : relativeBaseContainerProps.className) || ''), css: tslib.__assign({ width: '100%', height: height }, relativeBaseContainerProps === null || relativeBaseContainerProps === void 0 ? void 0 : relativeBaseContainerProps.css) }, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ ref: sliderRef, className: "flex h-100p ".concat((sliderRootContainerProps === null || sliderRootContainerProps === void 0 ? void 0 : sliderRootContainerProps.className) || ''), css: sliderRootContainerProps === null || sliderRootContainerProps === void 0 ? void 0 : sliderRootContainerProps.css, style: {
+                    paddingLeft: centerPadding,
+                    paddingRight: centerPadding,
                     transform: finalTransform,
                     transition: isDragging ? 'none' : "transform ".concat(animationDelay, "ms cubic-bezier(0.4, 0, 0.2, 1)"),
-                    paddingLeft: "".concat(PADDING_CENTERING_PX, "px"),
-                    paddingRight: "".concat(PADDING_CENTERING_PX, "px"),
-                } }, { children: sliderChildren.map(function (slider, index) {
-                    var _a = getStyles(index, effectiveIndex), transform = _a.transform, zIndex = _a.zIndex;
-                    return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ id: "slider-".concat(index), css: tslib.__assign({ flexShrink: 0, height: height || '400px', width: "".concat(ITEM_WIDTH_PX, "px"), transition: isDragging ? 'none' : 'transform 150ms linear', transform: transform, zIndex: zIndex, marginRight: index === sliderChildren.length - 1 ? '0px' : "".concat(CARD_GAP_PX, "px"), display: 'flex', alignItems: 'center', justifyContent: 'center' }, sliderCardRootContainerProps === null || sliderCardRootContainerProps === void 0 ? void 0 : sliderCardRootContainerProps.css), className: sliderCardRootContainerProps === null || sliderCardRootContainerProps === void 0 ? void 0 : sliderCardRootContainerProps.className }, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ id: PEEK_CAROUSEL_IDS.SLIDER_CARD_CONTAINER, className: "slider-single-content ".concat((sliderCardContainerProps === null || sliderCardContainerProps === void 0 ? void 0 : sliderCardContainerProps.className) || ''), css: tslib.__assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%', boxShadow: '0px 10px 40px rgba(0, 0, 0, 0.2)', borderRadius: '16px' }, sliderCardContainerProps === null || sliderCardContainerProps === void 0 ? void 0 : sliderCardContainerProps.css) }, { children: slider })) }), "slider-".concat(index)));
+                } }, { children: Array.from({ length: totalCount }, function (_, index) {
+                    var transform = getStyles(index, effectiveIndex).transform;
+                    var isVisible = !virtualized || (visibleRange && index >= visibleRange.start && index <= visibleRange.end);
+                    if (!isVisible) {
+                        return (jsxRuntime.jsx(ctDesignContainer.Container, { style: {
+                                width: cardWidth,
+                                height: '100%',
+                                flexShrink: 0,
+                                marginRight: index === totalCount - 1 ? 0 : slideMargin,
+                            } }, "placeholder-".concat(index)));
+                    }
+                    return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ className: "flex-no-shrink h-100p flex-middle flex-center ".concat((sliderCardRootContainerProps === null || sliderCardRootContainerProps === void 0 ? void 0 : sliderCardRootContainerProps.className) || ''), css: tslib.__assign({ width: cardWidth, transition: isDragging ? 'none' : 'transform 150ms linear', transform: transform, marginRight: index === totalCount - 1 ? 0 : slideMargin }, sliderCardRootContainerProps === null || sliderCardRootContainerProps === void 0 ? void 0 : sliderCardRootContainerProps.css) }, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ className: "slider-single-content w-100p h-100p flex-middle flex-center o-hidden br-16 ".concat((sliderCardContainerProps === null || sliderCardContainerProps === void 0 ? void 0 : sliderCardContainerProps.className) || ''), css: sliderCardContainerProps === null || sliderCardContainerProps === void 0 ? void 0 : sliderCardContainerProps.css }, { children: children === null || children === void 0 ? void 0 : children[index] })) }), "slider-".concat(index)));
                 }) })) })) })));
 });