@xaendar/core 0.6.10 → 0.6.11

package/dist/xaendar-core.es.d.ts

@@ -366,6 +366,37 @@ declare type PropertyDecoratorOptionsWithRequired<ActualValue = unknown, Incomin
     required: true;
 };
 
+export declare function _renderElement(parentNode: HTMLElement, context: Context, tagName: string, attributes: RenderElementAttribute[], events: RenderElementEvent[]): void;
+
+declare type RenderElementAttribute = {
+    name: string;
+    value: string;
+    literal: boolean;
+};
+
+declare type RenderElementEvent = {
+    name: string;
+    handler: string;
+};
+
+/**
+ *
+ * @param parentNode
+ * @param text
+ * @param context
+ * @returns
+ */
+export declare function _renderLiteralText(parentNode: HTMLElement, context: Context, text: string): void;
+
+/**
+ *
+ * @param parentNode
+ * @param text
+ * @param context
+ * @returns
+ */
+export declare function _renderText(parentNode: HTMLElement, context: Context, text: string): void;
+
 /**
  * Creates a writable reactive signal.
  *

package/dist/xaendar-core.es.js

@@ -400,7 +400,7 @@ function signal(value, options) {
 	return getter;
 }
 //#endregion
-//#region ../packages/core/src/utils/context.utils.ts
+//#region ../packages/core/src/utils/context.util.ts
 /**
 * Tracks identifier scope during run time template function execution
 * Each `Context` instance represents one lexical scope (e.g. a `@for` loop body)
@@ -479,7 +479,7 @@ var Context = class {
 	}
 };
 //#endregion
-//#region ../packages/core/src/utils/for.utils.ts
+//#region ../packages/core/src/utils/for.util.ts
 /**
 * Reactively iterates over a list of items, re-running the loop whenever the tracked condition changes.
 * Previous iteration side-effects are cleaned up before each re-evaluation.
@@ -530,7 +530,7 @@ function _iterationVariables(items, index, itemAlias, indexAlias) {
 	};
 }
 //#endregion
-//#region ../packages/core/src/utils/if.utils.ts
+//#region ../packages/core/src/utils/if.util.ts
 /**
 * Creates a reactive conditional structure from a list of branches.
 *
@@ -659,7 +659,61 @@ function checkAndUpdateState(parentNode, parentContext, state, newState, conditi
 	}
 }
 //#endregion
-//#region ../packages/core/src/utils/switch.utils.ts
+//#region ../packages/core/src/utils/render-text.util.ts
+/**
+* 
+* @param parentNode 
+* @param text 
+* @param context 
+* @returns 
+*/
+function _renderText(parentNode, context, text) {
+	const identifier = context.getIdentifier(text);
+	const node = document.createTextNode(identifier.get());
+	parentNode.appendChild(node);
+	context.listen(() => {
+		context.removeNode(node);
+		parentNode.removeChild(node);
+	});
+	if (identifier.reactive) context.listen(effect(() => node.textContent = identifier.get()));
+}
+/**
+* 
+* @param parentNode 
+* @param text 
+* @param context 
+* @returns 
+*/
+function _renderLiteralText(parentNode, context, text) {
+	const node = document.createTextNode(text);
+	parentNode.appendChild(node);
+	context.listen(() => parentNode.removeChild(node));
+}
+//#endregion
+//#region ../packages/core/src/utils/render-util.ts
+function _renderElement(parentNode, context, tagName, attributes, events) {
+	const element = document.createElement(tagName);
+	parentNode.appendChild(element);
+	context.listen(() => {
+		context.removeNode(element);
+		parentNode.removeChild(element);
+	});
+	attributes.forEach(({ name, value, literal }) => {
+		if (literal) element.setAttribute(name, value);
+		else {
+			const identifier = context.getIdentifier(value);
+			identifier.reactive ? context.listen(effect(() => element.setAttribute(name, String(identifier.get())))) : element.setAttribute(name, String(identifier.get()));
+		}
+	});
+	events.forEach((event) => {
+		const handler = ($event) => context.getEventHandler(event.handler);
+		const name = event.name;
+		element.addEventListener(name, handler);
+		context.listen(() => element.removeEventListener(name, handler));
+	});
+}
+//#endregion
+//#region ../packages/core/src/utils/switch.util.ts
 /**
 * Creates a reactive switch/case structure by converting it into an if/else-if chain
 * and delegating to {@link _if}.
@@ -692,4 +746,4 @@ function _switch(parentNode, parentContext, expression, blocks) {
 	})));
 }
 //#endregion
-export { BaseWebComponent, Context, Event, Property, WebComponent, _for, _if, _iterationVariables, _switch, computed, effect, input, signal };
+export { BaseWebComponent, Context, Event, Property, WebComponent, _for, _if, _iterationVariables, _renderElement, _renderLiteralText, _renderText, _switch, computed, effect, input, signal };

package/package.json

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