marko 5.35.7 → 5.35.8

package/dist/runtime/components/renderer.js

@@ -3,11 +3,11 @@ var beginComponent = require("@internal/components-beginComponent");
 var endComponent = require("@internal/components-endComponent");
 var registry = require("@internal/components-registry");
 var componentsUtil = require("@internal/components-util");
-var componentLookup = componentsUtil._k_;
+var componentLookup = componentsUtil._l_;
 
 var ComponentsContext = require("./ComponentsContext");
 var getComponentsContext = ComponentsContext.S_;
-var isServer = componentsUtil._I_ === true;
+var isServer = componentsUtil._J_ === true;
 
 var COMPONENT_BEGIN_ASYNC_ADDED_KEY = "$wa";
 
@@ -15,7 +15,7 @@ function resolveComponentKey(key, parentComponentDef) {
   if (key[0] === "#") {
     return key.substring(1);
   } else {
-    return parentComponentDef.id + "-" + parentComponentDef.aL_(key);
+    return parentComponentDef.id + "-" + parentComponentDef.aN_(key);
   }
 }
 
@@ -40,9 +40,9 @@ function handleBeginAsync(event) {
   }
   // Carry along the component arguments
   asyncOut.c(
-    parentOut._Z_,
     parentOut.a__,
-    parentOut.ba_
+    parentOut.aa_,
+    parentOut.bc_
   );
 }
 
@@ -82,22 +82,22 @@ renderingLogic)
     var componentsContext = getComponentsContext(out);
     var globalComponentsContext = componentsContext.p_;
 
-    var component = globalComponentsContext.ay_;
+    var component = globalComponentsContext.az_;
     var isRerender = component !== undefined;
     var id;
     var isExisting;
     var customEvents;
     var parentComponentDef = componentsContext.o_;
-    var ownerComponentDef = out._Z_;
+    var ownerComponentDef = out.a__;
     var ownerComponentId = ownerComponentDef && ownerComponentDef.id;
-    var key = out.a__;
+    var key = out.aa_;
 
     if (component) {
       // If component is provided then we are currently rendering
       // the top-level UI component as part of a re-render
       id = component.id; // We will use the ID of the component being re-rendered
       isExisting = true; // This is a re-render so we know the component is already in the DOM
-      globalComponentsContext.ay_ = null;
+      globalComponentsContext.az_ = null;
     } else {
       // Otherwise, we are rendering a nested UI component. We will need
       // to match up the UI component with the component already in the
@@ -106,15 +106,15 @@ renderingLogic)
       // that were provided.
       if (parentComponentDef) {
         // console.log('componentArgs:', componentArgs);
-        customEvents = out.ba_;
+        customEvents = out.bc_;
 
         if (key != null) {
           id = resolveComponentKey(key.toString(), parentComponentDef);
         } else {
-          id = parentComponentDef.aM_();
+          id = parentComponentDef.aO_();
         }
       } else {
-        id = globalComponentsContext.aM_();
+        id = globalComponentsContext.aO_();
       }
     }
 
@@ -123,7 +123,7 @@ renderingLogic)
       // we don't need to match up the UI component with a previously
       // rendered component already mounted to the DOM. We also create
       // a lightweight ServerComponent
-      component = registry._F_(
+      component = registry._G_(
         renderingLogic,
         id,
         input,
@@ -135,13 +135,13 @@ renderingLogic)
 
       // This is the final input after running the lifecycle methods.
       // We will be passing the input to the template for the `input` param
-      input = component.___;
+      input = component._a_;
     } else {
       if (!component) {
         if (
         isRerender && (
         component = componentLookup[id]) &&
-        component._p_ !== typeName)
+        component._q_ !== typeName)
         {
           // Destroy the existing component since
           component.destroy();
@@ -153,7 +153,7 @@ renderingLogic)
         } else {
           isExisting = false;
           // We need to create a new instance of the component
-          component = registry._F_(typeName, id);
+          component = registry._G_(typeName, id);
 
           if (shouldApplySplitMixins === true) {
             shouldApplySplitMixins = false;
@@ -170,36 +170,36 @@ renderingLogic)
         // Set this flag to prevent the component from being queued for update
         // based on the new input. The component is about to be rerendered
         // so we don't want to queue it up as a result of calling `setInput()`
-        component._a_ = true;
+        component._b_ = true;
 
         if (customEvents) {
-          component.aC_(customEvents, ownerComponentId);
+          component.aD_(customEvents, ownerComponentId);
         }
 
         if (isExisting === false) {
-          component.aE_(input, out);
+          component.aF_(input, out);
         }
 
-        input = component._h_(input, onInput, out);
+        input = component._i_(input, onInput, out);
 
         if (isExisting === true) {
           if (
-          component.at_ === false ||
+          component.au_ === false ||
           component.shouldUpdate(input, component.z_) === false)
           {
             // We put a placeholder element in the output stream to ensure that the existing
             // DOM node is matched up correctly when using morphdom. We flag the VElement
             // node to track that it is a preserve marker
-            out.bb_(component);
+            out.bd_(component);
             globalComponentsContext.q_[id] = true;
-            component._s_(); // The component is no longer dirty so reset internal flags
+            component._t_(); // The component is no longer dirty so reset internal flags
             return;
           }
         }
       }
 
-      component.aj_ = out.global;
-      component.aF_(out);
+      component.ak_ = out.global;
+      component.aG_(out);
     }
 
     var componentDef = beginComponent(
@@ -211,7 +211,7 @@ renderingLogic)
       isImplicitComponent
     );
 
-    componentDef._t_ = isExisting;
+    componentDef._u_ = isExisting;
 
     // Render the template associated with the component using the final template
     // data that we constructed
@@ -220,7 +220,7 @@ renderingLogic)
       out,
       componentDef,
       component,
-      component.aB_,
+      component.aC_,
       out.global
     );
 
@@ -232,5 +232,5 @@ renderingLogic)
 module.exports = createRendererFunc;
 
 // exports used by the legacy renderer
-createRendererFunc.aV_ = resolveComponentKey;
-createRendererFunc.aZ_ = trackAsyncComponents;
+createRendererFunc.aX_ = resolveComponentKey;
+createRendererFunc.ba_ = trackAsyncComponents;

package/dist/runtime/components/update-manager.js

@@ -4,7 +4,7 @@ var updatesScheduled = false;
 var batchStack = []; // A stack of batched updates
 var unbatchedQueue = []; // Used for scheduled batched updates
 
-var setImmediate = require("@internal/set-immediate")._i_;
+var setImmediate = require("@internal/set-immediate")._j_;
 
 /**
  * This function is called when we schedule the update of "unbatched"
@@ -41,7 +41,7 @@ function updateComponents(queue) {
   //       since we will still get to them at the end
   for (var i = 0; i < queue.length; i++) {
     var component = queue[i];
-    component.aG_(); // Do the actual component update
+    component.aH_(); // Do the actual component update
   }
 
   // Clear out the queue by setting the length to zero
@@ -90,5 +90,5 @@ function queueComponentUpdate(component) {
   }
 }
 
-exports.as_ = queueComponentUpdate;
-exports.ax_ = batchUpdate;
+exports.at_ = queueComponentUpdate;
+exports.ay_ = batchUpdate;

package/dist/runtime/createOut.js

@@ -8,6 +8,6 @@ function createOut(globalData) {
   return actualCreateOut(globalData);
 }
 
-createOut.bc_ = setCreateOut;
+createOut.be_ = setCreateOut;
 
 module.exports = createOut;

package/dist/runtime/dom-insert.js

@@ -1,12 +1,12 @@
 "use strict";var extend = require("raptor-util/extend");
 var componentsUtil = require("@internal/components-util");
-var destroyComponentForNode = componentsUtil._P_;
-var destroyNodeRecursive = componentsUtil._Q_;
+var destroyComponentForNode = componentsUtil._Q_;
+var destroyNodeRecursive = componentsUtil._R_;
 var helpers = require("./vdom/morphdom/helpers");
 
-var insertBefore = helpers.bd_;
-var insertAfter = helpers.be_;
-var removeChild = helpers.bf_;
+var insertBefore = helpers.bf_;
+var insertAfter = helpers.bg_;
+var removeChild = helpers.bh_;
 
 function resolveEl(el) {
   if (typeof el == "string") {

package/dist/runtime/helpers/_change-case.js

@@ -6,7 +6,7 @@ var dashToCamelLookup = Object.create(null);
 /**
  * Helper for converting camelCase to dash-case.
  */
-exports.bg_ = function camelToDashCase(name) {
+exports.bi_ = function camelToDashCase(name) {
   var nameDashed = camelToDashLookup[name];
   if (!nameDashed) {
     nameDashed = camelToDashLookup[name] = name.
@@ -24,7 +24,7 @@ exports.bg_ = function camelToDashCase(name) {
 /**
  * Helper for converting dash-case to camelCase.
  */
-exports.bh_ = function dashToCamelCase(name) {
+exports.bj_ = function dashToCamelCase(name) {
   var nameCamel = dashToCamelLookup[name];
   if (!nameCamel) {
     nameCamel = dashToCamelLookup[name] = name.replace(

package/dist/runtime/helpers/dynamic-tag.js

@@ -1,14 +1,14 @@
 "use strict";
 
+// eslint-disable-next-line no-constant-binary-expression
 
-var w10NOOP = require("warp10/constants").NOOP;
 var ComponentDef = require("../components/ComponentDef");
 var ComponentsContext = require("../components/ComponentsContext");
+var serializeNOOP = require("../helpers/serialize-noop");
+var w10NOOP = serializeNOOP.aJ_;
+var w10ToJSON = serializeNOOP.V_;
 var changeCase = require("./_change-case");
 var getComponentsContext = ComponentsContext.S_;
-var RENDER_BODY_TO_JSON = function () {
-  return w10NOOP;
-};
 
 var FLAG_WILL_RERENDER_IN_BROWSER = 1;
 // var FLAG_HAS_RENDER_BODY = 2;
@@ -37,7 +37,7 @@ customEvents)
     var component = componentDef && componentDef.s_;
     if (typeof tag === "string") {
       if (renderBody) {
-        out.bi_(
+        out.bk_(
           tag,
           attrs,
           key,
@@ -45,9 +45,9 @@ customEvents)
           addEvents(componentDef, customEvents, props)
         );
         renderBody(out);
-        out.bj_();
+        out.bl_();
       } else {
-        out.bk_(
+        out.bm_(
           tag,
           attrs,
           key,
@@ -79,14 +79,19 @@ customEvents)
 
 
 
-      if (dynamicTag.bl_) {
-        renderer = dynamicTag.bl_(renderer, render, args);
+      if (dynamicTag.bn_) {
+        renderer = dynamicTag.bn_(
+          renderer,
+          render,
+          args,
+          out.global
+        );
       }
 
       if (renderer) {
         out.c(componentDef, key, customEvents);
         renderer(attrs, out);
-        out._Z_ = null;
+        out.a__ = null;
       } else {
         var isFn = typeof render === "function";
 
@@ -110,10 +115,10 @@ customEvents)
             var globalContext = componentsContext.p_;
             componentsContext.o_ = new ComponentDef(
               component,
-              parentComponentDef.id + "-" + parentComponentDef.aL_(key),
+              parentComponentDef.id + "-" + parentComponentDef.aN_(key),
               globalContext
             );
-            render.toJSON = RENDER_BODY_TO_JSON;
+            render.toJSON = w10ToJSON;
 
             if (args) {
               render.apply(null, [out].concat(args, attrs));
@@ -146,7 +151,7 @@ function attrsToCamelCase(attrs) {
   var result = {};
 
   for (var key in attrs) {
-    result[changeCase.bh_(key)] = attrs[key];
+    result[changeCase.bj_(key)] = attrs[key];
   }
 
   return result;

package/dist/runtime/helpers/render-tag.js

@@ -16,5 +16,5 @@ customEvents)
     input,
     out
   );
-  out._Z_ = null;
+  out.a__ = null;
 };

package/dist/runtime/helpers/serialize-noop.js

@@ -0,0 +1,5 @@
+"use strict";var w10NOOP = require("warp10/constants").NOOP;
+exports.aJ_ = w10NOOP;
+exports.V_ = function () {
+  return w10NOOP;
+};

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

@@ -32,7 +32,7 @@ module.exports = function styleHelper(style) {
             value += "px";
           }
 
-          styles += sep + changeCase.bg_(name) + ":" + value;
+          styles += sep + changeCase.bi_(name) + ":" + value;
           sep = ";";
         }
       }

package/dist/runtime/helpers/tags-compat/dom-debug.mjs

@@ -1,3 +1,4 @@
 import { compat } from "@marko/runtime-tags/debug/dom";
+
 import { p } from "./runtime-dom.js";
 p(compat);

package/dist/runtime/helpers/tags-compat/dom.mjs

@@ -1,3 +1,4 @@
 import { compat } from "@marko/runtime-tags/dom";
+
 import { p } from "./runtime-dom.js";
 p(compat);

package/dist/runtime/helpers/tags-compat/html-debug.js

@@ -1,3 +1,3 @@
 "use strict";exports.s = require("./runtime-html.js").p(
-  require("@marko/runtime-tags/debug/html")
+  require("@marko/runtime-tags/debug/html").compat
 );

package/dist/runtime/helpers/tags-compat/html-debug.mjs

@@ -1,3 +1,4 @@
-import * as api from "@marko/runtime-tags/debug/html";
+import { compat } from "@marko/runtime-tags/debug/html";
+
 import { p } from "./runtime-html.js";
-export const s = p(api);
+export const s = p(compat);

package/dist/runtime/helpers/tags-compat/html.js

@@ -1 +1,3 @@
-"use strict";exports.s = require("./runtime-html.js").p(require("@marko/runtime-tags/html"));
+"use strict";exports.s = require("./runtime-html.js").p(
+  require("@marko/runtime-tags/html").compat
+);

package/dist/runtime/helpers/tags-compat/html.mjs

@@ -1,3 +1,4 @@
-import * as api from "@marko/runtime-tags/html";
+import { compat } from "@marko/runtime-tags/html";
+
 import { p } from "./runtime-html.js";
-export const s = p(api);
+export const s = p(compat);

package/dist/runtime/helpers/tags-compat/runtime-dom.js

@@ -1,4 +1,4 @@
-"use strict";const { _k_ } = require("@internal/components-util");
+"use strict";const { _l_ } = require("@internal/components-util");
 const {
   S_
 } = require("../../components/ComponentsContext");
@@ -7,20 +7,25 @@ const { r: registerComponent } = require("../../components/registry");
 const createRenderer = require("../../components/renderer");
 const defaultCreateOut = require("../../createOut");
 const morphdom = require("../../vdom/morphdom");
-const { _j_ } = require("../../vdom/morphdom/fragment");
+const { _k_ } = require("../../vdom/morphdom/fragment");
 const dynamicTag = require("../dynamic-tag");
 
 exports.p = function (domCompat) {
-  dynamicTag.bl_ = function tagsToVdom(
+  dynamicTag.bn_ = function tagsToVdom(
   renderer,
   renderBody,
-  args)
+  args,
+  global)
   {
-    const tagsRenderer = domCompat.resolveRenderer(renderer || renderBody);
-
-    if (tagsRenderer) {
-      return (input, out) =>
-      TagsCompat({ i: args ? args : input, r: tagsRenderer }, out);
+    const tagsRenderer = domCompat.resolveRegistered(
+      renderer || renderBody,
+      global
+    );
+
+    if (tagsRenderer && domCompat.isRenderer(tagsRenderer)) {
+      return (input, out) => {
+        return TagsCompat({ i: args ? args : input, r: tagsRenderer }, out);
+      };
     }
 
     return renderer;
@@ -29,21 +34,13 @@ exports.p = function (domCompat) {
   const TagsCompatId = "tags-compat";
   const TagsCompat = createRenderer(
     function (_, out, componentDef, component) {
-      const isHydrate =
-      S_(out).p_._Y_;
       const input = Array.isArray(_.i) ? _.i : [_.i];
-      const tagsRenderer = domCompat.resolveRenderer(_.r);
-      const newNode = domCompat.render(
-        isHydrate,
-        out,
-        component,
-        tagsRenderer,
-        input
-      );
+      const tagsRenderer = domCompat.resolveRegistered(_.r, global);
+      const newNode = domCompat.render(out, component, tagsRenderer, input);
 
-      out.bf(out.a__, component, !newNode);
+      out.bf(out.aa_, component, !newNode);
       if (newNode) {
-        out.node({ bm_: () => newNode });
+        out.node({ bo_: () => newNode });
       }
       out.ef();
     },
@@ -106,13 +103,17 @@ exports.p = function (domCompat) {
         if (!newRenderer) {
           const { Component } = renderer;
           if (Component) {
-            const setCustomEvents = Component.prototype.aC_;
-            Component.prototype.aC_ = function (
+            const setCustomEvents = Component.prototype.aD_;
+            Component.prototype.aD_ = function (
             customEvents,
             scopeId)
             {
+              const global = this.ak_;
               for (const customEvent of customEvents) {
-                customEvent[1] = domCompat.resolveRenderer(customEvent[1]);
+                customEvent[1] = domCompat.resolveRegistered(
+                  customEvent[1],
+                  global
+                );
               }
 
               setCustomEvents.call(this, customEvents, scopeId);
@@ -126,7 +127,7 @@ exports.p = function (domCompat) {
             },
             () => {
               const realFragment = document.createDocumentFragment();
-              _j_(null, null, realFragment);
+              _k_(null, null, realFragment);
               return realFragment;
             },
             (scope, input) => {
@@ -141,23 +142,25 @@ exports.p = function (domCompat) {
     return newRenderer;
   }
 
-  domCompat.register("@marko/tags-compat-5-to-6", create5to6Renderer);
+  domCompat.registerRenderer(create5to6Renderer);
+  domCompat.init();
 
   function renderAndMorph(scope, renderer, renderBody, input) {
     const out = defaultCreateOut();
     let host = domCompat.getStartNode(scope);
     let rootNode = host.fragment;
     if (!rootNode) {
-      const component = scope.marko5Component = _k_[scope.m5c];
-      rootNode = component._D_;
+      const component = scope.bp_ =
+      _l_[scope.m5c];
+      rootNode = component._E_;
       host = rootNode.startNode;
       domCompat.setScopeNodes(host, rootNode.endNode);
     }
-    const existingComponent = scope.marko5Component;
+    const existingComponent = scope.bp_;
     const componentsContext = S_(out);
     const globalComponentsContext = componentsContext.p_;
     let customEvents;
-    globalComponentsContext.ay_ = existingComponent;
+    globalComponentsContext.az_ = existingComponent;
     out.sync();
     if (renderer) {
       const [rawInput] = input;
@@ -182,16 +185,16 @@ exports.p = function (domCompat) {
     }
 
     domCompat.queueEffect(scope, () => {
-      const targetNode = out.ag_().az_;
+      const targetNode = out.ah_().aA_;
       morphdom(rootNode, targetNode, host, componentsContext);
-      const componentDefs = componentsContext.ae_(
+      const componentDefs = componentsContext.af_(
         getRootNode(host)
       );
       const component = componentDefs[0].s_;
-      component._D_ = rootNode;
+      component._E_ = rootNode;
       component.O_ = input[0];
-      component.V_ = customEvents;
-      scope.marko5Component = component;
+      component.W_ = customEvents;
+      scope.bp_ = component;
     });
   }