@mintjamsinc/ichigojs 0.1.78 → 0.1.79

package/dist/ichigo.esm.js

@@ -9918,6 +9918,16 @@ class VNode {
                     });
                 }
             }
+            // 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
@@ -15422,13 +15432,6 @@ class IchigoElement extends HTMLElement {
      * 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
@@ -15451,6 +15454,24 @@ class IchigoElement extends HTMLElement {
             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
@@ -15524,6 +15545,18 @@ class IchigoElement extends HTMLElement {
         // --- 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}"]`);
@@ -15561,6 +15594,21 @@ class IchigoElement extends HTMLElement {
             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.