monkey-style-guide 2.0.32 → 2.0.37

package/bundles/monkey-style-guide.umd.js

@@ -2238,7 +2238,7 @@
                 return ("" + value).toLowerCase();
             else if (this.capitalize)
                 return MonkeyUtils.capitalize(("" + value).toUpperCase());
-            else if (this.currency) {
+            else if (this.currency || this.percent) {
                 return MonkeyUtils.handleOnlyNumbers("" + value) / (apply ? 100 : 1);
             }
             return value;
@@ -2249,6 +2249,9 @@
             if (this.currency) {
                 return this.currencyPipe.transform("" + value, ((_a = settings === null || settings === void 0 ? void 0 : settings.currency) === null || _a === void 0 ? void 0 : _a.code) || 'BRL', 'symbol', '', ((_b = settings === null || settings === void 0 ? void 0 : settings.currency) === null || _b === void 0 ? void 0 : _b.locale) || 'pt-BR');
             }
+            else if (this.percent) {
+                return value + " %";
+            }
             return value;
         };
         MonkeyInputComponent.prototype.ngOnInit = function () {
@@ -2273,13 +2276,11 @@
                 return this.handledValue;
             },
             set: function (value) {
-                if (value) {
-                    this.handledValue = value;
-                    this._formatedValue = this.formatValue(value);
-                    this.cdr.detectChanges();
-                    this.onModelChange(this.handledValue);
-                    this.onModelTouched(this.handledValue);
-                }
+                this.handledValue = value;
+                this._formatedValue = this.formatValue(value);
+                this.cdr.detectChanges();
+                this.onModelChange(this.handledValue);
+                this.onModelTouched(this.handledValue);
             },
             enumerable: false,
             configurable: true
@@ -2305,7 +2306,7 @@
         MonkeyInputComponent.prototype.onKeyPress = function (event) {
             var pattern = null;
             var inputChar = String.fromCharCode(event.charCode);
-            if (this.currency || this.onlyNumber) {
+            if (this.currency || this.onlyNumber || this.percent) {
                 pattern = /[0-9]/;
             }
             else if (this.onlyAlphaNumeric) {
@@ -2355,6 +2356,7 @@
         lowerCase: [{ type: core.Input }],
         capitalize: [{ type: core.Input }],
         currency: [{ type: core.Input }],
+        percent: [{ type: core.Input }],
         maxDateToday: [{ type: core.Input }],
         onChange: [{ type: core.Output }],
         monkeyInput: [{ type: core.ViewChild, args: ['monkeyInput', {
@@ -2600,6 +2602,7 @@
     var MonkeySelectComponent = /** @class */ (function () {
         function MonkeySelectComponent(cdRef) {
             this.cdRef = cdRef;
+            this.labelSelect = 'Selecione';
             this.onHandleOptions = new core.EventEmitter();
             this.onChange = new core.EventEmitter();
             this.onModelChange = function (value) { };
@@ -2712,7 +2715,7 @@
     MonkeySelectComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'monkey-select',
-                    template: "\n    <mecx-form-field [id]=\"_id\" [ngClass]=\"{ disabled: _disabled }\">\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 (click)=\"open()\">\n        <monkey-icon [icon]=\"icon\" [color]=\"'#4B4A53'\"></monkey-icon>\n        <mecx-select class=\"trigger\" [ngClass]=\"{ open: _opened }\">\n          <mecx-select__trigger>\n            <span>\n              {{ _selected?.label || 'Selecione' }}\n            </span>\n            <monkey-icon\n              [icon]=\"!_opened ? 'arrow-down-16' : 'arrow-up-16'\"\n              [color]=\"'#4B4A53'\"\n            ></monkey-icon>\n          </mecx-select__trigger>\n        </mecx-select>\n      </mecx-form-field-body>\n      <mecx-select-inside [ngClass]=\"{ open: _opened }\">\n        <mecx-select-options #selectOptions>\n          <ng-content> </ng-content>\n        </mecx-select-options>\n      </mecx-select-inside>\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  ",
+                    template: "\n    <mecx-form-field [id]=\"_id\" [ngClass]=\"{ disabled: _disabled }\">\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 (click)=\"open()\">\n        <monkey-icon [icon]=\"icon\" [color]=\"'#4B4A53'\"></monkey-icon>\n        <mecx-select class=\"trigger\" [ngClass]=\"{ open: _opened }\">\n          <mecx-select__trigger>\n            <span>\n              {{ _selected?.label || labelSelect }}\n            </span>\n            <monkey-icon\n              [icon]=\"!_opened ? 'arrow-down-16' : 'arrow-up-16'\"\n              [color]=\"'#4B4A53'\"\n            ></monkey-icon>\n          </mecx-select__trigger>\n        </mecx-select>\n      </mecx-form-field-body>\n      <mecx-select-inside [ngClass]=\"{ open: _opened }\">\n        <mecx-select-options #selectOptions>\n          <ng-content> </ng-content>\n        </mecx-select-options>\n      </mecx-select-inside>\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  ",
                     encapsulation: core.ViewEncapsulation.None,
                     providers: [
                         {
@@ -2733,6 +2736,7 @@
         icon: [{ type: core.Input }],
         infoMessage: [{ type: core.Input }],
         errorMessage: [{ type: core.Input }],
+        labelSelect: [{ type: core.Input }],
         onHandleOptions: [{ type: core.Input }],
         onChange: [{ type: core.Output }],
         selectOptions: [{ type: core.ViewChild, args: ['selectOptions', { static: true },] }],