@mintjamsinc/ichigojs 0.1.78 → 0.1.79

package/dist/ichigo.cjs

@@ -9924,6 +9924,16 @@
                         });
                     }
                 }
+                // A component element this application compiled but that has not
+                // expanded yet — it deferred to us because an ancestor component
+                // was attaching its template, or its <template> was not loaded when
+                // it connected — is expanded now: the host context is installed,
+                // the directives above delivered the prop values, and any authored
+                // slot content was compiled in this scope. A template source
+                // (v-if / v-for) is left alone; its clones expand on insertion.
+                if (isComponent && !this.#templatized && !isExpandedComponent) {
+                    element._ichigoTryExpand?.();
+                }
                 // After creating child nodes, call onMounted for directives that do not templatize
                 if (!this.#templatized) {
                     // animation frame to ensure DOM is updated
@@ -15428,13 +15438,6 @@
          * belong to this component's VApplication and scope).
          */
         _ichigoExpanded = false;
-        /**
-         * Host context installed by the parent application's VNode when it
-         * compiles this element. Gives component-boundary features (e.g. scoped
-         * slot outlets) access to the parent scope. Undefined when the element is
-         * placed outside any ichigo application.
-         */
-        _ichigoHost;
         /**
          * The scoped slot templates captured from this element's children, keyed
          * by slot name ('default' for `v-slot` without a name). Read by
@@ -15457,6 +15460,24 @@
                 this.hasAttribute(StandardDirectiveName.V_FOR)) {
                 return;
             }
+            // --- 0a2. Guard: wait to be compiled by the owning application ---
+            // This element came from an enclosing component's template clone and no
+            // application has compiled it yet: the enclosing component's appendChild
+            // connected it before that component's VApplication existed. Expanding
+            // now would capture the slot content and mount before the owning
+            // application installs the host context (_ichigoHost) and delivers the
+            // prop values — scoped slot outlets would find no parent scope and
+            // silently fall back to their default content. The owning application
+            // expands this element while it compiles it (VNode ->
+            // _ichigoTryExpand()), by which time both are in place.
+            //
+            // Only template-owned elements defer: authored slot content placed
+            // inside a component by an application is not part of the template, so
+            // it keeps expanding immediately (and is redistributed by the enclosing
+            // component on every re-expansion).
+            if (this._ichigoTemplateOwned === true && !this._ichigoHost) {
+                return;
+            }
             // --- 0b. Reclaim prop values assigned before upgrade ---
             // A plain property set on the instance (e.g. by a binding delivered
             // while the element was detached or not yet upgraded) is an own data
@@ -15530,6 +15551,18 @@
             // --- 2. Clone the component template ---
             const fragment = templateEl.content.cloneNode(true);
             const root = this.#findRootElement(fragment);
+            // Mark the component elements the template brought in, so they let this
+            // component's application compile them before they expand (guard 0a2).
+            // Marked before slot distribution, so authored slot content — which is
+            // not part of the template — keeps expanding under the application that
+            // authored it. Elements inside a nested <template> are not marked: they
+            // are inert until a directive clones them, and the clone is compiled
+            // before it is inserted.
+            for (const element of Array.from(fragment.querySelectorAll('*'))) {
+                if (IchigoElementRegistry.has(element.tagName)) {
+                    element._ichigoTemplateOwned = true;
+                }
+            }
             // --- 3. Distribute named slot content ---
             for (const [name, nodes] of namedNodes) {
                 const slot = root.querySelector(`slot[name="${name}"]`);
@@ -15567,6 +15600,21 @@
                 this.#app = undefined;
             }
         }
+        /**
+         * Expands this element's template on behalf of the application that owns
+         * it. Called by VNode right after it compiled this element — the host
+         * context is installed and the prop bindings have delivered their values,
+         * so a component that deferred its expansion (guard 0a2, or a template
+         * that was not loaded when it connected) can now expand in the right
+         * order. A no-op when the element is already expanded or not connected
+         * (a template-source clone expands when it is inserted).
+         */
+        _ichigoTryExpand() {
+            if (this._ichigoExpanded || !this.isConnected) {
+                return;
+            }
+            this.connectedCallback();
+        }
         /**
          * Called by the property setters generated by defineComponent().
          * Before mount: stores the value and schedules a mount microtask.