@geajs/ui 0.2.4 → 0.2.10

package/dist/radio-group.d.mts

@@ -7,7 +7,7 @@ declare class RadioGroup extends ZagComponent {
   value: string | null;
   createMachine(_props: any): any;
   getMachineProps(props: any): {
-    id: any;
+    id: string;
     value: any;
     defaultValue: any;
     name: any;
@@ -30,7 +30,7 @@ declare class RadioGroup extends ZagComponent {
     '[data-part="item-hidden-input"]': (api: any, el: any) => any;
   };
   syncState(api: any): void;
-  template(props: any): string;
+  template(props: any): any;
 }
 //#endregion
 export { RadioGroup as default };

package/dist/radio-group.mjs

@@ -1,27 +1,35 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { Component, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_ON_PROP_CHANGE, GEA_PATCH_COND, GEA_REGISTER_COND, GEA_REGISTER_MAP, GEA_SYNC_MAP, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
+import { t as NOOP_DISPOSER } from "./disposer.mjs";
+import { o as GEA_CREATE_TEMPLATE, u as GEA_PROXY_RAW } from "./bind.mjs";
+import { n as _DIRTY_PROPS } from "./dirty-symbols.mjs";
+import { n as reactiveTextValue } from "./reactive-text.mjs";
+import { t as reactiveClass } from "./reactive-class.mjs";
+import { t as conditionalTruthy } from "./conditional-truthy.mjs";
+import { n as _rescue, t as keyedList } from "./keyed-list.mjs";
+import { t as GEA_DOM_ITEM } from "./keyed-list-symbols.mjs";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as radioGroup from "@zag-js/radio-group";
 //#region src/components/radio-group.tsx
-const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+let _tpl0_root = null;
+function _tpl0_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div data-part=root><!--1--><div data-part=indicator class=radio-group-indicator></div><!--2-->";
+	return t.content.firstChild;
+}
+let _tpl1_root = null;
+function _tpl1_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<span data-part=label class=\"radio-group-label text-sm font-medium mb-2 block\">0";
+	return t.content.firstChild;
+}
+let _tpl2_root = null;
+function _tpl2_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<label data-part=item class=\"radio-group-item flex items-center gap-2 cursor-pointer py-1\"><div data-part=item-control class=\"radio-group-item-control h-4 w-4 rounded-full border border-primary flex items-center justify-center\"><span class=radio-dot></span></div><input data-part=item-hidden-input type=radio class=sr-only><span data-part=item-text class=\"radio-group-item-text text-sm\">0";
+	return t.content.firstChild;
+}
+const __rq_L0 = /* @__PURE__ */ new Map();
 var RadioGroup = class extends ZagComponent {
-	static {
-		this.__geaTagName = "radio-group";
-	}
-	#__rowEls_list;
-	#__dc___unresolved_0;
-	constructor(...args) {
-		super(...args);
-		this.props;
-		this[geaCondValueSymbol(0)] = !!this.props.label;
-		this[GEA_REGISTER_COND](0, "c0", () => {
-			this.props;
-			return this.props.label;
-		}, () => {
-			this.props;
-			return `<span data-part="label" class="radio-group-label text-sm font-medium mb-2 block">${geaEscapeHtml(String(this.props.label))}</span>`;
-		}, null);
-	}
 	createMachine(_props) {
 		return radioGroup.machine;
 	}
@@ -58,128 +66,79 @@ var RadioGroup = class extends ZagComponent {
 	syncState(api) {
 		this.value = api.value;
 	}
-	template(props) {
-		const __id = this.id;
-		Component._register(ZagComponent, "zag-component");
-		const items = props.items || [];
-		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><!--${__id + "-c0"}-->${props.label && `<span data-part="label" class="radio-group-label text-sm font-medium mb-2 block">${geaEscapeHtml(String(props.label))}</span>` || ""}<!--${__id + "-c0-end"}--><div data-part="indicator" class="radio-group-indicator"></div>${items.map((item) => `<label data-gid="${item?.value ?? item}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="radio-group-item flex items-center gap-2 cursor-pointer py-1"><div data-part="item-control"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="radio-group-item-control h-4 w-4 rounded-full border border-primary flex items-center justify-center"><span class="radio-dot"></span></div><input data-part="item-hidden-input"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} type="radio" class="sr-only" /><span data-part="item-text"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="radio-group-item-text text-sm">${item.label}</span></label>`).join("") + "<!---->"}</div>`;
-	}
-	render__unresolved_0Item(item) {
-		return `<label data-gid="${item?.value ?? item}" data-part="item"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="radio-group-item flex items-center gap-2 cursor-pointer py-1"><div data-part="item-control"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="radio-group-item-control h-4 w-4 rounded-full border border-primary flex items-center justify-center"><span class="radio-dot"></span></div><input data-part="item-hidden-input"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} type="radio" class="sr-only" /><span data-part="item-text"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="radio-group-item-text text-sm">${item.label}</span></label>`;
-	}
-	create__unresolved_0Item(item) {
-		var __c = this.#__dc___unresolved_0 || (this.#__dc___unresolved_0 = this.____unresolved_0_container);
-		if (!__c.__geaTpl) try {
-			var __tw = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_0Item({
-				value: 0,
-				label: " "
-			});
-			__c.__geaTpl = __tw.content.firstElementChild;
-			__c.__geaTpl?.removeAttribute("data-gid");
-		} catch (__err) {
-			console.error(__err);
-		}
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_0Item(item);
-			var el = __fw.content.firstElementChild;
-		}
-		el.__ref_0 = el.firstElementChild;
-		el.__ref_1 = el.firstElementChild.nextElementSibling;
-		el.__ref_2 = el.firstElementChild.nextElementSibling.nextElementSibling;
-		var __av = item.value;
-		if (__av == null || __av === false) el.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (el.getAttribute("data-value") !== __newAttr) el.setAttribute("data-value", __newAttr);
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (el.__ref_0.getAttribute("data-value") !== __newAttr) el.__ref_0.setAttribute("data-value", __newAttr);
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (el.__ref_1.getAttribute("data-value") !== __newAttr) el.__ref_1.setAttribute("data-value", __newAttr);
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) el.__ref_2.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (el.__ref_2.getAttribute("data-value") !== __newAttr) el.__ref_2.setAttribute("data-value", __newAttr);
-		}
-		if (el.__ref_2.textContent !== `
-              ${item.label}
-            `) el.__ref_2.textContent = `
-              ${item.label}
-            `;
-		el[GEA_DOM_KEY] = String(item?.value ?? item);
-		el[GEA_DOM_ITEM] = item;
-		return el;
-	}
-	patch__unresolved_0Item(row, item, __prevItem) {
-		if (!row) return;
-		if (!row.__ref_0) row.__ref_0 = row.firstElementChild;
-		if (!row.__ref_1) row.__ref_1 = row.firstElementChild.nextElementSibling;
-		if (!row.__ref_2) row.__ref_2 = row.firstElementChild.nextElementSibling.nextElementSibling;
-		var __av = item.value;
-		if (__av == null || __av === false) row.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (row.getAttribute("data-value") !== __newAttr) row.setAttribute("data-value", __newAttr);
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (row.__ref_0.getAttribute("data-value") !== __newAttr) row.__ref_0.setAttribute("data-value", __newAttr);
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (row.__ref_1.getAttribute("data-value") !== __newAttr) row.__ref_1.setAttribute("data-value", __newAttr);
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) row.__ref_2.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (row.__ref_2.getAttribute("data-value") !== __newAttr) row.__ref_2.setAttribute("data-value", __newAttr);
-		}
-		if (row.__ref_2.textContent !== `
-              ${item.label}
-            `) row.__ref_2.textContent = `
-              ${item.label}
-            `;
-		row[GEA_DOM_KEY] = String(item?.value ?? item);
-		(this.#__rowEls_list || (this.#__rowEls_list = {}))[String(item?.value ?? item)] = row;
-		row[GEA_DOM_ITEM] = item;
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		if (key === "class") {
-			const __el = this[GEA_ELEMENT];
-			this.props;
-			const __boundValue = value || "";
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
+	[GEA_CREATE_TEMPLATE](d) {
+		this.props.items;
+		const root = (_tpl0_root || (_tpl0_root = _tpl0_create())).cloneNode(true);
+		const el0 = root;
+		const anchor1 = root.firstChild;
+		const anchor2 = root.childNodes[2];
+		reactiveClass(el0, d, this, () => this.props.class || "");
+		conditionalTruthy(anchor1.parentNode, anchor1, d, this, () => this.props.label, (d) => {
+			const root = (_tpl1_root || (_tpl1_root = _tpl1_create())).cloneNode(true);
+			const t0 = root.firstChild;
+			reactiveTextValue(t0, d, this, () => this.props.label);
+			return root;
+		});
+		const __ki_L0 = (item, idx, d) => {
+			const root = (_tpl2_root || (_tpl2_root = _tpl2_create())).cloneNode(true);
+			root.setAttribute("data-value", String(item.value));
+			root.firstChild.setAttribute("data-value", String(item.value));
+			root.childNodes[1].setAttribute("data-value", String(item.value));
+			root.childNodes[2].setAttribute("data-value", String(item.value));
+			{
+				const __n = root.childNodes[2].firstChild;
+				__n.nodeValue = `${item.label ?? ""}`;
 			}
-		}
-		if (key === "label") this[GEA_PATCH_COND](0);
-		if (key === "items") this[GEA_SYNC_MAP](0);
-	}
-	__observe_local_props(__v, __c) {
-		this[GEA_SYNC_MAP](0);
-	}
-	createdHooks() {
-		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => this.$(":scope"), () => {
-			return this.props.items || [];
-		}, (__item) => this.create__unresolved_0Item(__item), "value");
+			root[GEA_DOM_ITEM] = item;
+			return root;
+		};
+		const __kp_L0 = (el, item) => {
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("value")) el.setAttribute("data-value", String(item.value));
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("value")) (el.__r0 || (el.__r0 = el.firstChild)).setAttribute("data-value", String(item.value));
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("value")) (el.__r1 || (el.__r1 = el.childNodes[1])).setAttribute("data-value", String(item.value));
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("value")) (el.__r2 || (el.__r2 = el.childNodes[2])).setAttribute("data-value", String(item.value));
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("label")) {
+				const __n = el.__r3 || (el.__r3 = el.childNodes[2].firstChild);
+				__n.nodeValue = `${item.label ?? ""}`;
+			}
+		};
+		keyedList({
+			container: anchor2.parentNode,
+			anchor: anchor2,
+			disposer: d,
+			root: this,
+			pending: __rq_L0,
+			path: () => this.props.items || [],
+			key: (item, idx) => item.value,
+			createEntry: (item, idx) => {
+				const __k = item.value;
+				const __r = _rescue(__rq_L0, String(__k), item);
+				if (__r) {
+					const __raw = item && item[GEA_PROXY_RAW] || item;
+					if (__r.item !== __raw) {
+						const __prev = __r.item;
+						__r.item = __raw;
+						__kp_L0(__r.element, item, __prev, idx);
+					}
+					return __r;
+				}
+				const __rd = NOOP_DISPOSER;
+				const __obs = null;
+				const __el = __ki_L0(item, idx, __rd);
+				return {
+					key: __k,
+					item: item && item[GEA_PROXY_RAW] || item,
+					element: __el,
+					disposer: __rd,
+					obs: __obs
+				};
+			},
+			patchEntry: (e, newItem, newIdx) => {
+				e.item = newItem && newItem[GEA_PROXY_RAW] || newItem;
+				__kp_L0(e.element, newItem);
+			}
+		});
+		return root;
 	}
 };
 //#endregion

package/dist/radio-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.mjs","names":["__v","v","valueOf","Component","geaCondValueSymbol","GEA_REGISTER_COND","geaEscapeHtml","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_COND","GEA_SYNC_MAP","GEA_REGISTER_MAP","radioGroup","normalizeProps","ZagComponent","RadioGroup","__geaTagName","__rowEls_list","__dc___unresolved_0","constructor","args","props","label","String","value","createMachine","_props","machine","getMachineProps","id","defaultValue","name","form","disabled","readOnly","orientation","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","getItemProps","HTMLElement","dataset","[data-part=\"item-text\"]","getItemTextProps","[data-part=\"item-control\"]","getItemControlProps","[data-part=\"item-hidden-input\"]","getItemHiddenInputProps","syncState","template","__id","_register","items","class","trim","map","item","join","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__ref_0","__ref_1","nextElementSibling","__ref_2","__av","__newAttr","getAttribute","setAttribute","textContent","patch__unresolved_0Item","row","__prevItem","key","__el","__boundValue","__newClass","replace","className","__observe_local_props","createdHooks","$","__item"],"sources":["../src/components/radio-group.tsx"],"sourcesContent":["import * as radioGroup from '@zag-js/radio-group'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class RadioGroup extends ZagComponent {\n  declare value: string | null\n\n  createMachine(_props: any): any {\n    return radioGroup.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      name: props.name,\n      form: props.form,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      orientation: props.orientation ?? 'vertical',\n      onValueChange: (details: radioGroup.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return radioGroup.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"indicator\"]': 'getIndicatorProps',\n      '[data-part=\"item\"]': (api, el) => api.getItemProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-text\"]': (api, el) => api.getItemTextProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-control\"]': (api, el) => api.getItemControlProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-hidden-input\"]': (api, el) =>\n        api.getItemHiddenInputProps({ value: (el as HTMLElement).dataset.value }),\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <span data-part=\"label\" class=\"radio-group-label text-sm font-medium mb-2 block\">\n            {props.label}\n          </span>\n        )}\n        <div data-part=\"indicator\" class=\"radio-group-indicator\"></div>\n        {items.map((item: any) => (\n          <label\n            key={item.value}\n            data-part=\"item\"\n            data-value={item.value}\n            class=\"radio-group-item flex items-center gap-2 cursor-pointer py-1\"\n          >\n            <div\n              data-part=\"item-control\"\n              data-value={item.value}\n              class=\"radio-group-item-control h-4 w-4 rounded-full border border-primary flex items-center justify-center\"\n            >\n              <span class=\"radio-dot\"></span>\n            </div>\n            <input data-part=\"item-hidden-input\" data-value={item.value} type=\"radio\" class=\"sr-only\" />\n            <span data-part=\"item-text\" data-value={item.value} class=\"radio-group-item-text text-sm\">\n              {item.label}\n            </span>\n          </label>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"radio-group.mjs","names":["GEA_CREATE_TEMPLATE","reactiveClass","reactiveTextValue","conditionalTruthy","reactiveAttr","GEA_DIRTY_PROPS","GEA_DOM_ITEM","GEA_PROXY_RAW","_rescue","NOOP_DISPOSER","keyedList","radioGroup","normalizeProps","ZagComponent","_tpl0_root","_tpl0_create","t","document","createElement","innerHTML","content","firstChild","_tpl1_root","_tpl1_create","_tpl2_root","_tpl2_create","__rq_L0","Map","RadioGroup","value","createMachine","_props","machine","getMachineProps","props","id","defaultValue","name","form","disabled","readOnly","orientation","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","getItemProps","HTMLElement","dataset","[data-part=\"item-text\"]","getItemTextProps","[data-part=\"item-control\"]","getItemControlProps","[data-part=\"item-hidden-input\"]","getItemHiddenInputProps","syncState","d","items","root","cloneNode","el0","anchor1","anchor2","childNodes","class","parentNode","label","marker0","t0","__ki_L0","item","idx","setAttribute","String","__n","nodeValue","__kp_L0","has","__r0","__r1","__r2","__r3","container","anchor","disposer","pending","path","key","createEntry","__k","__r","__raw","__prev","element","__rd","__obs","__li","__el","obs","patchEntry","e","newItem","newIdx"],"sources":["../src/components/radio-group.tsx"],"sourcesContent":["import * as radioGroup from '@zag-js/radio-group'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class RadioGroup extends ZagComponent {\n  declare value: string | null\n\n  createMachine(_props: any): any {\n    return radioGroup.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      name: props.name,\n      form: props.form,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      orientation: props.orientation ?? 'vertical',\n      onValueChange: (details: radioGroup.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return radioGroup.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"indicator\"]': 'getIndicatorProps',\n      '[data-part=\"item\"]': (api, el) => api.getItemProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-text\"]': (api, el) => api.getItemTextProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-control\"]': (api, el) => api.getItemControlProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-hidden-input\"]': (api, el) =>\n        api.getItemHiddenInputProps({ value: (el as HTMLElement).dataset.value }),\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <span data-part=\"label\" class=\"radio-group-label text-sm font-medium mb-2 block\">\n            {props.label}\n          </span>\n        )}\n        <div data-part=\"indicator\" class=\"radio-group-indicator\"></div>\n        {items.map((item: any) => (\n          <label\n            key={item.value}\n            data-part=\"item\"\n            data-value={item.value}\n            class=\"radio-group-item flex items-center gap-2 cursor-pointer py-1\"\n          >\n            <div\n              data-part=\"item-control\"\n              data-value={item.value}\n              class=\"radio-group-item-control h-4 w-4 rounded-full border border-primary flex items-center justify-center\"\n            >\n              <span class=\"radio-dot\"></span>\n            </div>\n            <input data-part=\"item-hidden-input\" data-value={item.value} type=\"radio\" class=\"sr-only\" />\n            <span data-part=\"item-text\" data-value={item.value} class=\"radio-group-item-text text-sm\">\n              {item.label}\n            </span>\n          </label>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/rating-group.d.mts

@@ -8,7 +8,7 @@ declare class RatingGroup extends ZagComponent {
   _allowHalf: boolean;
   createMachine(_props: any): any;
   getMachineProps(props: any): {
-    id: any;
+    id: string;
     value: any;
     defaultValue: any;
     count: any;
@@ -31,7 +31,7 @@ declare class RatingGroup extends ZagComponent {
   };
   syncState(api: any): void;
   _applyAllSpreads(): void;
-  template(props: any): string;
+  template(props: any): any;
 }
 //#endregion
 export { RatingGroup as default };

package/dist/rating-group.mjs

@@ -1,27 +1,36 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { Component, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_ON_PROP_CHANGE, GEA_PATCH_COND, GEA_REGISTER_COND, GEA_REGISTER_MAP, GEA_SYNC_MAP, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
+import { o as GEA_CREATE_TEMPLATE, u as GEA_PROXY_RAW } from "./bind.mjs";
+import { n as reactiveTextValue } from "./reactive-text.mjs";
+import { t as reactiveAttr } from "./reactive-attr.mjs";
+import { t as reactiveClass } from "./reactive-class.mjs";
+import { t as reactiveStyleProp } from "./reactive-style.mjs";
+import { t as conditionalTruthy } from "./conditional-truthy.mjs";
+import { n as _rescue, t as keyedList } from "./keyed-list.mjs";
+import { t as GEA_DOM_ITEM } from "./keyed-list-symbols.mjs";
+import { n as readItem, t as createItemObservable } from "./item-obs.mjs";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as ratingGroup from "@zag-js/rating-group";
 //#region src/components/rating-group.tsx
-const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+let _tpl0_root = null;
+function _tpl0_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div data-part=root><!--1--><div data-part=control class=\"rating-group-control flex gap-0.5\"><!--2--></div><input data-part=hidden-input type=hidden>";
+	return t.content.firstChild;
+}
+let _tpl1_root = null;
+function _tpl1_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<label data-part=label class=\"rating-group-label text-sm font-medium mb-1 block\">0";
+	return t.content.firstChild;
+}
+let _tpl2_root = null;
+function _tpl2_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<span data-part=item class=\"rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400\">★";
+	return t.content.firstChild;
+}
+const __rq_L0 = /* @__PURE__ */ new Map();
 var RatingGroup = class extends ZagComponent {
-	static {
-		this.__geaTagName = "rating-group";
-	}
-	#__rowEls_b1;
-	#__dc_b1;
-	constructor(...args) {
-		super(...args);
-		this.props;
-		this[geaCondValueSymbol(0)] = !!this.props.label;
-		this[GEA_REGISTER_COND](0, "c0", () => {
-			this.props;
-			return this.props.label;
-		}, () => {
-			this.props;
-			return `<label data-part="label" class="rating-group-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(this.props.label))}</label>`;
-		}, null);
-	}
 	createMachine(_props) {
 		return ratingGroup.machine;
 	}
@@ -88,87 +97,70 @@ var RatingGroup = class extends ZagComponent {
 			}
 		}
 	}
-	template(props) {
-		const __id = this.id;
-		Component._register(ZagComponent, "zag-component");
-		const count = props.count ?? 5;
-		const items = Array.from({ length: count }, (_, i) => i + 1);
-		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="rating-group-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(props.label))}</label>` || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="control" class="rating-group-control flex gap-0.5">${items.map((i) => `<span data-gid="${String(i)}" data-part="item"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`} class="rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400" style="line-height: 1px">★</span>`).join("") + "<!---->"}</div><input data-part="hidden-input" type="hidden" /></div>`;
-	}
-	render__unresolved_0Item(i) {
-		return `<span data-gid="${String(i)}" data-part="item"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`} class="rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400" style="line-height: 1px">★</span>`;
-	}
-	create__unresolved_0Item(item) {
-		var __c = this.#__dc_b1 || (this.#__dc_b1 = this.____unresolved_0_container);
-		if (!__c.__geaTpl) try {
-			var __tw = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_0Item("__dummy__");
-			__c.__geaTpl = __tw.content.firstElementChild;
-			__c.__geaTpl?.removeAttribute("data-gid");
-		} catch (__err) {
-			console.error(__err);
-		}
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_0Item(item);
-			var el = __fw.content.firstElementChild;
-		}
-		var __av = String(item);
-		if (__av == null || __av === false) el.removeAttribute("data-index");
-		else {
-			const __newAttr = String(__av);
-			if (el.getAttribute("data-index") !== __newAttr) el.setAttribute("data-index", __newAttr);
-		}
-		var __av = { lineHeight: 1 };
-		if (__av == null || __av === void 0) el.removeAttribute("style");
-		else {
-			const __newCss = typeof __av === "object" ? Object.entries(__av).map(([k, v]) => k.replace(/[A-Z]/g, "-$&") + ": " + v).join("; ") : String(__av);
-			if (el.style.cssText !== __newCss) el.style.cssText = __newCss;
-		}
-		el[GEA_DOM_KEY] = String(item);
-		el[GEA_DOM_ITEM] = item;
-		return el;
-	}
-	patch__unresolved_0Item(row, item, __prevItem) {
-		if (!row) return;
-		var __av = String(item);
-		if (__av == null || __av === false) row.removeAttribute("data-index");
-		else {
-			const __newAttr = String(__av);
-			if (row.getAttribute("data-index") !== __newAttr) row.setAttribute("data-index", __newAttr);
-		}
-		var __av = { lineHeight: 1 };
-		if (__av == null || __av === void 0) row.removeAttribute("style");
-		else {
-			const __newCss = typeof __av === "object" ? Object.entries(__av).map(([k, v]) => k.replace(/[A-Z]/g, "-$&") + ": " + v).join("; ") : String(__av);
-			if (row.style.cssText !== __newCss) row.style.cssText = __newCss;
-		}
-		row[GEA_DOM_KEY] = String(item);
-		(this.#__rowEls_b1 || (this.#__rowEls_b1 = {}))[String(item)] = row;
-		row[GEA_DOM_ITEM] = item;
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		if (key === "class") {
-			const __el = this[GEA_ELEMENT];
-			this.props;
-			const __boundValue = value || "";
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
+	[GEA_CREATE_TEMPLATE](d) {
+		this.props.count;
+		Array.from({ length: this.props.count ?? 5 }, (_, i) => i + 1);
+		const root = (_tpl0_root || (_tpl0_root = _tpl0_create())).cloneNode(true);
+		const el0 = root;
+		const anchor1 = root.firstChild;
+		const anchor2 = root.childNodes[1].firstChild;
+		reactiveClass(el0, d, this, () => this.props.class || "");
+		conditionalTruthy(anchor1.parentNode, anchor1, d, this, () => this.props.label, (d) => {
+			const root = (_tpl1_root || (_tpl1_root = _tpl1_create())).cloneNode(true);
+			const t0 = root.firstChild;
+			reactiveTextValue(t0, d, this, () => this.props.label);
+			return root;
+		});
+		const __ki_L0 = (__geaItemObservable, idx, d) => {
+			const root = (_tpl2_root || (_tpl2_root = _tpl2_create())).cloneNode(true);
+			const el0 = root;
+			const el1 = el0;
+			const el2 = el0;
+			reactiveAttr(el0, d, this, "key", () => readItem(__geaItemObservable));
+			reactiveAttr(el1, d, this, "data-index", () => String(readItem(__geaItemObservable)));
+			reactiveStyleProp(el2, d, this, "line-height", () => 1);
+			root[GEA_DOM_ITEM] = readItem(__geaItemObservable);
+			return root;
+		};
+		keyedList({
+			container: anchor2.parentNode,
+			anchor: anchor2,
+			disposer: d,
+			root: this,
+			pending: __rq_L0,
+			path: () => Array.from({ length: this.props.count ?? 5 }, (_, i) => i + 1),
+			key: (i, idx) => i,
+			createEntry: (item, idx) => {
+				const __k = item;
+				const __r = _rescue(__rq_L0, String(__k), item);
+				if (__r) {
+					const __raw = item && item[GEA_PROXY_RAW] || item;
+					if (__r.item !== __raw) {
+						__r.item;
+						__r.item = __raw;
+						__r.obs.current = item;
+						__r.obs._fire();
+					}
+					return __r;
+				}
+				const __rd = d.child();
+				const __obs = createItemObservable(item);
+				const __el = __ki_L0(__obs, idx, __rd);
+				return {
+					key: __k,
+					item: item && item[GEA_PROXY_RAW] || item,
+					element: __el,
+					disposer: __rd,
+					obs: __obs
+				};
+			},
+			patchEntry: (e, newItem, newIdx) => {
+				e.item = newItem && newItem[GEA_PROXY_RAW] || newItem;
+				e.obs.current = newItem;
+				e.obs._fire();
 			}
-		}
-		if (key === "label") this[GEA_PATCH_COND](0);
-		if (key === "count") this[GEA_SYNC_MAP](0);
-	}
-	__observe_local_props(__v, __c) {
-		this[GEA_SYNC_MAP](0);
-	}
-	createdHooks() {
-		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => __gid(this.id + "-b1"), () => {
-			const count = this.props.count ?? 5;
-			return Array.from({ length: count }, (_, i) => i + 1);
-		}, (__item) => this.create__unresolved_0Item(__item));
+		});
+		return root;
 	}
 };
 //#endregion

package/dist/rating-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rating-group.mjs","names":["__v","v","valueOf","Component","geaCondValueSymbol","GEA_REGISTER_COND","geaEscapeHtml","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_COND","GEA_SYNC_MAP","GEA_REGISTER_MAP","ratingGroup","normalizeProps","ZagComponent","RatingGroup","__geaTagName","__rowEls_b1","__dc_b1","constructor","args","props","label","String","value","_allowHalf","createMachine","_props","machine","getMachineProps","allowHalf","id","defaultValue","count","readOnly","disabled","name","form","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","htmlEl","HTMLElement","index","parseInt","dataset","getItemProps","onpointerdown","e","PointerEvent","rect","getBoundingClientRect","isLeftHalf","clientX","left","width","setValue","syncState","_applyAllSpreads","_api","items","querySelectorAll","i","length","state","getItemState","half","style","background","backgroundClip","setProperty","template","__id","_register","Array","from","_","class","trim","map","join","render__unresolved_0Item","create__unresolved_0Item","item","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__av","__newAttr","getAttribute","setAttribute","lineHeight","undefined","__newCss","Object","entries","k","replace","cssText","patch__unresolved_0Item","row","__prevItem","key","__el","__boundValue","__newClass","className","__observe_local_props","createdHooks","__gid","__item"],"sources":["../src/components/rating-group.tsx"],"sourcesContent":["import * as ratingGroup from '@zag-js/rating-group'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class RatingGroup extends ZagComponent {\n  declare value: number\n  declare _allowHalf: boolean\n\n  createMachine(_props: any): any {\n    return ratingGroup.machine\n  }\n\n  getMachineProps(props: any) {\n    this._allowHalf = !!props.allowHalf\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      count: props.count ?? 5,\n      allowHalf: !!props.allowHalf,\n      readOnly: props.readOnly,\n      disabled: props.disabled,\n      name: props.name,\n      form: props.form,\n      onValueChange: (details: ratingGroup.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return ratingGroup.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const htmlEl = el as HTMLElement\n        const index = parseInt(htmlEl.dataset.index || '0', 10)\n        const props = api.getItemProps({ index })\n        if (this._allowHalf) {\n          props.onpointerdown = (e: PointerEvent) => {\n            const rect = htmlEl.getBoundingClientRect()\n            const isLeftHalf = e.clientX - rect.left < rect.width / 2\n            api.setValue(isLeftHalf ? index - 0.5 : index)\n          }\n        }\n        return props\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  _applyAllSpreads() {\n    super._applyAllSpreads()\n    if (!this._api || !this.el) return\n    const items = this.el.querySelectorAll('[data-part=\"item\"]')\n    for (let i = 0; i < items.length; i++) {\n      const el = items[i] as HTMLElement\n      const index = parseInt(el.dataset.index || '0', 10)\n      const state = this._api.getItemState({ index })\n      if (state.half) {\n        el.style.background = 'linear-gradient(90deg, #facc15 50%, hsl(var(--muted-foreground)) 50%)'\n        el.style.backgroundClip = 'text'\n        el.style.setProperty('-webkit-background-clip', 'text')\n        el.style.setProperty('-webkit-text-fill-color', 'transparent')\n      } else {\n        el.style.background = ''\n        el.style.backgroundClip = ''\n        el.style.setProperty('-webkit-background-clip', '')\n        el.style.setProperty('-webkit-text-fill-color', '')\n      }\n    }\n  }\n\n  template(props: any) {\n    const count = props.count ?? 5\n    const items = Array.from({ length: count }, (_, i) => i + 1)\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"rating-group-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"control\" class=\"rating-group-control flex gap-0.5\">\n          {items.map((i: number) => (\n            <span\n              key={i}\n              data-part=\"item\"\n              data-index={String(i)}\n              class=\"rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400\"\n              style={{ lineHeight: 1 }}\n            >\n              &#x2605;\n            </span>\n          ))}\n        </div>\n        <input data-part=\"hidden-input\" type=\"hidden\" />\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"rating-group.mjs","names":["GEA_CREATE_TEMPLATE","reactiveClass","reactiveTextValue","conditionalTruthy","reactiveAttr","reactiveStyleProp","GEA_DOM_ITEM","createItemObservable","readItem","GEA_PROXY_RAW","_rescue","keyedList","ratingGroup","normalizeProps","ZagComponent","_tpl0_root","_tpl0_create","t","document","createElement","innerHTML","content","firstChild","_tpl1_root","_tpl1_create","_tpl2_root","_tpl2_create","__rq_L0","Map","RatingGroup","value","_allowHalf","createMachine","_props","machine","getMachineProps","props","allowHalf","id","defaultValue","count","readOnly","disabled","name","form","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","htmlEl","HTMLElement","index","parseInt","dataset","getItemProps","onpointerdown","e","PointerEvent","rect","getBoundingClientRect","isLeftHalf","clientX","left","width","setValue","syncState","_applyAllSpreads","_api","items","querySelectorAll","i","length","state","getItemState","half","style","background","backgroundClip","setProperty","d","Array","from","_","root","cloneNode","el0","anchor1","anchor2","childNodes","class","parentNode","label","marker0","t0","__ki_L0","__geaItemObservable","idx","el1","el2","String","container","anchor","disposer","pending","path","key","createEntry","item","__k","__r","__raw","__prev","obs","current","_fire","__rd","child","__obs","__li","__el","element","patchEntry","newItem","newIdx"],"sources":["../src/components/rating-group.tsx"],"sourcesContent":["import * as ratingGroup from '@zag-js/rating-group'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class RatingGroup extends ZagComponent {\n  declare value: number\n  declare _allowHalf: boolean\n\n  createMachine(_props: any): any {\n    return ratingGroup.machine\n  }\n\n  getMachineProps(props: any) {\n    this._allowHalf = !!props.allowHalf\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      count: props.count ?? 5,\n      allowHalf: !!props.allowHalf,\n      readOnly: props.readOnly,\n      disabled: props.disabled,\n      name: props.name,\n      form: props.form,\n      onValueChange: (details: ratingGroup.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return ratingGroup.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const htmlEl = el as HTMLElement\n        const index = parseInt(htmlEl.dataset.index || '0', 10)\n        const props = api.getItemProps({ index })\n        if (this._allowHalf) {\n          props.onpointerdown = (e: PointerEvent) => {\n            const rect = htmlEl.getBoundingClientRect()\n            const isLeftHalf = e.clientX - rect.left < rect.width / 2\n            api.setValue(isLeftHalf ? index - 0.5 : index)\n          }\n        }\n        return props\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  _applyAllSpreads() {\n    super._applyAllSpreads()\n    if (!this._api || !this.el) return\n    const items = this.el.querySelectorAll('[data-part=\"item\"]')\n    for (let i = 0; i < items.length; i++) {\n      const el = items[i] as HTMLElement\n      const index = parseInt(el.dataset.index || '0', 10)\n      const state = this._api.getItemState({ index })\n      if (state.half) {\n        el.style.background = 'linear-gradient(90deg, #facc15 50%, hsl(var(--muted-foreground)) 50%)'\n        el.style.backgroundClip = 'text'\n        el.style.setProperty('-webkit-background-clip', 'text')\n        el.style.setProperty('-webkit-text-fill-color', 'transparent')\n      } else {\n        el.style.background = ''\n        el.style.backgroundClip = ''\n        el.style.setProperty('-webkit-background-clip', '')\n        el.style.setProperty('-webkit-text-fill-color', '')\n      }\n    }\n  }\n\n  template(props: any) {\n    const count = props.count ?? 5\n    const items = Array.from({ length: count }, (_, i) => i + 1)\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"rating-group-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"control\" class=\"rating-group-control flex gap-0.5\">\n          {items.map((i: number) => (\n            <span\n              key={i}\n              data-part=\"item\"\n              data-index={String(i)}\n              class=\"rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400\"\n              style={{ lineHeight: 1 }}\n            >\n              &#x2605;\n            </span>\n          ))}\n        </div>\n        <input data-part=\"hidden-input\" type=\"hidden\" />\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAIA,IAAIe,aAAa;AACjB,SAASC,eAAe;CACtB,MAAMC,IAAIC,SAASC,cAAc,WAAW;AAC5CF,GAAEG,YAAY;AACd,QAAOH,EAAEI,QAAQC;;AAEnB,IAAIC,aAAa;AACjB,SAASC,eAAe;CACtB,MAAMP,IAAIC,SAASC,cAAc,WAAW;AAC5CF,GAAEG,YAAY;AACd,QAAOH,EAAEI,QAAQC;;AAEnB,IAAIG,aAAa;AACjB,SAASC,eAAe;CACtB,MAAMT,IAAIC,SAASC,cAAc,WAAW;AAC5CF,GAAEG,YAAY;AACd,QAAOH,EAAEI,QAAQC;;AAEnB,MAAMK,0BAAU,IAAIC,KAAK;AACzB,IAAqBC,cAArB,cAAyCf,aAAa;CAGpDkB,cAAcC,QAAkB;AAC9B,SAAOrB,YAAYsB;;CAErBC,gBAAgBC,OAAY;AAC1B,OAAKL,aAAa,CAAC,CAACK,MAAMC;AAC1B,SAAO;GACLC,IAAI,KAAKA;GACTR,OAAOM,MAAMN;GACbS,cAAcH,MAAMG;GACpBC,OAAOJ,MAAMI,SAAS;GACtBH,WAAW,CAAC,CAACD,MAAMC;GACnBI,UAAUL,MAAMK;GAChBC,UAAUN,MAAMM;GAChBC,MAAMP,MAAMO;GACZC,MAAMR,MAAMQ;GACZC,gBAAgBC,YAA4C;AAC1D,SAAKhB,QAAQgB,QAAQhB;AACrBM,UAAMS,gBAAgBC,QAAQ;;GAEjC;;CAEHE,WAAWC,SAAc;AACvB,SAAOrC,YAAYsC,QAAQD,SAASpC,eAAe;;CAErDsC,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,2BAAyB;GACzB,gCAA8B;GAC9B,yBAAuBE,KAAKC,OAAO;IACjC,MAAMC,SAASD;IACf,MAAMG,QAAQC,SAASH,OAAOI,QAAQF,SAAS,KAAK,GAAG;IACvD,MAAMrB,QAAQiB,IAAIO,aAAa,EAC7BH,OACD,CAAC;AACF,QAAI,KAAK1B,WACPK,OAAMyB,iBAAiBC,MAAoB;KACzC,MAAME,OAAOT,OAAOU,uBAAuB;KAC3C,MAAMC,aAAaJ,EAAEK,UAAUH,KAAKI,OAAOJ,KAAKK,QAAQ;AACxDhB,SAAIiB,SAASJ,aAAaT,QAAQ,KAAMA,MAAM;;AAGlD,WAAOrB;;GAEV;;CAEHmC,UAAUlB,KAAU;AAClB,OAAKvB,QAAQuB,IAAIvB;;CAEnB0C,mBAAmB;AACjB,QAAMA,kBAAkB;AACxB,MAAI,CAAC,KAAKC,QAAQ,CAAC,KAAKnB,GAAI;EAC5B,MAAMoB,QAAQ,KAAKpB,GAAGqB,iBAAiB,uBAAqB;AAC5D,OAAK,IAAIC,IAAI,GAAGA,IAAIF,MAAMG,QAAQD,KAAK;GACrC,MAAMtB,KAAKoB,MAAME;GACjB,MAAMnB,QAAQC,SAASJ,GAAGK,QAAQF,SAAS,KAAK,GAAG;AAInD,OAHc,KAAKgB,KAAKM,aAAa,EACnCtB,OACD,CACQ,CAACuB,MAAM;AACd1B,OAAG2B,MAAMC,aAAa;AACtB5B,OAAG2B,MAAME,iBAAiB;AAC1B7B,OAAG2B,MAAMG,YAAY,2BAA2B,OAAO;AACvD9B,OAAG2B,MAAMG,YAAY,2BAA2B,cAAc;UACzD;AACL9B,OAAG2B,MAAMC,aAAa;AACtB5B,OAAG2B,MAAME,iBAAiB;AAC1B7B,OAAG2B,MAAMG,YAAY,2BAA2B,GAAG;AACnD9B,OAAG2B,MAAMG,YAAY,2BAA2B,GAAG;;;;CAIzD,CAACpF,qBAAqBqF,GAAG;AACT,OAAKjD,MAAMI;AACX8C,QAAMC,KAAK,EACvBV,QAAQ,KAAKzC,MAAMI,SAAS,GAC7B,GAAGgD,GAAGZ,MAAMA,IAAI,EAAE;EACnB,MAAMa,QAAQ1E,eAAeA,aAAaC,cAAc,GAAG0E,UAAU,KAAK;EAC1E,MAAMC,MAAMF;EACZ,MAAMG,UAAUH,KAAKnE;EACrB,MAAMuE,UAAUJ,KAAKK,WAAW,GAAGxE;AACnCrB,gBAAc0F,KAAKN,GAAG,YAAY,KAAKjD,MAAM2D,SAAS,GAAG;AACzD5F,oBAAkByF,QAAQI,YAAYJ,SAASP,GAAG,YAAY,KAAKjD,MAAM6D,QAAOZ,MAAK;GACnF,MAAMI,QAAQlE,eAAeA,aAAaC,cAAc,GAAGkE,UAAU,KAAK;GAE1E,MAAMS,KADUV,KAAKnE;AAErBpB,qBAAkBiG,IAAId,GAAG,YAAY,KAAKjD,MAAM6D,MAAM;AACtD,UAAOR;IACP;EACF,MAAMW,WAAWC,qBAAqBC,KAAKjB,MAAM;GAC/C,MAAMI,QAAQhE,eAAeA,aAAaC,cAAc,GAAGgE,UAAU,KAAK;GAC1E,MAAMC,MAAMF;GACZ,MAAMc,MAAMZ;GACZ,MAAMa,MAAMb;AACZvF,gBAAauF,KAAKN,GAAG,MAAM,aAAa7E,SAAS6F,oBAAoB,CAAC;AACtEjG,gBAAamG,KAAKlB,GAAG,MAAM,oBAAoBoB,OAAOjG,SAAS6F,oBAAoB,CAAC,CAAC;AACrFhG,qBAAkBmG,KAAKnB,GAAG,MAAM,qBAAqB,EAAE;AACvDI,QAAKnF,gBAAgBE,SAAS6F,oBAAoB;AAClD,UAAOZ;;AAET9E,YAAU;GACR+F,WAAWb,QAAQG;GACnBW,QAAQd;GACRe,UAAUvB;GACVI,MAAM;GACNoB,SAASlF;GACTmF,YAAYxB,MAAMC,KAAK,EACrBV,QAAQ,KAAKzC,MAAMI,SAAS,GAC7B,GAAGgD,GAAGZ,MAAMA,IAAI,EAAE;GACnBmC,MAAMnC,GAAW0B,QAAQ1B;GACzBoC,cAAcC,MAAMX,QAAQ;IAC1B,MAAMY,MAAMD;IACZ,MAAME,MAAMzG,QAAQiB,SAAS8E,OAAOS,IAAI,EAAED,KAAK;AAC/C,QAAIE,KAAK;KACP,MAAMC,QAAQH,QAAQA,KAAKxG,kBAAkBwG;AAC7C,SAAIE,IAAIF,SAASG,OAAO;AACPD,UAAIF;AACnBE,UAAIF,OAAOG;AACXD,UAAIG,IAAIC,UAAUN;AAClBE,UAAIG,IAAIE,OAAO;;AAEjB,YAAOL;;IAET,MAAMM,OAAOpC,EAAEqC,OAAO;IACtB,MAAMC,QAAQpH,qBAAqB0G,KAAK;IAExC,MAAMY,OAAOzB,QAAQwB,OAAMtB,KAAKmB,KAAK;AACrC,WAAO;KACLV,KAAKG;KACLD,MAAMA,QAAQA,KAAKxG,kBAAkBwG;KACrCa,SAASD;KACTjB,UAAUa;KACVH,KAAKK;KACN;;GAEHI,aAAajE,GAAGkE,SAASC,WAAW;AAElCnE,MAAEmD,OADYe,WAAWA,QAAQvH,kBAAkBuH;AAEnDlE,MAAEwD,IAAIC,UAAUS;AAChBlE,MAAEwD,IAAIE,OAAO;;GAEhB,CAAC;AACF,SAAO/B"}

package/dist/reactive-attr.mjs

@@ -0,0 +1,13 @@
+import { t as bind } from "./bind.mjs";
+import { t as patch } from "./patch.mjs";
+//#region ../gea/src/runtime/reactive-attr.ts
+function reactiveAttr(el, d, root, attrName, pathOrGetter) {
+	let prev = void 0;
+	bind(d, root, pathOrGetter, (v) => {
+		prev = patch(el, "attr", prev, v, attrName);
+	});
+}
+//#endregion
+export { reactiveAttr as t };
+
+//# sourceMappingURL=reactive-attr.mjs.map

package/dist/reactive-attr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive-attr.mjs","names":[],"sources":["../../gea/src/runtime/reactive-attr.ts"],"sourcesContent":["import type { Disposer } from './disposer'\nimport { bind } from './bind'\nimport { patch } from './patch'\n\nexport function reactiveAttr(\n  el: Element,\n  d: Disposer,\n  root: any,\n  attrName: string,\n  pathOrGetter: readonly string[] | (() => unknown),\n): void {\n  let prev: unknown = undefined\n  bind(d, root, pathOrGetter, (v) => {\n    prev = patch(el, 'attr', prev, v, attrName)\n  })\n}\n"],"mappings":";;;AAIA,SAAgB,aACd,IACA,GACA,MACA,UACA,cACM;CACN,IAAI,OAAgB,KAAA;AACpB,MAAK,GAAG,MAAM,eAAe,MAAM;AACjC,SAAO,MAAM,IAAI,QAAQ,MAAM,GAAG,SAAS;GAC3C"}