monkey-style-guide 2.0.99 → 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 +18 -12
- package/bundles/monkey-style-guide.umd.js.map +1 -1
- package/esm2015/lib/components/input-phone/input-phone.component.js +22 -24
- package/fesm2015/monkey-style-guide.js +21 -23
- 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.99.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,25 +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,
|
|
3792
|
-
|
|
3791
|
+
var _d = this, internationalNumber = _d.internationalNumber, _handledValue = _d._handledValue;
|
|
3792
|
+
if (_handledValue)
|
|
3793
|
+
return "+" + internationalNumber + _handledValue;
|
|
3794
|
+
return '';
|
|
3793
3795
|
};
|
|
3794
3796
|
MonkeyInputPhoneComponent.prototype.ngOnInit = function () {
|
|
3797
|
+
var _a, _b;
|
|
3795
3798
|
this._countryCodes = MonkeyUtils.getPhoneRegions();
|
|
3796
3799
|
this.onHandleInternationalNumber();
|
|
3797
|
-
this.onHandleCountryCode(this.
|
|
3798
|
-
this._formControl =
|
|
3800
|
+
this.onHandleCountryCode(this.internationalNumber);
|
|
3801
|
+
this._formControl =
|
|
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));
|
|
3799
3803
|
};
|
|
3800
3804
|
MonkeyInputPhoneComponent.prototype.onHandleInternationalNumber = function (value) {
|
|
3801
|
-
this.
|
|
3802
|
-
MonkeyUtils.getPhoneCountryCode(value || this._handledValue) || this.
|
|
3805
|
+
this.internationalNumber =
|
|
3806
|
+
MonkeyUtils.getPhoneCountryCode(value || this._handledValue) || this.internationalNumber;
|
|
3803
3807
|
};
|
|
3804
3808
|
MonkeyInputPhoneComponent.prototype.onHandleInternationalNumberFormated = function () {
|
|
3805
|
-
var
|
|
3806
|
-
return "+" +
|
|
3809
|
+
var internationalNumber = this.internationalNumber;
|
|
3810
|
+
return "+" + internationalNumber;
|
|
3807
3811
|
};
|
|
3808
3812
|
MonkeyInputPhoneComponent.prototype.onHandleCountryCode = function (event) {
|
|
3809
3813
|
var maxLength = MonkeyUtils.getPhoneHandle(event).maxLength;
|
|
@@ -3867,12 +3871,12 @@
|
|
|
3867
3871
|
return MonkeyInputPhoneComponent;
|
|
3868
3872
|
}());
|
|
3869
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 });
|
|
3870
|
-
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 });
|
|
3871
3875
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: MonkeyInputPhoneComponent, decorators: [{
|
|
3872
3876
|
type: i0.Component,
|
|
3873
3877
|
args: [{
|
|
3874
3878
|
selector: 'monkey-input-phone',
|
|
3875
|
-
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 ",
|
|
3876
3880
|
encapsulation: i0.ViewEncapsulation.None,
|
|
3877
3881
|
}]
|
|
3878
3882
|
}], ctorParameters: function () {
|
|
@@ -3897,6 +3901,8 @@
|
|
|
3897
3901
|
type: i0.Input
|
|
3898
3902
|
}], maxLength: [{
|
|
3899
3903
|
type: i0.Input
|
|
3904
|
+
}], internationalNumber: [{
|
|
3905
|
+
type: i0.Input
|
|
3900
3906
|
}], onChange: [{
|
|
3901
3907
|
type: i0.Output
|
|
3902
3908
|
}], value: [{
|