@xaendar/core 0.7.6 → 0.7.8

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

@@ -149,12 +149,15 @@ export declare class Context {
      * detach event listeners, and dispose signal effect subscriptions.
      */
     private _unwatchFns;
+    private _namespace;
+    get namespace(): 'svg' | undefined;
+    set namespace(value: 'svg');
     /**
      * Creates a new scope context.
      *
      * @param _root - Web component reference used to resolve property and method bindings.
      */
-    constructor(_root: BaseWebComponent, _parent: Context);
+    constructor(_root: BaseWebComponent, _parent: Context | undefined, namespace: 'svg' | undefined);
     /**
      * Registers a new identifier name in this scope.
      *
@@ -464,7 +467,7 @@ declare type IterationVariablesHandle = {
  * @param referenceNode - The node to insert relative to (same semantics
  *   as `Node.insertBefore`). If `null`, the node is appended at the end of `parentNode`.
  */
-export declare function mountNode(node: Node, parentNode: HTMLElement, context: Context, referenceNode?: Comment | null): void;
+export declare function mountNode(node: Node, parentNode: Element, context: Context, referenceNode?: Comment | null): void;
 
 /**
  * Represents the output type returned by an `@Event` decorator in a web component.
@@ -555,7 +558,7 @@ declare type PropertyDecoratorOptionsWithRequired<ActualValue = unknown, Incomin
  * @param events - List of event listener descriptors to attach to the element.
  * @returns The newly created HTML element.
  */
-export declare function _renderElement(parentNode: HTMLElement, context: Context, anchor: Comment | null, tagName: string, attributes: RenderElementAttribute[], events: RenderElementEvent[]): HTMLElement;
+export declare function _renderElement(parentNode: Element, context: Context, anchor: Comment | null, tagName: string, attributes: RenderElementAttribute[], events: RenderElementEvent[]): Element;
 
 /**
  * Describes a single HTML attribute to be applied to a rendered DOM element.

package/dist/xaendar-core.es.js

@@ -60,6 +60,7 @@ function Event(options) {
 * @internal
 */
 var INTERNAL_OBSERVED_ATTRIBUTES = `observedAttributes`;
+var SVG_NS = "http://www.w3.org/2000/svg";
 //#endregion
 //#region ../packages/core/src/signals/input/input-instance.symbol.ts
 /**
@@ -526,14 +527,22 @@ var Context = class {
 	* detach event listeners, and dispose signal effect subscriptions.
 	*/
 	_unwatchFns = new Array();
+	_namespace;
+	get namespace() {
+		return this._namespace;
+	}
+	set namespace(value) {
+		this._namespace = value;
+	}
 	/**
 	* Creates a new scope context.
 	*
 	* @param _root - Web component reference used to resolve property and method bindings.
 	*/
-	constructor(_root, _parent) {
+	constructor(_root, _parent, namespace) {
 		this._root = _root;
 		this._parent = _parent;
+		this._namespace = this._parent?.namespace ?? namespace;
 	}
 	/**
 	* Registers a new identifier name in this scope.
@@ -935,7 +944,7 @@ function teardown(parentContext, state) {
 * @returns The newly created HTML element.
 */
 function _renderElement(parentNode, context, anchor, tagName, attributes, events) {
-	const element = document.createElement(tagName);
+	const element = context.namespace === "svg" || tagName === "svg" ? document.createElementNS(SVG_NS, tagName) : document.createElement(tagName);
 	mountNode(element, parentNode, context, anchor);
 	attributes.forEach(({ name, value, literal }) => {
 		literal ? element.setAttribute(name, String(value())) : context.listen(effect(() => element.setAttribute(name, String(value()))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaendar/core",
-  "version": "0.7.6",
+  "version": "0.7.8",
   "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.7.6",
-    "@xaendar/types": "0.7.6"
+    "@xaendar/signals": "0.7.8",
+    "@xaendar/types": "0.7.8"
   }
 }