@xaendar/core 0.9.28 → 0.9.29

package/dist/xaendar-core.d.ts

@@ -73,6 +73,26 @@ export declare type BaseWebComponentConstructor = Constructor<BaseWebComponent,
     observedAttributes: string[];
 }>;
 
+/**
+ * Sets a static attribute value on an HTML element.
+ *
+ * @param element - The element to set the attribute on.
+ * @param name - The name of the attribute.
+ * @param getter - A function that returns the attribute value.
+ */
+export declare function bindAttribute(element: Element, name: string, getter: NoArgsFunction<unknown>): void;
+
+/**
+ * Sets a reactive attribute value on an HTML element that updates automatically
+ * whenever the underlying signal changes.
+ *
+ * @param context - The current template execution scope.
+ * @param element - The element to set the attribute on.
+ * @param name - The name of the attribute.
+ * @param getter - A function that returns the attribute value.
+ */
+export declare function bindReactiveAttribute(context: Context, element: Element, name: string, getter: NoArgsFunction<unknown>): void;
+
 /**
  * Represents a single branch of a conditional structure (`if` / `else if` / `else`).
  *
@@ -518,7 +538,7 @@ declare type RenderElementAttribute = {
     /**
      * When `true`, the value is a static string literal; when `false`, it is a reactive expression.
      */
-    reactive: boolean;
+    setter: typeof bindAttribute & typeof bindReactiveAttribute;
 };
 
 /**

package/dist/xaendar-core.js

@@ -744,8 +744,8 @@ function _renderElement(parentNode, context, anchor, tagName, attributes, events
 	const element = context.createElement(tagName);
 	mountNode(element, parentNode, context, anchor);
 	for (let i = 0; i < attributes.length; i++) {
-		const { name, value, reactive } = attributes[i];
-		reactive ? context.listen(effect(() => element.setAttribute(name, String(value())))) : element.setAttribute(name, String(value()));
+		const { name, value, setter } = attributes[i];
+		setter === bindAttribute ? setter(element, name, value) : setter(context, element, name, value);
 	}
 	for (let i = 0; i < events.length; i++) {
 		const event = events[i];
@@ -783,6 +783,28 @@ function createSVGElement(tagName) {
 function createMATHMLElement(tagName) {
 	return document.createElementNS(MATHML_NS, tagName);
 }
+/**
+* Sets a static attribute value on an HTML element.
+*
+* @param element - The element to set the attribute on.
+* @param name - The name of the attribute.
+* @param getter - A function that returns the attribute value.
+*/
+function bindAttribute(element, name, getter) {
+	element.setAttribute(name, String(getter()));
+}
+/**
+* Sets a reactive attribute value on an HTML element that updates automatically
+* whenever the underlying signal changes.
+*
+* @param context - The current template execution scope.
+* @param element - The element to set the attribute on.
+* @param name - The name of the attribute.
+* @param getter - A function that returns the attribute value.
+*/
+function bindReactiveAttribute(context, element, name, getter) {
+	context.listen(effect(() => element.setAttribute(name, String(getter()))));
+}
 //#endregion
 //#region ../packages/core/src/utils/render-text.util.ts
 /**
@@ -847,4 +869,4 @@ function _switch(parentNode, parentContext, expression, blocks) {
 	})));
 }
 //#endregion
-export { BaseWebComponent, Context, Event, Property, WebComponent, _for, _if, _iterationVariables, _renderElement, _renderLiteralText, _renderText, _switch, createAnchor, createElement, createMATHMLElement, createSVGElement, mountNode };
+export { BaseWebComponent, Context, Event, Property, WebComponent, _for, _if, _iterationVariables, _renderElement, _renderLiteralText, _renderText, _switch, bindAttribute, bindReactiveAttribute, createAnchor, createElement, createMATHMLElement, createSVGElement, mountNode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaendar/core",
-  "version": "0.9.28",
+  "version": "0.9.29",
   "description": "A library containing core utils such as webcomponent base classes and theming support",
   "sideEffects": false,
   "type": "module",
@@ -22,7 +22,7 @@
     }
   },
   "dependencies": {
-    "@xaendar/signals": "0.9.28",
-    "@xaendar/types": "0.9.28"
+    "@xaendar/signals": "0.9.29",
+    "@xaendar/types": "0.9.29"
   }
 }