@indielayer/ui 1.18.0 → 2.0.0

package/lib/virtual/core/getStartStopIndices.js

@@ -1,31 +1,22 @@
-function f({
-  cachedBounds: a,
-  containerScrollOffset: x,
-  containerSize: b,
-  itemCount: d,
-  overscanCount: I
-}) {
-  const i = d - 1;
-  let t = 0, n = -1, l = 0, r = -1, e = 0;
-  for (; e < i; ) {
-    const s = a.get(e);
-    if (s.scrollOffset + s.size > x)
-      break;
-    e++;
-  }
-  for (t = e, l = Math.max(0, t - I); e < i; ) {
-    const s = a.get(e);
-    if (s.scrollOffset + s.size >= x + b)
-      break;
-    e++;
-  }
-  return n = Math.min(i, e), r = Math.min(d - 1, n + I), t < 0 && (t = 0, n = -1, l = 0, r = -1), {
-    startIndexVisible: t,
-    stopIndexVisible: n,
-    startIndexOverscan: l,
-    stopIndexOverscan: r
-  };
+//#region src/virtual/core/getStartStopIndices.ts
+function e({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+	let a = r - 1, o = 0, s = -1, c = 0, l = -1, u = 0;
+	for (; u < a;) {
+		let n = e.get(u);
+		if (n.scrollOffset + n.size > t) break;
+		u++;
+	}
+	for (o = u, c = Math.max(0, o - i); u < a;) {
+		let r = e.get(u);
+		if (r.scrollOffset + r.size >= t + n) break;
+		u++;
+	}
+	return s = Math.min(a, u), l = Math.min(r - 1, s + i), o < 0 && (o = 0, s = -1, c = 0, l = -1), {
+		startIndexVisible: o,
+		stopIndexVisible: s,
+		startIndexOverscan: c,
+		stopIndexOverscan: l
+	};
 }
-export {
-  f as getStartStopIndices
-};
+//#endregion
+export { e as getStartStopIndices };

package/lib/virtual/core/useCachedBounds.js

@@ -1,18 +1,12 @@
+import { createCachedBounds as e } from "./createCachedBounds.js";
 import { computed as t } from "vue";
-import { createCachedBounds as u } from "./createCachedBounds.js";
-function m({
-  itemCount: o,
-  itemProps: e,
-  itemSize: r
-}) {
-  return t(
-    () => u({
-      itemCount: o,
-      itemProps: e,
-      itemSize: r
-    })
-  );
+//#region src/virtual/core/useCachedBounds.ts
+function n({ itemCount: n, itemProps: r, itemSize: i }) {
+	return t(() => e({
+		itemCount: n,
+		itemProps: r,
+		itemSize: i
+	}));
 }
-export {
-  m as useCachedBounds
-};
+//#endregion
+export { n as useCachedBounds };

package/lib/virtual/core/useIsRtl.js

@@ -1,15 +1,11 @@
-import { ref as a, watch as f } from "vue";
-import { isRtl as m } from "../utils/isRtl.js";
-function i(l, r) {
-  const t = a(r === "rtl");
-  return f(
-    [l, () => r],
-    ([u, e]) => {
-      u && (!e || e === "auto" ? t.value = m(u) : t.value = e === "rtl");
-    },
-    { immediate: !0 }
-  ), t;
+import { isRtl as e } from "../utils/isRtl.js";
+import { ref as t, watch as n } from "vue";
+//#region src/virtual/core/useIsRtl.ts
+function r(r, i) {
+	let a = t(i === "rtl");
+	return n([r, () => i], ([t, n]) => {
+		t && (!n || n === "auto" ? a.value = e(t) : a.value = n === "rtl");
+	}, { immediate: !0 }), a;
 }
-export {
-  i as useIsRtl
-};
+//#endregion
+export { r as useIsRtl };

package/lib/virtual/core/useItemSize.js

@@ -1,27 +1,16 @@
-import { assert as i } from "../utils/assert.js";
-function n({
-  containerSize: t,
-  itemSize: e
-}) {
-  let s;
-  switch (typeof e) {
-    case "string": {
-      i(
-        e.endsWith("%"),
-        `Invalid item size: "${e}"; string values must be percentages (e.g. "100%")`
-      ), i(
-        t !== void 0,
-        "Container size must be defined if a percentage item size is specified"
-      ), s = t * parseInt(e) / 100;
-      break;
-    }
-    default: {
-      s = e;
-      break;
-    }
-  }
-  return s;
+import { assert as e } from "../utils/assert.js";
+//#region src/virtual/core/useItemSize.ts
+function t({ containerSize: t, itemSize: n }) {
+	let r;
+	switch (typeof n) {
+		case "string":
+			e(n.endsWith("%"), `Invalid item size: "${n}"; string values must be percentages (e.g. "100%")`), e(t !== void 0, "Container size must be defined if a percentage item size is specified"), r = t * parseInt(n) / 100;
+			break;
+		default:
+			r = n;
+			break;
+	}
+	return r;
 }
-export {
-  n as useItemSize
-};
+//#endregion
+export { t as useItemSize };

package/lib/virtual/core/useVirtualizer.js

@@ -1,171 +1,146 @@
-import { computed as t, isRef as w, ref as b, watch as N } from "vue";
-import { useResizeObserver as q, useEventListener as A } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
-import { parseNumericStyleValue as $ } from "../utils/parseNumericStyleValue.js";
-import { adjustScrollOffsetForRtl as V } from "../utils/adjustScrollOffsetForRtl.js";
-import { shallowCompare as j } from "../utils/shallowCompare.js";
-import { getEstimatedSize as G } from "./getEstimatedSize.js";
-import { getOffsetForIndex as J } from "./getOffsetForIndex.js";
-import { getStartStopIndices as B } from "./getStartStopIndices.js";
-import { useCachedBounds as K } from "./useCachedBounds.js";
-import { useItemSize as Q } from "./useItemSize.js";
-function ie({
-  containerElement: u,
-  containerStyle: n,
-  defaultContainerSize: d = 0,
-  direction: i,
-  isRtl: p = !1,
-  itemCount: g,
-  itemProps: x,
-  itemSize: I,
-  onResize: T,
-  overscanCount: z
-}) {
-  const l = t(() => w(g) ? g.value : g), D = t(() => w(x) ? x.value : x), H = t(() => w(I) ? I.value : I), C = t(() => $(n == null ? void 0 : n.height)), M = t(() => $(n == null ? void 0 : n.width)), f = b({
-    height: i === "vertical" ? d : void 0,
-    width: i === "horizontal" ? d : void 0
-  }), R = t(
-    () => i === "vertical" && C.value !== void 0 || i === "horizontal" && M.value !== void 0
-  );
-  q(
-    u,
-    (e) => {
-      if (!R.value)
-        for (const s of e) {
-          const { contentRect: a } = s, o = f.value;
-          if (o.height === a.height && o.width === a.width)
-            return;
-          f.value = {
-            height: a.height,
-            width: a.width
-          };
-        }
-    }
-  );
-  const O = t(() => ({
-    height: C.value ?? f.value.height,
-    width: M.value ?? f.value.width
-  })), L = b({
-    height: 0,
-    width: 0
-  });
-  N(
-    O,
-    (e) => {
-      if (typeof T == "function") {
-        const s = L.value, a = e.height ?? 0, o = e.width ?? 0;
-        (s.height !== a || s.width !== o) && (T({ height: a, width: o }, { ...s }), L.value = { height: a, width: o });
-      }
-    },
-    { immediate: !0 }
-  );
-  const h = t(
-    () => i === "vertical" ? O.value.height ?? d : O.value.width ?? d
-  ), S = t(
-    () => Q({ containerSize: h.value, itemSize: H.value })
-  ), r = t(
-    () => K({
-      itemCount: l.value,
-      itemProps: D.value,
-      itemSize: S.value
-    }).value
-  ), W = (e) => r.value.get(e), v = b(
-    B({
-      cachedBounds: r.value,
-      containerScrollOffset: 0,
-      containerSize: h.value,
-      itemCount: l.value,
-      overscanCount: z
-    })
-  ), m = t(() => {
-    const e = v.value;
-    return {
-      startIndexVisible: Math.min(l.value - 1, e.startIndexVisible),
-      startIndexOverscan: Math.min(l.value - 1, e.startIndexOverscan),
-      stopIndexVisible: Math.min(l.value - 1, e.stopIndexVisible),
-      stopIndexOverscan: Math.min(l.value - 1, e.stopIndexOverscan)
-    };
-  }), k = t(
-    () => G({
-      cachedBounds: r.value,
-      itemCount: l.value,
-      itemSize: S.value
-    })
-  ), E = (e) => {
-    const s = V({
-      containerElement: u.value,
-      direction: i,
-      isRtl: p,
-      scrollOffset: e
-    });
-    return B({
-      cachedBounds: r.value,
-      containerScrollOffset: s,
-      containerSize: h.value,
-      itemCount: l.value,
-      overscanCount: z
-    });
-  };
-  return N(
-    [u, () => i, () => r.value],
-    ([e]) => {
-      const s = (i === "vertical" ? e == null ? void 0 : e.scrollTop : e == null ? void 0 : e.scrollLeft) ?? 0;
-      v.value = E(s);
-    },
-    { immediate: !0 }
-  ), A(u, "scroll", () => {
-    const e = u.value;
-    if (!e)
-      return;
-    const { scrollLeft: s, scrollTop: a } = e, o = V({
-      containerElement: e,
-      direction: i,
-      isRtl: p,
-      scrollOffset: i === "vertical" ? a : s
-    }), c = B({
-      cachedBounds: r.value,
-      containerScrollOffset: o,
-      containerSize: h.value,
-      itemCount: l.value,
-      overscanCount: z
-    });
-    j(c, v.value) || (v.value = c);
-  }), {
-    getCellBounds: W,
-    getEstimatedSize: k,
-    scrollToIndex: ({
-      align: e = "auto",
-      containerScrollOffset: s,
-      index: a
-    }) => {
-      let o = J({
-        align: e,
-        cachedBounds: r.value,
-        containerScrollOffset: s,
-        containerSize: h.value,
-        index: a,
-        itemCount: l.value,
-        itemSize: S.value
-      });
-      const c = u.value;
-      if (c) {
-        if (o = V({
-          containerElement: c,
-          direction: i,
-          isRtl: p,
-          scrollOffset: o
-        }), typeof c.scrollTo != "function") {
-          const F = E(o);
-          j(v.value, F) || (v.value = F);
-        }
-        return o;
-      }
-    },
-    startIndexOverscan: t(() => m.value.startIndexOverscan),
-    startIndexVisible: t(() => m.value.startIndexVisible),
-    stopIndexOverscan: t(() => m.value.stopIndexOverscan),
-    stopIndexVisible: t(() => m.value.stopIndexVisible)
-  };
+import { useEventListener as e, useResizeObserver as t } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.34_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import { parseNumericStyleValue as n } from "../utils/parseNumericStyleValue.js";
+import { adjustScrollOffsetForRtl as r } from "../utils/adjustScrollOffsetForRtl.js";
+import { shallowCompare as i } from "../utils/shallowCompare.js";
+import { getEstimatedSize as a } from "./getEstimatedSize.js";
+import { getOffsetForIndex as o } from "./getOffsetForIndex.js";
+import { getStartStopIndices as s } from "./getStartStopIndices.js";
+import { useCachedBounds as c } from "./useCachedBounds.js";
+import { useItemSize as l } from "./useItemSize.js";
+import { computed as u, isRef as d, ref as f, watch as p } from "vue";
+//#region src/virtual/core/useVirtualizer.ts
+function m({ containerElement: m, containerStyle: h, defaultContainerSize: g = 0, direction: _, isRtl: v = !1, itemCount: y, itemProps: b, itemSize: x, onResize: S, overscanCount: C }) {
+	let w = u(() => d(y) ? y.value : y), T = u(() => d(b) ? b.value : b), E = u(() => d(x) ? x.value : x), D = u(() => n(h?.height)), O = u(() => n(h?.width)), k = f({
+		height: _ === "vertical" ? g : void 0,
+		width: _ === "horizontal" ? g : void 0
+	}), A = u(() => _ === "vertical" && D.value !== void 0 || _ === "horizontal" && O.value !== void 0);
+	t(m, (e) => {
+		if (!A.value) for (let t of e) {
+			let { contentRect: e } = t, n = k.value;
+			if (n.height === e.height && n.width === e.width) return;
+			k.value = {
+				height: e.height,
+				width: e.width
+			};
+		}
+	});
+	let j = u(() => ({
+		height: D.value ?? k.value.height,
+		width: O.value ?? k.value.width
+	})), M = f({
+		height: 0,
+		width: 0
+	});
+	p(j, (e) => {
+		if (typeof S == "function") {
+			let t = M.value, n = e.height ?? 0, r = e.width ?? 0;
+			(t.height !== n || t.width !== r) && (S({
+				height: n,
+				width: r
+			}, { ...t }), M.value = {
+				height: n,
+				width: r
+			});
+		}
+	}, { immediate: !0 });
+	let N = u(() => _ === "vertical" ? j.value.height ?? g : j.value.width ?? g), P = u(() => l({
+		containerSize: N.value,
+		itemSize: E.value
+	})), F = u(() => c({
+		itemCount: w.value,
+		itemProps: T.value,
+		itemSize: P.value
+	}).value), I = (e) => F.value.get(e), L = f(s({
+		cachedBounds: F.value,
+		containerScrollOffset: 0,
+		containerSize: N.value,
+		itemCount: w.value,
+		overscanCount: C
+	})), R = u(() => {
+		let e = L.value;
+		return {
+			startIndexVisible: Math.min(w.value - 1, e.startIndexVisible),
+			startIndexOverscan: Math.min(w.value - 1, e.startIndexOverscan),
+			stopIndexVisible: Math.min(w.value - 1, e.stopIndexVisible),
+			stopIndexOverscan: Math.min(w.value - 1, e.stopIndexOverscan)
+		};
+	}), z = u(() => a({
+		cachedBounds: F.value,
+		itemCount: w.value,
+		itemSize: P.value
+	})), B = (e) => {
+		let t = r({
+			containerElement: m.value,
+			direction: _,
+			isRtl: v,
+			scrollOffset: e
+		});
+		return s({
+			cachedBounds: F.value,
+			containerScrollOffset: t,
+			containerSize: N.value,
+			itemCount: w.value,
+			overscanCount: C
+		});
+	};
+	return p([
+		m,
+		N,
+		w,
+		() => C,
+		() => F.value
+	], () => {
+		let e = m.value;
+		if (!e) return;
+		let t = B((_ === "vertical" ? e.scrollTop : e.scrollLeft) ?? 0);
+		i(t, L.value) || (L.value = t);
+	}, { immediate: !0 }), e(m, "scroll", () => {
+		let e = m.value;
+		if (!e) return;
+		let { scrollLeft: t, scrollTop: n } = e, a = r({
+			containerElement: e,
+			direction: _,
+			isRtl: v,
+			scrollOffset: _ === "vertical" ? n : t
+		}), o = s({
+			cachedBounds: F.value,
+			containerScrollOffset: a,
+			containerSize: N.value,
+			itemCount: w.value,
+			overscanCount: C
+		});
+		i(o, L.value) || (L.value = o);
+	}), {
+		getCellBounds: I,
+		getEstimatedSize: z,
+		scrollToIndex: ({ align: e = "auto", containerScrollOffset: t, index: n }) => {
+			let a = o({
+				align: e,
+				cachedBounds: F.value,
+				containerScrollOffset: t,
+				containerSize: N.value,
+				index: n,
+				itemCount: w.value,
+				itemSize: P.value
+			}), s = m.value;
+			if (s) {
+				if (a = r({
+					containerElement: s,
+					direction: _,
+					isRtl: v,
+					scrollOffset: a
+				}), typeof s.scrollTo != "function") {
+					let e = B(a);
+					i(L.value, e) || (L.value = e);
+				}
+				return a;
+			}
+		},
+		startIndexOverscan: u(() => R.value.startIndexOverscan),
+		startIndexVisible: u(() => R.value.startIndexVisible),
+		stopIndexOverscan: u(() => R.value.stopIndexOverscan),
+		stopIndexVisible: u(() => R.value.stopIndexVisible)
+	};
 }
-export {
-  ie as useVirtualizer
-};
+//#endregion
+export { m as useVirtualizer };

package/lib/virtual/utils/adjustScrollOffsetForRtl.js

@@ -1,24 +1,16 @@
-import { getRTLOffsetType as f } from "./getRTLOffsetType.js";
-function l({
-  containerElement: t,
-  direction: i,
-  isRtl: r,
-  scrollOffset: e
-}) {
-  if (i === "horizontal" && r)
-    switch (f()) {
-      case "negative":
-        return -e;
-      case "positive-descending": {
-        if (t) {
-          const { clientWidth: o, scrollLeft: s, scrollWidth: c } = t;
-          return c - o - s;
-        }
-        break;
-      }
-    }
-  return e;
+import { getRTLOffsetType as e } from "./getRTLOffsetType.js";
+//#region src/virtual/utils/adjustScrollOffsetForRtl.ts
+function t({ containerElement: t, direction: n, isRtl: r, scrollOffset: i }) {
+	if (n === "horizontal" && r) switch (e()) {
+		case "negative": return -i;
+		case "positive-descending":
+			if (t) {
+				let { clientWidth: e, scrollLeft: n, scrollWidth: r } = t;
+				return r - e - n;
+			}
+			break;
+	}
+	return i;
 }
-export {
-  l as adjustScrollOffsetForRtl
-};
+//#endregion
+export { t as adjustScrollOffsetForRtl };

package/lib/virtual/utils/assert.js

@@ -1,7 +1,6 @@
-function t(o, r = "Assertion error") {
-  if (!o)
-    throw console.error(r), Error(r);
+//#region src/virtual/utils/assert.ts
+function e(e, t = "Assertion error") {
+	if (!e) throw console.error(t), Error(t);
 }
-export {
-  t as assert
-};
+//#endregion
+export { e as assert };

package/lib/virtual/utils/getRTLOffsetType.js

@@ -1,13 +1,13 @@
-let t = null;
-function c(o = !1) {
-  if (t === null || o) {
-    const e = document.createElement("div"), l = e.style;
-    l.width = "50px", l.height = "50px", l.overflow = "scroll", l.direction = "rtl";
-    const n = document.createElement("div"), i = n.style;
-    return i.width = "100px", i.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? t = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? t = "negative" : t = "positive-ascending"), document.body.removeChild(e), t;
-  }
-  return t;
+//#region src/virtual/utils/getRTLOffsetType.ts
+var e = null;
+function t(t = !1) {
+	if (e === null || t) {
+		let t = document.createElement("div"), n = t.style;
+		n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
+		let r = document.createElement("div"), i = r.style;
+		return i.width = "100px", i.height = "100px", t.appendChild(r), document.body.appendChild(t), t.scrollLeft > 0 ? e = "positive-descending" : (t.scrollLeft = 1, e = t.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(t), e;
+	}
+	return e;
 }
-export {
-  c as getRTLOffsetType
-};
+//#endregion
+export { t as getRTLOffsetType };

package/lib/virtual/utils/getScrollbarSize.js

@@ -1,11 +1,11 @@
-let o = -1;
-function i(d = !1) {
-  if (o === -1 || d) {
-    const e = document.createElement("div"), t = e.style;
-    t.width = "50px", t.height = "50px", t.overflow = "scroll", document.body.appendChild(e), o = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
-  }
-  return o;
+//#region src/virtual/utils/getScrollbarSize.ts
+var e = -1;
+function t(t = !1) {
+	if (e === -1 || t) {
+		let t = document.createElement("div"), n = t.style;
+		n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), e = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+	}
+	return e;
 }
-export {
-  i as getScrollbarSize
-};
+//#endregion
+export { t as getScrollbarSize };

package/lib/virtual/utils/isRtl.js

@@ -1,12 +1,11 @@
-function t(r) {
-  let e = r;
-  for (; e; ) {
-    if (e.dir)
-      return e.dir === "rtl";
-    e = e.parentElement;
-  }
-  return !1;
+//#region src/virtual/utils/isRtl.ts
+function e(e) {
+	let t = e;
+	for (; t;) {
+		if (t.dir) return t.dir === "rtl";
+		t = t.parentElement;
+	}
+	return !1;
 }
-export {
-  t as isRtl
-};
+//#endregion
+export { e as isRtl };

package/lib/virtual/utils/parseNumericStyleValue.js

@@ -1,15 +1,11 @@
-function e(r) {
-  if (r !== void 0)
-    switch (typeof r) {
-      case "number":
-        return r;
-      case "string": {
-        if (r.endsWith("px"))
-          return parseFloat(r);
-        break;
-      }
-    }
+//#region src/virtual/utils/parseNumericStyleValue.ts
+function e(e) {
+	if (e !== void 0) switch (typeof e) {
+		case "number": return e;
+		case "string":
+			if (e.endsWith("px")) return parseFloat(e);
+			break;
+	}
 }
-export {
-  e as parseNumericStyleValue
-};
+//#endregion
+export { e as parseNumericStyleValue };