moh-common-lib
Version:
A library of Angular components, services, and styles for B.C. Government Ministry of Health (MoH).
124 lines • 9.97 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Output, EventEmitter, Optional, Self } from '@angular/core';
import { NgControl } from '@angular/forms';
import { AbstractFormControl } from '../../models/abstract-form-control';
import { LabelReplacementTag } from '../../models/error-message.interface';
export class CityComponent extends AbstractFormControl {
/**
* @param {?} controlDir
*/
constructor(controlDir) {
super();
this.controlDir = controlDir;
this.label = 'City';
this.maxlength = '100';
this.labelforId = 'city_' + this.objectId;
this.placeholder = 'City name';
this.required = false;
this.valueChange = new EventEmitter();
this.blur = new EventEmitter();
this.city = '';
this._defaultErrMsg = {
required: LabelReplacementTag + ' is required.',
invalidChar: LabelReplacementTag + ' must contain letters and may include numbers and special characters ' +
'such as hyphens, periods, apostrophes and blank characters.',
maxlength: LabelReplacementTag + ' exceeds the maximum number of allowable characters.'
};
if (controlDir) {
controlDir.valueAccessor = this;
}
}
/**
* @param {?} val
* @return {?}
*/
set value(val) {
if (val) {
this.city = val;
}
}
/**
* @return {?}
*/
get value() {
return this.city;
}
/**
* @return {?}
*/
ngOnInit() {
super.ngOnInit();
}
/**
* @param {?} value
* @return {?}
*/
onValueChange(value) {
this.city = value;
this._onChange(value);
this.valueChange.emit(value);
}
/**
* @param {?} event
* @return {?}
*/
onBlur(event) {
this._onTouched(event);
this.blur.emit(event);
}
/**
* @param {?} value
* @return {?}
*/
writeValue(value) {
if (value !== undefined) {
this.city = value;
}
}
}
CityComponent.decorators = [
{ type: Component, args: [{
selector: 'common-city',
template: "<label for=\"{{labelforId}}\">{{label}}</label>\r\n<input class=\"form-control\"\r\n spellcheck=\"false\"\r\n type=\"text\"\r\n id=\"{{labelforId}}\"\r\n [value]=\"city\"\r\n (change)=\"onValueChange($event.target.value)\"\r\n (blur)=\"onBlur($event)\"\r\n [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n [attr.maxlength]=\"maxlength\"\r\n [placeholder]=\"placeholder\"\r\n autocomplete=\"off\"/>\r\n\r\n <!-- Error messages for input -->\r\n<common-error-container\r\n [displayError]=\"controlDir && !disabled && (controlDir.touched || controlDir.dirty) && controlDir.errors\">\r\n <div *ngIf=\"controlDir.errors?.required\">\r\n {{_defaultErrMsg.required}}\r\n </div>\r\n <div *ngIf=\"controlDir.errors?.invalidChar\">\r\n {{_defaultErrMsg.invalidChar}}\r\n </div>\r\n <div *ngIf=\"controlDir.errors?.maxlength\">\r\n {{_defaultErrMsg.maxlength}}\r\n </div>\r\n</common-error-container>\r\n"
}] }
];
/** @nocollapse */
CityComponent.ctorParameters = () => [
{ type: NgControl, decorators: [{ type: Optional }, { type: Self }] }
];
CityComponent.propDecorators = {
label: [{ type: Input }],
maxlength: [{ type: Input }],
labelforId: [{ type: Input }],
placeholder: [{ type: Input }],
required: [{ type: Input }],
value: [{ type: Input }],
valueChange: [{ type: Output }],
blur: [{ type: Output }]
};
if (false) {
/** @type {?} */
CityComponent.prototype.label;
/** @type {?} */
CityComponent.prototype.maxlength;
/** @type {?} */
CityComponent.prototype.labelforId;
/** @type {?} */
CityComponent.prototype.placeholder;
/** @type {?} */
CityComponent.prototype.required;
/** @type {?} */
CityComponent.prototype.valueChange;
/** @type {?} */
CityComponent.prototype.blur;
/** @type {?} */
CityComponent.prototype.city;
/** @type {?} */
CityComponent.prototype._defaultErrMsg;
/** @type {?} */
CityComponent.prototype.controlDir;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2l0eS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9tb2gtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2NpdHkvY2l0eS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRixPQUFPLEVBQXdCLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3pFLE9BQU8sRUFBZ0IsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQU16RixNQUFNLE9BQU8sYUFBYyxTQUFRLG1CQUFtQjs7OztJQThCcEQsWUFBd0MsVUFBcUI7UUFDM0QsS0FBSyxFQUFFLENBQUM7UUFEOEIsZUFBVSxHQUFWLFVBQVUsQ0FBVztRQTVCcEQsVUFBSyxHQUFXLE1BQU0sQ0FBQztRQUN2QixjQUFTLEdBQVcsS0FBSyxDQUFDO1FBQzFCLGVBQVUsR0FBVyxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUM3QyxnQkFBVyxHQUFXLFdBQVcsQ0FBQztRQUNsQyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBWXpCLGdCQUFXLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFDL0QsU0FBSSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBRTVELFNBQUksR0FBVyxFQUFFLENBQUM7UUFFbEIsbUJBQWMsR0FBaUI7WUFDN0IsUUFBUSxFQUFFLG1CQUFtQixHQUFHLGVBQWU7WUFDL0MsV0FBVyxFQUFFLG1CQUFtQixHQUFHLHVFQUF1RTtnQkFDN0YsNkRBQTZEO1lBQzFFLFNBQVMsRUFBRSxtQkFBbUIsR0FBRyxzREFBc0Q7U0FDeEYsQ0FBQztRQUlBLElBQUssVUFBVSxFQUFHO1lBQ2hCLFVBQVUsQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO1NBQ2pDO0lBQ0gsQ0FBQzs7Ozs7SUEzQkQsSUFDSSxLQUFLLENBQUUsR0FBVztRQUNwQixJQUFLLEdBQUcsRUFBRztZQUNULElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDO1NBQ2pCO0lBQ0gsQ0FBQzs7OztJQUNELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDOzs7O0lBcUJELFFBQVE7UUFDTixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbkIsQ0FBQzs7Ozs7SUFFRCxhQUFhLENBQUUsS0FBYTtRQUMxQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsU0FBUyxDQUFFLEtBQUssQ0FBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFFLEtBQUssQ0FBRSxDQUFDO0lBQ2pDLENBQUM7Ozs7O0lBRUQsTUFBTSxDQUFFLEtBQVU7UUFDaEIsSUFBSSxDQUFDLFVBQVUsQ0FBRSxLQUFLLENBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBRSxLQUFLLENBQUUsQ0FBQztJQUMxQixDQUFDOzs7OztJQUVELFVBQVUsQ0FBRSxLQUFhO1FBQ3ZCLElBQUssS0FBSyxLQUFLLFNBQVMsRUFBRztZQUN6QixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztTQUNuQjtJQUNILENBQUM7OztZQTVERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLG8rQkFBb0M7YUFDckM7Ozs7WUFQOEIsU0FBUyx1QkFzQ3hCLFFBQVEsWUFBSSxJQUFJOzs7b0JBNUI3QixLQUFLO3dCQUNMLEtBQUs7eUJBQ0wsS0FBSzswQkFDTCxLQUFLO3VCQUNMLEtBQUs7b0JBRUwsS0FBSzswQkFVTCxNQUFNO21CQUNOLE1BQU07Ozs7SUFqQlAsOEJBQWdDOztJQUNoQyxrQ0FBbUM7O0lBQ25DLG1DQUFzRDs7SUFDdEQsb0NBQTJDOztJQUMzQyxpQ0FBbUM7O0lBWW5DLG9DQUF5RTs7SUFDekUsNkJBQTREOztJQUU1RCw2QkFBa0I7O0lBRWxCLHVDQUtFOztJQUVXLG1DQUFnRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9wdGlvbmFsLCBTZWxmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOZ0NvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEFic3RyYWN0Rm9ybUNvbnRyb2wgfSBmcm9tICcuLi8uLi9tb2RlbHMvYWJzdHJhY3QtZm9ybS1jb250cm9sJztcclxuaW1wb3J0IHsgRXJyb3JNZXNzYWdlLCBMYWJlbFJlcGxhY2VtZW50VGFnIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2Vycm9yLW1lc3NhZ2UuaW50ZXJmYWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29tbW9uLWNpdHknLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jaXR5LmNvbXBvbmVudC5odG1sJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIENpdHlDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZvcm1Db250cm9sIGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciAge1xyXG5cclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJ0NpdHknO1xyXG4gIEBJbnB1dCgpIG1heGxlbmd0aDogc3RyaW5nID0gJzEwMCc7XHJcbiAgQElucHV0KCkgbGFiZWxmb3JJZDogc3RyaW5nID0gJ2NpdHlfJyArIHRoaXMub2JqZWN0SWQ7XHJcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICdDaXR5IG5hbWUnO1xyXG4gIEBJbnB1dCgpIHJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IHZhbHVlKCB2YWw6IHN0cmluZyApIHtcclxuICAgIGlmICggdmFsICkge1xyXG4gICAgICB0aGlzLmNpdHkgPSB2YWw7XHJcbiAgICB9XHJcbiAgfVxyXG4gIGdldCB2YWx1ZSgpIHtcclxuICAgIHJldHVybiB0aGlzLmNpdHk7XHJcbiAgfVxyXG5cclxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgQE91dHB1dCgpIGJsdXI6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGNpdHk6IHN0cmluZyA9ICcnO1xyXG5cclxuICBfZGVmYXVsdEVyck1zZzogRXJyb3JNZXNzYWdlID0ge1xyXG4gICAgcmVxdWlyZWQ6IExhYmVsUmVwbGFjZW1lbnRUYWcgKyAnIGlzIHJlcXVpcmVkLicsXHJcbiAgICBpbnZhbGlkQ2hhcjogTGFiZWxSZXBsYWNlbWVudFRhZyArICcgbXVzdCBjb250YWluIGxldHRlcnMgYW5kIG1heSBpbmNsdWRlIG51bWJlcnMgYW5kIHNwZWNpYWwgY2hhcmFjdGVycyAnICtcclxuICAgICAgICAgICAgICAgICAnc3VjaCBhcyBoeXBoZW5zLCBwZXJpb2RzLCBhcG9zdHJvcGhlcyBhbmQgYmxhbmsgY2hhcmFjdGVycy4nLFxyXG4gICAgbWF4bGVuZ3RoOiBMYWJlbFJlcGxhY2VtZW50VGFnICsgJyBleGNlZWRzIHRoZSBtYXhpbXVtIG51bWJlciBvZiBhbGxvd2FibGUgY2hhcmFjdGVycy4nXHJcbiAgfTtcclxuXHJcbiAgY29uc3RydWN0b3IoIEBPcHRpb25hbCgpIEBTZWxmKCkgcHVibGljIGNvbnRyb2xEaXI6IE5nQ29udHJvbCApIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgICBpZiAoIGNvbnRyb2xEaXIgKSB7XHJcbiAgICAgIGNvbnRyb2xEaXIudmFsdWVBY2Nlc3NvciA9IHRoaXM7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgfVxyXG5cclxuICBvblZhbHVlQ2hhbmdlKCB2YWx1ZTogc3RyaW5nICkge1xyXG4gICAgdGhpcy5jaXR5ID0gdmFsdWU7XHJcbiAgICB0aGlzLl9vbkNoYW5nZSggdmFsdWUgKTtcclxuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCggdmFsdWUgKTtcclxuICB9XHJcblxyXG4gIG9uQmx1ciggZXZlbnQ6IGFueSApIHtcclxuICAgIHRoaXMuX29uVG91Y2hlZCggZXZlbnQgKTtcclxuICAgIHRoaXMuYmx1ci5lbWl0KCBldmVudCApO1xyXG4gIH1cclxuXHJcbiAgd3JpdGVWYWx1ZSggdmFsdWU6IHN0cmluZyApOiB2b2lkIHtcclxuICAgIGlmICggdmFsdWUgIT09IHVuZGVmaW5lZCApIHtcclxuICAgICAgdGhpcy5jaXR5ID0gdmFsdWU7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==