dev/js/src/menu/lengthField.js

define({

  /**
   * Create new lengthField object.
   */
  create : function () {
    return Object.create(this)._init();
  },

  // Initialize lengthField object
  _init : function () {
    this._element = document.createElement('div');
    this._element.classList.add('lengthField');
    return this;
  },

  /**
   * Upgrade this object to another object,
   * while private data stays intact.
   *
   * @param {Object} An object with properties.
   */
  upgradeTo : function (props) {
    for (var prop in props) {
      this[prop] = props[prop];
    };
    return this;
  },

  /**
   * Get the associated dom element.
   */
  element : function () {
    return this._element;
  },

  /**
   * Add string to lengthField.
   */
  add : function (param) {
    this._element.appendChild(document.createElement('span'))
      .appendChild(document.createTextNode(param[0] + '--'));
  },

  /**
   * Remove all initialized values
   */
  reset : function () {
    while (this._element.firstChild) {
      this._element.firstChild.remove();
    };
  }
});