marko 5.33.8 → 5.33.10

package/dist/runtime/vdom/morphdom/index.js

@@ -1,29 +1,29 @@
 "use strict";
 var componentsUtil = require("@internal/components-util");
-var existingComponentLookup = componentsUtil._i_;
-var destroyNodeRecursive = componentsUtil._O_;
+var existingComponentLookup = componentsUtil._k_;
+var destroyNodeRecursive = componentsUtil._Q_;
 var addComponentRootToKeyedElements =
-componentsUtil._j_;
-var normalizeComponentKey = componentsUtil._R_;
+componentsUtil._l_;
+var normalizeComponentKey = componentsUtil._T_;
 var domData = require("../../components/dom-data");
 var eventDelegation = require("../../components/event-delegation");
 var KeySequence = require("../../components/KeySequence");
-var VElement = require("../vdom").bv_;
+var VElement = require("../vdom").bw_;
 var fragment = require("./fragment");
 var helpers = require("./helpers");
 var virtualizeElement = VElement.cf_;
 var morphAttrs = VElement.cg_;
-var keysByDOMNode = domData._G_;
-var componentByDOMNode = domData._l_;
-var vElementByDOMNode = domData._H_;
-var detachedByDOMNode = domData.aT_;
+var keysByDOMNode = domData._I_;
+var componentByDOMNode = domData._n_;
+var vElementByDOMNode = domData._J_;
+var detachedByDOMNode = domData.aU_;
 
-var insertBefore = helpers.bc_;
-var insertAfter = helpers.bd_;
+var insertBefore = helpers.bd_;
+var insertAfter = helpers.be_;
 var nextSibling = helpers.ck_;
-var firstChild = helpers.ay_;
-var removeChild = helpers.be_;
-var createFragmentNode = fragment._h_;
+var firstChild = helpers.az_;
+var removeChild = helpers.bf_;
+var createFragmentNode = fragment._j_;
 var beginFragmentNode = fragment.cp_;
 
 var ELEMENT_NODE = 1;
@@ -42,7 +42,7 @@ function isAutoKey(key) {
 }
 
 function compareNodeNames(fromEl, toEl) {
-  return fromEl.ca_ === toEl.ca_;
+  return fromEl.cb_ === toEl.cb_;
 }
 
 function caseInsensitiveCompare(a, b) {
@@ -51,7 +51,7 @@ function caseInsensitiveCompare(a, b) {
 
 function onNodeAdded(node, componentsContext) {
   if (node.nodeType === ELEMENT_NODE) {
-    eventDelegation.aS_(node, componentsContext);
+    eventDelegation.aT_(node, componentsContext);
   }
 }
 
@@ -61,8 +61,8 @@ function morphdom(fromNode, toNode, host, componentsContext) {
   var keySequences = Object.create(null);
 
   if (componentsContext) {
-    globalComponentsContext = componentsContext.o_;
-    isHydrate = globalComponentsContext._W_;
+    globalComponentsContext = componentsContext.p_;
+    isHydrate = globalComponentsContext._Y_;
   }
 
   function insertVirtualNodeBefore(
@@ -73,21 +73,21 @@ function morphdom(fromNode, toNode, host, componentsContext) {
   ownerComponent,
   parentComponent)
   {
-    var realNode = vNode.bl_(host, parentEl.namespaceURI);
+    var realNode = vNode.bm_(host, parentEl.namespaceURI);
     insertBefore(realNode, referenceEl, parentEl);
 
     if (
-    vNode.bV_ === ELEMENT_NODE ||
-    vNode.bV_ === FRAGMENT_NODE)
+    vNode.bW_ === ELEMENT_NODE ||
+    vNode.bW_ === FRAGMENT_NODE)
     {
       if (key) {
         keysByDOMNode.set(realNode, key);
-        (isAutoKey(key) ? parentComponent : ownerComponent).J_[
+        (isAutoKey(key) ? parentComponent : ownerComponent).K_[
         key] =
         realNode;
       }
 
-      if (vNode.ca_ !== "textarea") {
+      if (vNode.cb_ !== "textarea") {
         morphChildren(realNode, vNode, parentComponent);
       }
 
@@ -104,7 +104,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
   ownerComponent,
   parentComponent)
   {
-    var rootNode = component._A_ = insertBefore(
+    var rootNode = component._C_ = insertBefore(
       createFragmentNode(),
       referenceNode,
       referenceNodeParentEl
@@ -114,7 +114,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
     if (key && ownerComponent) {
       key = normalizeComponentKey(key, parentComponent.id);
       addComponentRootToKeyedElements(
-        ownerComponent.J_,
+        ownerComponent.K_,
         key,
         rootNode,
         component.id
@@ -126,7 +126,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
   }
 
   function morphComponent(component, vComponent) {
-    morphChildren(component._A_, vComponent, component);
+    morphChildren(component._C_, vComponent, component);
   }
 
   var detachedNodes = [];
@@ -147,7 +147,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
   function morphChildren(fromNode, toNode, parentComponent) {
     var curFromNodeChild = firstChild(fromNode);
-    var curToNodeChild = toNode.ay_;
+    var curToNodeChild = toNode.az_;
 
     var curToNodeKey;
     var curFromNodeKey;
@@ -162,26 +162,26 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
     outer: while (curToNodeChild) {
       toNextSibling = curToNodeChild.ck_;
-      curToNodeType = curToNodeChild.bV_;
-      curToNodeKey = curToNodeChild.bU_;
+      curToNodeType = curToNodeChild.bW_;
+      curToNodeKey = curToNodeChild.bV_;
 
       // Skip <!doctype>
       if (curFromNodeChild && curFromNodeChild.nodeType === DOCTYPE_NODE) {
         curFromNodeChild = nextSibling(curFromNodeChild);
       }
 
-      var ownerComponent = curToNodeChild._J_ || parentComponent;
+      var ownerComponent = curToNodeChild._L_ || parentComponent;
       var referenceComponent;
 
       if (curToNodeType === COMPONENT_NODE) {
-        var component = curToNodeChild.r_;
+        var component = curToNodeChild.s_;
         if (
         (matchingFromComponent = existingComponentLookup[component.id]) ===
         undefined)
         {
           if (isHydrate) {
             var rootNode = beginFragmentNode(curFromNodeChild, fromNode);
-            component._A_ = rootNode;
+            component._C_ = rootNode;
             componentByDOMNode.set(rootNode, component);
 
             if (ownerComponent && curToNodeKey) {
@@ -190,7 +190,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
                 parentComponent.id
               );
               addComponentRootToKeyedElements(
-                ownerComponent.J_,
+                ownerComponent.K_,
                 curToNodeKey,
                 rootNode,
                 component.id
@@ -214,17 +214,17 @@ function morphdom(fromNode, toNode, host, componentsContext) {
             );
           }
         } else {
-          if (matchingFromComponent._A_ !== curFromNodeChild) {
+          if (matchingFromComponent._C_ !== curFromNodeChild) {
             if (
             curFromNodeChild && (
             fromComponent = componentByDOMNode.get(curFromNodeChild)) &&
-            globalComponentsContext.p_[
+            globalComponentsContext.q_[
             fromComponent.id] ===
             undefined)
             {
               // The component associated with the current real DOM node was not rendered
               // so we should just remove it out of the real DOM by destroying it
-              curFromNodeChild = nextSibling(fromComponent._A_);
+              curFromNodeChild = nextSibling(fromComponent._C_);
               destroyComponent(fromComponent);
               continue;
             }
@@ -232,7 +232,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
             // We need to move the existing component into
             // the correct location
             insertBefore(
-              matchingFromComponent._A_,
+              matchingFromComponent._C_,
               curFromNodeChild,
               fromNode
             );
@@ -241,7 +241,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
             curFromNodeChild && nextSibling(curFromNodeChild);
           }
 
-          if (!curToNodeChild.aa_) {
+          if (!curToNodeChild.ac_) {
             morphComponent(component, curToNodeChild);
           }
         }
@@ -266,7 +266,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
         // up elements
         curToNodeKey = (
         keySequences[referenceComponent.id] || (
-        keySequences[referenceComponent.id] = new KeySequence())).aK_(
+        keySequences[referenceComponent.id] = new KeySequence())).aL_(
           curToNodeKey);
 
         if (curFromNodeChild) {
@@ -277,12 +277,12 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
         if (curFromNodeKey === curToNodeKey) {
           // Elements line up. Now we just have to make sure they are compatible
-          if (!curToNodeChild.aa_) {
+          if (!curToNodeChild.ac_) {
             // We just skip over the fromNode if it is preserved
 
             if (
             curVFromNodeChild &&
-            curToNodeType === curVFromNodeChild.bV_ && (
+            curToNodeType === curVFromNodeChild.bW_ && (
             curToNodeType !== ELEMENT_NODE ||
             compareNodeNames(curToNodeChild, curVFromNodeChild)))
             {
@@ -316,7 +316,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
             }
           }
         } else {
-          matchingFromEl = referenceComponent.J_[curToNodeKey];
+          matchingFromEl = referenceComponent.K_[curToNodeKey];
           if (
           matchingFromEl === undefined ||
           matchingFromEl === curFromNodeChild)
@@ -324,19 +324,19 @@ function morphdom(fromNode, toNode, host, componentsContext) {
             if (isHydrate && curFromNodeChild) {
               if (
               curFromNodeChild.nodeType === ELEMENT_NODE && (
-              curToNodeChild.aa_ ||
+              curToNodeChild.ac_ ||
               caseInsensitiveCompare(
                 curFromNodeChild.nodeName,
-                curToNodeChild.ca_ || ""
+                curToNodeChild.cb_ || ""
               )))
               {
                 curVFromNodeChild = virtualizeElement(curFromNodeChild);
-                curVFromNodeChild.ca_ = curToNodeChild.ca_;
+                curVFromNodeChild.cb_ = curToNodeChild.cb_;
                 keysByDOMNode.set(curFromNodeChild, curToNodeKey);
-                referenceComponent.J_[curToNodeKey] =
+                referenceComponent.K_[curToNodeKey] =
                 curFromNodeChild;
 
-                if (curToNodeChild.aa_) {
+                if (curToNodeChild.ac_) {
                   vElementByDOMNode.set(curFromNodeChild, curVFromNodeChild);
                 } else {
                   morphEl(
@@ -351,7 +351,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
                 curFromNodeChild = fromNextSibling;
                 continue;
               } else if (
-              curToNodeChild.bV_ === FRAGMENT_NODE &&
+              curToNodeChild.bW_ === FRAGMENT_NODE &&
               curFromNodeChild.nodeType === COMMENT_NODE)
               {
                 var content = curFromNodeChild.nodeValue;
@@ -384,11 +384,11 @@ function morphdom(fromNode, toNode, host, componentsContext) {
                   );
                   keysByDOMNode.set(fragment, curToNodeKey);
                   vElementByDOMNode.set(fragment, curToNodeChild);
-                  referenceComponent.J_[curToNodeKey] = fragment;
+                  referenceComponent.K_[curToNodeKey] = fragment;
                   removeChild(curFromNodeChild);
                   removeChild(endNode);
 
-                  if (!curToNodeChild.aa_) {
+                  if (!curToNodeChild.ac_) {
                     morphChildren(fragment, curToNodeChild, parentComponent);
                   }
 
@@ -413,12 +413,12 @@ function morphdom(fromNode, toNode, host, componentsContext) {
               detachedByDOMNode.set(matchingFromEl, undefined);
             }
 
-            if (!curToNodeChild.aa_) {
+            if (!curToNodeChild.ac_) {
               curVFromNodeChild = vElementByDOMNode.get(matchingFromEl);
 
               if (
               curVFromNodeChild &&
-              curToNodeType === curVFromNodeChild.bV_ && (
+              curToNodeType === curVFromNodeChild.bW_ && (
               curToNodeType !== ELEMENT_NODE ||
               compareNodeNames(curVFromNodeChild, curToNodeChild)))
               {
@@ -436,7 +436,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
                   if (
                   toNextSibling &&
-                  toNextSibling.bU_ === curFromNodeKey)
+                  toNextSibling.bV_ === curFromNodeKey)
                   {
                     // Single element swap
 
@@ -527,7 +527,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
           curFromNodeChild = fromNextSibling;
 
           if (
-          !globalComponentsContext.p_[fromComponent.id])
+          !globalComponentsContext.q_[fromComponent.id])
           {
             destroyComponent(fromComponent);
           }
@@ -549,18 +549,18 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
                 if (
                 caseInsensitiveCompare(
-                  curVFromNodeChild.ca_,
-                  curToNodeChild.ca_
+                  curVFromNodeChild.cb_,
+                  curToNodeChild.cb_
                 ))
                 {
-                  curVFromNodeChild.ca_ = curToNodeChild.ca_;
+                  curVFromNodeChild.cb_ = curToNodeChild.cb_;
                 }
               } else {
                 // Skip over nodes that don't look like ours...
                 curFromNodeChild = fromNextSibling;
                 continue;
               }
-            } else if (curFromNodeKey = curVFromNodeChild.bU_) {
+            } else if (curFromNodeKey = curVFromNodeChild.bV_) {
               // We have a keyed element here but our target VDOM node
               // is not keyed so this not doesn't belong
               isCompatible = false;
@@ -654,7 +654,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
         if (fromComponent = componentByDOMNode.get(curFromNodeChild)) {
           curFromNodeChild = fromNextSibling;
           if (
-          !globalComponentsContext.p_[fromComponent.id])
+          !globalComponentsContext.q_[fromComponent.id])
           {
             destroyComponent(fromComponent);
           }
@@ -670,7 +670,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
           referenceComponent = parentComponent;
         } else {
           referenceComponent =
-          curVFromNodeChild && curVFromNodeChild._J_;
+          curVFromNodeChild && curVFromNodeChild._L_;
         }
 
         detachNode(curFromNodeChild, fromNode, referenceComponent);
@@ -681,23 +681,23 @@ function morphdom(fromNode, toNode, host, componentsContext) {
   }
 
   function morphEl(fromEl, vFromEl, toEl, parentComponent) {
-    var nodeName = toEl.ca_;
-    var constId = toEl.cc_;
+    var nodeName = toEl.cb_;
+    var constId = toEl.cd_;
     vElementByDOMNode.set(fromEl, toEl);
 
-    if (constId !== undefined && vFromEl.cc_ === constId) {
+    if (constId !== undefined && vFromEl.cd_ === constId) {
       return;
     }
 
     morphAttrs(fromEl, vFromEl, toEl);
 
-    if (toEl.a__) {
+    if (toEl.ab_) {
       return;
     }
 
     if (nodeName === "textarea") {
-      if (toEl.cb_ !== vFromEl.cb_) {
-        fromEl.value = toEl.cb_;
+      if (toEl.cc_ !== vFromEl.cc_) {
+        fromEl.value = toEl.cc_;
       }
     } else {
       morphChildren(fromEl, toEl, parentComponent);
@@ -709,7 +709,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
 
 
-  morphChildren(fromNode, toNode, toNode.r_);
+  morphChildren(fromNode, toNode, toNode.s_);
 
   detachedNodes.forEach(function (node) {
     var detachedFromComponent = detachedByDOMNode.get(node);
@@ -726,7 +726,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
           detachedFromComponent !== true && detachedFromComponent
         );
 
-        if (eventDelegation.al_(node) != false) {
+        if (eventDelegation.am_(node) != false) {
           removeChild(node);
         }
       }

package/dist/runtime/vdom/vdom.js

@@ -11,7 +11,7 @@ var specialHtmlRegexp = /[&<]/;
 function virtualizeChildNodes(node, vdomParent, ownerComponent) {
   var curChild = node.firstChild;
   while (curChild) {
-    vdomParent.bM_(virtualize(curChild, ownerComponent));
+    vdomParent.bN_(virtualize(curChild, ownerComponent));
     curChild = curChild.nextSibling;
   }
 }
@@ -38,7 +38,7 @@ function virtualizeHTML(html, ownerComponent) {
   var curChild = parseHTML(html);
 
   while (curChild) {
-    vdomFragment.bM_(virtualize(curChild, ownerComponent));
+    vdomFragment.bN_(virtualize(curChild, ownerComponent));
     curChild = curChild.nextSibling;
   }
 
@@ -65,18 +65,18 @@ Node_prototype.t = function (value) {
     }
   }
 
-  this.bM_(vdomNode || new VText(value.toString()));
-  return this.cd_();
+  this.bN_(vdomNode || new VText(value.toString()));
+  return this.ce_();
 };
 
-Node_prototype.bR_ = function () {
-  return this.bM_(new VDocumentFragment());
+Node_prototype.bS_ = function () {
+  return this.bN_(new VDocumentFragment());
 };
 
-exports.bw_ = VDocumentFragment;
-exports.bv_ = VElement;
-exports.bx_ = VText;
-exports.by_ = VComponent;
-exports.bz_ = VFragment;
+exports.bx_ = VDocumentFragment;
+exports.bw_ = VElement;
+exports.by_ = VText;
+exports.bz_ = VComponent;
+exports.bA_ = VFragment;
 exports.cf_ = virtualize;
-exports.bA_ = virtualizeHTML;
+exports.bB_ = virtualizeHTML;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "5.33.8",
+  "version": "5.33.10",
   "description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
   "keywords": [
     "front-end",
@@ -64,8 +64,8 @@
     "build": "babel ./src --out-dir ./dist --extensions .js --copy-files --config-file ../../babel.config.js --env-name=production"
   },
   "dependencies": {
-    "@marko/compiler": "^5.35.7",
-    "@marko/translator-default": "^5.32.8",
+    "@marko/compiler": "^5.35.8",
+    "@marko/translator-default": "^5.32.9",
     "app-module-path": "^2.2.0",
     "argly": "^1.2.0",
     "browser-refresh-client": "1.1.4",

package/src/core-tags/core/await/AsyncValue.js

@@ -1,4 +1,4 @@
-var queueMicrotask = require("../../../runtime/queueMicrotask");
+var queueMicrotask = require("@internal/set-immediate").___queueMicrotask;
 
 function AsyncValue() {
   /**

package/src/node_modules/@internal/components-registry/index-browser.js

@@ -1,6 +1,6 @@
 var complain = "MARKO_DEBUG" && require("complain");
+var setImmediate = require("@internal/set-immediate").___setImmediate;
 var warp10Finalize = require("warp10/finalize");
-var queueMicrotask = require("../../../runtime/queueMicrotask");
 var defineComponent = require("../../../runtime/components/defineComponent");
 var eventDelegation = require("../../../runtime/components/event-delegation");
 var createFragmentNode =
@@ -39,7 +39,7 @@ function register(type, def) {
 
   if (pendingForType) {
     delete pendingDefs[type];
-    queueMicrotask(function () {
+    setImmediate(function () {
       pendingForType.forEach(function (args) {
         tryHydrateComponent(args[0], args[1], args[2], args[3])();
       });

package/src/node_modules/@internal/set-immediate/index-browser.js

@@ -15,3 +15,5 @@ exports.___setImmediate = function (callback) {
     window.postMessage(msg, "*");
   }
 };
+
+exports.___queueMicrotask = require("./queueMicrotask");

package/src/node_modules/@internal/set-immediate/index-worker.js

@@ -1,2 +1,31 @@
-exports.___setImmediate = setTimeout;
-exports.___clearImmediate = clearTimeout;
+var queueMicrotask = require("./queueMicrotask");
+var count = 0;
+var queue = new Set();
+function noop() {}
+
+exports.___setImmediate = function setImmediate(cb) {
+  queue.add(cb);
+  if (!count) {
+    queueMicrotaskInternal(noop);
+  }
+  return cb;
+};
+
+exports.___clearImmediate = function clearImmediate(id) {
+  queue.delete(id);
+};
+
+exports.___queueMicrotask = queueMicrotaskInternal;
+
+function queueMicrotaskInternal(cb) {
+  count++;
+  queueMicrotask(function () {
+    if (--count === 0 && queue.size) {
+      for (const fn of queue) {
+        queueMicrotask(fn);
+      }
+      queue = new Set();
+    }
+    cb();
+  });
+}

package/src/node_modules/@internal/set-immediate/index.js

@@ -1,2 +1,3 @@
 exports.___setImmediate = setImmediate;
 exports.___clearImmediate = clearImmediate;
+exports.___queueMicrotask = require("./queueMicrotask");

package/src/node_modules/@internal/set-immediate/queueMicrotask.js

@@ -0,0 +1,8 @@
+var promise;
+module.exports =
+  typeof queueMicrotask === "function"
+    ? queueMicrotask
+    : ((promise = Promise.resolve()),
+      function (cb) {
+        promise.then(cb);
+      });

package/src/runtime/helpers/class-value.js

@@ -3,7 +3,7 @@
 module.exports = function classHelper(arg) {
   switch (typeof arg) {
     case "string":
-      return arg || null;
+      return arg || undefined;
     case "object":
       var result = "";
       var sep = "";
@@ -25,9 +25,6 @@ module.exports = function classHelper(arg) {
         }
       }
 
-      return result || null;
-
-    default:
-      return null;
+      return result || undefined;
   }
 };

package/src/runtime/helpers/style-value.js

@@ -7,7 +7,7 @@ var changeCase = require("./_change-case");
  */
 module.exports = function styleHelper(style) {
   if (!style) {
-    return null;
+    return;
   }
 
   var type = typeof style;
@@ -38,7 +38,7 @@ module.exports = function styleHelper(style) {
       }
     }
 
-    return styles || null;
+    return styles || undefined;
   }
 
   return style;

package/src/runtime/html/AsyncStream.js

@@ -10,6 +10,7 @@ var escapeXmlHelper = require("./helpers/escape-xml");
 var StringWriter = require("./StringWriter");
 var escapeXmlOrNullish = escapeXmlHelper.x;
 var escapeXmlString = escapeXmlHelper.___escapeXML;
+var missingSetTimeout = typeof setTimeout !== "function";
 
 function noop() {}
 
@@ -293,7 +294,9 @@ var proto = (AsyncStream.prototype = {
       }
     }
 
-    if (timeout == null) {
+    if (missingSetTimeout) {
+      timeout = 0;
+    } else if (timeout == null) {
       timeout = AsyncStream.DEFAULT_TIMEOUT;
     }
 

package/src/runtime/vdom/VElement.js

@@ -204,14 +204,6 @@ VElement.prototype = {
 
     return el;
   },
-
-  ___hasAttribute: function (name) {
-    // We don't care about the namespaces since the there
-    // is no chance that attributes with the same name will have
-    // different namespaces
-    var value = this.___attributes[name];
-    return value != null && value !== false;
-  },
 };
 
 inherit(VElement, VNode);
@@ -303,13 +295,25 @@ VElement.___morphAttrs = function (fromEl, vFromEl, toEl) {
 
   if (toFlags & FLAG_SIMPLE_ATTRS && fromFlags & FLAG_SIMPLE_ATTRS) {
     if (oldAttrs["class"] !== (attrValue = attrs["class"])) {
-      fromEl.className = attrValue;
+      if (attrValue) {
+        fromEl.className = attrValue;
+      } else {
+        fromEl.removeAttribute("class");
+      }
     }
     if (oldAttrs.id !== (attrValue = attrs.id)) {
-      fromEl.id = attrValue;
+      if (attrValue) {
+        fromEl.id = attrValue;
+      } else {
+        fromEl.removeAttribute("id");
+      }
     }
     if (oldAttrs.style !== (attrValue = attrs.style)) {
-      fromEl.style.cssText = attrValue;
+      if (attrValue) {
+        fromEl.style.cssText = attrValue;
+      } else {
+        fromEl.removeAttribute("style");
+      }
     }
     return;
   }

package/src/runtime/vdom/hot-reload.js

@@ -1,6 +1,6 @@
 var registry = require("@internal/components-registry");
+var setImmediate = require("@internal/set-immediate").___setImmediate;
 var updateManager = require("../components/update-manager");
-var queueMicrotask = require("../queueMicrotask");
 var runtime = require(".");
 
 var createTemplate = runtime.t;
@@ -27,7 +27,7 @@ exports.t = runtime.t = function (typeName) {
       if (instances.size) {
         if (!queue) {
           queue = [];
-          queueMicrotask(batchUpdate);
+          setImmediate(batchUpdate);
         }
 
         queue.push(function () {