@blakesteve/roster 5.13.0 → 5.14.0

package/dist/components/molecules/Carousel/carousel-math.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=6,i=1;function a(t){return Math.max(0,t.scrollWidth-t.clientWidth)}function h(t){return a(t)>i}function S(t){return t.scrollLeft>i}function L(t){return t.scrollLeft<a(t)-i}function s(t,e){const n=t.items[e];if(!n)return 0;const r=t.align==="start"?n.start-t.paddingStart:(n.start+n.end)/2-(t.paddingStart+(t.clientWidth-t.paddingStart-t.paddingEnd)/2);return Math.min(Math.max(0,r),a(t))}function u(t){const e=t.scrollLeft-i,n=t.scrollLeft+t.clientWidth+i,r=[];return t.items.forEach((l,c)=>{l.start>=e&&l.end<=n&&r.push(c)}),r}function f(t){let e=0,n=1/0;return t.items.forEach((r,l)=>{const c=Math.abs(s(t,l)-t.scrollLeft);c<n&&(e=l,n=c)}),e}function m(t){const e=u(t);return e.length?e[0]:f(t)}function x(t,e){const n=t.items.length;if(!n)return 0;const r=u(t),l=r.length?r[0]:f(t),c=Math.max(1,r.length);let o=Math.min(n-1,Math.max(0,l+e*c));for(;o>0&&o<n-1&&Math.abs(s(t,o)-t.scrollLeft)<=i;)o+=e;return s(t,o)}exports.CAROUSEL_DRAG_THRESHOLD=d;exports.CAROUSEL_TOLERANCE=i;exports.canScrollNext=L;exports.canScrollPrev=S;exports.currentIndex=m;exports.fullyVisible=u;exports.maxScroll=a;exports.nearestIndex=f;exports.overflows=h;exports.pageTarget=x;exports.snapPosition=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=6,a=1;function u(t){return Math.max(0,t.scrollWidth-t.clientWidth)}function m(t){return u(t)>a}function L(t){return t.scrollLeft>a}function x(t){return t.scrollLeft<u(t)-a}function o(t,n){const e=t.items[n];if(!e)return 0;const r=t.align==="start"?e.start-t.paddingStart:(e.start+e.end)/2-(t.paddingStart+(t.clientWidth-t.paddingStart-t.paddingEnd)/2);return Math.min(Math.max(0,r),u(t))}function f(t){const n=t.scrollLeft-a,e=t.scrollLeft+t.clientWidth+a,r=[];return t.items.forEach((i,l)=>{i.start>=n&&i.end<=e&&r.push(l)}),r}function h(t){let n=0,e=1/0;return t.items.forEach((r,i)=>{const l=Math.abs(o(t,i)-t.scrollLeft);l<e&&(n=i,e=l)}),n}function E(t){const n=f(t);return n.length?n[0]:h(t)}function b(t,n){const e=t.items.length;if(!e)return 0;const r=f(t),i=r.length?r[0]:h(t),l=Math.max(1,r.length);let c=Math.min(e-1,Math.max(0,i+n*l));for(;c>0&&c<e-1&&Math.abs(o(t,c)-t.scrollLeft)<=a;)c+=n;return o(t,c)}function v(t){return Math.max(1,f(t).length)}function M(t,n,e=t.scrollLeft){const r=t.items[n];if(!r)return null;const i=s=>[s+t.paddingStart-a,s+t.clientWidth-t.paddingEnd+a],[l,c]=i(e);if(r.start>=l&&r.end<=c)return null;if(t.align==="center"||r.start<l)return o(t,n);for(let s=0;s<=n;s++){const d=o(t,s);if(d<e)continue;const[,S]=i(d);if(r.end<=S)return d}return o(t,n)}exports.CAROUSEL_DRAG_THRESHOLD=p;exports.CAROUSEL_TOLERANCE=a;exports.canScrollNext=x;exports.canScrollPrev=L;exports.currentIndex=E;exports.fullyVisible=f;exports.maxScroll=u;exports.nearestIndex=h;exports.overflows=m;exports.pageStep=v;exports.pageTarget=b;exports.revealTarget=M;exports.snapPosition=o;

package/dist/components/molecules/Carousel/carousel-math.d.ts

@@ -58,3 +58,19 @@ export declare function currentIndex(g: CarouselGeometry): number;
  * Returns the target `scrollLeft`.
  */
 export declare function pageTarget(g: CarouselGeometry, direction: 1 | -1): number;
+/**
+ * How far Page Up and Page Down move in selection mode: as many options as
+ * are wholly in view, at least one.
+ */
+export declare function pageStep(g: CarouselGeometry): number;
+/**
+ * The `scrollLeft` that brings item `i` wholly into view, measured from
+ * `from` (where the row is, or where a glide is taking it), or `null` when it
+ * already is. Inside the scroll padding, so a revealed item clears the gutter.
+ *
+ * The row moves as little as it can and always lands on a snap point, which
+ * the browser would snap it to anyway: an item off the leading side snaps to
+ * its own place; one off the trailing side lands on the first snap point that
+ * shows it whole. With `center`, an item out of view is centered.
+ */
+export declare function revealTarget(g: CarouselGeometry, i: number, from?: number): number | null;

package/dist/components/molecules/Carousel/carousel-math.js

@@ -1,58 +1,77 @@
-const E = 6, u = 1;
-function a(t) {
+const L = 6, h = 1;
+function u(t) {
   return Math.max(0, t.scrollWidth - t.clientWidth);
 }
-function L(t) {
-  return a(t) > 1;
+function R(t) {
+  return u(t) > 1;
 }
-function h(t) {
+function A(t) {
   return t.scrollLeft > 1;
 }
-function d(t) {
-  return t.scrollLeft < a(t) - 1;
+function O(t) {
+  return t.scrollLeft < u(t) - 1;
 }
-function o(t, e) {
-  const n = t.items[e];
-  if (!n) return 0;
-  const r = t.align === "start" ? n.start - t.paddingStart : (n.start + n.end) / 2 - (t.paddingStart + (t.clientWidth - t.paddingStart - t.paddingEnd) / 2);
-  return Math.min(Math.max(0, r), a(t));
+function l(t, n) {
+  const e = t.items[n];
+  if (!e) return 0;
+  const r = t.align === "start" ? e.start - t.paddingStart : (e.start + e.end) / 2 - (t.paddingStart + (t.clientWidth - t.paddingStart - t.paddingEnd) / 2);
+  return Math.min(Math.max(0, r), u(t));
 }
-function l(t) {
-  const e = t.scrollLeft - 1, n = t.scrollLeft + t.clientWidth + 1, r = [];
-  return t.items.forEach((i, s) => {
-    i.start >= e && i.end <= n && r.push(s);
+function f(t) {
+  const n = t.scrollLeft - 1, e = t.scrollLeft + t.clientWidth + 1, r = [];
+  return t.items.forEach((i, c) => {
+    i.start >= n && i.end <= e && r.push(c);
   }), r;
 }
-function f(t) {
-  let e = 0, n = 1 / 0;
+function E(t) {
+  let n = 0, e = 1 / 0;
   return t.items.forEach((r, i) => {
-    const s = Math.abs(o(t, i) - t.scrollLeft);
-    s < n && (e = i, n = s);
-  }), e;
+    const c = Math.abs(l(t, i) - t.scrollLeft);
+    c < e && (n = i, e = c);
+  }), n;
 }
-function R(t) {
-  const e = l(t);
-  return e.length ? e[0] : f(t);
-}
-function A(t, e) {
-  const n = t.items.length;
-  if (!n) return 0;
-  const r = l(t), i = r.length ? r[0] : f(t), s = Math.max(1, r.length);
-  let c = Math.min(n - 1, Math.max(0, i + e * s));
-  for (; c > 0 && c < n - 1 && Math.abs(o(t, c) - t.scrollLeft) <= 1; )
-    c += e;
-  return o(t, c);
+function C(t) {
+  const n = f(t);
+  return n.length ? n[0] : E(t);
+}
+function S(t, n) {
+  const e = t.items.length;
+  if (!e) return 0;
+  const r = f(t), i = r.length ? r[0] : E(t), c = Math.max(1, r.length);
+  let s = Math.min(e - 1, Math.max(0, i + n * c));
+  for (; s > 0 && s < e - 1 && Math.abs(l(t, s) - t.scrollLeft) <= 1; )
+    s += n;
+  return l(t, s);
+}
+function m(t) {
+  return Math.max(1, f(t).length);
+}
+function p(t, n, e = t.scrollLeft) {
+  const r = t.items[n];
+  if (!r) return null;
+  const i = (a) => [a + t.paddingStart - 1, a + t.clientWidth - t.paddingEnd + 1], [c, s] = i(e);
+  if (r.start >= c && r.end <= s) return null;
+  if (t.align === "center" || r.start < c) return l(t, n);
+  for (let a = 0; a <= n; a++) {
+    const o = l(t, a);
+    if (o < e) continue;
+    const [, d] = i(o);
+    if (r.end <= d) return o;
+  }
+  return l(t, n);
 }
 export {
-  E as CAROUSEL_DRAG_THRESHOLD,
-  u as CAROUSEL_TOLERANCE,
-  d as canScrollNext,
-  h as canScrollPrev,
-  R as currentIndex,
-  l as fullyVisible,
-  a as maxScroll,
-  f as nearestIndex,
-  L as overflows,
-  A as pageTarget,
-  o as snapPosition
+  L as CAROUSEL_DRAG_THRESHOLD,
+  h as CAROUSEL_TOLERANCE,
+  O as canScrollNext,
+  A as canScrollPrev,
+  C as currentIndex,
+  f as fullyVisible,
+  u as maxScroll,
+  E as nearestIndex,
+  R as overflows,
+  m as pageStep,
+  S as pageTarget,
+  p as revealTarget,
+  l as snapPosition
 };

package/dist/components/molecules/Carousel/carousel-selection.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=700;function d(r,t,n,i){if(!r||!n)return-1;const e=[...n].every(l=>l===n[0]),f=e?n[0]:n,u=e?t+1:t;for(let l=0;l<r;l++){const a=((u+l)%r+r)%r;if(i(a).trim().toLowerCase().startsWith(f))return a}return-1}function h(r,t,n){if(n===null)return null;const i=r.indexOf(n);if(i===-1)return null;for(let e=i+1;e<r.length;e++)if(t.has(r[e]))return r[e];for(let e=i-1;e>=0;e--)if(t.has(r[e]))return r[e];return null}exports.TYPEAHEAD_RESET_MS=s;exports.survivingNeighbor=h;exports.typeaheadIndex=d;

package/dist/components/molecules/Carousel/carousel-selection.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Selection mode's decisions that need no DOM: which option type-ahead lands
+ * on, and where the active option goes when the one it was on leaves.
+ *
+ * Pure, so they're tested with literals; the stories drive the real keys.
+ */
+/** How long a pause starts type-ahead over, in ms. */
+export declare const TYPEAHEAD_RESET_MS = 700;
+/**
+ * The option type-ahead lands on, or -1 for none.
+ *
+ * `text` is everything typed since the last pause, lowercased. One letter, or
+ * the same letter again and again, steps through the options starting with
+ * it, beginning after `from` and wrapping, so pressing "g" three times visits
+ * the third option starting with "g". Anything longer matches from `from`
+ * itself, so "gl" typed after "g" stays put when the active option already
+ * starts with "gl".
+ *
+ * `labelAt(i)` is option `i`'s text, read only as far as the search goes.
+ */
+export declare function typeaheadIndex(count: number, from: number, text: string, labelAt: (index: number) => string): number;
+/**
+ * Where the active option goes when its own has left the row: the nearest
+ * option after it that's still there, in the order before the change, else
+ * the nearest before it. `null` when none of its old neighbors is left, or
+ * when it wasn't in the old order at all.
+ */
+export declare function survivingNeighbor(previous: readonly string[], present: ReadonlySet<string>, lost: string | null): string | null;

package/dist/components/molecules/Carousel/carousel-selection.js

@@ -0,0 +1,23 @@
+const u = 700;
+function h(r, e, t, i) {
+  if (!r || !t) return -1;
+  const n = [...t].every((f) => f === t[0]), a = n ? t[0] : t, s = n ? e + 1 : e;
+  for (let f = 0; f < r; f++) {
+    const l = ((s + f) % r + r) % r;
+    if (i(l).trim().toLowerCase().startsWith(a)) return l;
+  }
+  return -1;
+}
+function c(r, e, t) {
+  if (t === null) return null;
+  const i = r.indexOf(t);
+  if (i === -1) return null;
+  for (let n = i + 1; n < r.length; n++) if (e.has(r[n])) return r[n];
+  for (let n = i - 1; n >= 0; n--) if (e.has(r[n])) return r[n];
+  return null;
+}
+export {
+  u as TYPEAHEAD_RESET_MS,
+  c as survivingNeighbor,
+  h as typeaheadIndex
+};

package/dist/internal/dev.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(){try{return process.env.NODE_ENV!=="production"}catch{return!0}}exports.isDevelopment=e;

package/dist/internal/dev.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Whether this is a development build of the consuming app, for warnings
+ * that cost something to check and say nothing a user needs.
+ *
+ * Written as `process.env.NODE_ENV` in full, because that's the expression a
+ * consumer's bundler replaces (Vite, webpack, Next). Roster's own build leaves
+ * it alone, so the consumer's build decides. A page with no bundler and no
+ * `process` counts as development.
+ */
+export declare function isDevelopment(): boolean;

package/dist/internal/dev.js

@@ -0,0 +1,10 @@
+function e() {
+  try {
+    return process.env.NODE_ENV !== "production";
+  } catch {
+    return !0;
+  }
+}
+export {
+  e as isDevelopment
+};

package/dist/meta.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.13.0",
-  "tests": 2431,
-  "testFiles": 606
+  "version": "5.14.0",
+  "tests": 2481,
+  "testFiles": 618
 }