@wirekyt/dom 0.0.1 → 0.0.2

package/dist/core-CJ0MZr3D.js

@@ -0,0 +1,289 @@
+import { C as isActiveElement, g as getDocument, m as getActiveElement } from "./dom-query-e7fh0TEH.js";
+import { t as isEqual } from "./equal-DtrP8DPh.js";
+import { L as callAll, it as isString } from "./utils-Cht5XaHf.js";
+import { r as invariant, t as ensure } from "./warning-CrzBpWT1.js";
+//#region src/common/core/merge-props.ts
+const clsx = (...args) => args.map((str) => str?.trim?.()).filter(Boolean).join(" ");
+const CSS_REGEX = /((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g;
+const serialize = (style) => {
+	const res = {};
+	let match;
+	while (match = CSS_REGEX.exec(style)) res[match[1]] = match[2];
+	return res;
+};
+const css = (a, b) => {
+	if (isString(a)) {
+		if (isString(b)) return `${a};${b}`;
+		a = serialize(a);
+	} else if (isString(b)) b = serialize(b);
+	return Object.assign({}, a ?? {}, b ?? {});
+};
+function mergeProps(...args) {
+	let result = {};
+	for (let props of args) {
+		if (!props) continue;
+		for (let key in result) {
+			if (key.startsWith("on") && typeof result[key] === "function" && typeof props[key] === "function") {
+				result[key] = callAll(props[key], result[key]);
+				continue;
+			}
+			if (key === "className" || key === "class") {
+				result[key] = clsx(result[key], props[key]);
+				continue;
+			}
+			if (key === "style") {
+				result[key] = css(result[key], props[key]);
+				continue;
+			}
+			result[key] = props[key] !== void 0 ? props[key] : result[key];
+		}
+		for (let key in props) if (result[key] === void 0) result[key] = props[key];
+		const symbols = Object.getOwnPropertySymbols(props);
+		for (let symbol of symbols) result[symbol] = props[symbol];
+	}
+	return result;
+}
+//#endregion
+//#region src/common/core/memo.ts
+function memo(getDeps, fn, opts) {
+	let deps = [];
+	let result;
+	return (depArgs) => {
+		const newDeps = getDeps(depArgs);
+		if (!(newDeps.length !== deps.length || newDeps.some((dep, index) => !isEqual(deps[index], dep)))) return result;
+		deps = newDeps;
+		result = fn(newDeps, depArgs);
+		opts?.onChange?.(result);
+		return result;
+	};
+}
+//#endregion
+//#region src/common/core/state.ts
+const STATE_DELIMITER = ".";
+const ABSOLUTE_PREFIX = "#";
+const stateIndexCache = /* @__PURE__ */ new WeakMap();
+const stateIdIndexCache = /* @__PURE__ */ new WeakMap();
+function joinStatePath(parts) {
+	return parts.join(STATE_DELIMITER);
+}
+function isAbsoluteStatePath(value) {
+	return value.includes(STATE_DELIMITER);
+}
+function isExplicitAbsoluteStatePath(value) {
+	return value.startsWith(ABSOLUTE_PREFIX);
+}
+function isChildTarget(value) {
+	return value.startsWith(STATE_DELIMITER);
+}
+function stripAbsolutePrefix(value) {
+	return isExplicitAbsoluteStatePath(value) ? value.slice(1) : value;
+}
+function appendStatePath(base, segment) {
+	return base ? `${base}${STATE_DELIMITER}${segment}` : segment;
+}
+function buildStateIndex(machine) {
+	const index = /* @__PURE__ */ new Map();
+	const idIndex = /* @__PURE__ */ new Map();
+	const visit = (basePath, state) => {
+		index.set(basePath, state);
+		const stateId = state.id;
+		if (stateId) {
+			if (idIndex.has(stateId)) invariant(`[wirekyt] Duplicate state id: "${stateId}"`);
+			idIndex.set(stateId, basePath);
+		}
+		const childStates = state.states;
+		if (!childStates) return;
+		ensure(state.initial, () => `[wirekyt] Compound state "${basePath}" has child states but no "initial" property`);
+		if (!(state.initial in childStates)) invariant(`[wirekyt] Compound state "${basePath}" has initial "${String(state.initial)}" which is not a child state`);
+		for (const [childKey, childState] of Object.entries(childStates)) {
+			if (!childState) continue;
+			const childPath = appendStatePath(basePath, childKey);
+			visit(childPath, childState);
+		}
+	};
+	for (const [topKey, topState] of Object.entries(machine.states)) {
+		if (!topState) continue;
+		visit(topKey, topState);
+	}
+	return {
+		index,
+		idIndex
+	};
+}
+function ensureStateIndex(machine) {
+	const cached = stateIndexCache.get(machine);
+	if (cached) return cached;
+	const { index, idIndex } = buildStateIndex(machine);
+	stateIndexCache.set(machine, index);
+	stateIdIndexCache.set(machine, idIndex);
+	return index;
+}
+function getStatePathById(machine, stateId) {
+	ensureStateIndex(machine);
+	return stateIdIndexCache.get(machine)?.get(stateId);
+}
+function toSegments(value) {
+	if (!value) return [];
+	return String(value).split(STATE_DELIMITER).filter(Boolean);
+}
+function getStateChain(machine, state) {
+	if (!state) return [];
+	const stateIndex = ensureStateIndex(machine);
+	const segments = toSegments(state);
+	const chain = [];
+	const statePath = [];
+	for (const segment of segments) {
+		statePath.push(segment);
+		const path = joinStatePath(statePath);
+		const current = stateIndex.get(path);
+		if (!current) break;
+		chain.push({
+			path,
+			state: current
+		});
+	}
+	return chain;
+}
+function resolveAbsoluteStateValue(machine, value) {
+	const stateIndex = ensureStateIndex(machine);
+	const segments = toSegments(value);
+	if (!segments.length) return value;
+	const resolved = [];
+	for (const segment of segments) {
+		resolved.push(segment);
+		const path = joinStatePath(resolved);
+		if (!stateIndex.has(path)) return value;
+	}
+	let resolvedPath = joinStatePath(resolved);
+	let current = stateIndex.get(resolvedPath);
+	while (current?.initial) {
+		const nextPath = `${resolvedPath}${STATE_DELIMITER}${current.initial}`;
+		const nextState = stateIndex.get(nextPath);
+		if (!nextState) break;
+		resolvedPath = nextPath;
+		current = nextState;
+	}
+	return resolvedPath;
+}
+function hasStatePath(machine, value) {
+	return ensureStateIndex(machine).has(value);
+}
+function resolveStateValue(machine, value, source) {
+	const stateValue = String(value);
+	if (isExplicitAbsoluteStatePath(stateValue)) {
+		const stateId = stripAbsolutePrefix(stateValue);
+		const statePath = getStatePathById(machine, stateId);
+		ensure(statePath, () => `[wirekyt] Unknown state id: "${stateId}"`);
+		return resolveAbsoluteStateValue(machine, statePath);
+	}
+	if (isChildTarget(stateValue) && source) return resolveAbsoluteStateValue(machine, appendStatePath(source, stateValue.slice(1)));
+	if (!isAbsoluteStatePath(stateValue) && source) {
+		const sourceSegments = toSegments(source);
+		for (let index = sourceSegments.length - 1; index >= 1; index--) {
+			const candidate = appendStatePath(sourceSegments.slice(0, index).join(STATE_DELIMITER), stateValue);
+			if (hasStatePath(machine, candidate)) return resolveAbsoluteStateValue(machine, candidate);
+		}
+		if (hasStatePath(machine, stateValue)) return resolveAbsoluteStateValue(machine, stateValue);
+	}
+	return resolveAbsoluteStateValue(machine, stateValue);
+}
+function getStateDefinition(machine, state) {
+	const chain = getStateChain(machine, state);
+	return chain[chain.length - 1]?.state;
+}
+function findTransition(machine, state, eventType) {
+	const chain = getStateChain(machine, state);
+	for (let index = chain.length - 1; index >= 0; index--) {
+		const transition = (chain[index]?.state.on)?.[eventType];
+		if (transition) return {
+			transitions: transition,
+			source: chain[index]?.path
+		};
+	}
+	return {
+		transitions: machine.on?.[eventType],
+		source: void 0
+	};
+}
+function getExitEnterStates(machine, prevState, nextState, reenter) {
+	const prevChain = prevState ? getStateChain(machine, prevState) : [];
+	const nextChain = getStateChain(machine, nextState);
+	let commonIndex = 0;
+	while (commonIndex < prevChain.length && commonIndex < nextChain.length && prevChain[commonIndex]?.path === nextChain[commonIndex]?.path) commonIndex += 1;
+	let exiting = prevChain.slice(commonIndex).reverse();
+	let entering = nextChain.slice(commonIndex);
+	const sameLeaf = prevChain.at(-1)?.path === nextChain.at(-1)?.path;
+	if (reenter && sameLeaf) {
+		exiting = prevChain.slice().reverse();
+		entering = nextChain;
+	}
+	return {
+		exiting,
+		entering
+	};
+}
+function matchesState(current, value) {
+	if (!current) return false;
+	return current === value || current.startsWith(`${value}${STATE_DELIMITER}`);
+}
+function hasTag(machine, state, tag) {
+	return getStateChain(machine, state).some((item) => item.state.tags?.includes(tag));
+}
+//#endregion
+//#region src/common/core/create-machine.ts
+function createGuards() {
+	return {
+		and: (...guards) => {
+			return function andGuard(params) {
+				return guards.every((str) => params.guard(str));
+			};
+		},
+		or: (...guards) => {
+			return function orGuard(params) {
+				return guards.some((str) => params.guard(str));
+			};
+		},
+		not: (guard) => {
+			return function notGuard(params) {
+				return !params.guard(guard);
+			};
+		}
+	};
+}
+function createMachine(config) {
+	ensureStateIndex(config);
+	return config;
+}
+function setup() {
+	return {
+		guards: createGuards(),
+		createMachine: (config) => {
+			return createMachine(config);
+		},
+		choose: (transitions) => {
+			return function chooseFn({ choose }) {
+				return choose(transitions)?.actions;
+			};
+		}
+	};
+}
+//#endregion
+//#region src/common/core/scope.ts
+function createScope(props) {
+	const getRootNode = () => props.getRootNode?.() ?? document;
+	const getDoc = () => getDocument(getRootNode());
+	const getWin = () => getDoc().defaultView ?? window;
+	const getActiveElementFn = () => getActiveElement(getRootNode());
+	const getById = (id) => getRootNode().getElementById(id);
+	return {
+		...props,
+		getRootNode,
+		getDoc,
+		getWin,
+		getActiveElement: getActiveElementFn,
+		isActiveElement,
+		getById
+	};
+}
+//#endregion
+export { ensureStateIndex as a, getStateChain as c, matchesState as d, resolveStateValue as f, setup as i, getStateDefinition as l, mergeProps as m, createGuards as n, findTransition as o, memo as p, createMachine as r, getExitEnterStates as s, createScope as t, hasTag as u };

package/dist/core.cjs

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_core = require("./core-BNMw-JId.cjs");
+const require_types = require("./types-HCvp3Bhv.cjs");
+exports.INIT_STATE = require_types.INIT_STATE;
+exports.MachineStatus = require_types.MachineStatus;
+exports.createGuards = require_core.createGuards;
+exports.createMachine = require_core.createMachine;
+exports.createScope = require_core.createScope;
+exports.ensureStateIndex = require_core.ensureStateIndex;
+exports.findTransition = require_core.findTransition;
+exports.getExitEnterStates = require_core.getExitEnterStates;
+exports.getStateChain = require_core.getStateChain;
+exports.getStateDefinition = require_core.getStateDefinition;
+exports.hasTag = require_core.hasTag;
+exports.matchesState = require_core.matchesState;
+exports.memo = require_core.memo;
+exports.mergeProps = require_core.mergeProps;
+exports.resolveStateValue = require_core.resolveStateValue;
+exports.setup = require_core.setup;

package/dist/core.d.cts

@@ -0,0 +1,3 @@
+import { A as PropFn, C as GuardFn, D as MachineState, E as MachineSchema, F as TransitionMatch, I as TransitionSet, L as ValueOrFn, M as Service, N as Transition, O as MachineStatus, P as TransitionMap, R as memo, S as EventObject, T as Machine, _ as BindableParams, a as getStateChain, b as ComputedFn, c as matchesState, d as createMachine, f as setup, g as BindableFn, h as BindableContext, i as getExitEnterStates, j as Scope, k as Params, l as resolveStateValue, m as Bindable, n as ensureStateIndex, o as getStateDefinition, p as ActionsOrFn, r as findTransition, s as hasTag, t as createScope, u as createGuards, v as BindableRefs, w as INIT_STATE, x as EffectsOrFn, y as ChooseFn, z as mergeProps } from "./index-BKgxIVbE.cjs";
+import "./core-BF6G2RiC.cjs";
+export { ActionsOrFn, Bindable, BindableContext, BindableFn, BindableParams, BindableRefs, ChooseFn, ComputedFn, EffectsOrFn, EventObject, GuardFn, INIT_STATE, Machine, MachineSchema, MachineState, MachineStatus, Params, PropFn, Scope, Service, Transition, TransitionMap, TransitionMatch, TransitionSet, ValueOrFn, createGuards, createMachine, createScope, ensureStateIndex, findTransition, getExitEnterStates, getStateChain, getStateDefinition, hasTag, matchesState, memo, mergeProps, resolveStateValue, setup };

package/dist/core.d.ts

@@ -0,0 +1,3 @@
+import { A as PropFn, C as GuardFn, D as MachineState, E as MachineSchema, F as TransitionMatch, I as TransitionSet, L as ValueOrFn, M as Service, N as Transition, O as MachineStatus, P as TransitionMap, R as memo, S as EventObject, T as Machine, _ as BindableParams, a as getStateChain, b as ComputedFn, c as matchesState, d as createMachine, f as setup, g as BindableFn, h as BindableContext, i as getExitEnterStates, j as Scope, k as Params, l as resolveStateValue, m as Bindable, n as ensureStateIndex, o as getStateDefinition, p as ActionsOrFn, r as findTransition, s as hasTag, t as createScope, u as createGuards, v as BindableRefs, w as INIT_STATE, x as EffectsOrFn, y as ChooseFn, z as mergeProps } from "./index-CFoN0L3C.js";
+import "./core-BdeZuSX6.js";
+export { ActionsOrFn, Bindable, BindableContext, BindableFn, BindableParams, BindableRefs, ChooseFn, ComputedFn, EffectsOrFn, EventObject, GuardFn, INIT_STATE, Machine, MachineSchema, MachineState, MachineStatus, Params, PropFn, Scope, Service, Transition, TransitionMap, TransitionMatch, TransitionSet, ValueOrFn, createGuards, createMachine, createScope, ensureStateIndex, findTransition, getExitEnterStates, getStateChain, getStateDefinition, hasTag, matchesState, memo, mergeProps, resolveStateValue, setup };

package/dist/core.js

@@ -0,0 +1,3 @@
+import { a as ensureStateIndex, c as getStateChain, d as matchesState, f as resolveStateValue, i as setup, l as getStateDefinition, m as mergeProps, n as createGuards, o as findTransition, p as memo, r as createMachine, s as getExitEnterStates, t as createScope, u as hasTag } from "./core-CJ0MZr3D.js";
+import { n as MachineStatus, t as INIT_STATE } from "./types-BFuHIo7S.js";
+export { INIT_STATE, MachineStatus, createGuards, createMachine, createScope, ensureStateIndex, findTransition, getExitEnterStates, getStateChain, getStateDefinition, hasTag, matchesState, memo, mergeProps, resolveStateValue, setup };

package/dist/create-anatomy-B2q3wiaw.js

@@ -0,0 +1,22 @@
+//#region src/common/anatomy/create-anatomy.ts
+const createAnatomy = (name, parts = []) => ({
+	parts: (...values) => {
+		if (isEmpty(parts)) return createAnatomy(name, values);
+		throw new Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?");
+	},
+	extendWith: (...values) => createAnatomy(name, [...parts, ...values]),
+	omit: (...values) => createAnatomy(name, parts.filter((part) => !values.includes(part))),
+	rename: (newName) => createAnatomy(newName, parts),
+	keys: () => parts,
+	build: () => [...new Set(parts)].reduce((prev, part) => Object.assign(prev, { [part]: {
+		selector: [`&[data-scope="${toKebabCase(name)}"][data-part="${toKebabCase(part)}"]`, `& [data-scope="${toKebabCase(name)}"][data-part="${toKebabCase(part)}"]`].join(", "),
+		attrs: {
+			"data-scope": toKebabCase(name),
+			"data-part": toKebabCase(part)
+		}
+	} }), {})
+});
+const toKebabCase = (value) => value.replace(/([A-Z])([A-Z])/g, "$1-$2").replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+const isEmpty = (v) => v.length === 0;
+//#endregion
+export { createAnatomy as t };

package/dist/create-anatomy-BwDn25ph.cjs

@@ -0,0 +1,27 @@
+//#region src/common/anatomy/create-anatomy.ts
+const createAnatomy = (name, parts = []) => ({
+	parts: (...values) => {
+		if (isEmpty(parts)) return createAnatomy(name, values);
+		throw new Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?");
+	},
+	extendWith: (...values) => createAnatomy(name, [...parts, ...values]),
+	omit: (...values) => createAnatomy(name, parts.filter((part) => !values.includes(part))),
+	rename: (newName) => createAnatomy(newName, parts),
+	keys: () => parts,
+	build: () => [...new Set(parts)].reduce((prev, part) => Object.assign(prev, { [part]: {
+		selector: [`&[data-scope="${toKebabCase(name)}"][data-part="${toKebabCase(part)}"]`, `& [data-scope="${toKebabCase(name)}"][data-part="${toKebabCase(part)}"]`].join(", "),
+		attrs: {
+			"data-scope": toKebabCase(name),
+			"data-part": toKebabCase(part)
+		}
+	} }), {})
+});
+const toKebabCase = (value) => value.replace(/([A-Z])([A-Z])/g, "$1-$2").replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+const isEmpty = (v) => v.length === 0;
+//#endregion
+Object.defineProperty(exports, "createAnatomy", {
+	enumerable: true,
+	get: function() {
+		return createAnatomy;
+	}
+});

package/dist/create-props-CgtcN_Qu.js

@@ -0,0 +1,4 @@
+//#region src/common/types/create-props.ts
+const createProps = () => (props) => Array.from(new Set(props));
+//#endregion
+export { createProps as t };

package/dist/create-props-CjLx2oS8.cjs

@@ -0,0 +1,9 @@
+//#region src/common/types/create-props.ts
+const createProps = () => (props) => Array.from(new Set(props));
+//#endregion
+Object.defineProperty(exports, "createProps", {
+	enumerable: true,
+	get: function() {
+		return createProps;
+	}
+});

package/dist/data-url-C-Uk31Q9.cjs

@@ -0,0 +1,42 @@
+const require_dom_query = require("./dom-query-CQzY93XU.cjs");
+//#region src/common/dom-query/data-url.ts
+function getDataUrl(svg, opts) {
+	const { type, quality = .92, background } = opts;
+	if (!svg) throw new Error("[wirekyt > getDataUrl]: Could not find the svg element");
+	const win = require_dom_query.getWindow(svg);
+	const doc = win.document;
+	const svgBounds = svg.getBoundingClientRect();
+	const svgClone = svg.cloneNode(true);
+	if (!svgClone.hasAttribute("viewBox")) svgClone.setAttribute("viewBox", `0 0 ${svgBounds.width} ${svgBounds.height}`);
+	const source = "<?xml version=\"1.0\" standalone=\"no\"?>\r\n" + new win.XMLSerializer().serializeToString(svgClone);
+	const svgString = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(source);
+	if (type === "image/svg+xml") return Promise.resolve(svgString).then((str) => {
+		svgClone.remove();
+		return str;
+	});
+	const dpr = win.devicePixelRatio || 1;
+	const canvas = doc.createElement("canvas");
+	const image = new win.Image();
+	image.src = svgString;
+	canvas.width = svgBounds.width * dpr;
+	canvas.height = svgBounds.height * dpr;
+	const context = canvas.getContext("2d");
+	if (type === "image/jpeg" || background) {
+		context.fillStyle = background || "white";
+		context.fillRect(0, 0, canvas.width, canvas.height);
+	}
+	return new Promise((resolve) => {
+		image.onload = () => {
+			context?.drawImage(image, 0, 0, canvas.width, canvas.height);
+			resolve(canvas.toDataURL(type, quality));
+			svgClone.remove();
+		};
+	});
+}
+//#endregion
+Object.defineProperty(exports, "getDataUrl", {
+	enumerable: true,
+	get: function() {
+		return getDataUrl;
+	}
+});

package/dist/data-url-DHUHj7UF.js

@@ -0,0 +1,37 @@
+import { S as getWindow } from "./dom-query-e7fh0TEH.js";
+//#region src/common/dom-query/data-url.ts
+function getDataUrl(svg, opts) {
+	const { type, quality = .92, background } = opts;
+	if (!svg) throw new Error("[wirekyt > getDataUrl]: Could not find the svg element");
+	const win = getWindow(svg);
+	const doc = win.document;
+	const svgBounds = svg.getBoundingClientRect();
+	const svgClone = svg.cloneNode(true);
+	if (!svgClone.hasAttribute("viewBox")) svgClone.setAttribute("viewBox", `0 0 ${svgBounds.width} ${svgBounds.height}`);
+	const source = "<?xml version=\"1.0\" standalone=\"no\"?>\r\n" + new win.XMLSerializer().serializeToString(svgClone);
+	const svgString = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(source);
+	if (type === "image/svg+xml") return Promise.resolve(svgString).then((str) => {
+		svgClone.remove();
+		return str;
+	});
+	const dpr = win.devicePixelRatio || 1;
+	const canvas = doc.createElement("canvas");
+	const image = new win.Image();
+	image.src = svgString;
+	canvas.width = svgBounds.width * dpr;
+	canvas.height = svgBounds.height * dpr;
+	const context = canvas.getContext("2d");
+	if (type === "image/jpeg" || background) {
+		context.fillStyle = background || "white";
+		context.fillRect(0, 0, canvas.width, canvas.height);
+	}
+	return new Promise((resolve) => {
+		image.onload = () => {
+			context?.drawImage(image, 0, 0, canvas.width, canvas.height);
+			resolve(canvas.toDataURL(type, quality));
+			svgClone.remove();
+		};
+	});
+}
+//#endregion
+export { getDataUrl as t };

package/dist/data-url-Gx_SWG-k.d.cts

@@ -0,0 +1,10 @@
+//#region src/common/dom-query/data-url.d.ts
+type DataUrlType = "image/png" | "image/jpeg" | "image/svg+xml";
+interface DataUrlOptions {
+  type: DataUrlType;
+  quality?: number | undefined;
+  background?: string | undefined;
+}
+declare function getDataUrl(svg: SVGSVGElement | undefined | null, opts: DataUrlOptions): Promise<string>;
+//#endregion
+export { DataUrlType as n, getDataUrl as r, DataUrlOptions as t };

package/dist/data-url-Gx_SWG-k.d.ts

@@ -0,0 +1,10 @@
+//#region src/common/dom-query/data-url.d.ts
+type DataUrlType = "image/png" | "image/jpeg" | "image/svg+xml";
+interface DataUrlOptions {
+  type: DataUrlType;
+  quality?: number | undefined;
+  background?: string | undefined;
+}
+declare function getDataUrl(svg: SVGSVGElement | undefined | null, opts: DataUrlOptions): Promise<string>;
+//#endregion
+export { DataUrlType as n, getDataUrl as r, DataUrlOptions as t };