intl-input-phone
Version:
Angular library to provide the international phone number feature by country dropdown and input fields with lots of customization and features like input masking, change the country, require valiation and many more.
59 lines • 6 kB
JavaScript
import { ContentOptionsEnum, SortOrderEnum, TooltipOptionsEnum, OutputOptionsEnum } from "./Enums";
import { Injectable } from '@angular/core';
import * as i0 from "@angular/core";
/**
* Class for configure the dropdown.
*/
export class ConfigurationOptions {
constructor() {
/**
* Prperty to set the selector for the dropdown.
* Default : 'IntlPhoneNumber'
*/
this.SelectorClass = "IntlPhoneNumber";
/**
* Property to set which content show in option
* Default : Flag, CountryPhoneCode
*/
this.OptionTextTypes = [
ContentOptionsEnum.Flag,
ContentOptionsEnum.CountryPhoneCode
];
/**
* Property to set the tooltip text
* Default : Country Name
*/
this.ToolTipText = TooltipOptionsEnum.CountryName;
/**
* Property to set whether tooltip is show or not.
* Default : true
*/
this.IsShowToolTip = true;
/**
* Property to set whether user want search option or not.
* Default : true
*/
this.IsShowSearchOption = true;
/**
* Property to set the sort order of country list to be rendered.
* Default : CountryISOCode
*/
this.SortBy = SortOrderEnum.CountryISOCode;
/**
* Property to set whether show all other country in dropdown as well or not, when specify custom country list in module.
* Default : true
*/
this.IsShowAllOtherCountry = true;
/**
* Property to set in which format user want the output when fill the input correctly.
* Default : NumberWithCountryCode
*/
this.OutputFormat = OutputOptionsEnum.NumberWithCountryCode;
}
}
/** @nocollapse */ ConfigurationOptions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ConfigurationOptions, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
/** @nocollapse */ ConfigurationOptions.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ConfigurationOptions });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ConfigurationOptions, decorators: [{
type: Injectable
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29uZmlndXJhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ludGwtaW5wdXQtcGhvbmUvc3JjL2xpYi9tb2RlbC9Db25maWd1cmF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxhQUFhLEVBQUUsa0JBQWtCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDbkcsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFM0M7O0dBRUc7QUFFSCxNQUFNLE9BQU8sb0JBQW9CO0lBRGpDO1FBR0U7OztXQUdHO1FBQ0ksa0JBQWEsR0FBWSxpQkFBaUIsQ0FBQztRQUVsRDs7O1dBR0c7UUFDSSxvQkFBZSxHQUF5QjtZQUM3QyxrQkFBa0IsQ0FBQyxJQUFJO1lBQ3ZCLGtCQUFrQixDQUFDLGdCQUFnQjtTQUNwQyxDQUFDO1FBRUY7OztXQUdHO1FBQ0ksZ0JBQVcsR0FBdUIsa0JBQWtCLENBQUMsV0FBVyxDQUFDO1FBRXhFOzs7V0FHRztRQUNJLGtCQUFhLEdBQWEsSUFBSSxDQUFDO1FBRXRDOzs7V0FHRztRQUNJLHVCQUFrQixHQUFhLElBQUksQ0FBQztRQUUzQzs7O1dBR0c7UUFDSSxXQUFNLEdBQW1CLGFBQWEsQ0FBQyxjQUFjLENBQUM7UUFHN0Q7OztXQUdHO1FBQ0ksMEJBQXFCLEdBQWEsSUFBSSxDQUFDO1FBRTlDOzs7V0FHRztRQUNJLGlCQUFZLEdBQXVCLGlCQUFpQixDQUFDLHFCQUFxQixDQUFDO0tBRW5GOztvSUF0RFksb0JBQW9CO3dJQUFwQixvQkFBb0I7MkZBQXBCLG9CQUFvQjtrQkFEaEMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbnRlbnRPcHRpb25zRW51bSwgU29ydE9yZGVyRW51bSwgVG9vbHRpcE9wdGlvbnNFbnVtLCBPdXRwdXRPcHRpb25zRW51bSB9IGZyb20gXCIuL0VudW1zXCI7XHJcbmltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBDbGFzcyBmb3IgY29uZmlndXJlIHRoZSBkcm9wZG93bi5cclxuICovXHJcbkBJbmplY3RhYmxlKClcclxuZXhwb3J0IGNsYXNzIENvbmZpZ3VyYXRpb25PcHRpb25zIHtcclxuXHJcbiAgLyoqXHJcbiAgICogUHJwZXJ0eSB0byBzZXQgdGhlIHNlbGVjdG9yIGZvciB0aGUgZHJvcGRvd24uXHJcbiAgICogRGVmYXVsdCA6ICdJbnRsUGhvbmVOdW1iZXInXHJcbiAgICovXHJcbiAgcHVibGljIFNlbGVjdG9yQ2xhc3MgOiBzdHJpbmcgPSBcIkludGxQaG9uZU51bWJlclwiO1xyXG5cclxuICAvKipcclxuICAgKiBQcm9wZXJ0eSB0byBzZXQgd2hpY2ggY29udGVudCBzaG93IGluIG9wdGlvblxyXG4gICAqIERlZmF1bHQgOiBGbGFnLCBDb3VudHJ5UGhvbmVDb2RlXHJcbiAgICovXHJcbiAgcHVibGljIE9wdGlvblRleHRUeXBlczogQ29udGVudE9wdGlvbnNFbnVtW10gPSBbXHJcbiAgICBDb250ZW50T3B0aW9uc0VudW0uRmxhZyxcclxuICAgIENvbnRlbnRPcHRpb25zRW51bS5Db3VudHJ5UGhvbmVDb2RlXHJcbiAgXTtcclxuXHJcbiAgLyoqXHJcbiAgICogUHJvcGVydHkgdG8gc2V0IHRoZSB0b29sdGlwIHRleHRcclxuICAgKiBEZWZhdWx0IDogQ291bnRyeSBOYW1lXHJcbiAgICovXHJcbiAgcHVibGljIFRvb2xUaXBUZXh0OiBUb29sdGlwT3B0aW9uc0VudW0gPSBUb29sdGlwT3B0aW9uc0VudW0uQ291bnRyeU5hbWU7XHJcblxyXG4gIC8qKlxyXG4gICAqIFByb3BlcnR5IHRvIHNldCB3aGV0aGVyIHRvb2x0aXAgaXMgc2hvdyBvciBub3QuXHJcbiAgICogRGVmYXVsdCA6IHRydWVcclxuICAgKi9cclxuICBwdWJsaWMgSXNTaG93VG9vbFRpcCA6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAvKipcclxuICAgKiBQcm9wZXJ0eSB0byBzZXQgd2hldGhlciB1c2VyIHdhbnQgc2VhcmNoIG9wdGlvbiBvciBub3QuXHJcbiAgICogRGVmYXVsdCA6IHRydWVcclxuICAgKi9cclxuICBwdWJsaWMgSXNTaG93U2VhcmNoT3B0aW9uIDogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIC8qKlxyXG4gICAqIFByb3BlcnR5IHRvIHNldCB0aGUgc29ydCBvcmRlciBvZiBjb3VudHJ5IGxpc3QgdG8gYmUgcmVuZGVyZWQuXHJcbiAgICogRGVmYXVsdCA6IENvdW50cnlJU09Db2RlXHJcbiAgICovXHJcbiAgcHVibGljIFNvcnRCeSA6IFNvcnRPcmRlckVudW0gPSBTb3J0T3JkZXJFbnVtLkNvdW50cnlJU09Db2RlO1xyXG5cclxuXHJcbiAgLyoqXHJcbiAgICogUHJvcGVydHkgdG8gc2V0IHdoZXRoZXIgc2hvdyBhbGwgb3RoZXIgY291bnRyeSBpbiBkcm9wZG93biBhcyB3ZWxsIG9yIG5vdCwgd2hlbiBzcGVjaWZ5IGN1c3RvbSBjb3VudHJ5IGxpc3QgaW4gbW9kdWxlLlxyXG4gICAqIERlZmF1bHQgOiB0cnVlXHJcbiAgICovXHJcbiAgcHVibGljIElzU2hvd0FsbE90aGVyQ291bnRyeSA6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAvKipcclxuICAgKiBQcm9wZXJ0eSB0byBzZXQgaW4gd2hpY2ggZm9ybWF0IHVzZXIgd2FudCB0aGUgb3V0cHV0IHdoZW4gZmlsbCB0aGUgaW5wdXQgY29ycmVjdGx5LlxyXG4gICAqIERlZmF1bHQgOiBOdW1iZXJXaXRoQ291bnRyeUNvZGVcclxuICAgKi9cclxuICBwdWJsaWMgT3V0cHV0Rm9ybWF0IDogT3V0cHV0T3B0aW9uc0VudW0gPSBPdXRwdXRPcHRpb25zRW51bS5OdW1iZXJXaXRoQ291bnRyeUNvZGU7XHJcblxyXG59XHJcbiJdfQ==