@sprawlify/primitives 0.0.1

package/dist/scroll-snap-CrTmQRzA.mjs

@@ -0,0 +1,152 @@
+import { Yt as getComputedStyle } from "./dom-query-DFCRhyj1.mjs";
+
+//#region src/shared/scroll-snap/index.ts
+function getScrollPadding(element) {
+	const style = getComputedStyle(element);
+	const rect = element.getBoundingClientRect();
+	let xBeforeRaw = style.getPropertyValue("scroll-padding-left").replace("auto", "0px");
+	let yBeforeRaw = style.getPropertyValue("scroll-padding-top").replace("auto", "0px");
+	let xAfterRaw = style.getPropertyValue("scroll-padding-right").replace("auto", "0px");
+	let yAfterRaw = style.getPropertyValue("scroll-padding-bottom").replace("auto", "0px");
+	function convert(raw, size) {
+		let n = parseFloat(raw);
+		if (/%/.test(raw)) {
+			n /= 100;
+			n *= size;
+		}
+		return Number.isNaN(n) ? 0 : n;
+	}
+	let xBefore = convert(xBeforeRaw, rect.width);
+	let yBefore = convert(yBeforeRaw, rect.height);
+	let xAfter = convert(xAfterRaw, rect.width);
+	let yAfter = convert(yAfterRaw, rect.height);
+	return {
+		x: {
+			before: xBefore,
+			after: xAfter
+		},
+		y: {
+			before: yBefore,
+			after: yAfter
+		}
+	};
+}
+function isRectIntersecting(a, b, axis = "both") {
+	return axis === "x" && a.right >= b.left && a.left <= b.right || axis === "y" && a.bottom >= b.top && a.top <= b.bottom || axis === "both" && a.right >= b.left && a.left <= b.right && a.bottom >= b.top && a.top <= b.bottom;
+}
+function getDescendants(parent) {
+	let children = [];
+	for (const child of parent.children) children = children.concat(child, getDescendants(child));
+	return children;
+}
+function getSnapPositions(parent, subtree = false) {
+	const parentRect = parent.getBoundingClientRect();
+	const positions = {
+		x: {
+			start: [],
+			center: [],
+			end: []
+		},
+		y: {
+			start: [],
+			center: [],
+			end: []
+		}
+	};
+	const children = subtree ? getDescendants(parent) : parent.children;
+	for (const axis of ["x", "y"]) {
+		const orthogonalAxis = axis === "x" ? "y" : "x";
+		const axisStart = axis === "x" ? "left" : "top";
+		const axisSize = axis === "x" ? "width" : "height";
+		const axisScroll = axis === "x" ? "scrollLeft" : "scrollTop";
+		for (const child of children) {
+			const childRect = child.getBoundingClientRect();
+			if (!isRectIntersecting(parentRect, childRect, orthogonalAxis)) continue;
+			let [childAlignY, childAlignX] = getComputedStyle(child).getPropertyValue("scroll-snap-align").split(" ");
+			if (typeof childAlignX === "undefined") childAlignX = childAlignY;
+			const childAlign = axis === "x" ? childAlignX : childAlignY;
+			const childOffsetStart = childRect[axisStart] - parentRect[axisStart] + parent[axisScroll];
+			switch (childAlign) {
+				case "none": break;
+				case "start":
+					positions[axis].start.push({
+						node: child,
+						position: childOffsetStart
+					});
+					break;
+				case "center":
+					positions[axis].center.push({
+						node: child,
+						position: childOffsetStart + childRect[axisSize] / 2
+					});
+					break;
+				case "end":
+					positions[axis].end.push({
+						node: child,
+						position: childOffsetStart + childRect[axisSize]
+					});
+					break;
+			}
+		}
+	}
+	return positions;
+}
+function getScrollSnapPositions(element) {
+	const rect = element.getBoundingClientRect();
+	const scrollPadding = getScrollPadding(element);
+	const snapPositions = getSnapPositions(element);
+	const maxScroll = {
+		x: element.scrollWidth - element.offsetWidth,
+		y: element.scrollHeight - element.offsetHeight
+	};
+	return {
+		x: uniq([
+			...snapPositions.x.start.map((v) => v.position - scrollPadding.x.before),
+			...snapPositions.x.center.map((v) => v.position - rect.width / 2),
+			...snapPositions.x.end.map((v) => v.position - rect.width + scrollPadding.x.after)
+		].map(clamp(0, maxScroll.x))),
+		y: uniq([
+			...snapPositions.y.start.map((v) => v.position - scrollPadding.y.before),
+			...snapPositions.y.center.map((v) => v.position - rect.height / 2),
+			...snapPositions.y.end.map((v) => v.position - rect.height + scrollPadding.y.after)
+		].map(clamp(0, maxScroll.y)))
+	};
+}
+function findSnapPoint(parent, axis, predicate) {
+	const snapPositions = getSnapPositions(parent);
+	const items = [
+		...snapPositions[axis].start,
+		...snapPositions[axis].center,
+		...snapPositions[axis].end
+	];
+	for (const item of items) if (predicate(item.node)) return item.position;
+}
+function getSnapPointTarget(parent, snapPoint) {
+	const rect = parent.getBoundingClientRect();
+	const scrollPadding = getScrollPadding(parent);
+	const children = Array.from(parent.children);
+	for (const child of children) {
+		const childRect = child.getBoundingClientRect();
+		const childOffsetStart = {
+			x: childRect.left - rect.left + parent.scrollLeft,
+			y: childRect.top - rect.top + parent.scrollTop
+		};
+		const matchesX = [
+			childOffsetStart.x - scrollPadding.x.before,
+			childOffsetStart.x + childRect.width / 2 - rect.width / 2,
+			childOffsetStart.x + childRect.width - rect.width + scrollPadding.x.after
+		].some((pos) => Math.abs(pos - snapPoint) < 1);
+		const matchesY = [
+			childOffsetStart.y - scrollPadding.y.before,
+			childOffsetStart.y + childRect.height / 2 - rect.height / 2,
+			childOffsetStart.y + childRect.height - rect.height + scrollPadding.y.after
+		].some((pos) => Math.abs(pos - snapPoint) < 1);
+		if (matchesX || matchesY) return child;
+	}
+	return children[0];
+}
+const uniq = (arr) => [...new Set(arr)];
+const clamp = (min, max) => (value) => Math.max(min, Math.min(max, value));
+
+//#endregion
+export { getSnapPositions as i, getScrollSnapPositions as n, getSnapPointTarget as r, findSnapPoint as t };

package/dist/scroll-snap-zyiZLv7W.cjs

@@ -0,0 +1,175 @@
+const require_dom_query = require('./dom-query-CWZdWUGp.cjs');
+
+//#region src/shared/scroll-snap/index.ts
+function getScrollPadding(element) {
+	const style = require_dom_query.getComputedStyle(element);
+	const rect = element.getBoundingClientRect();
+	let xBeforeRaw = style.getPropertyValue("scroll-padding-left").replace("auto", "0px");
+	let yBeforeRaw = style.getPropertyValue("scroll-padding-top").replace("auto", "0px");
+	let xAfterRaw = style.getPropertyValue("scroll-padding-right").replace("auto", "0px");
+	let yAfterRaw = style.getPropertyValue("scroll-padding-bottom").replace("auto", "0px");
+	function convert(raw, size) {
+		let n = parseFloat(raw);
+		if (/%/.test(raw)) {
+			n /= 100;
+			n *= size;
+		}
+		return Number.isNaN(n) ? 0 : n;
+	}
+	let xBefore = convert(xBeforeRaw, rect.width);
+	let yBefore = convert(yBeforeRaw, rect.height);
+	let xAfter = convert(xAfterRaw, rect.width);
+	let yAfter = convert(yAfterRaw, rect.height);
+	return {
+		x: {
+			before: xBefore,
+			after: xAfter
+		},
+		y: {
+			before: yBefore,
+			after: yAfter
+		}
+	};
+}
+function isRectIntersecting(a, b, axis = "both") {
+	return axis === "x" && a.right >= b.left && a.left <= b.right || axis === "y" && a.bottom >= b.top && a.top <= b.bottom || axis === "both" && a.right >= b.left && a.left <= b.right && a.bottom >= b.top && a.top <= b.bottom;
+}
+function getDescendants(parent) {
+	let children = [];
+	for (const child of parent.children) children = children.concat(child, getDescendants(child));
+	return children;
+}
+function getSnapPositions(parent, subtree = false) {
+	const parentRect = parent.getBoundingClientRect();
+	const positions = {
+		x: {
+			start: [],
+			center: [],
+			end: []
+		},
+		y: {
+			start: [],
+			center: [],
+			end: []
+		}
+	};
+	const children = subtree ? getDescendants(parent) : parent.children;
+	for (const axis of ["x", "y"]) {
+		const orthogonalAxis = axis === "x" ? "y" : "x";
+		const axisStart = axis === "x" ? "left" : "top";
+		const axisSize = axis === "x" ? "width" : "height";
+		const axisScroll = axis === "x" ? "scrollLeft" : "scrollTop";
+		for (const child of children) {
+			const childRect = child.getBoundingClientRect();
+			if (!isRectIntersecting(parentRect, childRect, orthogonalAxis)) continue;
+			let [childAlignY, childAlignX] = require_dom_query.getComputedStyle(child).getPropertyValue("scroll-snap-align").split(" ");
+			if (typeof childAlignX === "undefined") childAlignX = childAlignY;
+			const childAlign = axis === "x" ? childAlignX : childAlignY;
+			const childOffsetStart = childRect[axisStart] - parentRect[axisStart] + parent[axisScroll];
+			switch (childAlign) {
+				case "none": break;
+				case "start":
+					positions[axis].start.push({
+						node: child,
+						position: childOffsetStart
+					});
+					break;
+				case "center":
+					positions[axis].center.push({
+						node: child,
+						position: childOffsetStart + childRect[axisSize] / 2
+					});
+					break;
+				case "end":
+					positions[axis].end.push({
+						node: child,
+						position: childOffsetStart + childRect[axisSize]
+					});
+					break;
+			}
+		}
+	}
+	return positions;
+}
+function getScrollSnapPositions(element) {
+	const rect = element.getBoundingClientRect();
+	const scrollPadding = getScrollPadding(element);
+	const snapPositions = getSnapPositions(element);
+	const maxScroll = {
+		x: element.scrollWidth - element.offsetWidth,
+		y: element.scrollHeight - element.offsetHeight
+	};
+	return {
+		x: uniq([
+			...snapPositions.x.start.map((v) => v.position - scrollPadding.x.before),
+			...snapPositions.x.center.map((v) => v.position - rect.width / 2),
+			...snapPositions.x.end.map((v) => v.position - rect.width + scrollPadding.x.after)
+		].map(clamp(0, maxScroll.x))),
+		y: uniq([
+			...snapPositions.y.start.map((v) => v.position - scrollPadding.y.before),
+			...snapPositions.y.center.map((v) => v.position - rect.height / 2),
+			...snapPositions.y.end.map((v) => v.position - rect.height + scrollPadding.y.after)
+		].map(clamp(0, maxScroll.y)))
+	};
+}
+function findSnapPoint(parent, axis, predicate) {
+	const snapPositions = getSnapPositions(parent);
+	const items = [
+		...snapPositions[axis].start,
+		...snapPositions[axis].center,
+		...snapPositions[axis].end
+	];
+	for (const item of items) if (predicate(item.node)) return item.position;
+}
+function getSnapPointTarget(parent, snapPoint) {
+	const rect = parent.getBoundingClientRect();
+	const scrollPadding = getScrollPadding(parent);
+	const children = Array.from(parent.children);
+	for (const child of children) {
+		const childRect = child.getBoundingClientRect();
+		const childOffsetStart = {
+			x: childRect.left - rect.left + parent.scrollLeft,
+			y: childRect.top - rect.top + parent.scrollTop
+		};
+		const matchesX = [
+			childOffsetStart.x - scrollPadding.x.before,
+			childOffsetStart.x + childRect.width / 2 - rect.width / 2,
+			childOffsetStart.x + childRect.width - rect.width + scrollPadding.x.after
+		].some((pos) => Math.abs(pos - snapPoint) < 1);
+		const matchesY = [
+			childOffsetStart.y - scrollPadding.y.before,
+			childOffsetStart.y + childRect.height / 2 - rect.height / 2,
+			childOffsetStart.y + childRect.height - rect.height + scrollPadding.y.after
+		].some((pos) => Math.abs(pos - snapPoint) < 1);
+		if (matchesX || matchesY) return child;
+	}
+	return children[0];
+}
+const uniq = (arr) => [...new Set(arr)];
+const clamp = (min, max) => (value) => Math.max(min, Math.min(max, value));
+
+//#endregion
+Object.defineProperty(exports, 'findSnapPoint', {
+  enumerable: true,
+  get: function () {
+    return findSnapPoint;
+  }
+});
+Object.defineProperty(exports, 'getScrollSnapPositions', {
+  enumerable: true,
+  get: function () {
+    return getScrollSnapPositions;
+  }
+});
+Object.defineProperty(exports, 'getSnapPointTarget', {
+  enumerable: true,
+  get: function () {
+    return getSnapPointTarget;
+  }
+});
+Object.defineProperty(exports, 'getSnapPositions', {
+  enumerable: true,
+  get: function () {
+    return getSnapPositions;
+  }
+});

package/dist/scroll-snap.cjs

@@ -0,0 +1,7 @@
+require('./dom-query-CWZdWUGp.cjs');
+const require_scroll_snap = require('./scroll-snap-zyiZLv7W.cjs');
+
+exports.findSnapPoint = require_scroll_snap.findSnapPoint;
+exports.getScrollSnapPositions = require_scroll_snap.getScrollSnapPositions;
+exports.getSnapPointTarget = require_scroll_snap.getSnapPointTarget;
+exports.getSnapPositions = require_scroll_snap.getSnapPositions;

package/dist/scroll-snap.d.cts

@@ -0,0 +1,14 @@
+//#region src/shared/scroll-snap/index.d.ts
+type ScrollAxis = "x" | "y";
+type ScrollDirection = "left" | "right" | "up" | "down";
+type ScrollSnapAlignment = "start" | "end" | "center" | "none";
+type SnapPositionList = Record<Exclude<ScrollSnapAlignment, "none">, Array<{
+  node: Element;
+  position: number;
+}>>;
+declare function getSnapPositions(parent: HTMLElement, subtree?: boolean): Record<ScrollAxis, SnapPositionList>;
+declare function getScrollSnapPositions(element: HTMLElement): Record<ScrollAxis, number[]>;
+declare function findSnapPoint(parent: HTMLElement, axis: ScrollAxis, predicate: (node: HTMLElement) => boolean): number | undefined;
+declare function getSnapPointTarget(parent: HTMLElement, snapPoint: number): HTMLElement;
+//#endregion
+export { ScrollAxis, ScrollDirection, ScrollSnapAlignment, SnapPositionList, findSnapPoint, getScrollSnapPositions, getSnapPointTarget, getSnapPositions };

package/dist/scroll-snap.d.mts

@@ -0,0 +1,14 @@
+//#region src/shared/scroll-snap/index.d.ts
+type ScrollAxis = "x" | "y";
+type ScrollDirection = "left" | "right" | "up" | "down";
+type ScrollSnapAlignment = "start" | "end" | "center" | "none";
+type SnapPositionList = Record<Exclude<ScrollSnapAlignment, "none">, Array<{
+  node: Element;
+  position: number;
+}>>;
+declare function getSnapPositions(parent: HTMLElement, subtree?: boolean): Record<ScrollAxis, SnapPositionList>;
+declare function getScrollSnapPositions(element: HTMLElement): Record<ScrollAxis, number[]>;
+declare function findSnapPoint(parent: HTMLElement, axis: ScrollAxis, predicate: (node: HTMLElement) => boolean): number | undefined;
+declare function getSnapPointTarget(parent: HTMLElement, snapPoint: number): HTMLElement;
+//#endregion
+export { ScrollAxis, ScrollDirection, ScrollSnapAlignment, SnapPositionList, findSnapPoint, getScrollSnapPositions, getSnapPointTarget, getSnapPositions };

package/dist/scroll-snap.mjs

@@ -0,0 +1,4 @@
+import "./dom-query-DFCRhyj1.mjs";
+import { i as getSnapPositions, n as getScrollSnapPositions, r as getSnapPointTarget, t as findSnapPoint } from "./scroll-snap-CrTmQRzA.mjs";
+
+export { findSnapPoint, getScrollSnapPositions, getSnapPointTarget, getSnapPositions };

package/dist/selection-BIhSzkF7.d.mts

@@ -0,0 +1,50 @@
+import { r as CollectionOptions, t as CollectionItem } from "./types-Bl_6JtPQ.mjs";
+import { t as ListCollection } from "./list-collection-Db3eixRU.mjs";
+
+//#region src/shared/collection/grid-collection.d.ts
+interface GridCollectionOptions<T> extends CollectionOptions<T> {
+  columnCount: number;
+}
+declare class GridCollection<T extends CollectionItem = CollectionItem> extends ListCollection<T> {
+  columnCount: number;
+  private rows;
+  constructor(options: GridCollectionOptions<T>);
+  getRows: () => T[][];
+  getRowCount: () => number;
+  getCellIndex: (row: number, column: number) => number;
+  getCell: (row: number, column: number) => T | null;
+  getValueCell: (value: string) => {
+    row: number;
+    column: number;
+  } | null;
+  getLastEnabledColumnIndex: (row: number) => number | null;
+  getFirstEnabledColumnIndex: (row: number) => number | null;
+  getPreviousRowValue: (value: string, loop?: boolean) => string | null;
+  getNextRowValue: (value: string, loop?: boolean) => string | null;
+}
+declare function isGridCollection(v: any): v is GridCollection<any>;
+//#endregion
+//#region src/shared/collection/selection.d.ts
+type SelectionMode = "single" | "multiple" | "none" | "extended";
+declare class Selection extends Set<string> {
+  selectionMode: SelectionMode;
+  deselectable: boolean;
+  constructor(values?: Iterable<string>);
+  copy: () => Selection;
+  private sync;
+  isEmpty: () => boolean;
+  isSelected: (value: string | null) => boolean;
+  canSelect: (collection: ListCollection, value: string) => boolean;
+  firstSelectedValue: (collection: ListCollection) => string | null;
+  lastSelectedValue: (collection: ListCollection) => string | null;
+  extendSelection: (collection: ListCollection, anchorValue: string, targetValue: string) => Selection;
+  toggleSelection: (collection: ListCollection, value: string) => Selection;
+  replaceSelection: (collection: ListCollection, value: string | null) => Selection;
+  setSelection: (values: Iterable<string>) => Selection;
+  clearSelection: () => Selection;
+  select: (collection: ListCollection, value: string, forceToggle?: boolean) => Selection;
+  deselect: (value: string) => Selection;
+  isEqual: (other: Selection) => boolean;
+}
+//#endregion
+export { isGridCollection as a, GridCollectionOptions as i, SelectionMode as n, GridCollection as r, Selection as t };

package/dist/selection-CS1GBp8e.d.cts

@@ -0,0 +1,50 @@
+import { r as CollectionOptions, t as CollectionItem } from "./types-BivBkYg9.cjs";
+import { t as ListCollection } from "./list-collection-BIMJGQjn.cjs";
+
+//#region src/shared/collection/grid-collection.d.ts
+interface GridCollectionOptions<T> extends CollectionOptions<T> {
+  columnCount: number;
+}
+declare class GridCollection<T extends CollectionItem = CollectionItem> extends ListCollection<T> {
+  columnCount: number;
+  private rows;
+  constructor(options: GridCollectionOptions<T>);
+  getRows: () => T[][];
+  getRowCount: () => number;
+  getCellIndex: (row: number, column: number) => number;
+  getCell: (row: number, column: number) => T | null;
+  getValueCell: (value: string) => {
+    row: number;
+    column: number;
+  } | null;
+  getLastEnabledColumnIndex: (row: number) => number | null;
+  getFirstEnabledColumnIndex: (row: number) => number | null;
+  getPreviousRowValue: (value: string, loop?: boolean) => string | null;
+  getNextRowValue: (value: string, loop?: boolean) => string | null;
+}
+declare function isGridCollection(v: any): v is GridCollection<any>;
+//#endregion
+//#region src/shared/collection/selection.d.ts
+type SelectionMode = "single" | "multiple" | "none" | "extended";
+declare class Selection extends Set<string> {
+  selectionMode: SelectionMode;
+  deselectable: boolean;
+  constructor(values?: Iterable<string>);
+  copy: () => Selection;
+  private sync;
+  isEmpty: () => boolean;
+  isSelected: (value: string | null) => boolean;
+  canSelect: (collection: ListCollection, value: string) => boolean;
+  firstSelectedValue: (collection: ListCollection) => string | null;
+  lastSelectedValue: (collection: ListCollection) => string | null;
+  extendSelection: (collection: ListCollection, anchorValue: string, targetValue: string) => Selection;
+  toggleSelection: (collection: ListCollection, value: string) => Selection;
+  replaceSelection: (collection: ListCollection, value: string | null) => Selection;
+  setSelection: (values: Iterable<string>) => Selection;
+  clearSelection: () => Selection;
+  select: (collection: ListCollection, value: string, forceToggle?: boolean) => Selection;
+  deselect: (value: string) => Selection;
+  isEqual: (other: Selection) => boolean;
+}
+//#endregion
+export { isGridCollection as a, GridCollectionOptions as i, SelectionMode as n, GridCollection as r, Selection as t };