marko 5.37.6 → 6.0.0-3.12

package/dist/runtime/components/ComponentDef.js

@@ -1,169 +0,0 @@
-"use strict";
-// eslint-disable-next-line no-constant-binary-expression
-
-var extend = require("raptor-util/extend");
-var componentUtil = require("@internal/components-util");
-var w10NOOP = require("../helpers/serialize-noop").aK_;
-var attachBubblingEvent = componentUtil._U_;
-var addDelegatedEventHandler =
-require("./event-delegation")._t_;
-var KeySequence = require("./KeySequence");
-var EMPTY_OBJECT = {};
-
-var FLAG_WILL_RERENDER_IN_BROWSER = 1;
-var FLAG_HAS_RENDER_BODY = 2;
-var FLAG_IS_LEGACY = 4;
-var FLAG_OLD_HYDRATE_NO_CREATE = 8;
-
-/**
- * A ComponentDef is used to hold the metadata collected at runtime for
- * a single component and this information is used to instantiate the component
- * later (after the rendered HTML has been added to the DOM)
- */
-function ComponentDef(component, componentId, componentsContext) {
-  this.aL_ = componentsContext; // The AsyncWriter that this component is associated with
-  this.t_ = component;
-  this.id = componentId;
-
-  this._d_ = undefined; // An array of DOM events that need to be added (in sets of three)
-
-  this._v_ = false;
-
-  this.u_ = false;
-  this.v_ = 0;
-
-  this.aM_ = 0; // The unique integer to use for the next scoped ID
-  this.aN_ = null;
-}
-
-ComponentDef.prototype = {
-  aO_: function (key) {
-    return (
-    this.aN_ || (this.aN_ = new KeySequence())).aO_(
-      key);
-  },
-
-  /**
-   * This helper method generates a unique and fully qualified DOM element ID
-   * that is unique within the scope of the current component.
-   */
-  elId: function (nestedId) {
-    var id = this.id;
-
-    if (nestedId == null) {
-      return id;
-    } else {
-      if (typeof nestedId !== "string") {
-        // eslint-disable-next-line no-constant-condition
-
-
-
-
-        nestedId = String(nestedId);
-      }
-
-      if (nestedId.indexOf("#") === 0) {
-        id = "#" + id;
-        nestedId = nestedId.substring(1);
-      }
-
-      return id + "-" + nestedId;
-    }
-  },
-  /**
-   * Returns the next auto generated unique ID for a nested DOM element or nested DOM component
-   */
-  aP_: function () {
-    return this.id + "-c" + this.aM_++;
-  },
-
-  d: function (eventName, handlerMethodName, isOnce, extraArgs) {
-    addDelegatedEventHandler(eventName);
-    return attachBubblingEvent(this, handlerMethodName, isOnce, extraArgs);
-  },
-
-  get _r_() {
-    return this.t_._r_;
-  }
-};
-
-ComponentDef.prototype.nk = ComponentDef.prototype.aO_;
-
-ComponentDef._E_ = function (o, types, global, registry) {
-  var id = o[0];
-  var typeName = types[o[1]];
-  var input = o[2] || null;
-  var extra = o[3] || EMPTY_OBJECT;
-
-  var state = extra.s;
-  var componentProps = extra.w || EMPTY_OBJECT;
-  var flags = extra.f;
-  var isLegacy = flags & FLAG_IS_LEGACY;
-  var renderBody = flags & FLAG_HAS_RENDER_BODY ? w10NOOP : extra.r;
-
-  var component =
-  typeName /* legacy */ &&
-  registry._H_(typeName, id, isLegacy);
-
-  // Prevent newly created component from being queued for update since we area
-  // just building it from the server info
-  component._c_ = true;
-  component.al_ = global;
-
-  if (isLegacy) {
-    component.widgetConfig = componentProps;
-    component.___ = renderBody;
-  } else if (renderBody) {
-    (input || (input = {})).renderBody = renderBody;
-  }
-
-  if (
-  !isLegacy &&
-  flags & FLAG_WILL_RERENDER_IN_BROWSER &&
-  !(flags & FLAG_OLD_HYDRATE_NO_CREATE))
-  {
-    if (component.onCreate) {
-      component.onCreate(input, { global: global });
-    }
-    if (component.onInput) {
-      input = component.onInput(input, { global: global }) || input;
-    }
-  } else {
-    if (state) {
-      var undefinedPropNames = extra.u;
-      if (undefinedPropNames) {
-        undefinedPropNames.forEach(function (undefinedPropName) {
-          state[undefinedPropName] = undefined;
-        });
-      }
-      // We go through the setter here so that we convert the state object
-      // to an instance of `State`
-      component.state = state;
-    }
-
-    if (!isLegacy && componentProps) {
-      extend(component, componentProps);
-    }
-  }
-
-  component.P_ = input;
-
-  if (extra.b) {
-    component.Z_ = extra.b;
-  }
-
-  var scope = extra.p;
-  var customEvents = extra.e;
-  if (customEvents) {
-    component.aE_(customEvents, scope);
-  }
-
-  return {
-    id: id,
-    t_: component,
-    _d_: extra.d,
-    v_: extra.f || 0
-  };
-};
-
-module.exports = ComponentDef;

package/dist/runtime/components/ComponentsContext.js

@@ -1,59 +0,0 @@
-"use strict";
-var GlobalComponentsContext = require("./GlobalComponentsContext");
-
-function ComponentsContext(out, parentComponentsContext) {
-  var globalComponentsContext;
-  var componentDef;
-
-  if (parentComponentsContext) {
-    globalComponentsContext = parentComponentsContext.q_;
-    componentDef = parentComponentsContext.p_;
-
-    var nestedContextsForParent;
-    if (
-    !(nestedContextsForParent = parentComponentsContext._e_))
-    {
-      nestedContextsForParent = parentComponentsContext._e_ = [];
-    }
-
-    nestedContextsForParent.push(this);
-  } else {
-    globalComponentsContext = out.global.b_;
-    if (globalComponentsContext === undefined) {
-      out.global.b_ = globalComponentsContext =
-      new GlobalComponentsContext(out);
-    }
-  }
-
-  this.q_ = globalComponentsContext;
-  this.b_ = [];
-  this.s_ = out;
-  this.p_ = componentDef;
-  this._e_ = undefined;
-  this.w_ =
-  parentComponentsContext && parentComponentsContext.w_;
-}
-
-ComponentsContext.prototype = {
-  ag_: function (host) {
-    var componentDefs = this.b_;
-
-    ComponentsContext._J_(componentDefs, host);
-
-    this.s_.emit("aQ_");
-
-    // Reset things stored in global since global is retained for
-    // future renders
-    this.s_.global.b_ = undefined;
-
-    return componentDefs;
-  }
-};
-
-function getComponentsContext(out) {
-  return out.b_ || (out.b_ = new ComponentsContext(out));
-}
-
-module.exports = exports = ComponentsContext;
-
-exports.T_ = getComponentsContext;

package/dist/runtime/components/GlobalComponentsContext.js

@@ -1,10 +0,0 @@
-"use strict";var nextComponentIdProvider =
-require("@internal/components-util")._T_;
-
-function GlobalComponentsContext(out) {
-  this.r_ = {};
-  this.aA_ = undefined;
-  this.aP_ = nextComponentIdProvider(out);
-}
-
-module.exports = GlobalComponentsContext;

package/dist/runtime/components/KeySequence.js

@@ -1,16 +0,0 @@
-"use strict";function KeySequence() {
-  this.aR_ = Object.create(null);
-}
-
-KeySequence.prototype.aO_ = function (key) {
-  var lookup = this.aR_;
-
-  if (lookup[key]) {
-    return key + "_" + lookup[key]++;
-  }
-
-  lookup[key] = 1;
-  return key;
-};
-
-module.exports = KeySequence;

package/dist/runtime/components/ServerComponent.js

@@ -1,73 +0,0 @@
-"use strict";
-// eslint-disable-next-line no-constant-binary-expression
-
-
-class ServerComponent {
-  constructor(id, input, out, typeName, customEvents, scope) {
-    this.id = id;
-    this.X_ = customEvents;
-    this.Y_ = scope;
-    this.typeName = typeName;
-    this.Z_ = undefined; // Used to keep track of bubbling DOM events for components rendered on the server
-    this._a_ = 0;
-
-    this.onCreate(input, out);
-    this._b_ = this.onInput(input, out) || input;
-    if (this.P_ === undefined) {
-      this.P_ = this._b_;
-    }
-    this.onRender(out);
-  }
-
-  set input(newInput) {
-    this.P_ = newInput;
-  }
-
-  get input() {
-    return this.P_;
-  }
-
-  set state(newState) {
-    this.A_ = newState;
-  }
-
-  get state() {
-    return this.A_;
-  }
-
-  get aD_() {
-    return this.A_;
-  }
-
-  elId(nestedId) {
-    var id = this.id;
-
-    if (nestedId == null) {
-      return id;
-    } else {
-      if (typeof nestedId !== "string") {
-        // eslint-disable-next-line no-constant-condition
-
-
-
-
-        nestedId = String(nestedId);
-      }
-
-      if (nestedId.indexOf("#") === 0) {
-        id = "#" + id;
-        nestedId = nestedId.substring(1);
-      }
-
-      return id + "-" + nestedId;
-    }
-  }
-
-  onCreate() {}
-  onInput() {}
-  onRender() {}
-}
-
-ServerComponent.prototype.getElId = ServerComponent.prototype.elId;
-
-module.exports = ServerComponent;

package/dist/runtime/components/State.js

@@ -1,101 +0,0 @@
-"use strict";var extend = require("raptor-util/extend");
-
-function ensure(state, propertyName) {
-  var proto = state.constructor.prototype;
-  if (!(propertyName in proto)) {
-    Object.defineProperty(proto, propertyName, {
-      get: function () {
-        return this.B_[propertyName];
-      },
-      set: function (value) {
-        this.as_(propertyName, value, false /* ensure:false */);
-      }
-    });
-  }
-}
-
-function State(component) {
-  this.t_ = component;
-  this.B_ = {};
-
-  this.am_ = false;
-  this.ax_ = null;
-  this.aw_ = null;
-  this.aS_ = null; // An object that we use to keep tracking of state properties that were forced to be dirty
-
-  Object.seal(this);
-}
-
-State.prototype = {
-  _u_: function () {
-    this.am_ = false;
-    this.ax_ = null;
-    this.aw_ = null;
-    this.aS_ = null;
-  },
-
-  aq_: function (newState) {
-    var key;
-    var rawState = this.B_;
-
-    for (key in rawState) {
-      if (!(key in newState)) {
-        this.as_(
-          key,
-          undefined,
-          false /* ensure:false */,
-          false /* forceDirty:false */
-        );
-      }
-    }
-
-    for (key in newState) {
-      this.as_(
-        key,
-        newState[key],
-        true /* ensure:true */,
-        false /* forceDirty:false */
-      );
-    }
-  },
-  as_: function (name, value, shouldEnsure, forceDirty) {
-    var rawState = this.B_;
-
-    if (shouldEnsure) {
-      ensure(this, name);
-    }
-
-    if (forceDirty) {
-      var forcedDirtyState = this.aS_ || (this.aS_ = {});
-      forcedDirtyState[name] = true;
-    } else if (rawState[name] === value) {
-      return;
-    }
-
-    if (!this.am_) {
-      // This is the first time we are modifying the component state
-      // so introduce some properties to do some tracking of
-      // changes to the state
-      this.am_ = true; // Mark the component state as dirty (i.e. modified)
-      this.ax_ = rawState;
-      this.B_ = rawState = extend({}, rawState);
-      this.aw_ = {};
-      this.t_.ar_();
-    }
-
-    this.aw_[name] = value;
-
-    if (value === undefined) {
-      // Don't store state properties with an undefined or null value
-      delete rawState[name];
-    } else {
-      // Otherwise, store the new value in the component state
-      rawState[name] = value;
-    }
-  },
-  toJSON: function () {
-    return this.B_;
-  }
-};
-
-module.exports = State;

package/dist/runtime/components/attach-detach.js

@@ -1,60 +0,0 @@
-"use strict";var eventDelegation = require("./event-delegation");
-var delegateEvent = eventDelegation.aT_;
-var getEventFromEl = eventDelegation.aU_;
-
-// var componentsUtil = require('@internal/components-util');
-// var destroyNodeRecursive = componentsUtil.___destroyNodeRecursive;
-// var destroyComponentForNode = componentsUtil.___destroyComponentForNode;
-
-function handleNodeAttach(node, componentsContext) {
-  if (node.nodeType === 1) {
-    var eventName = "onattach";
-    var target = getEventFromEl(node, eventName);
-    if (target) {
-      var out = componentsContext.s_;
-      var data = out.data;
-
-      var attachTargets = data.aV_;
-      if (!attachTargets) {
-        attachTargets = data.aV_ = [];
-        out.on("aQ_", function () {
-          for (var i = 0; i < attachTargets.length; i += 2) {
-            var node = attachTargets[i];
-            var target = attachTargets[i + 1];
-            delegateEvent(node, eventName, target, {});
-          }
-        });
-      }
-
-      attachTargets.push(node);
-      attachTargets.push(target);
-    }
-  }
-}
-
-function handleNodeDetach(node) {
-  if (node.nodeType === 1) {
-    var eventName = "ondetach";
-    var target = getEventFromEl(node, eventName);
-    if (target) {
-      var allowDetach;
-
-      delegateEvent(node, eventName, target, {
-        preventDefault: function () {
-          allowDetach = false;
-        },
-        detach: function () {
-          var parentNode = node.parentNode;
-          if (parentNode) {
-            parentNode.removeChild(node);
-          }
-        }
-      });
-
-      return allowDetach;
-    }
-  }
-}
-
-eventDelegation.aW_ = handleNodeAttach;
-eventDelegation.ao_ = handleNodeDetach;

package/dist/runtime/components/defineComponent.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var inherit = require("raptor-util/inherit");
-var BaseComponent = require("./Component");
-var BaseState = require("./State");
-
-module.exports = function defineComponent(def, renderer) {
-  if (def.y_) {
-    return def;
-  }
-
-  var ComponentClass = function () {};
-  var proto;
-
-  var type = typeof def;
-
-  if (type == "function") {
-    proto = def.prototype;
-  } else if (type == "object") {
-    proto = def;
-  } else {
-    throw TypeError();
-  }
-
-  ComponentClass.prototype = proto;
-
-  // We don't use the constructor provided by the user
-  // since we don't invoke their constructor until
-  // we have had a chance to do our own initialization.
-  // Instead, we store their constructor in the "initComponent"
-  // property and that method gets called later inside
-  // init-components-browser.js
-  function Component(id) {
-    BaseComponent.call(this, id);
-  }
-
-  if (!proto.y_) {
-    // Inherit from Component if they didn't already
-    inherit(ComponentClass, BaseComponent);
-  }
-
-  // The same prototype will be used by our constructor after
-  // we he have set up the prototype chain using the inherit function
-  proto = Component.prototype = ComponentClass.prototype;
-
-  // proto.constructor = def.constructor = Component;
-
-  // Set a flag on the constructor function to make it clear this is
-  // a component so that we can short-circuit this work later
-  Component.y_ = true;
-
-  function State(component) {
-    BaseState.call(this, component);
-  }
-  inherit(State, BaseState);
-  proto.Q_ = State;
-  proto.R_ = renderer;
-
-  return Component;
-};

package/dist/runtime/components/dom-data.js

@@ -1,8 +0,0 @@
-"use strict";module.exports = {
-  _M_: new WeakMap(),
-  _L_: new WeakMap(),
-  _q_: new WeakMap(),
-  aX_: new WeakMap(),
-  _o_: new WeakMap(),
-  _p_: {}
-};

package/dist/runtime/components/event-delegation.js

@@ -1,144 +0,0 @@
-"use strict";var componentsUtil = require("@internal/components-util");
-var runtimeId = componentsUtil._Q_;
-var componentLookup = componentsUtil._m_;
-var getMarkoPropsFromEl = componentsUtil._s_;
-
-var TEXT_NODE = 3;
-
-// We make our best effort to allow multiple marko runtimes to be loaded in the
-// same window. Each marko runtime will get its own unique runtime ID.
-var listenersAttachedKey = "$MDE" + runtimeId;
-var delegatedEvents = {};
-
-function getEventFromEl(el, eventName) {
-  var virtualProps = getMarkoPropsFromEl(el);
-  var eventInfo = virtualProps[eventName];
-
-  if (typeof eventInfo === "string") {
-    eventInfo = eventInfo.split(" ");
-    if (eventInfo[2]) {
-      eventInfo[2] = eventInfo[2] === "true";
-    }
-    if (eventInfo.length == 4) {
-      eventInfo[3] = parseInt(eventInfo[3], 10);
-    }
-  }
-
-  return eventInfo;
-}
-
-function delegateEvent(node, eventName, target, event) {
-  var targetMethod = target[0];
-  var targetComponentId = target[1];
-  var isOnce = target[2];
-  var extraArgs = target[3];
-
-  if (isOnce) {
-    var virtualProps = getMarkoPropsFromEl(node);
-    delete virtualProps[eventName];
-  }
-
-  var targetComponent = componentLookup[targetComponentId];
-
-  if (!targetComponent) {
-    return;
-  }
-
-  var targetFunc =
-  typeof targetMethod === "function" ?
-  targetMethod :
-  targetComponent[targetMethod];
-  if (!targetFunc) {
-    throw Error("Method not found: " + targetMethod);
-  }
-
-  if (extraArgs != null) {
-    if (typeof extraArgs === "number") {
-      extraArgs = targetComponent.Z_[extraArgs];
-    }
-  }
-
-  // Invoke the component method
-  if (extraArgs) {
-    targetFunc.apply(targetComponent, extraArgs.concat(event, node));
-  } else {
-    targetFunc.call(targetComponent, event, node);
-  }
-}
-
-function addDelegatedEventHandler(eventType) {
-  if (!delegatedEvents[eventType]) {
-    delegatedEvents[eventType] = true;
-  }
-}
-
-function addDelegatedEventHandlerToHost(eventType, host) {
-  var listeners = host[listenersAttachedKey] =
-  host[listenersAttachedKey] || {};
-  if (!listeners[eventType]) {
-    (host.body || host).addEventListener(
-      eventType,
-      listeners[eventType] = function (event) {
-        var curNode = event.target;
-        if (!curNode) {
-          return;
-        }
-
-        curNode =
-        // event.target of an SVGElementInstance does not have a
-        // `getAttribute` function in IE 11.
-        // See https://github.com/marko-js/marko/issues/796
-        curNode.correspondingUseElement || (
-        // in some browsers the event target can be a text node
-        // one example being dragenter in firefox.
-        curNode.nodeType === TEXT_NODE ? curNode.parentNode : curNode);
-
-        // Search up the tree looking DOM events mapped to target
-        // component methods
-        var propName = "on" + eventType;
-        var target;
-
-        // Attributes will have the following form:
-        // on<event_type>("<target_method>|<component_id>")
-
-        if (event.bubbles) {
-          var propagationStopped = false;
-
-          // Monkey-patch to fix #97
-          var oldStopPropagation = event.stopPropagation;
-
-          event.stopPropagation = function () {
-            oldStopPropagation.call(event);
-            propagationStopped = true;
-          };
-
-          do {
-            if (target = getEventFromEl(curNode, propName)) {
-              delegateEvent(curNode, propName, target, event);
-
-              if (propagationStopped) {
-                break;
-              }
-            }
-          } while ((curNode = curNode.parentNode) && curNode.getAttribute);
-        } else if (target = getEventFromEl(curNode, propName)) {
-          delegateEvent(curNode, propName, target, event);
-        }
-      },
-      true
-    );
-  }
-}
-
-function noop() {}
-
-exports.aW_ = noop;
-exports.ao_ = noop;
-exports.aT_ = delegateEvent;
-exports.aU_ = getEventFromEl;
-exports._t_ = addDelegatedEventHandler;
-exports._B_ = function (host) {
-  Object.keys(delegatedEvents).forEach(function (eventType) {
-    addDelegatedEventHandlerToHost(eventType, host);
-  });
-};

package/dist/runtime/components/index.js

@@ -1 +0,0 @@
-"use strict";module.exports = require("@internal/components-entry");