@torpor/ui 0.4.0 → 1.0.1

package/dist/motion/grow.ts

@@ -1,23 +0,0 @@
-import { type Animation } from "@torpor/view";
-import measure from "./measure";
-
-export default function grow(
-	el: HTMLElement,
-	options?: number | KeyframeAnimationOptions,
-): Animation {
-	const height = measure(el, (el) => el.clientHeight);
-	const keyframes = [
-		{
-			height: "0px",
-			overflow: "hidden",
-			paddingTop: "0px",
-			paddingBottom: "0px",
-			marginTop: "0px",
-			marginBottom: "0px",
-		},
-		{
-			height: height + "px",
-		},
-	];
-	return { keyframes, options };
-}

package/dist/motion/measure.ts

@@ -1,28 +0,0 @@
-/**
- * Measures an element before it is added to the DOM
- * @param el The element to measure
- * @param fn The function to use to get the desired measurement (e.g. el.offsetHeight)
- */
-export default function measure(el: HTMLElement, fn: (_: HTMLElement) => number): number {
-	// From https://stackoverflow.com/a/46707458
-	let oldVisibility = el.style.visibility;
-	let oldPosition = el.style.position;
-
-	let oldParent = el.parentNode;
-	let oldBefore = el.nextSibling;
-
-	el.style.visibility = "hidden";
-	el.style.position = "absolute";
-
-	document.body.appendChild(el);
-	let result = fn(el);
-	el.parentNode!.removeChild(el);
-
-	if (oldParent !== null) {
-		oldParent.insertBefore(el, oldBefore);
-		el.style.visibility = oldVisibility;
-		el.style.position = oldPosition;
-	}
-
-	return result;
-}

package/dist/motion/slide.ts

@@ -1,45 +0,0 @@
-import { type Animation } from "@torpor/view";
-import measure from "./measure";
-
-interface Options extends KeyframeAnimationOptions {
-	side: "left" | "right" | "top" | "bottom";
-}
-
-export default function slide(el: HTMLElement, options?: Options): Animation {
-	let position = options?.side ?? "left";
-	switch (position) {
-		case "left": {
-			el.style.left = "0px";
-			const width = measure(el, (el) => el.offsetWidth);
-			const keyframes = [
-				{ transform: `translateX(-${width}px)` },
-				{ transform: "translateX(0px)" },
-			];
-			return { keyframes, options };
-		}
-		case "top": {
-			el.style.top = "0px";
-			const height = measure(el, (el) => el.offsetHeight);
-			const keyframes = [
-				{ transform: `translateY(-${height}px)` },
-				{ transform: "translateY(0px)" },
-			];
-			return { keyframes, options };
-		}
-		case "right": {
-			el.style.right = "0px";
-			const width = measure(el, (el) => el.offsetWidth);
-			const keyframes = [{ transform: `translateX(${width}px)` }, { transform: "translateX(0px)" }];
-			return { keyframes, options };
-		}
-		case "bottom": {
-			el.style.bottom = "0px";
-			const height = measure(el, (el) => el.offsetHeight);
-			const keyframes = [
-				{ transform: `translateY(${height}px)` },
-				{ transform: "translateY(0px)" },
-			];
-			return { keyframes, options };
-		}
-	}
-}

package/dist/mount/index.d.ts

@@ -1,2 +0,0 @@
-import { type SlotRender } from "@torpor/view";
-export {  };

package/dist/utils/index.d.ts

@@ -1,2 +0,0 @@
-import { type SlotRender } from "@torpor/view";
-export {  };