@fountain-ui/lab 2.0.0-beta.11 → 2.0.0-beta.12

package/build/commonjs/ViewPager/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultPageComponent = exports.defaultLoading = exports.defaultInitialPage = void 0;
+exports.defaultPageComponent = exports.defaultOffscreenPageRerenderLimit = exports.defaultLoading = exports.defaultInitialPage = void 0;
 
 var _ChildrenMemoizedPage = _interopRequireDefault(require("./ChildrenMemoizedPage"));
 
@@ -13,6 +13,8 @@ const defaultInitialPage = 0;
 exports.defaultInitialPage = defaultInitialPage;
 const defaultLoading = 'lazy';
 exports.defaultLoading = defaultLoading;
+const defaultOffscreenPageRerenderLimit = 0;
+exports.defaultOffscreenPageRerenderLimit = defaultOffscreenPageRerenderLimit;
 const defaultPageComponent = _ChildrenMemoizedPage.default;
 exports.defaultPageComponent = defaultPageComponent;
 //# sourceMappingURL=utils.js.map

package/build/commonjs/ViewPager/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultInitialPage","defaultLoading","defaultPageComponent","ChildrenMemoizedPage"],"sources":["utils.tsx"],"sourcesContent":["import React from 'react';\nimport { Loading, PageComponent } from './ViewPagerProps';\nimport ChildrenMemoizedPage from './ChildrenMemoizedPage';\n\nexport const defaultInitialPage: number = 0;\n\nexport const defaultLoading: Loading = 'lazy';\n\nexport const defaultPageComponent: PageComponent = ChildrenMemoizedPage;\n"],"mappings":";;;;;;;AAEA;;;;AAEO,MAAMA,kBAA0B,GAAG,CAAnC;;AAEA,MAAMC,cAAuB,GAAG,MAAhC;;AAEA,MAAMC,oBAAmC,GAAGC,6BAA5C"}
+{"version":3,"names":["defaultInitialPage","defaultLoading","defaultOffscreenPageRerenderLimit","defaultPageComponent","ChildrenMemoizedPage"],"sources":["utils.tsx"],"sourcesContent":["import { Loading, PageComponent } from './ViewPagerProps';\nimport ChildrenMemoizedPage from './ChildrenMemoizedPage';\n\nexport const defaultInitialPage: number = 0;\n\nexport const defaultLoading: Loading = 'lazy';\n\nexport const defaultOffscreenPageRerenderLimit: number = 0;\n\nexport const defaultPageComponent: PageComponent = ChildrenMemoizedPage;\n"],"mappings":";;;;;;;AACA;;;;AAEO,MAAMA,kBAA0B,GAAG,CAAnC;;AAEA,MAAMC,cAAuB,GAAG,MAAhC;;AAEA,MAAMC,iCAAyC,GAAG,CAAlD;;AAEA,MAAMC,oBAAmC,GAAGC,6BAA5C"}

package/build/commonjs/ViewabilityTrackerView/Viewability.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Viewability.js.map

package/build/commonjs/ViewabilityTrackerView/Viewability.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["Viewability.ts"],"sourcesContent":["export default interface Viewability {\n    visible: boolean;\n}\n"],"mappings":""}

package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerView.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ViewabilityTrackerView;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _useViewabilityTracker = _interopRequireDefault(require("./useViewabilityTracker"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ViewabilityTrackerView(props) {
+  const {
+    enabled = true,
+    measurementIntervalMillis = 1000,
+    onViewabilityChange,
+    visiblePercentThreshold = 50,
+    ...otherProps
+  } = props;
+  const viewRef = (0, _react.useRef)(null);
+  (0, _useViewabilityTracker.default)({
+    enabled,
+    measurementIntervalMillis,
+    onViewabilityChange,
+    viewRef,
+    visiblePercentThreshold
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, otherProps, {
+    ref: viewRef,
+    collapsable: false
+  }));
+}
+
+;
+//# sourceMappingURL=ViewabilityTrackerView.js.map

package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ViewabilityTrackerView","props","enabled","measurementIntervalMillis","onViewabilityChange","visiblePercentThreshold","otherProps","viewRef","useRef","useViewabilityTracker"],"sources":["ViewabilityTrackerView.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { View } from 'react-native';\nimport useViewabilityTracker from './useViewabilityTracker';\nimport type ViewabilityTrackerViewProps from './ViewabilityTrackerViewProps';\n\n\nexport default function ViewabilityTrackerView(props: ViewabilityTrackerViewProps) {\n    const {\n        enabled = true,\n        measurementIntervalMillis = 1000,\n        onViewabilityChange,\n        visiblePercentThreshold = 50,\n        ...otherProps\n    } = props;\n\n    const viewRef = useRef<View>(null);\n\n    useViewabilityTracker({\n        enabled,\n        measurementIntervalMillis,\n        onViewabilityChange,\n        viewRef,\n        visiblePercentThreshold,\n    });\n\n    return (\n        <View\n            {...otherProps}\n            ref={viewRef}\n            collapsable={false}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAIe,SAASA,sBAAT,CAAgCC,KAAhC,EAAoE;EAC/E,MAAM;IACFC,OAAO,GAAG,IADR;IAEFC,yBAAyB,GAAG,IAF1B;IAGFC,mBAHE;IAIFC,uBAAuB,GAAG,EAJxB;IAKF,GAAGC;EALD,IAMFL,KANJ;EAQA,MAAMM,OAAO,GAAG,IAAAC,aAAA,EAAa,IAAb,CAAhB;EAEA,IAAAC,8BAAA,EAAsB;IAClBP,OADkB;IAElBC,yBAFkB;IAGlBC,mBAHkB;IAIlBG,OAJkB;IAKlBF;EALkB,CAAtB;EAQA,oBACI,6BAAC,iBAAD,eACQC,UADR;IAEI,GAAG,EAAEC,OAFT;IAGI,WAAW,EAAE;EAHjB,GADJ;AAOH;;AAAA"}

package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerViewProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ViewabilityTrackerViewProps.js.map

package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerViewProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["ViewabilityTrackerViewProps.ts"],"sourcesContent":["import type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '@fountain-ui/core';\nimport type Viewability from './Viewability';\n\nexport default interface ViewabilityTrackerViewProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * @default true\n     */\n    enabled?: boolean;\n\n    /**\n     * @default 1000\n     */\n    measurementIntervalMillis?: number;\n\n    /**\n     *\n     */\n    onViewabilityChange?: (viewability: Viewability) => void;\n\n    /**\n     * @default 50\n     */\n    visiblePercentThreshold?: number;\n}> {}\n"],"mappings":""}

package/build/commonjs/{Carousel/index.native.js → ViewabilityTrackerView/index.js}

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _CarouselNative.default;
+    return _ViewabilityTrackerView.default;
   }
 });
 
-var _CarouselNative = _interopRequireDefault(require("./CarouselNative"));
+var _ViewabilityTrackerView = _interopRequireDefault(require("./ViewabilityTrackerView"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.native.js.map
+//# sourceMappingURL=index.js.map

package/build/commonjs/ViewabilityTrackerView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './ViewabilityTrackerView';\nexport type { default as ViewabilityTrackerViewProps } from './ViewabilityTrackerViewProps';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/ViewabilityTrackerView/measureViewability.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = measureViewability;
+
+const computeRectSize = rect => (rect.bottom - rect.top) * (rect.right - rect.left);
+
+const normalizePagePosition = value => value != null && Number.isFinite(value) ? value : Number.MAX_SAFE_INTEGER;
+
+const normalizeViewSize = size => Number.isFinite(size) && size > 0 ? size : Number.MAX_SAFE_INTEGER;
+
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+
+function measureViewability(_ref) {
+  let {
+    view,
+    windowWidth,
+    windowHeight,
+    onViewabilityDetailMeasured
+  } = _ref;
+  view.measure((x, y, width, height, pageX, pageY) => {
+    const safePageX = normalizePagePosition(pageX);
+    const safePageY = normalizePagePosition(pageY);
+    const visibleRect = {
+      top: clamp(safePageY, 0, windowHeight),
+      bottom: clamp(safePageY + height, 0, windowHeight),
+      left: clamp(safePageX, 0, windowWidth),
+      right: clamp(safePageX + width, 0, windowWidth)
+    };
+    const visibleRectSize = computeRectSize(visibleRect);
+    const viewSize = normalizeViewSize(width * height);
+    const visiblePercent = Math.round(visibleRectSize / viewSize * 100);
+    onViewabilityDetailMeasured === null || onViewabilityDetailMeasured === void 0 ? void 0 : onViewabilityDetailMeasured({
+      visiblePercent
+    });
+  });
+}
+
+;
+//# sourceMappingURL=measureViewability.js.map

package/build/commonjs/ViewabilityTrackerView/measureViewability.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["computeRectSize","rect","bottom","top","right","left","normalizePagePosition","value","Number","isFinite","MAX_SAFE_INTEGER","normalizeViewSize","size","clamp","min","max","Math","measureViewability","view","windowWidth","windowHeight","onViewabilityDetailMeasured","measure","x","y","width","height","pageX","pageY","safePageX","safePageY","visibleRect","visibleRectSize","viewSize","visiblePercent","round"],"sources":["measureViewability.ts"],"sourcesContent":["import type { View } from 'react-native';\n\ninterface Rect {\n    top: number,\n    bottom: number;\n    left: number;\n    right: number;\n}\n\nexport interface ViewabilityDetail {\n    visiblePercent: number;\n}\n\nexport interface MeasureViewabilityParameters {\n    view: View;\n    windowWidth: number;\n    windowHeight: number;\n    onViewabilityDetailMeasured: (detail: ViewabilityDetail) => void;\n}\n\nconst computeRectSize = (rect: Rect): number =>\n    (rect.bottom - rect.top) * (rect.right - rect.left);\n\nconst normalizePagePosition = (value?: number): number =>\n    (value != null && Number.isFinite(value)) ? value : Number.MAX_SAFE_INTEGER;\n\nconst normalizeViewSize = (size: number): number =>\n    Number.isFinite(size) && size > 0 ? size : Number.MAX_SAFE_INTEGER;\n\nconst clamp = (value: number, min: number, max: number): number =>\n    Math.min(Math.max(value, min), max);\n\nexport default function measureViewability({\n    view,\n    windowWidth,\n    windowHeight,\n    onViewabilityDetailMeasured,\n}: MeasureViewabilityParameters) {\n    view.measure((x, y, width, height, pageX?: number, pageY?: number) => {\n        const safePageX = normalizePagePosition(pageX);\n        const safePageY = normalizePagePosition(pageY);\n\n        const visibleRect: Rect = {\n            top: clamp(safePageY, 0, windowHeight),\n            bottom: clamp(safePageY + height, 0, windowHeight),\n            left: clamp(safePageX, 0, windowWidth),\n            right: clamp(safePageX + width, 0, windowWidth),\n        };\n\n        const visibleRectSize = computeRectSize(visibleRect);\n        const viewSize = normalizeViewSize(width * height);\n        const visiblePercent = Math.round(visibleRectSize / viewSize * 100);\n\n        onViewabilityDetailMeasured?.({ visiblePercent });\n    });\n};\n"],"mappings":";;;;;;;AAoBA,MAAMA,eAAe,GAAIC,IAAD,IACpB,CAACA,IAAI,CAACC,MAAL,GAAcD,IAAI,CAACE,GAApB,KAA4BF,IAAI,CAACG,KAAL,GAAaH,IAAI,CAACI,IAA9C,CADJ;;AAGA,MAAMC,qBAAqB,GAAIC,KAAD,IACzBA,KAAK,IAAI,IAAT,IAAiBC,MAAM,CAACC,QAAP,CAAgBF,KAAhB,CAAlB,GAA4CA,KAA5C,GAAoDC,MAAM,CAACE,gBAD/D;;AAGA,MAAMC,iBAAiB,GAAIC,IAAD,IACtBJ,MAAM,CAACC,QAAP,CAAgBG,IAAhB,KAAyBA,IAAI,GAAG,CAAhC,GAAoCA,IAApC,GAA2CJ,MAAM,CAACE,gBADtD;;AAGA,MAAMG,KAAK,GAAG,CAACN,KAAD,EAAgBO,GAAhB,EAA6BC,GAA7B,KACVC,IAAI,CAACF,GAAL,CAASE,IAAI,CAACD,GAAL,CAASR,KAAT,EAAgBO,GAAhB,CAAT,EAA+BC,GAA/B,CADJ;;AAGe,SAASE,kBAAT,OAKkB;EAAA,IALU;IACvCC,IADuC;IAEvCC,WAFuC;IAGvCC,YAHuC;IAIvCC;EAJuC,CAKV;EAC7BH,IAAI,CAACI,OAAL,CAAa,CAACC,CAAD,EAAIC,CAAJ,EAAOC,KAAP,EAAcC,MAAd,EAAsBC,KAAtB,EAAsCC,KAAtC,KAAyD;IAClE,MAAMC,SAAS,GAAGvB,qBAAqB,CAACqB,KAAD,CAAvC;IACA,MAAMG,SAAS,GAAGxB,qBAAqB,CAACsB,KAAD,CAAvC;IAEA,MAAMG,WAAiB,GAAG;MACtB5B,GAAG,EAAEU,KAAK,CAACiB,SAAD,EAAY,CAAZ,EAAeV,YAAf,CADY;MAEtBlB,MAAM,EAAEW,KAAK,CAACiB,SAAS,GAAGJ,MAAb,EAAqB,CAArB,EAAwBN,YAAxB,CAFS;MAGtBf,IAAI,EAAEQ,KAAK,CAACgB,SAAD,EAAY,CAAZ,EAAeV,WAAf,CAHW;MAItBf,KAAK,EAAES,KAAK,CAACgB,SAAS,GAAGJ,KAAb,EAAoB,CAApB,EAAuBN,WAAvB;IAJU,CAA1B;IAOA,MAAMa,eAAe,GAAGhC,eAAe,CAAC+B,WAAD,CAAvC;IACA,MAAME,QAAQ,GAAGtB,iBAAiB,CAACc,KAAK,GAAGC,MAAT,CAAlC;IACA,MAAMQ,cAAc,GAAGlB,IAAI,CAACmB,KAAL,CAAWH,eAAe,GAAGC,QAAlB,GAA6B,GAAxC,CAAvB;IAEAZ,2BAA2B,SAA3B,IAAAA,2BAA2B,WAA3B,YAAAA,2BAA2B,CAAG;MAAEa;IAAF,CAAH,CAA3B;EACH,CAhBD;AAiBH;;AAAA"}

package/build/commonjs/ViewabilityTrackerView/useViewabilityTracker.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useViewabilityTracker;
+
+var _react = require("react");
+
+var _core = require("@fountain-ui/core");
+
+var _hooks = require("../hooks");
+
+var _measureViewability = _interopRequireDefault(require("./measureViewability"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const initialViewability = {
+  visible: false
+};
+
+function useViewabilityTracker(config) {
+  const {
+    enabled,
+    measurementIntervalMillis,
+    onViewabilityChange,
+    viewRef,
+    visiblePercentThreshold
+  } = config;
+  const viewabilityRef = (0, _react.useRef)(initialViewability);
+  const executor = (0, _hooks.useDeferredExecutor)();
+  const window = (0, _core.useValidWindowDimensions)();
+
+  const maybeMeasureRecursive = () => {
+    if (!enabled) {
+      return;
+    }
+
+    const mapViewabilityDetailToViewability = detail => {
+      return {
+        visible: detail.visiblePercent >= visiblePercentThreshold
+      };
+    };
+
+    const isViewabilityEquals = (a, b) => {
+      return a.visible === b.visible;
+    };
+
+    const dispatchViewabilityChanged = viewability => {
+      executor.execute(() => onViewabilityChange === null || onViewabilityChange === void 0 ? void 0 : onViewabilityChange(viewability));
+    };
+
+    const onViewabilityDetailMeasured = detail => {
+      const nextViewability = mapViewabilityDetailToViewability(detail);
+
+      if (!isViewabilityEquals(viewabilityRef.current, nextViewability)) {
+        viewabilityRef.current = nextViewability;
+        dispatchViewabilityChanged(nextViewability);
+      }
+
+      maybeMeasureRecursive();
+    };
+
+    const maybeMeasure = () => {
+      if (viewRef.current) {
+        (0, _measureViewability.default)({
+          view: viewRef.current,
+          windowWidth: window.width,
+          windowHeight: window.height,
+          onViewabilityDetailMeasured
+        });
+      }
+    };
+
+    executor.execute(maybeMeasure, measurementIntervalMillis);
+  };
+
+  (0, _react.useEffect)(() => {
+    if (enabled) {
+      maybeMeasureRecursive();
+    } else {
+      executor.cancel();
+    }
+  }, [enabled]);
+}
+
+;
+//# sourceMappingURL=useViewabilityTracker.js.map

package/build/commonjs/ViewabilityTrackerView/useViewabilityTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["initialViewability","visible","useViewabilityTracker","config","enabled","measurementIntervalMillis","onViewabilityChange","viewRef","visiblePercentThreshold","viewabilityRef","useRef","executor","useDeferredExecutor","window","useValidWindowDimensions","maybeMeasureRecursive","mapViewabilityDetailToViewability","detail","visiblePercent","isViewabilityEquals","a","b","dispatchViewabilityChanged","viewability","execute","onViewabilityDetailMeasured","nextViewability","current","maybeMeasure","measureViewability","view","windowWidth","width","windowHeight","height","useEffect","cancel"],"sources":["useViewabilityTracker.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useRef } from 'react';\nimport type { View } from 'react-native';\nimport { useValidWindowDimensions } from '@fountain-ui/core';\nimport { useDeferredExecutor } from '../hooks';\nimport type { ViewabilityDetail } from './measureViewability';\nimport measureViewability from './measureViewability';\nimport type Viewability from './Viewability';\n\nexport interface ViewabilityTrackerConfig {\n    enabled: boolean;\n    measurementIntervalMillis: number;\n    onViewabilityChange?: (viewability: Viewability) => void;\n    viewRef: RefObject<View>;\n    visiblePercentThreshold: number;\n}\n\nconst initialViewability: Readonly<Viewability> = { visible: false };\n\nexport default function useViewabilityTracker(config: ViewabilityTrackerConfig) {\n    const {\n        enabled,\n        measurementIntervalMillis,\n        onViewabilityChange,\n        viewRef,\n        visiblePercentThreshold,\n    } = config;\n\n    const viewabilityRef = useRef<Viewability>(initialViewability);\n\n    const executor = useDeferredExecutor();\n\n    const window = useValidWindowDimensions();\n\n    const maybeMeasureRecursive = () => {\n        if (!enabled) {\n            return;\n        }\n\n        const mapViewabilityDetailToViewability = (detail: ViewabilityDetail): Viewability => {\n            return { visible: detail.visiblePercent >= visiblePercentThreshold };\n        };\n\n        const isViewabilityEquals = (a: Viewability, b: Viewability): boolean => {\n            return a.visible === b.visible;\n        };\n\n        const dispatchViewabilityChanged = (viewability: Viewability) => {\n            executor.execute(() => onViewabilityChange?.(viewability));\n        };\n\n        const onViewabilityDetailMeasured = (detail: ViewabilityDetail) => {\n            const nextViewability = mapViewabilityDetailToViewability(detail);\n\n            if (!isViewabilityEquals(viewabilityRef.current, nextViewability)) {\n                viewabilityRef.current = nextViewability;\n\n                dispatchViewabilityChanged(nextViewability);\n            }\n\n            maybeMeasureRecursive();\n        };\n\n        const maybeMeasure = () => {\n            if (viewRef.current) {\n                measureViewability({\n                    view: viewRef.current,\n                    windowWidth: window.width,\n                    windowHeight: window.height,\n                    onViewabilityDetailMeasured,\n                });\n            }\n        };\n\n        executor.execute(maybeMeasure, measurementIntervalMillis);\n    };\n\n    useEffect(() => {\n        if (enabled) {\n            maybeMeasureRecursive();\n        } else {\n            executor.cancel();\n        }\n    }, [enabled]);\n};\n"],"mappings":";;;;;;;AACA;;AAEA;;AACA;;AAEA;;;;AAWA,MAAMA,kBAAyC,GAAG;EAAEC,OAAO,EAAE;AAAX,CAAlD;;AAEe,SAASC,qBAAT,CAA+BC,MAA/B,EAAiE;EAC5E,MAAM;IACFC,OADE;IAEFC,yBAFE;IAGFC,mBAHE;IAIFC,OAJE;IAKFC;EALE,IAMFL,MANJ;EAQA,MAAMM,cAAc,GAAG,IAAAC,aAAA,EAAoBV,kBAApB,CAAvB;EAEA,MAAMW,QAAQ,GAAG,IAAAC,0BAAA,GAAjB;EAEA,MAAMC,MAAM,GAAG,IAAAC,8BAAA,GAAf;;EAEA,MAAMC,qBAAqB,GAAG,MAAM;IAChC,IAAI,CAACX,OAAL,EAAc;MACV;IACH;;IAED,MAAMY,iCAAiC,GAAIC,MAAD,IAA4C;MAClF,OAAO;QAAEhB,OAAO,EAAEgB,MAAM,CAACC,cAAP,IAAyBV;MAApC,CAAP;IACH,CAFD;;IAIA,MAAMW,mBAAmB,GAAG,CAACC,CAAD,EAAiBC,CAAjB,KAA6C;MACrE,OAAOD,CAAC,CAACnB,OAAF,KAAcoB,CAAC,CAACpB,OAAvB;IACH,CAFD;;IAIA,MAAMqB,0BAA0B,GAAIC,WAAD,IAA8B;MAC7DZ,QAAQ,CAACa,OAAT,CAAiB,MAAMlB,mBAAN,aAAMA,mBAAN,uBAAMA,mBAAmB,CAAGiB,WAAH,CAA1C;IACH,CAFD;;IAIA,MAAME,2BAA2B,GAAIR,MAAD,IAA+B;MAC/D,MAAMS,eAAe,GAAGV,iCAAiC,CAACC,MAAD,CAAzD;;MAEA,IAAI,CAACE,mBAAmB,CAACV,cAAc,CAACkB,OAAhB,EAAyBD,eAAzB,CAAxB,EAAmE;QAC/DjB,cAAc,CAACkB,OAAf,GAAyBD,eAAzB;QAEAJ,0BAA0B,CAACI,eAAD,CAA1B;MACH;;MAEDX,qBAAqB;IACxB,CAVD;;IAYA,MAAMa,YAAY,GAAG,MAAM;MACvB,IAAIrB,OAAO,CAACoB,OAAZ,EAAqB;QACjB,IAAAE,2BAAA,EAAmB;UACfC,IAAI,EAAEvB,OAAO,CAACoB,OADC;UAEfI,WAAW,EAAElB,MAAM,CAACmB,KAFL;UAGfC,YAAY,EAAEpB,MAAM,CAACqB,MAHN;UAIfT;QAJe,CAAnB;MAMH;IACJ,CATD;;IAWAd,QAAQ,CAACa,OAAT,CAAiBI,YAAjB,EAA+BvB,yBAA/B;EACH,CAzCD;;EA2CA,IAAA8B,gBAAA,EAAU,MAAM;IACZ,IAAI/B,OAAJ,EAAa;MACTW,qBAAqB;IACxB,CAFD,MAEO;MACHJ,QAAQ,CAACyB,MAAT;IACH;EACJ,CAND,EAMG,CAAChC,OAAD,CANH;AAOH;;AAAA"}

package/build/commonjs/hooks/index.js

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "useDeferredExecutor", {
+  enumerable: true,
+  get: function () {
+    return _useDeferredExecutor.default;
+  }
+});
+Object.defineProperty(exports, "useIsMounted", {
+  enumerable: true,
+  get: function () {
+    return _useIsMounted.default;
+  }
+});
 Object.defineProperty(exports, "useUnstableCollapsibleAppBar", {
   enumerable: true,
   get: function () {
@@ -16,6 +28,10 @@ Object.defineProperty(exports, "useUnstableToggleDisplayStyle", {
   }
 });
 
+var _useDeferredExecutor = _interopRequireDefault(require("./useDeferredExecutor"));
+
+var _useIsMounted = _interopRequireDefault(require("./useIsMounted"));
+
 var _useUnstableCollapsibleAppBar = _interopRequireDefault(require("./useUnstableCollapsibleAppBar"));
 
 var _useUnstableToggleDisplayStyle = _interopRequireDefault(require("./useUnstableToggleDisplayStyle"));

package/build/commonjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as useUnstableCollapsibleAppBar } from './useUnstableCollapsibleAppBar';\nexport { default as useUnstableToggleDisplayStyle } from './useUnstableToggleDisplayStyle';\n\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as useDeferredExecutor } from './useDeferredExecutor';\nexport { default as useIsMounted } from './useIsMounted';\nexport { default as useUnstableCollapsibleAppBar } from './useUnstableCollapsibleAppBar';\nexport { default as useUnstableToggleDisplayStyle } from './useUnstableToggleDisplayStyle';\n\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA"}

package/build/commonjs/hooks/useDeferredExecutor.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useDeferredExecutor;
+
+var _react = require("react");
+
+var _useIsMounted = _interopRequireDefault(require("./useIsMounted"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function useDeferredExecutor() {
+  const isMounted = (0, _useIsMounted.default)();
+  const timeoutIdRef = (0, _react.useRef)(null);
+  const cancel = (0, _react.useCallback)(() => {
+    if (timeoutIdRef.current) {
+      clearTimeout(timeoutIdRef.current);
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    return cancel;
+  }, []);
+  const execute = (0, _react.useCallback)((runnable, delay) => {
+    if (!isMounted()) {
+      return;
+    }
+
+    cancel();
+
+    if (Number.isFinite(delay)) {
+      timeoutIdRef.current = setTimeout(() => runnable(), delay);
+    } else {
+      runnable();
+    }
+  }, []);
+  return {
+    cancel,
+    execute
+  };
+}
+
+;
+//# sourceMappingURL=useDeferredExecutor.js.map

package/build/commonjs/hooks/useDeferredExecutor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDeferredExecutor","isMounted","useIsMounted","timeoutIdRef","useRef","cancel","useCallback","current","clearTimeout","useEffect","execute","runnable","delay","Number","isFinite","setTimeout"],"sources":["useDeferredExecutor.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport useIsMounted from './useIsMounted';\n\nexport interface Runnable {\n    (): void;\n}\n\nexport interface DeferredExecute {\n    (runnable: Runnable, delay?: number): void;\n}\n\nexport interface DeferredExecutor {\n    cancel: () => void;\n    execute: DeferredExecute;\n}\n\nexport default function useDeferredExecutor(): DeferredExecutor {\n    const isMounted = useIsMounted();\n    const timeoutIdRef = useRef<NodeJS.Timer | null>(null);\n\n    const cancel = useCallback(() => {\n        if (timeoutIdRef.current) {\n            clearTimeout(timeoutIdRef.current);\n        }\n    }, []);\n\n    useEffect(() => {\n        return cancel;\n    }, []);\n\n    const execute = useCallback<DeferredExecute>((runnable, delay) => {\n        if (!isMounted()) {\n            return;\n        }\n\n        cancel();\n\n        if (Number.isFinite(delay)) {\n            timeoutIdRef.current = setTimeout(() => runnable(), delay);\n        } else {\n            runnable();\n        }\n    }, []);\n\n    return { cancel, execute };\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAee,SAASA,mBAAT,GAAiD;EAC5D,MAAMC,SAAS,GAAG,IAAAC,qBAAA,GAAlB;EACA,MAAMC,YAAY,GAAG,IAAAC,aAAA,EAA4B,IAA5B,CAArB;EAEA,MAAMC,MAAM,GAAG,IAAAC,kBAAA,EAAY,MAAM;IAC7B,IAAIH,YAAY,CAACI,OAAjB,EAA0B;MACtBC,YAAY,CAACL,YAAY,CAACI,OAAd,CAAZ;IACH;EACJ,CAJc,EAIZ,EAJY,CAAf;EAMA,IAAAE,gBAAA,EAAU,MAAM;IACZ,OAAOJ,MAAP;EACH,CAFD,EAEG,EAFH;EAIA,MAAMK,OAAO,GAAG,IAAAJ,kBAAA,EAA6B,CAACK,QAAD,EAAWC,KAAX,KAAqB;IAC9D,IAAI,CAACX,SAAS,EAAd,EAAkB;MACd;IACH;;IAEDI,MAAM;;IAEN,IAAIQ,MAAM,CAACC,QAAP,CAAgBF,KAAhB,CAAJ,EAA4B;MACxBT,YAAY,CAACI,OAAb,GAAuBQ,UAAU,CAAC,MAAMJ,QAAQ,EAAf,EAAmBC,KAAnB,CAAjC;IACH,CAFD,MAEO;MACHD,QAAQ;IACX;EACJ,CAZe,EAYb,EAZa,CAAhB;EAcA,OAAO;IAAEN,MAAF;IAAUK;EAAV,CAAP;AACH;;AAAA"}

package/build/commonjs/hooks/useIsMounted.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useIsMounted;
+
+var _react = require("react");
+
+function useIsMounted() {
+  const mountedRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  return (0, _react.useCallback)(() => mountedRef.current, []);
+}
+
+;
+//# sourceMappingURL=useIsMounted.js.map

package/build/commonjs/hooks/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useIsMounted","mountedRef","useRef","useEffect","current","useCallback"],"sources":["useIsMounted.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nexport interface UseIsMounted {\n    (): boolean;\n}\n\nexport default function useIsMounted(): UseIsMounted {\n    const mountedRef = useRef<boolean>(false);\n\n    useEffect(() => {\n        mountedRef.current = true;\n\n        return () => {\n            mountedRef.current = false;\n        };\n    }, []);\n\n    return useCallback(() => mountedRef.current, []);\n};\n"],"mappings":";;;;;;;AAAA;;AAMe,SAASA,YAAT,GAAsC;EACjD,MAAMC,UAAU,GAAG,IAAAC,aAAA,EAAgB,KAAhB,CAAnB;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACZF,UAAU,CAACG,OAAX,GAAqB,IAArB;IAEA,OAAO,MAAM;MACTH,UAAU,CAACG,OAAX,GAAqB,KAArB;IACH,CAFD;EAGH,CAND,EAMG,EANH;EAQA,OAAO,IAAAC,kBAAA,EAAY,MAAMJ,UAAU,CAACG,OAA7B,EAAsC,EAAtC,CAAP;AACH;;AAAA"}

package/build/commonjs/index.js

@@ -11,7 +11,8 @@ var _exportNames = {
   ViewPager: true,
   ComicViewer: true,
   StatusBarProvider: true,
-  useStatusBarContext: true
+  useStatusBarContext: true,
+  ViewabilityTrackerView: true
 };
 Object.defineProperty(exports, "BottomSheet", {
   enumerable: true,
@@ -55,6 +56,12 @@ Object.defineProperty(exports, "ViewPager", {
     return _ViewPager.default;
   }
 });
+Object.defineProperty(exports, "ViewabilityTrackerView", {
+  enumerable: true,
+  get: function () {
+    return _ViewabilityTrackerView.default;
+  }
+});
 Object.defineProperty(exports, "useStatusBarContext", {
   enumerable: true,
   get: function () {
@@ -160,6 +167,20 @@ Object.keys(_StatusBarProvider).forEach(function (key) {
   });
 });
 
+var _ViewabilityTrackerView = _interopRequireWildcard(require("./ViewabilityTrackerView"));
+
+Object.keys(_ViewabilityTrackerView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ViewabilityTrackerView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ViewabilityTrackerView[key];
+    }
+  });
+});
+
 var _hooks = require("./hooks");
 
 Object.keys(_hooks).forEach(function (key) {

package/build/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as BottomSheet } from './BottomSheet';\nexport * from './BottomSheet';\n\nexport { default as Carousel } from './Carousel';\nexport * from './Carousel';\n\nexport { default as DateTimePicker } from './DateTimePicker';\nexport * from './DateTimePicker';\n\nexport { default as FlipCard } from './FlipCard';\nexport * from './FlipCard';\n\nexport { default as ViewPager } from './ViewPager';\nexport * from './ViewPager';\n\nexport { default as ComicViewer } from './ComicViewer';\nexport * from './ComicViewer';\n\nexport { default as StatusBarProvider, useStatusBarContext } from './StatusBarProvider';\nexport * from './StatusBarProvider';\n\nexport * from './hooks';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as BottomSheet } from './BottomSheet';\nexport * from './BottomSheet';\n\nexport { default as Carousel } from './Carousel';\nexport * from './Carousel';\n\nexport { default as DateTimePicker } from './DateTimePicker';\nexport * from './DateTimePicker';\n\nexport { default as FlipCard } from './FlipCard';\nexport * from './FlipCard';\n\nexport { default as ViewPager } from './ViewPager';\nexport * from './ViewPager';\n\nexport { default as ComicViewer } from './ComicViewer';\nexport * from './ComicViewer';\n\nexport { default as StatusBarProvider, useStatusBarContext } from './StatusBarProvider';\nexport * from './StatusBarProvider';\n\nexport { default as ViewabilityTrackerView } from './ViewabilityTrackerView';\nexport * from './ViewabilityTrackerView';\n\nexport * from './hooks';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/module/Carousel/Carousel.js

@@ -0,0 +1,115 @@
+import React, { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
+import { Animated } from 'react-native';
+import ViewabilityTrackerView from '../ViewabilityTrackerView';
+import { useAutoplayController, useDimensionChangeReaction, useIndexController, useItemVisibilityStore, useLoopedData, usePagingAnimation } from './hooks';
+import { createDefaultItemStyle, createDefaultScrollAnimation } from './animation';
+import { InternalContext, RootView, ScrollViewGesture } from './components';
+const Carousel = /*#__PURE__*/forwardRef(function Carousel(props, ref) {
+  const {
+    autoplay = false,
+    autoplayInterval = 3000,
+    createItemStyle = createDefaultItemStyle,
+    createScrollAnimation = createDefaultScrollAnimation,
+    data: originalData,
+    disableSmartAutoplay = false,
+    initialIndex = 0,
+    itemHeight,
+    itemWidth,
+    loop = false,
+    onIndexChange,
+    renderItem,
+    scrollEnabled = true,
+    style,
+    windowSize = 5
+  } = props;
+  const data = useLoopedData(originalData, loop);
+  const initialTx = itemWidth * initialIndex;
+  const controlledTx = useRef(new Animated.Value(initialTx)).current;
+  const offsetTx = useRef(new Animated.Value(0)).current;
+  const {
+    currentIndex,
+    getCurrentIndex,
+    lastIndex,
+    monitorElement
+  } = useIndexController({
+    controlledTx,
+    initialIndex,
+    itemWidth,
+    numberOfOriginalData: originalData.length,
+    onIndexChange
+  });
+  const itemVisibilityStore = useItemVisibilityStore({
+    currentIndex,
+    numberOfData: data.length,
+    windowSize
+  });
+  const {
+    finalizeAnimation,
+    globalInterpolation,
+    startAnimation
+  } = usePagingAnimation({
+    controlledTx,
+    createScrollAnimation,
+    getCurrentIndex,
+    itemWidth,
+    lastIndex,
+    loop,
+    numberOfData: data.length,
+    offsetTx
+  });
+  const autoplayController = useAutoplayController({
+    enabled: autoplay,
+    intervalMillis: autoplayInterval,
+    startPagingAnimation: startAnimation
+  });
+  useDimensionChangeReaction({
+    controlledTx,
+    currentIndex,
+    itemWidth
+  });
+  useImperativeHandle(ref, () => ({
+    next: () => startAnimation('next'),
+    prev: () => startAnimation('prev'),
+    getCurrentIndex
+  }), [startAnimation, getCurrentIndex]);
+  const contextValue = useMemo(() => ({
+    createItemStyle,
+    data,
+    globalInterpolation,
+    itemHeight,
+    itemWidth,
+    itemVisibilityStore,
+    loop
+  }), [createItemStyle, data, globalInterpolation, itemHeight, itemWidth, itemVisibilityStore, loop]);
+  return /*#__PURE__*/React.createElement(InternalContext.Provider, {
+    value: contextValue
+  }, monitorElement, /*#__PURE__*/React.createElement(ViewabilityTrackerView, {
+    enabled: autoplay && !disableSmartAutoplay,
+    measurementIntervalMillis: Math.max(3000, autoplayInterval),
+    onViewabilityChange: _ref => {
+      let {
+        visible
+      } = _ref;
+
+      if (visible) {
+        autoplayController.resume();
+      } else {
+        autoplayController.pause();
+      }
+    }
+  }, /*#__PURE__*/React.createElement(ScrollViewGesture, {
+    autoplayController: autoplayController,
+    finalizeAnimation: finalizeAnimation,
+    offsetTx: offsetTx,
+    scrollEnabled: scrollEnabled,
+    startAnimation: startAnimation
+  }, /*#__PURE__*/React.createElement(RootView, {
+    data: data,
+    itemHeight: itemHeight,
+    originalData: originalData,
+    renderItem: renderItem,
+    style: style
+  }))));
+});
+export default /*#__PURE__*/memo(Carousel);
+//# sourceMappingURL=Carousel.js.map

package/build/module/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","memo","useImperativeHandle","useMemo","useRef","Animated","ViewabilityTrackerView","useAutoplayController","useDimensionChangeReaction","useIndexController","useItemVisibilityStore","useLoopedData","usePagingAnimation","createDefaultItemStyle","createDefaultScrollAnimation","InternalContext","RootView","ScrollViewGesture","Carousel","props","ref","autoplay","autoplayInterval","createItemStyle","createScrollAnimation","data","originalData","disableSmartAutoplay","initialIndex","itemHeight","itemWidth","loop","onIndexChange","renderItem","scrollEnabled","style","windowSize","initialTx","controlledTx","Value","current","offsetTx","currentIndex","getCurrentIndex","lastIndex","monitorElement","numberOfOriginalData","length","itemVisibilityStore","numberOfData","finalizeAnimation","globalInterpolation","startAnimation","autoplayController","enabled","intervalMillis","startPagingAnimation","next","prev","contextValue","Math","max","visible","resume","pause"],"sources":["Carousel.tsx"],"sourcesContent":["import React, { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';\nimport { Animated } from 'react-native';\nimport ViewabilityTrackerView from '../ViewabilityTrackerView';\nimport type CarouselProps from './CarouselProps';\nimport type { CarouselInstance } from './types';\nimport {\n    useAutoplayController,\n    useDimensionChangeReaction,\n    useIndexController,\n    useItemVisibilityStore,\n    useLoopedData,\n    usePagingAnimation,\n} from './hooks';\nimport { createDefaultItemStyle, createDefaultScrollAnimation } from './animation';\nimport { InternalContext, RootView, ScrollViewGesture } from './components';\n\nconst Carousel = forwardRef<CarouselInstance, CarouselProps>(function Carousel(props, ref) {\n    const {\n        autoplay = false,\n        autoplayInterval = 3000,\n        createItemStyle = createDefaultItemStyle,\n        createScrollAnimation = createDefaultScrollAnimation,\n        data: originalData,\n        disableSmartAutoplay = false,\n        initialIndex = 0,\n        itemHeight,\n        itemWidth,\n        loop = false,\n        onIndexChange,\n        renderItem,\n        scrollEnabled = true,\n        style,\n        windowSize = 5,\n    } = props;\n\n    const data = useLoopedData(originalData, loop);\n\n    const initialTx = itemWidth * initialIndex;\n    const controlledTx = useRef(new Animated.Value(initialTx)).current;\n    const offsetTx = useRef(new Animated.Value(0)).current;\n\n    const {\n        currentIndex,\n        getCurrentIndex,\n        lastIndex,\n        monitorElement,\n    } = useIndexController({\n        controlledTx,\n        initialIndex,\n        itemWidth,\n        numberOfOriginalData: originalData.length,\n        onIndexChange,\n    });\n\n    const itemVisibilityStore = useItemVisibilityStore({\n        currentIndex,\n        numberOfData: data.length,\n        windowSize,\n    });\n\n    const {\n        finalizeAnimation,\n        globalInterpolation,\n        startAnimation,\n    } = usePagingAnimation({\n        controlledTx,\n        createScrollAnimation,\n        getCurrentIndex,\n        itemWidth,\n        lastIndex,\n        loop,\n        numberOfData: data.length,\n        offsetTx,\n    });\n\n    const autoplayController = useAutoplayController({\n        enabled: autoplay,\n        intervalMillis: autoplayInterval,\n        startPagingAnimation: startAnimation,\n    });\n\n    useDimensionChangeReaction({\n        controlledTx,\n        currentIndex,\n        itemWidth,\n    });\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            next: () => startAnimation('next'),\n            prev: () => startAnimation('prev'),\n            getCurrentIndex,\n        }),\n        [startAnimation, getCurrentIndex],\n    );\n\n    const contextValue = useMemo(() => ({\n        createItemStyle,\n        data,\n        globalInterpolation,\n        itemHeight,\n        itemWidth,\n        itemVisibilityStore,\n        loop,\n    }), [\n        createItemStyle,\n        data,\n        globalInterpolation,\n        itemHeight,\n        itemWidth,\n        itemVisibilityStore,\n        loop,\n    ]);\n\n    return (\n        <InternalContext.Provider value={contextValue}>\n            {monitorElement}\n\n            <ViewabilityTrackerView\n                enabled={autoplay && !disableSmartAutoplay}\n                measurementIntervalMillis={Math.max(3000, autoplayInterval)}\n                onViewabilityChange={({ visible }) => {\n                    if (visible) {\n                        autoplayController.resume();\n                    } else {\n                        autoplayController.pause();\n                    }\n                }}\n            >\n                <ScrollViewGesture\n                    autoplayController={autoplayController}\n                    finalizeAnimation={finalizeAnimation}\n                    offsetTx={offsetTx}\n                    scrollEnabled={scrollEnabled}\n                    startAnimation={startAnimation}\n                >\n                    <RootView\n                        data={data}\n                        itemHeight={itemHeight}\n                        originalData={originalData}\n                        renderItem={renderItem}\n                        style={style}\n                    />\n                </ScrollViewGesture>\n            </ViewabilityTrackerView>\n        </InternalContext.Provider>\n    );\n});\n\nexport default memo(Carousel);\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,IAA5B,EAAkCC,mBAAlC,EAAuDC,OAAvD,EAAgEC,MAAhE,QAA8E,OAA9E;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,sBAAP,MAAmC,2BAAnC;AAGA,SACIC,qBADJ,EAEIC,0BAFJ,EAGIC,kBAHJ,EAIIC,sBAJJ,EAKIC,aALJ,EAMIC,kBANJ,QAOO,SAPP;AAQA,SAASC,sBAAT,EAAiCC,4BAAjC,QAAqE,aAArE;AACA,SAASC,eAAT,EAA0BC,QAA1B,EAAoCC,iBAApC,QAA6D,cAA7D;AAEA,MAAMC,QAAQ,gBAAGlB,UAAU,CAAkC,SAASkB,QAAT,CAAkBC,KAAlB,EAAyBC,GAAzB,EAA8B;EACvF,MAAM;IACFC,QAAQ,GAAG,KADT;IAEFC,gBAAgB,GAAG,IAFjB;IAGFC,eAAe,GAAGV,sBAHhB;IAIFW,qBAAqB,GAAGV,4BAJtB;IAKFW,IAAI,EAAEC,YALJ;IAMFC,oBAAoB,GAAG,KANrB;IAOFC,YAAY,GAAG,CAPb;IAQFC,UARE;IASFC,SATE;IAUFC,IAAI,GAAG,KAVL;IAWFC,aAXE;IAYFC,UAZE;IAaFC,aAAa,GAAG,IAbd;IAcFC,KAdE;IAeFC,UAAU,GAAG;EAfX,IAgBFjB,KAhBJ;EAkBA,MAAMM,IAAI,GAAGd,aAAa,CAACe,YAAD,EAAeK,IAAf,CAA1B;EAEA,MAAMM,SAAS,GAAGP,SAAS,GAAGF,YAA9B;EACA,MAAMU,YAAY,GAAGlC,MAAM,CAAC,IAAIC,QAAQ,CAACkC,KAAb,CAAmBF,SAAnB,CAAD,CAAN,CAAsCG,OAA3D;EACA,MAAMC,QAAQ,GAAGrC,MAAM,CAAC,IAAIC,QAAQ,CAACkC,KAAb,CAAmB,CAAnB,CAAD,CAAN,CAA8BC,OAA/C;EAEA,MAAM;IACFE,YADE;IAEFC,eAFE;IAGFC,SAHE;IAIFC;EAJE,IAKFpC,kBAAkB,CAAC;IACnB6B,YADmB;IAEnBV,YAFmB;IAGnBE,SAHmB;IAInBgB,oBAAoB,EAAEpB,YAAY,CAACqB,MAJhB;IAKnBf;EALmB,CAAD,CALtB;EAaA,MAAMgB,mBAAmB,GAAGtC,sBAAsB,CAAC;IAC/CgC,YAD+C;IAE/CO,YAAY,EAAExB,IAAI,CAACsB,MAF4B;IAG/CX;EAH+C,CAAD,CAAlD;EAMA,MAAM;IACFc,iBADE;IAEFC,mBAFE;IAGFC;EAHE,IAIFxC,kBAAkB,CAAC;IACnB0B,YADmB;IAEnBd,qBAFmB;IAGnBmB,eAHmB;IAInBb,SAJmB;IAKnBc,SALmB;IAMnBb,IANmB;IAOnBkB,YAAY,EAAExB,IAAI,CAACsB,MAPA;IAQnBN;EARmB,CAAD,CAJtB;EAeA,MAAMY,kBAAkB,GAAG9C,qBAAqB,CAAC;IAC7C+C,OAAO,EAAEjC,QADoC;IAE7CkC,cAAc,EAAEjC,gBAF6B;IAG7CkC,oBAAoB,EAAEJ;EAHuB,CAAD,CAAhD;EAMA5C,0BAA0B,CAAC;IACvB8B,YADuB;IAEvBI,YAFuB;IAGvBZ;EAHuB,CAAD,CAA1B;EAMA5B,mBAAmB,CACfkB,GADe,EAEf,OAAO;IACHqC,IAAI,EAAE,MAAML,cAAc,CAAC,MAAD,CADvB;IAEHM,IAAI,EAAE,MAAMN,cAAc,CAAC,MAAD,CAFvB;IAGHT;EAHG,CAAP,CAFe,EAOf,CAACS,cAAD,EAAiBT,eAAjB,CAPe,CAAnB;EAUA,MAAMgB,YAAY,GAAGxD,OAAO,CAAC,OAAO;IAChCoB,eADgC;IAEhCE,IAFgC;IAGhC0B,mBAHgC;IAIhCtB,UAJgC;IAKhCC,SALgC;IAMhCkB,mBANgC;IAOhCjB;EAPgC,CAAP,CAAD,EAQxB,CACAR,eADA,EAEAE,IAFA,EAGA0B,mBAHA,EAIAtB,UAJA,EAKAC,SALA,EAMAkB,mBANA,EAOAjB,IAPA,CARwB,CAA5B;EAkBA,oBACI,oBAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAE4B;EAAjC,GACKd,cADL,eAGI,oBAAC,sBAAD;IACI,OAAO,EAAExB,QAAQ,IAAI,CAACM,oBAD1B;IAEI,yBAAyB,EAAEiC,IAAI,CAACC,GAAL,CAAS,IAAT,EAAevC,gBAAf,CAF/B;IAGI,mBAAmB,EAAE,QAAiB;MAAA,IAAhB;QAAEwC;MAAF,CAAgB;;MAClC,IAAIA,OAAJ,EAAa;QACTT,kBAAkB,CAACU,MAAnB;MACH,CAFD,MAEO;QACHV,kBAAkB,CAACW,KAAnB;MACH;IACJ;EATL,gBAWI,oBAAC,iBAAD;IACI,kBAAkB,EAAEX,kBADxB;IAEI,iBAAiB,EAAEH,iBAFvB;IAGI,QAAQ,EAAET,QAHd;IAII,aAAa,EAAEP,aAJnB;IAKI,cAAc,EAAEkB;EALpB,gBAOI,oBAAC,QAAD;IACI,IAAI,EAAE3B,IADV;IAEI,UAAU,EAAEI,UAFhB;IAGI,YAAY,EAAEH,YAHlB;IAII,UAAU,EAAEO,UAJhB;IAKI,KAAK,EAAEE;EALX,EAPJ,CAXJ,CAHJ,CADJ;AAiCH,CApI0B,CAA3B;AAsIA,4BAAelC,IAAI,CAACiB,QAAD,CAAnB"}

package/build/module/Carousel/CarouselProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["CarouselProps.ts"],"sourcesContent":["import React, { RefObject } from 'react';\nimport type { ListRenderItemInfo } from 'react-native';\nimport type { ComponentProps } from '@fountain-ui/core';\n\nexport default interface CarouselProps<ItemT = any> extends ComponentProps<{\n    /**\n     * If `true`, enable autoplay.\n     * @default false\n     */\n    autoplay?: boolean;\n\n    /**\n     * Delay in ms until navigating to the next item.\n     * @default 3000\n     */\n    autoplayInterval?: number;\n\n    /**\n     * Padding for center slide. If specified, `slidesToScroll` and `slidesToShow` set to 1.\n     */\n    centerSlidePadding?: number;\n\n    /**\n     * Delay in ms until navigating to the next item.\n     */\n    data: ReadonlyArray<ItemT>;\n\n    /**\n     * Value of the opacity effect applied to inactive slides.\n     * @default 0.7\n     */\n    inactiveSlideOpacity?: number;\n\n    /**\n     * Value of the 'scale' transform applied to inactive slides.\n     * @default 0.9\n     */\n    inactiveSlideScale?: number;\n\n    /**\n     * Web only. Value of the 'scale' transform applied to a active slide.\n     * @default 0.990\n     */\n    activeSlideScale?: number;\n\n    /**\n     * A number representing the index of the active slide.\n     */\n    index: number;\n\n    /**\n     * Enable infinite loop mode.\n     * @default false\n     */\n    infinite?: boolean;\n\n    /**\n     * Callback fired when an index is changed.\n     */\n    onChange?: (newIndex: number) => void;\n\n    /**\n     * Takes an item from data and renders it into the list.\n     */\n    renderItem: (info: Omit<ListRenderItemInfo<ItemT>, 'separators'>) => React.ReactElement | null;\n\n    /**\n     * Web only. Number of slides to scroll at once.\n     * @default 1\n     */\n    slidesToScroll?: number;\n\n    /**\n     * Web only. Number of slides to display.\n     * @default 1\n     */\n    slidesToShow?: number;\n\n    /**\n     * Web only. Enable items to display at the center.\n     * @default true\n     */\n    centerMode?: boolean;\n\n    /**\n     * Web only. Enable arrows to display.\n     * @default true\n     */\n    arrows?: boolean;\n\n    /**\n     * Web only. Style of arrows\n     * @default true\n     */\n    arrowsStyle?: object;\n\n    /**\n     * Web only. Style of track\n     * @default object\n     */\n    trackStyle?: object;\n\n    /**\n     * Only web. Refer slick object\n     */\n    ref?: RefObject<any>;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["CarouselProps.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport type { ComponentProps } from '@fountain-ui/core';\nimport type { CarouselInstance, CreateItemStyle, CreateScrollAnimation, RenderItem } from './types';\n\nexport default interface CarouselProps<ItemT = any> extends ComponentProps<{\n    ref?: RefObject<CarouselInstance>;\n\n    /**\n     * If `true`, enable autoplay.\n     * @default false\n     */\n    autoplay?: boolean;\n\n    /**\n     * Delay in ms until navigating to the next item.\n     * @default 3000\n     */\n    autoplayInterval?: number;\n\n    /**\n     * The item style creator function.\n     * @default createDefaultItemStyle\n     */\n    createItemStyle?: CreateItemStyle;\n\n    /**\n     * The scroll animation creator function.\n     * @default createDefaultScrollAnimation\n     */\n    createScrollAnimation?: CreateScrollAnimation;\n\n    /**\n     * Data for render items.\n     */\n    data: ReadonlyArray<ItemT>;\n\n    /**\n     * If `true`, carousel will detect its own viewability and control autoplay automatically.\n     * @default false\n     */\n    disableSmartAutoplay?: boolean;\n\n    /**\n     * Index of initial item that should be selected.\n     * @default 0\n     */\n    initialIndex?: number;\n\n    /**\n     * The item width.\n     */\n    itemHeight: number;\n\n    /**\n     * The item width.\n     */\n    itemWidth: number;\n\n    /**\n     * Enable infinite loop mode.\n     * @default false\n     */\n    loop?: boolean;\n\n    /**\n     * Callback fired when an index is changed.\n     */\n    onIndexChange?: (newIndex: number) => void;\n\n    /**\n     * Takes an item from data and renders it into the list.\n     */\n    renderItem: RenderItem<ItemT>;\n\n    /**\n     * Whether to enable scroll gesture.\n     * @default true\n     */\n    scrollEnabled?: boolean;\n\n    /**\n     * The maximum number of items that can respond to pan gesture events.\n     * Due to the nature of the `active` item, it accepts only odd number. (e.g. 1, 3, 5...)\n     * 0 means all items will respond to pan gesture events.\n     * @default 5\n     */\n    windowSize?: number;\n}> {}\n"],"mappings":""}

package/build/module/Carousel/animation/animationUtils.js

@@ -0,0 +1,2 @@
+export const itemInterpolationInputRange = [-1, 0, 1];
+//# sourceMappingURL=animationUtils.js.map

package/build/module/Carousel/animation/animationUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["itemInterpolationInputRange"],"sources":["animationUtils.ts"],"sourcesContent":["export const itemInterpolationInputRange = [-1, 0, 1];\n"],"mappings":"AAAA,OAAO,MAAMA,2BAA2B,GAAG,CAAC,CAAC,CAAF,EAAK,CAAL,EAAQ,CAAR,CAApC"}

package/build/module/Carousel/animation/createDefaultItemStyle.js

@@ -0,0 +1,3 @@
+import normalItemStyleFactory from './normalItemStyleFactory';
+export default normalItemStyleFactory();
+//# sourceMappingURL=createDefaultItemStyle.js.map

package/build/module/Carousel/animation/createDefaultItemStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["normalItemStyleFactory"],"sources":["createDefaultItemStyle.ts"],"sourcesContent":["import normalItemStyleFactory from './normalItemStyleFactory';\n\nexport default normalItemStyleFactory();\n"],"mappings":"AAAA,OAAOA,sBAAP,MAAmC,0BAAnC;AAEA,eAAeA,sBAAsB,EAArC"}

package/build/module/Carousel/animation/createDefaultScrollAnimation.js

@@ -0,0 +1,11 @@
+import { Animated, Easing } from 'react-native';
+export default function createDefaultScrollAnimation(animatedValue, toValue) {
+  return Animated.timing(animatedValue, {
+    toValue: toValue,
+    duration: 350,
+    easing: Easing.bezier(0.25, 1, 0.5, 1),
+    useNativeDriver: true
+  });
+}
+;
+//# sourceMappingURL=createDefaultScrollAnimation.js.map

package/build/module/Carousel/animation/createDefaultScrollAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Easing","createDefaultScrollAnimation","animatedValue","toValue","timing","duration","easing","bezier","useNativeDriver"],"sources":["createDefaultScrollAnimation.ts"],"sourcesContent":["import { Animated, Easing } from 'react-native';\n\nexport default function createDefaultScrollAnimation(\n    animatedValue: Animated.Value,\n    toValue: number,\n): Animated.CompositeAnimation {\n    return Animated.timing(animatedValue, {\n        toValue: toValue,\n        duration: 350,\n        easing: Easing.bezier(0.25, 1, 0.5, 1),\n        useNativeDriver: true,\n    });\n};\n"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,MAAnB,QAAiC,cAAjC;AAEA,eAAe,SAASC,4BAAT,CACXC,aADW,EAEXC,OAFW,EAGgB;EAC3B,OAAOJ,QAAQ,CAACK,MAAT,CAAgBF,aAAhB,EAA+B;IAClCC,OAAO,EAAEA,OADyB;IAElCE,QAAQ,EAAE,GAFwB;IAGlCC,MAAM,EAAEN,MAAM,CAACO,MAAP,CAAc,IAAd,EAAoB,CAApB,EAAuB,GAAvB,EAA4B,CAA5B,CAH0B;IAIlCC,eAAe,EAAE;EAJiB,CAA/B,CAAP;AAMH;AAAA"}

package/build/module/Carousel/animation/index.js

@@ -0,0 +1,5 @@
+export { default as createDefaultItemStyle } from './createDefaultItemStyle';
+export { default as createDefaultScrollAnimation } from './createDefaultScrollAnimation';
+export { default as normalItemStyleFactory } from './normalItemStyleFactory';
+export { default as parallaxItemStyleFactory } from './parallaxItemStyleFactory';
+//# sourceMappingURL=index.js.map