monkey-style-guide 2.0.131 → 2.0.134
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.
- package/README.md +52 -3
- package/assets/scss/partials/_forms.scss +24 -0
- package/esm2020/lib/components/input/input-filter.component.mjs +29 -4
- package/fesm2015/monkey-style-guide.mjs +28 -3
- package/fesm2015/monkey-style-guide.mjs.map +1 -1
- package/fesm2020/monkey-style-guide.mjs +28 -3
- package/fesm2020/monkey-style-guide.mjs.map +1 -1
- package/lib/components/input/input-filter.component.d.ts +2 -1
- package/monkey-style-guide-2.0.134.tgz +0 -0
- package/package.json +1 -1
- package/monkey-style-guide-2.0.131.tgz +0 -0
|
@@ -4015,6 +4015,7 @@ class MonkeyInputFilterComponent {
|
|
|
4015
4015
|
this.elementRef = elementRef;
|
|
4016
4016
|
this.currencyPipe = currencyPipe;
|
|
4017
4017
|
this.settingsService = settingsService;
|
|
4018
|
+
this.iconPosition = 'right';
|
|
4018
4019
|
this.onChange = new EventEmitter();
|
|
4019
4020
|
this.onModelChange = (value) => { };
|
|
4020
4021
|
this.onModelTouched = (value) => { };
|
|
@@ -4090,7 +4091,7 @@ class MonkeyInputFilterComponent {
|
|
|
4090
4091
|
}
|
|
4091
4092
|
}
|
|
4092
4093
|
MonkeyInputFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyInputFilterComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.CurrencyPipe }, { token: MonkeyStyleGuideSettingsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4093
|
-
MonkeyInputFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyInputFilterComponent, selector: "monkey-input-filter", inputs: { name: "name", label: "label", helperMessage: "helperMessage", placeholder: "placeholder", icon: "icon", type: "type", infoMessage: "infoMessage", errorMessage: "errorMessage", mask: "mask", prefix: "prefix", onlyNumber: "onlyNumber", onlyAlphaNumeric: "onlyAlphaNumeric", upperCase: "upperCase", lowerCase: "lowerCase", capitalize: "capitalize", currency: "currency", value: "value" }, outputs: { onChange: "onChange" }, host: { listeners: { "click": "onClick($event)" } }, providers: [
|
|
4094
|
+
MonkeyInputFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyInputFilterComponent, selector: "monkey-input-filter", inputs: { name: "name", label: "label", helperMessage: "helperMessage", placeholder: "placeholder", icon: "icon", type: "type", infoMessage: "infoMessage", errorMessage: "errorMessage", mask: "mask", prefix: "prefix", onlyNumber: "onlyNumber", onlyAlphaNumeric: "onlyAlphaNumeric", upperCase: "upperCase", lowerCase: "lowerCase", capitalize: "capitalize", currency: "currency", iconPosition: "iconPosition", value: "value" }, outputs: { onChange: "onChange" }, host: { listeners: { "click": "onClick($event)" } }, providers: [
|
|
4094
4095
|
{
|
|
4095
4096
|
provide: NG_VALUE_ACCESSOR,
|
|
4096
4097
|
useExisting: forwardRef(() => MonkeyInputFilterComponent),
|
|
@@ -4099,7 +4100,17 @@ MonkeyInputFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
4099
4100
|
CurrencyPipe,
|
|
4100
4101
|
], ngImport: i0, template: `
|
|
4101
4102
|
<mecx-form-field-filter [ngClass]="{ disabled: _disabled }">
|
|
4103
|
+
<mecx-form-field-header *ngIf="label">
|
|
4104
|
+
<label>
|
|
4105
|
+
{{ label }}
|
|
4106
|
+
</label>
|
|
4107
|
+
<helper>
|
|
4108
|
+
{{ helperMessage }}
|
|
4109
|
+
</helper>
|
|
4110
|
+
</mecx-form-field-header>
|
|
4102
4111
|
<mecx-form-field-body>
|
|
4112
|
+
<monkey-icon [icon]="icon" [color]="'#4B4A53'"
|
|
4113
|
+
*ngIf="iconPosition === 'left' && icon"></monkey-icon>
|
|
4103
4114
|
<input
|
|
4104
4115
|
[name]="name"
|
|
4105
4116
|
[type]="type"
|
|
@@ -4133,7 +4144,8 @@ MonkeyInputFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
4133
4144
|
[disabled]="_disabled"
|
|
4134
4145
|
*ngIf="!mask && !prefix"
|
|
4135
4146
|
/>
|
|
4136
|
-
<monkey-icon [icon]="icon" [color]="'#4B4A53'"
|
|
4147
|
+
<monkey-icon [icon]="icon" [color]="'#4B4A53'"
|
|
4148
|
+
*ngIf="iconPosition === 'right' && icon"></monkey-icon>
|
|
4137
4149
|
<monkey-icon
|
|
4138
4150
|
icon="eyes-16"
|
|
4139
4151
|
[color]="'#4B4A53'"
|
|
@@ -4155,7 +4167,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
4155
4167
|
selector: 'monkey-input-filter',
|
|
4156
4168
|
template: `
|
|
4157
4169
|
<mecx-form-field-filter [ngClass]="{ disabled: _disabled }">
|
|
4170
|
+
<mecx-form-field-header *ngIf="label">
|
|
4171
|
+
<label>
|
|
4172
|
+
{{ label }}
|
|
4173
|
+
</label>
|
|
4174
|
+
<helper>
|
|
4175
|
+
{{ helperMessage }}
|
|
4176
|
+
</helper>
|
|
4177
|
+
</mecx-form-field-header>
|
|
4158
4178
|
<mecx-form-field-body>
|
|
4179
|
+
<monkey-icon [icon]="icon" [color]="'#4B4A53'"
|
|
4180
|
+
*ngIf="iconPosition === 'left' && icon"></monkey-icon>
|
|
4159
4181
|
<input
|
|
4160
4182
|
[name]="name"
|
|
4161
4183
|
[type]="type"
|
|
@@ -4189,7 +4211,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
4189
4211
|
[disabled]="_disabled"
|
|
4190
4212
|
*ngIf="!mask && !prefix"
|
|
4191
4213
|
/>
|
|
4192
|
-
<monkey-icon [icon]="icon" [color]="'#4B4A53'"
|
|
4214
|
+
<monkey-icon [icon]="icon" [color]="'#4B4A53'"
|
|
4215
|
+
*ngIf="iconPosition === 'right' && icon"></monkey-icon>
|
|
4193
4216
|
<monkey-icon
|
|
4194
4217
|
icon="eyes-16"
|
|
4195
4218
|
[color]="'#4B4A53'"
|
|
@@ -4247,6 +4270,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
4247
4270
|
type: Input
|
|
4248
4271
|
}], currency: [{
|
|
4249
4272
|
type: Input
|
|
4273
|
+
}], iconPosition: [{
|
|
4274
|
+
type: Input
|
|
4250
4275
|
}], onChange: [{
|
|
4251
4276
|
type: Output
|
|
4252
4277
|
}], value: [{
|