monkey-style-guide 2.0.102 → 2.0.103
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/bundles/monkey-style-guide.umd.js +13 -11
- package/bundles/monkey-style-guide.umd.js.map +1 -1
- package/esm2015/lib/components/input-phone/input-phone.component.js +17 -23
- package/fesm2015/monkey-style-guide.js +16 -22
- package/fesm2015/monkey-style-guide.js.map +1 -1
- package/lib/components/input-phone/input-phone.component.d.ts +2 -2
- package/monkey-style-guide-2.0.103.tgz +0 -0
- package/package.json +1 -1
- package/monkey-style-guide-2.0.102.tgz +0 -0
|
@@ -3765,6 +3765,7 @@
|
|
|
3765
3765
|
this.helperMessage = '';
|
|
3766
3766
|
this.placeholder = '';
|
|
3767
3767
|
this.maxLength = 255;
|
|
3768
|
+
this.internationalNumber = 55;
|
|
3768
3769
|
this.onChange = new i0.EventEmitter();
|
|
3769
3770
|
this.onModelChange = function (value) { };
|
|
3770
3771
|
this.onModelTouched = function (value) { };
|
|
@@ -3772,7 +3773,6 @@
|
|
|
3772
3773
|
this._disabled = false;
|
|
3773
3774
|
this._regionCodes = [];
|
|
3774
3775
|
this._countryCodes = [];
|
|
3775
|
-
this._internationalNumber = 55;
|
|
3776
3776
|
this._formControl = null;
|
|
3777
3777
|
if (this.ngControl != null) {
|
|
3778
3778
|
this.ngControl.valueAccessor = this;
|
|
@@ -3785,29 +3785,29 @@
|
|
|
3785
3785
|
return ("" + value).replace(new RegExp(/0/, 'g'), '');
|
|
3786
3786
|
};
|
|
3787
3787
|
MonkeyInputPhoneComponent.prototype.formatValue = function (value) {
|
|
3788
|
-
return MonkeyUtils.getPhoneNumberFormated(value, this.
|
|
3788
|
+
return MonkeyUtils.getPhoneNumberFormated(value, this.internationalNumber);
|
|
3789
3789
|
};
|
|
3790
3790
|
MonkeyInputPhoneComponent.prototype.getValue = function () {
|
|
3791
|
-
var _d = this,
|
|
3791
|
+
var _d = this, internationalNumber = _d.internationalNumber, _handledValue = _d._handledValue;
|
|
3792
3792
|
if (_handledValue)
|
|
3793
|
-
return "+" +
|
|
3793
|
+
return "+" + internationalNumber + _handledValue;
|
|
3794
3794
|
return '';
|
|
3795
3795
|
};
|
|
3796
3796
|
MonkeyInputPhoneComponent.prototype.ngOnInit = function () {
|
|
3797
3797
|
var _a, _b;
|
|
3798
3798
|
this._countryCodes = MonkeyUtils.getPhoneRegions();
|
|
3799
3799
|
this.onHandleInternationalNumber();
|
|
3800
|
-
this.onHandleCountryCode(this.
|
|
3800
|
+
this.onHandleCountryCode(this.internationalNumber);
|
|
3801
3801
|
this._formControl =
|
|
3802
3802
|
this.ngControl && (((_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.form) || ((_b = this.ngControl) === null || _b === void 0 ? void 0 : _b.control));
|
|
3803
3803
|
};
|
|
3804
3804
|
MonkeyInputPhoneComponent.prototype.onHandleInternationalNumber = function (value) {
|
|
3805
|
-
this.
|
|
3806
|
-
MonkeyUtils.getPhoneCountryCode(value || this._handledValue) || this.
|
|
3805
|
+
this.internationalNumber =
|
|
3806
|
+
MonkeyUtils.getPhoneCountryCode(value || this._handledValue) || this.internationalNumber;
|
|
3807
3807
|
};
|
|
3808
3808
|
MonkeyInputPhoneComponent.prototype.onHandleInternationalNumberFormated = function () {
|
|
3809
|
-
var
|
|
3810
|
-
return "+" +
|
|
3809
|
+
var internationalNumber = this.internationalNumber;
|
|
3810
|
+
return "+" + internationalNumber;
|
|
3811
3811
|
};
|
|
3812
3812
|
MonkeyInputPhoneComponent.prototype.onHandleCountryCode = function (event) {
|
|
3813
3813
|
var maxLength = MonkeyUtils.getPhoneHandle(event).maxLength;
|
|
@@ -3871,12 +3871,12 @@
|
|
|
3871
3871
|
return MonkeyInputPhoneComponent;
|
|
3872
3872
|
}());
|
|
3873
3873
|
MonkeyInputPhoneComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: MonkeyInputPhoneComponent, deps: [{ token: i1__namespace$2.NgControl, optional: true, self: true }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3874
|
-
MonkeyInputPhoneComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: MonkeyInputPhoneComponent, selector: "monkey-input-phone", inputs: { name: "name", label: "label", helperMessage: "helperMessage", placeholder: "placeholder", icon: "icon", infoMessage: "infoMessage", errorMessage: "errorMessage", maxLength: "maxLength", value: "value" }, outputs: { onChange: "onChange" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0__namespace, 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?.trim()\">\n <monkey-icon\n [icon]=\"icon\"\n [color]=\"errorMessage?.trim() ? '#fa3838' : '#4B4A53'\"\n *ngIf=\"icon\"\n ></monkey-icon>\n <monkey-select\n [(ngModel)]=\"
|
|
3874
|
+
MonkeyInputPhoneComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: MonkeyInputPhoneComponent, selector: "monkey-input-phone", inputs: { name: "name", label: "label", helperMessage: "helperMessage", placeholder: "placeholder", icon: "icon", infoMessage: "infoMessage", errorMessage: "errorMessage", maxLength: "maxLength", internationalNumber: "internationalNumber", value: "value" }, outputs: { onChange: "onChange" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0__namespace, 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?.trim()\">\n <monkey-icon\n [icon]=\"icon\"\n [color]=\"errorMessage?.trim() ? '#fa3838' : '#4B4A53'\"\n *ngIf=\"icon\"\n ></monkey-icon>\n <monkey-select\n [(ngModel)]=\"internationalNumber\"\n [labelSelect]=\"onHandleInternationalNumberFormated()\"\n (onChange)=\"onHandleCountryCode($event)\"\n >\n <monkey-option *ngFor=\"let cc of _countryCodes\" [label]=\"'+' + cc\" [value]=\"cc\">\n </monkey-option>\n </monkey-select>\n <input\n [name]=\"name\"\n type=\"string\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [maxLength]=\"maxLength\"\n phoneNumberValidate\n [ctrl]=\"_formControl\"\n [phoneNumber]=\"_handledValue\"\n [internationalNumber]=\"internationalNumber\"\n #monkeyInput\n />\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 ", isInline: true, components: [{ type: MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }, { type: MonkeySelectComponent, selector: "monkey-select", inputs: ["label", "helperMessage", "placeholder", "icon", "infoMessage", "errorMessage", "labelSelect", "onHandleOptions", "value"], outputs: ["onChange"] }, { type: MonkeyOptionComponent, selector: "monkey-option", inputs: ["type", "label", "value", "selectAll", "selected", "enableClick"], outputs: ["onSelectOption"] }], directives: [{ type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: PhoneNumberValidDirective, selector: "[phoneNumberValidate]", inputs: ["phoneNumber", "internationalNumber", "ctrl"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
3875
3875
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: MonkeyInputPhoneComponent, decorators: [{
|
|
3876
3876
|
type: i0.Component,
|
|
3877
3877
|
args: [{
|
|
3878
3878
|
selector: 'monkey-input-phone',
|
|
3879
|
-
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?.trim()\">\n <monkey-icon\n [icon]=\"icon\"\n [color]=\"errorMessage?.trim() ? '#fa3838' : '#4B4A53'\"\n *ngIf=\"icon\"\n ></monkey-icon>\n <monkey-select\n [(ngModel)]=\"
|
|
3879
|
+
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?.trim()\">\n <monkey-icon\n [icon]=\"icon\"\n [color]=\"errorMessage?.trim() ? '#fa3838' : '#4B4A53'\"\n *ngIf=\"icon\"\n ></monkey-icon>\n <monkey-select\n [(ngModel)]=\"internationalNumber\"\n [labelSelect]=\"onHandleInternationalNumberFormated()\"\n (onChange)=\"onHandleCountryCode($event)\"\n >\n <monkey-option *ngFor=\"let cc of _countryCodes\" [label]=\"'+' + cc\" [value]=\"cc\">\n </monkey-option>\n </monkey-select>\n <input\n [name]=\"name\"\n type=\"string\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [maxLength]=\"maxLength\"\n phoneNumberValidate\n [ctrl]=\"_formControl\"\n [phoneNumber]=\"_handledValue\"\n [internationalNumber]=\"internationalNumber\"\n #monkeyInput\n />\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 ",
|
|
3880
3880
|
encapsulation: i0.ViewEncapsulation.None,
|
|
3881
3881
|
}]
|
|
3882
3882
|
}], ctorParameters: function () {
|
|
@@ -3901,6 +3901,8 @@
|
|
|
3901
3901
|
type: i0.Input
|
|
3902
3902
|
}], maxLength: [{
|
|
3903
3903
|
type: i0.Input
|
|
3904
|
+
}], internationalNumber: [{
|
|
3905
|
+
type: i0.Input
|
|
3904
3906
|
}], onChange: [{
|
|
3905
3907
|
type: i0.Output
|
|
3906
3908
|
}], value: [{
|