juxscript 1.1.215 → 1.1.217

package/lib/components/tabs.js

@@ -111,6 +111,7 @@ export class Tabs extends BaseComponent {
                 tabPanel.innerHTML = tab.content;
             }
             else if (tab.content instanceof BaseComponent) {
+                // Now panel exists in DOM, so render() can find it
                 tab.content.render(`#${tabPanel.id}`);
             }
         });
@@ -164,8 +165,7 @@ export class Tabs extends BaseComponent {
         return this;
     }
     /**
-     * ✅ NEW: Append content to a specific tab
-     * Accepts single item or array of strings/BaseComponents
+     * Add content to a specific tab panel
      */
     addTabContent(tabId, content) {
         const panel = document.getElementById(`${this._id}-${tabId}-panel`);
@@ -173,20 +173,17 @@ export class Tabs extends BaseComponent {
             console.warn(`[Tabs] Panel not found for tab: ${tabId}`);
             return this;
         }
-        // Normalize to array
-        const items = Array.isArray(content) ? content : [content];
-        items.forEach(item => {
+        content.forEach(item => {
             if (typeof item === 'string') {
-                // Append HTML string
                 const tempDiv = document.createElement('div');
                 tempDiv.innerHTML = item;
                 while (tempDiv.firstChild) {
                     panel.appendChild(tempDiv.firstChild);
                 }
             }
-            else if (item instanceof BaseComponent) {
-                // Render component into panel
-                item.render(`#${panel.id}`);
+            else if (item && typeof item.render === 'function') {
+                // ✅ Render the component into the panel
+                item.render(panel);
             }
         });
         return this;

package/lib/components/tabs.ts

@@ -154,6 +154,7 @@ export class Tabs extends BaseComponent<TabsState> {
       if (typeof tab.content === 'string') {
         tabPanel.innerHTML = tab.content;
       } else if (tab.content instanceof BaseComponent) {
+        // Now panel exists in DOM, so render() can find it
         tab.content.render(`#${tabPanel.id}`);
       }
     });
@@ -219,30 +220,25 @@ export class Tabs extends BaseComponent<TabsState> {
   }
 
   /**
-   * ✅ NEW: Append content to a specific tab
-   * Accepts single item or array of strings/BaseComponents
+   * Add content to a specific tab panel
    */
-  addTabContent(tabId: string, content: string | BaseComponent<any> | Array<string | BaseComponent<any>>): this {
+  addTabContent(tabId: string, content: (string | BaseComponent<any>)[]): this {
     const panel = document.getElementById(`${this._id}-${tabId}-panel`);
     if (!panel) {
       console.warn(`[Tabs] Panel not found for tab: ${tabId}`);
       return this;
     }
 
-    // Normalize to array
-    const items = Array.isArray(content) ? content : [content];
-
-    items.forEach(item => {
+    content.forEach(item => {
       if (typeof item === 'string') {
-        // Append HTML string
         const tempDiv = document.createElement('div');
         tempDiv.innerHTML = item;
         while (tempDiv.firstChild) {
           panel.appendChild(tempDiv.firstChild);
         }
-      } else if (item instanceof BaseComponent) {
-        // Render component into panel
-        item.render(`#${panel.id}`);
+      } else if (item && typeof item.render === 'function') {
+        // ✅ Render the component into the panel
+        item.render(panel);
       }
     });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.215",
+  "version": "1.1.217",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "index.js",