@wirekyt/dom 0.0.1 → 0.0.2

package/dist/dom-query-e7fh0TEH.js

@@ -0,0 +1,243 @@
+//#region src/common/dom-query/shared.ts
+const clamp = (value) => Math.max(0, Math.min(1, value));
+const wrap = (v, idx) => {
+	return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length]);
+};
+const pipe = (...fns) => (arg) => fns.reduce((acc, fn) => fn(acc), arg);
+const noop = () => void 0;
+const isObject = (v) => typeof v === "object" && v !== null;
+const MAX_Z_INDEX = 2147483647;
+const dataAttr = (guard) => guard ? "" : void 0;
+const ariaAttr = (guard) => guard ? "true" : void 0;
+//#endregion
+//#region src/common/dom-query/node.ts
+const ELEMENT_NODE = 1;
+const DOCUMENT_NODE = 9;
+const DOCUMENT_FRAGMENT_NODE = 11;
+const isElement = (el) => isObject(el) && el.nodeType === ELEMENT_NODE && typeof el.nodeName === "string";
+const isHTMLElement = (el) => isObject(el) && el.nodeType === ELEMENT_NODE && typeof el.nodeName === "string";
+const isDocument = (el) => isObject(el) && el.nodeType === DOCUMENT_NODE;
+const isWindow = (el) => isObject(el) && el === el.window;
+const isVisualViewport = (el) => isObject(el) && el.constructor.name === "VisualViewport";
+const getNodeName = (node) => {
+	if (isHTMLElement(node)) return node.localName || "";
+	return "#document";
+};
+function isRootElement(node) {
+	return [
+		"html",
+		"body",
+		"#document"
+	].includes(getNodeName(node));
+}
+const isNode = (el) => isObject(el) && el.nodeType !== void 0;
+const isShadowRoot = (el) => isNode(el) && el.nodeType === DOCUMENT_FRAGMENT_NODE && "host" in el;
+const isInputElement = (el) => isHTMLElement(el) && el.localName === "input";
+const isAnchorElement = (el) => !!el?.matches("a[href]");
+const isElementVisible = (el) => {
+	if (!isHTMLElement(el)) return false;
+	return el.offsetWidth > 0 || el.offsetHeight > 0 || el.getClientRects().length > 0;
+};
+function isActiveElement(element) {
+	if (!element) return false;
+	return getActiveElement(element.getRootNode()) === element;
+}
+const TEXTAREA_SELECT_REGEX = /(textarea|select)/;
+function isEditableElement(el) {
+	if (el == null || !isHTMLElement(el)) return false;
+	try {
+		return isInputElement(el) && el.selectionStart != null || TEXTAREA_SELECT_REGEX.test(el.localName) || el.isContentEditable || el.getAttribute("contenteditable") === "true" || el.getAttribute("contenteditable") === "";
+	} catch {
+		return false;
+	}
+}
+function getParentElement(node) {
+	const parentNode = node.parentNode;
+	if (isShadowRoot(parentNode)) return parentNode.host;
+	return parentNode;
+}
+function getAncestorElements(node) {
+	const ancestors = [];
+	while (node) {
+		ancestors.push(node);
+		node = getParentElement(node);
+	}
+	return ancestors;
+}
+function contains(parent, child) {
+	if (!parent || !child) return false;
+	if (!isHTMLElement(parent) || !isNode(child)) return false;
+	if (isHTMLElement(child) && parent === child) return true;
+	if (parent.contains(child)) return true;
+	const rootNode = child.getRootNode?.();
+	if (rootNode && isShadowRoot(rootNode)) {
+		let next = child;
+		while (next) {
+			if (parent === next) return true;
+			next = next.parentNode || next.host;
+		}
+	}
+	return false;
+}
+function getDocument(el) {
+	if (isDocument(el)) return el;
+	if (isWindow(el)) return el.document;
+	return el?.ownerDocument ?? document;
+}
+function getDocumentElement(el) {
+	return getDocument(el).documentElement;
+}
+function getWindow(el) {
+	if (isShadowRoot(el)) return getWindow(el.host);
+	if (isDocument(el)) return el.defaultView ?? window;
+	if (isHTMLElement(el)) return el.ownerDocument?.defaultView ?? window;
+	return window;
+}
+function getActiveElement(rootNode) {
+	let activeElement = rootNode.activeElement;
+	while (activeElement?.shadowRoot) {
+		const el = activeElement.shadowRoot.activeElement;
+		if (!el || el === activeElement) break;
+		else activeElement = el;
+	}
+	return activeElement;
+}
+function getParentNode(node) {
+	if (getNodeName(node) === "html") return node;
+	const result = node.assignedSlot || node.parentNode || isShadowRoot(node) && node.host || getDocumentElement(node);
+	return isShadowRoot(result) ? result.host : result;
+}
+function getRootNode(node) {
+	let result;
+	try {
+		result = node.getRootNode({ composed: true });
+		if (isDocument(result) || isShadowRoot(result)) return result;
+	} catch {}
+	return node.ownerDocument ?? document;
+}
+//#endregion
+//#region src/common/dom-query/query.ts
+function queryAll(root, selector) {
+	return Array.from(root?.querySelectorAll(selector) ?? []);
+}
+function query(root, selector) {
+	return root?.querySelector(selector) ?? null;
+}
+const defaultItemToId = (v) => v.id;
+function itemById(v, id, itemToId = defaultItemToId) {
+	return v.find((item) => itemToId(item) === id);
+}
+function indexOfId(v, id, itemToId = defaultItemToId) {
+	const item = itemById(v, id, itemToId);
+	return item ? v.indexOf(item) : -1;
+}
+function nextById(v, id, loop = true) {
+	let idx = indexOfId(v, id);
+	idx = loop ? (idx + 1) % v.length : Math.min(idx + 1, v.length - 1);
+	return v[idx];
+}
+function prevById(v, id, loop = true) {
+	let idx = indexOfId(v, id);
+	if (idx === -1) return loop ? v[v.length - 1] : null;
+	idx = loop ? (idx - 1 + v.length) % v.length : Math.max(0, idx - 1);
+	return v[idx];
+}
+//#endregion
+//#region src/common/dom-query/resize-observer.ts
+function createSharedResizeObserver(options) {
+	const listeners = /* @__PURE__ */ new WeakMap();
+	let observer;
+	const entries = /* @__PURE__ */ new WeakMap();
+	const getObserver = (win) => {
+		if (observer) return observer;
+		observer = new win.ResizeObserver((observedEntries) => {
+			for (const entry of observedEntries) {
+				entries.set(entry.target, entry);
+				const elementListeners = listeners.get(entry.target);
+				if (elementListeners) for (const listener of elementListeners) listener(entry);
+			}
+		});
+		return observer;
+	};
+	const observe = (element, listener) => {
+		let elementListeners = listeners.get(element) || /* @__PURE__ */ new Set();
+		elementListeners.add(listener);
+		listeners.set(element, elementListeners);
+		const win = getWindow(element);
+		getObserver(win).observe(element, options);
+		return () => {
+			const elementListeners = listeners.get(element);
+			if (!elementListeners) return;
+			elementListeners.delete(listener);
+			if (elementListeners.size === 0) {
+				listeners.delete(element);
+				getObserver(win).unobserve(element);
+			}
+		};
+	};
+	const unobserve = (element) => {
+		listeners.delete(element);
+		observer?.unobserve(element);
+	};
+	return {
+		observe,
+		unobserve
+	};
+}
+const resizeObserverContentBox = createSharedResizeObserver({ box: "content-box" });
+const resizeObserverBorderBox = createSharedResizeObserver({ box: "border-box" });
+const resizeObserverDevicePixelContentBox = createSharedResizeObserver({ box: "device-pixel-content-box" });
+//#endregion
+//#region src/common/dom-query/searchable.ts
+const sanitize = (str) => str.split("").map((char) => {
+	const code = char.charCodeAt(0);
+	if (code > 0 && code < 128) return char;
+	if (code >= 128 && code <= 255) return `/x${code.toString(16)}`.replace("/", "\\");
+	return "";
+}).join("").trim();
+const getValueText = (el) => {
+	return sanitize(el.dataset?.valuetext ?? el.textContent ?? "");
+};
+const match = (valueText, query) => {
+	return valueText.trim().toLowerCase().startsWith(query.toLowerCase());
+};
+function getByText(v, text, currentId, itemToId = defaultItemToId) {
+	const index = currentId ? indexOfId(v, currentId, itemToId) : -1;
+	let items = currentId ? wrap(v, index) : v;
+	if (text.length === 1) items = items.filter((item) => itemToId(item) !== currentId);
+	return items.find((item) => match(getValueText(item), text));
+}
+//#endregion
+//#region src/common/dom-query/typeahead.ts
+function getByTypeaheadImpl(baseItems, options) {
+	const { state, activeId, key, timeout = 350, itemToId } = options;
+	const search = state.keysSoFar + key;
+	const query = search.length > 1 && Array.from(search).every((char) => char === search[0]) ? search[0] : search;
+	const next = getByText(baseItems.slice(), query, activeId, itemToId);
+	function cleanup() {
+		clearTimeout(state.timer);
+		state.timer = -1;
+	}
+	function update(value) {
+		state.keysSoFar = value;
+		cleanup();
+		if (value !== "") state.timer = +setTimeout(() => {
+			update("");
+			cleanup();
+		}, timeout);
+	}
+	update(search);
+	return next;
+}
+const getByTypeahead = Object.assign(getByTypeaheadImpl, {
+	defaultOptions: {
+		keysSoFar: "",
+		timer: -1
+	},
+	isValidEvent: isValidTypeaheadEvent
+});
+function isValidTypeaheadEvent(event) {
+	return event.key.length === 1 && !event.ctrlKey && !event.metaKey;
+}
+//#endregion
+export { isInputElement as A, noop as B, isActiveElement as C, isElement as D, isEditableElement as E, isWindow as F, MAX_Z_INDEX as I, ariaAttr as L, isRootElement as M, isShadowRoot as N, isElementVisible as O, isVisualViewport as P, clamp as R, getWindow as S, isDocument as T, pipe as V, getDocumentElement as _, resizeObserverDevicePixelContentBox as a, getParentNode as b, itemById as c, query as d, queryAll as f, getDocument as g, getAncestorElements as h, resizeObserverContentBox as i, isNode as j, isHTMLElement as k, nextById as l, getActiveElement as m, getByText as n, defaultItemToId as o, contains as p, resizeObserverBorderBox as r, indexOfId as s, getByTypeahead as t, prevById as u, getNodeName as v, isAnchorElement as w, getRootNode as x, getParentElement as y, dataAttr as z };

package/dist/dom-query.cjs

@@ -0,0 +1,180 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_caret = require("./caret-CHqaP4XG.cjs");
+const require_dom_query = require("./dom-query-CQzY93XU.cjs");
+const require_computed_style = require("./computed-style-DLArEFNw.cjs");
+const require_controller = require("./controller-B8E8ZJCI.cjs");
+const require_data_url = require("./data-url-C-Uk31Q9.cjs");
+const require_platform = require("./platform-BZS-dkZN.cjs");
+const require_event = require("./event-DDz-mMhM.cjs");
+const require_form = require("./form-CoupKpuP.cjs");
+const require_tabbable = require("./tabbable-Bz1-1GAY.cjs");
+const require_initial_focus = require("./initial-focus-BQxRRFPa.cjs");
+const require_raf = require("./raf-BSDcY4UD.cjs");
+const require_mutation_observer = require("./mutation-observer-_LbwtN3W.cjs");
+const require_navigate = require("./navigate-uJG-006f.cjs");
+const require_overflow = require("./overflow-BBihfMxX.cjs");
+const require_point = require("./point-DxnCrJBy.cjs");
+const require_pointer_lock = require("./pointer-lock-BvfSjt_s.cjs");
+const require_text_selection = require("./text-selection-B3OQpQGy.cjs");
+const require_pointer_move = require("./pointer-move-CGzan38r.cjs");
+const require_press = require("./press-BdD5suLQ.cjs");
+const require_proxy_tab_focus = require("./proxy-tab-focus-NthYgHdY.cjs");
+const require_scale = require("./scale-C7iiUGhS.cjs");
+const require_scope = require("./scope-CysKlKe9.cjs");
+const require_scroll = require("./scroll-Dyd1QLrc.cjs");
+const require_set = require("./set-DrtWCLFb.cjs");
+const require_visually_hidden = require("./visually-hidden-BgSCFLz_.cjs");
+const require_wait_for = require("./wait-for-Db73VpZQ.cjs");
+//#region src/common/dom-query/visual-viewport.ts
+function trackVisualViewport(doc, fn) {
+	const win = doc?.defaultView || window;
+	const onResize = () => {
+		fn?.(getViewportSize(win));
+	};
+	onResize();
+	return require_event.addDomEvent(win.visualViewport ?? win, "resize", onResize);
+}
+function getViewportSize(win) {
+	return {
+		width: win.visualViewport?.width || win.innerWidth,
+		height: win.visualViewport?.height || win.innerHeight
+	};
+}
+//#endregion
+exports.AnimationFrame = require_raf.AnimationFrame;
+exports.MAX_Z_INDEX = require_dom_query.MAX_Z_INDEX;
+exports.addDomEvent = require_event.addDomEvent;
+exports.ariaAttr = require_dom_query.ariaAttr;
+exports.clickIfLink = require_navigate.clickIfLink;
+exports.contains = require_dom_query.contains;
+exports.createScope = require_scope.createScope;
+exports.dataAttr = require_dom_query.dataAttr;
+exports.defaultItemToId = require_dom_query.defaultItemToId;
+exports.disableTextSelection = require_text_selection.disableTextSelection;
+exports.dispatchInputCheckedEvent = require_form.dispatchInputCheckedEvent;
+exports.dispatchInputValueEvent = require_form.dispatchInputValueEvent;
+exports.findControlledElements = require_controller.findControlledElements;
+exports.getActiveElement = require_dom_query.getActiveElement;
+exports.getAncestorElements = require_dom_query.getAncestorElements;
+exports.getBeforeInputValue = require_event.getBeforeInputValue;
+exports.getByText = require_dom_query.getByText;
+exports.getByTypeahead = require_dom_query.getByTypeahead;
+exports.getComputedStyle = require_computed_style.getComputedStyle;
+exports.getControlledElements = require_controller.getControlledElements;
+exports.getDataUrl = require_data_url.getDataUrl;
+exports.getDocument = require_dom_query.getDocument;
+exports.getDocumentElement = require_dom_query.getDocumentElement;
+exports.getEventKey = require_event.getEventKey;
+exports.getEventPoint = require_event.getEventPoint;
+exports.getEventStep = require_event.getEventStep;
+exports.getEventStepValue = require_event.getEventStepValue;
+exports.getEventTarget = require_event.getEventTarget;
+exports.getFirstFocusable = require_tabbable.getFirstFocusable;
+exports.getFirstTabbable = require_tabbable.getFirstTabbable;
+exports.getFocusables = require_tabbable.getFocusables;
+exports.getInitialFocus = require_initial_focus.getInitialFocus;
+exports.getLastTabbable = require_tabbable.getLastTabbable;
+exports.getNativeEvent = require_event.getNativeEvent;
+exports.getNearestOverflowAncestor = require_overflow.getNearestOverflowAncestor;
+exports.getNextTabbable = require_tabbable.getNextTabbable;
+exports.getNodeName = require_dom_query.getNodeName;
+exports.getOverflowAncestors = require_overflow.getOverflowAncestors;
+exports.getParentElement = require_dom_query.getParentElement;
+exports.getParentNode = require_dom_query.getParentNode;
+exports.getPlatform = require_platform.getPlatform;
+exports.getRelativePoint = require_point.getRelativePoint;
+exports.getRootNode = require_dom_query.getRootNode;
+exports.getScale = require_scale.getScale;
+exports.getScrollPosition = require_scroll.getScrollPosition;
+exports.getTabIndex = require_tabbable.getTabIndex;
+exports.getTabbableEdges = require_tabbable.getTabbableEdges;
+exports.getTabbables = require_tabbable.getTabbables;
+exports.getUserAgent = require_platform.getUserAgent;
+exports.getWindow = require_dom_query.getWindow;
+exports.hasControllerElements = require_controller.hasControllerElements;
+exports.indexOfId = require_dom_query.indexOfId;
+exports.isActiveElement = require_dom_query.isActiveElement;
+exports.isAnchorElement = require_dom_query.isAnchorElement;
+exports.isAndroid = require_platform.isAndroid;
+exports.isApple = require_platform.isApple;
+exports.isCaretAtStart = require_caret.isCaretAtStart;
+exports.isChrome = require_platform.isChrome;
+exports.isComposingEvent = require_event.isComposingEvent;
+exports.isContextMenuEvent = require_event.isContextMenuEvent;
+exports.isControlledByExpandedController = require_controller.isControlledByExpandedController;
+exports.isControlledElement = require_controller.isControlledElement;
+exports.isControllerElement = require_controller.isControllerElement;
+exports.isCtrlOrMetaKey = require_event.isCtrlOrMetaKey;
+exports.isDocument = require_dom_query.isDocument;
+exports.isDom = require_platform.isDom;
+exports.isDownloadingEvent = require_event.isDownloadingEvent;
+exports.isEditableElement = require_dom_query.isEditableElement;
+exports.isElement = require_dom_query.isElement;
+exports.isElementVisible = require_dom_query.isElementVisible;
+exports.isFirefox = require_platform.isFirefox;
+exports.isFocusable = require_tabbable.isFocusable;
+exports.isHTMLElement = require_dom_query.isHTMLElement;
+exports.isIPad = require_platform.isIPad;
+exports.isIPhone = require_platform.isIPhone;
+exports.isInView = require_overflow.isInView;
+exports.isInputElement = require_dom_query.isInputElement;
+exports.isInteractiveContainerElement = require_controller.isInteractiveContainerElement;
+exports.isInternalChangeEvent = require_form.isInternalChangeEvent;
+exports.isIos = require_platform.isIos;
+exports.isKeyboardClick = require_event.isKeyboardClick;
+exports.isLeftClick = require_event.isLeftClick;
+exports.isMac = require_platform.isMac;
+exports.isModifierKey = require_event.isModifierKey;
+exports.isNode = require_dom_query.isNode;
+exports.isOpeningInNewTab = require_event.isOpeningInNewTab;
+exports.isOverflowElement = require_overflow.isOverflowElement;
+exports.isPrintableKey = require_event.isPrintableKey;
+exports.isRootElement = require_dom_query.isRootElement;
+exports.isSafari = require_platform.isSafari;
+exports.isSelfTarget = require_event.isSelfTarget;
+exports.isShadowRoot = require_dom_query.isShadowRoot;
+exports.isTabbable = require_tabbable.isTabbable;
+exports.isTouchDevice = require_platform.isTouchDevice;
+exports.isTouchEvent = require_event.isTouchEvent;
+exports.isValidTabEvent = require_initial_focus.isValidTabEvent;
+exports.isVirtualClick = require_event.isVirtualClick;
+exports.isVirtualPointerEvent = require_event.isVirtualPointerEvent;
+exports.isVisualViewport = require_dom_query.isVisualViewport;
+exports.isWebKit = require_platform.isWebKit;
+exports.isWindow = require_dom_query.isWindow;
+exports.itemById = require_dom_query.itemById;
+exports.markAsInternalChangeEvent = require_form.markAsInternalChangeEvent;
+exports.navigate = require_navigate.navigate;
+exports.nextById = require_dom_query.nextById;
+exports.nextTick = require_raf.nextTick;
+exports.observeAttributes = require_mutation_observer.observeAttributes;
+exports.observeChildren = require_mutation_observer.observeChildren;
+exports.prevById = require_dom_query.prevById;
+exports.proxyTabFocus = require_proxy_tab_focus.proxyTabFocus;
+exports.query = require_dom_query.query;
+exports.queryAll = require_dom_query.queryAll;
+exports.queueBeforeEvent = require_raf.queueBeforeEvent;
+exports.raf = require_raf.raf;
+exports.requestPointerLock = require_pointer_lock.requestPointerLock;
+exports.resizeObserverBorderBox = require_dom_query.resizeObserverBorderBox;
+exports.resizeObserverContentBox = require_dom_query.resizeObserverContentBox;
+exports.resizeObserverDevicePixelContentBox = require_dom_query.resizeObserverDevicePixelContentBox;
+exports.restoreTextSelection = require_text_selection.restoreTextSelection;
+exports.scrollIntoView = require_scroll.scrollIntoView;
+exports.scrollToElement = require_scroll.scrollToElement;
+exports.setAttribute = require_set.setAttribute;
+exports.setCaretToEnd = require_caret.setCaretToEnd;
+exports.setElementChecked = require_form.setElementChecked;
+exports.setElementValue = require_form.setElementValue;
+exports.setProperty = require_set.setProperty;
+exports.setStyle = require_set.setStyle;
+exports.setStyleProperty = require_set.setStyleProperty;
+exports.setVisuallyHidden = require_visually_hidden.setVisuallyHidden;
+exports.trackFormControl = require_form.trackFormControl;
+exports.trackPointerMove = require_pointer_move.trackPointerMove;
+exports.trackPress = require_press.trackPress;
+exports.trackVisualViewport = trackVisualViewport;
+exports.visuallyHiddenStyle = require_visually_hidden.visuallyHiddenStyle;
+exports.waitForElement = require_wait_for.waitForElement;
+exports.waitForEvent = require_wait_for.waitForEvent;
+exports.waitForPromise = require_wait_for.waitForPromise;

package/dist/dom-query.d.cts

@@ -0,0 +1,142 @@
+import { n as DataUrlType, r as getDataUrl, t as DataUrlOptions } from "./data-url-Gx_SWG-k.cjs";
+import { $ as ObserveAttributeOptions, A as contains, At as isSelfTarget, B as isActiveElement, C as trackPress, Ct as isCtrlOrMetaKey, D as trackPointerMove, Dt as isModifierKey, E as PointerUpDetails, Et as isLeftClick, F as getNodeName, G as isElementVisible, H as isDocument, I as getParentElement, J as isNode, K as isHTMLElement, L as getParentNode, M as getAncestorElements, Mt as isVirtualClick, N as getDocument, Nt as isVirtualPointerEvent, O as PercentValueOptions, Ot as isOpeningInNewTab, P as getDocumentElement, Pt as Booleanish, Q as isWindow, R as getRootNode, S as TrackPressOptions, St as isContextMenuEvent, T as PointerMoveHandlers, Tt as isKeyboardClick, U as isEditableElement, V as isAnchorElement, W as isElement, X as isShadowRoot, Y as isRootElement, Z as isVisualViewport, _ as getTabbableEdges, _t as getEventStep, a as createScope, at as TrackFormControlOptions, b as isTabbable, bt as getNativeEvent, c as GetShadowRootOption, ct as isInternalChangeEvent, d as getFirstFocusable, dt as setElementValue, et as ObserveChildrenOptions, f as getFirstTabbable, ft as trackFormControl, g as getTabIndex, gt as getEventPoint, h as getNextTabbable, ht as getEventKey, i as ScopeContext, it as InputValueEventOptions, j as getActiveElement, jt as isTouchEvent, k as getRelativePoint, kt as isPrintableKey, l as NextTabbableOptions, lt as markAsInternalChangeEvent, m as getLastTabbable, mt as getBeforeInputValue, n as ariaAttr, nt as observeChildren, o as ProxyTabFocusOptions, ot as dispatchInputCheckedEvent, p as getFocusables, pt as addDomEvent, q as isInputElement, r as dataAttr, rt as CheckedEventOptions, s as proxyTabFocus, st as dispatchInputValueEvent, t as MAX_Z_INDEX, tt as observeAttributes, u as TabbableOptions, ut as setElementChecked, v as getTabbables, vt as getEventStepValue, w as PointerMoveDetails, wt as isDownloadingEvent, x as PressDetails, xt as isComposingEvent, y as isFocusable, yt as getEventTarget, z as getWindow } from "./index-BWiYePx8.cjs";
+import { a as getByText, c as indexOfId, d as prevById, f as query, i as SearchableItem, l as itemById, n as TypeaheadState, o as ItemToId, p as queryAll, r as getByTypeahead, s as defaultItemToId, t as TypeaheadOptions, u as nextById } from "./typeahead-DremEgML.cjs";
+import { i as raf, n as nextTick, r as queueBeforeEvent, t as AnimationFrame } from "./raf-DgINgykK.cjs";
+import { a as waitForEvent, i as waitForElement, n as WaitForOptions, o as waitForPromise, r as WaitForPromiseReturn, t as WaitForEventOptions } from "./wait-for-3n85JcCU.cjs";
+//#region src/common/dom-query/caret.d.ts
+declare function isCaretAtStart(input: HTMLInputElement | HTMLTextAreaElement | null): boolean;
+declare function setCaretToEnd(input: HTMLInputElement | HTMLTextAreaElement | null): void;
+//#endregion
+//#region src/common/dom-query/computed-style.d.ts
+declare function getComputedStyle(el: Element): CSSStyleDeclaration;
+//#endregion
+//#region src/common/dom-query/controller.d.ts
+interface ControlledElementOptions {
+  followControlledElements?: boolean | undefined;
+}
+declare function isControlledElement(container: HTMLElement, element: HTMLElement): boolean;
+declare function findControlledElements(searchRoot: HTMLElement, callback: (controlledElement: HTMLElement) => void): void;
+declare function getControlledElements(container: HTMLElement): HTMLElement[];
+declare function isInteractiveContainerElement(element: Element): boolean;
+declare function isControllerElement(element: Element): boolean;
+declare function hasControllerElements(element: Element): boolean;
+declare function isControlledByExpandedController(element: Element): boolean;
+//#endregion
+//#region src/common/dom-query/initial-focus.d.ts
+interface InitialFocusOptions {
+  root: HTMLElement | null;
+  getInitialEl?: (() => HTMLElement | null) | undefined;
+  enabled?: boolean | undefined;
+  filter?: ((el: HTMLElement) => boolean) | undefined;
+}
+declare function getInitialFocus(options: InitialFocusOptions): HTMLElement | undefined;
+declare function isValidTabEvent(event: Pick<KeyboardEvent, "shiftKey" | "currentTarget">): boolean;
+//#endregion
+//#region src/common/dom-query/navigate.d.ts
+interface NavigateOptions {
+  key?: string;
+  orientation?: "both" | "vertical" | "horizontal";
+  loop?: boolean;
+  dir?: "ltr" | "rtl";
+}
+declare function navigate<T extends HTMLElement>(items: T[], current: T | null, options?: NavigateOptions): T | null;
+declare function clickIfLink(el: HTMLAnchorElement): void;
+//#endregion
+//#region src/common/dom-query/overflow.d.ts
+type OverflowAncestor = Array<VisualViewport | Window | HTMLElement | null>;
+declare function getNearestOverflowAncestor(el: Node): HTMLElement;
+declare function getOverflowAncestors(el: HTMLElement, list?: OverflowAncestor): OverflowAncestor;
+declare function isInView(el: HTMLElement | Window | VisualViewport, ancestor: HTMLElement | Window | VisualViewport): boolean;
+declare function isOverflowElement(el: HTMLElement): boolean;
+//#endregion
+//#region src/common/dom-query/platform.d.ts
+declare const isDom: () => boolean;
+declare function getPlatform(): string;
+declare function getUserAgent(): string;
+declare const isTouchDevice: () => boolean;
+declare const isIPhone: () => boolean;
+declare const isIPad: () => boolean;
+declare const isIos: () => boolean;
+declare const isApple: () => boolean;
+declare const isMac: () => boolean;
+declare const isSafari: () => boolean;
+declare const isFirefox: () => boolean;
+declare const isChrome: () => boolean;
+declare const isWebKit: () => boolean;
+declare const isAndroid: () => boolean;
+//#endregion
+//#region src/common/dom-query/pointer-lock.d.ts
+declare function requestPointerLock(doc: Document, fn?: (locked: boolean) => void): (() => void) | undefined;
+//#endregion
+//#region src/common/dom-query/resize-observer.d.ts
+type Subscriber<T> = (entry: T) => void;
+interface SharedResizeObserver {
+  observe: (element: Element, listener: Subscriber<ResizeObserverEntry>) => () => void;
+  unobserve: (element: Element) => void;
+}
+declare const resizeObserverContentBox: SharedResizeObserver;
+declare const resizeObserverBorderBox: SharedResizeObserver;
+declare const resizeObserverDevicePixelContentBox: SharedResizeObserver;
+//#endregion
+//#region src/common/dom-query/scale.d.ts
+declare function getScale(element: HTMLElement): {
+  x: number;
+  y: number;
+};
+//#endregion
+//#region src/common/dom-query/scroll.d.ts
+interface ScrollOptions extends ScrollIntoViewOptions {
+  rootEl: HTMLElement | null;
+}
+interface ScrollToElementOptions {
+  rootEl: HTMLElement | null;
+  behavior?: ScrollBehavior | undefined;
+}
+declare function scrollIntoView(el: HTMLElement | null | undefined, options?: ScrollOptions): void;
+declare function scrollToElement(el: HTMLElement | null | undefined, options?: ScrollToElementOptions): boolean;
+interface ScrollPosition {
+  scrollLeft: number;
+  scrollTop: number;
+}
+declare function getScrollPosition(element: HTMLElement | Window): ScrollPosition;
+//#endregion
+//#region src/common/dom-query/set.d.ts
+declare function setAttribute(el: Element, attr: string, v: string): () => void;
+declare function setProperty<T extends Element, K extends keyof T & string>(el: T, prop: K, v: T[K]): () => void;
+declare function setStyle(el: HTMLElement | null | undefined, style: Partial<CSSStyleDeclaration>): () => void;
+declare function setStyleProperty(el: HTMLElement | null | undefined, prop: string, value: string): () => void;
+//#endregion
+//#region src/common/dom-query/text-selection.d.ts
+interface DisableTextSelectionOptions<T = MaybeElement> {
+  target?: T | undefined;
+  doc?: Document | undefined;
+  defer?: boolean | undefined;
+}
+declare function restoreTextSelection(options?: DisableTextSelectionOptions): void;
+type MaybeElement = HTMLElement | null | undefined;
+type NodeOrFn = MaybeElement | (() => MaybeElement);
+declare function disableTextSelection(options?: DisableTextSelectionOptions<NodeOrFn>): () => void;
+//#endregion
+//#region src/common/dom-query/visual-viewport.d.ts
+interface ViewportSize {
+  width: number;
+  height: number;
+}
+declare function trackVisualViewport(doc: Document, fn: (data: ViewportSize) => void): () => void;
+//#endregion
+//#region src/common/dom-query/visually-hidden.d.ts
+declare const visuallyHiddenStyle: {
+  readonly border: "0";
+  readonly clip: "rect(0 0 0 0)";
+  readonly height: "1px";
+  readonly margin: "-1px";
+  readonly overflow: "hidden";
+  readonly padding: "0";
+  readonly position: "absolute";
+  readonly width: "1px";
+  readonly whiteSpace: "nowrap";
+  readonly wordWrap: "normal";
+};
+declare function setVisuallyHidden(el: HTMLElement): void;
+//#endregion
+export { AnimationFrame, type Booleanish, CheckedEventOptions, ControlledElementOptions, DataUrlOptions, DataUrlType, DisableTextSelectionOptions, GetShadowRootOption, InitialFocusOptions, InputValueEventOptions, ItemToId, MAX_Z_INDEX, NavigateOptions, NextTabbableOptions, ObserveAttributeOptions, ObserveChildrenOptions, OverflowAncestor, PercentValueOptions, PointerMoveDetails, PointerMoveHandlers, PointerUpDetails, PressDetails, ProxyTabFocusOptions, ScopeContext, ScrollOptions, ScrollPosition, ScrollToElementOptions, SearchableItem, TabbableOptions, TrackFormControlOptions, TrackPressOptions, TypeaheadOptions, TypeaheadState, ViewportSize, WaitForEventOptions, WaitForOptions, WaitForPromiseReturn, addDomEvent, ariaAttr, clickIfLink, contains, createScope, dataAttr, defaultItemToId, disableTextSelection, dispatchInputCheckedEvent, dispatchInputValueEvent, findControlledElements, getActiveElement, getAncestorElements, getBeforeInputValue, getByText, getByTypeahead, getComputedStyle, getControlledElements, getDataUrl, getDocument, getDocumentElement, getEventKey, getEventPoint, getEventStep, getEventStepValue, getEventTarget, getFirstFocusable, getFirstTabbable, getFocusables, getInitialFocus, getLastTabbable, getNativeEvent, getNearestOverflowAncestor, getNextTabbable, getNodeName, getOverflowAncestors, getParentElement, getParentNode, getPlatform, getRelativePoint, getRootNode, getScale, getScrollPosition, getTabIndex, getTabbableEdges, getTabbables, getUserAgent, getWindow, hasControllerElements, indexOfId, isActiveElement, isAnchorElement, isAndroid, isApple, isCaretAtStart, isChrome, isComposingEvent, isContextMenuEvent, isControlledByExpandedController, isControlledElement, isControllerElement, isCtrlOrMetaKey, isDocument, isDom, isDownloadingEvent, isEditableElement, isElement, isElementVisible, isFirefox, isFocusable, isHTMLElement, isIPad, isIPhone, isInView, isInputElement, isInteractiveContainerElement, isInternalChangeEvent, isIos, isKeyboardClick, isLeftClick, isMac, isModifierKey, isNode, isOpeningInNewTab, isOverflowElement, isPrintableKey, isRootElement, isSafari, isSelfTarget, isShadowRoot, isTabbable, isTouchDevice, isTouchEvent, isValidTabEvent, isVirtualClick, isVirtualPointerEvent, isVisualViewport, isWebKit, isWindow, itemById, markAsInternalChangeEvent, navigate, nextById, nextTick, observeAttributes, observeChildren, prevById, proxyTabFocus, query, queryAll, queueBeforeEvent, raf, requestPointerLock, resizeObserverBorderBox, resizeObserverContentBox, resizeObserverDevicePixelContentBox, restoreTextSelection, scrollIntoView, scrollToElement, setAttribute, setCaretToEnd, setElementChecked, setElementValue, setProperty, setStyle, setStyleProperty, setVisuallyHidden, trackFormControl, trackPointerMove, trackPress, trackVisualViewport, visuallyHiddenStyle, waitForElement, waitForEvent, waitForPromise };