@odoo/owl 2.0.0-beta-21 → 2.0.0-beta-22

package/dist/owl.cjs.js

@@ -2907,14 +2907,15 @@ function shallowEqual(l1, l2) {
     return true;
 }
 class LazyValue {
-    constructor(fn, ctx, component, node) {
+    constructor(fn, ctx, component, node, key) {
         this.fn = fn;
         this.ctx = capture(ctx);
         this.component = component;
         this.node = node;
+        this.key = key;
     }
     evaluate() {
-        return this.fn.call(this.component, this.ctx, this.node);
+        return this.fn.call(this.component, this.ctx, this.node, this.key);
     }
     toString() {
         return this.evaluate().toString();
@@ -3600,6 +3601,13 @@ class CodeTarget {
         result.push(`}`);
         return result.join("\n  ");
     }
+    currentKey(ctx) {
+        let key = this.loopLevel ? `key${this.loopLevel}` : "key";
+        if (ctx.tKeyExpr) {
+            key = `${ctx.tKeyExpr} + ${key}`;
+        }
+        return key;
+    }
 }
 const TRANSLATABLE_ATTRS = ["label", "title", "placeholder", "alt"];
 const translationRE = /^(\s*)([\s\S]+?)(\s*)$/;
@@ -3729,18 +3737,14 @@ class CodeGenerator {
     }
     insertBlock(expression, block, ctx) {
         let blockExpr = block.generateExpr(expression);
-        const tKeyExpr = ctx.tKeyExpr;
         if (block.parentVar) {
-            let keyArg = `key${this.target.loopLevel}`;
-            if (tKeyExpr) {
-                keyArg = `${tKeyExpr} + ${keyArg}`;
-            }
+            let key = this.target.currentKey(ctx);
             this.helpers.add("withKey");
-            this.addLine(`${block.parentVar}[${ctx.index}] = withKey(${blockExpr}, ${keyArg});`);
+            this.addLine(`${block.parentVar}[${ctx.index}] = withKey(${blockExpr}, ${key});`);
             return;
         }
-        if (tKeyExpr) {
-            blockExpr = `toggler(${tKeyExpr}, ${blockExpr})`;
+        if (ctx.tKeyExpr) {
+            blockExpr = `toggler(${ctx.tKeyExpr}, ${blockExpr})`;
         }
         if (block.isRoot && !ctx.preventRoot) {
             if (this.target.on) {
@@ -3785,74 +3789,62 @@ class CodeGenerator {
         })
             .join("");
     }
+    /**
+     * @returns the newly created block name, if any
+     */
     compileAST(ast, ctx) {
         switch (ast.type) {
             case 1 /* Comment */:
-                this.compileComment(ast, ctx);
-                break;
+                return this.compileComment(ast, ctx);
             case 0 /* Text */:
-                this.compileText(ast, ctx);
-                break;
+                return this.compileText(ast, ctx);
             case 2 /* DomNode */:
-                this.compileTDomNode(ast, ctx);
-                break;
+                return this.compileTDomNode(ast, ctx);
             case 4 /* TEsc */:
-                this.compileTEsc(ast, ctx);
-                break;
+                return this.compileTEsc(ast, ctx);
             case 8 /* TOut */:
-                this.compileTOut(ast, ctx);
-                break;
+                return this.compileTOut(ast, ctx);
             case 5 /* TIf */:
-                this.compileTIf(ast, ctx);
-                break;
+                return this.compileTIf(ast, ctx);
             case 9 /* TForEach */:
-                this.compileTForeach(ast, ctx);
-                break;
+                return this.compileTForeach(ast, ctx);
             case 10 /* TKey */:
-                this.compileTKey(ast, ctx);
-                break;
+                return this.compileTKey(ast, ctx);
             case 3 /* Multi */:
-                this.compileMulti(ast, ctx);
-                break;
+                return this.compileMulti(ast, ctx);
             case 7 /* TCall */:
-                this.compileTCall(ast, ctx);
-                break;
+                return this.compileTCall(ast, ctx);
             case 15 /* TCallBlock */:
-                this.compileTCallBlock(ast, ctx);
-                break;
+                return this.compileTCallBlock(ast, ctx);
             case 6 /* TSet */:
-                this.compileTSet(ast, ctx);
-                break;
+                return this.compileTSet(ast, ctx);
             case 11 /* TComponent */:
-                this.compileComponent(ast, ctx);
-                break;
+                return this.compileComponent(ast, ctx);
             case 12 /* TDebug */:
-                this.compileDebug(ast, ctx);
-                break;
+                return this.compileDebug(ast, ctx);
             case 13 /* TLog */:
-                this.compileLog(ast, ctx);
-                break;
+                return this.compileLog(ast, ctx);
             case 14 /* TSlot */:
-                this.compileTSlot(ast, ctx);
-                break;
+                return this.compileTSlot(ast, ctx);
             case 16 /* TTranslation */:
-                this.compileTTranslation(ast, ctx);
-                break;
+                return this.compileTTranslation(ast, ctx);
             case 17 /* TPortal */:
-                this.compileTPortal(ast, ctx);
+                return this.compileTPortal(ast, ctx);
         }
     }
     compileDebug(ast, ctx) {
         this.addLine(`debugger;`);
         if (ast.content) {
-            this.compileAST(ast.content, ctx);
+            return this.compileAST(ast.content, ctx);
         }
+        return null;
     }
     compileLog(ast, ctx) {
         this.addLine(`console.log(${compileExpr(ast.expr)});`);
         if (ast.content) {
-            this.compileAST(ast.content, ctx);
+            return this.compileAST(ast.content, ctx);
         }
+        return null;
     }
     compileComment(ast, ctx) {
         let { block, forceNewBlock } = ctx;
@@ -3868,6 +3860,7 @@ class CodeGenerator {
             const text = xmlDoc.createComment(ast.value);
             block.insert(text);
         }
+        return block.varName;
     }
     compileText(ast, ctx) {
         let { block, forceNewBlock } = ctx;
@@ -3887,6 +3880,7 @@ class CodeGenerator {
             const createFn = ast.type === 0 /* Text */ ? xmlDoc.createTextNode : xmlDoc.createComment;
             block.insert(createFn.call(xmlDoc, value));
         }
+        return block.varName;
     }
     generateHandlerCode(rawEvent, handler) {
         const modifiers = rawEvent
@@ -4079,6 +4073,7 @@ class CodeGenerator {
                 this.addLine(`let ${block.children.map((c) => c.varName)};`, codeIdx);
             }
         }
+        return block.varName;
     }
     compileTEsc(ast, ctx) {
         let { block, forceNewBlock } = ctx;
@@ -4103,6 +4098,7 @@ class CodeGenerator {
             const text = xmlDoc.createElement(`block-text-${idx}`);
             block.insert(text);
         }
+        return block.varName;
     }
     compileTOut(ast, ctx) {
         let { block } = ctx;
@@ -4128,6 +4124,7 @@ class CodeGenerator {
             blockStr = `safeOutput(${compileExpr(ast.expr)})`;
         }
         this.insertBlock(blockStr, block, ctx);
+        return block.varName;
     }
     compileTIfBranch(content, block, ctx) {
         this.target.indentLevel++;
@@ -4182,6 +4179,7 @@ class CodeGenerator {
             const args = block.children.map((c) => c.varName).join(", ");
             this.insertBlock(`multi([${args}])`, block, ctx);
         }
+        return block.varName;
     }
     compileTForeach(ast, ctx) {
         let { block } = ctx;
@@ -4254,6 +4252,7 @@ class CodeGenerator {
             this.addLine(`ctx = ctx.__proto__;`);
         }
         this.insertBlock("l", block, ctx);
+        return block.varName;
     }
     compileTKey(ast, ctx) {
         const tKeyExpr = generateId("tKey_");
@@ -4263,7 +4262,7 @@ class CodeGenerator {
             block: ctx.block,
             index: ctx.index,
         });
-        this.compileAST(ast.content, ctx);
+        return this.compileAST(ast.content, ctx);
     }
     compileMulti(ast, ctx) {
         let { block, forceNewBlock } = ctx;
@@ -4271,11 +4270,13 @@ class CodeGenerator {
         let codeIdx = this.target.code.length;
         if (isNewBlock) {
             const n = ast.content.filter((c) => c.type !== 6 /* TSet */).length;
+            let result = null;
             if (n <= 1) {
                 for (let child of ast.content) {
-                    this.compileAST(child, ctx);
+                    const blockName = this.compileAST(child, ctx);
+                    result = result || blockName;
                 }
-                return;
+                return result;
             }
             block = this.createBlock(block, "multi", ctx);
         }
@@ -4315,6 +4316,7 @@ class CodeGenerator {
             const args = block.children.map((c) => c.varName).join(", ");
             this.insertBlock(`multi([${args}])`, block, ctx);
         }
+        return block.varName;
     }
     compileTCall(ast, ctx) {
         let { block, forceNewBlock } = ctx;
@@ -4327,12 +4329,11 @@ class CodeGenerator {
             this.addLine(`${ctxVar} = Object.create(${ctxVar});`);
             this.addLine(`${ctxVar}[isBoundary] = 1;`);
             this.helpers.add("isBoundary");
-            const nextId = BlockDescription.nextBlockId;
             const subCtx = createContext(ctx, { preventRoot: true, ctxVar });
-            this.compileAST({ type: 3 /* Multi */, content: ast.body }, subCtx);
-            if (nextId !== BlockDescription.nextBlockId) {
+            const bl = this.compileMulti({ type: 3 /* Multi */, content: ast.body }, subCtx);
+            if (bl) {
                 this.helpers.add("zero");
-                this.addLine(`${ctxVar}[zero] = b${nextId};`);
+                this.addLine(`${ctxVar}[zero] = ${bl};`);
             }
         }
         const isDynamic = INTERP_REGEXP.test(ast.name);
@@ -4367,6 +4368,7 @@ class CodeGenerator {
         if (ast.body && !ctx.isLast) {
             this.addLine(`${ctxVar} = ${ctxVar}.__proto__;`);
         }
+        return block.varName;
     }
     compileTCallBlock(ast, ctx) {
         let { block, forceNewBlock } = ctx;
@@ -4377,6 +4379,7 @@ class CodeGenerator {
         }
         block = this.createBlock(block, "multi", ctx);
         this.insertBlock(compileExpr(ast.name), block, { ...ctx, forceNewBlock: !block });
+        return block.varName;
     }
     compileTSet(ast, ctx) {
         this.target.shouldProtectScope = true;
@@ -4386,7 +4389,8 @@ class CodeGenerator {
             this.helpers.add("LazyValue");
             const bodyAst = { type: 3 /* Multi */, content: ast.body };
             const name = this.compileInNewTarget("value", bodyAst, ctx);
-            let value = `new LazyValue(${name}, ctx, this, node)`;
+            let key = this.target.currentKey(ctx);
+            let value = `new LazyValue(${name}, ctx, this, node, ${key})`;
             value = ast.value ? (value ? `withDefault(${expr}, ${value})` : expr) : value;
             this.addLine(`ctx[\`${ast.name}\`] = ${value};`);
         }
@@ -4406,6 +4410,7 @@ class CodeGenerator {
             this.helpers.add("setContextValue");
             this.addLine(`setContextValue(${ctx.ctxVar || "ctx"}, "${ast.name}", ${value});`);
         }
+        return null;
     }
     generateComponentKey() {
         const parts = [generateId("__")];
@@ -4536,6 +4541,7 @@ class CodeGenerator {
         }
         block = this.createBlock(block, "multi", ctx);
         this.insertBlock(blockExpr, block, ctx);
+        return block.varName;
     }
     wrapWithEventCatcher(expr, on) {
         this.helpers.add("createCatcher");
@@ -4602,11 +4608,13 @@ class CodeGenerator {
         }
         block = this.createBlock(block, "multi", ctx);
         this.insertBlock(blockString, block, { ...ctx, forceNewBlock: false });
+        return block.varName;
     }
     compileTTranslation(ast, ctx) {
         if (ast.content) {
-            this.compileAST(ast.content, Object.assign({}, ctx, { translate: false }));
+            return this.compileAST(ast.content, Object.assign({}, ctx, { translate: false }));
         }
+        return null;
     }
     compileTPortal(ast, ctx) {
         if (!this.staticDefs.find((d) => d.id === "Portal")) {
@@ -4633,6 +4641,7 @@ class CodeGenerator {
         }
         block = this.createBlock(block, "multi", ctx);
         this.insertBlock(blockString, block, { ...ctx, forceNewBlock: false });
+        return block.varName;
     }
 }
 
@@ -5800,7 +5809,7 @@ exports.whenReady = whenReady;
 exports.xml = xml;
 
 
-__info__.version = '2.0.0-beta-21';
-__info__.date = '2022-09-26T13:44:22.515Z';
-__info__.hash = 'ab72cdd';
+__info__.version = '2.0.0-beta-22';
+__info__.date = '2022-09-29T07:17:18.044Z';
+__info__.hash = '64bad25';
 __info__.url = 'https://github.com/odoo/owl';

package/dist/owl.es.js

@@ -2903,14 +2903,15 @@ function shallowEqual(l1, l2) {
     return true;
 }
 class LazyValue {
-    constructor(fn, ctx, component, node) {
+    constructor(fn, ctx, component, node, key) {
         this.fn = fn;
         this.ctx = capture(ctx);
         this.component = component;
         this.node = node;
+        this.key = key;
     }
     evaluate() {
-        return this.fn.call(this.component, this.ctx, this.node);
+        return this.fn.call(this.component, this.ctx, this.node, this.key);
     }
     toString() {
         return this.evaluate().toString();
@@ -3596,6 +3597,13 @@ class CodeTarget {
         result.push(`}`);
         return result.join("\n  ");
     }
+    currentKey(ctx) {
+        let key = this.loopLevel ? `key${this.loopLevel}` : "key";
+        if (ctx.tKeyExpr) {
+            key = `${ctx.tKeyExpr} + ${key}`;
+        }
+        return key;
+    }
 }
 const TRANSLATABLE_ATTRS = ["label", "title", "placeholder", "alt"];
 const translationRE = /^(\s*)([\s\S]+?)(\s*)$/;
@@ -3725,18 +3733,14 @@ class CodeGenerator {
     }
     insertBlock(expression, block, ctx) {
         let blockExpr = block.generateExpr(expression);
-        const tKeyExpr = ctx.tKeyExpr;
         if (block.parentVar) {
-            let keyArg = `key${this.target.loopLevel}`;
-            if (tKeyExpr) {
-                keyArg = `${tKeyExpr} + ${keyArg}`;
-            }
+            let key = this.target.currentKey(ctx);
             this.helpers.add("withKey");
-            this.addLine(`${block.parentVar}[${ctx.index}] = withKey(${blockExpr}, ${keyArg});`);
+            this.addLine(`${block.parentVar}[${ctx.index}] = withKey(${blockExpr}, ${key});`);
             return;
         }
-        if (tKeyExpr) {
-            blockExpr = `toggler(${tKeyExpr}, ${blockExpr})`;
+        if (ctx.tKeyExpr) {
+            blockExpr = `toggler(${ctx.tKeyExpr}, ${blockExpr})`;
         }
         if (block.isRoot && !ctx.preventRoot) {
             if (this.target.on) {
@@ -3781,74 +3785,62 @@ class CodeGenerator {
         })
             .join("");
     }
+    /**
+     * @returns the newly created block name, if any
+     */
     compileAST(ast, ctx) {
         switch (ast.type) {
             case 1 /* Comment */:
-                this.compileComment(ast, ctx);
-                break;
+                return this.compileComment(ast, ctx);
             case 0 /* Text */:
-                this.compileText(ast, ctx);
-                break;
+                return this.compileText(ast, ctx);
             case 2 /* DomNode */:
-                this.compileTDomNode(ast, ctx);
-                break;
+                return this.compileTDomNode(ast, ctx);
             case 4 /* TEsc */:
-                this.compileTEsc(ast, ctx);
-                break;
+                return this.compileTEsc(ast, ctx);
             case 8 /* TOut */:
-                this.compileTOut(ast, ctx);
-                break;
+                return this.compileTOut(ast, ctx);
             case 5 /* TIf */:
-                this.compileTIf(ast, ctx);
-                break;
+                return this.compileTIf(ast, ctx);
             case 9 /* TForEach */:
-                this.compileTForeach(ast, ctx);
-                break;
+                return this.compileTForeach(ast, ctx);
             case 10 /* TKey */:
-                this.compileTKey(ast, ctx);
-                break;
+                return this.compileTKey(ast, ctx);
             case 3 /* Multi */:
-                this.compileMulti(ast, ctx);
-                break;
+                return this.compileMulti(ast, ctx);
             case 7 /* TCall */:
-                this.compileTCall(ast, ctx);
-                break;
+                return this.compileTCall(ast, ctx);
             case 15 /* TCallBlock */:
-                this.compileTCallBlock(ast, ctx);
-                break;
+                return this.compileTCallBlock(ast, ctx);
             case 6 /* TSet */:
-                this.compileTSet(ast, ctx);
-                break;
+                return this.compileTSet(ast, ctx);
             case 11 /* TComponent */:
-                this.compileComponent(ast, ctx);
-                break;
+                return this.compileComponent(ast, ctx);
             case 12 /* TDebug */:
-                this.compileDebug(ast, ctx);
-                break;
+                return this.compileDebug(ast, ctx);
             case 13 /* TLog */:
-                this.compileLog(ast, ctx);
-                break;
+                return this.compileLog(ast, ctx);
             case 14 /* TSlot */:
-                this.compileTSlot(ast, ctx);
-                break;
+                return this.compileTSlot(ast, ctx);
             case 16 /* TTranslation */:
-                this.compileTTranslation(ast, ctx);
-                break;
+                return this.compileTTranslation(ast, ctx);
             case 17 /* TPortal */:
-                this.compileTPortal(ast, ctx);
+                return this.compileTPortal(ast, ctx);
         }
     }
     compileDebug(ast, ctx) {
         this.addLine(`debugger;`);
         if (ast.content) {
-            this.compileAST(ast.content, ctx);
+            return this.compileAST(ast.content, ctx);
         }
+        return null;
     }
     compileLog(ast, ctx) {
         this.addLine(`console.log(${compileExpr(ast.expr)});`);
         if (ast.content) {
-            this.compileAST(ast.content, ctx);
+            return this.compileAST(ast.content, ctx);
         }
+        return null;
     }
     compileComment(ast, ctx) {
         let { block, forceNewBlock } = ctx;
@@ -3864,6 +3856,7 @@ class CodeGenerator {
             const text = xmlDoc.createComment(ast.value);
             block.insert(text);
         }
+        return block.varName;
     }
     compileText(ast, ctx) {
         let { block, forceNewBlock } = ctx;
@@ -3883,6 +3876,7 @@ class CodeGenerator {
             const createFn = ast.type === 0 /* Text */ ? xmlDoc.createTextNode : xmlDoc.createComment;
             block.insert(createFn.call(xmlDoc, value));
         }
+        return block.varName;
     }
     generateHandlerCode(rawEvent, handler) {
         const modifiers = rawEvent
@@ -4075,6 +4069,7 @@ class CodeGenerator {
                 this.addLine(`let ${block.children.map((c) => c.varName)};`, codeIdx);
             }
         }
+        return block.varName;
     }
     compileTEsc(ast, ctx) {
         let { block, forceNewBlock } = ctx;
@@ -4099,6 +4094,7 @@ class CodeGenerator {
             const text = xmlDoc.createElement(`block-text-${idx}`);
             block.insert(text);
         }
+        return block.varName;
     }
     compileTOut(ast, ctx) {
         let { block } = ctx;
@@ -4124,6 +4120,7 @@ class CodeGenerator {
             blockStr = `safeOutput(${compileExpr(ast.expr)})`;
         }
         this.insertBlock(blockStr, block, ctx);
+        return block.varName;
     }
     compileTIfBranch(content, block, ctx) {
         this.target.indentLevel++;
@@ -4178,6 +4175,7 @@ class CodeGenerator {
             const args = block.children.map((c) => c.varName).join(", ");
             this.insertBlock(`multi([${args}])`, block, ctx);
         }
+        return block.varName;
     }
     compileTForeach(ast, ctx) {
         let { block } = ctx;
@@ -4250,6 +4248,7 @@ class CodeGenerator {
             this.addLine(`ctx = ctx.__proto__;`);
         }
         this.insertBlock("l", block, ctx);
+        return block.varName;
     }
     compileTKey(ast, ctx) {
         const tKeyExpr = generateId("tKey_");
@@ -4259,7 +4258,7 @@ class CodeGenerator {
             block: ctx.block,
             index: ctx.index,
         });
-        this.compileAST(ast.content, ctx);
+        return this.compileAST(ast.content, ctx);
     }
     compileMulti(ast, ctx) {
         let { block, forceNewBlock } = ctx;
@@ -4267,11 +4266,13 @@ class CodeGenerator {
         let codeIdx = this.target.code.length;
         if (isNewBlock) {
             const n = ast.content.filter((c) => c.type !== 6 /* TSet */).length;
+            let result = null;
             if (n <= 1) {
                 for (let child of ast.content) {
-                    this.compileAST(child, ctx);
+                    const blockName = this.compileAST(child, ctx);
+                    result = result || blockName;
                 }
-                return;
+                return result;
             }
             block = this.createBlock(block, "multi", ctx);
         }
@@ -4311,6 +4312,7 @@ class CodeGenerator {
             const args = block.children.map((c) => c.varName).join(", ");
             this.insertBlock(`multi([${args}])`, block, ctx);
         }
+        return block.varName;
     }
     compileTCall(ast, ctx) {
         let { block, forceNewBlock } = ctx;
@@ -4323,12 +4325,11 @@ class CodeGenerator {
             this.addLine(`${ctxVar} = Object.create(${ctxVar});`);
             this.addLine(`${ctxVar}[isBoundary] = 1;`);
             this.helpers.add("isBoundary");
-            const nextId = BlockDescription.nextBlockId;
             const subCtx = createContext(ctx, { preventRoot: true, ctxVar });
-            this.compileAST({ type: 3 /* Multi */, content: ast.body }, subCtx);
-            if (nextId !== BlockDescription.nextBlockId) {
+            const bl = this.compileMulti({ type: 3 /* Multi */, content: ast.body }, subCtx);
+            if (bl) {
                 this.helpers.add("zero");
-                this.addLine(`${ctxVar}[zero] = b${nextId};`);
+                this.addLine(`${ctxVar}[zero] = ${bl};`);
             }
         }
         const isDynamic = INTERP_REGEXP.test(ast.name);
@@ -4363,6 +4364,7 @@ class CodeGenerator {
         if (ast.body && !ctx.isLast) {
             this.addLine(`${ctxVar} = ${ctxVar}.__proto__;`);
         }
+        return block.varName;
     }
     compileTCallBlock(ast, ctx) {
         let { block, forceNewBlock } = ctx;
@@ -4373,6 +4375,7 @@ class CodeGenerator {
         }
         block = this.createBlock(block, "multi", ctx);
         this.insertBlock(compileExpr(ast.name), block, { ...ctx, forceNewBlock: !block });
+        return block.varName;
     }
     compileTSet(ast, ctx) {
         this.target.shouldProtectScope = true;
@@ -4382,7 +4385,8 @@ class CodeGenerator {
             this.helpers.add("LazyValue");
             const bodyAst = { type: 3 /* Multi */, content: ast.body };
             const name = this.compileInNewTarget("value", bodyAst, ctx);
-            let value = `new LazyValue(${name}, ctx, this, node)`;
+            let key = this.target.currentKey(ctx);
+            let value = `new LazyValue(${name}, ctx, this, node, ${key})`;
             value = ast.value ? (value ? `withDefault(${expr}, ${value})` : expr) : value;
             this.addLine(`ctx[\`${ast.name}\`] = ${value};`);
         }
@@ -4402,6 +4406,7 @@ class CodeGenerator {
             this.helpers.add("setContextValue");
             this.addLine(`setContextValue(${ctx.ctxVar || "ctx"}, "${ast.name}", ${value});`);
         }
+        return null;
     }
     generateComponentKey() {
         const parts = [generateId("__")];
@@ -4532,6 +4537,7 @@ class CodeGenerator {
         }
         block = this.createBlock(block, "multi", ctx);
         this.insertBlock(blockExpr, block, ctx);
+        return block.varName;
     }
     wrapWithEventCatcher(expr, on) {
         this.helpers.add("createCatcher");
@@ -4598,11 +4604,13 @@ class CodeGenerator {
         }
         block = this.createBlock(block, "multi", ctx);
         this.insertBlock(blockString, block, { ...ctx, forceNewBlock: false });
+        return block.varName;
     }
     compileTTranslation(ast, ctx) {
         if (ast.content) {
-            this.compileAST(ast.content, Object.assign({}, ctx, { translate: false }));
+            return this.compileAST(ast.content, Object.assign({}, ctx, { translate: false }));
         }
+        return null;
     }
     compileTPortal(ast, ctx) {
         if (!this.staticDefs.find((d) => d.id === "Portal")) {
@@ -4629,6 +4637,7 @@ class CodeGenerator {
         }
         block = this.createBlock(block, "multi", ctx);
         this.insertBlock(blockString, block, { ...ctx, forceNewBlock: false });
+        return block.varName;
     }
 }
 
@@ -5763,7 +5772,7 @@ TemplateSet.prototype._compileTemplate = function _compileTemplate(name, templat
 export { App, Component, EventBus, OwlError, __info__, blockDom, loadFile, markRaw, markup, mount, onError, onMounted, onPatched, onRendered, onWillDestroy, onWillPatch, onWillRender, onWillStart, onWillUnmount, onWillUpdateProps, reactive, status, toRaw, useChildSubEnv, useComponent, useEffect, useEnv, useExternalListener, useRef, useState, useSubEnv, validate, whenReady, xml };
 
 
-__info__.version = '2.0.0-beta-21';
-__info__.date = '2022-09-26T13:44:22.515Z';
-__info__.hash = 'ab72cdd';
+__info__.version = '2.0.0-beta-22';
+__info__.date = '2022-09-29T07:17:18.044Z';
+__info__.hash = '64bad25';
 __info__.url = 'https://github.com/odoo/owl';