@odoo/owl 2.0.0-beta-10 → 2.0.0-beta-14

package/dist/owl.cjs.js

@@ -171,6 +171,10 @@ function toClassObj(expr) {
             for (let key in expr) {
                 const value = expr[key];
                 if (value) {
+                    key = trim.call(key);
+                    if (!key) {
+                        continue;
+                    }
                     const words = split.call(key, wordRegexp);
                     for (let word of words) {
                         result[word] = value;
@@ -214,7 +218,7 @@ function updateClass(val, oldVal) {
 function makePropSetter(name) {
     return function setProp(value) {
         // support 0, fallback to empty string for other falsy values
-        this[name] = value === 0 ? 0 : value || "";
+        this[name] = value === 0 ? 0 : value ? value.valueOf() : "";
     };
 }
 function isProp(tag, key) {
@@ -1487,6 +1491,7 @@ function cancelFibers(fibers) {
         fiber.render = throwOnRender;
         if (node.status === 0 /* NEW */) {
             node.destroy();
+            delete node.parent.children[node.parentKey];
         }
         node.fiber = null;
         if (fiber.bdom) {
@@ -2875,13 +2880,14 @@ function shallowEqual(l1, l2) {
     return true;
 }
 class LazyValue {
-    constructor(fn, ctx, node) {
+    constructor(fn, ctx, component, node) {
         this.fn = fn;
         this.ctx = capture(ctx);
+        this.component = component;
         this.node = node;
     }
     evaluate() {
-        return this.fn(this.ctx, this.node);
+        return this.fn.call(this.component, this.ctx, this.node);
     }
     toString() {
         return this.evaluate().toString();
@@ -2890,9 +2896,9 @@ class LazyValue {
 /*
  * Safely outputs `value` as a block depending on the nature of `value`
  */
-function safeOutput(value) {
-    if (!value) {
-        return value;
+function safeOutput(value, defaultValue) {
+    if (value === undefined) {
+        return defaultValue ? toggler("default", defaultValue) : toggler("undefined", text(""));
     }
     let safeKey;
     let block;
@@ -3178,7 +3184,7 @@ const STATIC_TOKEN_MAP = Object.assign(Object.create(null), {
 });
 // note that the space after typeof is relevant. It makes sure that the formatted
 // expression has a space after typeof. Currently we don't support delete and void
-const OPERATORS = "...,.,===,==,+,!==,!=,!,||,&&,>=,>,<=,<,?,-,*,/,%,typeof ,=>,=,;,in ,new ".split(",");
+const OPERATORS = "...,.,===,==,+,!==,!=,!,||,&&,>=,>,<=,<,?,-,*,/,%,typeof ,=>,=,;,in ,new ,|,&,^,~".split(",");
 let tokenizeString = function (expr) {
     let s = expr[0];
     let start = s;
@@ -3672,8 +3678,8 @@ class CodeGenerator {
     define(varName, expr) {
         this.addLine(`const ${varName} = ${expr};`);
     }
-    insertAnchor(block) {
-        const tag = `block-child-${block.children.length}`;
+    insertAnchor(block, index = block.children.length) {
+        const tag = `block-child-${index}`;
         const anchor = xmlDoc.createElement(tag);
         block.insert(anchor);
     }
@@ -3901,13 +3907,18 @@ class CodeGenerator {
                 attrs["block-attribute-" + idx] = attrName;
             }
             else if (key.startsWith("t-att")) {
+                attrName = key === "t-att" ? null : key.slice(6);
                 expr = compileExpr(ast.attrs[key]);
+                if (attrName && isProp(ast.tag, attrName)) {
+                    // we force a new string or new boolean to bypass the equality check in blockdom when patching same value
+                    const C = attrName === "value" ? "String" : "Boolean";
+                    expr = `new ${C}(${expr})`;
+                }
                 const idx = block.insertData(expr, "attr");
                 if (key === "t-att") {
                     attrs[`block-attributes`] = String(idx);
                 }
                 else {
-                    attrName = key.slice(6);
                     attrs[`block-attribute-${idx}`] = attrName;
                 }
             }
@@ -4065,20 +4076,37 @@ class CodeGenerator {
             this.insertAnchor(block);
         }
         block = this.createBlock(block, "html", ctx);
-        this.helpers.add(ast.expr === "0" ? "zero" : "safeOutput");
-        let expr = ast.expr === "0" ? "ctx[zero]" : `safeOutput(${compileExpr(ast.expr)})`;
-        if (ast.body) {
-            const nextId = BlockDescription.nextBlockId;
+        let blockStr;
+        if (ast.expr === "0") {
+            this.helpers.add("zero");
+            blockStr = `ctx[zero]`;
+        }
+        else if (ast.body) {
+            let bodyValue = null;
+            bodyValue = BlockDescription.nextBlockId;
             const subCtx = createContext(ctx);
             this.compileAST({ type: 3 /* Multi */, content: ast.body }, subCtx);
-            this.helpers.add("withDefault");
-            expr = `withDefault(${expr}, b${nextId})`;
+            this.helpers.add("safeOutput");
+            blockStr = `safeOutput(${compileExpr(ast.expr)}, b${bodyValue})`;
+        }
+        else {
+            this.helpers.add("safeOutput");
+            blockStr = `safeOutput(${compileExpr(ast.expr)})`;
+        }
+        this.insertBlock(blockStr, block, ctx);
+    }
+    compileTIfBranch(content, block, ctx) {
+        this.target.indentLevel++;
+        let childN = block.children.length;
+        this.compileAST(content, createContext(ctx, { block, index: ctx.index }));
+        if (block.children.length > childN) {
+            // we have some content => need to insert an anchor at correct index
+            this.insertAnchor(block, childN);
         }
-        this.insertBlock(`${expr}`, block, ctx);
+        this.target.indentLevel--;
     }
     compileTIf(ast, ctx, nextNode) {
-        let { block, forceNewBlock, index } = ctx;
-        let currentIndex = index;
+        let { block, forceNewBlock } = ctx;
         const codeIdx = this.target.code.length;
         const isNewBlock = !block || (block.type !== "multi" && forceNewBlock);
         if (block) {
@@ -4088,28 +4116,16 @@ class CodeGenerator {
             block = this.createBlock(block, "multi", ctx);
         }
         this.addLine(`if (${compileExpr(ast.condition)}) {`);
-        this.target.indentLevel++;
-        this.insertAnchor(block);
-        const subCtx = createContext(ctx, { block, index: currentIndex });
-        this.compileAST(ast.content, subCtx);
-        this.target.indentLevel--;
+        this.compileTIfBranch(ast.content, block, ctx);
         if (ast.tElif) {
             for (let clause of ast.tElif) {
                 this.addLine(`} else if (${compileExpr(clause.condition)}) {`);
-                this.target.indentLevel++;
-                this.insertAnchor(block);
-                const subCtx = createContext(ctx, { block, index: currentIndex });
-                this.compileAST(clause.content, subCtx);
-                this.target.indentLevel--;
+                this.compileTIfBranch(clause.content, block, ctx);
             }
         }
         if (ast.tElse) {
             this.addLine(`} else {`);
-            this.target.indentLevel++;
-            this.insertAnchor(block);
-            const subCtx = createContext(ctx, { block, index: currentIndex });
-            this.compileAST(ast.tElse, subCtx);
-            this.target.indentLevel--;
+            this.compileTIfBranch(ast.tElse, block, ctx);
         }
         this.addLine("}");
         if (isNewBlock) {
@@ -4267,16 +4283,21 @@ class CodeGenerator {
     }
     compileTCall(ast, ctx) {
         let { block, forceNewBlock } = ctx;
+        let ctxVar = ctx.ctxVar || "ctx";
+        if (ast.context) {
+            ctxVar = generateId("ctx");
+            this.addLine(`let ${ctxVar} = ${compileExpr(ast.context)};`);
+        }
         if (ast.body) {
-            this.addLine(`ctx = Object.create(ctx);`);
-            this.addLine(`ctx[isBoundary] = 1;`);
+            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 });
+            const subCtx = createContext(ctx, { preventRoot: true, ctxVar });
             this.compileAST({ type: 3 /* Multi */, content: ast.body }, subCtx);
             if (nextId !== BlockDescription.nextBlockId) {
                 this.helpers.add("zero");
-                this.addLine(`ctx[zero] = b${nextId};`);
+                this.addLine(`${ctxVar}[zero] = b${nextId};`);
             }
         }
         const isDynamic = INTERP_REGEXP.test(ast.name);
@@ -4294,7 +4315,7 @@ class CodeGenerator {
             }
             this.define(templateVar, subTemplate);
             block = this.createBlock(block, "multi", ctx);
-            this.insertBlock(`call(this, ${templateVar}, ctx, node, ${key})`, block, {
+            this.insertBlock(`call(this, ${templateVar}, ${ctxVar}, node, ${key})`, block, {
                 ...ctx,
                 forceNewBlock: !block,
             });
@@ -4303,13 +4324,13 @@ class CodeGenerator {
             const id = generateId(`callTemplate_`);
             this.staticDefs.push({ id, expr: `app.getTemplate(${subTemplate})` });
             block = this.createBlock(block, "multi", ctx);
-            this.insertBlock(`${id}.call(this, ctx, node, ${key})`, block, {
+            this.insertBlock(`${id}.call(this, ${ctxVar}, node, ${key})`, block, {
                 ...ctx,
                 forceNewBlock: !block,
             });
         }
         if (ast.body && !ctx.isLast) {
-            this.addLine(`ctx = ctx.__proto__;`);
+            this.addLine(`${ctxVar} = ${ctxVar}.__proto__;`);
         }
     }
     compileTCallBlock(ast, ctx) {
@@ -4330,7 +4351,7 @@ 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, node)`;
+            let value = `new LazyValue(${name}, ctx, this, node)`;
             value = ast.value ? (value ? `withDefault(${expr}, ${value})` : expr) : value;
             this.addLine(`ctx[\`${ast.name}\`] = ${value};`);
         }
@@ -4348,7 +4369,7 @@ class CodeGenerator {
                 value = expr;
             }
             this.helpers.add("setContextValue");
-            this.addLine(`setContextValue(ctx, "${ast.name}", ${value});`);
+            this.addLine(`setContextValue(${ctx.ctxVar || "ctx"}, "${ast.name}", ${value});`);
         }
     }
     generateComponentKey() {
@@ -4470,7 +4491,7 @@ class CodeGenerator {
             id,
             expr: `app.createComponent(${ast.isDynamic ? null : expr}, ${!ast.isDynamic}, ${!!ast.slots}, ${!!ast.dynamicProps}, ${!ast.props && !ast.dynamicProps})`,
         });
-        let blockExpr = `${id}(${propString}, ${keyArg}, node, ctx, ${ast.isDynamic ? expr : null})`;
+        let blockExpr = `${id}(${propString}, ${keyArg}, node, this, ${ast.isDynamic ? expr : null})`;
         if (ast.isDynamic) {
             blockExpr = `toggler(${expr}, ${blockExpr})`;
         }
@@ -4903,10 +4924,12 @@ function parseTCall(node, ctx) {
         return null;
     }
     const subTemplate = node.getAttribute("t-call");
+    const context = node.getAttribute("t-call-context");
     node.removeAttribute("t-call");
+    node.removeAttribute("t-call-context");
     if (node.tagName !== "t") {
         const ast = parseNode(node, ctx);
-        const tcall = { type: 7 /* TCall */, name: subTemplate, body: null };
+        const tcall = { type: 7 /* TCall */, name: subTemplate, body: null, context };
         if (ast && ast.type === 2 /* DomNode */) {
             ast.content = [tcall];
             return ast;
@@ -4923,6 +4946,7 @@ function parseTCall(node, ctx) {
         type: 7 /* TCall */,
         name: subTemplate,
         body: body.length ? body : null,
+        context,
     };
 }
 // -----------------------------------------------------------------------------
@@ -5526,8 +5550,7 @@ class App extends TemplateSet {
         return (props, key, ctx, parent, C) => {
             let children = ctx.children;
             let node = children[key];
-            if (node &&
-                (node.status === 2 /* DESTROYED */ || (isDynamic && node.component.constructor !== C))) {
+            if (isDynamic && node && node.component.constructor !== C) {
                 node = undefined;
             }
             const parentFiber = ctx.fiber;
@@ -5736,7 +5759,7 @@ exports.whenReady = whenReady;
 exports.xml = xml;
 
 
-__info__.version = '2.0.0-beta-10';
-__info__.date = '2022-06-22T08:33:26.205Z';
-__info__.hash = '2e03332';
+__info__.version = '2.0.0-beta-14';
+__info__.date = '2022-07-08T14:17:53.900Z';
+__info__.hash = 'd111845';
 __info__.url = 'https://github.com/odoo/owl';

package/dist/owl.es.js

@@ -167,6 +167,10 @@ function toClassObj(expr) {
             for (let key in expr) {
                 const value = expr[key];
                 if (value) {
+                    key = trim.call(key);
+                    if (!key) {
+                        continue;
+                    }
                     const words = split.call(key, wordRegexp);
                     for (let word of words) {
                         result[word] = value;
@@ -210,7 +214,7 @@ function updateClass(val, oldVal) {
 function makePropSetter(name) {
     return function setProp(value) {
         // support 0, fallback to empty string for other falsy values
-        this[name] = value === 0 ? 0 : value || "";
+        this[name] = value === 0 ? 0 : value ? value.valueOf() : "";
     };
 }
 function isProp(tag, key) {
@@ -1483,6 +1487,7 @@ function cancelFibers(fibers) {
         fiber.render = throwOnRender;
         if (node.status === 0 /* NEW */) {
             node.destroy();
+            delete node.parent.children[node.parentKey];
         }
         node.fiber = null;
         if (fiber.bdom) {
@@ -2871,13 +2876,14 @@ function shallowEqual(l1, l2) {
     return true;
 }
 class LazyValue {
-    constructor(fn, ctx, node) {
+    constructor(fn, ctx, component, node) {
         this.fn = fn;
         this.ctx = capture(ctx);
+        this.component = component;
         this.node = node;
     }
     evaluate() {
-        return this.fn(this.ctx, this.node);
+        return this.fn.call(this.component, this.ctx, this.node);
     }
     toString() {
         return this.evaluate().toString();
@@ -2886,9 +2892,9 @@ class LazyValue {
 /*
  * Safely outputs `value` as a block depending on the nature of `value`
  */
-function safeOutput(value) {
-    if (!value) {
-        return value;
+function safeOutput(value, defaultValue) {
+    if (value === undefined) {
+        return defaultValue ? toggler("default", defaultValue) : toggler("undefined", text(""));
     }
     let safeKey;
     let block;
@@ -3174,7 +3180,7 @@ const STATIC_TOKEN_MAP = Object.assign(Object.create(null), {
 });
 // note that the space after typeof is relevant. It makes sure that the formatted
 // expression has a space after typeof. Currently we don't support delete and void
-const OPERATORS = "...,.,===,==,+,!==,!=,!,||,&&,>=,>,<=,<,?,-,*,/,%,typeof ,=>,=,;,in ,new ".split(",");
+const OPERATORS = "...,.,===,==,+,!==,!=,!,||,&&,>=,>,<=,<,?,-,*,/,%,typeof ,=>,=,;,in ,new ,|,&,^,~".split(",");
 let tokenizeString = function (expr) {
     let s = expr[0];
     let start = s;
@@ -3668,8 +3674,8 @@ class CodeGenerator {
     define(varName, expr) {
         this.addLine(`const ${varName} = ${expr};`);
     }
-    insertAnchor(block) {
-        const tag = `block-child-${block.children.length}`;
+    insertAnchor(block, index = block.children.length) {
+        const tag = `block-child-${index}`;
         const anchor = xmlDoc.createElement(tag);
         block.insert(anchor);
     }
@@ -3897,13 +3903,18 @@ class CodeGenerator {
                 attrs["block-attribute-" + idx] = attrName;
             }
             else if (key.startsWith("t-att")) {
+                attrName = key === "t-att" ? null : key.slice(6);
                 expr = compileExpr(ast.attrs[key]);
+                if (attrName && isProp(ast.tag, attrName)) {
+                    // we force a new string or new boolean to bypass the equality check in blockdom when patching same value
+                    const C = attrName === "value" ? "String" : "Boolean";
+                    expr = `new ${C}(${expr})`;
+                }
                 const idx = block.insertData(expr, "attr");
                 if (key === "t-att") {
                     attrs[`block-attributes`] = String(idx);
                 }
                 else {
-                    attrName = key.slice(6);
                     attrs[`block-attribute-${idx}`] = attrName;
                 }
             }
@@ -4061,20 +4072,37 @@ class CodeGenerator {
             this.insertAnchor(block);
         }
         block = this.createBlock(block, "html", ctx);
-        this.helpers.add(ast.expr === "0" ? "zero" : "safeOutput");
-        let expr = ast.expr === "0" ? "ctx[zero]" : `safeOutput(${compileExpr(ast.expr)})`;
-        if (ast.body) {
-            const nextId = BlockDescription.nextBlockId;
+        let blockStr;
+        if (ast.expr === "0") {
+            this.helpers.add("zero");
+            blockStr = `ctx[zero]`;
+        }
+        else if (ast.body) {
+            let bodyValue = null;
+            bodyValue = BlockDescription.nextBlockId;
             const subCtx = createContext(ctx);
             this.compileAST({ type: 3 /* Multi */, content: ast.body }, subCtx);
-            this.helpers.add("withDefault");
-            expr = `withDefault(${expr}, b${nextId})`;
+            this.helpers.add("safeOutput");
+            blockStr = `safeOutput(${compileExpr(ast.expr)}, b${bodyValue})`;
+        }
+        else {
+            this.helpers.add("safeOutput");
+            blockStr = `safeOutput(${compileExpr(ast.expr)})`;
+        }
+        this.insertBlock(blockStr, block, ctx);
+    }
+    compileTIfBranch(content, block, ctx) {
+        this.target.indentLevel++;
+        let childN = block.children.length;
+        this.compileAST(content, createContext(ctx, { block, index: ctx.index }));
+        if (block.children.length > childN) {
+            // we have some content => need to insert an anchor at correct index
+            this.insertAnchor(block, childN);
         }
-        this.insertBlock(`${expr}`, block, ctx);
+        this.target.indentLevel--;
     }
     compileTIf(ast, ctx, nextNode) {
-        let { block, forceNewBlock, index } = ctx;
-        let currentIndex = index;
+        let { block, forceNewBlock } = ctx;
         const codeIdx = this.target.code.length;
         const isNewBlock = !block || (block.type !== "multi" && forceNewBlock);
         if (block) {
@@ -4084,28 +4112,16 @@ class CodeGenerator {
             block = this.createBlock(block, "multi", ctx);
         }
         this.addLine(`if (${compileExpr(ast.condition)}) {`);
-        this.target.indentLevel++;
-        this.insertAnchor(block);
-        const subCtx = createContext(ctx, { block, index: currentIndex });
-        this.compileAST(ast.content, subCtx);
-        this.target.indentLevel--;
+        this.compileTIfBranch(ast.content, block, ctx);
         if (ast.tElif) {
             for (let clause of ast.tElif) {
                 this.addLine(`} else if (${compileExpr(clause.condition)}) {`);
-                this.target.indentLevel++;
-                this.insertAnchor(block);
-                const subCtx = createContext(ctx, { block, index: currentIndex });
-                this.compileAST(clause.content, subCtx);
-                this.target.indentLevel--;
+                this.compileTIfBranch(clause.content, block, ctx);
             }
         }
         if (ast.tElse) {
             this.addLine(`} else {`);
-            this.target.indentLevel++;
-            this.insertAnchor(block);
-            const subCtx = createContext(ctx, { block, index: currentIndex });
-            this.compileAST(ast.tElse, subCtx);
-            this.target.indentLevel--;
+            this.compileTIfBranch(ast.tElse, block, ctx);
         }
         this.addLine("}");
         if (isNewBlock) {
@@ -4263,16 +4279,21 @@ class CodeGenerator {
     }
     compileTCall(ast, ctx) {
         let { block, forceNewBlock } = ctx;
+        let ctxVar = ctx.ctxVar || "ctx";
+        if (ast.context) {
+            ctxVar = generateId("ctx");
+            this.addLine(`let ${ctxVar} = ${compileExpr(ast.context)};`);
+        }
         if (ast.body) {
-            this.addLine(`ctx = Object.create(ctx);`);
-            this.addLine(`ctx[isBoundary] = 1;`);
+            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 });
+            const subCtx = createContext(ctx, { preventRoot: true, ctxVar });
             this.compileAST({ type: 3 /* Multi */, content: ast.body }, subCtx);
             if (nextId !== BlockDescription.nextBlockId) {
                 this.helpers.add("zero");
-                this.addLine(`ctx[zero] = b${nextId};`);
+                this.addLine(`${ctxVar}[zero] = b${nextId};`);
             }
         }
         const isDynamic = INTERP_REGEXP.test(ast.name);
@@ -4290,7 +4311,7 @@ class CodeGenerator {
             }
             this.define(templateVar, subTemplate);
             block = this.createBlock(block, "multi", ctx);
-            this.insertBlock(`call(this, ${templateVar}, ctx, node, ${key})`, block, {
+            this.insertBlock(`call(this, ${templateVar}, ${ctxVar}, node, ${key})`, block, {
                 ...ctx,
                 forceNewBlock: !block,
             });
@@ -4299,13 +4320,13 @@ class CodeGenerator {
             const id = generateId(`callTemplate_`);
             this.staticDefs.push({ id, expr: `app.getTemplate(${subTemplate})` });
             block = this.createBlock(block, "multi", ctx);
-            this.insertBlock(`${id}.call(this, ctx, node, ${key})`, block, {
+            this.insertBlock(`${id}.call(this, ${ctxVar}, node, ${key})`, block, {
                 ...ctx,
                 forceNewBlock: !block,
             });
         }
         if (ast.body && !ctx.isLast) {
-            this.addLine(`ctx = ctx.__proto__;`);
+            this.addLine(`${ctxVar} = ${ctxVar}.__proto__;`);
         }
     }
     compileTCallBlock(ast, ctx) {
@@ -4326,7 +4347,7 @@ 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, node)`;
+            let value = `new LazyValue(${name}, ctx, this, node)`;
             value = ast.value ? (value ? `withDefault(${expr}, ${value})` : expr) : value;
             this.addLine(`ctx[\`${ast.name}\`] = ${value};`);
         }
@@ -4344,7 +4365,7 @@ class CodeGenerator {
                 value = expr;
             }
             this.helpers.add("setContextValue");
-            this.addLine(`setContextValue(ctx, "${ast.name}", ${value});`);
+            this.addLine(`setContextValue(${ctx.ctxVar || "ctx"}, "${ast.name}", ${value});`);
         }
     }
     generateComponentKey() {
@@ -4466,7 +4487,7 @@ class CodeGenerator {
             id,
             expr: `app.createComponent(${ast.isDynamic ? null : expr}, ${!ast.isDynamic}, ${!!ast.slots}, ${!!ast.dynamicProps}, ${!ast.props && !ast.dynamicProps})`,
         });
-        let blockExpr = `${id}(${propString}, ${keyArg}, node, ctx, ${ast.isDynamic ? expr : null})`;
+        let blockExpr = `${id}(${propString}, ${keyArg}, node, this, ${ast.isDynamic ? expr : null})`;
         if (ast.isDynamic) {
             blockExpr = `toggler(${expr}, ${blockExpr})`;
         }
@@ -4899,10 +4920,12 @@ function parseTCall(node, ctx) {
         return null;
     }
     const subTemplate = node.getAttribute("t-call");
+    const context = node.getAttribute("t-call-context");
     node.removeAttribute("t-call");
+    node.removeAttribute("t-call-context");
     if (node.tagName !== "t") {
         const ast = parseNode(node, ctx);
-        const tcall = { type: 7 /* TCall */, name: subTemplate, body: null };
+        const tcall = { type: 7 /* TCall */, name: subTemplate, body: null, context };
         if (ast && ast.type === 2 /* DomNode */) {
             ast.content = [tcall];
             return ast;
@@ -4919,6 +4942,7 @@ function parseTCall(node, ctx) {
         type: 7 /* TCall */,
         name: subTemplate,
         body: body.length ? body : null,
+        context,
     };
 }
 // -----------------------------------------------------------------------------
@@ -5522,8 +5546,7 @@ class App extends TemplateSet {
         return (props, key, ctx, parent, C) => {
             let children = ctx.children;
             let node = children[key];
-            if (node &&
-                (node.status === 2 /* DESTROYED */ || (isDynamic && node.component.constructor !== C))) {
+            if (isDynamic && node && node.component.constructor !== C) {
                 node = undefined;
             }
             const parentFiber = ctx.fiber;
@@ -5700,7 +5723,7 @@ TemplateSet.prototype._compileTemplate = function _compileTemplate(name, templat
 export { App, Component, EventBus, __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-10';
-__info__.date = '2022-06-22T08:33:26.205Z';
-__info__.hash = '2e03332';
+__info__.version = '2.0.0-beta-14';
+__info__.date = '2022-07-08T14:17:53.900Z';
+__info__.hash = 'd111845';
 __info__.url = 'https://github.com/odoo/owl';