Method update

src/View/Field.js:145–178

* Updates view on model change. * @return {FieldView} Fluent interface

()

   * @return {FieldView} Fluent interface
   */
  update () {
    const $field = this.getElement()

    // Set width attr
    $field.dataset.width = this.getModel().getWidth()

    // Set focus modifier
    if (this.hasFocus()) {
      $field.classList.add('field--focus')
    } else {
      $field.classList.remove('field--focus')
    }

    // Add invalid modifier
    if (!this.getModel().isValid() || this.getMessage() !== null) {
      $field.classList.add('field--invalid')
    } else {
      $field.classList.remove('field--invalid')
    }

    // Remove old message, if any
    if (this._$message !== null && this._$message.parentNode !== null) {
      this._$message.parentNode.removeChild(this._$message)
    }
    this._$message = null

    // Create new message, if any
    this._$message = this.renderMessage()
    if (this._$message !== null) {
      this.getElement().appendChild(this._$message)
    }

    return this
  }

  /**
   * Triggered when view receives focus.