aurelia-form/dist/native-modules/component/aurelia-form.js

Makes working with forms just a tad more pleasant.

'use strict';

exports.__esModule = true;
exports.AureliaForm = undefined;

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

var _dec, _dec2, _dec3, _dec4, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10;

var _aureliaFramework = require('aurelia-framework');

var _aureliaConfig = require('aurelia-config');

var _aureliaViewManager = require('aurelia-view-manager');

var _aureliaPal = require('aurelia-pal');

var _aureliaForm = require('../aurelia-form');

function _initDefineProp(target, property, descriptor, context) {
  if (!descriptor) return;
  Object.defineProperty(target, property, {
    enumerable: descriptor.enumerable,
    configurable: descriptor.configurable,
    writable: descriptor.writable,
    value: descriptor.initializer ? descriptor.initializer.call(context) : void 0
  });
}



function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {
  var desc = {};
  Object['ke' + 'ys'](descriptor).forEach(function (key) {
    desc[key] = descriptor[key];
  });
  desc.enumerable = !!desc.enumerable;
  desc.configurable = !!desc.configurable;

  if ('value' in desc || desc.initializer) {
    desc.writable = true;
  }

  desc = decorators.slice().reverse().reduce(function (desc, decorator) {
    return decorator(target, property, desc) || desc;
  }, desc);

  if (context && desc.initializer !== void 0) {
    desc.value = desc.initializer ? desc.initializer.call(context) : void 0;
    desc.initializer = undefined;
  }

  if (desc.initializer === void 0) {
    Object['define' + 'Property'](target, property, desc);
    desc = null;
  }

  return desc;
}

function _initializerWarningHelper(descriptor, context) {
  throw new Error('Decorating class property failed. Please ensure that transform-class-properties is enabled.');
}

var AureliaForm = exports.AureliaForm = (_dec = (0, _aureliaViewManager.resolvedView)('spoonx/form', 'aurelia-form'), _dec2 = (0, _aureliaFramework.customElement)('aurelia-form'), _dec3 = (0, _aureliaFramework.inject)(_aureliaConfig.Configuration.of('aurelia-form'), _aureliaPal.DOM.Element), _dec4 = (0, _aureliaFramework.children)('form-group'), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = function () {
  function AureliaForm(config, element) {
    

    _initDefineProp(this, 'behavior', _descriptor, this);

    _initDefineProp(this, 'classes', _descriptor2, this);

    _initDefineProp(this, 'labelClasses', _descriptor3, this);

    _initDefineProp(this, 'elementClasses', _descriptor4, this);

    _initDefineProp(this, 'entity', _descriptor5, this);

    _initDefineProp(this, 'validated', _descriptor6, this);

    _initDefineProp(this, 'buttonOptions', _descriptor7, this);

    _initDefineProp(this, 'buttonLabel', _descriptor8, this);

    _initDefineProp(this, 'buttonEnabled', _descriptor9, this);

    _initDefineProp(this, 'formGroups', _descriptor10, this);

    this.mapped = {};

    this.config = config;
    this.element = element;
    this.buttonEnabled = config.submitButton.enabled;
    this.buttonOptions = config.submitButton.options;
    this.buttonLabel = config.submitButton.label;
    this.behavior = config.defaultBehavior;

    var validation = config.validation;

    if (validation && validation.controller) {
      this.validationController = validation.controller.getController(this.mapped, validation.trigger);
      this.validateTrigger = validation.controller.getTriggers();
    }
  }

  AureliaForm.prototype.buttonLabelChanged = function buttonLabelChanged(newValue, oldValue) {
    if (typeof newValue !== 'string') {
      this.buttonLabel = oldValue;
    }
  };

  AureliaForm.prototype.buttonEnabledChanged = function buttonEnabledChanged(newValue, oldValue) {
    if (typeof newValue !== 'boolean') {
      this.buttonEnabled = oldValue;
    }
  };

  AureliaForm.prototype.buttonOptionsChanged = function buttonOptionsChanged(newValue, oldValue) {
    if ((typeof newValue === 'undefined' ? 'undefined' : _typeof(newValue)) !== 'object' || newValue === null) {
      this.buttonOptions = oldValue;
    }
  };

  AureliaForm.prototype.submit = function submit() {
    var _this = this;

    if (!this.validationController || !this.validated) {
      return;
    }

    if (!this.entity) {
      return _aureliaForm.logger.warn('Validation on forms requires a entity to validate.');
    }

    this.validate(null, true).then(function (result) {
      if (result.valid) {
        return _this.emit('valid');
      }

      _this.emit('invalid', result);
    });
  };

  AureliaForm.prototype.changed = function changed(trigger, event) {
    var controller = this.validationController;

    if (!controller || !this.validated) {
      return true;
    }

    var setTrigger = controller.validateTrigger;
    var triggers = this.validateTrigger;

    if (setTrigger === triggers.manual) {
      return true;
    }

    if (setTrigger < triggers.changeOrBlur && triggers[trigger] !== setTrigger) {
      return true;
    }

    this.validate(event.target.name);

    return true;
  };

  AureliaForm.prototype.validate = function validate(property) {
    var force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;

    if (!this.mapped[property] && !force) {
      return;
    }

    return this.validationController.validate({ object: this.entity, propertyName: property });
  };

  AureliaForm.prototype.emit = function emit(event) {
    var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

    this.element.dispatchEvent(_aureliaPal.DOM.createCustomEvent(event, { detail: data, bubbles: true }));
  };

  AureliaForm.prototype.formGroupsChanged = function formGroupsChanged() {
    this.updateFormGroups();
  };

  AureliaForm.prototype.behaviorChanged = function behaviorChanged(newValue) {
    if (!newValue) {
      this.behavior = this.config.defaultBehavior;

      return;
    }

    this.updateFormGroups();
  };

  AureliaForm.prototype.labelClassesChanged = function labelClassesChanged(newValue) {
    if (!newValue) {
      this.labelClasses = this.config.defaultLabelClasses;

      return;
    }

    this.updateFormGroups();
  };

  AureliaForm.prototype.elementClassesChanged = function elementClassesChanged(newValue) {
    if (!newValue) {
      this.elementClasses = this.config.defaultElementClasses;

      return;
    }

    this.updateFormGroups();
  };

  AureliaForm.prototype.updateFormGroups = function updateFormGroups() {
    var _this2 = this;

    if (this.formGroups.length === 0) {
      return;
    }

    this.formGroups.forEach(function (group) {
      if (_this2.behavior) {
        group.behavior = _this2.behavior;
      }

      if (_this2.labelClasses) {
        group.labelClasses = _this2.labelClasses;
      }

      if (_this2.elementClasses) {
        group.elementClasses = _this2.elementClasses;
      }

      if (group.name) {
        _this2.mapped[group.name] = group;
      }
    });
  };

  return AureliaForm;
}(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, 'behavior', [_aureliaFramework.bindable], {
  enumerable: true,
  initializer: null
}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, 'classes', [_aureliaFramework.bindable], {
  enumerable: true,
  initializer: function initializer() {
    return '';
  }
}), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, 'labelClasses', [_aureliaFramework.bindable], {
  enumerable: true,
  initializer: null
}), _descriptor4 = _applyDecoratedDescriptor(_class2.prototype, 'elementClasses', [_aureliaFramework.bindable], {
  enumerable: true,
  initializer: null
}), _descriptor5 = _applyDecoratedDescriptor(_class2.prototype, 'entity', [_aureliaFramework.bindable], {
  enumerable: true,
  initializer: null
}), _descriptor6 = _applyDecoratedDescriptor(_class2.prototype, 'validated', [_aureliaFramework.bindable], {
  enumerable: true,
  initializer: function initializer() {
    return true;
  }
}), _descriptor7 = _applyDecoratedDescriptor(_class2.prototype, 'buttonOptions', [_aureliaFramework.bindable], {
  enumerable: true,
  initializer: null
}), _descriptor8 = _applyDecoratedDescriptor(_class2.prototype, 'buttonLabel', [_aureliaFramework.bindable], {
  enumerable: true,
  initializer: null
}), _descriptor9 = _applyDecoratedDescriptor(_class2.prototype, 'buttonEnabled', [_aureliaFramework.bindable], {
  enumerable: true,
  initializer: null
}), _descriptor10 = _applyDecoratedDescriptor(_class2.prototype, 'formGroups', [_dec4], {
  enumerable: true,
  initializer: function initializer() {
    return [];
  }
})), _class2)) || _class) || _class) || _class);