Input Tel: API Table

class: LionInputTel, lion-input-tel

Fields

Name	Privacy	Type	Default	Description	Inherited From
activePhoneNumberType	public			Type of phone number, derived from textbox value. Enum with values: -‘fixed-line’ -‘fixed-line-or-mobile’ -‘mobile’ -‘pager’ -‘personal-number’ -‘premium-rate’ -‘shared-cost’ -‘toll-free’ -‘uan’ -‘voip’ -‘unknown’ See https://www.npmjs.com/package/awesome-phonenumber
activeRegion	public	string		Currently active region based on: 1. allowed regions: get the region from configured allowed regions (if one entry) 2. user input: try to derive active region from user input 3. locale: try to get the region from locale (`html[lang]` attribute)
allowedRegions	public	RegionCode[]	[]	The regions that should be considered when international phone numbers are detected. (when not configured, all regions worldwide will be considered)
autocomplete	public	string	'tel'
fieldName	public			Set a default name for this field, so that validation feedback will be always accessible and linguistically correct
formatCountryCodeStyle	public	string	'default'	Extra styling of the format strategy default | parentheses
formatStrategy	public	PhoneNumberFormat	'international'	Determines what the formatter output should look like. Formatting strategies as provided by google-libphonenumber See: https://www.npmjs.com/package/google-libphonenumber
placeholder	public	string	''		LionInput
preferredRegions	public	RegionCode[]	[]	Regions that will be shown on top of the dropdown
readOnly	public	boolean	false	A Boolean attribute which, if present, indicates that the user should not be able to edit the value of the input. The difference between disabled and readonly is that read-only controls can still function, whereas disabled controls generally do not function as controls until they are enabled. (From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)	LionInput
slots	public				LionInput
type	public	string	'text'		LionInput
_allowedOrAllRegions	protected	RegionCode[]		Used for rendering the region/country list
_feedbackConditionMeta	protected				LionField
_focusableNode	protected				LionField
_inputNode	protected	HTMLInputElement			LionInput
_langIso	protected	RegionCode | undefined	undefined
_phoneUtil	protected	AwesomePhoneNumber|null
_phoneUtilLoadComplete	protected	Promise<PhoneNumber>

Methods

Name	Privacy	Description	Parameters	Return	Inherited From
clear	public	Clears modelValue. Interaction states are not cleared (use resetInteractionState for this)			LionField
formatter	public		modelValue: string	string
onLocaleUpdated	public
parser	public		viewValue: string	string
preprocessor	public		viewValue: string, { currentCaretIndex, prevViewValue }, options: @param {string} options.prevViewValue * @param {number} options.currentCaretIndex *	{ viewValue: string; caretIndex: number; } | undefined
reset	public	Resets modelValue to initial value. Interaction states are cleared			LionField
resetInteractionState	public				LionField
_onChange	protected	Dispatches custom bubble event	ev: Event=		LionField
_onPhoneNumberUtilReady	protected
_reflectBackOn	protected	Do not reflect back .formattedValue during typing (this normally wouldn’t happen when FormatMixin calls _calculateValues based on user input, but for LionInputTel we need to call it on .activeRegion change)		boolean
_setActiveRegion	protected	Protected setter for activeRegion, only meant for subclassers	newValue: RegionCode|undefined

Events

Name	Type	Description	Inherited From
user-input-changed	Event		LionField

Attributes

Name	Field	Inherited From
allowedRegions	allowedRegions
format-strategy	formatStrategy
format-country-code-style	formatCountryCodeStyle
activeRegion	activeRegion
preferredRegions	preferredRegions
_phoneUtil	_phoneUtil
readonly	readOnly	LionInput
type	type	LionInput
placeholder	placeholder	LionInput

---