@wirekyt/dom 0.0.1 → 0.0.2

package/dist/auto-resize-5F5iiKZb.cjs

@@ -0,0 +1,106 @@
+const require_dom_query = require("./dom-query-CQzY93XU.cjs");
+const require_computed_style = require("./computed-style-DLArEFNw.cjs");
+//#region src/common/auto-resize/visual-style.ts
+function getVisualStyles(node) {
+	if (!node) return;
+	const style = require_computed_style.getComputedStyle(node);
+	return "box-sizing:" + style.boxSizing + ";border-left:" + style.borderLeftWidth + " solid red;border-right:" + style.borderRightWidth + " solid red;font-family:" + style.fontFamily + ";font-feature-settings:" + style.fontFeatureSettings + ";font-kerning:" + style.fontKerning + ";font-size:" + style.fontSize + ";font-stretch:" + style.fontStretch + ";font-style:" + style.fontStyle + ";font-variant:" + style.fontVariant + ";font-variant-caps:" + style.fontVariantCaps + ";font-variant-ligatures:" + style.fontVariantLigatures + ";font-variant-numeric:" + style.fontVariantNumeric + ";font-weight:" + style.fontWeight + ";letter-spacing:" + style.letterSpacing + ";margin-left:" + style.marginLeft + ";margin-right:" + style.marginRight + ";padding-left:" + style.paddingLeft + ";padding-right:" + style.paddingRight + ";text-indent:" + style.textIndent + ";text-transform:" + style.textTransform;
+}
+//#endregion
+//#region src/common/auto-resize/autoresize-input.ts
+function createGhostElement(doc) {
+	const el = doc.createElement("div");
+	el.id = "ghost";
+	el.style.cssText = "display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;";
+	doc.body.appendChild(el);
+	return el;
+}
+function autoResizeInput(input) {
+	if (!input) return;
+	const doc = require_dom_query.getDocument(input);
+	const win = require_dom_query.getWindow(input);
+	const ghost = createGhostElement(doc);
+	const cssText = getVisualStyles(input);
+	if (cssText) ghost.style.cssText += cssText;
+	function resize() {
+		win.requestAnimationFrame(() => {
+			ghost.innerHTML = input.value;
+			const rect = win.getComputedStyle(ghost);
+			input?.style.setProperty("width", rect.width);
+		});
+	}
+	resize();
+	input?.addEventListener("input", resize);
+	input?.addEventListener("change", resize);
+	return () => {
+		doc.body.removeChild(ghost);
+		input?.removeEventListener("input", resize);
+		input?.removeEventListener("change", resize);
+	};
+}
+//#endregion
+//#region src/common/auto-resize/autoresize-textarea.ts
+const autoresizeTextarea = (el) => {
+	if (!el) return;
+	const style = require_computed_style.getComputedStyle(el);
+	const win = require_dom_query.getWindow(el);
+	const doc = require_dom_query.getDocument(el);
+	const resize = () => {
+		requestAnimationFrame(() => {
+			el.style.height = "auto";
+			let newHeight;
+			if (style.boxSizing === "content-box") newHeight = el.scrollHeight - (parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
+			else newHeight = el.scrollHeight + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+			if (style.maxHeight !== "none" && newHeight > parseFloat(style.maxHeight)) {
+				if (style.overflowY === "hidden") el.style.overflowY = "scroll";
+				newHeight = parseFloat(style.maxHeight);
+			} else if (style.overflowY !== "hidden") el.style.overflowY = "hidden";
+			el.style.height = `${newHeight}px`;
+		});
+	};
+	el.addEventListener("input", resize);
+	el.form?.addEventListener("reset", resize);
+	const elementPrototype = Object.getPrototypeOf(el);
+	const descriptor = Object.getOwnPropertyDescriptor(elementPrototype, "value");
+	if (descriptor) Object.defineProperty(el, "value", {
+		...descriptor,
+		set(newValue) {
+			const prevValue = descriptor.get?.call(this);
+			descriptor.set?.call(this, newValue);
+			resize();
+			if (prevValue !== newValue) queueMicrotask(() => {
+				el.dispatchEvent(new win.InputEvent("input", { bubbles: true }));
+			});
+		}
+	});
+	const resizeObserver = new win.ResizeObserver(() => {
+		requestAnimationFrame(() => resize());
+	});
+	resizeObserver.observe(el);
+	const attrObserver = new win.MutationObserver(() => resize());
+	attrObserver.observe(el, {
+		attributes: true,
+		attributeFilter: ["rows", "placeholder"]
+	});
+	doc.fonts?.addEventListener("loadingdone", resize);
+	return () => {
+		el.removeEventListener("input", resize);
+		el.form?.removeEventListener("reset", resize);
+		doc.fonts?.removeEventListener("loadingdone", resize);
+		resizeObserver.disconnect();
+		attrObserver.disconnect();
+	};
+};
+//#endregion
+Object.defineProperty(exports, "autoResizeInput", {
+	enumerable: true,
+	get: function() {
+		return autoResizeInput;
+	}
+});
+Object.defineProperty(exports, "autoresizeTextarea", {
+	enumerable: true,
+	get: function() {
+		return autoresizeTextarea;
+	}
+});

package/dist/auto-resize-KkNfCcBt.js

@@ -0,0 +1,95 @@
+import { S as getWindow, g as getDocument } from "./dom-query-e7fh0TEH.js";
+import { t as getComputedStyle } from "./computed-style-B1MKlCoo.js";
+//#region src/common/auto-resize/visual-style.ts
+function getVisualStyles(node) {
+	if (!node) return;
+	const style = getComputedStyle(node);
+	return "box-sizing:" + style.boxSizing + ";border-left:" + style.borderLeftWidth + " solid red;border-right:" + style.borderRightWidth + " solid red;font-family:" + style.fontFamily + ";font-feature-settings:" + style.fontFeatureSettings + ";font-kerning:" + style.fontKerning + ";font-size:" + style.fontSize + ";font-stretch:" + style.fontStretch + ";font-style:" + style.fontStyle + ";font-variant:" + style.fontVariant + ";font-variant-caps:" + style.fontVariantCaps + ";font-variant-ligatures:" + style.fontVariantLigatures + ";font-variant-numeric:" + style.fontVariantNumeric + ";font-weight:" + style.fontWeight + ";letter-spacing:" + style.letterSpacing + ";margin-left:" + style.marginLeft + ";margin-right:" + style.marginRight + ";padding-left:" + style.paddingLeft + ";padding-right:" + style.paddingRight + ";text-indent:" + style.textIndent + ";text-transform:" + style.textTransform;
+}
+//#endregion
+//#region src/common/auto-resize/autoresize-input.ts
+function createGhostElement(doc) {
+	const el = doc.createElement("div");
+	el.id = "ghost";
+	el.style.cssText = "display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;";
+	doc.body.appendChild(el);
+	return el;
+}
+function autoResizeInput(input) {
+	if (!input) return;
+	const doc = getDocument(input);
+	const win = getWindow(input);
+	const ghost = createGhostElement(doc);
+	const cssText = getVisualStyles(input);
+	if (cssText) ghost.style.cssText += cssText;
+	function resize() {
+		win.requestAnimationFrame(() => {
+			ghost.innerHTML = input.value;
+			const rect = win.getComputedStyle(ghost);
+			input?.style.setProperty("width", rect.width);
+		});
+	}
+	resize();
+	input?.addEventListener("input", resize);
+	input?.addEventListener("change", resize);
+	return () => {
+		doc.body.removeChild(ghost);
+		input?.removeEventListener("input", resize);
+		input?.removeEventListener("change", resize);
+	};
+}
+//#endregion
+//#region src/common/auto-resize/autoresize-textarea.ts
+const autoresizeTextarea = (el) => {
+	if (!el) return;
+	const style = getComputedStyle(el);
+	const win = getWindow(el);
+	const doc = getDocument(el);
+	const resize = () => {
+		requestAnimationFrame(() => {
+			el.style.height = "auto";
+			let newHeight;
+			if (style.boxSizing === "content-box") newHeight = el.scrollHeight - (parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
+			else newHeight = el.scrollHeight + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+			if (style.maxHeight !== "none" && newHeight > parseFloat(style.maxHeight)) {
+				if (style.overflowY === "hidden") el.style.overflowY = "scroll";
+				newHeight = parseFloat(style.maxHeight);
+			} else if (style.overflowY !== "hidden") el.style.overflowY = "hidden";
+			el.style.height = `${newHeight}px`;
+		});
+	};
+	el.addEventListener("input", resize);
+	el.form?.addEventListener("reset", resize);
+	const elementPrototype = Object.getPrototypeOf(el);
+	const descriptor = Object.getOwnPropertyDescriptor(elementPrototype, "value");
+	if (descriptor) Object.defineProperty(el, "value", {
+		...descriptor,
+		set(newValue) {
+			const prevValue = descriptor.get?.call(this);
+			descriptor.set?.call(this, newValue);
+			resize();
+			if (prevValue !== newValue) queueMicrotask(() => {
+				el.dispatchEvent(new win.InputEvent("input", { bubbles: true }));
+			});
+		}
+	});
+	const resizeObserver = new win.ResizeObserver(() => {
+		requestAnimationFrame(() => resize());
+	});
+	resizeObserver.observe(el);
+	const attrObserver = new win.MutationObserver(() => resize());
+	attrObserver.observe(el, {
+		attributes: true,
+		attributeFilter: ["rows", "placeholder"]
+	});
+	doc.fonts?.addEventListener("loadingdone", resize);
+	return () => {
+		el.removeEventListener("input", resize);
+		el.form?.removeEventListener("reset", resize);
+		doc.fonts?.removeEventListener("loadingdone", resize);
+		resizeObserver.disconnect();
+		attrObserver.disconnect();
+	};
+};
+//#endregion
+export { autoResizeInput as n, autoresizeTextarea as t };

package/dist/auto-resize.cjs

@@ -0,0 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_auto_resize = require("./auto-resize-5F5iiKZb.cjs");
+exports.autoResizeInput = require_auto_resize.autoResizeInput;
+exports.autoresizeTextarea = require_auto_resize.autoresizeTextarea;

package/dist/auto-resize.d.cts

@@ -0,0 +1,7 @@
+//#region src/common/auto-resize/autoresize-input.d.ts
+declare function autoResizeInput(input: HTMLInputElement | null): (() => void) | undefined;
+//#endregion
+//#region src/common/auto-resize/autoresize-textarea.d.ts
+declare const autoresizeTextarea: (el: HTMLTextAreaElement | null) => (() => void) | undefined;
+//#endregion
+export { autoResizeInput, autoresizeTextarea };

package/dist/auto-resize.d.ts

@@ -0,0 +1,7 @@
+//#region src/common/auto-resize/autoresize-input.d.ts
+declare function autoResizeInput(input: HTMLInputElement | null): (() => void) | undefined;
+//#endregion
+//#region src/common/auto-resize/autoresize-textarea.d.ts
+declare const autoresizeTextarea: (el: HTMLTextAreaElement | null) => (() => void) | undefined;
+//#endregion
+export { autoResizeInput, autoresizeTextarea };

package/dist/auto-resize.js

@@ -0,0 +1,2 @@
+import { n as autoResizeInput, t as autoresizeTextarea } from "./auto-resize-KkNfCcBt.js";
+export { autoResizeInput, autoresizeTextarea };

package/dist/caret-CHqaP4XG.cjs

@@ -0,0 +1,30 @@
+//#region src/common/dom-query/caret.ts
+function isCaretAtStart(input) {
+	if (!input) return false;
+	try {
+		return input.selectionStart === 0 && input.selectionEnd === 0;
+	} catch {
+		return input.value === "";
+	}
+}
+function setCaretToEnd(input) {
+	if (!input) return;
+	try {
+		if (input.ownerDocument.activeElement !== input) return;
+		const len = input.value.length;
+		input.setSelectionRange(len, len);
+	} catch {}
+}
+//#endregion
+Object.defineProperty(exports, "isCaretAtStart", {
+	enumerable: true,
+	get: function() {
+		return isCaretAtStart;
+	}
+});
+Object.defineProperty(exports, "setCaretToEnd", {
+	enumerable: true,
+	get: function() {
+		return setCaretToEnd;
+	}
+});

package/dist/caret-aiDJ6mAS.js

@@ -0,0 +1,19 @@
+//#region src/common/dom-query/caret.ts
+function isCaretAtStart(input) {
+	if (!input) return false;
+	try {
+		return input.selectionStart === 0 && input.selectionEnd === 0;
+	} catch {
+		return input.value === "";
+	}
+}
+function setCaretToEnd(input) {
+	if (!input) return;
+	try {
+		if (input.ownerDocument.activeElement !== input) return;
+		const len = input.value.length;
+		input.setSelectionRange(len, len);
+	} catch {}
+}
+//#endregion
+export { setCaretToEnd as n, isCaretAtStart as t };

package/dist/closest-Clo6ODcK.js

@@ -0,0 +1,117 @@
+import { c as createRect } from "./rect-utils-d_3gZVsc.js";
+//#region src/common/rect-utils/intersection.ts
+function intersects(a, b) {
+	return a.x < b.maxX && a.y < b.maxY && a.maxX > b.x && a.maxY > b.y;
+}
+function intersection(a, b) {
+	const x = Math.max(a.x, b.x);
+	const y = Math.max(a.y, b.y);
+	const x2 = Math.min(a.x + a.width, b.x + b.width);
+	const y2 = Math.min(a.y + a.height, b.y + b.height);
+	return createRect({
+		x,
+		y,
+		width: x2 - x,
+		height: y2 - y
+	});
+}
+function collisions(a, b) {
+	return {
+		top: a.minY <= b.minY,
+		right: a.maxX >= b.maxX,
+		bottom: a.maxY >= b.maxY,
+		left: a.minX <= b.minX
+	};
+}
+//#endregion
+//#region src/common/rect-utils/distance.ts
+function distance(a, b = {
+	x: 0,
+	y: 0
+}) {
+	return Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2));
+}
+function distanceFromPoint(r, p) {
+	let x = 0;
+	let y = 0;
+	if (p.x < r.x) x = r.x - p.x;
+	else if (p.x > r.maxX) x = p.x - r.maxX;
+	if (p.y < r.y) y = r.y - p.y;
+	else if (p.y > r.maxY) y = p.y - r.maxY;
+	return {
+		x,
+		y,
+		value: distance({
+			x,
+			y
+		})
+	};
+}
+function distanceFromRect(a, b) {
+	if (intersects(a, b)) return {
+		x: 0,
+		y: 0,
+		value: 0
+	};
+	const left = a.x < b.x ? a : b;
+	const right = b.x < a.x ? a : b;
+	const upper = a.y < b.y ? a : b;
+	const lower = b.y < a.y ? a : b;
+	let x = left.x === right.x ? 0 : right.x - left.maxX;
+	x = Math.max(0, x);
+	let y = upper.y === lower.y ? 0 : lower.y - upper.maxY;
+	y = Math.max(0, y);
+	return {
+		x,
+		y,
+		value: distance({
+			x,
+			y
+		})
+	};
+}
+function distanceBtwEdges(a, b) {
+	return {
+		left: b.x - a.x,
+		top: b.y - a.y,
+		right: a.maxX - b.maxX,
+		bottom: a.maxY - b.maxY
+	};
+}
+//#endregion
+//#region src/common/rect-utils/closest.ts
+function closest(...pts) {
+	return (a) => {
+		const ds = pts.map((b) => distance(b, a));
+		const c = Math.min.apply(Math, ds);
+		return pts[ds.indexOf(c)];
+	};
+}
+function closestSideToRect(ref, r) {
+	if (r.maxX <= ref.minX) return "left";
+	if (r.minX >= ref.maxX) return "right";
+	if (r.maxY <= ref.minY) return "top";
+	if (r.minY >= ref.maxY) return "bottom";
+	return "left";
+}
+function closestSideToPoint(ref, p) {
+	const { x, y } = p;
+	const dl = x - ref.minX;
+	const dr = ref.maxX - x;
+	const dt = y - ref.minY;
+	const db = ref.maxY - y;
+	let closest = dl;
+	let side = "left";
+	if (dr < closest) {
+		closest = dr;
+		side = "right";
+	}
+	if (dt < closest) {
+		closest = dt;
+		side = "top";
+	}
+	if (db < closest) side = "bottom";
+	return side;
+}
+//#endregion
+export { distanceBtwEdges as a, collisions as c, distance as i, intersection as l, closestSideToPoint as n, distanceFromPoint as o, closestSideToRect as r, distanceFromRect as s, closest as t, intersects as u };

package/dist/closest-IiRz1GIJ.cjs

@@ -0,0 +1,176 @@
+const require_rect_utils = require("./rect-utils-DiT4k3jS.cjs");
+//#region src/common/rect-utils/intersection.ts
+function intersects(a, b) {
+	return a.x < b.maxX && a.y < b.maxY && a.maxX > b.x && a.maxY > b.y;
+}
+function intersection(a, b) {
+	const x = Math.max(a.x, b.x);
+	const y = Math.max(a.y, b.y);
+	const x2 = Math.min(a.x + a.width, b.x + b.width);
+	const y2 = Math.min(a.y + a.height, b.y + b.height);
+	return require_rect_utils.createRect({
+		x,
+		y,
+		width: x2 - x,
+		height: y2 - y
+	});
+}
+function collisions(a, b) {
+	return {
+		top: a.minY <= b.minY,
+		right: a.maxX >= b.maxX,
+		bottom: a.maxY >= b.maxY,
+		left: a.minX <= b.minX
+	};
+}
+//#endregion
+//#region src/common/rect-utils/distance.ts
+function distance(a, b = {
+	x: 0,
+	y: 0
+}) {
+	return Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2));
+}
+function distanceFromPoint(r, p) {
+	let x = 0;
+	let y = 0;
+	if (p.x < r.x) x = r.x - p.x;
+	else if (p.x > r.maxX) x = p.x - r.maxX;
+	if (p.y < r.y) y = r.y - p.y;
+	else if (p.y > r.maxY) y = p.y - r.maxY;
+	return {
+		x,
+		y,
+		value: distance({
+			x,
+			y
+		})
+	};
+}
+function distanceFromRect(a, b) {
+	if (intersects(a, b)) return {
+		x: 0,
+		y: 0,
+		value: 0
+	};
+	const left = a.x < b.x ? a : b;
+	const right = b.x < a.x ? a : b;
+	const upper = a.y < b.y ? a : b;
+	const lower = b.y < a.y ? a : b;
+	let x = left.x === right.x ? 0 : right.x - left.maxX;
+	x = Math.max(0, x);
+	let y = upper.y === lower.y ? 0 : lower.y - upper.maxY;
+	y = Math.max(0, y);
+	return {
+		x,
+		y,
+		value: distance({
+			x,
+			y
+		})
+	};
+}
+function distanceBtwEdges(a, b) {
+	return {
+		left: b.x - a.x,
+		top: b.y - a.y,
+		right: a.maxX - b.maxX,
+		bottom: a.maxY - b.maxY
+	};
+}
+//#endregion
+//#region src/common/rect-utils/closest.ts
+function closest(...pts) {
+	return (a) => {
+		const ds = pts.map((b) => distance(b, a));
+		const c = Math.min.apply(Math, ds);
+		return pts[ds.indexOf(c)];
+	};
+}
+function closestSideToRect(ref, r) {
+	if (r.maxX <= ref.minX) return "left";
+	if (r.minX >= ref.maxX) return "right";
+	if (r.maxY <= ref.minY) return "top";
+	if (r.minY >= ref.maxY) return "bottom";
+	return "left";
+}
+function closestSideToPoint(ref, p) {
+	const { x, y } = p;
+	const dl = x - ref.minX;
+	const dr = ref.maxX - x;
+	const dt = y - ref.minY;
+	const db = ref.maxY - y;
+	let closest = dl;
+	let side = "left";
+	if (dr < closest) {
+		closest = dr;
+		side = "right";
+	}
+	if (dt < closest) {
+		closest = dt;
+		side = "top";
+	}
+	if (db < closest) side = "bottom";
+	return side;
+}
+//#endregion
+Object.defineProperty(exports, "closest", {
+	enumerable: true,
+	get: function() {
+		return closest;
+	}
+});
+Object.defineProperty(exports, "closestSideToPoint", {
+	enumerable: true,
+	get: function() {
+		return closestSideToPoint;
+	}
+});
+Object.defineProperty(exports, "closestSideToRect", {
+	enumerable: true,
+	get: function() {
+		return closestSideToRect;
+	}
+});
+Object.defineProperty(exports, "collisions", {
+	enumerable: true,
+	get: function() {
+		return collisions;
+	}
+});
+Object.defineProperty(exports, "distance", {
+	enumerable: true,
+	get: function() {
+		return distance;
+	}
+});
+Object.defineProperty(exports, "distanceBtwEdges", {
+	enumerable: true,
+	get: function() {
+		return distanceBtwEdges;
+	}
+});
+Object.defineProperty(exports, "distanceFromPoint", {
+	enumerable: true,
+	get: function() {
+		return distanceFromPoint;
+	}
+});
+Object.defineProperty(exports, "distanceFromRect", {
+	enumerable: true,
+	get: function() {
+		return distanceFromRect;
+	}
+});
+Object.defineProperty(exports, "intersection", {
+	enumerable: true,
+	get: function() {
+		return intersection;
+	}
+});
+Object.defineProperty(exports, "intersects", {
+	enumerable: true,
+	get: function() {
+		return intersects;
+	}
+});