react-native-reanimated-carousel 4.0.0-alpha.0 → 4.0.0-alpha.1

package/lib/commonjs/layouts/ParallaxLayout.js

@@ -1,2 +1,84 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ParallaxLayout=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireDefault(require("react"));var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _useOffsetX=require("../hooks/useOffsetX");var _LazyView=require("../LazyView");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/ParallaxLayout.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var _worklet_2396750619736_init_data={code:"function anonymous() {\n  const {\n    x,\n    size,\n    interpolate,\n    parallaxScrollingOffset,\n    Extrapolate,\n    parallaxAdjacentItemScale,\n    parallaxScrollingScale,\n    vertical\n  } = this._closure;\n  const value = x.value / size;\n  const translate = interpolate(value, [-1, 0, 1], [-size + parallaxScrollingOffset, 0, size - parallaxScrollingOffset], Extrapolate.EXTEND);\n  const zIndex = interpolate(value, [-1, 0, 1], [0, size, 0], Extrapolate.CLAMP);\n  const scale = interpolate(value, [-1, 0, 1], [parallaxAdjacentItemScale, parallaxScrollingScale, parallaxAdjacentItemScale], Extrapolate.CLAMP);\n  return {\n    transform: [vertical ? {\n      translateY: translate\n    } : {\n      translateX: translate\n    }, {\n      scale: scale\n    }],\n    zIndex: zIndex\n  };\n}",location:"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/ParallaxLayout.tsx",sourceMap:"{\"version\":3,\"names\":[\"anonymous\",\"x\",\"size\",\"interpolate\",\"parallaxScrollingOffset\",\"Extrapolate\",\"parallaxAdjacentItemScale\",\"parallaxScrollingScale\",\"vertical\",\"_closure\",\"value\",\"translate\",\"EXTEND\",\"zIndex\",\"CLAMP\",\"scale\",\"transform\",\"translateY\",\"translateX\"],\"sources\":[\"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/ParallaxLayout.tsx\"],\"mappings\":\"AAwDwC,SAAAA,SAAMA,CAAA;EAAA;IAAAC,CAAA;IAAAC,IAAA;IAAAC,WAAA;IAAAC,uBAAA;IAAAC,WAAA;IAAAC,yBAAA;IAAAC,sBAAA;IAAAC;EAAA,SAAAC,QAAA;EAC1C,MAAMC,KAAK,GAAGT,CAAC,CAACS,KAAK,GAAGR,IAAI;EAE5B,MAAMS,SAAS,GAAGR,WAAW,CAC3BO,KAAK,EACL,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACV,CACE,CAACR,IAAI,GAAGE,uBAAuB,EAC/B,CAAC,EACDF,IAAI,GAAGE,uBAAuB,CAC/B,EACDC,WAAW,CAACO,MACd,CAAC;EAED,MAAMC,MAAM,GAAGV,WAAW,CACxBO,KAAK,EACL,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACV,CAAC,CAAC,EAAER,IAAI,EAAE,CAAC,CAAC,EACZG,WAAW,CAACS,KACd,CAAC;EAED,MAAMC,KAAK,GAAGZ,WAAW,CACvBO,KAAK,EACL,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACV,CACEJ,yBAAyB,EACzBC,sBAAsB,EACtBD,yBAAyB,CAC1B,EACDD,WAAW,CAACS,KACd,CAAC;EAED,OAAO;IACLE,SAAS,EAAE,CACTR,QAAQ,GACJ;MACAS,UAAU,EAAEN;IACd,CAAC,GACC;MACAO,UAAU,EAAEP;IACd,CAAC,EACH;MACEI,KAAA,EAAAA;IACF,CAAC,CACF;IACDF,MAAA,EAAAA;EACF,CAAC;AACH\"}"};var _worklet_11113070436332_init_data={code:"function anonymous() {\n  const {\n    visibleRanges\n  } = this._closure;\n  return visibleRanges.value;\n}",location:"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/ParallaxLayout.tsx",sourceMap:"{\"version\":3,\"names\":[\"anonymous\",\"visibleRanges\",\"_closure\",\"value\"],\"sources\":[\"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/ParallaxLayout.tsx\"],\"mappings\":\"AAoHI,SAAAA,UAAA;EAAA;IAAAC;EAAA,SAAAC,QAAA;EAAA,OAAMD,aAAc,CAAAE,KAAA;AAAA\"}"};var _worklet_15128277149381_init_data={code:"function anonymous() {\n  const {\n    runOnJS,\n    updateView,\n    visibleRanges\n  } = this._closure;\n  runOnJS(updateView)(visibleRanges.value.negativeRange, visibleRanges.value.positiveRange);\n}",location:"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/ParallaxLayout.tsx",sourceMap:"{\"version\":3,\"names\":[\"anonymous\",\"runOnJS\",\"updateView\",\"visibleRanges\",\"_closure\",\"value\",\"negativeRange\",\"positiveRange\"],\"sources\":[\"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/ParallaxLayout.tsx\"],\"mappings\":\"AAqHI,SAAAA,SAAMA,CAAA;EAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC;EAAA,SAAAC,QAAA;EACJH,OAAO,CAACC,UAAU,CAAC,CACjBC,aAAa,CAACE,KAAK,CAACC,aAAa,EACjCH,aAAa,CAACE,KAAK,CAACE,aACtB,CAAC;AACH\"}"};var ParallaxLayout=function ParallaxLayout(props){var handlerOffset=props.handlerOffset,_props$parallaxScroll=props.parallaxScrollingOffset,parallaxScrollingOffset=_props$parallaxScroll===void 0?100:_props$parallaxScroll,_props$parallaxScroll2=props.parallaxScrollingScale,parallaxScrollingScale=_props$parallaxScroll2===void 0?0.8:_props$parallaxScroll2,_props$parallaxAdjace=props.parallaxAdjacentItemScale,parallaxAdjacentItemScale=_props$parallaxAdjace===void 0?parallaxScrollingScale**2:_props$parallaxAdjace,index=props.index,width=props.width,height=props.height,loop=props.loop,dataLength=props.dataLength,children=props.children,visibleRanges=props.visibleRanges,vertical=props.vertical;var _React$useState=_react.default.useState(false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),shouldUpdate=_React$useState2[0],setShouldUpdate=_React$useState2[1];var size=props.vertical?props.height:props.width;var x=(0,_useOffsetX.useOffsetX)({handlerOffset:handlerOffset,index:index,size:size,dataLength:dataLength,loop:loop},visibleRanges);var offsetXStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _e=[new global.Error(),-9,-27];var _f=function _f(){var value=x.value/size;var translate=(0,_reactNativeReanimated.interpolate)(value,[-1,0,1],[-size+parallaxScrollingOffset,0,size-parallaxScrollingOffset],_reactNativeReanimated.Extrapolate.EXTEND);var zIndex=(0,_reactNativeReanimated.interpolate)(value,[-1,0,1],[0,size,0],_reactNativeReanimated.Extrapolate.CLAMP);var scale=(0,_reactNativeReanimated.interpolate)(value,[-1,0,1],[parallaxAdjacentItemScale,parallaxScrollingScale,parallaxAdjacentItemScale],_reactNativeReanimated.Extrapolate.CLAMP);return{transform:[vertical?{translateY:translate}:{translateX:translate},{scale:scale}],zIndex:zIndex};};_f._closure={x:x,size:size,interpolate:_reactNativeReanimated.interpolate,parallaxScrollingOffset:parallaxScrollingOffset,Extrapolate:_reactNativeReanimated.Extrapolate,parallaxAdjacentItemScale:parallaxAdjacentItemScale,parallaxScrollingScale:parallaxScrollingScale,vertical:vertical};_f.__initData=_worklet_2396750619736_init_data;_f.__workletHash=2396750619736;_f.__stackDetails=_e;_f.__version="3.3.0";return _f;}(),[loop,vertical,parallaxScrollingOffset]);var updateView=_react.default.useCallback(function(negativeRange,positiveRange){setShouldUpdate(index>=negativeRange[0]&&index<=negativeRange[1]||index>=positiveRange[0]&&index<=positiveRange[1]);},[index]);(0,_reactNativeReanimated.useAnimatedReaction)(function(){var _e=[new global.Error(),-2,-27];var _f=function _f(){return visibleRanges.value;};_f._closure={visibleRanges:visibleRanges};_f.__initData=_worklet_11113070436332_init_data;_f.__workletHash=11113070436332;_f.__stackDetails=_e;_f.__version="3.3.0";return _f;}(),function(){var _e=[new global.Error(),-4,-27];var _f=function _f(){(0,_reactNativeReanimated.runOnJS)(updateView)(visibleRanges.value.negativeRange,visibleRanges.value.positiveRange);};_f._closure={runOnJS:_reactNativeReanimated.runOnJS,updateView:updateView,visibleRanges:visibleRanges};_f.__initData=_worklet_15128277149381_init_data;_f.__workletHash=15128277149381;_f.__stackDetails=_e;_f.__version="3.3.0";return _f;}(),[visibleRanges.value]);return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[{width:width||"100%",height:height||"100%",position:"absolute"},offsetXStyle],children:(0,_jsxRuntime.jsx)(_LazyView.LazyView,{shouldUpdate:shouldUpdate,children:children})});};exports.ParallaxLayout=ParallaxLayout;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParallaxLayout = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+
+var _LazyView = require("../components/LazyView");
+
+var _useOffsetX = require("../hooks/useOffsetX");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ParallaxLayout = props => {
+  const {
+    handlerOffset,
+    parallaxScrollingOffset = 100,
+    parallaxScrollingScale = 0.8,
+    parallaxAdjacentItemScale = parallaxScrollingScale ** 2,
+    index,
+    width,
+    height,
+    loop,
+    dataLength,
+    children,
+    visibleRanges,
+    vertical
+  } = props;
+
+  const [shouldUpdate, setShouldUpdate] = _react.default.useState(false);
+
+  const size = props.vertical ? props.height : props.width;
+  const x = (0, _useOffsetX.useOffsetX)({
+    handlerOffset,
+    index,
+    size,
+    dataLength,
+    loop
+  }, visibleRanges);
+  const offsetXStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const value = x.value / size;
+    const translate = (0, _reactNativeReanimated.interpolate)(value, [-1, 0, 1], [-size + parallaxScrollingOffset, 0, size - parallaxScrollingOffset], _reactNativeReanimated.Extrapolate.EXTEND);
+    const zIndex = (0, _reactNativeReanimated.interpolate)(value, [-1, 0, 1], [0, size, 0], _reactNativeReanimated.Extrapolate.CLAMP);
+    const scale = (0, _reactNativeReanimated.interpolate)(value, [-1, 0, 1], [parallaxAdjacentItemScale, parallaxScrollingScale, parallaxAdjacentItemScale], _reactNativeReanimated.Extrapolate.CLAMP);
+    return {
+      transform: [vertical ? {
+        translateY: translate
+      } : {
+        translateX: translate
+      }, {
+        scale
+      }],
+      zIndex
+    };
+  }, [loop, vertical, parallaxScrollingOffset]);
+
+  const updateView = _react.default.useCallback((negativeRange, positiveRange) => {
+    setShouldUpdate(index >= negativeRange[0] && index <= negativeRange[1] || index >= positiveRange[0] && index <= positiveRange[1]);
+  }, [index]);
+
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => visibleRanges.value, () => {
+    (0, _reactNativeReanimated.runOnJS)(updateView)(visibleRanges.value.negativeRange, visibleRanges.value.positiveRange);
+  }, [visibleRanges.value]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [{
+      width: width || "100%",
+      height: height || "100%",
+      position: "absolute"
+    }, offsetXStyle]
+  }, /*#__PURE__*/_react.default.createElement(_LazyView.LazyView, {
+    shouldUpdate: shouldUpdate
+  }, children));
+};
+
+exports.ParallaxLayout = ParallaxLayout;
 //# sourceMappingURL=ParallaxLayout.js.map

package/lib/commonjs/layouts/ParallaxLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ParallaxLayout.tsx"],"names":["ParallaxLayout","props","handlerOffset","parallaxScrollingOffset","parallaxScrollingScale","parallaxAdjacentItemScale","index","width","height","loop","dataLength","children","visibleRanges","vertical","React","useState","shouldUpdate","setShouldUpdate","size","x","offsetXStyle","value","translate","Extrapolate","EXTEND","zIndex","CLAMP","scale","transform","translateY","translateX","interpolate","updateView","useCallback","negativeRange","positiveRange","runOnJS","position"],"mappings":"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","sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport Animated, {\n  Extrapolate,\n  interpolate,\n  runOnJS,\n  useAnimatedReaction,\n  useAnimatedStyle,\n} from \"react-native-reanimated\";\n\nimport type { ILayoutConfig } from \"./parallax\";\n\nimport { useOffsetX } from \"../hooks/useOffsetX\";\nimport type { IVisibleRanges } from \"../hooks/useVisibleRanges\";\nimport { LazyView } from \"../LazyView\";\nimport type { IComputedDirectionTypes } from \"../types\";\n\nexport const ParallaxLayout: React.FC<PropsWithChildren<IComputedDirectionTypes<\n{\n  loop?: boolean\n  handlerOffset: Animated.SharedValue<number>\n  index: number\n  dataLength: number\n  visibleRanges: IVisibleRanges\n} & ILayoutConfig\n>>> = (props) => {\n  const {\n    handlerOffset,\n    parallaxScrollingOffset = 100,\n    parallaxScrollingScale = 0.8,\n    parallaxAdjacentItemScale = parallaxScrollingScale ** 2,\n    index,\n    width,\n    height,\n    loop,\n    dataLength,\n    children,\n    visibleRanges,\n    vertical,\n  } = props;\n\n  const [shouldUpdate, setShouldUpdate] = React.useState(false);\n\n  const size = props.vertical ? props.height : props.width;\n\n  const x = useOffsetX(\n    {\n      handlerOffset,\n      index,\n      size,\n      dataLength,\n      loop,\n    },\n    visibleRanges,\n  );\n\n  const offsetXStyle = useAnimatedStyle(() => {\n    const value = x.value / size;\n\n    const translate = interpolate(\n      value,\n      [-1, 0, 1],\n      [\n        -size + parallaxScrollingOffset,\n        0,\n        size - parallaxScrollingOffset,\n      ],\n      Extrapolate.EXTEND,\n    );\n\n    const zIndex = interpolate(\n      value,\n      [-1, 0, 1],\n      [0, size, 0],\n      Extrapolate.CLAMP,\n    );\n\n    const scale = interpolate(\n      value,\n      [-1, 0, 1],\n      [\n        parallaxAdjacentItemScale,\n        parallaxScrollingScale,\n        parallaxAdjacentItemScale,\n      ],\n      Extrapolate.CLAMP,\n    );\n\n    return {\n      transform: [\n        vertical\n          ? {\n            translateY: translate,\n          }\n          : {\n            translateX: translate,\n          },\n        {\n          scale,\n        },\n      ],\n      zIndex,\n    };\n  }, [loop, vertical, parallaxScrollingOffset]);\n\n  const updateView = React.useCallback(\n    (negativeRange: number[], positiveRange: number[]) => {\n      setShouldUpdate(\n        (index >= negativeRange[0] && index <= negativeRange[1])\n                    || (index >= positiveRange[0] && index <= positiveRange[1]),\n      );\n    },\n    [index],\n  );\n\n  useAnimatedReaction(\n    () => visibleRanges.value,\n    () => {\n      runOnJS(updateView)(\n        visibleRanges.value.negativeRange,\n        visibleRanges.value.positiveRange,\n      );\n    },\n    [visibleRanges.value],\n  );\n\n  return (\n    <Animated.View\n      style={[\n        {\n          width: width || \"100%\",\n          height: height || \"100%\",\n          position: \"absolute\",\n        },\n        offsetXStyle,\n      ]}\n    >\n      <LazyView shouldUpdate={shouldUpdate}>{children}</LazyView>\n    </Animated.View>\n  );\n};\n"]}
+{"version":3,"sources":["ParallaxLayout.tsx"],"names":["ParallaxLayout","props","handlerOffset","parallaxScrollingOffset","parallaxScrollingScale","parallaxAdjacentItemScale","index","width","height","loop","dataLength","children","visibleRanges","vertical","shouldUpdate","setShouldUpdate","React","useState","size","x","offsetXStyle","value","translate","Extrapolate","EXTEND","zIndex","CLAMP","scale","transform","translateY","translateX","updateView","useCallback","negativeRange","positiveRange","position"],"mappings":"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","sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport Animated, {\n  Extrapolate,\n  interpolate,\n  runOnJS,\n  useAnimatedReaction,\n  useAnimatedStyle,\n} from \"react-native-reanimated\";\n\nimport type { ILayoutConfig } from \"./parallax\";\n\nimport { LazyView } from \"../components/LazyView\";\nimport { useOffsetX } from \"../hooks/useOffsetX\";\nimport type { IVisibleRanges } from \"../hooks/useVisibleRanges\";\nimport type { IComputedDirectionTypes } from \"../types\";\n\nexport const ParallaxLayout: React.FC<PropsWithChildren<IComputedDirectionTypes<\n{\n  loop?: boolean\n  handlerOffset: Animated.SharedValue<number>\n  index: number\n  dataLength: number\n  visibleRanges: IVisibleRanges\n} & ILayoutConfig\n>>> = (props) => {\n  const {\n    handlerOffset,\n    parallaxScrollingOffset = 100,\n    parallaxScrollingScale = 0.8,\n    parallaxAdjacentItemScale = parallaxScrollingScale ** 2,\n    index,\n    width,\n    height,\n    loop,\n    dataLength,\n    children,\n    visibleRanges,\n    vertical,\n  } = props;\n\n  const [shouldUpdate, setShouldUpdate] = React.useState(false);\n\n  const size = props.vertical ? props.height : props.width;\n\n  const x = useOffsetX(\n    {\n      handlerOffset,\n      index,\n      size,\n      dataLength,\n      loop,\n    },\n    visibleRanges,\n  );\n\n  const offsetXStyle = useAnimatedStyle(() => {\n    const value = x.value / size;\n\n    const translate = interpolate(\n      value,\n      [-1, 0, 1],\n      [\n        -size + parallaxScrollingOffset,\n        0,\n        size - parallaxScrollingOffset,\n      ],\n      Extrapolate.EXTEND,\n    );\n\n    const zIndex = interpolate(\n      value,\n      [-1, 0, 1],\n      [0, size, 0],\n      Extrapolate.CLAMP,\n    );\n\n    const scale = interpolate(\n      value,\n      [-1, 0, 1],\n      [\n        parallaxAdjacentItemScale,\n        parallaxScrollingScale,\n        parallaxAdjacentItemScale,\n      ],\n      Extrapolate.CLAMP,\n    );\n\n    return {\n      transform: [\n        vertical\n          ? {\n            translateY: translate,\n          }\n          : {\n            translateX: translate,\n          },\n        {\n          scale,\n        },\n      ],\n      zIndex,\n    };\n  }, [loop, vertical, parallaxScrollingOffset]);\n\n  const updateView = React.useCallback(\n    (negativeRange: number[], positiveRange: number[]) => {\n      setShouldUpdate(\n        (index >= negativeRange[0] && index <= negativeRange[1])\n                    || (index >= positiveRange[0] && index <= positiveRange[1]),\n      );\n    },\n    [index],\n  );\n\n  useAnimatedReaction(\n    () => visibleRanges.value,\n    () => {\n      runOnJS(updateView)(\n        visibleRanges.value.negativeRange,\n        visibleRanges.value.positiveRange,\n      );\n    },\n    [visibleRanges.value],\n  );\n\n  return (\n    <Animated.View\n      style={[\n        {\n          width: width || \"100%\",\n          height: height || \"100%\",\n          position: \"absolute\",\n        },\n        offsetXStyle,\n      ]}\n    >\n      <LazyView shouldUpdate={shouldUpdate}>{children}</LazyView>\n    </Animated.View>\n  );\n};\n"]}

package/lib/commonjs/layouts/index.js

@@ -1,2 +1,21 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.Layouts=void 0;var _normal=require("./normal");var _parallax=require("./parallax");var _stack=require("./stack");var Layouts={normal:_normal.normalLayout,parallax:_parallax.parallaxLayout,horizontalStack:_stack.horizontalStackLayout,verticalStack:_stack.verticalStackLayout};exports.Layouts=Layouts;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Layouts = void 0;
+
+var _normal = require("./normal");
+
+var _parallax = require("./parallax");
+
+var _stack = require("./stack");
+
+const Layouts = {
+  normal: _normal.normalLayout,
+  parallax: _parallax.parallaxLayout,
+  horizontalStack: _stack.horizontalStackLayout,
+  verticalStack: _stack.verticalStackLayout
+};
+exports.Layouts = Layouts;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/layouts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["Layouts","normal","normalLayout","parallax","parallaxLayout","horizontalStack","horizontalStackLayout","verticalStack","verticalStackLayout"],"mappings":"gFAAA,gCACA,oCACA,8BAIO,GAAMA,CAAAA,OAAO,CAAG,CACrBC,MAAM,CAAEC,oBADa,CAErBC,QAAQ,CAAEC,wBAFW,CAGrBC,eAAe,CAAEC,4BAHI,CAIrBC,aAAa,CAAEC,0BAJM,CAAhB,C","sourcesContent":["import { normalLayout } from \"./normal\";\nimport { parallaxLayout } from \"./parallax\";\nimport { horizontalStackLayout, verticalStackLayout } from \"./stack\";\n\nexport type TMode = \"parallax\" | \"horizontal-stack\" | \"vertical-stack\";\n\nexport const Layouts = {\n  normal: normalLayout,\n  parallax: parallaxLayout,\n  horizontalStack: horizontalStackLayout,\n  verticalStack: verticalStackLayout,\n};\n"]}
+{"version":3,"sources":["index.tsx"],"names":["Layouts","normal","normalLayout","parallax","parallaxLayout","horizontalStack","horizontalStackLayout","verticalStack","verticalStackLayout"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAIO,MAAMA,OAAO,GAAG;AACrBC,EAAAA,MAAM,EAAEC,oBADa;AAErBC,EAAAA,QAAQ,EAAEC,wBAFW;AAGrBC,EAAAA,eAAe,EAAEC,4BAHI;AAIrBC,EAAAA,aAAa,EAAEC;AAJM,CAAhB","sourcesContent":["import { normalLayout } from \"./normal\";\nimport { parallaxLayout } from \"./parallax\";\nimport { horizontalStackLayout, verticalStackLayout } from \"./stack\";\n\nexport type TMode = \"parallax\" | \"horizontal-stack\" | \"vertical-stack\";\n\nexport const Layouts = {\n  normal: normalLayout,\n  parallax: parallaxLayout,\n  horizontalStack: horizontalStackLayout,\n  verticalStack: verticalStackLayout,\n};\n"]}

package/lib/commonjs/layouts/normal.js

@@ -1,2 +1,28 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.normalLayout=normalLayout;var _reactNativeReanimated=require("react-native-reanimated");var _worklet_6911475201616_init_data={code:"function anonymous(value) {\n  const {\n    interpolate,\n    size,\n    vertical\n  } = this._closure;\n  const translate = interpolate(value, [-1, 0, 1], [-size, 0, size]);\n  return {\n    transform: [vertical ? {\n      translateY: translate\n    } : {\n      translateX: translate\n    }]\n  };\n}",location:"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/normal.ts",sourceMap:"{\"version\":3,\"names\":[\"anonymous\",\"value\",\"interpolate\",\"size\",\"vertical\",\"_closure\",\"translate\",\"transform\",\"translateY\",\"translateX\"],\"sources\":[\"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/normal.ts\"],\"mappings\":\"AAKS,SAACA,SAAkBA,CAAAC,KAAA;EAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC;EAAA,SAAAC,QAAA;EAExB,MAAMC,SAAS,GAAGJ,WAAW,CAACD,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAACE,IAAI,EAAE,CAAC,EAAEA,IAAI,CAAC,CAAC;EAElE,OAAO;IACLI,SAAS,EAAE,CACTH,QAAQ,GACJ;MACAI,UAAU,EAAEF;IACd,CAAC,GACC;MACAG,UAAU,EAAEH;IACd,CAAC;EAEP,CAAC;AACH\"}"};function normalLayout(opts){var size=opts.size,vertical=opts.vertical;return function(){var _e=[new global.Error(),-4,-27];var _f=function _f(value){var translate=(0,_reactNativeReanimated.interpolate)(value,[-1,0,1],[-size,0,size]);return{transform:[vertical?{translateY:translate}:{translateX:translate}]};};_f._closure={interpolate:_reactNativeReanimated.interpolate,size:size,vertical:vertical};_f.__initData=_worklet_6911475201616_init_data;_f.__workletHash=6911475201616;_f.__stackDetails=_e;_f.__version="3.3.0";return _f;}();}
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalLayout = normalLayout;
+
+var _reactNativeReanimated = require("react-native-reanimated");
+
+function normalLayout(opts) {
+  const {
+    size,
+    vertical
+  } = opts;
+  return value => {
+    "worklet";
+
+    const translate = (0, _reactNativeReanimated.interpolate)(value, [-1, 0, 1], [-size, 0, size]);
+    return {
+      transform: [vertical ? {
+        translateY: translate
+      } : {
+        translateX: translate
+      }]
+    };
+  };
+}
 //# sourceMappingURL=normal.js.map

package/lib/commonjs/layouts/normal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["normal.ts"],"names":["normalLayout","opts","size","vertical","value","translate","transform","translateY","translateX","interpolate"],"mappings":"2FAAA,8D,ulCAEO,QAASA,CAAAA,YAAT,CAAsBC,IAAtB,CAAiE,CACtE,GAAQC,CAAAA,IAAR,CAA2BD,IAA3B,CAAQC,IAAR,CAAcC,QAAd,CAA2BF,IAA3B,CAAcE,QAAd,CAEA,wEAAQC,KAAR,CAA0B,CAExB,GAAMC,CAAAA,SAAS,CAAG,uCAAYD,KAAZ,CAAmB,CAAC,CAAC,CAAF,CAAK,CAAL,CAAQ,CAAR,CAAnB,CAA+B,CAAC,CAACF,IAAF,CAAQ,CAAR,CAAWA,IAAX,CAA/B,CAAlB,CAEA,MAAO,CACLI,SAAS,CAAE,CACTH,QAAQ,CACJ,CACAI,UAAU,CAAEF,SADZ,CADI,CAIJ,CACAG,UAAU,CAAEH,SADZ,CALK,CADN,CAAP,CAWD,CAfD,0BAJkBI,kCAIlB,MAJ4DP,IAI5D,UAFcC,QAEd,wIAgBD","sourcesContent":["import { interpolate } from \"react-native-reanimated\";\n\nexport function normalLayout(opts: { size: number; vertical: boolean }) {\n  const { size, vertical } = opts;\n\n  return (value: number) => {\n    \"worklet\";\n    const translate = interpolate(value, [-1, 0, 1], [-size, 0, size]);\n\n    return {\n      transform: [\n        vertical\n          ? {\n            translateY: translate,\n          }\n          : {\n            translateX: translate,\n          },\n      ],\n    };\n  };\n}\n"]}
+{"version":3,"sources":["normal.ts"],"names":["normalLayout","opts","size","vertical","value","translate","transform","translateY","translateX"],"mappings":";;;;;;;AAAA;;AAEO,SAASA,YAAT,CAAsBC,IAAtB,EAAiE;AACtE,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,MAAqBF,IAA3B;AAEA,SAAQG,KAAD,IAAmB;AACxB;;AACA,UAAMC,SAAS,GAAG,wCAAYD,KAAZ,EAAmB,CAAC,CAAC,CAAF,EAAK,CAAL,EAAQ,CAAR,CAAnB,EAA+B,CAAC,CAACF,IAAF,EAAQ,CAAR,EAAWA,IAAX,CAA/B,CAAlB;AAEA,WAAO;AACLI,MAAAA,SAAS,EAAE,CACTH,QAAQ,GACJ;AACAI,QAAAA,UAAU,EAAEF;AADZ,OADI,GAIJ;AACAG,QAAAA,UAAU,EAAEH;AADZ,OALK;AADN,KAAP;AAWD,GAfD;AAgBD","sourcesContent":["import { interpolate } from \"react-native-reanimated\";\n\nexport function normalLayout(opts: { size: number; vertical: boolean }) {\n  const { size, vertical } = opts;\n\n  return (value: number) => {\n    \"worklet\";\n    const translate = interpolate(value, [-1, 0, 1], [-size, 0, size]);\n\n    return {\n      transform: [\n        vertical\n          ? {\n            translateY: translate,\n          }\n          : {\n            translateX: translate,\n          },\n      ],\n    };\n  };\n}\n"]}

package/lib/commonjs/layouts/parallax.js

@@ -1,2 +1,39 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.parallaxLayout=parallaxLayout;var _reactNativeReanimated=require("react-native-reanimated");var _worklet_6622793889829_init_data={code:"function anonymous(value) {\n  const {\n    interpolate,\n    size,\n    parallaxScrollingOffset,\n    Extrapolate,\n    parallaxAdjacentItemScale,\n    parallaxScrollingScale,\n    vertical\n  } = this._closure;\n  const translate = interpolate(value, [-1, 0, 1], [-size + parallaxScrollingOffset, 0, size - parallaxScrollingOffset]);\n  const zIndex = interpolate(value, [-1, 0, 1], [0, size, 0], Extrapolate.CLAMP);\n  const scale = interpolate(value, [-1, 0, 1], [parallaxAdjacentItemScale, parallaxScrollingScale, parallaxAdjacentItemScale], Extrapolate.CLAMP);\n  return {\n    transform: [vertical ? {\n      translateY: translate\n    } : {\n      translateX: translate\n    }, {\n      scale: scale\n    }],\n    zIndex: zIndex\n  };\n}",location:"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/parallax.ts",sourceMap:"{\"version\":3,\"names\":[\"anonymous\",\"value\",\"interpolate\",\"size\",\"parallaxScrollingOffset\",\"Extrapolate\",\"parallaxAdjacentItemScale\",\"parallaxScrollingScale\",\"vertical\",\"_closure\",\"translate\",\"zIndex\",\"CLAMP\",\"scale\",\"transform\",\"translateY\",\"translateX\"],\"sources\":[\"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/parallax.ts\"],\"mappings\":\"AA8CS,SAACA,SAAkBA,CAAAC,KAAA;EAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC,uBAAA;IAAAC,WAAA;IAAAC,yBAAA;IAAAC,sBAAA;IAAAC;EAAA,SAAAC,QAAA;EAExB,MAAMC,SAAS,GAAGR,WAAW,CAC3BD,KAAK,EACL,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACV,CAAC,CAACE,IAAI,GAAGC,uBAAuB,EAAE,CAAC,EAAED,IAAI,GAAGC,uBAAuB,CACrE,CAAC;EAED,MAAMO,MAAM,GAAGT,WAAW,CACxBD,KAAK,EACL,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACV,CAAC,CAAC,EAAEE,IAAI,EAAE,CAAC,CAAC,EACZE,WAAW,CAACO,KACd,CAAC;EAED,MAAMC,KAAK,GAAGX,WAAW,CACvBD,KAAK,EACL,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACV,CACEK,yBAAyB,EACzBC,sBAAsB,EACtBD,yBAAyB,CAC1B,EACDD,WAAW,CAACO,KACd,CAAC;EAED,OAAO;IACLE,SAAS,EAAE,CACTN,QAAQ,GACJ;MACAO,UAAU,EAAEL;IACd,CAAC,GACC;MACAM,UAAU,EAAEN;IACd,CAAC,EACH;MACEG,KAAA,EAAAA;IACF,CAAC,CACF;IACDF,MAAA,EAAAA;EACF,CAAC;AACH\"}"};function parallaxLayout(baseConfig){var modeConfig=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var size=baseConfig.size,vertical=baseConfig.vertical;var _modeConfig$parallaxS=modeConfig.parallaxScrollingOffset,parallaxScrollingOffset=_modeConfig$parallaxS===void 0?100:_modeConfig$parallaxS,_modeConfig$parallaxS2=modeConfig.parallaxScrollingScale,parallaxScrollingScale=_modeConfig$parallaxS2===void 0?0.8:_modeConfig$parallaxS2,_modeConfig$parallaxA=modeConfig.parallaxAdjacentItemScale,parallaxAdjacentItemScale=_modeConfig$parallaxA===void 0?parallaxScrollingScale**2:_modeConfig$parallaxA;return function(){var _e=[new global.Error(),-8,-27];var _f=function _f(value){var translate=(0,_reactNativeReanimated.interpolate)(value,[-1,0,1],[-size+parallaxScrollingOffset,0,size-parallaxScrollingOffset]);var zIndex=(0,_reactNativeReanimated.interpolate)(value,[-1,0,1],[0,size,0],_reactNativeReanimated.Extrapolate.CLAMP);var scale=(0,_reactNativeReanimated.interpolate)(value,[-1,0,1],[parallaxAdjacentItemScale,parallaxScrollingScale,parallaxAdjacentItemScale],_reactNativeReanimated.Extrapolate.CLAMP);return{transform:[vertical?{translateY:translate}:{translateX:translate},{scale:scale}],zIndex:zIndex};};_f._closure={interpolate:_reactNativeReanimated.interpolate,size:size,parallaxScrollingOffset:parallaxScrollingOffset,Extrapolate:_reactNativeReanimated.Extrapolate,parallaxAdjacentItemScale:parallaxAdjacentItemScale,parallaxScrollingScale:parallaxScrollingScale,vertical:vertical};_f.__initData=_worklet_6622793889829_init_data;_f.__workletHash=6622793889829;_f.__stackDetails=_e;_f.__version="3.3.0";return _f;}();}
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parallaxLayout = parallaxLayout;
+
+var _reactNativeReanimated = require("react-native-reanimated");
+
+function parallaxLayout(baseConfig) {
+  let modeConfig = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const {
+    size,
+    vertical
+  } = baseConfig;
+  const {
+    parallaxScrollingOffset = 100,
+    parallaxScrollingScale = 0.8,
+    parallaxAdjacentItemScale = parallaxScrollingScale ** 2
+  } = modeConfig;
+  return value => {
+    "worklet";
+
+    const translate = (0, _reactNativeReanimated.interpolate)(value, [-1, 0, 1], [-size + parallaxScrollingOffset, 0, size - parallaxScrollingOffset]);
+    const zIndex = (0, _reactNativeReanimated.interpolate)(value, [-1, 0, 1], [0, size, 0], _reactNativeReanimated.Extrapolate.CLAMP);
+    const scale = (0, _reactNativeReanimated.interpolate)(value, [-1, 0, 1], [parallaxAdjacentItemScale, parallaxScrollingScale, parallaxAdjacentItemScale], _reactNativeReanimated.Extrapolate.CLAMP);
+    return {
+      transform: [vertical ? {
+        translateY: translate
+      } : {
+        translateX: translate
+      }, {
+        scale
+      }],
+      zIndex
+    };
+  };
+}
 //# sourceMappingURL=parallax.js.map

package/lib/commonjs/layouts/parallax.js.map

@@ -1 +1 @@
-{"version":3,"sources":["parallax.ts"],"names":["parallaxLayout","baseConfig","modeConfig","size","vertical","parallaxScrollingOffset","parallaxScrollingScale","parallaxAdjacentItemScale","value","translate","zIndex","Extrapolate","CLAMP","scale","transform","translateY","translateX","interpolate"],"mappings":"+FAAA,8D,slEAmCO,QAASA,CAAAA,cAAT,CACLC,UADK,CAGL,IADAC,CAAAA,UACA,2DAD4B,EAC5B,CACA,GAAQC,CAAAA,IAAR,CAA2BF,UAA3B,CAAQE,IAAR,CAAcC,QAAd,CAA2BH,UAA3B,CAAcG,QAAd,CACA,0BAIIF,UAJJ,CACEG,uBADF,CACEA,uBADF,gCAC4B,GAD5B,8CAIIH,UAJJ,CAEEI,sBAFF,CAEEA,sBAFF,iCAE2B,GAF3B,8CAIIJ,UAJJ,CAGEK,yBAHF,CAGEA,yBAHF,gCAG8BD,sBAAsB,EAAI,CAHxD,uBAMA,wEAAQE,KAAR,CAA0B,CAExB,GAAMC,CAAAA,SAAS,CAAG,uCAChBD,KADgB,CAEhB,CAAC,CAAC,CAAF,CAAK,CAAL,CAAQ,CAAR,CAFgB,CAGhB,CAAC,CAACL,IAAD,CAAQE,uBAAT,CAAkC,CAAlC,CAAqCF,IAAI,CAAGE,uBAA5C,CAHgB,CAAlB,CAMA,GAAMK,CAAAA,MAAM,CAAG,uCACbF,KADa,CAEb,CAAC,CAAC,CAAF,CAAK,CAAL,CAAQ,CAAR,CAFa,CAGb,CAAC,CAAD,CAAIL,IAAJ,CAAU,CAAV,CAHa,CAIbQ,mCAAYC,KAJC,CAAf,CAOA,GAAMC,CAAAA,KAAK,CAAG,uCACZL,KADY,CAEZ,CAAC,CAAC,CAAF,CAAK,CAAL,CAAQ,CAAR,CAFY,CAGZ,CACED,yBADF,CAEED,sBAFF,CAGEC,yBAHF,CAHY,CAQZI,mCAAYC,KARA,CAAd,CAWA,MAAO,CACLE,SAAS,CAAE,CACTV,QAAQ,CACJ,CACAW,UAAU,CAAEN,SADZ,CADI,CAIJ,CACAO,UAAU,CAAEP,SADZ,CALK,CAQT,CACEI,KAAK,CAALA,KADF,CARS,CADN,CAaLH,MAAM,CAANA,MAbK,CAAP,CAeD,CAzCD,0BA3CcO,kCA2Cd,MA5CkDd,IA4ClD,yBA7C6FE,uBA6C7F,aA3C6HM,kCA2C7H,2BA3CiGJ,yBA2CjG,wBA3CyED,sBA2CzE,UAzCcF,QAyCd,wIA0CD","sourcesContent":["import { Extrapolate, interpolate } from \"react-native-reanimated\";\n\nimport type { IComputedDirectionTypes } from \"../types\";\n\ninterface TBaseConfig {\n  size: number\n  vertical: boolean\n}\n\nexport interface ILayoutConfig {\n  /**\n     * control prev/next item offset.\n     * @default 100\n     */\n  parallaxScrollingOffset?: number\n  /**\n     * control prev/current/next item offset.\n     * @default 0.8\n     */\n  parallaxScrollingScale?: number\n  /**\n     * control prev/next item offset.\n     * @default Math.pow(parallaxScrollingScale, 2)\n     */\n  parallaxAdjacentItemScale?: number\n}\n\nexport type TParallaxModeProps = IComputedDirectionTypes<{\n  /**\n     * Carousel Animated transitions.\n     */\n  mode?: \"parallax\"\n  modeConfig?: ILayoutConfig\n}>;\n\nexport function parallaxLayout(\n  baseConfig: TBaseConfig,\n  modeConfig: ILayoutConfig = {},\n) {\n  const { size, vertical } = baseConfig;\n  const {\n    parallaxScrollingOffset = 100,\n    parallaxScrollingScale = 0.8,\n    parallaxAdjacentItemScale = parallaxScrollingScale ** 2,\n  } = modeConfig;\n\n  return (value: number) => {\n    \"worklet\";\n    const translate = interpolate(\n      value,\n      [-1, 0, 1],\n      [-size + parallaxScrollingOffset, 0, size - parallaxScrollingOffset],\n    );\n\n    const zIndex = interpolate(\n      value,\n      [-1, 0, 1],\n      [0, size, 0],\n      Extrapolate.CLAMP,\n    );\n\n    const scale = interpolate(\n      value,\n      [-1, 0, 1],\n      [\n        parallaxAdjacentItemScale,\n        parallaxScrollingScale,\n        parallaxAdjacentItemScale,\n      ],\n      Extrapolate.CLAMP,\n    );\n\n    return {\n      transform: [\n        vertical\n          ? {\n            translateY: translate,\n          }\n          : {\n            translateX: translate,\n          },\n        {\n          scale,\n        },\n      ],\n      zIndex,\n    };\n  };\n}\n"]}
+{"version":3,"sources":["parallax.ts"],"names":["parallaxLayout","baseConfig","modeConfig","size","vertical","parallaxScrollingOffset","parallaxScrollingScale","parallaxAdjacentItemScale","value","translate","zIndex","Extrapolate","CLAMP","scale","transform","translateY","translateX"],"mappings":";;;;;;;AAAA;;AAmCO,SAASA,cAAT,CACLC,UADK,EAGL;AAAA,MADAC,UACA,uEAD4B,EAC5B;AACA,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,MAAqBH,UAA3B;AACA,QAAM;AACJI,IAAAA,uBAAuB,GAAG,GADtB;AAEJC,IAAAA,sBAAsB,GAAG,GAFrB;AAGJC,IAAAA,yBAAyB,GAAGD,sBAAsB,IAAI;AAHlD,MAIFJ,UAJJ;AAMA,SAAQM,KAAD,IAAmB;AACxB;;AACA,UAAMC,SAAS,GAAG,wCAChBD,KADgB,EAEhB,CAAC,CAAC,CAAF,EAAK,CAAL,EAAQ,CAAR,CAFgB,EAGhB,CAAC,CAACL,IAAD,GAAQE,uBAAT,EAAkC,CAAlC,EAAqCF,IAAI,GAAGE,uBAA5C,CAHgB,CAAlB;AAMA,UAAMK,MAAM,GAAG,wCACbF,KADa,EAEb,CAAC,CAAC,CAAF,EAAK,CAAL,EAAQ,CAAR,CAFa,EAGb,CAAC,CAAD,EAAIL,IAAJ,EAAU,CAAV,CAHa,EAIbQ,mCAAYC,KAJC,CAAf;AAOA,UAAMC,KAAK,GAAG,wCACZL,KADY,EAEZ,CAAC,CAAC,CAAF,EAAK,CAAL,EAAQ,CAAR,CAFY,EAGZ,CACED,yBADF,EAEED,sBAFF,EAGEC,yBAHF,CAHY,EAQZI,mCAAYC,KARA,CAAd;AAWA,WAAO;AACLE,MAAAA,SAAS,EAAE,CACTV,QAAQ,GACJ;AACAW,QAAAA,UAAU,EAAEN;AADZ,OADI,GAIJ;AACAO,QAAAA,UAAU,EAAEP;AADZ,OALK,EAQT;AACEI,QAAAA;AADF,OARS,CADN;AAaLH,MAAAA;AAbK,KAAP;AAeD,GAzCD;AA0CD","sourcesContent":["import { Extrapolate, interpolate } from \"react-native-reanimated\";\n\nimport type { IComputedDirectionTypes } from \"../types\";\n\ninterface TBaseConfig {\n  size: number\n  vertical: boolean\n}\n\nexport interface ILayoutConfig {\n  /**\n     * control prev/next item offset.\n     * @default 100\n     */\n  parallaxScrollingOffset?: number\n  /**\n     * control prev/current/next item offset.\n     * @default 0.8\n     */\n  parallaxScrollingScale?: number\n  /**\n     * control prev/next item offset.\n     * @default Math.pow(parallaxScrollingScale, 2)\n     */\n  parallaxAdjacentItemScale?: number\n}\n\nexport type TParallaxModeProps = IComputedDirectionTypes<{\n  /**\n     * Carousel Animated transitions.\n     */\n  mode?: \"parallax\"\n  modeConfig?: ILayoutConfig\n}>;\n\nexport function parallaxLayout(\n  baseConfig: TBaseConfig,\n  modeConfig: ILayoutConfig = {},\n) {\n  const { size, vertical } = baseConfig;\n  const {\n    parallaxScrollingOffset = 100,\n    parallaxScrollingScale = 0.8,\n    parallaxAdjacentItemScale = parallaxScrollingScale ** 2,\n  } = modeConfig;\n\n  return (value: number) => {\n    \"worklet\";\n    const translate = interpolate(\n      value,\n      [-1, 0, 1],\n      [-size + parallaxScrollingOffset, 0, size - parallaxScrollingOffset],\n    );\n\n    const zIndex = interpolate(\n      value,\n      [-1, 0, 1],\n      [0, size, 0],\n      Extrapolate.CLAMP,\n    );\n\n    const scale = interpolate(\n      value,\n      [-1, 0, 1],\n      [\n        parallaxAdjacentItemScale,\n        parallaxScrollingScale,\n        parallaxAdjacentItemScale,\n      ],\n      Extrapolate.CLAMP,\n    );\n\n    return {\n      transform: [\n        vertical\n          ? {\n            translateY: translate,\n          }\n          : {\n            translateX: translate,\n          },\n        {\n          scale,\n        },\n      ],\n      zIndex,\n    };\n  };\n}\n"]}

package/lib/commonjs/layouts/stack.js

@@ -1,2 +1,216 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.horizontalStackLayout=horizontalStackLayout;exports.useHorizontalStackLayout=useHorizontalStackLayout;exports.verticalStackLayout=verticalStackLayout;var _react=require("react");var _reactNative=require("react-native");var _reactNativeReanimated=require("react-native-reanimated");var screen=_reactNative.Dimensions.get("window");var _worklet_5756272565831_init_data={code:"function anonymous(_value) {\n  const {\n    screen,\n    modeConfig,\n    getCommonVariables,\n    getCommonStyles,\n    interpolate,\n    Extrapolate\n  } = this._closure;\n  const {\n    showLength: showLength,\n    snapDirection = \"left\",\n    moveSize = screen.width,\n    stackInterval = 18,\n    scaleInterval = 0.04,\n    opacityInterval = 0.1,\n    rotateZDeg = 30\n  } = modeConfig;\n  const transform = [];\n  const {\n    validLength: validLength,\n    value: value,\n    inputRange: inputRange\n  } = getCommonVariables({\n    showLength: showLength,\n    value: _value,\n    snapDirection: snapDirection\n  });\n  const {\n    zIndex: zIndex,\n    opacity: opacity\n  } = getCommonStyles({\n    validLength: validLength,\n    value: value,\n    opacityInterval: opacityInterval,\n    snapDirection: snapDirection\n  });\n  const styles = {\n    transform: transform,\n    zIndex: zIndex,\n    opacity: opacity\n  };\n  let translateX;\n  let scale;\n  let rotateZ;\n  if (snapDirection === \"left\") {\n    translateX = interpolate(value, inputRange, [-moveSize, 0, validLength * stackInterval], Extrapolate.CLAMP);\n    scale = interpolate(value, inputRange, [1, 1, 1 - validLength * scaleInterval], Extrapolate.CLAMP);\n    rotateZ = interpolate(value, inputRange, [-rotateZDeg, 0, 0], Extrapolate.CLAMP) + \"deg\";\n  } else if (snapDirection === \"right\") {\n    translateX = interpolate(value, inputRange, [-validLength * stackInterval, 0, moveSize], Extrapolate.CLAMP);\n    scale = interpolate(value, inputRange, [1 - validLength * scaleInterval, 1, 1], Extrapolate.CLAMP);\n    rotateZ = interpolate(value, inputRange, [0, 0, rotateZDeg], Extrapolate.CLAMP) + \"deg\";\n  }\n  transform.push({\n    translateX: translateX\n  }, {\n    scale: scale\n  }, {\n    rotateZ: rotateZ\n  });\n  return styles;\n}",location:"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/stack.ts",sourceMap:"{\"version\":3,\"names\":[\"anonymous\",\"_value\",\"screen\",\"modeConfig\",\"getCommonVariables\",\"getCommonStyles\",\"interpolate\",\"Extrapolate\",\"_closure\",\"showLength\",\"snapDirection\",\"moveSize\",\"width\",\"stackInterval\",\"scaleInterval\",\"opacityInterval\",\"rotateZDeg\",\"transform\",\"validLength\",\"value\",\"inputRange\",\"zIndex\",\"opacity\",\"styles\",\"translateX\",\"scale\",\"rotateZ\",\"CLAMP\",\"push\"],\"sources\":[\"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/stack.ts\"],\"mappings\":\"AAsCS,SAACA,SAAcA,CAAKC,MAAA;EAAA;IAAAC,MAAA;IAAAC,UAAA;IAAAC,kBAAA;IAAAC,eAAA;IAAAC,WAAA;IAAAC;EAAA,SAAAC,QAAA;EAGzB,MAAM;IACJC,UAAU,EAAVA,UAAU;IACVC,aAAa,GAAG,MAAM;IACtBC,QAAQ,GAAGT,MAAM,CAACU,KAAK;IACvBC,aAAa,GAAG,EAAE;IAClBC,aAAa,GAAG,IAAI;IACpBC,eAAe,GAAG,GAAG;IACrBC,UAAU,GAAG;EACf,CAAC,GAAGb,UAAU;EAEd,MAAMc,SAAuC,GAAG,EAAE;EAClD,MAAM;IAAEC,WAAW,EAAXA,WAAW;IAAEC,KAAK,EAALA,KAAK;IAAEC,UAAA,EAAAA;EAAW,CAAC,GAAGhB,kBAAkB,CAAC;IAC5DK,UAAU,EAAEA,UAAW;IACvBU,KAAK,EAAElB,MAAM;IACbS,aAAA,EAAAA;EACF,CAAC,CAAC;EACF,MAAM;IAAEW,MAAM,EAANA,MAAM;IAAEC,OAAA,EAAAA;EAAQ,CAAC,GAAGjB,eAAe,CAAC;IAC1Ca,WAAW,EAAXA,WAAW;IACXC,KAAK,EAALA,KAAK;IACLJ,eAAe,EAAfA,eAAe;IACfL,aAAA,EAAAA;EACF,CAAC,CAAC;EAEF,MAAMa,MAAiB,GAAG;IACxBN,SAAS,EAATA,SAAS;IACTI,MAAM,EAANA,MAAM;IACNC,OAAA,EAAAA;EACF,CAAC;EAED,IAAIE,UAAkB;EACtB,IAAIC,KAAa;EACjB,IAAIC,OAAe;EAEnB,IAAIhB,aAAa,KAAK,MAAM,EAAE;IAC5Bc,UAAU,GAAGlB,WAAW,CACtBa,KAAK,EACLC,UAAU,EACV,CAAC,CAACT,QAAQ,EAAE,CAAC,EAAEO,WAAW,GAAGL,aAAa,CAAC,EAC3CN,WAAW,CAACoB,KACd,CAAC;IACDF,KAAK,GAAGnB,WAAW,CACjBa,KAAK,EACLC,UAAU,EACV,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAGF,WAAW,GAAGJ,aAAa,CAAC,EACvCP,WAAW,CAACoB,KACd,CAAC;IACDD,OAAO,GAAMpB,WAAW,CACtBa,KAAK,EACLC,UAAU,EACV,CAAC,CAACJ,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,EACnBT,WAAW,CAACoB,KACd,CAAE,QAAI;EACR,CAAC,MACI,IAAIjB,aAAa,KAAK,OAAO,EAAE;IAClCc,UAAU,GAAGlB,WAAW,CACtBa,KAAK,EACLC,UAAU,EACV,CAAC,CAACF,WAAW,GAAGL,aAAa,EAAE,CAAC,EAAEF,QAAQ,CAAC,EAC3CJ,WAAW,CAACoB,KACd,CAAC;IACDF,KAAK,GAAGnB,WAAW,CACjBa,KAAK,EACLC,UAAU,EACV,CAAC,CAAC,GAAGF,WAAW,GAAGJ,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC,EACvCP,WAAW,CAACoB,KACd,CAAC;IACDD,OAAO,GAAMpB,WAAW,CACtBa,KAAK,EACLC,UAAU,EACV,CAAC,CAAC,EAAE,CAAC,EAAEJ,UAAU,CAAC,EAClBT,WAAW,CAACoB,KACd,CAAE,QAAI;EACR;EAEAV,SAAS,CAACW,IAAI,CACZ;IACEJ,UAAU,EAAEA;EACd,CAAC,EACD;IACEC,KAAK,EAAEA;EACT,CAAC,EACD;IACEC,OAAO,EAAEA;EACX,CACF,CAAC;EAED,OAAOH,MAAM;AACf\"}"};function horizontalStackLayout(){var modeConfig=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return function(){var _e=[new global.Error(),-7,-27];var _f=function _f(_value){var showLength=modeConfig.showLength,_modeConfig$snapDirec=modeConfig.snapDirection,snapDirection=_modeConfig$snapDirec===void 0?"left":_modeConfig$snapDirec,_modeConfig$moveSize=modeConfig.moveSize,moveSize=_modeConfig$moveSize===void 0?screen.width:_modeConfig$moveSize,_modeConfig$stackInte=modeConfig.stackInterval,stackInterval=_modeConfig$stackInte===void 0?18:_modeConfig$stackInte,_modeConfig$scaleInte=modeConfig.scaleInterval,scaleInterval=_modeConfig$scaleInte===void 0?0.04:_modeConfig$scaleInte,_modeConfig$opacityIn=modeConfig.opacityInterval,opacityInterval=_modeConfig$opacityIn===void 0?0.1:_modeConfig$opacityIn,_modeConfig$rotateZDe=modeConfig.rotateZDeg,rotateZDeg=_modeConfig$rotateZDe===void 0?30:_modeConfig$rotateZDe;var transform=[];var _getCommonVariables=getCommonVariables({showLength:showLength,value:_value,snapDirection:snapDirection}),validLength=_getCommonVariables.validLength,value=_getCommonVariables.value,inputRange=_getCommonVariables.inputRange;var _getCommonStyles=getCommonStyles({validLength:validLength,value:value,opacityInterval:opacityInterval,snapDirection:snapDirection}),zIndex=_getCommonStyles.zIndex,opacity=_getCommonStyles.opacity;var styles={transform:transform,zIndex:zIndex,opacity:opacity};var translateX;var scale;var rotateZ;if(snapDirection==="left"){translateX=(0,_reactNativeReanimated.interpolate)(value,inputRange,[-moveSize,0,validLength*stackInterval],_reactNativeReanimated.Extrapolate.CLAMP);scale=(0,_reactNativeReanimated.interpolate)(value,inputRange,[1,1,1-validLength*scaleInterval],_reactNativeReanimated.Extrapolate.CLAMP);rotateZ=`${(0,_reactNativeReanimated.interpolate)(value,inputRange,[-rotateZDeg,0,0],_reactNativeReanimated.Extrapolate.CLAMP)}deg`;}else if(snapDirection==="right"){translateX=(0,_reactNativeReanimated.interpolate)(value,inputRange,[-validLength*stackInterval,0,moveSize],_reactNativeReanimated.Extrapolate.CLAMP);scale=(0,_reactNativeReanimated.interpolate)(value,inputRange,[1-validLength*scaleInterval,1,1],_reactNativeReanimated.Extrapolate.CLAMP);rotateZ=`${(0,_reactNativeReanimated.interpolate)(value,inputRange,[0,0,rotateZDeg],_reactNativeReanimated.Extrapolate.CLAMP)}deg`;}transform.push({translateX:translateX},{scale:scale},{rotateZ:rotateZ});return styles;};_f._closure={screen:screen,modeConfig:modeConfig,getCommonVariables:getCommonVariables,getCommonStyles:getCommonStyles,interpolate:_reactNativeReanimated.interpolate,Extrapolate:_reactNativeReanimated.Extrapolate};_f.__initData=_worklet_5756272565831_init_data;_f.__workletHash=5756272565831;_f.__stackDetails=_e;_f.__version="3.3.0";return _f;}();}function useHorizontalStackLayout(){var customAnimationConfig=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var customConfig=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var config=(0,_react.useMemo)(function(){return Object.assign({type:customAnimationConfig.snapDirection==="right"?"negative":"positive",viewCount:customAnimationConfig.showLength},customConfig);},[customAnimationConfig,customConfig]);return{layout:horizontalStackLayout(customAnimationConfig),config:config};}var _worklet_8233536719177_init_data={code:"function anonymous(_value) {\n  const {\n    screen,\n    modeConfig,\n    getCommonVariables,\n    getCommonStyles,\n    interpolate,\n    Extrapolate\n  } = this._closure;\n  const {\n    showLength: showLength,\n    snapDirection = \"left\",\n    moveSize = screen.width,\n    stackInterval = 18,\n    scaleInterval = 0.04,\n    opacityInterval = 0.1,\n    rotateZDeg = 30\n  } = modeConfig;\n  const transform = [];\n  const {\n    validLength: validLength,\n    value: value,\n    inputRange: inputRange\n  } = getCommonVariables({\n    showLength: showLength,\n    value: _value,\n    snapDirection: snapDirection\n  });\n  const {\n    zIndex: zIndex,\n    opacity: opacity\n  } = getCommonStyles({\n    validLength: validLength,\n    value: value,\n    opacityInterval: opacityInterval,\n    snapDirection: snapDirection\n  });\n  const styles = {\n    transform: transform,\n    zIndex: zIndex,\n    opacity: opacity\n  };\n  let translateX;\n  let scale;\n  let rotateZ;\n  let translateY;\n  if (snapDirection === \"left\") {\n    translateX = interpolate(value, inputRange, [-moveSize, 0, 0], Extrapolate.CLAMP);\n    scale = interpolate(value, inputRange, [1, 1, 1 - validLength * scaleInterval], Extrapolate.CLAMP);\n    rotateZ = interpolate(value, inputRange, [-rotateZDeg, 0, 0], Extrapolate.CLAMP) + \"deg\";\n    translateY = interpolate(value, inputRange, [0, 0, validLength * stackInterval], Extrapolate.CLAMP);\n  } else if (snapDirection === \"right\") {\n    translateX = interpolate(value, inputRange, [0, 0, moveSize], Extrapolate.CLAMP);\n    scale = interpolate(value, inputRange, [1 - validLength * scaleInterval, 1, 1], Extrapolate.CLAMP);\n    rotateZ = interpolate(value, inputRange, [0, 0, rotateZDeg], Extrapolate.CLAMP) + \"deg\";\n    translateY = interpolate(value, inputRange, [validLength * stackInterval, 0, 0], Extrapolate.CLAMP);\n  }\n  transform.push({\n    translateX: translateX\n  }, {\n    scale: scale\n  }, {\n    rotateZ: rotateZ\n  }, {\n    translateY: translateY\n  });\n  return styles;\n}",location:"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/stack.ts",sourceMap:"{\"version\":3,\"names\":[\"anonymous\",\"_value\",\"screen\",\"modeConfig\",\"getCommonVariables\",\"getCommonStyles\",\"interpolate\",\"Extrapolate\",\"_closure\",\"showLength\",\"snapDirection\",\"moveSize\",\"width\",\"stackInterval\",\"scaleInterval\",\"opacityInterval\",\"rotateZDeg\",\"transform\",\"validLength\",\"value\",\"inputRange\",\"zIndex\",\"opacity\",\"styles\",\"translateX\",\"scale\",\"rotateZ\",\"translateY\",\"CLAMP\",\"push\"],\"sources\":[\"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/stack.ts\"],\"mappings\":\"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\"}"};function verticalStackLayout(){var modeConfig=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return function(){var _e=[new global.Error(),-7,-27];var _f=function _f(_value){var showLength=modeConfig.showLength,_modeConfig$snapDirec2=modeConfig.snapDirection,snapDirection=_modeConfig$snapDirec2===void 0?"left":_modeConfig$snapDirec2,_modeConfig$moveSize2=modeConfig.moveSize,moveSize=_modeConfig$moveSize2===void 0?screen.width:_modeConfig$moveSize2,_modeConfig$stackInte2=modeConfig.stackInterval,stackInterval=_modeConfig$stackInte2===void 0?18:_modeConfig$stackInte2,_modeConfig$scaleInte2=modeConfig.scaleInterval,scaleInterval=_modeConfig$scaleInte2===void 0?0.04:_modeConfig$scaleInte2,_modeConfig$opacityIn2=modeConfig.opacityInterval,opacityInterval=_modeConfig$opacityIn2===void 0?0.1:_modeConfig$opacityIn2,_modeConfig$rotateZDe2=modeConfig.rotateZDeg,rotateZDeg=_modeConfig$rotateZDe2===void 0?30:_modeConfig$rotateZDe2;var transform=[];var _getCommonVariables2=getCommonVariables({showLength:showLength,value:_value,snapDirection:snapDirection}),validLength=_getCommonVariables2.validLength,value=_getCommonVariables2.value,inputRange=_getCommonVariables2.inputRange;var _getCommonStyles2=getCommonStyles({validLength:validLength,value:value,opacityInterval:opacityInterval,snapDirection:snapDirection}),zIndex=_getCommonStyles2.zIndex,opacity=_getCommonStyles2.opacity;var styles={transform:transform,zIndex:zIndex,opacity:opacity};var translateX;var scale;var rotateZ;var translateY;if(snapDirection==="left"){translateX=(0,_reactNativeReanimated.interpolate)(value,inputRange,[-moveSize,0,0],_reactNativeReanimated.Extrapolate.CLAMP);scale=(0,_reactNativeReanimated.interpolate)(value,inputRange,[1,1,1-validLength*scaleInterval],_reactNativeReanimated.Extrapolate.CLAMP);rotateZ=`${(0,_reactNativeReanimated.interpolate)(value,inputRange,[-rotateZDeg,0,0],_reactNativeReanimated.Extrapolate.CLAMP)}deg`;translateY=(0,_reactNativeReanimated.interpolate)(value,inputRange,[0,0,validLength*stackInterval],_reactNativeReanimated.Extrapolate.CLAMP);}else if(snapDirection==="right"){translateX=(0,_reactNativeReanimated.interpolate)(value,inputRange,[0,0,moveSize],_reactNativeReanimated.Extrapolate.CLAMP);scale=(0,_reactNativeReanimated.interpolate)(value,inputRange,[1-validLength*scaleInterval,1,1],_reactNativeReanimated.Extrapolate.CLAMP);rotateZ=`${(0,_reactNativeReanimated.interpolate)(value,inputRange,[0,0,rotateZDeg],_reactNativeReanimated.Extrapolate.CLAMP)}deg`;translateY=(0,_reactNativeReanimated.interpolate)(value,inputRange,[validLength*stackInterval,0,0],_reactNativeReanimated.Extrapolate.CLAMP);}transform.push({translateX:translateX},{scale:scale},{rotateZ:rotateZ},{translateY:translateY});return styles;};_f._closure={screen:screen,modeConfig:modeConfig,getCommonVariables:getCommonVariables,getCommonStyles:getCommonStyles,interpolate:_reactNativeReanimated.interpolate,Extrapolate:_reactNativeReanimated.Extrapolate};_f.__initData=_worklet_8233536719177_init_data;_f.__workletHash=8233536719177;_f.__stackDetails=_e;_f.__version="3.3.0";return _f;}();}var _worklet_10327424297064_init_data={code:"function getCommonVariables(opts) {\n  const {\n    showLength: showLength,\n    value: _value,\n    snapDirection: snapDirection\n  } = opts;\n  function easeInOutCubic(v) {\n    return v < 0.5 ? 4 * v * v * v : 1 - (-2 * v + 2) ** 3 / 2;\n  }\n  const page = Math.floor(Math.abs(_value));\n  const diff = Math.abs(_value) % 1;\n  const value = _value < 0 ? -(page + easeInOutCubic(diff)) : page + easeInOutCubic(diff);\n  const validLength = showLength - 1;\n  let inputRange;\n  if (snapDirection === \"left\") inputRange = [-1, 0, validLength];else if (snapDirection === \"right\") inputRange = [-validLength, 0, 1];else throw new Error(\"snapDirection must be set to either left or right\");\n  return {\n    inputRange: inputRange,\n    validLength: validLength,\n    value: value\n  };\n}",location:"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/stack.ts",sourceMap:"{\"version\":3,\"names\":[\"getCommonVariables\",\"opts\",\"showLength\",\"value\",\"_value\",\"snapDirection\",\"easeInOutCubic\",\"v\",\"page\",\"Math\",\"floor\",\"abs\",\"diff\",\"validLength\",\"inputRange\",\"Error\"],\"sources\":[\"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/stack.ts\"],\"mappings\":\"AAsQA,SAAAA,kBAASA,CAAmBC,IAAA,EAI3B;EAGC,MAAM;IAAEC,UAAU,EAAVA,UAAU;IAAEC,KAAK,EAAEC,MAAM;IAAEC,aAAA,EAAAA;EAAc,CAAC,GAAGJ,IAAI;EACzD,SAASK,cAAcA,CAACC,CAAS,EAAU;IACzC,OAAOA,CAAC,GAAG,GAAG,GAAG,CAAC,GAAGA,CAAC,GAAGA,CAAC,GAAGA,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAGA,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC;EAC5D;EACA,MAAMC,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,GAAG,CAACP,MAAM,CAAC,CAAC;EACzC,MAAMQ,IAAI,GAAGH,IAAI,CAACE,GAAG,CAACP,MAAM,CAAC,GAAG,CAAC;EACjC,MAAMD,KAAK,GACHC,MAAM,GAAG,CAAC,GACR,EAAEI,IAAI,GAAGF,cAAc,CAACM,IAAI,CAAC,CAAC,GAC9BJ,IAAI,GAAGF,cAAc,CAACM,IAAI,CAAC;EACrC,MAAMC,WAAW,GAAGX,UAAU,GAAI,CAAC;EAEnC,IAAIY,UAAoC;EAExC,IAAIT,aAAa,KAAK,MAAM,EAC1BS,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAED,WAAW,CAAC,CAAC,KAC/B,IAAIR,aAAa,KAAK,OAAO,EAChCS,UAAU,GAAG,CAAC,CAACD,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,KAElC,MAAM,IAAIE,KAAK,CAAC,mDAAmD,CAAC;EAEtE,OAAO;IACLD,UAAU,EAAVA,UAAU;IACVD,WAAW,EAAXA,WAAW;IACXV,KAAA,EAAAA;EACF,CAAC;AACH\"}"};var getCommonVariables=function(){var _e=[new global.Error(),1,-27];var _f=function _f(opts){var showLength=opts.showLength,_value=opts.value,snapDirection=opts.snapDirection;function easeInOutCubic(v){return v<0.5?4*v*v*v:1-(-2*v+2)**3/2;}var page=Math.floor(Math.abs(_value));var diff=Math.abs(_value)%1;var value=_value<0?-(page+easeInOutCubic(diff)):page+easeInOutCubic(diff);var validLength=showLength-1;var inputRange;if(snapDirection==="left")inputRange=[-1,0,validLength];else if(snapDirection==="right")inputRange=[-validLength,0,1];else throw new Error("snapDirection must be set to either left or right");return{inputRange:inputRange,validLength:validLength,value:value};};_f._closure={};_f.__initData=_worklet_10327424297064_init_data;_f.__workletHash=10327424297064;_f.__stackDetails=_e;_f.__version="3.3.0";return _f;}();var _worklet_1169076184363_init_data={code:"function getCommonStyles(opts) {\n  const {\n    interpolate\n  } = this._closure;\n  const {\n    snapDirection: snapDirection,\n    validLength: validLength,\n    value: value,\n    opacityInterval: opacityInterval\n  } = opts;\n  let zIndex;\n  let opacity;\n  if (snapDirection === \"left\") {\n    zIndex = Math.floor(interpolate(value, [-1.5, -1, -1 + Number.MIN_VALUE, 0, validLength], [Number.MIN_VALUE, validLength, validLength, validLength - 1, -1]) * 10000) / 100;\n    opacity = interpolate(value, [-1, 0, validLength - 1, validLength], [0.25, 1, 1 - (validLength - 1) * opacityInterval, 0.25]);\n  } else if (snapDirection === \"right\") {\n    zIndex = Math.floor(interpolate(value, [-validLength, 0, 1 - Number.MIN_VALUE, 1, 1.5], [1, validLength - 1, validLength, validLength, Number.MIN_VALUE]) * 10000) / 100;\n    opacity = interpolate(value, [-validLength, 1 - validLength, 0, 1], [0.25, 1 - (validLength - 1) * opacityInterval, 1, 0.25]);\n  } else {\n    throw new Error(\"snapDirection must be set to either left or right\");\n  }\n  return {\n    zIndex: zIndex,\n    opacity: opacity\n  };\n}",location:"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/stack.ts",sourceMap:"{\"version\":3,\"names\":[\"getCommonStyles\",\"opts\",\"interpolate\",\"_closure\",\"snapDirection\",\"validLength\",\"value\",\"opacityInterval\",\"zIndex\",\"opacity\",\"Math\",\"floor\",\"Number\",\"MIN_VALUE\",\"Error\"],\"sources\":[\"/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/layouts/stack.ts\"],\"mappings\":\"AAySA,SAAAA,eAASA,CAAgBC,IAAA,EAKxB;EAAA;IAAAC;EAAA,SAAAC,QAAA;EAGC,MAAM;IAAEC,aAAa,EAAbA,aAAa;IAAEC,WAAW,EAAXA,WAAW;IAAEC,KAAK,EAALA,KAAK;IAAEC,eAAA,EAAAA;EAAgB,CAAC,GAAGN,IAAI;EAEnE,IAAIO,MAAc;EAClB,IAAIC,OAAe;EAEnB,IAAIL,aAAa,KAAK,MAAM,EAAE;IAC5BI,MAAM,GACIE,IAAI,CAACC,KAAK,CAChBT,WAAW,CACTI,KAAK,EACL,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGM,MAAM,CAACC,SAAS,EAAE,CAAC,EAAER,WAAW,CAAC,EACjD,CACEO,MAAM,CAACC,SAAS,EAChBR,WAAW,EACXA,WAAW,EACXA,WAAW,GAAG,CAAC,EACf,CAAC,CAAC,CAEN,CAAC,GAAG,KACN,CAAC,GAAG,GAAG;IAETI,OAAO,GAAGP,WAAW,CACnBI,KAAK,EACL,CAAC,CAAC,CAAC,EAAE,CAAC,EAAED,WAAW,GAAG,CAAC,EAAEA,WAAW,CAAC,EACrC,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,GAAG,CAACA,WAAW,GAAG,CAAC,IAAIE,eAAe,EAAE,IAAI,CACzD,CAAC;EACH,CAAC,MACI,IAAIH,aAAa,KAAK,OAAO,EAAE;IAClCI,MAAM,GACIE,IAAI,CAACC,KAAK,CAChBT,WAAW,CACTI,KAAK,EACL,CAAC,CAACD,WAAW,EAAE,CAAC,EAAE,CAAC,GAAGO,MAAM,CAACC,SAAS,EAAE,CAAC,EAAE,GAAG,CAAC,EAC/C,CACE,CAAC,EACDR,WAAW,GAAG,CAAC,EACfA,WAAW,EACXA,WAAW,EACXO,MAAM,CAACC,SAAS,CAEpB,CAAC,GAAG,KACN,CAAC,GAAG,GAAG;IACTJ,OAAO,GAAGP,WAAW,CACnBI,KAAK,EACL,CAAC,CAACD,WAAW,EAAE,CAAC,GAAGA,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC,EACrC,CAAC,IAAI,EAAE,CAAC,GAAG,CAACA,WAAW,GAAG,CAAC,IAAIE,eAAe,EAAE,CAAC,EAAE,IAAI,CACzD,CAAC;EACH,CAAC,MACI;IACH,MAAM,IAAIO,KAAK,CAAC,mDAAmD,CAAC;EACtE;EAEA,OAAO;IACLN,MAAM,EAANA,MAAM;IACNC,OAAA,EAAAA;EACF,CAAC;AACH\"}"};var getCommonStyles=function(){var _e=[new global.Error(),-2,-27];var _f=function _f(opts){var snapDirection=opts.snapDirection,validLength=opts.validLength,value=opts.value,opacityInterval=opts.opacityInterval;var zIndex;var opacity;if(snapDirection==="left"){zIndex=Math.floor((0,_reactNativeReanimated.interpolate)(value,[-1.5,-1,-1+Number.MIN_VALUE,0,validLength],[Number.MIN_VALUE,validLength,validLength,validLength-1,-1])*10000)/100;opacity=(0,_reactNativeReanimated.interpolate)(value,[-1,0,validLength-1,validLength],[0.25,1,1-(validLength-1)*opacityInterval,0.25]);}else if(snapDirection==="right"){zIndex=Math.floor((0,_reactNativeReanimated.interpolate)(value,[-validLength,0,1-Number.MIN_VALUE,1,1.5],[1,validLength-1,validLength,validLength,Number.MIN_VALUE])*10000)/100;opacity=(0,_reactNativeReanimated.interpolate)(value,[-validLength,1-validLength,0,1],[0.25,1-(validLength-1)*opacityInterval,1,0.25]);}else{throw new Error("snapDirection must be set to either left or right");}return{zIndex:zIndex,opacity:opacity};};_f._closure={interpolate:_reactNativeReanimated.interpolate};_f.__initData=_worklet_1169076184363_init_data;_f.__workletHash=1169076184363;_f.__stackDetails=_e;_f.__version="3.3.0";return _f;}();
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.horizontalStackLayout = horizontalStackLayout;
+exports.useHorizontalStackLayout = useHorizontalStackLayout;
+exports.verticalStackLayout = verticalStackLayout;
+
+var _react = require("react");
+
+var _reactNative = require("react-native");
+
+var _reactNativeReanimated = require("react-native-reanimated");
+
+const screen = _reactNative.Dimensions.get("window");
+
+function horizontalStackLayout() {
+  let modeConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _value => {
+    "worklet";
+
+    const {
+      showLength,
+      snapDirection = "left",
+      moveSize = screen.width,
+      stackInterval = 18,
+      scaleInterval = 0.04,
+      opacityInterval = 0.1,
+      rotateZDeg = 30
+    } = modeConfig;
+    const transform = [];
+    const {
+      validLength,
+      value,
+      inputRange
+    } = getCommonVariables({
+      showLength: showLength,
+      value: _value,
+      snapDirection
+    });
+    const {
+      zIndex,
+      opacity
+    } = getCommonStyles({
+      validLength,
+      value,
+      opacityInterval,
+      snapDirection
+    });
+    const styles = {
+      transform,
+      zIndex,
+      opacity
+    };
+    let translateX;
+    let scale;
+    let rotateZ;
+
+    if (snapDirection === "left") {
+      translateX = (0, _reactNativeReanimated.interpolate)(value, inputRange, [-moveSize, 0, validLength * stackInterval], _reactNativeReanimated.Extrapolate.CLAMP);
+      scale = (0, _reactNativeReanimated.interpolate)(value, inputRange, [1, 1, 1 - validLength * scaleInterval], _reactNativeReanimated.Extrapolate.CLAMP);
+      rotateZ = `${(0, _reactNativeReanimated.interpolate)(value, inputRange, [-rotateZDeg, 0, 0], _reactNativeReanimated.Extrapolate.CLAMP)}deg`;
+    } else if (snapDirection === "right") {
+      translateX = (0, _reactNativeReanimated.interpolate)(value, inputRange, [-validLength * stackInterval, 0, moveSize], _reactNativeReanimated.Extrapolate.CLAMP);
+      scale = (0, _reactNativeReanimated.interpolate)(value, inputRange, [1 - validLength * scaleInterval, 1, 1], _reactNativeReanimated.Extrapolate.CLAMP);
+      rotateZ = `${(0, _reactNativeReanimated.interpolate)(value, inputRange, [0, 0, rotateZDeg], _reactNativeReanimated.Extrapolate.CLAMP)}deg`;
+    }
+
+    transform.push({
+      translateX: translateX
+    }, {
+      scale: scale
+    }, {
+      rotateZ: rotateZ
+    });
+    return styles;
+  };
+}
+
+function useHorizontalStackLayout() {
+  let customAnimationConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let customConfig = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const config = (0, _react.useMemo)(() => ({
+    type: customAnimationConfig.snapDirection === "right" ? "negative" : "positive",
+    viewCount: customAnimationConfig.showLength,
+    ...customConfig
+  }), [customAnimationConfig, customConfig]);
+  return {
+    layout: horizontalStackLayout(customAnimationConfig),
+    config
+  };
+}
+
+function verticalStackLayout() {
+  let modeConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _value => {
+    "worklet";
+
+    const {
+      showLength,
+      snapDirection = "left",
+      moveSize = screen.width,
+      stackInterval = 18,
+      scaleInterval = 0.04,
+      opacityInterval = 0.1,
+      rotateZDeg = 30
+    } = modeConfig;
+    const transform = [];
+    const {
+      validLength,
+      value,
+      inputRange
+    } = getCommonVariables({
+      showLength: showLength,
+      value: _value,
+      snapDirection
+    });
+    const {
+      zIndex,
+      opacity
+    } = getCommonStyles({
+      validLength,
+      value,
+      opacityInterval,
+      snapDirection
+    });
+    const styles = {
+      transform,
+      zIndex,
+      opacity
+    };
+    let translateX;
+    let scale;
+    let rotateZ;
+    let translateY;
+
+    if (snapDirection === "left") {
+      translateX = (0, _reactNativeReanimated.interpolate)(value, inputRange, [-moveSize, 0, 0], _reactNativeReanimated.Extrapolate.CLAMP);
+      scale = (0, _reactNativeReanimated.interpolate)(value, inputRange, [1, 1, 1 - validLength * scaleInterval], _reactNativeReanimated.Extrapolate.CLAMP);
+      rotateZ = `${(0, _reactNativeReanimated.interpolate)(value, inputRange, [-rotateZDeg, 0, 0], _reactNativeReanimated.Extrapolate.CLAMP)}deg`;
+      translateY = (0, _reactNativeReanimated.interpolate)(value, inputRange, [0, 0, validLength * stackInterval], _reactNativeReanimated.Extrapolate.CLAMP);
+    } else if (snapDirection === "right") {
+      translateX = (0, _reactNativeReanimated.interpolate)(value, inputRange, [0, 0, moveSize], _reactNativeReanimated.Extrapolate.CLAMP);
+      scale = (0, _reactNativeReanimated.interpolate)(value, inputRange, [1 - validLength * scaleInterval, 1, 1], _reactNativeReanimated.Extrapolate.CLAMP);
+      rotateZ = `${(0, _reactNativeReanimated.interpolate)(value, inputRange, [0, 0, rotateZDeg], _reactNativeReanimated.Extrapolate.CLAMP)}deg`;
+      translateY = (0, _reactNativeReanimated.interpolate)(value, inputRange, [validLength * stackInterval, 0, 0], _reactNativeReanimated.Extrapolate.CLAMP);
+    }
+
+    transform.push({
+      translateX: translateX
+    }, {
+      scale: scale
+    }, {
+      rotateZ: rotateZ
+    }, {
+      translateY: translateY
+    });
+    return styles;
+  };
+}
+
+function getCommonVariables(opts) {
+  "worklet";
+
+  const {
+    showLength,
+    value: _value,
+    snapDirection
+  } = opts;
+
+  function easeInOutCubic(v) {
+    return v < 0.5 ? 4 * v * v * v : 1 - (-2 * v + 2) ** 3 / 2;
+  }
+
+  const page = Math.floor(Math.abs(_value));
+  const diff = Math.abs(_value) % 1;
+  const value = _value < 0 ? -(page + easeInOutCubic(diff)) : page + easeInOutCubic(diff);
+  const validLength = showLength - 1;
+  let inputRange;
+  if (snapDirection === "left") inputRange = [-1, 0, validLength];else if (snapDirection === "right") inputRange = [-validLength, 0, 1];else throw new Error("snapDirection must be set to either left or right");
+  return {
+    inputRange,
+    validLength,
+    value
+  };
+}
+
+function getCommonStyles(opts) {
+  "worklet";
+
+  const {
+    snapDirection,
+    validLength,
+    value,
+    opacityInterval
+  } = opts;
+  let zIndex;
+  let opacity;
+
+  if (snapDirection === "left") {
+    zIndex = Math.floor((0, _reactNativeReanimated.interpolate)(value, [-1.5, -1, -1 + Number.MIN_VALUE, 0, validLength], [Number.MIN_VALUE, validLength, validLength, validLength - 1, -1]) * 10000) / 100;
+    opacity = (0, _reactNativeReanimated.interpolate)(value, [-1, 0, validLength - 1, validLength], [0.25, 1, 1 - (validLength - 1) * opacityInterval, 0.25]);
+  } else if (snapDirection === "right") {
+    zIndex = Math.floor((0, _reactNativeReanimated.interpolate)(value, [-validLength, 0, 1 - Number.MIN_VALUE, 1, 1.5], [1, validLength - 1, validLength, validLength, Number.MIN_VALUE]) * 10000) / 100;
+    opacity = (0, _reactNativeReanimated.interpolate)(value, [-validLength, 1 - validLength, 0, 1], [0.25, 1 - (validLength - 1) * opacityInterval, 1, 0.25]);
+  } else {
+    throw new Error("snapDirection must be set to either left or right");
+  }
+
+  return {
+    zIndex,
+    opacity
+  };
+}
 //# sourceMappingURL=stack.js.map