aurelia-form
Version:
Makes working with forms just a tad more pleasant.
212 lines (171 loc) • 8.5 kB
JavaScript
'use strict';
System.register(['aurelia-config', 'aurelia-framework', 'aurelia-view-manager', '../aurelia-form', 'aurelia-pal'], function (_export, _context) {
"use strict";
var Configuration, inject, bindable, customElement, bindingMode, TemplatingEngine, resolvedView, logger, DOM, _dec, _dec2, _dec3, _dec4, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13, _descriptor14, _descriptor15, FormElement;
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.');
}
return {
setters: [function (_aureliaConfig) {
Configuration = _aureliaConfig.Configuration;
}, function (_aureliaFramework) {
inject = _aureliaFramework.inject;
bindable = _aureliaFramework.bindable;
customElement = _aureliaFramework.customElement;
bindingMode = _aureliaFramework.bindingMode;
TemplatingEngine = _aureliaFramework.TemplatingEngine;
}, function (_aureliaViewManager) {
resolvedView = _aureliaViewManager.resolvedView;
}, function (_aureliaForm) {
logger = _aureliaForm.logger;
}, function (_aureliaPal) {
DOM = _aureliaPal.DOM;
}],
execute: function () {
_export('FormElement', FormElement = (_dec = resolvedView('spoonx/form', 'form-element'), _dec2 = customElement('form-element'), _dec3 = inject(Configuration.of('aurelia-form'), DOM.Element, TemplatingEngine), _dec4 = bindable({ defaultBindingMode: bindingMode.twoWay }), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = function () {
function FormElement(config, DOMElement, templatingEngine) {
_initDefineProp(this, 'type', _descriptor, this);
_initDefineProp(this, 'element', _descriptor2, this);
_initDefineProp(this, 'DOMElement', _descriptor3, this);
_initDefineProp(this, 'value', _descriptor4, this);
_initDefineProp(this, 'name', _descriptor5, this);
_initDefineProp(this, 'classes', _descriptor6, this);
_initDefineProp(this, 'placeholder', _descriptor7, this);
_initDefineProp(this, 'readonly', _descriptor8, this);
_initDefineProp(this, 'disabled', _descriptor9, this);
_initDefineProp(this, 'multiple', _descriptor10, this);
_initDefineProp(this, 'options', _descriptor11, this);
_initDefineProp(this, 'selectOptions', _descriptor12, this);
_initDefineProp(this, 'optionLabel', _descriptor13, this);
_initDefineProp(this, 'autofocus', _descriptor14, this);
_initDefineProp(this, 'required', _descriptor15, this);
this.proxyAttributes = ['value', 'name', 'classes', 'placeholder', 'readonly', 'disabled', 'options', 'type', 'multiple', 'selectOptions', 'optionLabel', 'autofocus', 'required'];
this.config = config;
this.DOMElement = DOMElement;
this.templatingEngine = templatingEngine;
}
FormElement.prototype.attached = function attached() {
var element = DOM.createElement(this.getElementName());
this.setAttributes(element);
this.DOMElement.appendChild(element);
this.templatingEngine.enhance({ element: element, bindingContext: this }).attached();
};
FormElement.prototype.setAttributes = function setAttributes(DOMElement) {
this.proxyAttributes.forEach(function (attribute) {
var attributeName = attribute.replace(/[A-Z]/g, function (match, offset) {
return (offset ? '-' : '') + match.toLowerCase();
});
DOMElement.setAttribute(attributeName + '.bind', attribute);
});
};
FormElement.prototype.getElementName = function getElementName() {
var elementName = this.config.elements[this.config.aliases[this.element] || this.element];
if (!elementName) {
logger.warn('Unable to find element for element \'' + this.element + '\'. Falling back to default \'' + this.config.defaultElement + '\'.');
elementName = this.config.elements[this.config.defaultElement];
}
return elementName;
};
return FormElement;
}(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, 'type', [bindable], {
enumerable: true,
initializer: function initializer() {
return 'text';
}
}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, 'element', [bindable], {
enumerable: true,
initializer: function initializer() {
return 'input';
}
}), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, 'DOMElement', [bindable], {
enumerable: true,
initializer: null
}), _descriptor4 = _applyDecoratedDescriptor(_class2.prototype, 'value', [_dec4], {
enumerable: true,
initializer: null
}), _descriptor5 = _applyDecoratedDescriptor(_class2.prototype, 'name', [bindable], {
enumerable: true,
initializer: function initializer() {
return '';
}
}), _descriptor6 = _applyDecoratedDescriptor(_class2.prototype, 'classes', [bindable], {
enumerable: true,
initializer: function initializer() {
return '';
}
}), _descriptor7 = _applyDecoratedDescriptor(_class2.prototype, 'placeholder', [bindable], {
enumerable: true,
initializer: function initializer() {
return '';
}
}), _descriptor8 = _applyDecoratedDescriptor(_class2.prototype, 'readonly', [bindable], {
enumerable: true,
initializer: function initializer() {
return false;
}
}), _descriptor9 = _applyDecoratedDescriptor(_class2.prototype, 'disabled', [bindable], {
enumerable: true,
initializer: function initializer() {
return false;
}
}), _descriptor10 = _applyDecoratedDescriptor(_class2.prototype, 'multiple', [bindable], {
enumerable: true,
initializer: function initializer() {
return false;
}
}), _descriptor11 = _applyDecoratedDescriptor(_class2.prototype, 'options', [bindable], {
enumerable: true,
initializer: function initializer() {
return {};
}
}), _descriptor12 = _applyDecoratedDescriptor(_class2.prototype, 'selectOptions', [bindable], {
enumerable: true,
initializer: function initializer() {
return [];
}
}), _descriptor13 = _applyDecoratedDescriptor(_class2.prototype, 'optionLabel', [bindable], {
enumerable: true,
initializer: null
}), _descriptor14 = _applyDecoratedDescriptor(_class2.prototype, 'autofocus', [bindable], {
enumerable: true,
initializer: null
}), _descriptor15 = _applyDecoratedDescriptor(_class2.prototype, 'required', [bindable], {
enumerable: true,
initializer: null
})), _class2)) || _class) || _class) || _class));
_export('FormElement', FormElement);
}
};
});