monkey-style-guide 2.0.58 → 2.0.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -249,6 +249,10 @@ mecx-form-field-filter {
249
249
  line-height: 16px;
250
250
  color: #9c9ca6;
251
251
  }
252
+
253
+ .error {
254
+ border: 1px solid #fa3838;
255
+ }
252
256
  }
253
257
 
254
258
  input[type='radio'] {
@@ -2344,7 +2344,7 @@
2344
2344
  MonkeyInputComponent.decorators = [
2345
2345
  { type: core.Component, args: [{
2346
2346
  selector: 'monkey-input',
2347
- template: "\n <mecx-form-field [ngClass]=\"{ disabled: _disabled }\" [id]=\"_id\">\n <mecx-form-field-header>\n <label>\n {{ label }}\n </label>\n <helper>\n {{ helperMessage }}\n </helper>\n </mecx-form-field-header>\n <mecx-form-field-body>\n <monkey-icon [icon]=\"icon\" [color]=\"'#4B4A53'\" *ngIf=\"icon\"></monkey-icon>\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n (keypress)=\"onKeyPress($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n [prefix]=\"prefix\"\n *ngIf=\"mask && prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n *ngIf=\"mask && !prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [maxLength]=\"maxLength\"\n *ngIf=\"!mask && !prefix\"\n [max]=\"maxDateToday ? _maxDateToday : null\"\n #monkeyInput\n />\n <monkey-icon\n icon=\"eye-open-16\"\n [color]=\"'#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'text'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n <monkey-icon\n icon=\"eye-closed-16\"\n [color]=\"'#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'password'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n </mecx-form-field-body>\n <mecx-form-field-footer>\n <info>\n {{ infoMessage }}\n </info>\n <error>\n {{ errorMessage }}\n </error>\n </mecx-form-field-footer>\n </mecx-form-field>\n ",
2347
+ template: "\n <mecx-form-field [ngClass]=\"{ disabled: _disabled }\" [id]=\"_id\">\n <mecx-form-field-header>\n <label>\n {{ label }}\n </label>\n <helper>\n {{ helperMessage }}\n </helper>\n </mecx-form-field-header>\n <mecx-form-field-body [class.error]=\"errorMessage\">\n <monkey-icon [icon]=\"icon\" [color]=\"'#4B4A53'\" *ngIf=\"icon\"></monkey-icon>\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n (keypress)=\"onKeyPress($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n [prefix]=\"prefix\"\n *ngIf=\"mask && prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n *ngIf=\"mask && !prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [maxLength]=\"maxLength\"\n *ngIf=\"!mask && !prefix\"\n [max]=\"maxDateToday ? _maxDateToday : null\"\n #monkeyInput\n />\n <monkey-icon\n icon=\"eye-open-16\"\n [color]=\"'#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'text'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n <monkey-icon\n icon=\"eye-closed-16\"\n [color]=\"'#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'password'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n </mecx-form-field-body>\n <mecx-form-field-footer>\n <info>\n {{ infoMessage }}\n </info>\n <error>\n {{ errorMessage }}\n </error>\n </mecx-form-field-footer>\n </mecx-form-field>\n ",
2348
2348
  encapsulation: core.ViewEncapsulation.None,
2349
2349
  providers: [
2350
2350
  {