react-native-terra-ui 0.1.0

package/lib/module/components/page-indicator/hooks/use-page-indicator-progress.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import { useEffect, useMemo } from 'react';
+import { cancelAnimation, Easing, useSharedValue, withTiming } from 'react-native-reanimated';
+import { PAGE_INDICATOR_SINGLE_PAGE_DURATION, pageIndicatorPageJumpDistance, pageIndicatorPageJumpDuration } from "../utils.js";
+function clampPageIndex(page, count) {
+  if (count <= 0) return 0;
+  return Math.min(Math.max(page, 0), count - 1);
+}
+/**
+ * Returns scroll-linked `progress` when provided; otherwise owns a shared value
+ * that animates toward the discrete page index.
+ *
+ * Single-step pill changes animate `progress` continuously. Multi-step pill
+ * jumps cross-fade only the source and target dots — intermediates stay idle.
+ */
+export function usePageIndicatorProgress(count, progress, page, variant = 'pill', duration = PAGE_INDICATOR_SINGLE_PAGE_DURATION) {
+  const internalProgress = useSharedValue(page !== undefined ? clampPageIndex(page, count) : 0);
+  const pillJumpActive = useSharedValue(false);
+  const pillJumpFrom = useSharedValue(0);
+  const pillJumpTo = useSharedValue(0);
+  const pillJumpT = useSharedValue(0);
+  const pillJump = useMemo(() => ({
+    active: pillJumpActive,
+    from: pillJumpFrom,
+    to: pillJumpTo,
+    t: pillJumpT
+  }), [pillJumpActive, pillJumpFrom, pillJumpTo, pillJumpT]);
+  useEffect(() => {
+    if (page === undefined) return;
+    const target = clampPageIndex(page, count);
+    const from = internalProgress.value;
+    const distance = pageIndicatorPageJumpDistance(from, target);
+    if (distance === 0) return;
+    cancelAnimation(internalProgress);
+    cancelAnimation(pillJumpT);
+    pillJumpActive.value = false;
+    if (variant === 'pill' && distance > 1) {
+      const jumpDuration = pageIndicatorPageJumpDuration(from, target);
+      internalProgress.value = from;
+      pillJumpFrom.value = from;
+      pillJumpTo.value = target;
+      pillJumpActive.value = true;
+      pillJumpT.value = 0;
+      pillJumpT.value = withTiming(1, {
+        duration: jumpDuration,
+        easing: Easing.bezier(0.33, 0, 0.15, 1)
+      }, finished => {
+        'worklet';
+
+        if (finished) {
+          internalProgress.value = target;
+          pillJumpActive.value = false;
+        }
+      });
+      return;
+    }
+    internalProgress.value = withTiming(target, {
+      duration: variant === 'dot' ? duration : pageIndicatorPageJumpDuration(from, target),
+      easing: Easing.bezier(0.33, 0, 0.15, 1)
+    });
+  }, [count, duration, internalProgress, page, pillJumpActive, pillJumpFrom, pillJumpT, pillJumpTo, variant]);
+  return {
+    progress: progress ?? internalProgress,
+    pillJump
+  };
+}
+//# sourceMappingURL=use-page-indicator-progress.js.map

package/lib/module/components/page-indicator/hooks/use-page-indicator-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","cancelAnimation","Easing","useSharedValue","withTiming","PAGE_INDICATOR_SINGLE_PAGE_DURATION","pageIndicatorPageJumpDistance","pageIndicatorPageJumpDuration","clampPageIndex","page","count","Math","min","max","usePageIndicatorProgress","progress","variant","duration","internalProgress","undefined","pillJumpActive","pillJumpFrom","pillJumpTo","pillJumpT","pillJump","active","from","to","t","target","value","distance","jumpDuration","easing","bezier","finished"],"sourceRoot":"../../../../../src","sources":["components/page-indicator/hooks/use-page-indicator-progress.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/page-indicator/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { DotIndicator, PageIndicator, PillIndicator } from "./PageIndicator.js";
+export { DEFAULT_PAGE_INDICATOR_MAX_VISIBLE, PAGE_INDICATOR_SINGLE_PAGE_DURATION } from "./utils.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/page-indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DotIndicator","PageIndicator","PillIndicator","DEFAULT_PAGE_INDICATOR_MAX_VISIBLE","PAGE_INDICATOR_SINGLE_PAGE_DURATION"],"sourceRoot":"../../../../src","sources":["components/page-indicator/index.ts"],"mappings":";;AAQA,SAASA,YAAY,EAAEC,aAAa,EAAEC,aAAa,QAAQ,oBAAiB;AAC5E,SACEC,kCAAkC,EAClCC,mCAAmC,QAC9B,YAAS","ignoreList":[]}

package/lib/module/components/page-indicator/utils.js

@@ -0,0 +1,127 @@
+"use strict";
+
+/** Duration for a single-page `current` transition. */
+export const PAGE_INDICATOR_SINGLE_PAGE_DURATION = 600;
+
+/** Extra duration per additional page when jumping more than one step. */
+export const PAGE_INDICATOR_MULTI_PAGE_DURATION_STEP = 100;
+
+/** Upper bound for multi-page `current` transitions. */
+export const PAGE_INDICATOR_MULTI_PAGE_DURATION_MAX = 600;
+
+/** Default max dots visible before scrolling and edge scaling kick in. */
+export const DEFAULT_PAGE_INDICATOR_MAX_VISIBLE = 5;
+const EDGE_OUTWARD_SCALE = [1, 0.9, 0.9, 0.65, 0.5];
+const CENTERED_SCALE = [1, 0.9, 0.65, 0.5];
+const WINDOW_TAIL_SCALE = 0.5;
+
+/** Absolute page delta between two indices. */
+export function pageIndicatorPageJumpDistance(from, to) {
+  return Math.abs(to - from);
+}
+
+/**
+ * Scales transition time for discrete `current` changes. Single-step jumps stay
+ * snappy; longer jumps get more time (capped) so the pill does not blur
+ * through intermediate dots.
+ */
+export function pageIndicatorPageJumpDuration(from, to) {
+  const distance = pageIndicatorPageJumpDistance(from, to);
+  if (distance <= 1) return PAGE_INDICATOR_SINGLE_PAGE_DURATION;
+  return Math.min(PAGE_INDICATOR_SINGLE_PAGE_DURATION + PAGE_INDICATOR_MULTI_PAGE_DURATION_STEP * (distance - 1), PAGE_INDICATOR_MULTI_PAGE_DURATION_MAX);
+}
+export function isPageIndicatorSharedValue(value) {
+  return typeof value === 'object' && value !== null && 'value' in value;
+}
+
+/** Transform style for overflow track scrolling along the main axis. */
+export function pageIndicatorAxisTranslateStyle(vertical, translate) {
+  'worklet';
+
+  return {
+    transform: vertical ? [{
+      translateY: translate
+    }] : [{
+      translateX: translate
+    }]
+  };
+}
+
+/** Clips an overflowing track to the visible viewport along the main axis. */
+export function pageIndicatorViewportClipStyle(vertical, viewportMainSize, crossSize) {
+  if (vertical) {
+    return {
+      height: viewportMainSize,
+      ...(crossSize !== undefined ? {
+        width: crossSize
+      } : {}),
+      overflow: 'hidden'
+    };
+  }
+  return {
+    width: viewportMainSize,
+    ...(crossSize !== undefined ? {
+      height: crossSize
+    } : {}),
+    overflow: 'hidden'
+  };
+}
+function scaleCurveValue(curve, distance, tailScale) {
+  'worklet';
+
+  if (distance < curve.length) return curve[distance] ?? tailScale;
+  return tailScale;
+}
+
+/** Scale for a slot inside the window given the active slot. */
+export function pageIndicatorWindowSlotScale(positionInWindow, activeSlot, maxVisible) {
+  'worklet';
+
+  if (positionInWindow === activeSlot) return 1;
+  const dist = Math.abs(positionInWindow - activeSlot);
+  if (activeSlot === 0 || activeSlot === maxVisible - 1) {
+    return scaleCurveValue(EDGE_OUTWARD_SCALE, dist, WINDOW_TAIL_SCALE);
+  }
+  const centerSlot = Math.floor((maxVisible - 1) / 2);
+  if (activeSlot === centerSlot) {
+    return scaleCurveValue(CENTERED_SCALE, dist, WINDOW_TAIL_SCALE);
+  }
+  if (positionInWindow < activeSlot) {
+    if (activeSlot <= 1) {
+      return scaleCurveValue(EDGE_OUTWARD_SCALE, dist, WINDOW_TAIL_SCALE);
+    }
+    return scaleCurveValue(CENTERED_SCALE, dist, WINDOW_TAIL_SCALE);
+  }
+  if (activeSlot >= maxVisible - 2) {
+    return scaleCurveValue(EDGE_OUTWARD_SCALE, dist, WINDOW_TAIL_SCALE);
+  }
+  return scaleCurveValue(CENTERED_SCALE, dist, WINDOW_TAIL_SCALE);
+}
+export function pageIndicatorTrackMainSize(count, slot, dotSize, activeMainSize = dotSize) {
+  return Math.max(dotSize, (count - 1) * slot + activeMainSize);
+}
+export function pageIndicatorViewportMainSize(count, slot, dotSize, maxVisible, activeMainSize = dotSize) {
+  const visible = Math.min(count, maxVisible);
+  return Math.max(dotSize, (visible - 1) * slot + activeMainSize);
+}
+export function computePageIndicatorWindowTranslate(count, progress, slot, dotSize, maxVisible, activeMainSize = dotSize) {
+  'worklet';
+
+  if (count <= maxVisible) return 0;
+  const viewportMainSize = Math.max(dotSize, (maxVisible - 1) * slot + activeMainSize);
+  const trackMainSize = Math.max(dotSize, (count - 1) * slot + activeMainSize);
+  const activeCenter = progress * slot + activeMainSize / 2;
+  const offset = Math.min(Math.max(activeCenter - viewportMainSize / 2, 0), trackMainSize - viewportMainSize);
+  return -offset;
+}
+export function pageIndicatorWindowScale(index, displayProgress, count, slot, dotSize, maxVisible, activeMainSize = dotSize) {
+  'worklet';
+
+  if (count <= maxVisible) return 1;
+  const translate = computePageIndicatorWindowTranslate(count, displayProgress, slot, dotSize, maxVisible, activeMainSize);
+  const visibleStart = -translate / slot;
+  const activeSlot = Math.min(Math.max(Math.round(displayProgress - visibleStart), 0), maxVisible - 1);
+  const positionInWindow = Math.min(Math.max(Math.round(index - visibleStart), 0), maxVisible - 1);
+  return pageIndicatorWindowSlotScale(positionInWindow, activeSlot, maxVisible);
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/components/page-indicator/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PAGE_INDICATOR_SINGLE_PAGE_DURATION","PAGE_INDICATOR_MULTI_PAGE_DURATION_STEP","PAGE_INDICATOR_MULTI_PAGE_DURATION_MAX","DEFAULT_PAGE_INDICATOR_MAX_VISIBLE","EDGE_OUTWARD_SCALE","CENTERED_SCALE","WINDOW_TAIL_SCALE","pageIndicatorPageJumpDistance","from","to","Math","abs","pageIndicatorPageJumpDuration","distance","min","isPageIndicatorSharedValue","value","pageIndicatorAxisTranslateStyle","vertical","translate","transform","translateY","translateX","pageIndicatorViewportClipStyle","viewportMainSize","crossSize","height","undefined","width","overflow","scaleCurveValue","curve","tailScale","length","pageIndicatorWindowSlotScale","positionInWindow","activeSlot","maxVisible","dist","centerSlot","floor","pageIndicatorTrackMainSize","count","slot","dotSize","activeMainSize","max","pageIndicatorViewportMainSize","visible","computePageIndicatorWindowTranslate","progress","trackMainSize","activeCenter","offset","pageIndicatorWindowScale","index","displayProgress","visibleStart","round"],"sourceRoot":"../../../../src","sources":["components/page-indicator/utils.ts"],"mappings":";;AAIA;AACA,OAAO,MAAMA,mCAAmC,GAAG,GAAG;;AAEtD;AACA,OAAO,MAAMC,uCAAuC,GAAG,GAAG;;AAE1D;AACA,OAAO,MAAMC,sCAAsC,GAAG,GAAG;;AAEzD;AACA,OAAO,MAAMC,kCAAkC,GAAG,CAAC;AAEnD,MAAMC,kBAAkB,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAU;AAC5D,MAAMC,cAAc,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAU;AACnD,MAAMC,iBAAiB,GAAG,GAAG;;AAE7B;AACA,OAAO,SAASC,6BAA6BA,CAC3CC,IAAY,EACZC,EAAU,EACF;EACR,OAAOC,IAAI,CAACC,GAAG,CAACF,EAAE,GAAGD,IAAI,CAAC;AAC5B;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,6BAA6BA,CAC3CJ,IAAY,EACZC,EAAU,EACF;EACR,MAAMI,QAAQ,GAAGN,6BAA6B,CAACC,IAAI,EAAEC,EAAE,CAAC;EACxD,IAAII,QAAQ,IAAI,CAAC,EAAE,OAAOb,mCAAmC;EAE7D,OAAOU,IAAI,CAACI,GAAG,CACbd,mCAAmC,GACjCC,uCAAuC,IAAIY,QAAQ,GAAG,CAAC,CAAC,EAC1DX,sCACF,CAAC;AACH;AAEA,OAAO,SAASa,0BAA0BA,CACxCC,KAAmC,EACL;EAC9B,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,IAAI,OAAO,IAAIA,KAAK;AACxE;;AAEA;AACA,OAAO,SAASC,+BAA+BA,CAC7CC,QAAiB,EACjBC,SAAiB,EACjB;EACA,SAAS;;EACT,OAAO;IACLC,SAAS,EAAEF,QAAQ,GACf,CAAC;MAAEG,UAAU,EAAEF;IAAU,CAAC,CAAC,GAC3B,CAAC;MAAEG,UAAU,EAAEH;IAAU,CAAC;EAChC,CAAC;AACH;;AAEA;AACA,OAAO,SAASI,8BAA8BA,CAC5CL,QAAiB,EACjBM,gBAAwB,EACxBC,SAAkB,EACP;EACX,IAAIP,QAAQ,EAAE;IACZ,OAAO;MACLQ,MAAM,EAAEF,gBAAgB;MACxB,IAAIC,SAAS,KAAKE,SAAS,GAAG;QAAEC,KAAK,EAAEH;MAAU,CAAC,GAAG,CAAC,CAAC,CAAC;MACxDI,QAAQ,EAAE;IACZ,CAAC;EACH;EAEA,OAAO;IACLD,KAAK,EAAEJ,gBAAgB;IACvB,IAAIC,SAAS,KAAKE,SAAS,GAAG;MAAED,MAAM,EAAED;IAAU,CAAC,GAAG,CAAC,CAAC,CAAC;IACzDI,QAAQ,EAAE;EACZ,CAAC;AACH;AAEA,SAASC,eAAeA,CACtBC,KAAwB,EACxBlB,QAAgB,EAChBmB,SAAiB,EACT;EACR,SAAS;;EACT,IAAInB,QAAQ,GAAGkB,KAAK,CAACE,MAAM,EAAE,OAAOF,KAAK,CAAClB,QAAQ,CAAC,IAAImB,SAAS;EAChE,OAAOA,SAAS;AAClB;;AAEA;AACA,OAAO,SAASE,4BAA4BA,CAC1CC,gBAAwB,EACxBC,UAAkB,EAClBC,UAAkB,EACV;EACR,SAAS;;EACT,IAAIF,gBAAgB,KAAKC,UAAU,EAAE,OAAO,CAAC;EAE7C,MAAME,IAAI,GAAG5B,IAAI,CAACC,GAAG,CAACwB,gBAAgB,GAAGC,UAAU,CAAC;EAEpD,IAAIA,UAAU,KAAK,CAAC,IAAIA,UAAU,KAAKC,UAAU,GAAG,CAAC,EAAE;IACrD,OAAOP,eAAe,CAAC1B,kBAAkB,EAAEkC,IAAI,EAAEhC,iBAAiB,CAAC;EACrE;EAEA,MAAMiC,UAAU,GAAG7B,IAAI,CAAC8B,KAAK,CAAC,CAACH,UAAU,GAAG,CAAC,IAAI,CAAC,CAAC;EACnD,IAAID,UAAU,KAAKG,UAAU,EAAE;IAC7B,OAAOT,eAAe,CAACzB,cAAc,EAAEiC,IAAI,EAAEhC,iBAAiB,CAAC;EACjE;EAEA,IAAI6B,gBAAgB,GAAGC,UAAU,EAAE;IACjC,IAAIA,UAAU,IAAI,CAAC,EAAE;MACnB,OAAON,eAAe,CAAC1B,kBAAkB,EAAEkC,IAAI,EAAEhC,iBAAiB,CAAC;IACrE;IACA,OAAOwB,eAAe,CAACzB,cAAc,EAAEiC,IAAI,EAAEhC,iBAAiB,CAAC;EACjE;EAEA,IAAI8B,UAAU,IAAIC,UAAU,GAAG,CAAC,EAAE;IAChC,OAAOP,eAAe,CAAC1B,kBAAkB,EAAEkC,IAAI,EAAEhC,iBAAiB,CAAC;EACrE;EAEA,OAAOwB,eAAe,CAACzB,cAAc,EAAEiC,IAAI,EAAEhC,iBAAiB,CAAC;AACjE;AAEA,OAAO,SAASmC,0BAA0BA,CACxCC,KAAa,EACbC,IAAY,EACZC,OAAe,EACfC,cAAc,GAAGD,OAAO,EAChB;EACR,OAAOlC,IAAI,CAACoC,GAAG,CAACF,OAAO,EAAE,CAACF,KAAK,GAAG,CAAC,IAAIC,IAAI,GAAGE,cAAc,CAAC;AAC/D;AAEA,OAAO,SAASE,6BAA6BA,CAC3CL,KAAa,EACbC,IAAY,EACZC,OAAe,EACfP,UAAkB,EAClBQ,cAAc,GAAGD,OAAO,EAChB;EACR,MAAMI,OAAO,GAAGtC,IAAI,CAACI,GAAG,CAAC4B,KAAK,EAAEL,UAAU,CAAC;EAC3C,OAAO3B,IAAI,CAACoC,GAAG,CAACF,OAAO,EAAE,CAACI,OAAO,GAAG,CAAC,IAAIL,IAAI,GAAGE,cAAc,CAAC;AACjE;AAEA,OAAO,SAASI,mCAAmCA,CACjDP,KAAa,EACbQ,QAAgB,EAChBP,IAAY,EACZC,OAAe,EACfP,UAAkB,EAClBQ,cAAc,GAAGD,OAAO,EAChB;EACR,SAAS;;EACT,IAAIF,KAAK,IAAIL,UAAU,EAAE,OAAO,CAAC;EAEjC,MAAMb,gBAAgB,GAAGd,IAAI,CAACoC,GAAG,CAC/BF,OAAO,EACP,CAACP,UAAU,GAAG,CAAC,IAAIM,IAAI,GAAGE,cAC5B,CAAC;EACD,MAAMM,aAAa,GAAGzC,IAAI,CAACoC,GAAG,CAACF,OAAO,EAAE,CAACF,KAAK,GAAG,CAAC,IAAIC,IAAI,GAAGE,cAAc,CAAC;EAC5E,MAAMO,YAAY,GAAGF,QAAQ,GAAGP,IAAI,GAAGE,cAAc,GAAG,CAAC;EACzD,MAAMQ,MAAM,GAAG3C,IAAI,CAACI,GAAG,CACrBJ,IAAI,CAACoC,GAAG,CAACM,YAAY,GAAG5B,gBAAgB,GAAG,CAAC,EAAE,CAAC,CAAC,EAChD2B,aAAa,GAAG3B,gBAClB,CAAC;EAED,OAAO,CAAC6B,MAAM;AAChB;AAEA,OAAO,SAASC,wBAAwBA,CACtCC,KAAa,EACbC,eAAuB,EACvBd,KAAa,EACbC,IAAY,EACZC,OAAe,EACfP,UAAkB,EAClBQ,cAAc,GAAGD,OAAO,EAChB;EACR,SAAS;;EACT,IAAIF,KAAK,IAAIL,UAAU,EAAE,OAAO,CAAC;EAEjC,MAAMlB,SAAS,GAAG8B,mCAAmC,CACnDP,KAAK,EACLc,eAAe,EACfb,IAAI,EACJC,OAAO,EACPP,UAAU,EACVQ,cACF,CAAC;EACD,MAAMY,YAAY,GAAG,CAACtC,SAAS,GAAGwB,IAAI;EACtC,MAAMP,UAAU,GAAG1B,IAAI,CAACI,GAAG,CACzBJ,IAAI,CAACoC,GAAG,CAACpC,IAAI,CAACgD,KAAK,CAACF,eAAe,GAAGC,YAAY,CAAC,EAAE,CAAC,CAAC,EACvDpB,UAAU,GAAG,CACf,CAAC;EACD,MAAMF,gBAAgB,GAAGzB,IAAI,CAACI,GAAG,CAC/BJ,IAAI,CAACoC,GAAG,CAACpC,IAAI,CAACgD,KAAK,CAACH,KAAK,GAAGE,YAAY,CAAC,EAAE,CAAC,CAAC,EAC7CpB,UAAU,GAAG,CACf,CAAC;EAED,OAAOH,4BAA4B,CAACC,gBAAgB,EAAEC,UAAU,EAAEC,UAAU,CAAC;AAC/E","ignoreList":[]}

package/lib/module/components/page-indicator/variants/DotIndicator/InactiveDot.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import { pageIndicatorWindowScale } from "../../utils.js";
+import { DOT_INDICATOR_GEOMETRY, pageIndicatorDotCenter } from "./utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function InactiveDot({
+  color,
+  count,
+  index,
+  maxVisible,
+  opacity,
+  overflows,
+  progress,
+  vertical
+}) {
+  const {
+    dotSize,
+    slot,
+    crossSize
+  } = DOT_INDICATOR_GEOMETRY;
+  const crossOffset = (crossSize - dotSize) / 2;
+  const animatedStyle = useAnimatedStyle(() => {
+    const center = pageIndicatorDotCenter(index, slot, dotSize);
+    const windowScale = overflows ? pageIndicatorWindowScale(index, progress.value, count, slot, dotSize, maxVisible) : 1;
+    return {
+      ...(vertical ? {
+        top: center - dotSize / 2,
+        left: crossOffset
+      } : {
+        left: center - dotSize / 2,
+        top: crossOffset
+      }),
+      transform: [{
+        scale: windowScale
+      }]
+    };
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [{
+      position: 'absolute',
+      width: dotSize,
+      height: dotSize,
+      borderRadius: 999,
+      backgroundColor: color,
+      opacity
+    }, animatedStyle]
+  });
+}
+//# sourceMappingURL=InactiveDot.js.map

package/lib/module/components/page-indicator/variants/DotIndicator/InactiveDot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","useAnimatedStyle","pageIndicatorWindowScale","DOT_INDICATOR_GEOMETRY","pageIndicatorDotCenter","jsx","_jsx","InactiveDot","color","count","index","maxVisible","opacity","overflows","progress","vertical","dotSize","slot","crossSize","crossOffset","animatedStyle","center","windowScale","value","top","left","transform","scale","View","style","position","width","height","borderRadius","backgroundColor"],"sourceRoot":"../../../../../../src","sources":["components/page-indicator/variants/DotIndicator/InactiveDot.tsx"],"mappings":";;AAAA,OAAOA,QAAQ,IAEbC,gBAAgB,QACX,yBAAyB;AAEhC,SAASC,wBAAwB,QAAQ,gBAAa;AAEtD,SAASC,sBAAsB,EAAEC,sBAAsB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAazE,OAAO,SAASC,WAAWA,CAAC;EAC1BC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACRC;AACgB,CAAC,EAAE;EACnB,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAGf,sBAAsB;EAC3D,MAAMgB,WAAW,GAAG,CAACD,SAAS,GAAGF,OAAO,IAAI,CAAC;EAE7C,MAAMI,aAAa,GAAGnB,gBAAgB,CAAC,MAAM;IAC3C,MAAMoB,MAAM,GAAGjB,sBAAsB,CAACM,KAAK,EAAEO,IAAI,EAAED,OAAO,CAAC;IAC3D,MAAMM,WAAW,GAAGT,SAAS,GACzBX,wBAAwB,CACtBQ,KAAK,EACLI,QAAQ,CAACS,KAAK,EACdd,KAAK,EACLQ,IAAI,EACJD,OAAO,EACPL,UACF,CAAC,GACD,CAAC;IAEL,OAAO;MACL,IAAII,QAAQ,GACR;QAAES,GAAG,EAAEH,MAAM,GAAGL,OAAO,GAAG,CAAC;QAAES,IAAI,EAAEN;MAAY,CAAC,GAChD;QAAEM,IAAI,EAAEJ,MAAM,GAAGL,OAAO,GAAG,CAAC;QAAEQ,GAAG,EAAEL;MAAY,CAAC,CAAC;MACrDO,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAEL;MAAY,CAAC;IACpC,CAAC;EACH,CAAC,CAAC;EAEF,oBACEhB,IAAA,CAACN,QAAQ,CAAC4B,IAAI;IACZC,KAAK,EAAE,CACL;MACEC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAEf,OAAO;MACdgB,MAAM,EAAEhB,OAAO;MACfiB,YAAY,EAAE,GAAG;MACjBC,eAAe,EAAE1B,KAAK;MACtBI;IACF,CAAC,EACDQ,aAAa;EACb,CACH,CAAC;AAEN","ignoreList":[]}

package/lib/module/components/page-indicator/variants/DotIndicator/LoadingOrbit.js

@@ -0,0 +1,165 @@
+"use strict";
+
+import { useEffect } from 'react';
+import Animated, { Extrapolation, interpolate, useAnimatedProps, useAnimatedStyle, useFrameCallback, useSharedValue } from 'react-native-reanimated';
+import Svg, { Circle } from 'react-native-svg';
+import { DOT_INDICATOR_GEOMETRY, pageIndicatorDotCenter } from "./utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ORBIT_ARCS = [{
+  id: 'arc-1',
+  arcDegrees: 120,
+  duration: 800,
+  delay: 0
+}, {
+  id: 'arc-2',
+  arcDegrees: 60,
+  duration: 1200,
+  delay: 50
+}, {
+  id: 'arc-3',
+  arcDegrees: 30,
+  duration: 1600,
+  delay: 200
+}];
+const ORBIT_LOOP_DURATION = Math.max(...ORBIT_ARCS.map(arc => arc.delay + arc.duration));
+const ORBIT_SETTLE_THRESHOLD = 0.04;
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+function computeSweepArcState(clock, delay, duration, arcDegrees) {
+  'worklet';
+
+  const elapsed = clock * ORBIT_LOOP_DURATION;
+  const localProgress = Math.min(Math.max((elapsed - delay) / duration, 0), 1);
+  const leadTravel = 360 + arcDegrees;
+  const lead = leadTravel * localProgress;
+  const tailVisible = Math.min(Math.max(lead - arcDegrees, 0), 360);
+  const headVisible = Math.min(Math.max(lead, 0), 360);
+  const visibleDegrees = Math.max(0, headVisible - tailVisible);
+  return {
+    tailVisible,
+    visibleDegrees
+  };
+}
+function SweepArc({
+  color,
+  arcDegrees,
+  duration,
+  delay,
+  clock
+}) {
+  const {
+    ringSize,
+    ringStroke,
+    ringRadius,
+    ringCircumference
+  } = DOT_INDICATOR_GEOMETRY;
+  const containerStyle = useAnimatedStyle(() => {
+    const {
+      tailVisible,
+      visibleDegrees
+    } = computeSweepArcState(clock.value, delay, duration, arcDegrees);
+    return {
+      opacity: visibleDegrees > 0.01 ? 1 : 0,
+      transform: [{
+        rotate: `${90 + tailVisible}deg`
+      }]
+    };
+  });
+  const animatedProps = useAnimatedProps(() => {
+    const {
+      visibleDegrees
+    } = computeSweepArcState(clock.value, delay, duration, arcDegrees);
+    const dash = ringCircumference * visibleDegrees / 360;
+    return {
+      strokeDasharray: [dash, ringCircumference]
+    };
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: "none",
+    style: [{
+      position: 'absolute',
+      width: ringSize,
+      height: ringSize
+    }, containerStyle],
+    children: /*#__PURE__*/_jsx(Svg, {
+      width: ringSize,
+      height: ringSize,
+      children: /*#__PURE__*/_jsx(AnimatedCircle, {
+        cx: ringSize / 2,
+        cy: ringSize / 2,
+        r: ringRadius,
+        stroke: color,
+        strokeWidth: ringStroke,
+        strokeLinecap: "round",
+        fill: "none",
+        animatedProps: animatedProps
+      })
+    })
+  });
+}
+export function LoadingOrbit({
+  color,
+  count,
+  loading,
+  progress,
+  vertical
+}) {
+  const {
+    dotSize,
+    slot,
+    crossSize,
+    ringSize
+  } = DOT_INDICATOR_GEOMETRY;
+  const crossOffset = (crossSize - ringSize) / 2;
+  const clock = useSharedValue(0);
+  const loadingActive = useSharedValue(loading);
+  useEffect(() => {
+    loadingActive.value = loading;
+  }, [loading, loadingActive]);
+  const frameCallback = useFrameCallback(frame => {
+    if (!loadingActive.value) return;
+    const activeIndex = Math.min(Math.max(Math.round(progress.value), 0), count - 1);
+    const settleDistance = Math.abs(progress.value - activeIndex);
+    if (settleDistance >= ORBIT_SETTLE_THRESHOLD) return;
+    const dt = frame.timeSincePreviousFrame ?? 0;
+    clock.value = (clock.value + dt / ORBIT_LOOP_DURATION) % 1;
+  });
+  useEffect(() => {
+    frameCallback.setActive(loading);
+  }, [frameCallback, loading]);
+  const containerStyle = useAnimatedStyle(() => {
+    const activeIndex = Math.min(Math.max(Math.round(progress.value), 0), count - 1);
+    const settleDistance = Math.abs(progress.value - activeIndex);
+    const mainOffset = pageIndicatorDotCenter(activeIndex, slot, dotSize) - ringSize / 2;
+    return {
+      ...(vertical ? {
+        top: mainOffset
+      } : {
+        left: mainOffset
+      }),
+      opacity: loadingActive.value ? interpolate(settleDistance, [0, 0.12], [1, 0], Extrapolation.CLAMP) : 0
+    };
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: "none",
+    style: [{
+      position: 'absolute',
+      ...(vertical ? {
+        left: crossOffset,
+        width: ringSize,
+        height: ringSize
+      } : {
+        top: crossOffset,
+        width: ringSize,
+        height: ringSize
+      })
+    }, containerStyle],
+    children: ORBIT_ARCS.map(arc => /*#__PURE__*/_jsx(SweepArc, {
+      color: color,
+      arcDegrees: arc.arcDegrees,
+      duration: arc.duration,
+      delay: arc.delay,
+      clock: clock
+    }, arc.id))
+  });
+}
+//# sourceMappingURL=LoadingOrbit.js.map

package/lib/module/components/page-indicator/variants/DotIndicator/LoadingOrbit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","Animated","Extrapolation","interpolate","useAnimatedProps","useAnimatedStyle","useFrameCallback","useSharedValue","Svg","Circle","DOT_INDICATOR_GEOMETRY","pageIndicatorDotCenter","jsx","_jsx","ORBIT_ARCS","id","arcDegrees","duration","delay","ORBIT_LOOP_DURATION","Math","max","map","arc","ORBIT_SETTLE_THRESHOLD","AnimatedCircle","createAnimatedComponent","computeSweepArcState","clock","elapsed","localProgress","min","leadTravel","lead","tailVisible","headVisible","visibleDegrees","SweepArc","color","ringSize","ringStroke","ringRadius","ringCircumference","containerStyle","value","opacity","transform","rotate","animatedProps","dash","strokeDasharray","View","pointerEvents","style","position","width","height","children","cx","cy","r","stroke","strokeWidth","strokeLinecap","fill","LoadingOrbit","count","loading","progress","vertical","dotSize","slot","crossSize","crossOffset","loadingActive","frameCallback","frame","activeIndex","round","settleDistance","abs","dt","timeSincePreviousFrame","setActive","mainOffset","top","left","CLAMP"],"sourceRoot":"../../../../../../src","sources":["components/page-indicator/variants/DotIndicator/LoadingOrbit.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/page-indicator/variants/DotIndicator/TravelingPill.js

@@ -0,0 +1,60 @@
+"use strict";
+
+import Animated, { Extrapolation, interpolate, useAnimatedStyle } from 'react-native-reanimated';
+import { DOT_INDICATOR_GEOMETRY, pageIndicatorDotCenter } from "./utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A single pill on top of the resting dots. As `progress` moves between pages
+ * its leading edge advances first (stretch), then its trailing edge catches up
+ * (collapse).
+ */
+export function TravelingPill({
+  activeColor,
+  count,
+  progress,
+  vertical
+}) {
+  const {
+    dotSize,
+    slot,
+    crossSize
+  } = DOT_INDICATOR_GEOMETRY;
+  const crossOffset = (crossSize - dotSize) / 2;
+  const animatedStyle = useAnimatedStyle(() => {
+    const maxSegment = Math.max(0, count - 2);
+    const segment = Math.min(Math.max(Math.floor(progress.value), 0), maxSegment);
+    const frac = progress.value - segment;
+    const from = pageIndicatorDotCenter(segment, slot, dotSize);
+    const to = pageIndicatorDotCenter(segment + 1, slot, dotSize);
+    const leading = interpolate(frac, [0, 0.5, 1], [from - dotSize / 2, from - dotSize / 2, to - dotSize / 2], Extrapolation.CLAMP);
+    const trailing = interpolate(frac, [0, 0.5, 1], [from + dotSize / 2, to + dotSize / 2, to + dotSize / 2], Extrapolation.CLAMP);
+    const mainSize = Math.max(dotSize, trailing - leading);
+    if (vertical) {
+      return {
+        top: leading,
+        height: mainSize
+      };
+    }
+    return {
+      left: leading,
+      width: mainSize
+    };
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: "none",
+    style: [{
+      position: 'absolute',
+      ...(vertical ? {
+        left: crossOffset,
+        width: dotSize
+      } : {
+        top: crossOffset,
+        height: dotSize
+      }),
+      borderRadius: 999,
+      backgroundColor: activeColor,
+      zIndex: 2
+    }, animatedStyle]
+  });
+}
+//# sourceMappingURL=TravelingPill.js.map

package/lib/module/components/page-indicator/variants/DotIndicator/TravelingPill.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Extrapolation","interpolate","useAnimatedStyle","DOT_INDICATOR_GEOMETRY","pageIndicatorDotCenter","jsx","_jsx","TravelingPill","activeColor","count","progress","vertical","dotSize","slot","crossSize","crossOffset","animatedStyle","maxSegment","Math","max","segment","min","floor","value","frac","from","to","leading","CLAMP","trailing","mainSize","top","height","left","width","View","pointerEvents","style","position","borderRadius","backgroundColor","zIndex"],"sourceRoot":"../../../../../../src","sources":["components/page-indicator/variants/DotIndicator/TravelingPill.tsx"],"mappings":";;AAAA,OAAOA,QAAQ,IACbC,aAAa,EACbC,WAAW,EAEXC,gBAAgB,QACX,yBAAyB;AAEhC,SAASC,sBAAsB,EAAEC,sBAAsB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASzE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAC;EAC5BC,WAAW;EACXC,KAAK;EACLC,QAAQ;EACRC;AACkB,CAAC,EAAE;EACrB,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAGX,sBAAsB;EAC3D,MAAMY,WAAW,GAAG,CAACD,SAAS,GAAGF,OAAO,IAAI,CAAC;EAE7C,MAAMI,aAAa,GAAGd,gBAAgB,CAAC,MAAM;IAC3C,MAAMe,UAAU,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEV,KAAK,GAAG,CAAC,CAAC;IACzC,MAAMW,OAAO,GAAGF,IAAI,CAACG,GAAG,CACtBH,IAAI,CAACC,GAAG,CAACD,IAAI,CAACI,KAAK,CAACZ,QAAQ,CAACa,KAAK,CAAC,EAAE,CAAC,CAAC,EACvCN,UACF,CAAC;IACD,MAAMO,IAAI,GAAGd,QAAQ,CAACa,KAAK,GAAGH,OAAO;IAErC,MAAMK,IAAI,GAAGrB,sBAAsB,CAACgB,OAAO,EAAEP,IAAI,EAAED,OAAO,CAAC;IAC3D,MAAMc,EAAE,GAAGtB,sBAAsB,CAACgB,OAAO,GAAG,CAAC,EAAEP,IAAI,EAAED,OAAO,CAAC;IAE7D,MAAMe,OAAO,GAAG1B,WAAW,CACzBuB,IAAI,EACJ,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EACX,CAACC,IAAI,GAAGb,OAAO,GAAG,CAAC,EAAEa,IAAI,GAAGb,OAAO,GAAG,CAAC,EAAEc,EAAE,GAAGd,OAAO,GAAG,CAAC,CAAC,EAC1DZ,aAAa,CAAC4B,KAChB,CAAC;IACD,MAAMC,QAAQ,GAAG5B,WAAW,CAC1BuB,IAAI,EACJ,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EACX,CAACC,IAAI,GAAGb,OAAO,GAAG,CAAC,EAAEc,EAAE,GAAGd,OAAO,GAAG,CAAC,EAAEc,EAAE,GAAGd,OAAO,GAAG,CAAC,CAAC,EACxDZ,aAAa,CAAC4B,KAChB,CAAC;IACD,MAAME,QAAQ,GAAGZ,IAAI,CAACC,GAAG,CAACP,OAAO,EAAEiB,QAAQ,GAAGF,OAAO,CAAC;IAEtD,IAAIhB,QAAQ,EAAE;MACZ,OAAO;QAAEoB,GAAG,EAAEJ,OAAO;QAAEK,MAAM,EAAEF;MAAS,CAAC;IAC3C;IAEA,OAAO;MAAEG,IAAI,EAAEN,OAAO;MAAEO,KAAK,EAAEJ;IAAS,CAAC;EAC3C,CAAC,CAAC;EAEF,oBACExB,IAAA,CAACP,QAAQ,CAACoC,IAAI;IACZC,aAAa,EAAC,MAAM;IACpBC,KAAK,EAAE,CACL;MACEC,QAAQ,EAAE,UAAU;MACpB,IAAI3B,QAAQ,GACR;QAAEsB,IAAI,EAAElB,WAAW;QAAEmB,KAAK,EAAEtB;MAAQ,CAAC,GACrC;QAAEmB,GAAG,EAAEhB,WAAW;QAAEiB,MAAM,EAAEpB;MAAQ,CAAC,CAAC;MAC1C2B,YAAY,EAAE,GAAG;MACjBC,eAAe,EAAEhC,WAAW;MAC5BiC,MAAM,EAAE;IACV,CAAC,EACDzB,aAAa;EACb,CACH,CAAC;AAEN","ignoreList":[]}

package/lib/module/components/page-indicator/variants/DotIndicator/index.js

@@ -0,0 +1,87 @@
+"use strict";
+
+import { useMemo } from 'react';
+import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import { usePageIndicatorCore } from "../../hooks/use-page-indicator-core.js";
+import { PageIndicatorRoot } from "../../PageIndicatorRoot.js";
+import { computePageIndicatorWindowTranslate, DEFAULT_PAGE_INDICATOR_MAX_VISIBLE, PAGE_INDICATOR_SINGLE_PAGE_DURATION, pageIndicatorAxisTranslateStyle, pageIndicatorTrackMainSize, pageIndicatorViewportMainSize } from "../../utils.js";
+import { InactiveDot } from "./InactiveDot.js";
+import { LoadingOrbit } from "./LoadingOrbit.js";
+import { TravelingPill } from "./TravelingPill.js";
+import { DOT_INDICATOR_GEOMETRY } from "./utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function DotIndicator({
+  count,
+  current = 0,
+  duration = PAGE_INDICATOR_SINGLE_PAGE_DURATION,
+  activeColor,
+  inactiveColor,
+  loadingColor,
+  loading = false,
+  vertical = false,
+  maxVisible = DEFAULT_PAGE_INDICATOR_MAX_VISIBLE,
+  style
+}) {
+  const {
+    colors,
+    progress
+  } = usePageIndicatorCore(count, current, 'dot', duration, {
+    activeColor,
+    inactiveColor,
+    loadingColor
+  });
+  const {
+    dotSize,
+    slot,
+    crossSize,
+    inactiveOpacity
+  } = DOT_INDICATOR_GEOMETRY;
+  const viewportMainSize = pageIndicatorViewportMainSize(count, slot, dotSize, maxVisible);
+  const fullTrackMainSize = pageIndicatorTrackMainSize(count, slot, dotSize);
+  const overflows = count > maxVisible;
+  const indices = useMemo(() => Array.from({
+    length: count
+  }, (_, index) => index), [count]);
+  const trackStyle = useAnimatedStyle(() => {
+    const translate = computePageIndicatorWindowTranslate(count, progress.value, slot, dotSize, maxVisible);
+    return pageIndicatorAxisTranslateStyle(vertical, translate);
+  });
+  return /*#__PURE__*/_jsx(PageIndicatorRoot, {
+    crossSize: crossSize,
+    overflows: overflows,
+    style: style,
+    vertical: vertical,
+    viewportMainSize: viewportMainSize,
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      style: [vertical ? {
+        width: crossSize,
+        height: fullTrackMainSize
+      } : {
+        width: fullTrackMainSize,
+        height: crossSize
+      }, overflows ? trackStyle : null],
+      children: [indices.map(index => /*#__PURE__*/_jsx(InactiveDot, {
+        color: colors.inactiveColor,
+        count: count,
+        index: index,
+        maxVisible: maxVisible,
+        opacity: inactiveOpacity,
+        overflows: overflows,
+        progress: progress,
+        vertical: vertical
+      }, index)), /*#__PURE__*/_jsx(TravelingPill, {
+        activeColor: colors.activeColor,
+        count: count,
+        progress: progress,
+        vertical: vertical
+      }), /*#__PURE__*/_jsx(LoadingOrbit, {
+        color: colors.loadingColor,
+        count: count,
+        loading: loading,
+        progress: progress,
+        vertical: vertical
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/components/page-indicator/variants/DotIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Animated","useAnimatedStyle","usePageIndicatorCore","PageIndicatorRoot","computePageIndicatorWindowTranslate","DEFAULT_PAGE_INDICATOR_MAX_VISIBLE","PAGE_INDICATOR_SINGLE_PAGE_DURATION","pageIndicatorAxisTranslateStyle","pageIndicatorTrackMainSize","pageIndicatorViewportMainSize","InactiveDot","LoadingOrbit","TravelingPill","DOT_INDICATOR_GEOMETRY","jsx","_jsx","jsxs","_jsxs","DotIndicator","count","current","duration","activeColor","inactiveColor","loadingColor","loading","vertical","maxVisible","style","colors","progress","dotSize","slot","crossSize","inactiveOpacity","viewportMainSize","fullTrackMainSize","overflows","indices","Array","from","length","_","index","trackStyle","translate","value","children","View","width","height","map","color","opacity"],"sourceRoot":"../../../../../../src","sources":["components/page-indicator/variants/DotIndicator/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/page-indicator/variants/DotIndicator/utils.js

@@ -0,0 +1,28 @@
+"use strict";
+
+/** Fixed geometry for the dot indicator variant. */
+const DOT_SIZE = 8;
+const GAP = 8;
+const RING_SIZE = 14;
+const RING_STROKE = 1.5;
+const RING_RADIUS = (RING_SIZE - RING_STROKE) / 2;
+
+/** Precomputed geometry shared by DotIndicator sub-components. */
+export const DOT_INDICATOR_GEOMETRY = {
+  dotSize: DOT_SIZE,
+  slot: DOT_SIZE + GAP,
+  crossSize: Math.max(RING_SIZE, DOT_SIZE),
+  ringSize: RING_SIZE,
+  ringStroke: RING_STROKE,
+  ringRadius: RING_RADIUS,
+  ringCircumference: 2 * Math.PI * RING_RADIUS,
+  inactiveOpacity: 0.42
+};
+
+/** Main-axis center of dot `index` within the track. */
+export function pageIndicatorDotCenter(index, slot, dotSize) {
+  'worklet';
+
+  return index * slot + dotSize / 2;
+}
+//# sourceMappingURL=utils.js.map