@k2b/ui 0.24.0 → 0.26.0

package/dist/ssr/content/calendar-month-scroll.js

@@ -0,0 +1,80 @@
+/**
+ * Scroll rules of the continuous month view, free of the DOM so they can be tested.
+ *
+ * Uniform week rows run below a sticky weekday header without stops. The center row names the month, and rows
+ * visible by more than half supply the host's dates. Calendar day keys keep week arithmetic independent of DST.
+ */
+import { addDayKeys, dayKeyNumber } from "./calendar-days";
+export const MONTH_ROWS_IN_VIEW = 5;
+export const MONTH_ROW_BLOCK = 8;
+
+/** Whole weeks covering the loaded days, with an exclusive end and the date context's first weekday. */
+export const monthWeekKeys = (first, to, firstDayOfWeek) => {
+  if (first >= to) return [];
+  const weekday = ((dayKeyNumber(first) + 4) % 7 + 7) % 7;
+  const start = addDayKeys(first, -((weekday - firstDayOfWeek + 7) % 7));
+  const count = Math.ceil((dayKeyNumber(to) - dayKeyNumber(start)) / 7);
+  return Array.from({
+    length: count
+  }, (_, index) => addDayKeys(start, index * 7));
+};
+
+/** The row at the center of the area below the weekday header, clamped to the loaded weeks. */
+export const monthFocusRow = (top, viewHeight, rowHeight, total) => Math.max(0, Math.min(total - 1, rowHeight > 0 ? Math.floor((top + viewHeight / 2) / rowHeight) : 0));
+
+/** The middle day of a week names its month: Thursday for Monday weeks, Wednesday for Sunday weeks. */
+export const monthOfWeek = week => `${addDayKeys(week, 3).slice(0, 7)}-01`;
+
+/** The loaded row containing a day, including the first of a month; absent outside the loaded weeks. */
+export const monthRowOf = (weeks, key) => {
+  if (!weeks.length) return undefined;
+  const row = Math.floor((dayKeyNumber(key) - dayKeyNumber(weeks[0])) / 7);
+  return row >= 0 && row < weeks.length ? row : undefined;
+};
+
+/** The half-open interval of rows whose visible height exceeds half a row. */
+export const monthVisibleRows = (top, viewHeight, rowHeight, total) => {
+  if (rowHeight <= 0 || total === 0) return {
+    first: 0,
+    end: 0
+  };
+  const first = Math.max(0, Math.min(total, Math.floor(top / rowHeight + 0.5)));
+  const end = Math.max(first, Math.min(total, Math.ceil((top + viewHeight) / rowHeight - 0.5)));
+  return {
+    first,
+    end
+  };
+};
+
+/** One block above and below the visible rows' blocks; the window changes only at their block boundaries. */
+export const monthRenderWindow = (top, viewHeight, rowHeight, total) => {
+  if (rowHeight <= 0 || total === 0) return {
+    first: 0,
+    end: 0
+  };
+  const {
+    first,
+    end
+  } = monthVisibleRows(top, viewHeight, rowHeight, total);
+  const last = Math.max(first, end - 1);
+  return {
+    first: Math.max(0, (Math.floor(first / MONTH_ROW_BLOCK) - 1) * MONTH_ROW_BLOCK),
+    end: Math.min(total, (Math.floor(last / MONTH_ROW_BLOCK) + 2) * MONTH_ROW_BLOCK)
+  };
+};
+
+/** The least movement that shows a row whole, or nothing when it is already fully in view. */
+export const monthRevealTop = (row, top, viewHeight, rowHeight) => {
+  const start = row * rowHeight;
+  if (start < top) return start;
+  if (start + rowHeight > top + viewHeight) return Math.max(0, start + rowHeight - viewHeight);
+  return undefined;
+};
+
+/** Today points up or down until more than half its row is visible. */
+export const monthTodayDirection = (row, top, viewHeight, rowHeight) => {
+  const start = row * rowHeight;
+  const visible = Math.min(start + rowHeight, top + viewHeight) - Math.max(start, top);
+  return visible > rowHeight / 2 ? "" : start < top ? "up" : "down";
+};
+//# sourceMappingURL=calendar-month-scroll.js.map

package/dist/ssr/content/calendar-month-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/calendar-month-scroll.ts"],"sourcesContent":["/**\n * Scroll rules of the continuous month view, free of the DOM so they can be tested.\n *\n * Uniform week rows run below a sticky weekday header without stops. The center row names the month, and rows\n * visible by more than half supply the host's dates. Calendar day keys keep week arithmetic independent of DST.\n */\nimport { addDayKeys, dayKeyNumber } from \"./calendar-days\";\nimport type { TodayDirection } from \"./calendar-time-view\";\n\nexport const MONTH_ROWS_IN_VIEW = 5;\nexport const MONTH_ROW_BLOCK = 8;\n\n/** Whole weeks covering the loaded days, with an exclusive end and the date context's first weekday. */\nexport const monthWeekKeys = (first: string, to: string, firstDayOfWeek: 0 | 1): string[] => {\n  if (first >= to) return [];\n  const weekday = (((dayKeyNumber(first) + 4) % 7) + 7) % 7;\n  const start = addDayKeys(first, -((weekday - firstDayOfWeek + 7) % 7));\n  const count = Math.ceil((dayKeyNumber(to) - dayKeyNumber(start)) / 7);\n  return Array.from({ length: count }, (_, index) => addDayKeys(start, index * 7));\n};\n\n/** The row at the center of the area below the weekday header, clamped to the loaded weeks. */\nexport const monthFocusRow = (top: number, viewHeight: number, rowHeight: number, total: number): number =>\n  Math.max(0, Math.min(total - 1, rowHeight > 0 ? Math.floor((top + viewHeight / 2) / rowHeight) : 0));\n\n/** The middle day of a week names its month: Thursday for Monday weeks, Wednesday for Sunday weeks. */\nexport const monthOfWeek = (week: string): string => `${addDayKeys(week, 3).slice(0, 7)}-01`;\n\n/** The loaded row containing a day, including the first of a month; absent outside the loaded weeks. */\nexport const monthRowOf = (weeks: readonly string[], key: string): number | undefined => {\n  if (!weeks.length) return undefined;\n  const row = Math.floor((dayKeyNumber(key) - dayKeyNumber(weeks[0]!)) / 7);\n  return row >= 0 && row < weeks.length ? row : undefined;\n};\n\n/** The half-open interval of rows whose visible height exceeds half a row. */\nexport const monthVisibleRows = (top: number, viewHeight: number, rowHeight: number, total: number): { first: number; end: number } => {\n  if (rowHeight <= 0 || total === 0) return { first: 0, end: 0 };\n  const first = Math.max(0, Math.min(total, Math.floor(top / rowHeight + 0.5)));\n  const end = Math.max(first, Math.min(total, Math.ceil((top + viewHeight) / rowHeight - 0.5)));\n  return { first, end };\n};\n\n/** One block above and below the visible rows' blocks; the window changes only at their block boundaries. */\nexport const monthRenderWindow = (top: number, viewHeight: number, rowHeight: number, total: number): { first: number; end: number } => {\n  if (rowHeight <= 0 || total === 0) return { first: 0, end: 0 };\n  const { first, end } = monthVisibleRows(top, viewHeight, rowHeight, total);\n  const last = Math.max(first, end - 1);\n  return {\n    first: Math.max(0, (Math.floor(first / MONTH_ROW_BLOCK) - 1) * MONTH_ROW_BLOCK),\n    end: Math.min(total, (Math.floor(last / MONTH_ROW_BLOCK) + 2) * MONTH_ROW_BLOCK),\n  };\n};\n\n/** The least movement that shows a row whole, or nothing when it is already fully in view. */\nexport const monthRevealTop = (row: number, top: number, viewHeight: number, rowHeight: number): number | undefined => {\n  const start = row * rowHeight;\n  if (start < top) return start;\n  if (start + rowHeight > top + viewHeight) return Math.max(0, start + rowHeight - viewHeight);\n  return undefined;\n};\n\n/** Today points up or down until more than half its row is visible. */\nexport const monthTodayDirection = (row: number, top: number, viewHeight: number, rowHeight: number): TodayDirection => {\n  const start = row * rowHeight;\n  const visible = Math.min(start + rowHeight, top + viewHeight) - Math.max(start, top);\n  return visible > rowHeight / 2 ? \"\" : start < top ? \"up\" : \"down\";\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/calendar-time-view.js

@@ -50,7 +50,6 @@ export const eventAccent = event => event.colorHex ?? COLOR_TOKENS[event.color ?
 
 /** Minimum minutes an overlap counts for a band, about the height of its title. */
 const LANE_MINUTES = 20;
-export const reducedMotion = () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 
 /** Swallows the click a browser sends right after a gesture ends, never the next one. */
 export const swallowNextClick = () => {