form-control-errors
Version:
This is a package built to make displaying validation errors from Angular Form Controls easier.
156 lines (145 loc) • 11 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) :
typeof define === 'function' && define.amd ? define('form-control-errors', ['exports', '@angular/core', '@angular/common'], factory) :
(factory((global['form-control-errors'] = {}),global.ng.core,global.ng.common));
}(this, (function (exports,core,common) { 'use strict';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var NgFormErrorsComponent = /** @class */ (function () {
function NgFormErrorsComponent() {
}
NgFormErrorsComponent.decorators = [
{ type: core.Component, args: [{
selector: 'lib-form-errors',
template: "\n <div *ngFor=\"let control of form.controls | objectToArray\">\n <ng-container *ngIf=\"(control | propertyValues : 0); let controlValue\">\n <ng-container *ngFor=\"let error of errorMsgs | objectToArray\">\n <div class=\"form-errors\" *ngIf=\"controlValue.errors &&\n controlValue.errors[(error | propertyNames)] &&\n controlValue.touched\">\n {{control | propertyNames}} {{error | propertyValues : 0}}\n </div>\n </ng-container>\n </ng-container>\n</div>\n "
}] }
];
/** @nocollapse */
NgFormErrorsComponent.ctorParameters = function () { return []; };
NgFormErrorsComponent.propDecorators = {
form: [{ type: core.Input }],
errorMsgs: [{ type: core.Input }]
};
return NgFormErrorsComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var ObjectToArrayPipe = /** @class */ (function () {
function ObjectToArrayPipe() {
}
/**
* @param {?} data
* @return {?}
*/
ObjectToArrayPipe.prototype.transform = /**
* @param {?} data
* @return {?}
*/
function (data) {
return (( /** @type {?} */(Object))).keys(data).map(function (key) {
var _a;
return _a = {}, _a[key] = data[key], _a;
});
};
ObjectToArrayPipe.decorators = [
{ type: core.Pipe, args: [{
name: 'objectToArray'
},] }
];
return ObjectToArrayPipe;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var PropertyNamesPipe = /** @class */ (function () {
function PropertyNamesPipe() {
}
/**
* @param {?} data
* @return {?}
*/
PropertyNamesPipe.prototype.transform = /**
* @param {?} data
* @return {?}
*/
function (data) {
return (( /** @type {?} */(Object))).getOwnPropertyNames(data);
};
PropertyNamesPipe.decorators = [
{ type: core.Pipe, args: [{
name: 'propertyNames'
},] }
];
return PropertyNamesPipe;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var PropertyValuesPipe = /** @class */ (function () {
function PropertyValuesPipe() {
}
/**
* @param {?} data
* @param {?} index
* @return {?}
*/
PropertyValuesPipe.prototype.transform = /**
* @param {?} data
* @param {?} index
* @return {?}
*/
function (data, index) {
return ((( /** @type {?} */(Object))).values(data)) ? (( /** @type {?} */(Object))).values(data)[index] : null;
};
PropertyValuesPipe.decorators = [
{ type: core.Pipe, args: [{
name: 'propertyValues'
},] }
];
return PropertyValuesPipe;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
var NgFormErrorsModule = /** @class */ (function () {
function NgFormErrorsModule() {
}
NgFormErrorsModule.decorators = [
{ type: core.NgModule, args: [{
imports: [
common.CommonModule
],
declarations: [
NgFormErrorsComponent,
ObjectToArrayPipe,
PropertyNamesPipe,
PropertyValuesPipe
],
exports: [NgFormErrorsComponent]
},] }
];
return NgFormErrorsModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
*/
exports.NgFormErrorsComponent = NgFormErrorsComponent;
exports.NgFormErrorsModule = NgFormErrorsModule;
exports.ɵa = ObjectToArrayPipe;
exports.ɵb = PropertyNamesPipe;
exports.ɵc = PropertyValuesPipe;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1jb250cm9sLWVycm9ycy51bWQuanMubWFwIiwic291cmNlcyI6WyJuZzovL2Zvcm0tY29udHJvbC1lcnJvcnMvbGliL25nLWZvcm0tZXJyb3JzLmNvbXBvbmVudC50cyIsIm5nOi8vZm9ybS1jb250cm9sLWVycm9ycy9saWIvb2JqZWN0LWFycmF5LXBpcGUudHMiLCJuZzovL2Zvcm0tY29udHJvbC1lcnJvcnMvbGliL3Byb3BlcnR5LW5hbWUtcGlwZS50cyIsIm5nOi8vZm9ybS1jb250cm9sLWVycm9ycy9saWIvcHJvcGVydHktdmFsdWUtcGlwZS50cyIsIm5nOi8vZm9ybS1jb250cm9sLWVycm9ycy9saWIvbmctZm9ybS1lcnJvcnMubW9kdWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItZm9ybS1lcnJvcnMnLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2ICpuZ0Zvcj1cImxldCBjb250cm9sIG9mIGZvcm0uY29udHJvbHMgfCBvYmplY3RUb0FycmF5XCI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIoY29udHJvbCB8IHByb3BlcnR5VmFsdWVzIDogMCk7IGxldCBjb250cm9sVmFsdWVcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGVycm9yIG9mIGVycm9yTXNncyB8IG9iamVjdFRvQXJyYXlcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1lcnJvcnNcIiAqbmdJZj1cImNvbnRyb2xWYWx1ZS5lcnJvcnMgJiZcbiAgICAgICAgICBjb250cm9sVmFsdWUuZXJyb3JzWyhlcnJvciB8IHByb3BlcnR5TmFtZXMpXSAmJlxuICAgICAgICAgIGNvbnRyb2xWYWx1ZS50b3VjaGVkXCI+XG4gICAgICAgICAgICAgIHt7Y29udHJvbCB8IHByb3BlcnR5TmFtZXN9fSB7e2Vycm9yIHwgcHJvcGVydHlWYWx1ZXMgOiAwfX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIE5nRm9ybUVycm9yc0NvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgZm9ybVxuICBASW5wdXQoKSBlcnJvck1zZ3NcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxufVxuIiwiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXHJcblxyXG5AUGlwZSh7XHJcbiAgICBuYW1lOiAnb2JqZWN0VG9BcnJheSdcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBPYmplY3RUb0FycmF5UGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG4gICAgdHJhbnNmb3JtKGRhdGE6IE9iamVjdCkge1xyXG4gICAgICAgIHJldHVybiAoPGFueT5PYmplY3QpLmtleXMoZGF0YSkubWFwKGtleSA9PiB7XHJcbiAgICAgICAgICAgIHJldHVybiB7W2tleV06IGRhdGFba2V5XX1cclxuICAgICAgICB9KVxyXG4gICAgfVxyXG59XHJcbiIsImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xyXG5cclxuQFBpcGUoe1xyXG4gICAgbmFtZTogJ3Byb3BlcnR5TmFtZXMnXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgUHJvcGVydHlOYW1lc1BpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcclxuICAgIHRyYW5zZm9ybShkYXRhOiBPYmplY3QpIHtcclxuICAgICAgICByZXR1cm4gKDxhbnk+T2JqZWN0KS5nZXRPd25Qcm9wZXJ0eU5hbWVzKGRhdGEpXHJcbiAgICB9XHJcbn1cclxuIiwiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXHJcblxyXG5AUGlwZSh7XHJcbiAgICBuYW1lOiAncHJvcGVydHlWYWx1ZXMnXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgUHJvcGVydHlWYWx1ZXNQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XHJcbiAgICB0cmFuc2Zvcm0oZGF0YTogT2JqZWN0LCBpbmRleDogbnVtYmVyKSB7XHJcbiAgICAgICAgcmV0dXJuICgoPGFueT5PYmplY3QpLnZhbHVlcyhkYXRhKSkgPyAoPGFueT5PYmplY3QpLnZhbHVlcyhkYXRhKVtpbmRleF0gOiBudWxsXHJcbiAgICB9XHJcbn1cclxuIiwiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHsgTmdGb3JtRXJyb3JzQ29tcG9uZW50IH0gZnJvbSAnLi9uZy1mb3JtLWVycm9ycy5jb21wb25lbnQnXG5pbXBvcnQgeyBPYmplY3RUb0FycmF5UGlwZSB9IGZyb20gJy4vb2JqZWN0LWFycmF5LXBpcGUnXG5pbXBvcnQgeyBQcm9wZXJ0eU5hbWVzUGlwZSB9IGZyb20gJy4vcHJvcGVydHktbmFtZS1waXBlJ1xuaW1wb3J0IHsgUHJvcGVydHlWYWx1ZXNQaXBlIH0gZnJvbSAnLi9wcm9wZXJ0eS12YWx1ZS1waXBlJ1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIE5nRm9ybUVycm9yc0NvbXBvbmVudCxcbiAgICBPYmplY3RUb0FycmF5UGlwZSxcbiAgICBQcm9wZXJ0eU5hbWVzUGlwZSxcbiAgICBQcm9wZXJ0eVZhbHVlc1BpcGVcbiAgXSxcbiAgZXhwb3J0czogW05nRm9ybUVycm9yc0NvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTmdGb3JtRXJyb3JzTW9kdWxlIHsgfVxuIl0sIm5hbWVzIjpbIkNvbXBvbmVudCIsIklucHV0IiwiUGlwZSIsIk5nTW9kdWxlIiwiQ29tbW9uTW9kdWxlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUE7UUF3QkU7U0FBaUI7O29CQXRCbEJBLGNBQVMsU0FBQzt3QkFDVCxRQUFRLEVBQUUsaUJBQWlCO3dCQUMzQixRQUFRLEVBQUUsNmdCQVlUO3FCQUVGOzs7OzsyQkFHRUMsVUFBSztnQ0FDTEEsVUFBSzs7UUFHUiw0QkFBQztLQXZCRDs7Ozs7O0FDRkE7UUFFQTtTQVVDOzs7OztRQUxHLHFDQUFTOzs7O1lBQVQsVUFBVSxJQUFZO2dCQUNsQixPQUFPLG9CQUFNLE1BQU0sSUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxDQUFDLFVBQUEsR0FBRzs7b0JBQ25DLGdCQUFRLEdBQUMsR0FBRyxJQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBQztpQkFDNUIsQ0FBQyxDQUFBO2FBQ0w7O29CQVRKQyxTQUFJLFNBQUM7d0JBQ0YsSUFBSSxFQUFFLGVBQWU7cUJBQ3hCOztRQVFELHdCQUFDO0tBVkQ7Ozs7OztBQ0ZBO1FBRUE7U0FRQzs7Ozs7UUFIRyxxQ0FBUzs7OztZQUFULFVBQVUsSUFBWTtnQkFDbEIsT0FBTyxvQkFBTSxNQUFNLElBQUUsbUJBQW1CLENBQUMsSUFBSSxDQUFDLENBQUE7YUFDakQ7O29CQVBKQSxTQUFJLFNBQUM7d0JBQ0YsSUFBSSxFQUFFLGVBQWU7cUJBQ3hCOztRQU1ELHdCQUFDO0tBUkQ7Ozs7OztBQ0ZBO1FBRUE7U0FRQzs7Ozs7O1FBSEcsc0NBQVM7Ozs7O1lBQVQsVUFBVSxJQUFZLEVBQUUsS0FBYTtnQkFDakMsT0FBTyxDQUFDLG9CQUFNLE1BQU0sSUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksb0JBQU0sTUFBTSxJQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxLQUFLLENBQUMsR0FBRyxJQUFJLENBQUE7YUFDakY7O29CQVBKQSxTQUFJLFNBQUM7d0JBQ0YsSUFBSSxFQUFFLGdCQUFnQjtxQkFDekI7O1FBTUQseUJBQUM7S0FSRDs7Ozs7O0FDRkE7UUFPQTtTQVltQzs7b0JBWmxDQyxhQUFRLFNBQUM7d0JBQ1IsT0FBTyxFQUFFOzRCQUNQQyxtQkFBWTt5QkFDYjt3QkFDRCxZQUFZLEVBQUU7NEJBQ1oscUJBQXFCOzRCQUNyQixpQkFBaUI7NEJBQ2pCLGlCQUFpQjs0QkFDakIsa0JBQWtCO3lCQUNuQjt3QkFDRCxPQUFPLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztxQkFDakM7O1FBQ2lDLHlCQUFDO0tBWm5DOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==