monkey-style-guide 2.0.83 → 2.0.88

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

@@ -1,8 +1,30 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common/http'), require('rxjs'), require('@angular/common'), require('@angular/forms'), require('rxjs/operators'), require('ngx-mask'), require('@angular/platform-browser')) :
-    typeof define === 'function' && define.amd ? define('monkey-style-guide', ['exports', '@angular/core', '@angular/common/http', 'rxjs', '@angular/common', '@angular/forms', 'rxjs/operators', 'ngx-mask', '@angular/platform-browser'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['monkey-style-guide'] = {}, global.ng.core, global.ng.common.http, global.rxjs, global.ng.common, global.ng.forms, global.rxjs.operators, global['ngx-mask'], global.ng.platformBrowser));
-}(this, (function (exports, core, http, rxjs, common, forms, operators, ngxMask, platformBrowser) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common/http'), require('rxjs'), require('@angular/common'), require('@angular/forms'), require('rxjs/operators'), require('moment'), require('ngx-mask'), require('google-libphonenumber'), require('@angular/platform-browser')) :
+    typeof define === 'function' && define.amd ? define('monkey-style-guide', ['exports', '@angular/core', '@angular/common/http', 'rxjs', '@angular/common', '@angular/forms', 'rxjs/operators', 'moment', 'ngx-mask', 'google-libphonenumber', '@angular/platform-browser'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['monkey-style-guide'] = {}, global.ng.core, global.ng.common.http, global.rxjs, global.ng.common, global.ng.forms, global.rxjs.operators, global.moment, global['ngx-mask'], global['google-libphonenumber'], global.ng.platformBrowser));
+}(this, (function (exports, core, http, rxjs, common, forms, operators, moment_, ngxMask, googleLibphonenumber, platformBrowser) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
+    }
+
+    var moment___namespace = /*#__PURE__*/_interopNamespace(moment_);
 
     var MonkeyStyleGuideService = /** @class */ (function () {
         function MonkeyStyleGuideService(http) {
@@ -407,7 +429,7 @@
      * Copyright Monkey Exchange. All Rights Reserved
      * This style guide was developed by Monkey Exchange Team
      * MIT Licence
-    **************************/
+     **************************/
     var MonkeyStyleGuideSettingsService = /** @class */ (function () {
         function MonkeyStyleGuideSettingsService(monkeySGService, monkeySGThemeConfigService) {
             this.monkeySGService = monkeySGService;
@@ -2224,6 +2246,217 @@
                 },] }
     ];
 
+    var moment = moment___namespace;
+    var ɵ0 = function () {
+        var isMobileWidth = window.screen.width <= 640 ||
+            (window.matchMedia && window.matchMedia('only screen and (max-width: 640px)').matches);
+        return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|Mobile/i.test(navigator.userAgent) || isMobileWidth);
+    };
+    var isMobile = (ɵ0)();
+    var MonkeyDateRangePickerComponent = /** @class */ (function () {
+        function MonkeyDateRangePickerComponent(fb, cdr) {
+            this.fb = fb;
+            this.cdr = cdr;
+            this.onChange = new core.EventEmitter();
+            this.today = moment().format('YYYY-MM-DD');
+            this.onModelChange = function (value) { };
+            this.onModelTouched = function (value) { };
+            this._dateFirst = moment();
+            this._dateSecond = moment().add(1, 'M');
+            this._id = "mecx-date-range-picker-" + MonkeyUtils.getRandomString(10);
+            this._daysArrFirst = [];
+            this._daysArrSecond = [];
+            this.initDateRange();
+        }
+        MonkeyDateRangePickerComponent.prototype.initDateRange = function () {
+            return (this._dateForm = this.fb.group({
+                startDate: [null, forms.Validators.required],
+                endDate: [null, forms.Validators.required],
+            }));
+        };
+        MonkeyDateRangePickerComponent.prototype.createCalendar = function (month) {
+            var firstDay = moment(month).startOf('M');
+            var lastDay = moment(month).endOf('M');
+            var days = Array.apply(null, { length: month.daysInMonth() })
+                .map(Number.call, Number)
+                .map(function (n) {
+                return moment(firstDay).add(n, 'd');
+            });
+            var n = 0;
+            while (n < firstDay.weekday()) {
+                days.unshift(null);
+                n++;
+            }
+            n = 0;
+            while (n < 7 - lastDay.weekday()) {
+                days.push(null);
+                n++;
+            }
+            var index = 1;
+            var group = [];
+            var grouped = [];
+            Object.entries(days).map(function (_a) {
+                var _b = __read(_a, 2), key = _b[0], value = _b[1];
+                if (index > 7) {
+                    index = 1;
+                    grouped.push(group);
+                    group = [];
+                }
+                group.push(value);
+                index++;
+            });
+            grouped.push(group);
+            return grouped;
+        };
+        MonkeyDateRangePickerComponent.prototype.build = function () {
+            this._daysArrFirst = this.createCalendar(this._dateFirst);
+            if (!isMobile) {
+                this._daysArrSecond = this.createCalendar(this._dateSecond);
+            }
+        };
+        MonkeyDateRangePickerComponent.prototype.navigateToToday = function () {
+            this._dateFirst = moment();
+            this._dateSecond = moment().add(1, 'M');
+            this.build();
+        };
+        MonkeyDateRangePickerComponent.prototype.ngOnInit = function () {
+            this.build();
+        };
+        MonkeyDateRangePickerComponent.prototype.registerOnChange = function (fn) {
+            this.onModelChange = fn;
+        };
+        MonkeyDateRangePickerComponent.prototype.registerOnTouched = function (fn) {
+            this.onModelTouched = fn;
+        };
+        Object.defineProperty(MonkeyDateRangePickerComponent.prototype, "value", {
+            get: function () {
+                return this._dateForm.value;
+            },
+            set: function (value) {
+                if (Object.prototype.hasOwnProperty.call(value, 'startDate') &&
+                    Object.prototype.hasOwnProperty.call(value, 'endDate')) {
+                    this._dateForm.setValue(value);
+                    this.cdr.detectChanges();
+                    this.onModelChange(this._dateForm.value);
+                    this.onModelTouched(this._dateForm.value);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        MonkeyDateRangePickerComponent.prototype.writeValue = function (value) {
+            this.value = value;
+            this.onChange.next(value);
+        };
+        MonkeyDateRangePickerComponent.prototype.nextMonth = function () {
+            this._dateFirst.add(1, 'M');
+            this._dateSecond.add(1, 'M');
+            this._daysArrFirst = this.createCalendar(this._dateFirst);
+            this._daysArrSecond = this.createCalendar(this._dateSecond);
+        };
+        MonkeyDateRangePickerComponent.prototype.previousMonth = function () {
+            this._dateFirst.subtract(1, 'M');
+            this._dateSecond.subtract(1, 'M');
+            this._daysArrFirst = this.createCalendar(this._dateFirst);
+            this._daysArrSecond = this.createCalendar(this._dateSecond);
+        };
+        MonkeyDateRangePickerComponent.prototype.todayCheck = function (day) {
+            if (!day) {
+                return false;
+            }
+            return moment().format('L') === day.format('L');
+        };
+        MonkeyDateRangePickerComponent.prototype.isSelected = function (day) {
+            if (!day) {
+                return false;
+            }
+            var startDateMoment = moment(this._dateForm.value.startDate, 'YYYY-MM-DD');
+            var endDateMoment = moment(this._dateForm.value.endDate, 'YYYY-MM-DD');
+            if (this._dateForm.valid) {
+                return startDateMoment.isSameOrBefore(day) && endDateMoment.isSameOrAfter(day);
+            }
+            if (this._dateForm.get('startDate').valid) {
+                return startDateMoment.isSame(day);
+            }
+        };
+        MonkeyDateRangePickerComponent.prototype.isFirstSelected = function (day) {
+            var _dateForm = this._dateForm;
+            var startDate = _dateForm.value.startDate;
+            return day === null || day === void 0 ? void 0 : day.isSame(startDate);
+        };
+        MonkeyDateRangePickerComponent.prototype.isLastSelected = function (day) {
+            var _dateForm = this._dateForm;
+            var endDate = _dateForm.value.endDate;
+            return day === null || day === void 0 ? void 0 : day.isSame(endDate);
+        };
+        MonkeyDateRangePickerComponent.prototype.selectedDate = function (day) {
+            var _dateForm = this._dateForm;
+            var dayFormatted = day.format('YYYY-MM-DD');
+            if (_dateForm.valid) {
+                _dateForm.setValue({ startDate: null, endDate: null });
+                this.writeValue(_dateForm.value);
+                return;
+            }
+            if (!_dateForm.get('startDate').value) {
+                _dateForm.get('startDate').patchValue(dayFormatted);
+            }
+            else {
+                _dateForm.get('endDate').patchValue(dayFormatted);
+                this.writeValue(_dateForm.value);
+            }
+        };
+        MonkeyDateRangePickerComponent.prototype.selectRangeOfDays = function (days) {
+            var _a = this, _dateForm = _a._dateForm, today = _a.today;
+            var startDate = _dateForm.value.startDate;
+            var firstDay = startDate || today;
+            var lastDay = moment(firstDay).add(days, 'day').format('YYYY-MM-DD');
+            _dateForm.get('startDate').patchValue(firstDay);
+            _dateForm.get('endDate').patchValue(lastDay);
+            this.writeValue(_dateForm.value);
+        };
+        return MonkeyDateRangePickerComponent;
+    }());
+    MonkeyDateRangePickerComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'monkey-date-range-picker',
+                    template: "\n    <mecx-date-range-picker-group [class.error]=\"errorMessage?.trim()\">\n      <mecx-date-range-picker-group-body>\n        <mecx-date-range-picker class=\"first-date-range\">\n          <mecx-date-range-picker-header>\n            <div class=\"calendar-title\">\n              <monkey-button\n                class=\"calendar-previous\"\n                color=\"theme\"\n                icon=\"arrow-left-16\"\n                type=\"tertiary\"\n                (click)=\"previousMonth()\"\n                size=\"sm\"\n              >\n              </monkey-button>\n              <div class=\"month-year-title\">\n                {{ i18n?.months?.[_dateFirst.format('M')] }}\n                {{ _dateFirst.format('YYYY') }}\n              </div>\n              <monkey-button\n                class=\"calendar-next\"\n                color=\"theme\"\n                icon=\"arrow-right-16\"\n                type=\"tertiary\"\n                (click)=\"nextMonth()\"\n                size=\"sm\"\n              >\n              </monkey-button>\n            </div>\n            <div class=\"week\">\n              <span class=\"week-day\" *ngFor=\"let day of [1, 2, 3, 4, 5, 6, 7]\">\n                {{ i18n?.days?.[day]}}\n              </span>\n            </div>\n          </mecx-date-range-picker-header>\n          <mecx-date-range-picker-body>\n            <div class=\"month-week\" *ngFor=\"let week of _daysArrFirst\">\n              <div\n                class=\"month-day\"\n                (click)=\"selectedDate(day)\"\n                [ngClass]=\"{\n                  inactive: !day,\n                  selected: isSelected(day),\n                  today: todayCheck(day),\n                  'first-selected': isFirstSelected(day),\n                  'last-selected': isLastSelected(day)\n                }\"\n                *ngFor=\"let day of week\"\n                #divOne\n              >\n                {{ day?.date() }}\n              </div>\n            </div>\n          </mecx-date-range-picker-body>\n        </mecx-date-range-picker>\n\n        <mecx-date-range-picker class=\"second-date-range\" *ngIf=\"_daysArrSecond?.length\">\n          <mecx-date-range-picker-header>\n            <div class=\"calendar-title\">\n              <div class=\"month-year-title\">\n                {{ i18n?.months?.[_dateSecond.format('M')] }}\n                {{ _dateSecond.format('YYYY') }}\n              </div>\n              <monkey-button\n                class=\"calendar-previous\"\n                color=\"theme\"\n                icon=\"arrow-right-16\"\n                type=\"tertiary\"\n                (click)=\"nextMonth()\"\n                size=\"sm\"\n              >\n              </monkey-button>\n            </div>\n            <div class=\"week\">\n              <span class=\"week-day\" *ngFor=\"let day of [1, 2, 3, 4, 5, 6, 7]\">\n                {{ i18n?.days?.[day]}}\n              </span>\n            </div>\n          </mecx-date-range-picker-header>\n          <mecx-date-range-picker-body>\n            <div class=\"month-week\" *ngFor=\"let week of _daysArrSecond\">\n              <div\n                class=\"month-day\"\n                (click)=\"selectedDate(day)\"\n                [ngClass]=\"{\n                  inactive: !day,\n                  selected: isSelected(day),\n                  today: todayCheck(day),\n                  'first-selected': isFirstSelected(day),\n                  'last-selected': isLastSelected(day)\n                }\"\n                *ngFor=\"let day of week\"\n              >\n                {{ day?.date() }}\n              </div>\n            </div>\n          </mecx-date-range-picker-body>\n        </mecx-date-range-picker>\n      </mecx-date-range-picker-group-body>\n      <mecx-date-range-picker-group-info>\n        <info>\n          {{ infoMessage }}\n        </info>\n        <error>\n          {{ errorMessage }}\n        </error>\n      </mecx-date-range-picker-group-info>\n      <mecx-date-range-picker-group-action>\n        <div class=\"action-days\">\n          <monkey-button color=\"theme\" type=\"secondary\" (click)=\"selectRangeOfDays(30)\">\n            {{ i18n?.actions?.['30'] }}\n          </monkey-button>\n          <monkey-button color=\"theme\" type=\"secondary\" (click)=\"selectRangeOfDays(60)\">\n            {{ i18n?.actions?.['60'] }}\n          </monkey-button>\n          <monkey-button color=\"theme\" type=\"secondary\" (click)=\"selectRangeOfDays(90)\">\n            {{ i18n?.actions?.['90'] }}\n          </monkey-button>\n        </div>\n        <monkey-button color=\"theme\" type=\"primary\" (click)=\"navigateToToday()\">\n          {{ i18n?.today }}\n        </monkey-button>\n      </mecx-date-range-picker-group-action>\n    </mecx-date-range-picker-group>\n  ",
+                    encapsulation: core.ViewEncapsulation.None,
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: core.forwardRef(function () { return MonkeyDateRangePickerComponent; }),
+                            multi: true,
+                        },
+                        common.CurrencyPipe,
+                    ]
+                },] }
+    ];
+    MonkeyDateRangePickerComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: core.ChangeDetectorRef }
+    ]; };
+    MonkeyDateRangePickerComponent.propDecorators = {
+        i18n: [{ type: core.Input }],
+        infoMessage: [{ type: core.Input }],
+        errorMessage: [{ type: core.Input }],
+        onChange: [{ type: core.Output }],
+        value: [{ type: core.Input }]
+    };
+
+    var MonkeyDateRangePickerModule = /** @class */ (function () {
+        function MonkeyDateRangePickerModule() {
+        }
+        return MonkeyDateRangePickerModule;
+    }());
+    MonkeyDateRangePickerModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [MonkeyDateRangePickerComponent],
+                    imports: [common.CommonModule, forms.FormsModule, forms.ReactiveFormsModule, MonkeyButtonModule, MonkeyIconModule],
+                    exports: [MonkeyDateRangePickerComponent],
+                    schemas: [core.NO_ERRORS_SCHEMA],
+                },] }
+    ];
+
     /**************************
      * Copyright Monkey Exchange. All Rights Reserved
      * This style guide was developed by Monkey Exchange Team
@@ -2265,11 +2498,14 @@
             }
             return value;
         };
+        MonkeyInputComponent.prototype.replaceZero = function (value) {
+            return ("" + value).replace(new RegExp(/0/, 'g'), '');
+        };
         MonkeyInputComponent.prototype.formatValue = function (value) {
             var _a, _b;
             var settings = this.settings;
             if (this.currency) {
-                if (!value)
+                if (!value || !this.replaceZero(value))
                     return '';
                 return this.currencyPipe.transform(value, ((_a = settings === null || settings === void 0 ? void 0 : settings.currency) === null || _a === void 0 ? void 0 : _a.code) || 'BRL', '', '1.2-2', ((_b = settings === null || settings === void 0 ? void 0 : settings.currency) === null || _b === void 0 ? void 0 : _b.locale) || 'pt-BR');
             }
@@ -2342,10 +2578,16 @@
             (_c = (_b = (_a = document === null || document === void 0 ? void 0 : document.getElementById(this._id)) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('input')) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.focus();
         };
         MonkeyInputComponent.prototype.onKeyPress = function (event) {
+            var _a;
             var pattern = null;
+            var cmp = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
             var inputChar = String.fromCharCode(event.charCode);
             if (this.currency || this.onlyNumber || this.percent) {
                 pattern = /[0-9]/;
+                if (inputChar === '0' && !this.replaceZero(cmp)) {
+                    event.preventDefault();
+                    return;
+                }
             }
             else if (this.onlyAlphaNumeric) {
                 pattern = /[^0-9A-Za-z]/;
@@ -2558,6 +2800,199 @@
                 },] }
     ];
 
+    /**************************
+     * Copyright Monkey Exchange. All Rights Reserved
+     * This style guide was developed by Monkey Exchange Team
+     * MIT Licence
+     **************************/
+    var phoneUtil = googleLibphonenumber.PhoneNumberUtil.getInstance();
+    var formatter = new googleLibphonenumber.AsYouTypeFormatter('US');
+    var MonkeyInputPhoneComponent = /** @class */ (function () {
+        function MonkeyInputPhoneComponent(currencyPipe, settingsService, cdr) {
+            this.currencyPipe = currencyPipe;
+            this.settingsService = settingsService;
+            this.cdr = cdr;
+            this.name = "mecx-input-phone-" + MonkeyUtils.getRandomString(10);
+            this.helperMessage = '';
+            this.placeholder = '';
+            this.maxLength = 255;
+            this.maxDateToday = false;
+            this.onChange = new core.EventEmitter();
+            this.onModelChange = function (value) { };
+            this.onModelTouched = function (value) { };
+            this._id = "mecx-input-phone-" + MonkeyUtils.getRandomString(10);
+            this._disabled = false;
+            this._maxDateToday = new Date().toISOString().split('T')[0];
+            this._symbol = '';
+            this._countryCodes = [];
+        }
+        MonkeyInputPhoneComponent.prototype.handleValue = function (value, apply) {
+            if (apply === void 0) { apply = false; }
+            if (this.onlyNumber) {
+                return MonkeyUtils.handleOnlyNumbers("" + value);
+            }
+            else if (this.onlyAlphaNumeric)
+                return MonkeyUtils.handleOnlyAlphaNumeric("" + value);
+            else if (this.upperCase)
+                return ("" + value).toUpperCase();
+            else if (this.lowerCase)
+                return ("" + value).toLowerCase();
+            else if (this.capitalize)
+                return MonkeyUtils.capitalize(("" + value).toUpperCase());
+            else if (this.currency || this.percent) {
+                return MonkeyUtils.handleOnlyNumbers("" + value) / (apply ? 100 : 1);
+            }
+            return value;
+        };
+        MonkeyInputPhoneComponent.prototype.replaceZero = function (value) {
+            return ("" + value).replace(new RegExp(/0/, 'g'), '');
+        };
+        MonkeyInputPhoneComponent.prototype.formatValue = function (value) {
+            //console.log(this.phoneUtil);
+            //console.log(this.phoneUtil.formatInOriginalFormat(value, 'US'));
+            //this.phoneUtil.inputDigit('2');
+            console.log(formatter.inputDigit(value));
+            var number = phoneUtil.parse(value, 'BR');
+            console.log(phoneUtil.isPossibleNumber(number));
+            console.log(phoneUtil.format(number, googleLibphonenumber.PhoneNumberFormat.INTERNATIONAL));
+            return phoneUtil.format(number, googleLibphonenumber.PhoneNumberFormat.INTERNATIONAL);
+        };
+        MonkeyInputPhoneComponent.prototype.handleSymbol = function () {
+            var _a;
+            var settings = this.settings;
+            if (this.currency) {
+                this._symbol = {
+                    BRL: 'R$',
+                    CLP: 'CLP',
+                }[((_a = settings === null || settings === void 0 ? void 0 : settings.currency) === null || _a === void 0 ? void 0 : _a.code) || 'BRL'];
+            }
+            else if (this.percent) {
+                this._symbol = '%';
+            }
+        };
+        MonkeyInputPhoneComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            var settingsService = this.settingsService;
+            this._oldType = this.type;
+            settingsService.settings().subscribe(function (val) {
+                _this.settings = val;
+                _this.handleSymbol();
+            });
+            this._countryCodes = phoneUtil
+                .getSupportedRegions()
+                .map(function (code) {
+                return phoneUtil.getCountryCodeForRegion(code);
+            })
+                .filter(function (v, i, a) { return a.indexOf(v) === i; })
+                .sort(function (a, b) { return (a < b ? -1 : 1); });
+        };
+        MonkeyInputPhoneComponent.prototype.registerOnChange = function (fn) {
+            this.onModelChange = fn;
+        };
+        MonkeyInputPhoneComponent.prototype.registerOnTouched = function (fn) {
+            this.onModelTouched = fn;
+        };
+        MonkeyInputPhoneComponent.prototype.setDisabledState = function (isDisabled) {
+            this._disabled = isDisabled;
+        };
+        Object.defineProperty(MonkeyInputPhoneComponent.prototype, "value", {
+            get: function () {
+                return this.handledValue;
+            },
+            set: function (value) {
+                this.handledValue = value;
+                this._formatedValue = this.formatValue(value);
+                this.cdr.detectChanges();
+                this.onModelChange(this.handledValue);
+                this.onModelTouched(this.handledValue);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        MonkeyInputPhoneComponent.prototype.writeValue = function (value) {
+            this.value = value;
+        };
+        MonkeyInputPhoneComponent.prototype.onChangeValue = function (event) {
+            var value = this._formatedValue;
+            event === null || event === void 0 ? void 0 : event.preventDefault();
+            event === null || event === void 0 ? void 0 : event.stopPropagation();
+            var handled = this.handleValue(value, true);
+            this.writeValue(handled);
+            this.onChange.next(handled);
+        };
+        MonkeyInputPhoneComponent.prototype.onShowAndHidePassword = function () {
+            this.type = this.type === 'password' ? 'text' : 'password';
+        };
+        MonkeyInputPhoneComponent.prototype.onClick = function () {
+            var _a, _b, _c;
+            (_c = (_b = (_a = document === null || document === void 0 ? void 0 : document.getElementById(this._id)) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('input')) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.focus();
+        };
+        MonkeyInputPhoneComponent.prototype.onKeyPress = function (event) {
+            var _a;
+            var pattern = null;
+            var cmp = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
+            var inputChar = String.fromCharCode(event.charCode);
+            if (this.currency || this.onlyNumber || this.percent) {
+                pattern = /[0-9]/;
+                if (inputChar === '0' && !this.replaceZero(cmp)) {
+                    event.preventDefault();
+                    return;
+                }
+            }
+            else if (this.onlyAlphaNumeric) {
+                pattern = /[^0-9A-Za-z]/;
+            }
+            if (pattern && !pattern.test(inputChar)) {
+                event.preventDefault();
+            }
+        };
+        return MonkeyInputPhoneComponent;
+    }());
+    MonkeyInputPhoneComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'monkey-input-phone',
+                    template: "\n    <monkey-select\n      [label]=\"'teste'\"\n      errorMessage=\"\"\n      errorMessage=\"\"\n      [placeholder]=\"'Selecione um banco'\"\n    >\n      <monkey-option label=\"op\" value=\"op\"> </monkey-option>\n      <monkey-option label=\"op\" value=\"op\"> </monkey-option>\n      <monkey-option label=\"op\" value=\"op\"> </monkey-option>\n    </monkey-select>\n  ",
+                    encapsulation: core.ViewEncapsulation.None,
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: core.forwardRef(function () { return MonkeyInputPhoneComponent; }),
+                            multi: true,
+                        },
+                        common.CurrencyPipe,
+                    ]
+                },] }
+    ];
+    MonkeyInputPhoneComponent.ctorParameters = function () { return [
+        { type: common.CurrencyPipe },
+        { type: MonkeyStyleGuideSettingsService },
+        { type: core.ChangeDetectorRef }
+    ]; };
+    MonkeyInputPhoneComponent.propDecorators = {
+        name: [{ type: core.Input }],
+        label: [{ type: core.Input }],
+        helperMessage: [{ type: core.Input }],
+        placeholder: [{ type: core.Input }],
+        icon: [{ type: core.Input }],
+        type: [{ type: core.Input }],
+        infoMessage: [{ type: core.Input }],
+        errorMessage: [{ type: core.Input }],
+        mask: [{ type: core.Input }],
+        prefix: [{ type: core.Input }],
+        maxLength: [{ type: core.Input }],
+        onlyNumber: [{ type: core.Input }],
+        onlyAlphaNumeric: [{ type: core.Input }],
+        upperCase: [{ type: core.Input }],
+        lowerCase: [{ type: core.Input }],
+        capitalize: [{ type: core.Input }],
+        currency: [{ type: core.Input }],
+        percent: [{ type: core.Input }],
+        maxDateToday: [{ type: core.Input }],
+        onChange: [{ type: core.Output }],
+        value: [{ type: core.Input }],
+        onClick: [{ type: core.HostListener, args: ['click',] }]
+    };
+
     /**************************
      * Copyright Monkey Exchange. All Rights Reserved
      * This style guide was developed by Monkey Exchange Team
@@ -3365,6 +3800,27 @@
                 },] }
     ];
 
+    var MonkeyInputPhoneModule = /** @class */ (function () {
+        function MonkeyInputPhoneModule() {
+        }
+        return MonkeyInputPhoneModule;
+    }());
+    MonkeyInputPhoneModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [MonkeyInputPhoneComponent],
+                    imports: [
+                        common.CommonModule,
+                        forms.FormsModule,
+                        forms.ReactiveFormsModule,
+                        ngxMask.NgxMaskModule.forRoot(),
+                        MonkeyIconModule,
+                        MonkeySelectModule,
+                    ],
+                    exports: [MonkeyInputPhoneComponent],
+                    schemas: [core.NO_ERRORS_SCHEMA],
+                },] }
+    ];
+
     /**************************
      * Copyright Monkey Exchange. All Rights Reserved
      * This style guide was developed by Monkey Exchange Team
@@ -4661,6 +5117,8 @@
     exports.MonkeyButtonModule = MonkeyButtonModule;
     exports.MonkeyCheckboxComponent = MonkeyCheckboxComponent;
     exports.MonkeyCheckboxModule = MonkeyCheckboxModule;
+    exports.MonkeyDateRangePickerComponent = MonkeyDateRangePickerComponent;
+    exports.MonkeyDateRangePickerModule = MonkeyDateRangePickerModule;
     exports.MonkeyExpansionComponent = MonkeyExpansionComponent;
     exports.MonkeyExpansionModule = MonkeyExpansionModule;
     exports.MonkeyFileUploadComponent = MonkeyFileUploadComponent;
@@ -4737,6 +5195,8 @@
     exports.MonkeyInputComponent = MonkeyInputComponent;
     exports.MonkeyInputFilterComponent = MonkeyInputFilterComponent;
     exports.MonkeyInputModule = MonkeyInputModule;
+    exports.MonkeyInputPhoneComponent = MonkeyInputPhoneComponent;
+    exports.MonkeyInputPhoneModule = MonkeyInputPhoneModule;
     exports.MonkeyModalComponent = MonkeyModalComponent;
     exports.MonkeyModalModule = MonkeyModalModule;
     exports.MonkeyOptionComponent = MonkeyOptionComponent;
@@ -4765,6 +5225,7 @@
     exports.MonkeyUtils = MonkeyUtils;
     exports.MonkeyWizardComponent = MonkeyWizardComponent;
     exports.MonkeyWizardModule = MonkeyWizardModule;
+    exports.ɵ0 = ɵ0;
     exports.ɵa = MonkeyStyleGuideService;
     exports.ɵb = MonkeyStyleGuideSettingsService;
     exports.ɵc = MonkeyStyleGuideThemeSettingsService;