@zenpatient-org/healthspan-marketing-ui 0.1.93 → 0.1.95

package/dist/components/InfiniteScroll/InfiniteScroll.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),e=require("react"),R=require("../../utils/cn/cn.cjs.js"),q=require("./infiniteScroll.module.css.cjs.js");function L({items:u,speed:d=50,direction:o="left",contentClassName:y,itemClassName:v,rootClassName:w,renderItem:b},A){const f=e.useRef(null),[i,p]=e.useState(0),[c,E]=e.useState(0),m=e.useRef(null),g=e.useRef(!1),h=e.useRef(performance.now()),[T,W]=e.useState(2);e.useEffect(()=>{f.current&&u.length>0&&setTimeout(()=>{var a,l,n;const r=((l=(a=f.current)==null?void 0:a.parentElement)==null?void 0:l.offsetWidth)||0,t=(((n=f.current)==null?void 0:n.scrollWidth)||0)/2,s=Math.ceil(r*2/t);W(Math.max(2,s%2===0?s:s+1)),E(t)},0)},[u]),e.useEffect(()=>{p(o==="right"?-c:0)},[c,o]);const S=e.useCallback(r=>{if(!g.current){const t=r??performance.now(),s=t-h.current||16.67;h.current=t,p(a=>{const l=o==="right"?-d:d,n=a-l*(s/1e3);if(o==="left"){if(n<=-c)return n+c}else if(o==="right"&&n>=0)return n-c;return n})}m.current=requestAnimationFrame(S)},[c,d,o]);e.useEffect(()=>(h.current=performance.now(),m.current=requestAnimationFrame(S),()=>{m.current&&cancelAnimationFrame(m.current)}),[S]);const F=e.useCallback(()=>{g.current=!0},[]),j=e.useCallback(()=>{g.current=!1,h.current=performance.now()},[]),C=e.useCallback((r,t=300)=>{const s=i,a=r-s,l=performance.now(),n=k=>{const I=k-l,x=Math.min(I/t,1),_=1-Math.pow(1-x,3);p(s+a*_),x<1&&requestAnimationFrame(n)};requestAnimationFrame(n)},[i]);return e.useImperativeHandle(A,()=>({scrollLeft:()=>{const r=i-200,t=Math.max(r,-c);C(t)},scrollRight:()=>{const r=i+200,t=Math.min(r,c);C(t)}})),M.jsx("div",{className:R.cn(q.default.root,w),onMouseEnter:F,onMouseLeave:j,children:M.jsx("div",{className:R.cn(q.default.content,y),style:{transform:`translate3D(${i}px, 0, 0)`},ref:f,children:Array.from({length:u.length*T},(r,t)=>M.jsx("div",{className:R.cn(q.default.item,v),children:b(u[t%u.length],t)},t))})})}const N=e.forwardRef(L);exports.InfiniteScroll=N;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),t=require("react"),v=require("../../utils/cn/cn.cjs.js"),M=require("./infiniteScroll.module.css.cjs.js");function N({items:u,speed:R=50,direction:h="left",contentClassName:T,itemClassName:F,rootClassName:P,renderItem:k},x){const i=t.useRef(null),S=t.useRef(null),f=t.useRef(null),d=t.useRef(!1),p=t.useRef(performance.now()),[m,y]=t.useState(0),[r,j]=t.useState(0),[s,E]=t.useState(4),q=t.useCallback(()=>{if(!S.current||!i.current||u.length===0)return;const e=S.current.scrollWidth/s,o=i.current.offsetWidth,l=Math.ceil(o*2.5/e),a=Math.max(4,Math.min(20,l%2===0?l:l+1));E(a),j(e);const c=Math.floor(a/2);y(-e*c)},[u.length,s]);t.useEffect(()=>{q();const n=new ResizeObserver(()=>{q()});return i.current&&n.observe(i.current),()=>n.disconnect()},[q]);const C=t.useCallback(n=>{if(d.current||r===0){f.current=requestAnimationFrame(C);return}const e=n??performance.now(),o=e-p.current||16.67;p.current=e,y(l=>{const a=h==="right"?-R:R;let c=l-a*(o/1e3);const W=r*s,g=r*Math.floor(s/2);return h==="left"&&c<=-W+g?c+r:h==="right"&&c>=g?c-r:c}),f.current=requestAnimationFrame(C)},[h,R,r,s]);t.useEffect(()=>(p.current=performance.now(),f.current=requestAnimationFrame(C),()=>{f.current&&cancelAnimationFrame(f.current)}),[C]);const I=t.useCallback(n=>{d.current=!0,n.pointerType==="mouse"&&(d.current=!0)},[]),L=t.useCallback(n=>{n.pointerType==="mouse"&&(d.current=!1,p.current=performance.now())},[]),w=t.useCallback((n,e=300)=>{const o=m,l=n-o,a=performance.now(),c=W=>{const g=W-a,A=Math.min(g/e,1),_=1-Math.pow(1-A,3);y(o+l*_),A<1&&requestAnimationFrame(c)};requestAnimationFrame(c)},[m]);return t.useImperativeHandle(x,()=>({scrollLeft:()=>{const n=r*s,e=-r*Math.floor(s/2);let o=m-200;o<-n+e&&(o+=r),w(o)},scrollRight:()=>{const n=-r*Math.floor(s/2);let e=m+200;e>n&&(e-=r),w(e)}})),b.jsx("div",{className:v.cn(M.default.root,P),ref:i,onPointerEnter:I,onPointerLeave:L,children:b.jsx("div",{className:v.cn(M.default.content,T),ref:S,style:{transform:`translate3d(${m}px, 0, 0)`},children:Array.from({length:u.length*s},(n,e)=>b.jsx("div",{className:v.cn(M.default.item,F),children:k(u[e%u.length],e)},e))})})}const O=t.forwardRef(N);exports.InfiniteScroll=O;

package/dist/components/InfiniteScroll/InfiniteScroll.es.js

@@ -1,82 +1,95 @@
 "use client";
-import { jsx as x } from "react/jsx-runtime";
-import { forwardRef as H, useRef as h, useState as y, useEffect as C, useCallback as p, useImperativeHandle as P } from "react";
-import { cn as R } from "../../utils/cn/cn.es.js";
-import v from "./infiniteScroll.module.css.es.js";
-function _({
-  items: l,
-  speed: d = 50,
-  direction: c = "left",
-  contentClassName: W,
-  itemClassName: q,
-  rootClassName: F,
-  renderItem: T
-}, E) {
-  const i = h(null), [u, g] = y(0), [r, I] = y(0), m = h(null), M = h(!1), f = h(performance.now()), [L, N] = y(2);
-  C(() => {
-    i.current && l.length > 0 && setTimeout(() => {
-      var s, a, e;
-      const n = ((a = (s = i.current) == null ? void 0 : s.parentElement) == null ? void 0 : a.offsetWidth) || 0, t = (((e = i.current) == null ? void 0 : e.scrollWidth) || 0) / 2, o = Math.ceil(n * 2 / t);
-      N(Math.max(2, o % 2 === 0 ? o : o + 1)), I(t);
-    }, 0);
-  }, [l]), C(() => {
-    g(c === "right" ? -r : 0);
-  }, [r, c]);
-  const w = p(
-    (n) => {
-      if (!M.current) {
-        const t = n ?? performance.now(), o = t - f.current || 16.67;
-        f.current = t, g((s) => {
-          const a = c === "right" ? -d : d, e = s - a * (o / 1e3);
-          if (c === "left") {
-            if (e <= -r)
-              return e + r;
-          } else if (c === "right" && e >= 0)
-            return e - r;
-          return e;
-        });
+import { jsx as S } from "react/jsx-runtime";
+import { forwardRef as H, useRef as m, useState as A, useCallback as h, useEffect as b, useImperativeHandle as _ } from "react";
+import { cn as q } from "../../utils/cn/cn.es.js";
+import F from "./infiniteScroll.module.css.es.js";
+function $({
+  items: a,
+  speed: W = 50,
+  direction: d = "left",
+  contentClassName: x,
+  itemClassName: L,
+  rootClassName: E,
+  renderItem: I
+}, N) {
+  const i = m(null), v = m(null), u = m(null), p = m(!1), g = m(performance.now()), [f, w] = A(0), [n, X] = A(0), [c, O] = A(4), M = h(() => {
+    if (!v.current || !i.current || a.length === 0) return;
+    const t = v.current.scrollWidth / c, r = i.current.offsetWidth, s = Math.ceil(r * 2.5 / t), l = Math.max(4, Math.min(20, s % 2 === 0 ? s : s + 1));
+    O(l), X(t);
+    const o = Math.floor(l / 2);
+    w(-t * o);
+  }, [a.length, c]);
+  b(() => {
+    M();
+    const e = new ResizeObserver(() => {
+      M();
+    });
+    return i.current && e.observe(i.current), () => e.disconnect();
+  }, [M]);
+  const y = h(
+    (e) => {
+      if (p.current || n === 0) {
+        u.current = requestAnimationFrame(y);
+        return;
       }
-      m.current = requestAnimationFrame(w);
+      const t = e ?? performance.now(), r = t - g.current || 16.67;
+      g.current = t, w((s) => {
+        const l = d === "right" ? -W : W;
+        let o = s - l * (r / 1e3);
+        const R = n * c, C = n * Math.floor(c / 2);
+        return d === "left" && o <= -R + C ? o + n : d === "right" && o >= C ? o - n : o;
+      }), u.current = requestAnimationFrame(y);
     },
-    [r, d, c]
+    [d, W, n, c]
   );
-  C(() => (f.current = performance.now(), m.current = requestAnimationFrame(w), () => {
-    m.current && cancelAnimationFrame(m.current);
-  }), [w]);
-  const X = p(() => {
-    M.current = !0;
-  }, []), b = p(() => {
-    M.current = !1, f.current = performance.now();
-  }, []), A = p(
-    (n, t = 300) => {
-      const o = u, s = n - o, a = performance.now(), e = (j) => {
-        const k = j - a, S = Math.min(k / t, 1), D = 1 - Math.pow(1 - S, 3);
-        g(o + s * D), S < 1 && requestAnimationFrame(e);
+  b(() => (g.current = performance.now(), u.current = requestAnimationFrame(y), () => {
+    u.current && cancelAnimationFrame(u.current);
+  }), [y]);
+  const j = h((e) => {
+    p.current = !0, e.pointerType === "mouse" && (p.current = !0);
+  }, []), k = h((e) => {
+    e.pointerType === "mouse" && (p.current = !1, g.current = performance.now());
+  }, []), T = h(
+    (e, t = 300) => {
+      const r = f, s = e - r, l = performance.now(), o = (R) => {
+        const C = R - l, P = Math.min(C / t, 1), z = 1 - Math.pow(1 - P, 3);
+        w(r + s * z), P < 1 && requestAnimationFrame(o);
       };
-      requestAnimationFrame(e);
+      requestAnimationFrame(o);
     },
-    [u]
+    [f]
   );
-  return P(E, () => ({
+  return _(N, () => ({
     scrollLeft: () => {
-      const n = u - 200, t = Math.max(n, -r);
-      A(t);
+      const e = n * c, t = -n * Math.floor(c / 2);
+      let r = f - 200;
+      r < -e + t && (r += n), T(r);
     },
     scrollRight: () => {
-      const n = u + 200, t = Math.min(n, r);
-      A(t);
+      const e = -n * Math.floor(c / 2);
+      let t = f + 200;
+      t > e && (t -= n), T(t);
     }
-  })), /* @__PURE__ */ x("div", { className: R(v.root, F), onMouseEnter: X, onMouseLeave: b, children: /* @__PURE__ */ x(
+  })), /* @__PURE__ */ S(
     "div",
     {
-      className: R(v.content, W),
-      style: { transform: `translate3D(${u}px, 0, 0)` },
+      className: q(F.root, E),
       ref: i,
-      children: Array.from({ length: l.length * L }, (n, t) => /* @__PURE__ */ x("div", { className: R(v.item, q), children: T(l[t % l.length], t) }, t))
+      onPointerEnter: j,
+      onPointerLeave: k,
+      children: /* @__PURE__ */ S(
+        "div",
+        {
+          className: q(F.content, x),
+          ref: v,
+          style: { transform: `translate3d(${f}px, 0, 0)` },
+          children: Array.from({ length: a.length * c }, (e, t) => /* @__PURE__ */ S("div", { className: q(F.item, L), children: I(a[t % a.length], t) }, t))
+        }
+      )
     }
-  ) });
+  );
 }
-const J = H(_);
+const K = H($);
 export {
-  J as InfiniteScroll
+  K as InfiniteScroll
 };