@mintjamsinc/ichigojs 0.1.11 → 0.1.13

package/dist/ichigo.esm.js

@@ -7279,8 +7279,18 @@ class VComponentDirective {
      * @inheritdoc
      */
     get domUpdater() {
-        // Component rendering is handled through onMounted lifecycle hook
-        return undefined;
+        // Create and return the DOM updater
+        const updater = {
+            get dependentIdentifiers() {
+                return [];
+            },
+            applyToDOM: () => {
+                if (!this.#isActivated) {
+                    this.renderComponent();
+                }
+            }
+        };
+        return updater;
     }
     /**
      * @inheritdoc
@@ -7298,9 +7308,7 @@ class VComponentDirective {
      * @inheritdoc
      */
     get onMount() {
-        return () => {
-            this.renderComponent();
-        };
+        return undefined;
     }
     /**
      * @inheritdoc
@@ -7404,10 +7412,12 @@ class VComponentDirective {
         }
         // Replace element with component element
         const parent = element.parentNode;
-        if (parent) {
-            parent.insertBefore(componentElement, element);
-            parent.removeChild(element);
+        if (!parent) {
+            console.error(`Element has no parent node. Component '${componentId}' cannot be mounted.`);
+            return;
         }
+        parent.insertBefore(componentElement, element);
+        parent.removeChild(element);
         // Create component instance
         const instance = component.createInstance(properties);
         // Create and mount child application using the parent application's registries
@@ -7420,8 +7430,7 @@ class VComponentDirective {
      */
     cleanupComponent() {
         if (this.#childApp) {
-            // TODO: Implement unmount when available in VApplication
-            // this.#childApp.unmount();
+            this.#childApp.unmount();
             this.#childApp = undefined;
         }
         this.#isActivated = false;
@@ -11207,6 +11216,16 @@ class VApplication {
         this.#vNode.update();
         this.#logger.info('Application mounted.');
     }
+    /**
+     * Unmounts the application and cleans up resources.
+     */
+    unmount() {
+        if (this.#vNode) {
+            this.#vNode.destroy();
+            this.#vNode = undefined;
+        }
+        this.#logger.info('Application unmounted.');
+    }
     /**
      * Creates a child application instance with the same registries.
      * @param options The application options for the child.