monkey-style-guide 2.0.132 → 2.0.135

package/fesm2020/monkey-style-guide.mjs

@@ -229,6 +229,11 @@ class MonkeyUtils {
             .join('');
         return randomString;
     }
+    static handleOnlyNumbersCurrency(value) {
+        if (!value)
+            return null;
+        return value.replace(new RegExp(/[^0-9.]/g), '');
+    }
     static handleOnlyNumbers(value) {
         if (!value)
             return null;
@@ -3671,7 +3676,11 @@ class MonkeyInputComponent {
         else if (this.capitalize)
             return MonkeyUtils.capitalize(`${value}`.toUpperCase());
         else if (this.currency || this.percent) {
-            return MonkeyUtils.handleOnlyNumbers(`${value}`) / (apply ? 100 : 1);
+            const handled = MonkeyUtils.handleOnlyNumbers(`${value}`);
+            const result = handled / 100;
+            if (!result)
+                return '';
+            return result.toFixed(2);
         }
         return value;
     }
@@ -4015,6 +4024,7 @@ class MonkeyInputFilterComponent {
         this.elementRef = elementRef;
         this.currencyPipe = currencyPipe;
         this.settingsService = settingsService;
+        this.iconPosition = 'right';
         this.onChange = new EventEmitter();
         this.onModelChange = (value) => { };
         this.onModelTouched = (value) => { };
@@ -4090,7 +4100,7 @@ class MonkeyInputFilterComponent {
     }
 }
 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 });
-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: [
+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: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => MonkeyInputFilterComponent),
@@ -4108,6 +4118,8 @@ MonkeyInputFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
         </helper>
       </mecx-form-field-header>
       <mecx-form-field-body>
+        <monkey-icon [icon]="icon" [color]="'#4B4A53'"
+          *ngIf="iconPosition === 'left' && icon"></monkey-icon>
         <input
           [name]="name"
           [type]="type"
@@ -4141,7 +4153,8 @@ MonkeyInputFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
           [disabled]="_disabled"
           *ngIf="!mask && !prefix"
         />
-        <monkey-icon [icon]="icon" [color]="'#4B4A53'"></monkey-icon>
+        <monkey-icon [icon]="icon" [color]="'#4B4A53'"
+          *ngIf="iconPosition === 'right' && icon"></monkey-icon>
         <monkey-icon
           icon="eyes-16"
           [color]="'#4B4A53'"
@@ -4172,6 +4185,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
         </helper>
       </mecx-form-field-header>
       <mecx-form-field-body>
+        <monkey-icon [icon]="icon" [color]="'#4B4A53'"
+          *ngIf="iconPosition === 'left' && icon"></monkey-icon>
         <input
           [name]="name"
           [type]="type"
@@ -4205,7 +4220,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
           [disabled]="_disabled"
           *ngIf="!mask && !prefix"
         />
-        <monkey-icon [icon]="icon" [color]="'#4B4A53'"></monkey-icon>
+        <monkey-icon [icon]="icon" [color]="'#4B4A53'"
+          *ngIf="iconPosition === 'right' && icon"></monkey-icon>
         <monkey-icon
           icon="eyes-16"
           [color]="'#4B4A53'"
@@ -4263,6 +4279,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 type: Input
             }], currency: [{
                 type: Input
+            }], iconPosition: [{
+                type: Input
             }], onChange: [{
                 type: Output
             }], value: [{