@plumile/ui 0.1.134 → 0.1.142

package/lib/esm/internal/data-table/virtualization.js

@@ -7,6 +7,6 @@ var e = (e, t, n) => Math.min(n, Math.max(t, e)), t = ({ overflowY: e, scrollHei
 	};
 };
 //#endregion
-export { e as clamp, r as computeVirtualWindowBounds, t as isVerticallyScrollable, n as shouldTriggerInfiniteLoad };
+export { e as clamp, r as computeVirtualWindowBounds, t as isVerticallyScrollable, n as shouldTriggerVirtualizedInfiniteLoad };
 
 //# sourceMappingURL=virtualization.js.map

package/lib/esm/internal/data-table/virtualization.js.map

@@ -1 +1 @@
-{"version":3,"file":"virtualization.js","names":[],"sources":["../../../../src/internal/data-table/virtualization.ts"],"sourcesContent":["export type VirtualWindow = {\n  startIndex: number;\n  endIndex: number;\n};\n\nexport type ComputeVirtualWindowInput = {\n  rowCount: number;\n  rowHeightPx: number;\n  overscan: number;\n  visibleTop: number;\n  visibleBottom: number;\n};\n\nexport type ShouldTriggerInfiniteLoadInput = {\n  autoLoad: boolean;\n  canLoadMore: boolean;\n  totalHeight: number;\n  visibleBottom: number;\n  thresholdPx: number;\n  isCoolingDown: boolean;\n};\n\nexport type VerticallyScrollableInput = {\n  overflowY: string;\n  scrollHeight: number;\n  clientHeight: number;\n};\n\nexport const clamp = (value: number, min: number, max: number): number => {\n  return Math.min(max, Math.max(min, value));\n};\n\nexport const isVerticallyScrollable = ({\n  overflowY,\n  scrollHeight,\n  clientHeight,\n}: VerticallyScrollableInput): boolean => {\n  if (\n    overflowY !== 'auto' &&\n    overflowY !== 'scroll' &&\n    overflowY !== 'overlay'\n  ) {\n    return false;\n  }\n\n  return scrollHeight > clientHeight + 1;\n};\n\nexport const shouldTriggerInfiniteLoad = ({\n  autoLoad,\n  canLoadMore,\n  totalHeight,\n  visibleBottom,\n  thresholdPx,\n  isCoolingDown,\n}: ShouldTriggerInfiniteLoadInput): boolean => {\n  if (!autoLoad || !canLoadMore || isCoolingDown) {\n    return false;\n  }\n\n  return totalHeight - visibleBottom <= thresholdPx;\n};\n\nexport const computeVirtualWindowBounds = ({\n  rowCount,\n  rowHeightPx,\n  overscan,\n  visibleTop,\n  visibleBottom,\n}: ComputeVirtualWindowInput): VirtualWindow => {\n  const totalHeight = rowCount * rowHeightPx;\n  const clampedBottom = clamp(visibleBottom, 0, totalHeight);\n  const clampedTop = clamp(visibleTop, 0, totalHeight);\n\n  const rawStart = Math.floor(clampedTop / rowHeightPx) - overscan;\n  const rawEnd = Math.ceil(clampedBottom / rowHeightPx) + overscan;\n\n  const startIndex = clamp(rawStart, 0, rowCount);\n  const endIndex = clamp(rawEnd, startIndex, rowCount);\n\n  return { startIndex, endIndex };\n};\n"],"mappings":";AA4BA,IAAa,KAAS,GAAe,GAAa,MACzC,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,EAAM,CAAC,EAG/B,KAA0B,EACrC,cACA,iBACA,sBAGE,MAAc,UACd,MAAc,YACd,MAAc,YAEP,KAGF,IAAe,IAAe,GAG1B,KAA6B,EACxC,aACA,gBACA,gBACA,kBACA,gBACA,uBAEI,CAAC,KAAY,CAAC,KAAe,IACxB,KAGF,IAAc,KAAiB,GAG3B,KAA8B,EACzC,aACA,gBACA,aACA,eACA,uBAC8C;CAC9C,IAAM,IAAc,IAAW,GACzB,IAAgB,EAAM,GAAe,GAAG,EAAY,EACpD,IAAa,EAAM,GAAY,GAAG,EAAY,EAE9C,IAAW,KAAK,MAAM,IAAa,EAAY,GAAG,GAClD,IAAS,KAAK,KAAK,IAAgB,EAAY,GAAG,GAElD,IAAa,EAAM,GAAU,GAAG,EAAS;CAG/C,OAAO;EAAE;EAAY,UAFJ,EAAM,GAAQ,GAAY,EAEtB;EAAU"}
+{"version":3,"file":"virtualization.js","names":[],"sources":["../../../../src/internal/data-table/virtualization.ts"],"sourcesContent":["export type VirtualWindow = {\n  startIndex: number;\n  endIndex: number;\n};\n\nexport type ComputeVirtualWindowInput = {\n  rowCount: number;\n  rowHeightPx: number;\n  overscan: number;\n  visibleTop: number;\n  visibleBottom: number;\n};\n\nexport type ShouldTriggerVirtualizedInfiniteLoadInput = {\n  autoLoad: boolean;\n  canLoadMore: boolean;\n  totalHeight: number;\n  visibleBottom: number;\n  thresholdPx: number;\n  isCoolingDown: boolean;\n};\n\nexport type VerticallyScrollableInput = {\n  overflowY: string;\n  scrollHeight: number;\n  clientHeight: number;\n};\n\nexport const clamp = (value: number, min: number, max: number): number => {\n  return Math.min(max, Math.max(min, value));\n};\n\nexport const isVerticallyScrollable = ({\n  overflowY,\n  scrollHeight,\n  clientHeight,\n}: VerticallyScrollableInput): boolean => {\n  if (\n    overflowY !== 'auto' &&\n    overflowY !== 'scroll' &&\n    overflowY !== 'overlay'\n  ) {\n    return false;\n  }\n\n  return scrollHeight > clientHeight + 1;\n};\n\nexport const shouldTriggerVirtualizedInfiniteLoad = ({\n  autoLoad,\n  canLoadMore,\n  totalHeight,\n  visibleBottom,\n  thresholdPx,\n  isCoolingDown,\n}: ShouldTriggerVirtualizedInfiniteLoadInput): boolean => {\n  if (!autoLoad || !canLoadMore || isCoolingDown) {\n    return false;\n  }\n\n  return totalHeight - visibleBottom <= thresholdPx;\n};\n\nexport const computeVirtualWindowBounds = ({\n  rowCount,\n  rowHeightPx,\n  overscan,\n  visibleTop,\n  visibleBottom,\n}: ComputeVirtualWindowInput): VirtualWindow => {\n  const totalHeight = rowCount * rowHeightPx;\n  const clampedBottom = clamp(visibleBottom, 0, totalHeight);\n  const clampedTop = clamp(visibleTop, 0, totalHeight);\n\n  const rawStart = Math.floor(clampedTop / rowHeightPx) - overscan;\n  const rawEnd = Math.ceil(clampedBottom / rowHeightPx) + overscan;\n\n  const startIndex = clamp(rawStart, 0, rowCount);\n  const endIndex = clamp(rawEnd, startIndex, rowCount);\n\n  return { startIndex, endIndex };\n};\n"],"mappings":";AA4BA,IAAa,KAAS,GAAe,GAAa,MACzC,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,EAAM,CAAC,EAG/B,KAA0B,EACrC,cACA,iBACA,sBAGE,MAAc,UACd,MAAc,YACd,MAAc,YAEP,KAGF,IAAe,IAAe,GAG1B,KAAwC,EACnD,aACA,gBACA,gBACA,kBACA,gBACA,uBAEI,CAAC,KAAY,CAAC,KAAe,IACxB,KAGF,IAAc,KAAiB,GAG3B,KAA8B,EACzC,aACA,gBACA,aACA,eACA,uBAC8C;CAC9C,IAAM,IAAc,IAAW,GACzB,IAAgB,EAAM,GAAe,GAAG,EAAY,EACpD,IAAa,EAAM,GAAY,GAAG,EAAY,EAE9C,IAAW,KAAK,MAAM,IAAa,EAAY,GAAG,GAClD,IAAS,KAAK,KAAK,IAAgB,EAAY,GAAG,GAElD,IAAa,EAAM,GAAU,GAAG,EAAS;CAG/C,OAAO;EAAE;EAAY,UAFJ,EAAM,GAAQ,GAAY,EAEtB;EAAU"}

package/lib/esm/internal/infinite/infiniteLoad.js

@@ -0,0 +1,23 @@
+//#region src/internal/infinite/infiniteLoad.ts
+var e = ({ enabled: e, hasNext: t, isLoading: n }) => e && t && !n, t = ({ enabled: t, hasNext: n, isLoading: r, autoLoad: i, isCoolingDown: a }) => i && !a && e({
+	enabled: t,
+	hasNext: n,
+	isLoading: r
+}), n = ({ thresholdPx: e = 800, rootMargin: t, axis: n = "vertical" }) => t ?? (n === "both" ? `${e}px` : `0px 0px ${e}px 0px`), r = ({ cooldownMs: e }) => {
+	let t = !1, n = null;
+	return {
+		isCoolingDown: () => t,
+		run: (r) => {
+			t || (t = !0, r(), n = setTimeout(() => {
+				t = !1, n = null;
+			}, e));
+		},
+		clear: () => {
+			n != null && clearTimeout(n), n = null, t = !1;
+		}
+	};
+};
+//#endregion
+export { r as createInfiniteCooldown, n as resolveInfiniteRootMargin, e as shouldObserveInfiniteTrigger, t as shouldTriggerInfiniteLoad };
+
+//# sourceMappingURL=infiniteLoad.js.map

package/lib/esm/internal/infinite/infiniteLoad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"infiniteLoad.js","names":[],"sources":["../../../../src/internal/infinite/infiniteLoad.ts"],"sourcesContent":["export type InfiniteLoadStateInput = {\n  enabled: boolean;\n  hasNext: boolean;\n  isLoading: boolean;\n};\n\nexport type ShouldTriggerInfiniteLoadInput = InfiniteLoadStateInput & {\n  autoLoad: boolean;\n  isCoolingDown: boolean;\n};\n\nexport type InfiniteRootMarginAxis = 'vertical' | 'both';\n\nexport type ResolveInfiniteRootMarginInput = {\n  thresholdPx?: number;\n  rootMargin?: string;\n  axis?: InfiniteRootMarginAxis;\n};\n\nexport type InfiniteCooldown = {\n  isCoolingDown: () => boolean;\n  run: (callback: () => void) => void;\n  clear: () => void;\n};\n\nexport const shouldObserveInfiniteTrigger = ({\n  enabled,\n  hasNext,\n  isLoading,\n}: InfiniteLoadStateInput): boolean => {\n  return enabled && hasNext && !isLoading;\n};\n\nexport const shouldTriggerInfiniteLoad = ({\n  enabled,\n  hasNext,\n  isLoading,\n  autoLoad,\n  isCoolingDown,\n}: ShouldTriggerInfiniteLoadInput): boolean => {\n  return (\n    autoLoad &&\n    !isCoolingDown &&\n    shouldObserveInfiniteTrigger({ enabled, hasNext, isLoading })\n  );\n};\n\nexport const resolveInfiniteRootMargin = ({\n  thresholdPx = 800,\n  rootMargin,\n  axis = 'vertical',\n}: ResolveInfiniteRootMarginInput): string => {\n  if (rootMargin != null) {\n    return rootMargin;\n  }\n\n  if (axis === 'both') {\n    return `${thresholdPx}px`;\n  }\n\n  return `0px 0px ${thresholdPx}px 0px`;\n};\n\nexport const createInfiniteCooldown = ({\n  cooldownMs,\n}: {\n  cooldownMs: number;\n}): InfiniteCooldown => {\n  let coolingDown = false;\n  let timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n  return {\n    isCoolingDown: () => {\n      return coolingDown;\n    },\n    run: (callback) => {\n      if (coolingDown) {\n        return;\n      }\n\n      coolingDown = true;\n      callback();\n      timeoutId = setTimeout(() => {\n        coolingDown = false;\n        timeoutId = null;\n      }, cooldownMs);\n    },\n    clear: () => {\n      if (timeoutId != null) {\n        clearTimeout(timeoutId);\n      }\n      timeoutId = null;\n      coolingDown = false;\n    },\n  };\n};\n"],"mappings":";AAyBA,IAAa,KAAgC,EAC3C,YACA,YACA,mBAEO,KAAW,KAAW,CAAC,GAGnB,KAA6B,EACxC,YACA,YACA,cACA,aACA,uBAGE,KACA,CAAC,KACD,EAA6B;CAAE;CAAS;CAAS;CAAW,CAAC,EAIpD,KAA6B,EACxC,iBAAc,KACd,eACA,UAAO,iBAEH,MAIA,MAAS,SACJ,GAAG,EAAY,MAGjB,WAAW,EAAY,UAGnB,KAA0B,EACrC,oBAGsB;CACtB,IAAI,IAAc,IACd,IAAkD;CAEtD,OAAO;EACL,qBACS;EAET,MAAM,MAAa;GACb,MAIJ,IAAc,IACd,GAAU,EACV,IAAY,iBAAiB;IAE3B,AADA,IAAc,IACd,IAAY;MACX,EAAW;;EAEhB,aAAa;GAKX,AAJI,KAAa,QACf,aAAa,EAAU,EAEzB,IAAY,MACZ,IAAc;;EAEjB"}