@seniorsistemas/angular-components 16.10.8 → 16.10.9
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/seniorsistemas-angular-components.umd.js +5 -1
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/country-phone-picker/country-phone-picker.component.d.ts +1 -0
- package/esm2015/components/country-phone-picker/country-phone-picker.component.js +6 -2
- package/esm5/components/country-phone-picker/country-phone-picker.component.js +6 -2
- package/fesm2015/seniorsistemas-angular-components.js +5 -1
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +5 -1
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -1558,6 +1558,7 @@
|
|
|
1558
1558
|
this.offsetTop = 0;
|
|
1559
1559
|
this.ordination = exports.Ordination.NO;
|
|
1560
1560
|
this.selected = new core.EventEmitter();
|
|
1561
|
+
this.onBlurEvent = new core.EventEmitter();
|
|
1561
1562
|
this.tabindex = 0;
|
|
1562
1563
|
this._filterCountries = function (value) {
|
|
1563
1564
|
if (!value) {
|
|
@@ -1790,6 +1791,9 @@
|
|
|
1790
1791
|
__decorate([
|
|
1791
1792
|
core.Output()
|
|
1792
1793
|
], CountryPhonePickerComponent.prototype, "selected", void 0);
|
|
1794
|
+
__decorate([
|
|
1795
|
+
core.Output()
|
|
1796
|
+
], CountryPhonePickerComponent.prototype, "onBlurEvent", void 0);
|
|
1793
1797
|
__decorate([
|
|
1794
1798
|
core.ViewChild("phoneInput", { static: true })
|
|
1795
1799
|
], CountryPhonePickerComponent.prototype, "phoneInput", void 0);
|
|
@@ -1805,7 +1809,7 @@
|
|
|
1805
1809
|
CountryPhonePickerComponent = CountryPhonePickerComponent_1 = __decorate([
|
|
1806
1810
|
core.Component({
|
|
1807
1811
|
selector: "s-country-phone-picker",
|
|
1808
|
-
template: "<div class=\"country-phone-picker\">\n <div class=\"phone-input\">\n <div class=\"drop\" (click)=\"open = !open\">\n <span class=\"drop-flag\" [ngClass]=\"'fi fi-' + selectedItem.id\">\n </span>\n <span class=\"drop-icon fas fa-caret-down\"></span>\n </div>\n <p class=\"phone-ddi\">{{ selectedItem.ddi }}</p>\n <input\n #phoneInput\n type=\"tel\"\n autofocus\n [mask]=\"mask\" \n [placeholder]=\"getPlaceholder()\"\n [formControl]=\"phone\"\n (focus)=\"onPhoneInputFocus()\" />\n </div>\n <div *ngIf=\"open\" class=\"dropdown\">\n <div class=\"search\">\n <input\n class=\"search-field\"\n type=\"text\"\n [formControl]=\"filter\">\n <span class=\"search-icon fas fa-search\"></span>\n <span\n class=\"search-clear fa fa-times\"\n (click)=\"onCleanFilter()\"></span>\n </div>\n <ul class=\"select-list\">\n <li\n *ngFor=\"let country of filteredCountriesList; let i = index;\"\n class=\"select-option\"\n [ngClass]=\"{ 'select-option--focused': i == currentItemIndex }\"\n (click)=\"onSelectItem(country)\">\n <span\n class=\"select-option__flag\"\n [ngClass]=\"'fi fi-' + country.id\">\n </span>\n <span class=\"select-option__name\">\n {{ \"platform.angular_components.country_name_\" + country.id | translate }}\n </span>\n <span class=\"select-option__ddi\">\n {{ country.ddi }}\n </span>\n </li>\n </ul>\n </div>\n</div>",
|
|
1812
|
+
template: "<div class=\"country-phone-picker\">\n <div class=\"phone-input\">\n <div class=\"drop\" (click)=\"open = !open\">\n <span class=\"drop-flag\" [ngClass]=\"'fi fi-' + selectedItem.id\">\n </span>\n <span class=\"drop-icon fas fa-caret-down\"></span>\n </div>\n <p class=\"phone-ddi\">{{ selectedItem.ddi }}</p>\n <input\n #phoneInput\n type=\"tel\"\n autofocus\n [mask]=\"mask\" \n [placeholder]=\"getPlaceholder()\"\n [formControl]=\"phone\"\n (focus)=\"onPhoneInputFocus()\" \n (blur)=\"onBlurEvent.emit(value)\"\n />\n </div>\n <div *ngIf=\"open\" class=\"dropdown\">\n <div class=\"search\">\n <input\n class=\"search-field\"\n type=\"text\"\n [formControl]=\"filter\">\n <span class=\"search-icon fas fa-search\"></span>\n <span\n class=\"search-clear fa fa-times\"\n (click)=\"onCleanFilter()\"></span>\n </div>\n <ul class=\"select-list\">\n <li\n *ngFor=\"let country of filteredCountriesList; let i = index;\"\n class=\"select-option\"\n [ngClass]=\"{ 'select-option--focused': i == currentItemIndex }\"\n (click)=\"onSelectItem(country)\">\n <span\n class=\"select-option__flag\"\n [ngClass]=\"'fi fi-' + country.id\">\n </span>\n <span class=\"select-option__name\">\n {{ \"platform.angular_components.country_name_\" + country.id | translate }}\n </span>\n <span class=\"select-option__ddi\">\n {{ country.ddi }}\n </span>\n </li>\n </ul>\n </div>\n</div>",
|
|
1809
1813
|
providers: [{
|
|
1810
1814
|
provide: forms.NG_VALUE_ACCESSOR,
|
|
1811
1815
|
useExisting: core.forwardRef(function () { return CountryPhonePickerComponent_1; }),
|