@oscarpalmer/abydon 0.16.0 → 0.17.0

package/dist/{abydon.full.js → abydon.full.mjs}

@@ -1,3 +1,4 @@
+//#region node_modules/@oscarpalmer/mora/dist/constants.js
 const ACTIVE = {};
 const BATCH = {
 	depth: 0,
@@ -29,6 +30,8 @@ const NAME_ALL = new Set([
 	NAME_SIGNAL,
 	NAME_STORE
 ]);
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/effect.js
 var Effect = class {
 	constructor(callback) {
 		Object.defineProperty(this, NAME_MORA, { value: NAME_EFFECT });
@@ -48,6 +51,8 @@ function runEffect(effect$1) {
 function effect(callback) {
 	return typeof callback === "function" ? new Effect(callback) : void 0;
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/helpers/is.js
 function isArray(value) {
 	return isMora(value, NAME_ARRAY);
 }
@@ -66,6 +71,8 @@ function isReactive(value) {
 function isSignal(value) {
 	return isMora(value, NAME_SIGNAL);
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/batch.js
 function flushHandlers() {
 	while (BATCH.depth === 0 && BATCH.handlers.size > 0) {
 		const handlers = [...BATCH.handlers];
@@ -81,6 +88,8 @@ function stopBatch() {
 	if (BATCH.depth > 0) BATCH.depth -= 1;
 	flushHandlers();
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/subscription.js
 var Subscription = class {
 	callback;
 	state;
@@ -106,6 +115,8 @@ function unsubscribe(state, callback) {
 	state.subscriptions.get(callback)?.destroy();
 	state.subscriptions.delete(callback);
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/value/reactive.js
 var Reactive = class {
 	state = {
 		computeds: /* @__PURE__ */ new Set(),
@@ -135,6 +146,8 @@ var Reactive = class {
 		unsubscribe(this.state, callback);
 	}
 };
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/value/computed.js
 var Computed = class extends Reactive {
 	effect = {
 		dirty: true,
@@ -167,9 +180,11 @@ var Computed = class extends Reactive {
 function computed(callback, options) {
 	return new Computed(callback, options);
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/helpers/value.js
 function emitValue(state) {
-	for (const computed$1 of state.computeds) computed$1.effect.dirty = true;
-	for (const effect$1 of state.effects) BATCH.handlers.add(effect$1);
+	for (const computed of state.computeds) computed.effect.dirty = true;
+	for (const effect of state.effects) BATCH.handlers.add(effect);
 	for (const [, subscription] of state.subscriptions) BATCH.handlers.add(subscription);
 	if (BATCH.depth === 0) flushHandlers();
 }
@@ -191,6 +206,8 @@ function getValue$1(state) {
 	if (ACTIVE.effect != null) state.effects.add(ACTIVE.effect);
 	return state.value;
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/value/signal.js
 var Signal = class extends Reactive {
 	constructor(value, options) {
 		super(NAME_SIGNAL, value, options);
@@ -211,16 +228,18 @@ var Signal = class extends Reactive {
 function signal(value, options) {
 	return new Signal(value, options);
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/helpers/proxy.js
 function emityProxyValues(state, mapped) {
 	const values = [...mapped.values()];
 	const { length } = values;
 	for (let index = 0; index < length; index += 1) values[index].effect.dirty = true;
 	emitValue(state);
 }
-function getReactiveValueInProxy(reactive, mapped, key, isArray$1) {
+function getReactiveValueInProxy(reactive, mapped, key, isArray) {
 	let item = mapped.get(key);
 	if (item == null) {
-		item = computed(() => isArray$1 ? reactive.get().at(key) : reactive.get()[key]);
+		item = computed(() => isArray ? reactive.get().at(key) : reactive.get()[key]);
 		mapped.set(key, item);
 	}
 	return item;
@@ -242,18 +261,20 @@ function setProxyValue(proxy, value) {
 	stopBatch();
 }
 function setValueInProxy(parameters) {
-	const { isArray: isArray$1, length, property, state, target, value } = parameters;
-	if (isArray$1) {
+	const { isArray, length, property, state, target, value } = parameters;
+	if (isArray) {
 		if (!(!Number.isNaN(Number(property)) || property === "length")) return Reflect.set(target, property, value);
 	}
 	const previous = Reflect.get(target, property);
 	if (!state.equal(previous, value)) {
 		Reflect.set(target, property, value);
 		emitValue(state);
-		if (isArray$1) length?.set(target.length);
+		if (isArray) length?.set(target.length);
 	}
 	return true;
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/value/array.js
 var ReactiveArray = class extends Reactive {
 	#indiced = /* @__PURE__ */ new Map();
 	#size = signal(0);
@@ -346,28 +367,19 @@ function setAtIndex(array$1, index, value) {
 	const actual = index < 0 ? array$1.length + index : index;
 	if (actual > -1) array$1[actual] = value;
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/node_modules/@oscarpalmer/atoms/dist/internal/is.js
 function isKey(value) {
 	return typeof value === "number" || typeof value === "string";
 }
-function isPlainObject$2(value) {
+function isPlainObject$1(value) {
 	if (value === null || typeof value !== "object") return false;
 	if (Symbol.toStringTag in value || Symbol.iterator in value) return false;
 	const prototype = Object.getPrototypeOf(value);
 	return prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null;
 }
-new Set([
-	Int8Array,
-	Uint8Array,
-	Uint8ClampedArray,
-	Int16Array,
-	Uint16Array,
-	Int32Array,
-	Uint32Array,
-	Float32Array,
-	Float64Array,
-	BigInt64Array,
-	BigUint64Array
-]);
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/value/store.js
 var Store = class extends Reactive {
 	#keyed = /* @__PURE__ */ new Map();
 	constructor(value, options) {
@@ -390,7 +402,7 @@ var Store = class extends Reactive {
 	}
 	set(first, second) {
 		if (isKey(first)) this.state.value[first] = second;
-		else if (first == null || isPlainObject$2(first)) setProxyValue(this.state.value, first ?? {});
+		else if (first == null || isPlainObject$1(first)) setProxyValue(this.state.value, first ?? {});
 	}
 	subscribe(first, second) {
 		if (isKey(first) && typeof second === "function") return getReactiveValueInProxy(this, this.#keyed, first, false).subscribe(second);
@@ -398,87 +410,129 @@ var Store = class extends Reactive {
 	}
 	update(callback) {
 		const updated = callback({ ...this.state.value });
-		if (updated == null || isPlainObject$2(updated)) setProxyValue(this.state.value, updated ?? {});
+		if (updated == null || isPlainObject$1(updated)) setProxyValue(this.state.value, updated ?? {});
 	}
 };
 function store(value, options) {
-	return new Store(isPlainObject$2(value) ? value : {}, options);
-}
-function isPlainObject$1(value) {
+	return new Store(isPlainObject$1(value) ? value : {}, options);
+}
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/internal/is.mjs
+/**
+* Is the value a plain object?
+* @param value Value to check
+* @returns `true` if the value is a plain object, otherwise `false`
+*/
+function isPlainObject(value) {
 	if (value === null || typeof value !== "object") return false;
 	if (Symbol.toStringTag in value || Symbol.iterator in value) return false;
 	const prototype = Object.getPrototypeOf(value);
 	return prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null;
 }
-new Set([
-	Int8Array,
-	Uint8Array,
-	Uint8ClampedArray,
-	Int16Array,
-	Uint16Array,
-	Int32Array,
-	Uint32Array,
-	Float32Array,
-	Float64Array,
-	BigInt64Array,
-	BigUint64Array
-]);
-function getString$1(value) {
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/internal/string.mjs
+/**
+* Get the string value from any value
+* @param value Original value
+* @returns String representation of the value
+*/
+function getString(value) {
 	if (typeof value === "string") return value;
 	if (value == null) return "";
-	if (typeof value === "function") return getString$1(value());
+	if (typeof value === "function") return getString(value());
 	if (typeof value !== "object") return String(value);
 	const asString = String(value.valueOf?.() ?? value);
 	return asString.startsWith("[object ") ? JSON.stringify(value) : asString;
 }
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/is.mjs
+/**
+* Is the value `undefined`, `null`, or a whitespace-only string?
+* @param value Value to check
+* @returns `true` if the value is nullable or a whitespace-only string, otherwise `false`
+*/
 function isNullableOrWhitespace(value) {
-	return value == null || EXPRESSION_WHITESPACE$1.test(getString$1(value));
-}
-var EXPRESSION_WHITESPACE$1 = /^\s*$/;
+	return value == null || EXPRESSION_WHITESPACE$1.test(getString(value));
+}
+const EXPRESSION_WHITESPACE$1 = /^\s*$/;
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/internal/is.mjs
+/**
+* Is the value an event target?
+* @param value Value to check
+* @returns `true` if it's an event target, otherwise `false`
+*/
 function isEventTarget(value) {
 	return typeof value === "object" && value != null && typeof value.addEventListener === "function" && typeof value.removeEventListener === "function" && typeof value.dispatchEvent === "function";
 }
+/**
+* Is the value an HTML or SVG element?
+* @param value Value to check
+* @returns `true` if it's an HTML or SVG element, otherwise `false`
+*/
 function isHTMLOrSVGElement(value) {
 	return value instanceof HTMLElement || value instanceof SVGElement;
 }
-function getString(value) {
-	if (typeof value === "string") return value;
-	if (value == null) return "";
-	if (typeof value === "function") return getString(value());
-	if (typeof value !== "object") return String(value);
-	const asString = String(value.valueOf?.() ?? value);
-	return asString.startsWith("[object ") ? JSON.stringify(value) : asString;
-}
-function isPlainObject(value) {
-	if (value === null || typeof value !== "object") return false;
-	if (Symbol.toStringTag in value || Symbol.iterator in value) return false;
-	const prototype = Object.getPrototypeOf(value);
-	return prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null;
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/is.mjs
+/**
+* Is the value a child node?
+* @param value Value to check
+* @returns `true` if it's a child node, otherwise `false`
+*/
+function isChildNode(value) {
+	return value instanceof Node && CHILD_NODE_TYPES.has(value.nodeType);
 }
-new Set([
-	Int8Array,
-	Uint8Array,
-	Uint8ClampedArray,
-	Int16Array,
-	Uint16Array,
-	Int32Array,
-	Uint32Array,
-	Float32Array,
-	Float64Array,
-	BigInt64Array,
-	BigUint64Array
+const CHILD_NODE_TYPES = new Set([
+	Node.ELEMENT_NODE,
+	Node.TEXT_NODE,
+	Node.PROCESSING_INSTRUCTION_NODE,
+	Node.COMMENT_NODE,
+	Node.DOCUMENT_TYPE_NODE
 ]);
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/internal/element-value.mjs
+function setElementValue(element, first, second, third, callback) {
+	if (!isHTMLOrSVGElement(element)) return;
+	if (typeof first === "string") setElementValues(element, first, second, third, callback);
+	else if (isAttribute(first)) setElementValues(element, first.name, first.value, third, callback);
+}
+function setElementValues(element, first, second, third, callback) {
+	if (!isHTMLOrSVGElement(element)) return;
+	if (typeof first === "string") {
+		callback(element, first, second, third);
+		return;
+	}
+	const isArray = Array.isArray(first);
+	if (!isArray && !(typeof first === "object" && first !== null)) return;
+	const entries = isArray ? first : Object.entries(first).map(([name, value]) => ({
+		name,
+		value
+	}));
+	const { length } = entries;
+	for (let index = 0; index < length; index += 1) {
+		const entry = entries[index];
+		if (typeof entry === "object" && typeof entry?.name === "string") callback(element, entry.name, entry.value, third);
+	}
+}
+function updateElementValue(element, key, value, set, remove, isBoolean, json) {
+	if (isBoolean ? value == null : isNullableOrWhitespace(value)) remove.call(element, key);
+	else set.call(element, key, json ? JSON.stringify(value) : String(value));
+}
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/internal/attribute.mjs
 function badAttributeHandler(name, value) {
-	if (name == null || value == null) return true;
+	if (typeof name !== "string" || name.trim().length === 0 || typeof value !== "string") return true;
 	if (EXPRESSION_CLOBBERED_NAME.test(name) && (value in document || value in formElement) || EXPRESSION_EVENT_NAME$1.test(name)) return true;
 	if (EXPRESSION_SKIP_NAME.test(name) || EXPRESSION_URI_VALUE.test(value) || isValidSourceAttribute(name, value)) return false;
 	return EXPRESSION_DATA_OR_SCRIPT.test(value);
 }
 function booleanAttributeHandler(name, value) {
-	if (name == null || value == null) return true;
-	if (!booleanAttributesSet.has(name)) return false;
-	const normalized = value.toLowerCase().trim();
-	return !(normalized.length === 0 || normalized === name);
+	if (typeof name !== "string" || name.trim().length === 0 || typeof value !== "string") return true;
+	const normalizedName = name.toLowerCase();
+	if (!booleanAttributesSet.has(normalizedName)) return false;
+	const normalized = value.toLowerCase();
+	return !(normalized.length === 0 || normalized === normalizedName);
 }
 function decodeAttribute(value) {
 	textArea ??= document.createElement("textarea");
@@ -499,7 +553,7 @@ function handleAttribute(callback, decode, first, second) {
 	return callback(name, value?.replace(EXPRESSION_WHITESPACE, ""));
 }
 function isAttribute(value) {
-	return value instanceof Attr || isPlainObject(value) && typeof value.name === "string" && typeof value.value === "string";
+	return value instanceof Attr || isPlainObject(value) && typeof value.name === "string" && "value" in value;
 }
 function _isBadAttribute(first, second, decode) {
 	return handleAttribute(badAttributeHandler, decode, first, second);
@@ -513,35 +567,33 @@ function _isEmptyNonBooleanAttribute(first, second, decode) {
 function _isInvalidBooleanAttribute(first, second, decode) {
 	return handleAttribute(booleanAttributeHandler, decode, first, second);
 }
-function isProperty(value) {
-	return isPlainObject(value) && typeof value.name === "string";
-}
 function isValidSourceAttribute(name, value) {
 	return EXPRESSION_SOURCE_NAME.test(name) && EXPRESSION_SOURCE_VALUE.test(value);
 }
-function updateAttribute(element, name, value) {
-	const isBoolean = booleanAttributesSet.has(name.toLowerCase());
-	if (isBoolean) updateProperty$1(element, name, value);
-	if (isBoolean ? value !== true : value == null) element.removeAttribute(name);
-	else element.setAttribute(name, isBoolean ? "" : getString(value));
-}
-function updateProperty$1(element, name, value) {
-	const actual = name.toLowerCase();
-	element[actual] = value === "" || typeof value === "string" && value.toLowerCase() === actual || value === true;
-}
-function updateValue$1(element, first, second) {
-	if (!isHTMLOrSVGElement(element)) return;
-	if (isProperty(first)) updateAttribute(element, first.name, first.value);
-	else if (typeof first === "string") updateAttribute(element, first, second);
-}
-var EXPRESSION_CLOBBERED_NAME = /^(id|name)$/i;
-var EXPRESSION_DATA_OR_SCRIPT = /^(?:data|\w+script):/i;
-var EXPRESSION_EVENT_NAME$1 = /^on/i;
-var EXPRESSION_SKIP_NAME = /^(aria-[-\w]+|data-[-\w.\u00B7-\uFFFF]+)$/i;
-var EXPRESSION_SOURCE_NAME = /^src$/i;
-var EXPRESSION_SOURCE_VALUE = /^data:/i;
-var EXPRESSION_URI_VALUE = /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.-]+(?:[^a-z+.\-:]|$))/i;
-var EXPRESSION_WHITESPACE = /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g;
+function updateAttribute(element, name, value, dispatch) {
+	const normalizedName = name.toLowerCase();
+	const isBoolean = booleanAttributesSet.has(normalizedName);
+	const next = isBoolean ? value === true || typeof value === "string" && (value === "" || value.toLowerCase() === normalizedName) : value == null ? "" : value;
+	if (name in element) updateProperty$1(element, normalizedName, next, dispatch);
+	updateElementValue(element, name, isBoolean ? next ? "" : null : value, element.setAttribute, element.removeAttribute, isBoolean, false);
+}
+function updateProperty$1(element, name, value, dispatch) {
+	if (Object.is(element[name], value)) return;
+	element[name] = value;
+	const event = dispatch !== false && elementEvents[element.tagName]?.[name];
+	if (typeof event === "string") element.dispatchEvent(new Event(event, { bubbles: true }));
+}
+const EXPRESSION_CLOBBERED_NAME = /^(id|name)$/i;
+const EXPRESSION_DATA_OR_SCRIPT = /^(?:data|\w+script):/i;
+const EXPRESSION_EVENT_NAME$1 = /^on/i;
+const EXPRESSION_SKIP_NAME = /^(aria-[-\w]+|data-[-\w.\u00B7-\uFFFF]+)$/i;
+const EXPRESSION_SOURCE_NAME = /^src$/i;
+const EXPRESSION_SOURCE_VALUE = /^data:/i;
+const EXPRESSION_URI_VALUE = /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.-]+(?:[^a-z+.\-:]|$))/i;
+const EXPRESSION_WHITESPACE = /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g;
+/**
+* List of boolean attributes
+*/
 const booleanAttributes = Object.freeze([
 	"async",
 	"autofocus",
@@ -568,15 +620,25 @@ const booleanAttributes = Object.freeze([
 	"reversed",
 	"selected"
 ]);
-var booleanAttributesSet = new Set(booleanAttributes);
-var formElement = document.createElement("form");
-var textArea;
-function setAttribute$1(element, first, second) {
-	updateValue$1(element, first, second);
-}
-function setProperty(element, first, second) {
-	updateValue$1(element, first, second);
-}
+const booleanAttributesSet = new Set(booleanAttributes);
+const elementEvents = {
+	DETAILS: { open: "toggle" },
+	INPUT: {
+		checked: "change",
+		value: "input"
+	},
+	SELECT: { value: "change" },
+	TEXTAREA: { value: "input" }
+};
+const formElement = document.createElement("form");
+let textArea;
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/attribute/set.mjs
+function setAttribute$1(element, first, second, third) {
+	setElementValue(element, first, second, third, updateAttribute);
+}
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/html/sanitize.mjs
 function handleElement(element, depth) {
 	if (depth === 0) {
 		const removable = element.querySelectorAll(REMOVE_SELECTOR);
@@ -584,6 +646,11 @@ function handleElement(element, depth) {
 	}
 	sanitizeAttributes(element, [...element.attributes]);
 }
+/**
+* Is the element clobbered?
+*
+* Thanks, DOMPurify _(https://github.com/cure53/DOMPurify)_
+*/
 function isClobbered(value) {
 	return value instanceof HTMLFormElement && (typeof value.nodeName !== "string" || typeof value.textContent !== "string" || typeof value.removeChild !== "function" || !(value.attributes instanceof NamedNodeMap) || typeof value.removeAttribute !== "function" || typeof value.setAttribute !== "function" || typeof value.namespaceURI !== "string" || typeof value.insertBefore !== "function" || typeof value.hasChildNodes !== "function");
 }
@@ -627,8 +694,10 @@ function sanitizeNodes(nodes, depth) {
 	}
 	return nodes;
 }
-var COMMENT_HARMFUL = /<[/\w]/g;
-var REMOVE_SELECTOR = "script, toretto-temporary";
+const COMMENT_HARMFUL = /<[/\w]/g;
+const REMOVE_SELECTOR = "script, toretto-temporary";
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/html/index.mjs
 function createHtml(value) {
 	const parsed = getParser().parseFromString(getHtml(value), PARSE_TYPE_HTML);
 	parsed.body.normalize();
@@ -666,7 +735,7 @@ function getTemplate(value, options) {
 	const element = EXPRESSION_ID.test(value) ? document.querySelector(`#${value}`) : null;
 	return createTemplate(element instanceof HTMLTemplateElement ? element : value, options);
 }
-var html$1 = ((value, options) => {
+const html$1 = ((value, options) => {
 	return getNodes(value, getOptions$1(options));
 });
 html$1.clear = () => {
@@ -683,13 +752,14 @@ html$1.remove = (template) => {
 	}
 	templates = updated;
 };
-var EXPRESSION_ID = /^[a-z][\w-]*$/i;
-var PARSE_TYPE_HTML = "text/html";
-var TEMPLATE_TAG = "template";
-var TEMPORARY_ELEMENT = "<toretto-temporary></toretto-temporary>";
-var parser;
-var templates = {};
-const ATTRIBUTE_CLASS_PREFIX_LENGTH = 6;
+const EXPRESSION_ID = /^[a-z][\w-]*$/i;
+const PARSE_TYPE_HTML = "text/html";
+const TEMPLATE_TAG = "template";
+const TEMPORARY_ELEMENT = "<toretto-temporary></toretto-temporary>";
+let parser;
+let templates = {};
+//#endregion
+//#region src/constants.ts
 const EVENT_DEFAULTS = {
 	A: "click",
 	BUTTON: "click",
@@ -713,6 +783,8 @@ const EXPRESSION_EVENT_PREFIX = /^@/;
 const EXPRESSION_PERIOD = /\./;
 const NAME_FRAGMENT = "$fragment";
 const NAME_FRAGMENTS = "$fragments";
+//#endregion
+//#region src/helpers/index.ts
 function compareArrays(first, second) {
 	const firstIsLarger = first.length > second.length;
 	const from = firstIsLarger ? first : second;
@@ -732,8 +804,13 @@ function isNamed(value, name) {
 const COMPARISON_ADDED = "added";
 const COMPARISON_DISSIMILAR = "dissimilar";
 const COMPARISON_REMOVED = "removed";
+//#endregion
+//#region src/fragments.ts
 var Fragments = class {
 	#state;
+	/**
+	* Fragment items
+	*/
 	get items() {
 		return this.#state.mapped;
 	}
@@ -763,7 +840,7 @@ function handleItems(state, items) {
 		const item = items[index];
 		const identifier = state.identify(item);
 		if (identifier == null) throw new Error("Identifier cannot be null or undefined");
-		const key = getString$1(identifier);
+		const key = getString(identifier);
 		if (keys.has(key)) throw new Error(`Duplicate identifier found: "${key}"`);
 		let instance = state.instances[key];
 		if (instance == null) {
@@ -802,20 +879,12 @@ function updateFragments(state, active) {
 	active?.clear();
 }
 const states = /* @__PURE__ */ new WeakMap();
-function isChildNode(value) {
-	return value instanceof Node && CHILD_NODE_TYPES.has(value.nodeType);
-}
-var CHILD_NODE_TYPES = new Set([
-	Node.ELEMENT_NODE,
-	Node.TEXT_NODE,
-	Node.PROCESSING_INSTRUCTION_NODE,
-	Node.COMMENT_NODE,
-	Node.DOCUMENT_TYPE_NODE
-]);
+//#endregion
+//#region src/helpers/dom.ts
 function createNodes(value) {
 	if (isFragment(value)) return value.get();
 	if (isChildNode(value)) return [value];
-	return [new Text(getString$1(value))];
+	return [new Text(getString(value))];
 }
 function removeNodes(nodes) {
 	const { length } = nodes;
@@ -826,9 +895,13 @@ function replaceNodes(from, to) {
 	const { length } = from;
 	for (let index = 1; index < length; index += 1) from[index].remove();
 }
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/internal/get-value.mjs
 function getBoolean(value, defaultValue) {
 	return typeof value === "boolean" ? value : defaultValue ?? false;
 }
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/event/delegation.mjs
 function addDelegatedHandler(doc, type, name, passive) {
 	if (DELEGATED.has(name)) return;
 	DELEGATED.add(name);
@@ -880,11 +953,11 @@ function removeDelegatedListener(target, name, listener) {
 	if (handlers.size === 0) target[name] = void 0;
 	return true;
 }
-var DELEGATED = /* @__PURE__ */ new Set();
-var EVENT_PREFIX = "@";
-var EVENT_SUFFIX_ACTIVE = ":active";
-var EVENT_SUFFIX_PASSIVE = ":passive";
-var EVENT_TYPES = new Set([
+const DELEGATED = /* @__PURE__ */ new Set();
+const EVENT_PREFIX = "@";
+const EVENT_SUFFIX_ACTIVE = ":active";
+const EVENT_SUFFIX_PASSIVE = ":passive";
+const EVENT_TYPES = new Set([
 	"beforeinput",
 	"click",
 	"dblclick",
@@ -908,26 +981,16 @@ var EVENT_TYPES = new Set([
 	"touchmove",
 	"touchstart"
 ]);
-var HANDLER_ACTIVE = delegatedEventHandler.bind(false);
-var HANDLER_PASSIVE = delegatedEventHandler.bind(true);
+const HANDLER_ACTIVE = delegatedEventHandler.bind(false);
+const HANDLER_PASSIVE = delegatedEventHandler.bind(true);
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/internal/function/misc.mjs
+/**
+* A function that does nothing, which can be useful, I guess…
+*/
 function noop() {}
-function calculate() {
-	return new Promise((resolve) => {
-		const values = [];
-		let last;
-		function step(now) {
-			if (last != null) values.push(now - last);
-			last = now;
-			if (values.length >= CALCULATION_TOTAL) resolve(values.sort().slice(CALCULATION_TRIM_PART, -CALCULATION_TRIM_PART).reduce((first, second) => first + second, 0) / (values.length - CALCULATION_TRIM_TOTAL));
-			else requestAnimationFrame(step);
-		}
-		requestAnimationFrame(step);
-	});
-}
-var CALCULATION_TOTAL = 10;
-var CALCULATION_TRIM_PART = 2;
-var CALCULATION_TRIM_TOTAL = 4;
-calculate().then((value) => {});
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/event/index.mjs
 function createEventOptions(options) {
 	return {
 		capture: getBoolean(options?.capture),
@@ -947,6 +1010,8 @@ function on(target, type, listener, options) {
 		target.removeEventListener(type, listener, extended);
 	};
 }
+//#endregion
+//#region src/node/event.ts
 function getOptions(options) {
 	const parts = options.split(":");
 	return {
@@ -967,9 +1032,13 @@ function mapEvent(element, name, value) {
 	const [, type, options] = EXPRESSION_EVENT_NAME.exec(name) ?? [];
 	if (type != null && typeof value === "function") on(element, getType(element, type), value, getOptions(options ?? ""));
 }
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/attribute/index.mjs
 function isBooleanAttribute(first) {
 	return _isBooleanAttribute(first, true);
 }
+//#endregion
+//#region src/node/attribute/value.ts
 function getCallback(element, name) {
 	if (isBooleanAttribute(name) && name in element) return name === "checked" ? updateChecked : updateProperty;
 	return name === "value" ? updateValue : setAttribute$1;
@@ -988,20 +1057,20 @@ function setAttribute(data, element, name, value) {
 	}
 }
 function setClasses(data, element, name, value) {
-	function update(value$1) {
-		if (value$1 === true) element.classList.add(...classes);
+	function update(value) {
+		if (value === true) element.classList.add(...classes);
 		else element.classList.remove(...classes);
 	}
-	const classes = name.slice(ATTRIBUTE_CLASS_PREFIX_LENGTH).split(".");
+	const classes = name.slice(6).split(".");
 	if (isReactive(value)) data.mora.subscribers.add(value.subscribe(update));
 	else update(value);
 }
 function setStyle(data, element, name, value) {
 	const [, property, unit] = EXPRESSION_ATTRIBUTE_STYLE_FULL.exec(name) ?? [];
 	if (property == null) return;
-	function update(value$1) {
-		if (value$1 == null || value$1 === false || value$1 === true && unit == null) element.style.removeProperty(property);
-		else element.style.setProperty(property, value$1 === true ? unit : String(value$1));
+	function update(value) {
+		if (value == null || value === false || value === true && unit == null) element.style.removeProperty(property);
+		else element.style.setProperty(property, value === true ? unit : String(value));
 	}
 	if (isReactive(value)) data.mora.subscribers.add(value.subscribe(update));
 	else update(value);
@@ -1019,15 +1088,18 @@ function updateChecked(element, name, value) {
 function updateElement(event, property, element, name, value, next) {
 	if (!(property in element) || element[property] === next) return;
 	setAttribute$1(element, name, value);
+	if (element[property] === next) return;
 	element[property] = next;
 	element.dispatchEvent(new Event(event, { bubbles: true }));
 }
 function updateProperty(element, name, value) {
-	setProperty(element, name, value === true);
+	setAttribute$1(element, name, value === true);
 }
 function updateValue(element, name, value) {
 	updateElement(element instanceof HTMLSelectElement ? "change" : "input", "value", element, name, value, String(value));
 }
+//#endregion
+//#region src/node/attribute/index.ts
 function getValue(data, original) {
 	const matches = EXPRESSION_ABYDON_CONTENT.exec(original ?? "");
 	return matches == null ? original : data.values[+matches[1]];
@@ -1062,6 +1134,8 @@ function setComputedAttribute(data, element, name, callback) {
 	data.mora.values.add(value);
 	setAttribute(data, element, name, value);
 }
+//#endregion
+//#region src/node/value.ts
 function addToArray(identifiers, items, nodes, added) {
 	let position = nodes[0];
 	const before = added && !identifiers.previous.has(items.templates[0].identifier);
@@ -1092,10 +1166,10 @@ function handleArray(identifiers, items, nodes) {
 		nodes: next.flatMap((fragment) => fragment.get())
 	};
 }
-function removeFragments(fragments$1) {
-	if (fragments$1 != null) {
-		const { length } = fragments$1;
-		for (let index = 0; index < length; index += 1) fragments$1[index].remove();
+function removeFragments(fragments) {
+	if (fragments != null) {
+		const { length } = fragments;
+		for (let index = 0; index < length; index += 1) fragments[index].remove();
 	}
 }
 function replaceText(item, comment, isNullable) {
@@ -1106,20 +1180,20 @@ function replaceText(item, comment, isNullable) {
 }
 function setArray(item, comment, value) {
 	if (value.length === 0) return { nodes: setText(item, comment, value) };
-	let templates$1 = value.filter((item$1) => isFragment(item$1) && item$1.identifier != null);
-	const next = templates$1.map((fragment) => fragment.identifier);
+	let templates = value.filter((item) => isFragment(item) && item.identifier != null);
+	const next = templates.map((fragment) => fragment.identifier);
 	const previous = item.fragments?.map((fragment) => fragment.identifier) ?? [];
-	if (new Set(next).size !== templates$1.length) templates$1 = [];
-	const noTemplates = templates$1.length === 0;
+	if (new Set(next).size !== templates.length) templates = [];
+	const noTemplates = templates.length === 0;
 	if (noTemplates || item.nodes == null || previous.some((identifier) => identifier == null)) return {
-		fragments: noTemplates ? void 0 : templates$1,
-		nodes: setNodes(item, comment, noTemplates ? value.flatMap((item$1) => createNodes(item$1)) : templates$1.flatMap((template) => template.get()))
+		fragments: noTemplates ? void 0 : templates,
+		nodes: setNodes(item, comment, noTemplates ? value.flatMap((item) => createNodes(item)) : templates.flatMap((template) => template.get()))
 	};
 	return handleArray({
 		next: new Set(next),
 		previous: new Set(previous)
 	}, {
-		templates: templates$1,
+		templates,
 		fragments: item.fragments ?? []
 	}, item.nodes);
 }
@@ -1132,7 +1206,7 @@ function setNodes(item, comment, next) {
 	return next;
 }
 function setReactiveValue(data, comment, reactive) {
-	let item = data.items.find((item$1) => item$1.nodes?.includes(comment));
+	let item = data.items.find((item) => item.nodes?.includes(comment));
 	item ??= {};
 	item.text = new Text();
 	data.mora.subscribers.add(reactive.subscribe((value) => {
@@ -1156,7 +1230,7 @@ function setReactiveValueForSingle(item, comment, value) {
 }
 function setText(item, comment, value) {
 	const isNullable = isNullableOrWhitespace(value);
-	if (item.text != null) item.text.textContent = isNullable ? "" : getString$1(value);
+	if (item.text != null) item.text.textContent = isNullable ? "" : getString(value);
 	let result = false;
 	if (item.nodes != null) {
 		replaceText(item, comment, isNullable);
@@ -1169,6 +1243,8 @@ function setText(item, comment, value) {
 	removeFragments(item.fragments);
 	if (result) return item.text == null ? [] : [item.text];
 }
+//#endregion
+//#region src/node/index.ts
 function mapNode(data, comment) {
 	const matches = EXPRESSION_ABYDON_CONTENT.exec(comment.textContent ?? "");
 	const value = matches == null ? null : data.values[+matches[1]];
@@ -1204,7 +1280,7 @@ function mapValue(data, comment, value) {
 	}
 }
 function replaceComment(data, comment, value) {
-	const item = data.items.find((item$1) => item$1.nodes?.includes(comment));
+	const item = data.items.find((item) => item.nodes?.includes(comment));
 	const nodes = createNodes(value);
 	if (item != null) {
 		item.fragments = isFragment(value) ? [value] : void 0;
@@ -1217,6 +1293,8 @@ function setComputedValue(data, comment, callback) {
 	data.mora.values.add(value);
 	setReactiveValue(data, comment, value);
 }
+//#endregion
+//#region src/parse.ts
 function handleExpression(data, prefix, expression) {
 	if (Array.isArray(expression)) {
 		const { length } = expression;
@@ -1243,12 +1321,17 @@ function transformAttribute(_, name, index) {
 function transformExpression(prefix, index) {
 	return `${prefix}<!--abydon.${index}-->`;
 }
+//#endregion
+//#region src/fragment.ts
 var Fragment = class {
 	#data;
 	#configuration = {
 		identifier: void 0,
 		cache: true
 	};
+	/**
+	* Fragment identifier
+	*/
 	get identifier() {
 		return this.#configuration.identifier;
 	}
@@ -1265,15 +1348,28 @@ var Fragment = class {
 			values: []
 		};
 	}
+	/**
+	* Append the fragment to the given element
+	* @param element Element to append to
+	*/
 	appendTo(element) {
 		element.append(...this.get());
 	}
+	/**
+	* Configure the fragment
+	* @param configuration Configuration options
+	* @returns Fragment
+	*/
 	configure(configuration) {
-		const actual = isPlainObject$1(configuration) ? configuration : {};
+		const actual = isPlainObject(configuration) ? configuration : {};
 		if ("identifier" in actual) this.#configuration.identifier = actual.identifier;
 		if (typeof actual.cache === "boolean") this.#configuration.cache = actual.cache;
 		return this;
 	}
+	/**
+	* Get a list of the fragment's nodes
+	* @returns List of nodes
+	*/
 	get() {
 		const data = this.#data;
 		if (data.items.length === 0) {
@@ -1283,10 +1379,21 @@ var Fragment = class {
 		}
 		return data.items.flatMap((item) => item.fragments?.flatMap((fragment) => fragment.get()) ?? item.nodes ?? []);
 	}
+	/**
+	* Set an identifier for the fragment
+	*
+	* _An identifier can be used to uniquely identify a fragment,
+	* which helps prevent re-rendering in certain scenarios._
+	* @param identifier Identifier
+	* @returns Fragment
+	*/
 	identify(identifier) {
 		this.#configuration.identifier = identifier;
 		return this;
 	}
+	/**
+	* Remove the fragment from the DOM
+	*/
 	remove() {
 		removeFragment(this.#data);
 	}
@@ -1295,9 +1402,9 @@ function removeFragment(data) {
 	removeMora(data);
 	let { length } = data.items;
 	for (let index = 0; index < length; index += 1) {
-		const { fragments: fragments$1, nodes } = data.items[index];
-		const fragmentsLength = fragments$1?.length ?? 0;
-		for (let fragmentIndex = 0; fragmentIndex < fragmentsLength; fragmentIndex += 1) fragments$1?.[fragmentIndex]?.remove();
+		const { fragments, nodes } = data.items[index];
+		const fragmentsLength = fragments?.length ?? 0;
+		for (let fragmentIndex = 0; fragmentIndex < fragmentsLength; fragmentIndex += 1) fragments?.[fragmentIndex]?.remove();
 		removeNodes(nodes ?? []);
 	}
 	data.items.length = 0;
@@ -1311,12 +1418,26 @@ function removeMora(data) {
 	const unsubscribers = [...data.mora.subscribers];
 	data.mora.subscribers.clear();
 	data.mora.values.clear();
-	for (const unsubscribe$1 of unsubscribers) unsubscribe$1();
-}
-function fragments(array$1, identify, fragment) {
-	return new Fragments(array$1, identify, fragment);
-}
+	for (const unsubscribe of unsubscribers) unsubscribe();
+}
+//#endregion
+//#region src/index.ts
+/**
+* Create Fragments from a reactive array
+* @param array Reactive array
+* @param identify Function to identify item
+* @param fragment Function to create fragment from item
+* @returns Fragments
+*/
+function fragments(array, identify, fragment) {
+	return new Fragments(array, identify, fragment);
+}
+/**
+* Create Fragment from a template
+* @returns Fragment
+*/
 function html(template, ...values) {
 	return new Fragment(template, values);
 }
+//#endregion
 export { array, computed, effect, fragments, html, isArray, isComputed, isEffect, isReactive, isSignal, signal, startBatch, stopBatch, store };