@odoo/owl 3.0.0-alpha.24 → 3.0.0-alpha.26

package/dist/compile_templates.mjs

@@ -474,6 +474,7 @@ class CodeTarget {
     tSetVars = new Map();
     code = [];
     hasRoot = false;
+    deferReturn = false;
     needsScopeProtection = false;
     on;
     constructor(name, on) {
@@ -554,8 +555,13 @@ class CodeGenerator {
         this.dev = options.dev || false;
         this.ast = ast;
         this.templateName = options.name;
-        if (options.name && !options.name.startsWith("__")) {
-            this.target.name = `template_${options.name.replace(/\./g, "_")}`;
+        if (options.name) {
+            if (options.name.startsWith("__")) {
+                this.target.name = options.name;
+            }
+            else {
+                this.target.name = `template_${options.name.replace(/[^a-zA-Z0-9_$]/g, "_")}`;
+            }
         }
         if (options.hasGlobalValues) {
             this.helpers.add("__globals__");
@@ -666,7 +672,7 @@ class CodeGenerator {
         if (ctx.tKeyExpr) {
             blockExpr = `toggler(${ctx.tKeyExpr}, ${blockExpr})`;
         }
-        if (block.isRoot) {
+        if (block.isRoot && !this.target.deferReturn) {
             if (this.target.on) {
                 blockExpr = this.wrapWithEventCatcher(blockExpr, this.target.on);
             }
@@ -1153,10 +1159,20 @@ class CodeGenerator {
             const n = ast.content.filter((c) => !c.hasNoRepresentation).length;
             let result = null;
             if (n <= 1) {
+                // Check if there are non-DOM directives (like t-set) after the DOM child.
+                // If so, defer the return so those directives are compiled before it.
+                const shouldDefer = !this.target.hasRoot && ast.content[ast.content.length - 1].hasNoRepresentation;
+                if (shouldDefer) {
+                    this.target.deferReturn = true;
+                }
                 for (let child of ast.content) {
                     const blockName = this.compileAST(child, ctx);
                     result = result || blockName;
                 }
+                if (shouldDefer) {
+                    this.target.deferReturn = false;
+                    this.addLine(`return ${result};`);
+                }
                 return result;
             }
             block = this.createBlock(block, "multi", ctx);

package/dist/owl.cjs.js

@@ -2322,7 +2322,6 @@ class MountFiber extends RootFiber {
 }
 
 class ComponentNode {
-    el;
     app;
     fiber = null;
     component;
@@ -2370,16 +2369,6 @@ class ComponentNode {
         setComputation(previousComputation);
         contextStack.length = 0; // clear context stack
     }
-    mountComponent(target, options) {
-        const fiber = new MountFiber(this, target, options);
-        this.app.scheduler.addFiber(fiber);
-        let prev = getCurrentComputation();
-        this.initiateRender(fiber);
-        // only useful if the component is a root, and a willstart function just
-        // crashed synchonously. In that case, it is possible that the previous
-        // computation has not been properly restored
-        setComputation(prev);
-    }
     async initiateRender(fiber) {
         this.fiber = fiber;
         if (this.mounted.length) {
@@ -2394,6 +2383,7 @@ class ComponentNode {
             await Promise.all(promises);
         }
         catch (e) {
+            setComputation(prev);
             handleError({ node: this, error: e });
             return;
         }
@@ -3183,7 +3173,21 @@ function createComponent(app, name, isStatic, hasSlotsProp, hasDynamicPropList,
         if (node) {
             if (arePropsDifferent(node.props, props) || parentFiber.deep || node.forceNextRender) {
                 node.forceNextRender = false;
-                updateAndRender.call(node, props, parentFiber);
+                if (node.willUpdateProps.length) {
+                    updateAndRender.call(node, props, parentFiber);
+                }
+                else {
+                    // Synchronous fast path — no willUpdateProps hooks
+                    const fiber = makeChildFiber(node, parentFiber);
+                    node.fiber = fiber;
+                    node.props = props;
+                    const parentRoot = parentFiber.root;
+                    if (node.willPatch.length)
+                        parentRoot.willPatch.push(fiber);
+                    if (node.patched.length)
+                        parentRoot.patched.push(fiber);
+                    fiber.render();
+                }
             }
         }
         else {
@@ -3804,6 +3808,7 @@ class CodeTarget {
     tSetVars = new Map();
     code = [];
     hasRoot = false;
+    deferReturn = false;
     needsScopeProtection = false;
     on;
     constructor(name, on) {
@@ -3884,8 +3889,13 @@ class CodeGenerator {
         this.dev = options.dev || false;
         this.ast = ast;
         this.templateName = options.name;
-        if (options.name && !options.name.startsWith("__")) {
-            this.target.name = `template_${options.name.replace(/\./g, "_")}`;
+        if (options.name) {
+            if (options.name.startsWith("__")) {
+                this.target.name = options.name;
+            }
+            else {
+                this.target.name = `template_${options.name.replace(/[^a-zA-Z0-9_$]/g, "_")}`;
+            }
         }
         if (options.hasGlobalValues) {
             this.helpers.add("__globals__");
@@ -3996,7 +4006,7 @@ class CodeGenerator {
         if (ctx.tKeyExpr) {
             blockExpr = `toggler(${ctx.tKeyExpr}, ${blockExpr})`;
         }
-        if (block.isRoot) {
+        if (block.isRoot && !this.target.deferReturn) {
             if (this.target.on) {
                 blockExpr = this.wrapWithEventCatcher(blockExpr, this.target.on);
             }
@@ -4483,10 +4493,20 @@ class CodeGenerator {
             const n = ast.content.filter((c) => !c.hasNoRepresentation).length;
             let result = null;
             if (n <= 1) {
+                // Check if there are non-DOM directives (like t-set) after the DOM child.
+                // If so, defer the return so those directives are compiled before it.
+                const shouldDefer = !this.target.hasRoot && ast.content[ast.content.length - 1].hasNoRepresentation;
+                if (shouldDefer) {
+                    this.target.deferReturn = true;
+                }
                 for (let child of ast.content) {
                     const blockName = this.compileAST(child, ctx);
                     result = result || blockName;
                 }
+                if (shouldDefer) {
+                    this.target.deferReturn = false;
+                    this.addLine(`return ${result};`);
+                }
                 return result;
             }
             block = this.createBlock(block, "multi", ctx);
@@ -5680,7 +5700,7 @@ function compile(template, options = {
 }
 
 // do not modify manually. This file is generated by the release script.
-const version = "3.0.0-alpha.24";
+const version = "3.0.0-alpha.26";
 
 function effect(fn) {
     const computation = createComputation(() => {
@@ -5974,7 +5994,37 @@ class App extends TemplateSet {
                     return promise;
                 }
                 App.validateTarget(target);
-                this.mountNode(node, target, resolve, reject, options);
+                // Set up error handler and onMounted callback
+                let handlers = nodeErrorHandlers.get(node);
+                if (!handlers) {
+                    handlers = [];
+                    nodeErrorHandlers.set(node, handlers);
+                }
+                handlers.unshift((e, finalize) => {
+                    const finalError = finalize();
+                    reject(finalError);
+                });
+                node.mounted.push(() => {
+                    resolve(node.component);
+                    handlers.shift();
+                });
+                const fiber = new MountFiber(node, target, options);
+                this.scheduler.addFiber(fiber);
+                if (node.willStart.length) {
+                    node.initiateRender(fiber);
+                }
+                else {
+                    node.fiber = fiber;
+                    if (node.mounted.length) {
+                        fiber.root.mounted.push(fiber);
+                    }
+                    try {
+                        fiber.render();
+                    }
+                    catch (e) {
+                        reject(e);
+                    }
+                }
                 return promise;
             },
             destroy: () => {
@@ -5986,25 +6036,6 @@ class App extends TemplateSet {
         this.roots.add(root);
         return root;
     }
-    mountNode(node, target, resolve, reject, options) {
-        // Manually add the last resort error handler on the node
-        let handlers = nodeErrorHandlers.get(node);
-        if (!handlers) {
-            handlers = [];
-            nodeErrorHandlers.set(node, handlers);
-        }
-        handlers.unshift((e, finalize) => {
-            const finalError = finalize();
-            reject(finalError);
-        });
-        // manually set a onMounted callback.
-        // that way, we are independant from the current node.
-        node.mounted.push(() => {
-            resolve(node.component);
-            handlers.shift();
-        });
-        node.mountComponent(target, options);
-    }
     destroy() {
         for (let root of this.roots) {
             root.destroy();
@@ -6837,6 +6868,6 @@ exports.whenReady = whenReady;
 exports.xml = xml;
 
 
-__info__.date = '2026-04-10T09:24:05.169Z';
-__info__.hash = 'd325807';
+__info__.date = '2026-04-13T09:25:02.574Z';
+__info__.hash = 'fddcc27';
 __info__.url = 'https://github.com/odoo/owl';

package/dist/owl.es.js

@@ -2320,7 +2320,6 @@ class MountFiber extends RootFiber {
 }
 
 class ComponentNode {
-    el;
     app;
     fiber = null;
     component;
@@ -2368,16 +2367,6 @@ class ComponentNode {
         setComputation(previousComputation);
         contextStack.length = 0; // clear context stack
     }
-    mountComponent(target, options) {
-        const fiber = new MountFiber(this, target, options);
-        this.app.scheduler.addFiber(fiber);
-        let prev = getCurrentComputation();
-        this.initiateRender(fiber);
-        // only useful if the component is a root, and a willstart function just
-        // crashed synchonously. In that case, it is possible that the previous
-        // computation has not been properly restored
-        setComputation(prev);
-    }
     async initiateRender(fiber) {
         this.fiber = fiber;
         if (this.mounted.length) {
@@ -2392,6 +2381,7 @@ class ComponentNode {
             await Promise.all(promises);
         }
         catch (e) {
+            setComputation(prev);
             handleError({ node: this, error: e });
             return;
         }
@@ -3181,7 +3171,21 @@ function createComponent(app, name, isStatic, hasSlotsProp, hasDynamicPropList,
         if (node) {
             if (arePropsDifferent(node.props, props) || parentFiber.deep || node.forceNextRender) {
                 node.forceNextRender = false;
-                updateAndRender.call(node, props, parentFiber);
+                if (node.willUpdateProps.length) {
+                    updateAndRender.call(node, props, parentFiber);
+                }
+                else {
+                    // Synchronous fast path — no willUpdateProps hooks
+                    const fiber = makeChildFiber(node, parentFiber);
+                    node.fiber = fiber;
+                    node.props = props;
+                    const parentRoot = parentFiber.root;
+                    if (node.willPatch.length)
+                        parentRoot.willPatch.push(fiber);
+                    if (node.patched.length)
+                        parentRoot.patched.push(fiber);
+                    fiber.render();
+                }
             }
         }
         else {
@@ -3802,6 +3806,7 @@ class CodeTarget {
     tSetVars = new Map();
     code = [];
     hasRoot = false;
+    deferReturn = false;
     needsScopeProtection = false;
     on;
     constructor(name, on) {
@@ -3882,8 +3887,13 @@ class CodeGenerator {
         this.dev = options.dev || false;
         this.ast = ast;
         this.templateName = options.name;
-        if (options.name && !options.name.startsWith("__")) {
-            this.target.name = `template_${options.name.replace(/\./g, "_")}`;
+        if (options.name) {
+            if (options.name.startsWith("__")) {
+                this.target.name = options.name;
+            }
+            else {
+                this.target.name = `template_${options.name.replace(/[^a-zA-Z0-9_$]/g, "_")}`;
+            }
         }
         if (options.hasGlobalValues) {
             this.helpers.add("__globals__");
@@ -3994,7 +4004,7 @@ class CodeGenerator {
         if (ctx.tKeyExpr) {
             blockExpr = `toggler(${ctx.tKeyExpr}, ${blockExpr})`;
         }
-        if (block.isRoot) {
+        if (block.isRoot && !this.target.deferReturn) {
             if (this.target.on) {
                 blockExpr = this.wrapWithEventCatcher(blockExpr, this.target.on);
             }
@@ -4481,10 +4491,20 @@ class CodeGenerator {
             const n = ast.content.filter((c) => !c.hasNoRepresentation).length;
             let result = null;
             if (n <= 1) {
+                // Check if there are non-DOM directives (like t-set) after the DOM child.
+                // If so, defer the return so those directives are compiled before it.
+                const shouldDefer = !this.target.hasRoot && ast.content[ast.content.length - 1].hasNoRepresentation;
+                if (shouldDefer) {
+                    this.target.deferReturn = true;
+                }
                 for (let child of ast.content) {
                     const blockName = this.compileAST(child, ctx);
                     result = result || blockName;
                 }
+                if (shouldDefer) {
+                    this.target.deferReturn = false;
+                    this.addLine(`return ${result};`);
+                }
                 return result;
             }
             block = this.createBlock(block, "multi", ctx);
@@ -5678,7 +5698,7 @@ function compile(template, options = {
 }
 
 // do not modify manually. This file is generated by the release script.
-const version = "3.0.0-alpha.24";
+const version = "3.0.0-alpha.26";
 
 function effect(fn) {
     const computation = createComputation(() => {
@@ -5972,7 +5992,37 @@ class App extends TemplateSet {
                     return promise;
                 }
                 App.validateTarget(target);
-                this.mountNode(node, target, resolve, reject, options);
+                // Set up error handler and onMounted callback
+                let handlers = nodeErrorHandlers.get(node);
+                if (!handlers) {
+                    handlers = [];
+                    nodeErrorHandlers.set(node, handlers);
+                }
+                handlers.unshift((e, finalize) => {
+                    const finalError = finalize();
+                    reject(finalError);
+                });
+                node.mounted.push(() => {
+                    resolve(node.component);
+                    handlers.shift();
+                });
+                const fiber = new MountFiber(node, target, options);
+                this.scheduler.addFiber(fiber);
+                if (node.willStart.length) {
+                    node.initiateRender(fiber);
+                }
+                else {
+                    node.fiber = fiber;
+                    if (node.mounted.length) {
+                        fiber.root.mounted.push(fiber);
+                    }
+                    try {
+                        fiber.render();
+                    }
+                    catch (e) {
+                        reject(e);
+                    }
+                }
                 return promise;
             },
             destroy: () => {
@@ -5984,25 +6034,6 @@ class App extends TemplateSet {
         this.roots.add(root);
         return root;
     }
-    mountNode(node, target, resolve, reject, options) {
-        // Manually add the last resort error handler on the node
-        let handlers = nodeErrorHandlers.get(node);
-        if (!handlers) {
-            handlers = [];
-            nodeErrorHandlers.set(node, handlers);
-        }
-        handlers.unshift((e, finalize) => {
-            const finalError = finalize();
-            reject(finalError);
-        });
-        // manually set a onMounted callback.
-        // that way, we are independant from the current node.
-        node.mounted.push(() => {
-            resolve(node.component);
-            handlers.shift();
-        });
-        node.mountComponent(target, options);
-    }
     destroy() {
         for (let root of this.roots) {
             root.destroy();
@@ -6793,6 +6824,6 @@ TemplateSet.prototype._compileTemplate = function _compileTemplate(name, templat
 export { App, Component, EventBus, OwlError, Plugin, Registry, Resource, __info__, assertType, batched, blockDom, computed, config, effect, htmlEscape, markRaw, markup, mount, onError, onMounted, onPatched, onWillDestroy, onWillPatch, onWillStart, onWillUnmount, onWillUpdateProps, plugin, props, providePlugins, proxy, signal, status, toRaw, types, untrack, useApp, useContext, useEffect, useListener, useResource, validateType, whenReady, xml };
 
 
-__info__.date = '2026-04-10T09:24:05.169Z';
-__info__.hash = 'd325807';
+__info__.date = '2026-04-13T09:25:02.574Z';
+__info__.hash = 'fddcc27';
 __info__.url = 'https://github.com/odoo/owl';

package/dist/owl.iife.js

@@ -2323,7 +2323,6 @@
     }
 
     class ComponentNode {
-        el;
         app;
         fiber = null;
         component;
@@ -2371,16 +2370,6 @@
             setComputation(previousComputation);
             contextStack.length = 0; // clear context stack
         }
-        mountComponent(target, options) {
-            const fiber = new MountFiber(this, target, options);
-            this.app.scheduler.addFiber(fiber);
-            let prev = getCurrentComputation();
-            this.initiateRender(fiber);
-            // only useful if the component is a root, and a willstart function just
-            // crashed synchonously. In that case, it is possible that the previous
-            // computation has not been properly restored
-            setComputation(prev);
-        }
         async initiateRender(fiber) {
             this.fiber = fiber;
             if (this.mounted.length) {
@@ -2395,6 +2384,7 @@
                 await Promise.all(promises);
             }
             catch (e) {
+                setComputation(prev);
                 handleError({ node: this, error: e });
                 return;
             }
@@ -3184,7 +3174,21 @@
             if (node) {
                 if (arePropsDifferent(node.props, props) || parentFiber.deep || node.forceNextRender) {
                     node.forceNextRender = false;
-                    updateAndRender.call(node, props, parentFiber);
+                    if (node.willUpdateProps.length) {
+                        updateAndRender.call(node, props, parentFiber);
+                    }
+                    else {
+                        // Synchronous fast path — no willUpdateProps hooks
+                        const fiber = makeChildFiber(node, parentFiber);
+                        node.fiber = fiber;
+                        node.props = props;
+                        const parentRoot = parentFiber.root;
+                        if (node.willPatch.length)
+                            parentRoot.willPatch.push(fiber);
+                        if (node.patched.length)
+                            parentRoot.patched.push(fiber);
+                        fiber.render();
+                    }
                 }
             }
             else {
@@ -3805,6 +3809,7 @@
         tSetVars = new Map();
         code = [];
         hasRoot = false;
+        deferReturn = false;
         needsScopeProtection = false;
         on;
         constructor(name, on) {
@@ -3885,8 +3890,13 @@
             this.dev = options.dev || false;
             this.ast = ast;
             this.templateName = options.name;
-            if (options.name && !options.name.startsWith("__")) {
-                this.target.name = `template_${options.name.replace(/\./g, "_")}`;
+            if (options.name) {
+                if (options.name.startsWith("__")) {
+                    this.target.name = options.name;
+                }
+                else {
+                    this.target.name = `template_${options.name.replace(/[^a-zA-Z0-9_$]/g, "_")}`;
+                }
             }
             if (options.hasGlobalValues) {
                 this.helpers.add("__globals__");
@@ -3997,7 +4007,7 @@
             if (ctx.tKeyExpr) {
                 blockExpr = `toggler(${ctx.tKeyExpr}, ${blockExpr})`;
             }
-            if (block.isRoot) {
+            if (block.isRoot && !this.target.deferReturn) {
                 if (this.target.on) {
                     blockExpr = this.wrapWithEventCatcher(blockExpr, this.target.on);
                 }
@@ -4484,10 +4494,20 @@
                 const n = ast.content.filter((c) => !c.hasNoRepresentation).length;
                 let result = null;
                 if (n <= 1) {
+                    // Check if there are non-DOM directives (like t-set) after the DOM child.
+                    // If so, defer the return so those directives are compiled before it.
+                    const shouldDefer = !this.target.hasRoot && ast.content[ast.content.length - 1].hasNoRepresentation;
+                    if (shouldDefer) {
+                        this.target.deferReturn = true;
+                    }
                     for (let child of ast.content) {
                         const blockName = this.compileAST(child, ctx);
                         result = result || blockName;
                     }
+                    if (shouldDefer) {
+                        this.target.deferReturn = false;
+                        this.addLine(`return ${result};`);
+                    }
                     return result;
                 }
                 block = this.createBlock(block, "multi", ctx);
@@ -5681,7 +5701,7 @@
     }
 
     // do not modify manually. This file is generated by the release script.
-    const version = "3.0.0-alpha.24";
+    const version = "3.0.0-alpha.26";
 
     function effect(fn) {
         const computation = createComputation(() => {
@@ -5975,7 +5995,37 @@
                         return promise;
                     }
                     App.validateTarget(target);
-                    this.mountNode(node, target, resolve, reject, options);
+                    // Set up error handler and onMounted callback
+                    let handlers = nodeErrorHandlers.get(node);
+                    if (!handlers) {
+                        handlers = [];
+                        nodeErrorHandlers.set(node, handlers);
+                    }
+                    handlers.unshift((e, finalize) => {
+                        const finalError = finalize();
+                        reject(finalError);
+                    });
+                    node.mounted.push(() => {
+                        resolve(node.component);
+                        handlers.shift();
+                    });
+                    const fiber = new MountFiber(node, target, options);
+                    this.scheduler.addFiber(fiber);
+                    if (node.willStart.length) {
+                        node.initiateRender(fiber);
+                    }
+                    else {
+                        node.fiber = fiber;
+                        if (node.mounted.length) {
+                            fiber.root.mounted.push(fiber);
+                        }
+                        try {
+                            fiber.render();
+                        }
+                        catch (e) {
+                            reject(e);
+                        }
+                    }
                     return promise;
                 },
                 destroy: () => {
@@ -5987,25 +6037,6 @@
             this.roots.add(root);
             return root;
         }
-        mountNode(node, target, resolve, reject, options) {
-            // Manually add the last resort error handler on the node
-            let handlers = nodeErrorHandlers.get(node);
-            if (!handlers) {
-                handlers = [];
-                nodeErrorHandlers.set(node, handlers);
-            }
-            handlers.unshift((e, finalize) => {
-                const finalError = finalize();
-                reject(finalError);
-            });
-            // manually set a onMounted callback.
-            // that way, we are independant from the current node.
-            node.mounted.push(() => {
-                resolve(node.component);
-                handlers.shift();
-            });
-            node.mountComponent(target, options);
-        }
         destroy() {
             for (let root of this.roots) {
                 root.destroy();
@@ -6838,8 +6869,8 @@
     exports.xml = xml;
 
 
-    __info__.date = '2026-04-10T09:24:05.169Z';
-    __info__.hash = 'd325807';
+    __info__.date = '2026-04-13T09:25:02.574Z';
+    __info__.hash = 'fddcc27';
     __info__.url = 'https://github.com/odoo/owl';