@jqhtml/core 2.3.59 → 2.3.61

package/dist/index.js

@@ -634,7 +634,9 @@ function process_instructions(instructions, target, context, slots) {
         if (el) {
             const element = $(el);
             el.removeAttribute('data-tid');
-            apply_attributes(element, tagData.attrs, context);
+            // Bind to the component whose template wrote this element, which for
+            // spliced content is not the component being rendered.
+            apply_attributes(element, tagData.attrs, tagData.context);
         }
     }
     // Third pass: initialize and boot components in parallel
@@ -660,6 +662,16 @@ function process_instruction_to_html(instruction, html, tagElements, components,
         // Raw HTML/text - no escaping, as requested
         html.push(instruction);
     }
+    else if (Array.isArray(instruction)) {
+        if (instruction[0] !== '_content' || !Array.isArray(instruction[1])) {
+            return;
+        }
+        // Content written in another template renders in that template's component.
+        const definer = instruction[2] || context;
+        for (const item of instruction[1]) {
+            process_instruction_to_html(item, html, tagElements, components, definer, slots);
+        }
+    }
     else if ('tag' in instruction) {
         // HTML tag
         process_tag_to_html(instruction, html, tagElements, components, context);
@@ -1835,7 +1847,7 @@ Load_Coordinator._registry = new Map();
 const class_registry = Object.create(null);
 // Markers for serialized class instances (unique to avoid collisions with user data)
 // Replaced at build time by rollup (see rollup.config.js).
-const CORE_VERSION = '2.3.59';
+const CORE_VERSION = '2.3.61';
 const CLASS_MARKER = '__jqhtml_class__';
 const PROPS_MARKER = '__jqhtml_props__';
 /**
@@ -3844,10 +3856,10 @@ class Jqhtml_Component {
                         // Create a content function that invokes child slots
                         // When parent calls content('slotName'), it invokes the child's slot function
                         const childSlots = instructions._slots;
-                        const contentFunction = (slotName, data) => {
+                        const contentFunction = (slotName, ...slotArgs) => {
                             if (childSlots[slotName] && typeof childSlots[slotName] === 'function') {
-                                // Invoke the slot function with data parameter
-                                const [slotInstructions, slotContext] = childSlots[slotName](data);
+                                // Invoke the slot function with everything content() was given
+                                const [slotInstructions, slotContext] = childSlots[slotName](...slotArgs);
                                 // Return in render function format: [instructions, context]
                                 // The template expression handler expects this format
                                 return [slotInstructions, slotContext];
@@ -3872,12 +3884,11 @@ class Jqhtml_Component {
                     instructions = [];
                 }
             }
-            // Flatten any nested content instructions before processing
-            // Instructions may contain ['_content', [...]] markers from content() calls
-            const flattenedInstructions = this._flatten_instructions(instructions);
-            // Process instructions to generate DOM
+            // Process instructions to generate DOM. ['_content', ...] markers from
+            // content() are handled by the processor, which renders them in the
+            // component that wrote them.
             // This kicks off child component boots but doesn't wait for them
-            process_instructions(flattenedInstructions, this.$, this);
+            process_instructions(instructions, this.$, this);
         }
         // Don't update ready state here - let phases complete in order
         this._update_debug_attrs();
@@ -5037,26 +5048,6 @@ class Jqhtml_Component {
     _generate_cid() {
         return uid();
     }
-    /**
-     * Flatten instruction array - converts ['_content', [...]] markers to flat array
-     * Recursively flattens nested content from content() calls
-     */
-    _flatten_instructions(instructions) {
-        const result = [];
-        for (const instruction of instructions) {
-            // Check if this is a _content marker: ['_content', [...]]
-            if (Array.isArray(instruction) && instruction[0] === '_content' && Array.isArray(instruction[1])) {
-                // Recursively flatten the content instructions
-                const contentInstructions = this._flatten_instructions(instruction[1]);
-                result.push(...contentInstructions);
-            }
-            else {
-                // Regular instruction - keep as is
-                result.push(instruction);
-            }
-        }
-        return result;
-    }
     _apply_css_classes() {
         const hierarchy = this.constructor.get_class_hierarchy();
         // If component name differs from class name, add component name to hierarchy
@@ -6178,7 +6169,7 @@ function init(jQuery, config) {
     }
 }
 // Version - will be replaced during build with actual version from package.json
-const version = '2.3.59';
+const version = '2.3.61';
 // Default export with all functionality
 const jqhtml = {
     // Core