@dineug/erd-editor 4.2.0 → 5.0.1

package/dist/r-html/dist/render/helper.js

@@ -0,0 +1,91 @@
+import { isArray, isBoolean, isFunction, isObject, isUndefined } from "../helpers/is-type.js";
+import { TAttrType } from "../constants.js";
+import { domAdapter } from "./domAdapter.js";
+import { VNodeType } from "../parser/vNode.js";
+//#region ../r-html/dist/render/helper.js
+var isTruthy = (value) => Boolean(value) && value !== "false";
+function createHostHelper(adapter) {
+	const createNode = ({ type, value }, isSvg = false) => type === VNodeType.element ? adapter.createElement(value, isSvg) : type === VNodeType.text ? adapter.createText(value) : adapter.createMarker(value);
+	const setAttr = (node, { type, name, value }) => {
+		switch (type) {
+			case TAttrType.attribute:
+				adapter.setAttribute(node, name, value ?? "", false);
+				break;
+			case TAttrType.boolean:
+				isTruthy(value) && adapter.setAttribute(node, name, "", false);
+				break;
+			case TAttrType.property: Reflect.set(node, name, value, node);
+		}
+	};
+	const insertBeforeNode = (newChild, refChild) => {
+		adapter.insertBefore(newChild, refChild);
+	};
+	const insertAfterNode = (newChild, refChild) => {
+		const parent = adapter.parentOf(refChild);
+		if (!parent) return;
+		const nextSibling = adapter.nextSiblingOf(refChild);
+		nextSibling ? adapter.insertBefore(newChild, nextSibling) : adapter.appendChild(parent, newChild);
+	};
+	const removeNode = (node) => {
+		if (!adapter.parentOf(node)) return null;
+		adapter.removeChild(node);
+		return node;
+	};
+	const rangeNodes = (startNode, endNode) => {
+		const nodes = [];
+		let currentNode = adapter.nextSiblingOf(startNode);
+		while (currentNode && currentNode !== endNode) {
+			nodes.push(currentNode);
+			currentNode = adapter.nextSiblingOf(currentNode);
+		}
+		return nodes;
+	};
+	const removeRange = (startNode, endNode) => {
+		rangeNodes(startNode, endNode).forEach(removeNode);
+	};
+	return {
+		...adapter,
+		createNode,
+		setAttr,
+		insertBeforeNode,
+		insertAfterNode,
+		removeNode,
+		rangeNodes,
+		removeRange
+	};
+}
+var domHelper = createHostHelper(domAdapter);
+domHelper.setAttr;
+var insertBeforeNode = domHelper.insertBeforeNode;
+domHelper.insertAfterNode;
+domHelper.removeNode;
+domHelper.rangeNodes;
+var removeRange = domHelper.removeRange;
+var isHostNode = domHelper.isHostNode;
+function setProps(props, { type, name, value }) {
+	switch (type) {
+		case TAttrType.attribute:
+		case TAttrType.property:
+			Reflect.set(props, name, value);
+			break;
+		case TAttrType.boolean: Reflect.set(props, name, isTruthy(value));
+	}
+}
+var equalValues = (a, b) => a.length === b.length && a.every((v, i) => v === b[i]);
+function isEqualShallowObject(a, b) {
+	if (a === b) return true;
+	const prevValue = isObject(a) ? a : {};
+	const newValue = isObject(b) ? b : {};
+	const prevKeys = Object.keys(prevValue);
+	const newKeys = Object.keys(newValue);
+	return prevKeys.length === newKeys.length && newKeys.every((key) => Reflect.get(prevValue, key) === Reflect.get(newValue, key));
+}
+var isEventTuple = (value) => isArray(value) && isFunction(value[0]) && (isUndefined(value[1]) || isBoolean(value[1]) || isObject(value[1]));
+var noop = () => {};
+var isHTMLElement = (value) => value instanceof HTMLElement;
+var isSvgElement = (value) => value instanceof SVGElement;
+var isPromise = (value) => value instanceof Promise;
+var kebabCase = (value) => value.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)?.join("-").toLowerCase() ?? "";
+var camelCase = (value) => value.replace(/^([A-Z])|[\s-_](\w)/g, (_, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
+//#endregion
+export { camelCase, createHostHelper, domHelper, equalValues, insertBeforeNode, isEqualShallowObject, isEventTuple, isHTMLElement, isHostNode, isPromise, isSvgElement, isTruthy, kebabCase, noop, removeRange, setProps };

package/dist/r-html/dist/render/hmr.js

@@ -0,0 +1,64 @@
+import { isFunction } from "../helpers/is-type.js";
+import { createSubject } from "../helpers/subject.js";
+import { getCurrentInstance } from "./part/node/component/hooks.js";
+import _classPrivateFieldInitSpec from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+//#region ../r-html/dist/render/hmr.js
+var hmrComponentCache = /* @__PURE__ */ new WeakMap();
+var hmrObservableCache = /* @__PURE__ */ new WeakMap();
+var hmrObservablePendingCache = /* @__PURE__ */ new WeakMap();
+var hmrSubject = createSubject();
+var active = false;
+var hasHmrComponent = (value) => isFunction(value) && hmrComponentCache.has(value);
+var hotReplaceComponent = (values) => active ? values.map((value) => hasHmrComponent(value) ? hmrComponentCache.get(value) : value) : values;
+var mixinHmrComponent = (ComponentClass) => {
+	var _prevValues = /* @__PURE__ */ new WeakMap(), _hmrUnsubscribe = /* @__PURE__ */ new WeakMap();
+	const C = class extends ComponentClass {
+		constructor(node, tNode, parts, helper) {
+			super(node, tNode, parts, helper);
+			_classPrivateFieldInitSpec(this, _prevValues, []);
+			_classPrivateFieldInitSpec(this, _hmrUnsubscribe, null);
+			this.hmr();
+		}
+		commit(values) {
+			const newValues = hotReplaceComponent(values);
+			super.commit(newValues);
+			_classPrivateFieldSet2(_prevValues, this, values);
+		}
+		hmr() {
+			_classPrivateFieldSet2(_hmrUnsubscribe, this, hmrSubject.subscribe((value) => _classPrivateFieldGet2(_prevValues, this).includes(value) && this.commit(_classPrivateFieldGet2(_prevValues, this))));
+		}
+		destroy() {
+			_classPrivateFieldGet2(_hmrUnsubscribe, this)?.call(this);
+			super.destroy?.();
+		}
+	};
+	return C;
+};
+function addHmrObservable(proxy) {
+	if (!active) return;
+	const hmrInstance = getCurrentInstance();
+	if (!hmrInstance) return;
+	const pending = hmrObservablePendingCache.get(hmrInstance) ?? [];
+	if (!pending.includes(proxy)) {
+		pending.push(proxy);
+		hmrObservablePendingCache.set(hmrInstance, pending);
+	}
+}
+function hotReloadObservable(component) {
+	if (!active) return;
+	const pending = hmrObservablePendingCache.get(component);
+	if (!pending) return;
+	hmrObservablePendingCache.delete(component);
+	const previous = hmrObservableCache.get(component);
+	hmrObservableCache.set(component, pending);
+	if (!previous) return;
+	pending.forEach((proxy, index) => {
+		const prevProxy = previous[index];
+		if (!prevProxy) return;
+		Object.assign(proxy, prevProxy);
+	});
+}
+//#endregion
+export { addHmrObservable, hotReloadObservable, mixinHmrComponent };

package/dist/r-html/dist/render/host.js

@@ -0,0 +1,16 @@
+//#region ../r-html/dist/render/host.js
+var hostBridge = Symbol("https://github.com/dineug/r-html.git#hostBridge");
+function fragmentHostBridge(fragment, root) {
+	if (root instanceof ShadowRoot) {
+		const host = root.host;
+		Reflect.set(fragment, hostBridge, host);
+	}
+	return () => {
+		Reflect.deleteProperty(fragment, hostBridge);
+	};
+}
+function getFragmentHost(fragment) {
+	return Reflect.get(fragment, hostBridge) ?? null;
+}
+//#endregion
+export { fragmentHostBridge, getFragmentHost };

package/dist/r-html/dist/render/hostTemplate.js

@@ -0,0 +1,35 @@
+import { isTemplateLiterals } from "../template/helper.js";
+import { createHostHelper } from "./helper.js";
+import { ContainerPart } from "./part/container.js";
+import { html, svg } from "../template/html.js";
+//#region ../r-html/dist/render/hostTemplate.js
+function createHostTemplate(adapter) {
+	const helper = createHostHelper(adapter);
+	const renderCache = /* @__PURE__ */ new WeakMap();
+	const render = (container, templateLiterals) => {
+		if (!isTemplateLiterals(templateLiterals)) {
+			if (renderCache.has(container)) {
+				renderCache.get(container)?.destroy();
+				renderCache.delete(container);
+			}
+			return;
+		}
+		const { strings, values } = templateLiterals;
+		const oldContainerPart = renderCache.get(container);
+		if (oldContainerPart?.equalStrings(strings)) oldContainerPart?.commit(values);
+		else {
+			const containerPart = new ContainerPart(templateLiterals, void 0, void 0, helper);
+			oldContainerPart?.destroy();
+			renderCache.set(container, containerPart);
+			containerPart.insert("children", container);
+			containerPart.commit(values);
+		}
+	};
+	return {
+		html,
+		svg,
+		render
+	};
+}
+//#endregion
+export { createHostTemplate };

package/dist/r-html/dist/render/index.js

@@ -0,0 +1,9 @@
+import { domAdapter } from "./domAdapter.js";
+import { createHostTemplate } from "./hostTemplate.js";
+//#region ../r-html/dist/render/index.js
+var domTemplate = createHostTemplate(domAdapter);
+var html = domTemplate.html;
+var svg = domTemplate.svg;
+var render = domTemplate.render;
+//#endregion
+export { html, render, svg };

package/dist/r-html/dist/render/part/attribute/attribute.js

@@ -0,0 +1,102 @@
+import { isArray, isNull, isObject, isObjectRaw, isPrimitive } from "../../../helpers/is-type.js";
+import _classPrivateFieldInitSpec from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import { getMarkers, isCSSTemplateLiterals } from "../../../template/helper.js";
+import { safeToString } from "../../value.js";
+import { domHelper, equalValues, isEqualShallowObject, isHTMLElement, isSvgElement } from "../../helper.js";
+//#region ../r-html/dist/render/part/attribute/attribute.js
+var _helper = /* @__PURE__ */ new WeakMap();
+var _node = /* @__PURE__ */ new WeakMap();
+var _attrName = /* @__PURE__ */ new WeakMap();
+var _attrValue = /* @__PURE__ */ new WeakMap();
+var _markerTuples = /* @__PURE__ */ new WeakMap();
+var _values = /* @__PURE__ */ new WeakMap();
+var _isSingleMarker = /* @__PURE__ */ new WeakMap();
+var _originStyleRecord = /* @__PURE__ */ new WeakMap();
+var _originClassList = /* @__PURE__ */ new WeakMap();
+var AttributePart = class {
+	constructor(node, { name, value }, helper = domHelper) {
+		_classPrivateFieldInitSpec(this, _helper, void 0);
+		_classPrivateFieldInitSpec(this, _node, void 0);
+		_classPrivateFieldInitSpec(this, _attrName, void 0);
+		_classPrivateFieldInitSpec(this, _attrValue, void 0);
+		_classPrivateFieldInitSpec(this, _markerTuples, []);
+		_classPrivateFieldInitSpec(this, _values, []);
+		_classPrivateFieldInitSpec(this, _isSingleMarker, void 0);
+		_classPrivateFieldInitSpec(this, _originStyleRecord, null);
+		_classPrivateFieldInitSpec(this, _originClassList, null);
+		_classPrivateFieldSet2(_helper, this, helper);
+		_classPrivateFieldSet2(_node, this, node);
+		_classPrivateFieldSet2(_attrName, this, name);
+		_classPrivateFieldSet2(_attrValue, this, value);
+		_classPrivateFieldSet2(_markerTuples, this, getMarkers(value ?? ""));
+		_classPrivateFieldSet2(_isSingleMarker, this, _classPrivateFieldGet2(_markerTuples, this).length === 1 && (value ?? "").trim() === _classPrivateFieldGet2(_markerTuples, this)[0][0]);
+	}
+	commit(values) {
+		const newValues = _classPrivateFieldGet2(_markerTuples, this).map(([_, index]) => values[index]);
+		if (equalValues(_classPrivateFieldGet2(_values, this), newValues)) return;
+		const value = newValues[newValues.length - 1];
+		if (_classPrivateFieldGet2(_attrName, this) === "class") this.classCommit(value);
+		else if (_classPrivateFieldGet2(_attrName, this) === "style") this.styleCommit(value);
+		else if (_classPrivateFieldGet2(_isSingleMarker, this)) _classPrivateFieldGet2(_helper, this).setAttribute(_classPrivateFieldGet2(_node, this), _classPrivateFieldGet2(_attrName, this), newValues[0], true);
+		else {
+			const value = newValues.reduce((acc, cur, i) => acc.replace(new RegExp(_classPrivateFieldGet2(_markerTuples, this)[i][0]), safeToString(cur)), _classPrivateFieldGet2(_attrValue, this) ?? "");
+			_classPrivateFieldGet2(_helper, this).setAttribute(_classPrivateFieldGet2(_node, this), _classPrivateFieldGet2(_attrName, this), value.trim(), false);
+		}
+		_classPrivateFieldSet2(_values, this, newValues);
+	}
+	classCommit(value) {
+		const node = _classPrivateFieldGet2(_node, this);
+		if (!isHTMLElement(node) && !isSvgElement(node)) return;
+		const prevValue = _classPrivateFieldGet2(_values, this)[_classPrivateFieldGet2(_values, this).length - 1];
+		if (prevValue === value || isArray(prevValue) && isArray(value) && equalValues(prevValue, value) || isObject(prevValue) && isObject(value) && isEqualShallowObject(prevValue, value)) return;
+		const classList = [...node.classList];
+		const newClassList = toClassList(value);
+		if (isNull(_classPrivateFieldGet2(_originClassList, this))) _classPrivateFieldSet2(_originClassList, this, classList);
+		else {
+			const prevClassList = _classPrivateFieldGet2(_originClassList, this);
+			const oldClassList = classList.filter((className) => !prevClassList.includes(className) && !newClassList.includes(className));
+			node.classList.remove(...oldClassList);
+		}
+		node.classList.add(...newClassList);
+	}
+	styleCommit(value) {
+		const node = _classPrivateFieldGet2(_node, this);
+		if (!isHTMLElement(node) && !isSvgElement(node)) return;
+		const prevValue = _classPrivateFieldGet2(_values, this)[_classPrivateFieldGet2(_values, this).length - 1];
+		if (isEqualShallowObject(prevValue, value)) return;
+		const current = getStyleRecord(node);
+		const styleRecord = isObject(value) ? value : {};
+		if (isNull(_classPrivateFieldGet2(_originStyleRecord, this))) _classPrivateFieldSet2(_originStyleRecord, this, current);
+		else {
+			const originStyleRecord = _classPrivateFieldGet2(_originStyleRecord, this);
+			Object.keys(current).filter((key) => !originStyleRecord[key] && !styleRecord[key]).forEach((key) => node.style.removeProperty(key));
+		}
+		for (const key of Object.keys(styleRecord)) node.style.setProperty(key, styleRecord[key]);
+	}
+};
+function getStyleRecord(el) {
+	const styleRecord = {};
+	for (let i = 0; i < el.style.length; i++) {
+		const name = el.style.item(i);
+		styleRecord[name] = el.style.getPropertyValue(name);
+	}
+	return styleRecord;
+}
+function toClassList(value, list = []) {
+	if (!value) return list;
+	if (isCSSTemplateLiterals(value)) {
+		list.push(safeToString(value));
+		return list;
+	}
+	if (isPrimitive(value)) list.push(safeToString(value));
+	else if (isObjectRaw(value)) {
+		if (isArray(value)) {
+			for (let i = 0; i < value.length; i++) if (value[i]) toClassList(value[i], list);
+		} else for (const k in value) if (value[k]) list.push(safeToString(k));
+	}
+	return list;
+}
+//#endregion
+export { AttributePart };

package/dist/r-html/dist/render/part/attribute/boolean.js

@@ -0,0 +1,33 @@
+import _classPrivateFieldInitSpec from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import { getMarkers } from "../../../template/helper.js";
+import { domHelper, equalValues, isTruthy } from "../../helper.js";
+//#region ../r-html/dist/render/part/attribute/boolean.js
+var _helper = /* @__PURE__ */ new WeakMap();
+var _node = /* @__PURE__ */ new WeakMap();
+var _attrName = /* @__PURE__ */ new WeakMap();
+var _markerTuples = /* @__PURE__ */ new WeakMap();
+var _values = /* @__PURE__ */ new WeakMap();
+var BooleanPart = class {
+	constructor(node, { name, value }, helper = domHelper) {
+		_classPrivateFieldInitSpec(this, _helper, void 0);
+		_classPrivateFieldInitSpec(this, _node, void 0);
+		_classPrivateFieldInitSpec(this, _attrName, void 0);
+		_classPrivateFieldInitSpec(this, _markerTuples, []);
+		_classPrivateFieldInitSpec(this, _values, []);
+		_classPrivateFieldSet2(_helper, this, helper);
+		_classPrivateFieldSet2(_node, this, node);
+		_classPrivateFieldSet2(_attrName, this, name);
+		_classPrivateFieldSet2(_markerTuples, this, getMarkers(value ?? ""));
+	}
+	commit(values) {
+		const newValues = _classPrivateFieldGet2(_markerTuples, this).map(([_, index]) => values[index]);
+		if (equalValues(_classPrivateFieldGet2(_values, this), newValues)) return;
+		const value = newValues[newValues.length - 1];
+		isTruthy(value) ? _classPrivateFieldGet2(_helper, this).setAttribute(_classPrivateFieldGet2(_node, this), _classPrivateFieldGet2(_attrName, this), "", false) : _classPrivateFieldGet2(_helper, this).removeAttribute(_classPrivateFieldGet2(_node, this), _classPrivateFieldGet2(_attrName, this));
+		_classPrivateFieldSet2(_values, this, newValues);
+	}
+};
+//#endregion
+export { BooleanPart };

package/dist/r-html/dist/render/part/attribute/directive.js

@@ -0,0 +1,48 @@
+import { isArray } from "../../../helpers/is-type.js";
+import { DIRECTIVE } from "../../../constants.js";
+import _classPrivateFieldInitSpec from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import { DirectiveType } from "../../directives/index.js";
+import { getMarkers } from "../../../template/helper.js";
+//#region ../r-html/dist/render/part/attribute/directive.js
+var isDirective = (value) => isArray(value) && Reflect.get(value, DIRECTIVE) === DirectiveType.attribute;
+var _node = /* @__PURE__ */ new WeakMap();
+var _markerTuple = /* @__PURE__ */ new WeakMap();
+var _directiveCreator = /* @__PURE__ */ new WeakMap();
+var _directive = /* @__PURE__ */ new WeakMap();
+var _directiveDestroy = /* @__PURE__ */ new WeakMap();
+var DirectivePart = class {
+	constructor(node, { name }) {
+		_classPrivateFieldInitSpec(this, _node, void 0);
+		_classPrivateFieldInitSpec(this, _markerTuple, void 0);
+		_classPrivateFieldInitSpec(this, _directiveCreator, null);
+		_classPrivateFieldInitSpec(this, _directive, null);
+		_classPrivateFieldInitSpec(this, _directiveDestroy, null);
+		_classPrivateFieldSet2(_node, this, node);
+		_classPrivateFieldSet2(_markerTuple, this, getMarkers(name)[0]);
+	}
+	commit(values) {
+		const [, index] = _classPrivateFieldGet2(_markerTuple, this);
+		const newValue = values[index];
+		if (!isDirective(newValue)) return;
+		const [value, directiveCreator] = newValue;
+		if (_classPrivateFieldGet2(_directiveCreator, this) !== directiveCreator) {
+			_classPrivateFieldGet2(_directiveDestroy, this)?.call(this);
+			_classPrivateFieldSet2(_directive, this, directiveCreator({ node: _classPrivateFieldGet2(_node, this) }));
+			_classPrivateFieldSet2(_directiveCreator, this, directiveCreator);
+			_classPrivateFieldSet2(_directiveDestroy, this, _classPrivateFieldGet2(_directive, this)?.call(this, value));
+		} else {
+			const directiveDestroy = _classPrivateFieldGet2(_directive, this)?.call(this, value);
+			if (_classPrivateFieldGet2(_directiveDestroy, this) !== directiveDestroy) {
+				_classPrivateFieldGet2(_directiveDestroy, this)?.call(this);
+				_classPrivateFieldSet2(_directiveDestroy, this, directiveDestroy);
+			}
+		}
+	}
+	destroy() {
+		_classPrivateFieldGet2(_directiveDestroy, this)?.call(this);
+	}
+};
+//#endregion
+export { DirectivePart };

package/dist/r-html/dist/render/part/attribute/event.js

@@ -0,0 +1,49 @@
+import { isFunction } from "../../../helpers/is-type.js";
+import _classPrivateFieldInitSpec from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import { getMarkers } from "../../../template/helper.js";
+import { domHelper, equalValues, isEventTuple } from "../../helper.js";
+//#region ../r-html/dist/render/part/attribute/event.js
+var _helper = /* @__PURE__ */ new WeakMap();
+var _node = /* @__PURE__ */ new WeakMap();
+var _attrName = /* @__PURE__ */ new WeakMap();
+var _markerTuples = /* @__PURE__ */ new WeakMap();
+var _values = /* @__PURE__ */ new WeakMap();
+var EventPart = class {
+	constructor(node, { name, value }, helper = domHelper) {
+		_classPrivateFieldInitSpec(this, _helper, void 0);
+		_classPrivateFieldInitSpec(this, _node, void 0);
+		_classPrivateFieldInitSpec(this, _attrName, void 0);
+		_classPrivateFieldInitSpec(this, _markerTuples, []);
+		_classPrivateFieldInitSpec(this, _values, []);
+		_classPrivateFieldSet2(_helper, this, helper);
+		_classPrivateFieldSet2(_node, this, node);
+		_classPrivateFieldSet2(_attrName, this, name);
+		_classPrivateFieldSet2(_markerTuples, this, getMarkers(value ?? ""));
+	}
+	commit(values) {
+		const newValues = _classPrivateFieldGet2(_markerTuples, this).map(([_, index]) => values[index]).filter((value) => isFunction(value) || isEventTuple(value));
+		if (equalValues(_classPrivateFieldGet2(_values, this), newValues)) return;
+		this.clear();
+		newValues.forEach((handle) => {
+			const [listener, options] = toListenerTuple(handle);
+			_classPrivateFieldGet2(_helper, this).addEventListener(_classPrivateFieldGet2(_node, this), _classPrivateFieldGet2(_attrName, this), listener, options);
+		});
+		_classPrivateFieldSet2(_values, this, newValues);
+	}
+	clear() {
+		_classPrivateFieldGet2(_values, this).forEach((handle) => {
+			const [listener, options] = toListenerTuple(handle);
+			_classPrivateFieldGet2(_helper, this).removeEventListener(_classPrivateFieldGet2(_node, this), _classPrivateFieldGet2(_attrName, this), listener, options);
+		});
+	}
+	destroy() {
+		this.clear();
+	}
+};
+function toListenerTuple(handle) {
+	return isFunction(handle) ? [handle, void 0] : handle;
+}
+//#endregion
+export { EventPart };

package/dist/r-html/dist/render/part/attribute/index.js

@@ -0,0 +1,12 @@
+import { TAttrType } from "../../../constants.js";
+import { domHelper } from "../../helper.js";
+import { AttributePart } from "./attribute.js";
+import { BooleanPart } from "./boolean.js";
+import { DirectivePart } from "./directive.js";
+import { EventPart } from "./event.js";
+import { PropertyPart } from "./property.js";
+import { SpreadPart } from "./spread.js";
+//#region ../r-html/dist/render/part/attribute/index.js
+var createAttrPart = (node, attr, helper = domHelper) => attr.type === TAttrType.attribute ? new AttributePart(node, attr, helper) : attr.type === TAttrType.boolean ? new BooleanPart(node, attr, helper) : attr.type === TAttrType.event ? new EventPart(node, attr, helper) : attr.type === TAttrType.property ? new PropertyPart(node, attr) : attr.type === TAttrType.spread ? new SpreadPart(node, attr) : new DirectivePart(node, attr);
+//#endregion
+export { createAttrPart };

package/dist/r-html/dist/render/part/attribute/property.js

@@ -0,0 +1,30 @@
+import _classPrivateFieldInitSpec from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import { getMarkers } from "../../../template/helper.js";
+import { equalValues } from "../../helper.js";
+//#region ../r-html/dist/render/part/attribute/property.js
+var _node = /* @__PURE__ */ new WeakMap();
+var _attrName = /* @__PURE__ */ new WeakMap();
+var _markerTuples = /* @__PURE__ */ new WeakMap();
+var _values = /* @__PURE__ */ new WeakMap();
+var PropertyPart = class {
+	constructor(node, { name, value }) {
+		_classPrivateFieldInitSpec(this, _node, void 0);
+		_classPrivateFieldInitSpec(this, _attrName, void 0);
+		_classPrivateFieldInitSpec(this, _markerTuples, []);
+		_classPrivateFieldInitSpec(this, _values, []);
+		_classPrivateFieldSet2(_node, this, node);
+		_classPrivateFieldSet2(_attrName, this, name);
+		_classPrivateFieldSet2(_markerTuples, this, getMarkers(value ?? ""));
+	}
+	commit(values) {
+		const newValues = _classPrivateFieldGet2(_markerTuples, this).map(([_, index]) => values[index]);
+		if (equalValues(_classPrivateFieldGet2(_values, this), newValues)) return;
+		const value = newValues[newValues.length - 1];
+		Reflect.set(_classPrivateFieldGet2(_node, this), _classPrivateFieldGet2(_attrName, this), value, _classPrivateFieldGet2(_node, this));
+		_classPrivateFieldSet2(_values, this, newValues);
+	}
+};
+//#endregion
+export { PropertyPart };

package/dist/r-html/dist/render/part/attribute/spread.js

@@ -0,0 +1,28 @@
+import { isObject } from "../../../helpers/is-type.js";
+import _classPrivateFieldInitSpec from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import { getMarkers } from "../../../template/helper.js";
+import { isEqualShallowObject } from "../../helper.js";
+//#region ../r-html/dist/render/part/attribute/spread.js
+var _node = /* @__PURE__ */ new WeakMap();
+var _markerTuple = /* @__PURE__ */ new WeakMap();
+var _value = /* @__PURE__ */ new WeakMap();
+var SpreadPart = class {
+	constructor(node, { name }) {
+		_classPrivateFieldInitSpec(this, _node, void 0);
+		_classPrivateFieldInitSpec(this, _markerTuple, void 0);
+		_classPrivateFieldInitSpec(this, _value, null);
+		_classPrivateFieldSet2(_node, this, node);
+		_classPrivateFieldSet2(_markerTuple, this, getMarkers(name)[0]);
+	}
+	commit(values) {
+		const [, index] = _classPrivateFieldGet2(_markerTuple, this);
+		const newValue = values[index];
+		if (!isObject(newValue) || isEqualShallowObject(_classPrivateFieldGet2(_value, this), newValue)) return;
+		Object.keys(newValue).forEach((key) => Reflect.set(_classPrivateFieldGet2(_node, this), key, newValue[key], _classPrivateFieldGet2(_node, this)));
+		_classPrivateFieldSet2(_value, this, newValue);
+	}
+};
+//#endregion
+export { SpreadPart };

package/dist/r-html/dist/render/part/container.js

@@ -0,0 +1,64 @@
+import { TEMPLATE_LITERALS } from "../../constants.js";
+import _classPrivateFieldInitSpec from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldInitSpec.js";
+import _classPrivateFieldSet2 from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldSet2.js";
+import _classPrivateFieldGet2 from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/classPrivateFieldGet2.js";
+import { TemplateLiteralsType } from "../../template/index.js";
+import { isSVG } from "../../template/helper.js";
+import { domHelper } from "../helper.js";
+import { createTemplate } from "./index.js";
+//#region ../r-html/dist/render/part/container.js
+var _helper = /* @__PURE__ */ new WeakMap();
+var _startNode = /* @__PURE__ */ new WeakMap();
+var _endNode = /* @__PURE__ */ new WeakMap();
+var _fragment = /* @__PURE__ */ new WeakMap();
+var _parts = /* @__PURE__ */ new WeakMap();
+var _strings = /* @__PURE__ */ new WeakMap();
+var _isInject = /* @__PURE__ */ new WeakMap();
+var ContainerPart = class {
+	constructor(templateLiterals, startNode, endNode, helper = domHelper) {
+		_classPrivateFieldInitSpec(this, _helper, void 0);
+		_classPrivateFieldInitSpec(this, _startNode, void 0);
+		_classPrivateFieldInitSpec(this, _endNode, void 0);
+		_classPrivateFieldInitSpec(this, _fragment, null);
+		_classPrivateFieldInitSpec(this, _parts, []);
+		_classPrivateFieldInitSpec(this, _strings, void 0);
+		_classPrivateFieldInitSpec(this, _isInject, false);
+		_classPrivateFieldSet2(_helper, this, helper);
+		_classPrivateFieldSet2(_startNode, this, helper.createMarker(""));
+		_classPrivateFieldSet2(_endNode, this, helper.createMarker(""));
+		_classPrivateFieldSet2(_strings, this, templateLiterals.strings);
+		if (templateLiterals[TEMPLATE_LITERALS] !== TemplateLiteralsType.html && templateLiterals[TEMPLATE_LITERALS] !== TemplateLiteralsType.svg) return;
+		const [fragment, parts] = createTemplate(templateLiterals.template.node, isSVG(templateLiterals[TEMPLATE_LITERALS]), helper);
+		_classPrivateFieldSet2(_fragment, this, fragment);
+		_classPrivateFieldSet2(_parts, this, parts);
+		if (startNode && endNode) {
+			_classPrivateFieldSet2(_startNode, this, startNode);
+			_classPrivateFieldSet2(_endNode, this, endNode);
+			_classPrivateFieldSet2(_isInject, this, true);
+		} else {
+			helper.prependChild(fragment, _classPrivateFieldGet2(_startNode, this));
+			helper.appendChild(fragment, _classPrivateFieldGet2(_endNode, this));
+		}
+	}
+	equalStrings(strings) {
+		return _classPrivateFieldGet2(_strings, this) === strings;
+	}
+	commit(values) {
+		_classPrivateFieldGet2(_parts, this).forEach((part) => part.commit(values));
+	}
+	insert(position, refNode) {
+		if (!_classPrivateFieldGet2(_fragment, this)) return;
+		position === "before" ? _classPrivateFieldGet2(_helper, this).insertBeforeNode(_classPrivateFieldGet2(_fragment, this), refNode) : position === "after" ? _classPrivateFieldGet2(_helper, this).insertAfterNode(_classPrivateFieldGet2(_fragment, this), refNode) : _classPrivateFieldGet2(_helper, this).appendChild(refNode, _classPrivateFieldGet2(_fragment, this));
+		_classPrivateFieldSet2(_fragment, this, null);
+	}
+	destroy() {
+		_classPrivateFieldGet2(_parts, this).forEach((part) => part.destroy?.());
+		_classPrivateFieldGet2(_helper, this).removeRange(_classPrivateFieldGet2(_startNode, this), _classPrivateFieldGet2(_endNode, this));
+		if (!_classPrivateFieldGet2(_isInject, this)) {
+			_classPrivateFieldGet2(_helper, this).removeNode(_classPrivateFieldGet2(_startNode, this));
+			_classPrivateFieldGet2(_helper, this).removeNode(_classPrivateFieldGet2(_endNode, this));
+		}
+	}
+};
+//#endregion
+export { ContainerPart };

package/dist/r-html/dist/render/part/index.js

@@ -0,0 +1,32 @@
+import { domHelper } from "../helper.js";
+import { createAttrPart } from "./attribute/index.js";
+import { CommentPart } from "./node/comment.js";
+import { ComponentPart } from "./node/component/index.js";
+import { TextPart } from "./node/text/index.js";
+//#region ../r-html/dist/render/part/index.js
+function createElement(children = [], parentNode, isSvg = false, parts = [], helper = domHelper) {
+	children.forEach((tNode) => {
+		if (tNode.isComponent) {
+			const node = helper.createMarker("");
+			helper.appendChild(parentNode, node);
+			parts.push(new ComponentPart(node, tNode, parts, helper));
+			return;
+		}
+		const node = helper.createNode(tNode, tNode.isSvg || isSvg);
+		helper.appendChild(parentNode, node);
+		if (helper.isMarker(node) && tNode.isMarker) parts.push(new CommentPart(node, tNode, helper));
+		if (helper.isText(node) && tNode.isMarkerOnly) parts.push(new TextPart(node, tNode, helper));
+		if (helper.isElement(node)) {
+			tNode.staticAttrs && tNode.staticAttrs.forEach((attr) => helper.setAttr(node, attr));
+			tNode.attrs && parts.push(...tNode.attrs.map((attr) => createAttrPart(node, attr, helper)));
+			tNode.children && createElement(tNode.children, node, tNode.isSvg || isSvg, parts, helper);
+		}
+	});
+	return parts;
+}
+function createTemplate(tNode, isSvg = false, helper = domHelper) {
+	const fragment = helper.createFragment();
+	return [fragment, createElement(tNode.children, fragment, isSvg, [], helper)];
+}
+//#endregion
+export { createElement, createTemplate };