@odoo/owl 3.0.0-alpha.21 → 3.0.0-alpha.22

package/dist/owl.cjs.js

@@ -284,31 +284,6 @@ function toClassObj(expr) {
             return { [expr]: true };
     }
 }
-function setClass(val) {
-    val = val === "" ? {} : toClassObj(val);
-    // add classes
-    const cl = this.classList;
-    for (let c in val) {
-        tokenListAdd.call(cl, c);
-    }
-}
-function updateClass(val, oldVal) {
-    oldVal = oldVal === "" ? {} : toClassObj(oldVal);
-    val = val === "" ? {} : toClassObj(val);
-    const cl = this.classList;
-    // remove classes
-    for (let c in oldVal) {
-        if (!(c in val)) {
-            tokenListRemove.call(cl, c);
-        }
-    }
-    // add classes
-    for (let c in val) {
-        if (!(c in oldVal)) {
-            tokenListAdd.call(cl, c);
-        }
-    }
-}
 // ---------------------------------------------------------------------------
 // Style
 // ---------------------------------------------------------------------------
@@ -341,7 +316,7 @@ function toStyleObj(expr) {
                 }
                 const prop = trim.call(part.slice(0, colonIdx));
                 const value = trim.call(part.slice(colonIdx + 1));
-                if (prop && value) {
+                if (prop && value && value !== "undefined") {
                     result[prop] = value;
                 }
             }
@@ -359,6 +334,32 @@ function toStyleObj(expr) {
             return {};
     }
 }
+// ---------------------------------------------------------------------------
+// Class
+// ---------------------------------------------------------------------------
+function setClass(val) {
+    val = val === "" ? {} : toClassObj(val);
+    for (let k in val) {
+        tokenListAdd.call(this.classList, k);
+    }
+}
+function updateClass(val, oldVal) {
+    oldVal = oldVal === "" ? {} : toClassObj(oldVal);
+    val = val === "" ? {} : toClassObj(val);
+    for (let k in oldVal) {
+        if (!(k in val)) {
+            tokenListRemove.call(this.classList, k);
+        }
+    }
+    for (let k in val) {
+        if (val[k] !== oldVal[k]) {
+            tokenListAdd.call(this.classList, k);
+        }
+    }
+}
+// ---------------------------------------------------------------------------
+// Style setters
+// ---------------------------------------------------------------------------
 function setStyle(val) {
     val = val === "" ? {} : toStyleObj(val);
     const style = this.style;
@@ -370,18 +371,19 @@ function updateStyle(val, oldVal) {
     oldVal = oldVal === "" ? {} : toStyleObj(oldVal);
     val = val === "" ? {} : toStyleObj(val);
     const style = this.style;
-    // remove old styles
     for (let prop in oldVal) {
         if (!(prop in val)) {
             style.removeProperty(prop);
         }
     }
-    // set new/changed styles
     for (let prop in val) {
         if (val[prop] !== oldVal[prop]) {
             style.setProperty(prop, val[prop]);
         }
     }
+    if (!style.cssText) {
+        removeAttribute.call(this, "style");
+    }
 }
 
 /**
@@ -5672,7 +5674,7 @@ function compile(template, options = {
 }
 
 // do not modify manually. This file is generated by the release script.
-const version = "3.0.0-alpha.21";
+const version = "3.0.0-alpha.22";
 
 function effect(fn) {
     const computation = createComputation(() => {
@@ -6813,6 +6815,6 @@ exports.whenReady = whenReady;
 exports.xml = xml;
 
 
-__info__.date = '2026-04-02T11:14:58.432Z';
-__info__.hash = '9ca35d8';
+__info__.date = '2026-04-08T13:31:02.500Z';
+__info__.hash = '2e9164e';
 __info__.url = 'https://github.com/odoo/owl';

package/dist/owl.es.js

@@ -282,31 +282,6 @@ function toClassObj(expr) {
             return { [expr]: true };
     }
 }
-function setClass(val) {
-    val = val === "" ? {} : toClassObj(val);
-    // add classes
-    const cl = this.classList;
-    for (let c in val) {
-        tokenListAdd.call(cl, c);
-    }
-}
-function updateClass(val, oldVal) {
-    oldVal = oldVal === "" ? {} : toClassObj(oldVal);
-    val = val === "" ? {} : toClassObj(val);
-    const cl = this.classList;
-    // remove classes
-    for (let c in oldVal) {
-        if (!(c in val)) {
-            tokenListRemove.call(cl, c);
-        }
-    }
-    // add classes
-    for (let c in val) {
-        if (!(c in oldVal)) {
-            tokenListAdd.call(cl, c);
-        }
-    }
-}
 // ---------------------------------------------------------------------------
 // Style
 // ---------------------------------------------------------------------------
@@ -339,7 +314,7 @@ function toStyleObj(expr) {
                 }
                 const prop = trim.call(part.slice(0, colonIdx));
                 const value = trim.call(part.slice(colonIdx + 1));
-                if (prop && value) {
+                if (prop && value && value !== "undefined") {
                     result[prop] = value;
                 }
             }
@@ -357,6 +332,32 @@ function toStyleObj(expr) {
             return {};
     }
 }
+// ---------------------------------------------------------------------------
+// Class
+// ---------------------------------------------------------------------------
+function setClass(val) {
+    val = val === "" ? {} : toClassObj(val);
+    for (let k in val) {
+        tokenListAdd.call(this.classList, k);
+    }
+}
+function updateClass(val, oldVal) {
+    oldVal = oldVal === "" ? {} : toClassObj(oldVal);
+    val = val === "" ? {} : toClassObj(val);
+    for (let k in oldVal) {
+        if (!(k in val)) {
+            tokenListRemove.call(this.classList, k);
+        }
+    }
+    for (let k in val) {
+        if (val[k] !== oldVal[k]) {
+            tokenListAdd.call(this.classList, k);
+        }
+    }
+}
+// ---------------------------------------------------------------------------
+// Style setters
+// ---------------------------------------------------------------------------
 function setStyle(val) {
     val = val === "" ? {} : toStyleObj(val);
     const style = this.style;
@@ -368,18 +369,19 @@ function updateStyle(val, oldVal) {
     oldVal = oldVal === "" ? {} : toStyleObj(oldVal);
     val = val === "" ? {} : toStyleObj(val);
     const style = this.style;
-    // remove old styles
     for (let prop in oldVal) {
         if (!(prop in val)) {
             style.removeProperty(prop);
         }
     }
-    // set new/changed styles
     for (let prop in val) {
         if (val[prop] !== oldVal[prop]) {
             style.setProperty(prop, val[prop]);
         }
     }
+    if (!style.cssText) {
+        removeAttribute.call(this, "style");
+    }
 }
 
 /**
@@ -5670,7 +5672,7 @@ function compile(template, options = {
 }
 
 // do not modify manually. This file is generated by the release script.
-const version = "3.0.0-alpha.21";
+const version = "3.0.0-alpha.22";
 
 function effect(fn) {
     const computation = createComputation(() => {
@@ -6769,6 +6771,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-02T11:14:58.432Z';
-__info__.hash = '9ca35d8';
+__info__.date = '2026-04-08T13:31:02.500Z';
+__info__.hash = '2e9164e';
 __info__.url = 'https://github.com/odoo/owl';

package/dist/owl.iife.js

@@ -285,31 +285,6 @@
                 return { [expr]: true };
         }
     }
-    function setClass(val) {
-        val = val === "" ? {} : toClassObj(val);
-        // add classes
-        const cl = this.classList;
-        for (let c in val) {
-            tokenListAdd.call(cl, c);
-        }
-    }
-    function updateClass(val, oldVal) {
-        oldVal = oldVal === "" ? {} : toClassObj(oldVal);
-        val = val === "" ? {} : toClassObj(val);
-        const cl = this.classList;
-        // remove classes
-        for (let c in oldVal) {
-            if (!(c in val)) {
-                tokenListRemove.call(cl, c);
-            }
-        }
-        // add classes
-        for (let c in val) {
-            if (!(c in oldVal)) {
-                tokenListAdd.call(cl, c);
-            }
-        }
-    }
     // ---------------------------------------------------------------------------
     // Style
     // ---------------------------------------------------------------------------
@@ -342,7 +317,7 @@
                     }
                     const prop = trim.call(part.slice(0, colonIdx));
                     const value = trim.call(part.slice(colonIdx + 1));
-                    if (prop && value) {
+                    if (prop && value && value !== "undefined") {
                         result[prop] = value;
                     }
                 }
@@ -360,6 +335,32 @@
                 return {};
         }
     }
+    // ---------------------------------------------------------------------------
+    // Class
+    // ---------------------------------------------------------------------------
+    function setClass(val) {
+        val = val === "" ? {} : toClassObj(val);
+        for (let k in val) {
+            tokenListAdd.call(this.classList, k);
+        }
+    }
+    function updateClass(val, oldVal) {
+        oldVal = oldVal === "" ? {} : toClassObj(oldVal);
+        val = val === "" ? {} : toClassObj(val);
+        for (let k in oldVal) {
+            if (!(k in val)) {
+                tokenListRemove.call(this.classList, k);
+            }
+        }
+        for (let k in val) {
+            if (val[k] !== oldVal[k]) {
+                tokenListAdd.call(this.classList, k);
+            }
+        }
+    }
+    // ---------------------------------------------------------------------------
+    // Style setters
+    // ---------------------------------------------------------------------------
     function setStyle(val) {
         val = val === "" ? {} : toStyleObj(val);
         const style = this.style;
@@ -371,18 +372,19 @@
         oldVal = oldVal === "" ? {} : toStyleObj(oldVal);
         val = val === "" ? {} : toStyleObj(val);
         const style = this.style;
-        // remove old styles
         for (let prop in oldVal) {
             if (!(prop in val)) {
                 style.removeProperty(prop);
             }
         }
-        // set new/changed styles
         for (let prop in val) {
             if (val[prop] !== oldVal[prop]) {
                 style.setProperty(prop, val[prop]);
             }
         }
+        if (!style.cssText) {
+            removeAttribute.call(this, "style");
+        }
     }
 
     /**
@@ -5673,7 +5675,7 @@
     }
 
     // do not modify manually. This file is generated by the release script.
-    const version = "3.0.0-alpha.21";
+    const version = "3.0.0-alpha.22";
 
     function effect(fn) {
         const computation = createComputation(() => {
@@ -6814,8 +6816,8 @@
     exports.xml = xml;
 
 
-    __info__.date = '2026-04-02T11:14:58.432Z';
-    __info__.hash = '9ca35d8';
+    __info__.date = '2026-04-08T13:31:02.500Z';
+    __info__.hash = '2e9164e';
     __info__.url = 'https://github.com/odoo/owl';