npm - @descope/web-components-ui - Versions diffs - 1.44.0 → 1.45.0 - Mend

@descope/web-components-ui 1.44.0 → 1.45.0

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.

Files changed (43) hide show

package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/PhoneFieldInternalInputBox.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/helpers.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-controller.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/theme/lumo/vaadin-text-field-styles.js"],"sourcesContent":["import {\n createStyleMixin,\n draggableMixin,\n createProxy,\n proxyInputMixin,\n componentNameValidationMixin,\n} from '../../mixins';\nimport textFieldMappings from './textFieldMappings';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n inputFloatingLabelStyle,\n resetInputLabelPosition,\n resetInputOverrides,\n useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n class TextFieldClass extends superclass {\n static get observedAttributes() {\n return observedAttrs.concat(superclass.observedAttributes \|\| []);\n }\n\n icon;\n\n init() {\n super.init?.();\n }\n\n renderCopyToClipboard(shouldRender) {\n if (!shouldRender) {\n this.icon?.remove();\n return;\n }\n\n const iconInitConfig = {\n icon: 'vaadin:copy-o',\n title: 'Copy',\n style: 'cursor: pointer',\n };\n\n const iconCopiedConfig = {\n icon: 'vaadin:check-circle-o',\n title: 'Copied',\n style: 'cursor: initial',\n };\n\n this.icon = Object.assign(document.createElement('vaadin-icon'), {\n slot: 'suffix',\n ...iconInitConfig,\n });\n\n this.baseElement.appendChild(this.icon);\n this.icon.addEventListener('click', () => {\n navigator.clipboard.writeText(this.value);\n Object.assign(this.icon, iconCopiedConfig);\n\n // we want the icon to go back to the initial state after 5 seconds\n setTimeout(() => {\n Object.assign(this.icon, iconInitConfig);\n }, 5000);\n });\n }\n\n onLabelClick() {\n this.focus();\n }\n\n attributeChangedCallback(attrName, oldVal, newVal) {\n super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n // Vaadin doesn't allow to change the input type attribute.\n // We need the ability to do that, so we're overriding their\n // behavior with their private API.\n // When receiving a `type` attribute, we use their private API\n // to set it on the input.\n if (attrName === 'type') {\n this.baseElement._setType(newVal);\n }\n\n if (oldVal !== newVal) {\n if (attrName === 'label-type') {\n if (newVal === 'floating') {\n this.addEventListener('click', this.onLabelClick);\n } else {\n this.removeEventListener('click', this.onLabelClick);\n }\n } else if (attrName === 'copy-to-clipboard') {\n this.renderCopyToClipboard(newVal === 'true');\n }\n }\n }\n };\n\nexport const TextFieldClass = compose(\n createStyleMixin({\n mappings: textFieldMappings,\n }),\n draggableMixin,\n proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n componentNameValidationMixin,\n customMixin\n)(\n createProxy({\n slots: ['prefix', 'suffix'],\n wrappedEleName: 'vaadin-text-field',\n style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n TextFieldClass.cssVarList.inputOutlineOffset\n }));\n box-sizing: border-box;\n\t\t\t}\n :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n opacity: 1;\n }\n\n vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n ${inputFloatingLabelStyle()}\n\n vaadin-text-field vaadin-icon {\n align-self: center;\n }\n\t\t`,\n excludeAttrsSync: ['tabindex', 'style'],\n componentName,\n })\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","import { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport { getComponentName } from '../../../../helpers/componentHelpers';\nimport { getCountryByCodeId } from '../../helpers';\n\nexport const componentName = getComponentName('phone-field-internal-input-box');\n\nconst observedAttributes = [\n 'disabled',\n 'size',\n 'bordered',\n 'invalid',\n 'readonly',\n 'phone-input-placeholder',\n 'name',\n 'autocomplete',\n 'label-type',\n 'allow-alphanumeric-input',\n];\nconst mapAttrs = {\n 'phone-input-placeholder': 'placeholder',\n};\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass PhoneFieldInternal extends BaseInputClass {\n static get observedAttributes() {\n return [].concat(BaseInputClass.observedAttributes \|\| [], observedAttributes);\n }\n\n constructor() {\n super();\n\n this.innerHTML = `\n <div>\n <descope-text-field tabindex=\"1\"></descope-text-field>\n </div>\n `;\n\n this.phoneNumberInput = this.querySelector('descope-text-field');\n }\n\n get defaultCountryCode() {\n return getCountryByCodeId(this.getAttribute('default-code'));\n }\n\n get hasDefaultCode() {\n return !!this.getAttribute('default-code');\n }\n\n get allowAlphanumericInput() {\n return this.getAttribute('allow-alphanumeric-input') === 'true';\n }\n\n get value() {\n if (!this.phoneNumberValue) {\n return '';\n }\n\n if (this.hasDefaultCode) {\n // we want to transform phone numbers to a valid {dialCode}-{phoneNumber} format\n // e.g.:\n // +972-12345 => +972-12345\n // 972-12345 => +972-12345\n // 12345 => +972-12345\n //\n // we also want to handle any extra dash if added in the start of the phone number\n // e.g.:\n // +972--12345 => +972-12345\n const pattern = new RegExp(`\\\\+?${parseInt(this.defaultCountryCode, 10)}--?`);\n return `${this.defaultCountryCode}-${this.phoneNumberInput.value.replace(pattern, '')}`;\n }\n\n return this.phoneNumberInput.value;\n }\n\n set value(val) {\n this.phoneNumberInput.value = val;\n }\n\n get phoneNumberValue() {\n return this.phoneNumberInput.value;\n }\n\n get phoneNumberInputEle() {\n return this.phoneNumberInput.shadowRoot.querySelector('input');\n }\n\n get minLength() {\n return parseInt(this.getAttribute('minlength'), 10) \|\| 0;\n }\n\n get maxLength() {\n return parseInt(this.getAttribute('maxlength'), 10) \|\| 50;\n }\n\n getValidity() {\n const validPhonePattern = /^\\+?\\d{1,4}-?(?:\\d-?){1,15}$/;\n const stripValue = this.value.replace(/\\D/g, '');\n\n if (this.isRequired && !this.value) {\n return { valueMissing: true };\n }\n\n if (stripValue.length < this.minLength) {\n return { tooShort: true };\n }\n\n if (stripValue.length > this.maxLength) {\n return { tooLong: true };\n }\n\n if (this.value && !validPhonePattern.test(this.value)) {\n return { patternMismatch: true };\n }\n\n return {};\n }\n\n init() {\n this.addEventListener('focus', (e) => {\n // we want to ignore focus events we are dispatching\n if (e.isTrusted) this.phoneNumberInput.focus();\n });\n\n super.init?.();\n this.initInputs();\n }\n\n getCountryByDialCode(countryDialCode) {\n return this.countryCodeInput.items?.find(\n (c) => c.getAttribute('data-country-code') === countryDialCode\n );\n }\n\n initInputs() {\n // Sanitize phone input value to filter everything but digits\n this.phoneNumberInput.addEventListener('input', (e) => {\n if (e.target.value.length === 1 && e.target.value === '-') {\n e.target.value = '';\n }\n\n e.target.value = e.target.value\n .replace(/(?!^)\\+/g, '')\n .replace('--', '-')\n .replace('+-', '+');\n\n let sanitizedInput = e.target.value;\n if (!this.allowAlphanumericInput) {\n const telDigitsRegExp = /^[+\\d-]+$/;\n sanitizedInput = e.target.value\n .split('')\n .filter((char) => telDigitsRegExp.test(char))\n .join('');\n }\n\n e.target.value = sanitizedInput;\n });\n\n this.handleFocusEventsDispatching([this.phoneNumberInput]);\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback(attrName, oldValue, newValue);\n\n if (oldValue !== newValue && observedAttributes.includes(attrName)) {\n const attr = mapAttrs[attrName] \|\| attrName;\n this.phoneNumberInput.setAttribute(attr, newValue);\n }\n }\n}\n\nexport default PhoneFieldInternal;\n","import '../../../descope-text-field';\n\nimport PhoneFieldInternalInputBox, { componentName } from './PhoneFieldInternalInputBox';\n\ncustomElements.define(componentName, PhoneFieldInternalInputBox);\n","import CountryCodes from './CountryCodes';\n\nexport const getCountryByCodeId = (countryCode) => {\n return CountryCodes.find((c) => c.code === countryCode)?.dialCode;\n};\n","/*\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { SlotController } from '@vaadin/component-base/src/slot-controller.js';\n\n/\n A controller to create and initialize slotted `<input>` element.\n /\nexport class InputController extends SlotController {\n constructor(host, callback) {\n super(host, 'input', 'input', {\n initializer: (node, host) => {\n if (host.value) {\n node.value = host.value;\n }\n if (host.type) {\n node.setAttribute('type', host.type);\n }\n\n // Ensure every instance has unique ID\n node.id = this.defaultId;\n\n if (typeof callback === 'function') {\n callback(node);\n }\n },\n useUniqueId: true,\n });\n }\n}\n","/\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { InputControlMixin } from './input-control-mixin.js';\n\n/\n A mixin to provide logic for vaadin-text-field and related components.\n \n @polymerMixin\n * @mixes InputControlMixin\n /\nexport const InputFieldMixin = (superclass) =>\n class InputFieldMixinClass extends InputControlMixin(superclass) {\n static get properties() {\n return {\n /\n Whether the value of the control can be automatically completed by the browser.\n * List of available options at:\n * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete\n /\n autocomplete: {\n type: String,\n },\n\n /\n This is a property supported by Safari that is used to control whether\n * autocorrection should be enabled when the user is entering/editing the text.\n * Possible values are:\n * on: Enable autocorrection.\n * off: Disable autocorrection.\n /\n autocorrect: {\n type: String,\n },\n\n /\n This is a property supported by Safari and Chrome that is used to control whether\n * autocapitalization should be enabled when the user is entering/editing the text.\n * Possible values are:\n * characters: Characters capitalization.\n * words: Words capitalization.\n * sentences: Sentences capitalization.\n * none: No capitalization.\n /\n autocapitalize: {\n type: String,\n reflectToAttribute: true,\n },\n };\n }\n\n static get delegateAttrs() {\n return [...super.delegateAttrs, 'autocapitalize', 'autocomplete', 'autocorrect'];\n }\n\n // Workaround for https://github.com/Polymer/polymer/issues/5259\n get __data() {\n return this.__dataValue \|\| {};\n }\n\n set __data(value) {\n this.__dataValue = value;\n }\n\n /\n @param {HTMLElement} input\n * @protected\n * @override\n /\n _inputElementChanged(input) {\n super._inputElementChanged(input);\n\n if (input) {\n // Discard value set on the custom slotted input.\n if (input.value && input.value !== this.value) {\n console.warn(`Please define value on the <${this.localName}> component!`);\n input.value = '';\n }\n\n if (this.value) {\n input.value = this.value;\n }\n }\n }\n\n /\n Override an event listener from `FocusMixin`.\n * @param {boolean} focused\n * @protected\n * @override\n /\n _setFocused(focused) {\n super._setFocused(focused);\n\n // Do not validate when focusout is caused by document\n // losing focus, which happens on browser tab switch.\n if (!focused && document.hasFocus()) {\n this.validate();\n }\n }\n\n /\n Override an event listener from `InputMixin`\n * to mark as valid after user started typing.\n * @param {Event} event\n * @protected\n * @override\n /\n _onInput(event) {\n super._onInput(event);\n\n if (this.invalid) {\n this.validate();\n }\n }\n\n /\n Override an observer from `InputMixin` to validate the field\n * when a new value is set programmatically.\n \n @param {string \| undefined} newValue\n * @param {string \| undefined} oldValue\n * @protected\n * @override\n /\n _valueChanged(newValue, oldValue) {\n super._valueChanged(newValue, oldValue);\n\n if (oldValue === undefined) {\n return;\n }\n\n if (this.invalid) {\n this.validate();\n }\n }\n };\n","/\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { InputController } from '@vaadin/field-base/src/input-controller.js';\nimport { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';\nimport { LabelledInputController } from '@vaadin/field-base/src/labelled-input-controller.js';\n\n/\n A mixin providing common text field functionality.\n \n @polymerMixin\n * @mixes InputFieldMixin\n /\nexport const TextFieldMixin = (superClass) =>\n class TextFieldMixinClass extends InputFieldMixin(superClass) {\n static get properties() {\n return {\n /\n Maximum number of characters (in Unicode code points) that the user can enter.\n /\n maxlength: {\n type: Number,\n },\n\n /\n Minimum number of characters (in Unicode code points) that the user can enter.\n /\n minlength: {\n type: Number,\n },\n\n /\n A regular expression that the value is checked against.\n * The pattern must match the entire value, not just some subset.\n /\n pattern: {\n type: String,\n },\n };\n }\n\n static get delegateAttrs() {\n return [...super.delegateAttrs, 'maxlength', 'minlength', 'pattern'];\n }\n\n static get constraints() {\n return [...super.constraints, 'maxlength', 'minlength', 'pattern'];\n }\n\n constructor() {\n super();\n this._setType('text');\n }\n\n /* @protected /\n get clearElement() {\n return this.$.clearButton;\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this.addController(\n new InputController(this, (input) => {\n this._setInputElement(input);\n this._setFocusElement(input);\n this.stateTarget = input;\n this.ariaTarget = input;\n }),\n );\n this.addController(new LabelledInputController(this.inputElement, this._labelController));\n }\n };\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport '@vaadin/input-container/src/vaadin-input-container.js';\nimport { html, PolymerElement } from '@polymer/polymer';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { TextFieldMixin } from './vaadin-text-field-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, { moduleId: 'vaadin-text-field-styles' });\n\n/\n `<vaadin-text-field>` is a web component that allows the user to input and edit text.\n \n ```html\n * <vaadin-text-field label=\"First Name\"></vaadin-text-field>\n * ```\n \n ### Prefixes and suffixes\n \n These are child elements of a `<vaadin-text-field>` that are displayed\n * inline with the input, before or after.\n * In order for an element to be considered as a prefix, it must have the slot\n * attribute set to `prefix` (and similarly for `suffix`).\n \n ```html\n * <vaadin-text-field label=\"Email address\">\n * <div slot=\"prefix\">Sent to:</div>\n * <div slot=\"suffix\">@vaadin.com</div>\n * </vaadin-text-field>\n * ```\n \n ### Styling\n \n The following custom properties are available for styling:\n \n Custom property \| Description \| Default\n * -------------------------------\|----------------------------\|---------\n * `--vaadin-field-default-width` \| Default width of the field \| `12em`\n \n The following shadow DOM parts are available for styling:\n \n Part name \| Description\n * ---------------------\|----------------\n * `label` \| The label element\n * `input-field` \| The element that wraps prefix, value and suffix\n * `clear-button` \| The clear button\n * `error-message` \| The error message element\n * `helper-text` \| The helper text element wrapper\n * `required-indicator` \| The `required` state indicator element\n \n The following state attributes are available for styling:\n \n Attribute \| Description \| Part name\n * --------------------\|-------------\|------------\n * `disabled` \| Set to a disabled text field \| :host\n * `has-value` \| Set when the element has a value \| :host\n * `has-label` \| Set when the element has a label \| :host\n * `has-helper` \| Set when the element has helper text or slot \| :host\n * `has-error-message` \| Set when the element has an error message \| :host\n * `invalid` \| Set when the element is invalid \| :host\n * `input-prevented` \| Temporarily set when invalid input is prevented \| :host\n * `focused` \| Set when the element is focused \| :host\n * `focus-ring` \| Set when the element is keyboard focused \| :host\n * `readonly` \| Set to a readonly text field \| :host\n \n See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n \n @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n \n @customElement\n * @extends HTMLElement\n * @mixes ElementMixin\n * @mixes ThemableMixin\n * @mixes TextFieldMixin\n /\nexport class TextField extends TextFieldMixin(ThemableMixin(ElementMixin(PolymerElement))) {\n static get is() {\n return 'vaadin-text-field';\n }\n\n static get template() {\n return html`\n <style>\n [part='input-field'] {\n flex-grow: 0;\n }\n </style>\n\n <div class=\"vaadin-field-container\">\n <div part=\"label\">\n <slot name=\"label\"></slot>\n <span part=\"required-indicator\" aria-hidden=\"true\" on-click=\"focus\"></span>\n </div>\n\n <vaadin-input-container\n part=\"input-field\"\n readonly=\"[[readonly]]\"\n disabled=\"[[disabled]]\"\n invalid=\"[[invalid]]\"\n theme$=\"[[_theme]]\"\n >\n <slot name=\"prefix\" slot=\"prefix\"></slot>\n <slot name=\"input\"></slot>\n <slot name=\"suffix\" slot=\"suffix\"></slot>\n <div id=\"clearButton\" part=\"clear-button\" slot=\"suffix\" aria-hidden=\"true\"></div>\n </vaadin-input-container>\n\n <div part=\"helper-text\">\n <slot name=\"helper\"></slot>\n </div>\n\n <div part=\"error-message\">\n <slot name=\"error-message\"></slot>\n </div>\n </div>\n <slot name=\"tooltip\"></slot>\n `;\n }\n\n static get properties() {\n return {\n /\n Maximum number of characters (in Unicode code points) that the user can enter.\n /\n maxlength: {\n type: Number,\n },\n\n /\n Minimum number of characters (in Unicode code points) that the user can enter.\n /\n minlength: {\n type: Number,\n },\n };\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this._tooltipController = new TooltipController(this);\n this._tooltipController.setPosition('top');\n this._tooltipController.setAriaTarget(this.inputElement);\n this.addController(this._tooltipController);\n }\n}\n\ndefineCustomElement(TextField);\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, {\n moduleId: 'lumo-text-field-styles',\n});\n"],"names":["componentName","observedAttrs","TextFieldClass","mappings","proxyProps","useProxyTargets","superclass","observedAttributes","concat","icon","init","super","renderCopyToClipboard","shouldRender","this","remove","iconInitConfig","title","style","iconCopiedConfig","Object","assign","document","createElement","slot","baseElement","appendChild","addEventListener","navigator","clipboard","writeText","value","setTimeout","onLabelClick","focus","attributeChangedCallback","attrName","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","cssVarList","inputOutlineWidth","inputOutlineOffset","excludeAttrsSync","customElements","define","mapAttrs","BaseInputClass","baseSelector","constructor","innerHTML","phoneNumberInput","querySelector","defaultCountryCode","getAttribute","hasDefaultCode","allowAlphanumericInput","phoneNumberValue","pattern","RegExp","parseInt","replace","val","phoneNumberInputEle","shadowRoot","minLength","maxLength","getValidity","stripValue","isRequired","valueMissing","length","tooShort","tooLong","test","patternMismatch","e","isTrusted","initInputs","getCountryByDialCode","countryDialCode","countryCodeInput","items","find","c","target","sanitizedInput","telDigitsRegExp","split","filter","char","join","handleFocusEventsDispatching","oldValue","newValue","includes","attr","setAttribute","getCountryByCodeId","countryCode","code","dialCode","InputController","host","callback","initializer","node","type","id","defaultId","useUniqueId","InputFieldMixin","properties","autocomplete","String","autocorrect","autocapitalize","reflectToAttribute","delegateAttrs","__data","__dataValue","_inputElementChanged","input","console","warn","localName","_setFocused","focused","hasFocus","validate","_onInput","event","invalid","_valueChanged","undefined","TextFieldMixin","superClass","maxlength","Number","minlength","constraints","clearElement","$","clearButton","ready","addController","_setInputElement","_setFocusElement","stateTarget","ariaTarget","inputElement","_labelController","moduleId","TextField","is","template","_tooltipController","setPosition","setAriaTarget"],"sourceRoot":""}
1	+ {"version":3,"file":"phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js","mappings":";2NAiBO,MAAMA,GAAgB,QAAiB,cAExCC,EAAgB,CAAC,OAAQ,aAAc,qBA+EhCC,GAAiB,SAC5B,QAAiB,CACfC,SAAU,MAEZ,MACA,QAAgB,CAAEC,WAAY,CAAC,QAAS,kBAAmBC,iBAAiB,IAC5E,MAnFmBC,GACnB,cAA6BA,EAC3B,6BAAWC,GACT,OAAON,EAAcO,OAAOF,EAAWC,oBAAsB,GAC/D,CAEAE,KAEA,IAAAC,GACEC,MAAMD,QACR,CAEA,qBAAAE,CAAsBC,GACpB,IAAKA,EAEH,YADAC,KAAKL,MAAMM,SAIb,MAAMC,EAAiB,CACrBP,KAAM,gBACNQ,MAAO,OACPC,MAAO,mBAGHC,EAAmB,CACvBV,KAAM,wBACNQ,MAAO,SACPC,MAAO,mBAGTJ,KAAKL,KAAOW,OAAOC,OAAOC,SAASC,cAAc,eAAgB,CAC/DC,KAAM,YACHR,IAGLF,KAAKW,YAAYC,YAAYZ,KAAKL,MAClCK,KAAKL,KAAKkB,iBAAiB,SAAS,KAClCC,UAAUC,UAAUC,UAAUhB,KAAKiB,OACnCX,OAAOC,OAAOP,KAAKL,KAAMU,GAGzBa,YAAW,KACTZ,OAAOC,OAAOP,KAAKL,KAAMO,EAAe,GACvC,IAAK,GAEZ,CAEA,YAAAiB,GACEnB,KAAKoB,OACP,CAEA,wBAAAC,CAAyBC,EAAUC,EAAQC,GACzC3B,MAAM4B,0BAA0BH,EAAUC,EAAQC,GAOjC,SAAbF,GACFtB,KAAKW,YAAYe,SAASF,GAGxBD,IAAWC,IACI,eAAbF,EACa,aAAXE,EACFxB,KAAKa,iBAAiB,QAASb,KAAKmB,cAEpCnB,KAAK2B,oBAAoB,QAAS3B,KAAKmB,cAEnB,sBAAbG,GACTtB,KAAKF,sBAAiC,SAAX0B,GAGjC,IAG0B,EAS5B,QAAY,CACVI,MAAO,CAAC,SAAU,UAClBC,eAAgB,oBAChBzB,MAAO,IAAM,wGAIOhB,EAAe0C,WAAWC,4BACxC3C,EAAe0C,WAAWE,+cAc5B,QAAwB,gCAC3B,QAAuB5C,EAAe0C,uBACtC,QAAoB,oBAAqB1C,EAAe0C,uBACrD,iGAMJG,iBAAkB,CAAC,WAAY,SAC/B/C,2ICrIJgD,eAAeC,OAAO,IAAe,wGCD9B,MAAMjD,GAAgB,QAAiB,kCAExCO,EAAqB,CACzB,WACA,OACA,WACA,0BACA,OACA,eACA,cAEI2C,EAAW,CACf,0BAA2B,eAGvBC,GAAiB,OAAqB,CAAEnD,gBAAeoD,aAAc,QAwP3E,EAtPA,cAAiCD,EAC/B,6BAAW5C,GACT,MAAO,GAAGC,OAAO2C,EAAe5C,oBAAsB,GAAIA,EAC5D,CAEA,GAEA,WAAA8C,GACE1C,QAEAG,KAAKwC,UAAY,kIAMjBxC,KAAKyC,UAAYzC,KAAK0C,cAAc,qBACtC,CAGA,uBAAIC,GACF,OAAO3C,KAAKyC,UAAUG,WAAWF,cAAc,QACjD,CAEA,mBAAIG,GACF,OAAO,OAAmB7C,KAAK8C,aAAa,gBAC9C,CAEA,eAAIC,GACF,OAAO/C,KAAK8C,aAAa,eAC3B,CAEA,0BAAIE,GACF,MAAyD,SAAlDhD,KAAK8C,aAAa,2BAC3B,CAEA,aAAIG,GACF,OAAOC,SAASlD,KAAK8C,aAAa,aAAc,KAAO,CACzD,CAEA,aAAIK,GACF,OAAOD,SAASlD,KAAK8C,aAAa,aAAc,KAAO,EACzD,CAEA,qBAAIM,GACF,OAAOpD,KAAK8C,aAAa,uBAAuBO,MAAM,KAAKC,OAAOC,UAAY,EAChF,CAEA,iBAAIC,GACF,MAA6C,SAAtCxD,KAAK8C,aAAa,eAC3B,CAEA,sBAAIW,GACF,MAAkD,SAA3CzD,KAAK8C,aAAa,oBAC3B,CAEA,SAAI7B,GACF,IAAKjB,KAAKyC,UAAUxB,MAAO,MAAO,GAElC,IAAKjB,KAAKyD,mBACR,OAAOzD,MAAK,IAGd,MAAM0D,EAAY1D,MAAK,IAEvB,OAAI0D,GAAWC,SAAWD,GAAWE,oBAAsBF,GAAWG,eAC7D,IAAI,CAACH,GAAWE,mBAAoBF,GAAWG,gBAAgBC,KAAK,OAItE9D,KAAKyC,UAAUxB,KACxB,CAEA,SAAIA,CAAM8C,GACR/D,KAAKyC,UAAUxB,MAAQ8C,CACzB,CAEA,IAAAnE,GACEI,KAAKa,iBAAiB,SAAUmD,IAE1BA,EAAEC,WAAWjE,KAAKyC,UAAUrB,OAAO,IAGzCvB,MAAMD,SAENI,KAAKyC,UAAU5B,iBAAiB,QAASb,MAAK,EAASkE,KAAKlE,OAC5DA,KAAKmE,6BAA6B,CAACnE,KAAKyC,WAC1C,CAEA,WAAA2B,GACE,MACMC,EAAarE,MAAK,EAAaA,KAAKyC,UAAUxB,OAEpD,OAAIjB,KAAKsE,aAAetE,KAAKyC,UAAUxB,MAC9B,CAAEsD,cAAc,GAGrBF,EAAWG,OAASxE,KAAKiD,UACpB,CAAEwB,UAAU,GAGjBJ,EAAWG,OAASxE,KAAKmD,UACpB,CAAEuB,SAAS,GAKjB1E,KAAKyD,oBAAsBzD,KAAKyC,UAAUxB,QAAUjB,MAAK,MAExDA,KAAKyD,oBAAsBzD,KAAKyC,UAAUxB,QAnBpB,+BAmBgD0D,KAAK3E,KAAKiB,OAE3E,CAAE2D,iBAAiB,GAGrB,CAAC,CACV,CAEA,iBAAAC,IAAqBC,GACnB9E,KAAKyC,UAAUoC,qBAAqBC,EACtC,CAEA,wBAAAzD,CAAyBC,EAAUyD,EAAUC,GAG3C,GAFAnF,MAAMwB,yBAAyBC,EAAUyD,EAAUC,GAE/CD,IAAaC,GAAYvF,EAAmBwF,SAAS3D,GAAW,CAClE,MAAM4D,EAAO9C,EAASd,IAAaA,EACnCtB,KAAKyC,UAAU0C,aAAaD,EAAMF,EACpC,CACF,CAEA,GAAShB,GACP,IAAIoB,EAAiBpF,MAAK,EAAegE,EAAEqB,OAAOpE,OAE9CjB,KAAKwD,eAAiBxD,MAAK,EAAWoF,KACxCA,EAAiBpF,MAAK,EAAmBoF,IAG3CpB,EAAEqB,OAAOpE,MAAQmE,CACnB,CAEA,KACE,IAAKpF,KAAK6C,gBACR,OAAO7C,KAAKyC,UAAUxB,MAGxB,MAAM4C,EAAiB7D,MAAK,EAA0BA,KAAKyC,UAAUxB,OAC/DqE,EAAetF,MAAK,EAAa6D,GAEvC,MAAO,CAAC7D,KAAK6C,gBAAiByC,GAAcxB,KAAK,IACnD,CAEA,KACE,OAAI9D,KAAK6C,iBACA,OACL,CAAC7C,KAAK6C,gBAAiB7C,MAAK,EAAaA,KAAKyC,UAAUxB,QAAQqC,OAAOC,SAASO,KAAK,MAKlF,OAA2B9D,KAAKyC,UAAUxB,MACnD,CAEA,GAAa8C,GACX,OAAOA,EAAIwB,QAAQ,MAAO,GAC5B,CAEA,GAA0BxB,GACxB,GAAkC,MAA9B/D,KAAKyC,UAAUxB,QAAQ,GAAY,CACrC,MAAMuE,EAAwB,IAAIC,OAAO,MAAMzF,KAAK6C,mBAEpD,OADgBkB,EAAIwB,QAAQC,EAAuB,GAErD,CACA,OAAOzB,CACT,CAEA,KACE,MAAM2B,GAAS,OAA2B1F,KAAKiB,OAC/C,OACEyE,GACAA,EAAOC,aACPD,EAAO/B,SACP3D,MAAK,EAAkB0F,EAAO/B,YAC7B3D,KAAK+C,aAAc/C,KAAK+C,cAAgB2C,EAAO/B,QAEpD,CAEA,GAAkBiC,GAChB,OAAK5F,KAAKoD,mBAIHpD,KAAKoD,kBAAkB6B,SAASW,EACzC,CAEA,GAAe7B,GAOb,GANAA,EAAMA,EACHwB,QAAQ,MAAO,IACfA,QAAQ,WAAY,IACpBA,QAAQ,KAAM,KACdA,QAAQ,KAAM,MAEZvF,KAAKgD,uBAAwB,CAChC,MAAM6C,EAAkB,gBACxB9B,EAAMA,EACHV,MAAM,IACNC,QAAQwC,GAASD,EAAgBlB,KAAKmB,KACtChC,KAAK,GACV,CAEA,OAAOC,CACT,CAEA,GAAmBgC,EAAc,IAE/B,MAAMH,EAAc5F,KAAK+C,aAAe/C,MAAK,EAAyB+F,GAGtE,OAAKH,GAKA5F,MAAK,GAAQA,MAAK,EAAK2D,UAAYiC,IACtC5F,MAAK,EAAO,IAAI,IAAU4F,IAI5B5F,MAAK,EAAKgG,QAGWhG,MAAK,EAAKiG,MAAMF,IAAgBA,GAZ5CA,CAeX,CAEA,GAAyBhC,GACvB,MAAM2B,GAAS,OAA2B3B,GAC1C,OAAO2B,GAAQ/B,SAAW,EAC5B,CAEA,GAAWI,GACT,SAAK,OAAoBA,EAE3B,kDCrQF7B,eAAeC,OAAO,IAAe,8DCD9B,MAAM+D,EAAsBN,GAC1B,IAAaO,MAAMC,GAAMA,EAAEC,OAAST,KAAcU,SAG9CC,EAAuBxC,IAClC,MAAMyC,EAAmBzC,EAAI0C,MAAM,OAC7BC,EAAoB3C,EAAI0C,MAAM,OACpC,OAAOD,GAAkBhC,SAAWkC,GAAmBlC,MAAM,mDCAxD,MAAMmC,UAAwB,IACnC,WAAApE,CAAYqE,EAAMC,GAChBhH,MAAM+G,EAAM,QAAS,QAAS,CAC5BE,YAAa,CAACC,EAAMH,KACdA,EAAK3F,QACP8F,EAAK9F,MAAQ2F,EAAK3F,OAEhB2F,EAAKI,MACPD,EAAK5B,aAAa,OAAQyB,EAAKI,MAIjCD,EAAKE,GAAKjH,KAAKkH,UAES,mBAAbL,GACTA,EAASE,EACX,EAEFI,aAAa,GAEjB,oDCjBK,MAAMC,EAAmB5H,GAC9B,eAAmC,OAAkBA,IACnD,qBAAW6H,GACT,MAAO,CAMLC,aAAc,CACZN,KAAMO,QAURC,YAAa,CACXR,KAAMO,QAYRE,eAAgB,CACdT,KAAMO,OACNG,oBAAoB,GAG1B,CAEA,wBAAWC,GACT,MAAO,IAAI9H,MAAM8H,cAAe,iBAAkB,eAAgB,cACpE,CAGA,UAAIC,GACF,OAAO5H,KAAK6H,aAAe,CAAC,CAC9B,CAEA,UAAID,CAAO3G,GACTjB,KAAK6H,YAAc5G,CACrB,CAOA,oBAAA6G,CAAqB7B,GACnBpG,MAAMiI,qBAAqB7B,GAEvBA,IAEEA,EAAMhF,OAASgF,EAAMhF,QAAUjB,KAAKiB,QACtC8G,QAAQC,KAAK,+BAA+BhI,KAAKiI,yBACjDhC,EAAMhF,MAAQ,IAGZjB,KAAKiB,QACPgF,EAAMhF,MAAQjB,KAAKiB,OAGzB,CAQA,WAAAiH,CAAYC,GACVtI,MAAMqI,YAAYC,IAIbA,GAAW3H,SAAS4H,YACvBpI,KAAKqI,UAET,CASA,QAAAC,CAASC,GACP1I,MAAMyI,SAASC,GAEXvI,KAAKwI,SACPxI,KAAKqI,UAET,CAWA,aAAAI,CAAczD,EAAUD,GACtBlF,MAAM4I,cAAczD,EAAUD,QAEb2D,IAAb3D,GAIA/E,KAAKwI,SACPxI,KAAKqI,UAET,qJC1HG,MAAMM,EAAkBC,GAC7B,eAAkC,OAAgBA,IAChD,qBAAWvB,GACT,MAAO,CAILwB,UAAW,CACT7B,KAAM8B,QAMRC,UAAW,CACT/B,KAAM8B,QAORE,QAAS,CACPhC,KAAMO,QAGZ,CAEA,wBAAWI,GACT,MAAO,IAAI9H,MAAM8H,cAAe,YAAa,YAAa,UAC5D,CAEA,sBAAWsB,GACT,MAAO,IAAIpJ,MAAMoJ,YAAa,YAAa,YAAa,UAC1D,CAEA,WAAA1G,GACE1C,QACAG,KAAK0B,SAAS,OAChB,CAGA,gBAAIwH,GACF,OAAOlJ,KAAKmJ,EAAEC,WAChB,CAGA,KAAAC,GACExJ,MAAMwJ,QAENrJ,KAAKsJ,cACH,IAAI,IAAgBtJ,MAAOiG,IACzBjG,KAAKuJ,iBAAiBtD,GACtBjG,KAAKwJ,iBAAiBvD,GACtBjG,KAAKyJ,YAAcxD,EACnBjG,KAAK0J,WAAazD,CAAK,KAG3BjG,KAAKsJ,cAAc,IAAI,IAAwBtJ,KAAK2J,aAAc3J,KAAK4J,kBACzE,IC5DJ,QAAe,oBAAqB,IAAkB,CAAEC,SAAU,6BAuE3D,MAAMC,UAAkBnB,GAAe,SAAc,OAAa,SACvE,aAAWoB,GACT,MAAO,mBACT,CAEA,mBAAWC,GACT,OAAO,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCb,CAEA,qBAAW3C,GACT,MAAO,CAILwB,UAAW,CACT7B,KAAM8B,QAMRC,UAAW,CACT/B,KAAM8B,QAGZ,CAGA,KAAAO,GACExJ,MAAMwJ,QAENrJ,KAAKiK,mBAAqB,IAAI,IAAkBjK,MAChDA,KAAKiK,mBAAmBC,YAAY,OACpClK,KAAKiK,mBAAmBE,cAAcnK,KAAK2J,cAC3C3J,KAAKsJ,cAActJ,KAAKiK,mBAC1B,GAGF,OAAoBH,6CCrJpB,eAAe,oBAAqB,IAAkB,CACpDD,SAAU","sources":["webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/PhoneFieldInternalInputBox.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/helpers.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-controller.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/theme/lumo/vaadin-text-field-styles.js"],"sourcesContent":["import {\n createStyleMixin,\n draggableMixin,\n createProxy,\n proxyInputMixin,\n componentNameValidationMixin,\n} from '../../mixins';\nimport textFieldMappings from './textFieldMappings';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n inputFloatingLabelStyle,\n resetInputLabelPosition,\n resetInputOverrides,\n useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n class TextFieldClass extends superclass {\n static get observedAttributes() {\n return observedAttrs.concat(superclass.observedAttributes \|\| []);\n }\n\n icon;\n\n init() {\n super.init?.();\n }\n\n renderCopyToClipboard(shouldRender) {\n if (!shouldRender) {\n this.icon?.remove();\n return;\n }\n\n const iconInitConfig = {\n icon: 'vaadin:copy-o',\n title: 'Copy',\n style: 'cursor: pointer',\n };\n\n const iconCopiedConfig = {\n icon: 'vaadin:check-circle-o',\n title: 'Copied',\n style: 'cursor: initial',\n };\n\n this.icon = Object.assign(document.createElement('vaadin-icon'), {\n slot: 'suffix',\n ...iconInitConfig,\n });\n\n this.baseElement.appendChild(this.icon);\n this.icon.addEventListener('click', () => {\n navigator.clipboard.writeText(this.value);\n Object.assign(this.icon, iconCopiedConfig);\n\n // we want the icon to go back to the initial state after 5 seconds\n setTimeout(() => {\n Object.assign(this.icon, iconInitConfig);\n }, 5000);\n });\n }\n\n onLabelClick() {\n this.focus();\n }\n\n attributeChangedCallback(attrName, oldVal, newVal) {\n super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n // Vaadin doesn't allow to change the input type attribute.\n // We need the ability to do that, so we're overriding their\n // behavior with their private API.\n // When receiving a `type` attribute, we use their private API\n // to set it on the input.\n if (attrName === 'type') {\n this.baseElement._setType(newVal);\n }\n\n if (oldVal !== newVal) {\n if (attrName === 'label-type') {\n if (newVal === 'floating') {\n this.addEventListener('click', this.onLabelClick);\n } else {\n this.removeEventListener('click', this.onLabelClick);\n }\n } else if (attrName === 'copy-to-clipboard') {\n this.renderCopyToClipboard(newVal === 'true');\n }\n }\n }\n };\n\nexport const TextFieldClass = compose(\n createStyleMixin({\n mappings: textFieldMappings,\n }),\n draggableMixin,\n proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n componentNameValidationMixin,\n customMixin\n)(\n createProxy({\n slots: ['prefix', 'suffix'],\n wrappedEleName: 'vaadin-text-field',\n style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n TextFieldClass.cssVarList.inputOutlineOffset\n }));\n box-sizing: border-box;\n\t\t\t}\n :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n opacity: 1;\n }\n\n vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n ${inputFloatingLabelStyle()}\n\n vaadin-text-field vaadin-icon {\n align-self: center;\n }\n\t\t`,\n excludeAttrsSync: ['tabindex', 'style'],\n componentName,\n })\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","import { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport { getComponentName } from '../../../../helpers/componentHelpers';\nimport { getCountryByCodeId, matchingParenthesis } from '../../helpers';\nimport parsePhoneNumberFromString, { AsYouType } from 'libphonenumber-js/min';\n\nexport const componentName = getComponentName('phone-field-internal-input-box');\n\nconst observedAttributes = [\n 'disabled',\n 'size',\n 'readonly',\n 'phone-input-placeholder',\n 'name',\n 'autocomplete',\n 'label-type',\n];\nconst mapAttrs = {\n 'phone-input-placeholder': 'placeholder',\n};\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass PhoneFieldInternal extends BaseInputClass {\n static get observedAttributes() {\n return [].concat(BaseInputClass.observedAttributes \|\| [], observedAttributes);\n }\n\n #ayt;\n\n constructor() {\n super();\n\n this.innerHTML = `\n <div>\n <descope-text-field tabindex=\"1\" type=\"tel\" bordered=\"false\"></descope-text-field>\n </div>\n `;\n\n this.textField = this.querySelector('descope-text-field');\n }\n\n // notice: this function is exposed in parent component\n get phoneNumberInputEle() {\n return this.textField.shadowRoot.querySelector('input');\n }\n\n get defaultDialCode() {\n return getCountryByCodeId(this.getAttribute('default-code'));\n }\n\n get defaultCode() {\n return this.getAttribute('default-code');\n }\n\n get allowAlphanumericInput() {\n return this.getAttribute('allow-alphanumeric-input') === 'true';\n }\n\n get minLength() {\n return parseInt(this.getAttribute('minlength'), 10) \|\| 0;\n }\n\n get maxLength() {\n return parseInt(this.getAttribute('maxlength'), 10) \|\| 50;\n }\n\n get restrictCountries() {\n return this.getAttribute('restrict-countries')?.split(',').filter(Boolean) \|\| [];\n }\n\n get isFormatValue() {\n return this.getAttribute('format-value') === 'true';\n }\n\n get isStrictValidation() {\n return this.getAttribute('strict-validation') === 'true';\n }\n\n get value() {\n if (!this.textField.value) return '';\n\n if (!this.isStrictValidation) {\n return this.#nonParsedValue();\n }\n\n const parsedVal = this.#parseWithCountryCode();\n\n if (parsedVal?.country && parsedVal?.countryCallingCode && parsedVal?.nationalNumber) {\n return `+${[parsedVal?.countryCallingCode, parsedVal?.nationalNumber].join('-')}`;\n }\n\n // if failed to parse or to find country code return text field value\n return this.textField.value;\n }\n\n set value(val) {\n this.textField.value = val;\n }\n\n init() {\n this.addEventListener('focus', (e) => {\n // We want to ignore focus events we are dispatching\n if (e.isTrusted) this.textField.focus();\n });\n\n super.init?.();\n\n this.textField.addEventListener('input', this.#onInput.bind(this));\n this.handleFocusEventsDispatching([this.textField]);\n }\n\n getValidity() {\n const validPhonePattern = /^\\+?\\d{1,4}-?(?:\\d-?){1,15}$/;\n const stripValue = this.#sanitizeVal(this.textField.value);\n\n if (this.isRequired && !this.textField.value) {\n return { valueMissing: true };\n }\n\n if (stripValue.length < this.minLength) {\n return { tooShort: true };\n }\n\n if (stripValue.length > this.maxLength) {\n return { tooLong: true };\n }\n\n if (\n // has `strict-validation` and not properly parsed\n (this.isStrictValidation && this.textField.value && !this.#isValidParsedValue()) \|\|\n // if no `strict-validation` then conform with naive pattern\n (!this.isStrictValidation && this.textField.value && !validPhonePattern.test(this.value))\n ) {\n return { patternMismatch: true };\n }\n\n return {};\n }\n\n setSelectionRange(...args) {\n this.textField.setSelectionRange(...args);\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback(attrName, oldValue, newValue);\n\n if (oldValue !== newValue && observedAttributes.includes(attrName)) {\n const attr = mapAttrs[attrName] \|\| attrName;\n this.textField.setAttribute(attr, newValue);\n }\n }\n\n #onInput(e) {\n let sanitizedInput = this.#sanitizeInput(e.target.value);\n\n if (this.isFormatValue && this.#canFormat(sanitizedInput)) {\n sanitizedInput = this.#formatPhoneNumber(sanitizedInput);\n }\n\n e.target.value = sanitizedInput;\n }\n\n #nonParsedValue() {\n if (!this.defaultDialCode) {\n return this.textField.value;\n }\n\n const nationalNumber = this.#trimDuplicateCountryCode(this.textField.value);\n const sanitizedVal = this.#sanitizeVal(nationalNumber);\n\n return [this.defaultDialCode, sanitizedVal].join('-');\n }\n\n #parseWithCountryCode() {\n if (this.defaultDialCode) {\n return parsePhoneNumberFromString(\n [this.defaultDialCode, this.#sanitizeVal(this.textField.value)].filter(Boolean).join('')\n );\n }\n\n // if default-code or not parsed - try to extract country code from value\n return parsePhoneNumberFromString(this.textField.value);\n }\n\n #sanitizeVal(val) {\n return val.replace(/\\D/g, '');\n }\n\n #trimDuplicateCountryCode(val) {\n if (this.textField.value?.[0] === '+') {\n const dialCodePrefixPattern = new RegExp(`^\\\\${this.defaultDialCode}`);\n const trimmed = val.replace(dialCodePrefixPattern, '');\n return trimmed;\n }\n return val;\n }\n\n #isValidParsedValue() {\n const parsed = parsePhoneNumberFromString(this.value);\n return (\n parsed && // parsed successfully (not undefined)\n parsed.isValid?.() && // Parsed object is valid\n parsed.country && // Parsed object with a country code\n this.#isAllowedCountry(parsed.country) && // Parsed with allowed country code\n (this.defaultCode ? this.defaultCode === parsed.country : true) // In case default country code is set validate parsed country matches it\n );\n }\n\n #isAllowedCountry(countryCode) {\n if (!this.restrictCountries) {\n return true;\n }\n\n return this.restrictCountries.includes(countryCode);\n }\n\n #sanitizeInput(val) {\n val = val\n .replace(/^-+/, '') // dash as first char\n .replace(/(?!^)\\+/g, '') // multiple plus symbols\n .replace('--', '-') // consecutive dashes\n .replace('+-', '+'); // dash following plus symbol\n\n if (!this.allowAlphanumericInput) {\n const telDigitsRegExp = /^[+\\d-\$\$]+$/;\n val = val\n .split('')\n .filter((char) => telDigitsRegExp.test(char))\n .join('');\n }\n\n return val;\n }\n\n #formatPhoneNumber(phoneNumber = '') {\n // Get country code from `default-code or` from phone number\n const countryCode = this.defaultCode \|\| this.#getCountryCodeFromValue(phoneNumber);\n\n // Skip formatting if no country code is available\n if (!countryCode) {\n return phoneNumber;\n }\n\n // Update AsYouType country code if needed\n if (!this.#ayt \|\| this.#ayt.country !== countryCode) {\n this.#ayt = new AsYouType(countryCode);\n }\n\n // We need to reset AsYouType instance before setting new input\n this.#ayt.reset();\n\n // Set AsYouType input\n const formattedVal = this.#ayt.input(phoneNumber) \|\| phoneNumber;\n\n return formattedVal;\n }\n\n #getCountryCodeFromValue(val) {\n const parsed = parsePhoneNumberFromString(val);\n return parsed?.country \|\| '';\n }\n\n #canFormat(val) {\n if (!matchingParenthesis(val)) return false;\n return true;\n }\n}\n\nexport default PhoneFieldInternal;\n","import '../../../descope-text-field';\n\nimport PhoneFieldInternalInputBox, { componentName } from './PhoneFieldInternalInputBox';\n\ncustomElements.define(componentName, PhoneFieldInternalInputBox);\n","import parsePhoneNumberFromString from 'libphonenumber-js/min';\nimport CountryCodes from './CountryCodes';\n\nexport const getCountryByCodeId = (countryCode) => {\n return CountryCodes.find((c) => c.code === countryCode)?.dialCode;\n};\n\nexport const matchingParenthesis = (val) => {\n const openParenMatches = val.match(/\$/g);\n const closeParenMatches = val.match(/\$/g);\n return openParenMatches?.length === closeParenMatches?.length;\n};\n","/*\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { SlotController } from '@vaadin/component-base/src/slot-controller.js';\n\n/\n A controller to create and initialize slotted `<input>` element.\n /\nexport class InputController extends SlotController {\n constructor(host, callback) {\n super(host, 'input', 'input', {\n initializer: (node, host) => {\n if (host.value) {\n node.value = host.value;\n }\n if (host.type) {\n node.setAttribute('type', host.type);\n }\n\n // Ensure every instance has unique ID\n node.id = this.defaultId;\n\n if (typeof callback === 'function') {\n callback(node);\n }\n },\n useUniqueId: true,\n });\n }\n}\n","/\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { InputControlMixin } from './input-control-mixin.js';\n\n/\n A mixin to provide logic for vaadin-text-field and related components.\n \n @polymerMixin\n * @mixes InputControlMixin\n /\nexport const InputFieldMixin = (superclass) =>\n class InputFieldMixinClass extends InputControlMixin(superclass) {\n static get properties() {\n return {\n /\n Whether the value of the control can be automatically completed by the browser.\n * List of available options at:\n * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete\n /\n autocomplete: {\n type: String,\n },\n\n /\n This is a property supported by Safari that is used to control whether\n * autocorrection should be enabled when the user is entering/editing the text.\n * Possible values are:\n * on: Enable autocorrection.\n * off: Disable autocorrection.\n /\n autocorrect: {\n type: String,\n },\n\n /\n This is a property supported by Safari and Chrome that is used to control whether\n * autocapitalization should be enabled when the user is entering/editing the text.\n * Possible values are:\n * characters: Characters capitalization.\n * words: Words capitalization.\n * sentences: Sentences capitalization.\n * none: No capitalization.\n /\n autocapitalize: {\n type: String,\n reflectToAttribute: true,\n },\n };\n }\n\n static get delegateAttrs() {\n return [...super.delegateAttrs, 'autocapitalize', 'autocomplete', 'autocorrect'];\n }\n\n // Workaround for https://github.com/Polymer/polymer/issues/5259\n get __data() {\n return this.__dataValue \|\| {};\n }\n\n set __data(value) {\n this.__dataValue = value;\n }\n\n /\n @param {HTMLElement} input\n * @protected\n * @override\n /\n _inputElementChanged(input) {\n super._inputElementChanged(input);\n\n if (input) {\n // Discard value set on the custom slotted input.\n if (input.value && input.value !== this.value) {\n console.warn(`Please define value on the <${this.localName}> component!`);\n input.value = '';\n }\n\n if (this.value) {\n input.value = this.value;\n }\n }\n }\n\n /\n Override an event listener from `FocusMixin`.\n * @param {boolean} focused\n * @protected\n * @override\n /\n _setFocused(focused) {\n super._setFocused(focused);\n\n // Do not validate when focusout is caused by document\n // losing focus, which happens on browser tab switch.\n if (!focused && document.hasFocus()) {\n this.validate();\n }\n }\n\n /\n Override an event listener from `InputMixin`\n * to mark as valid after user started typing.\n * @param {Event} event\n * @protected\n * @override\n /\n _onInput(event) {\n super._onInput(event);\n\n if (this.invalid) {\n this.validate();\n }\n }\n\n /\n Override an observer from `InputMixin` to validate the field\n * when a new value is set programmatically.\n \n @param {string \| undefined} newValue\n * @param {string \| undefined} oldValue\n * @protected\n * @override\n /\n _valueChanged(newValue, oldValue) {\n super._valueChanged(newValue, oldValue);\n\n if (oldValue === undefined) {\n return;\n }\n\n if (this.invalid) {\n this.validate();\n }\n }\n };\n","/\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { InputController } from '@vaadin/field-base/src/input-controller.js';\nimport { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';\nimport { LabelledInputController } from '@vaadin/field-base/src/labelled-input-controller.js';\n\n/\n A mixin providing common text field functionality.\n \n @polymerMixin\n * @mixes InputFieldMixin\n /\nexport const TextFieldMixin = (superClass) =>\n class TextFieldMixinClass extends InputFieldMixin(superClass) {\n static get properties() {\n return {\n /\n Maximum number of characters (in Unicode code points) that the user can enter.\n /\n maxlength: {\n type: Number,\n },\n\n /\n Minimum number of characters (in Unicode code points) that the user can enter.\n /\n minlength: {\n type: Number,\n },\n\n /\n A regular expression that the value is checked against.\n * The pattern must match the entire value, not just some subset.\n /\n pattern: {\n type: String,\n },\n };\n }\n\n static get delegateAttrs() {\n return [...super.delegateAttrs, 'maxlength', 'minlength', 'pattern'];\n }\n\n static get constraints() {\n return [...super.constraints, 'maxlength', 'minlength', 'pattern'];\n }\n\n constructor() {\n super();\n this._setType('text');\n }\n\n /* @protected /\n get clearElement() {\n return this.$.clearButton;\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this.addController(\n new InputController(this, (input) => {\n this._setInputElement(input);\n this._setFocusElement(input);\n this.stateTarget = input;\n this.ariaTarget = input;\n }),\n );\n this.addController(new LabelledInputController(this.inputElement, this._labelController));\n }\n };\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport '@vaadin/input-container/src/vaadin-input-container.js';\nimport { html, PolymerElement } from '@polymer/polymer';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { TextFieldMixin } from './vaadin-text-field-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, { moduleId: 'vaadin-text-field-styles' });\n\n/\n `<vaadin-text-field>` is a web component that allows the user to input and edit text.\n \n ```html\n * <vaadin-text-field label=\"First Name\"></vaadin-text-field>\n * ```\n \n ### Prefixes and suffixes\n \n These are child elements of a `<vaadin-text-field>` that are displayed\n * inline with the input, before or after.\n * In order for an element to be considered as a prefix, it must have the slot\n * attribute set to `prefix` (and similarly for `suffix`).\n \n ```html\n * <vaadin-text-field label=\"Email address\">\n * <div slot=\"prefix\">Sent to:</div>\n * <div slot=\"suffix\">@vaadin.com</div>\n * </vaadin-text-field>\n * ```\n \n ### Styling\n \n The following custom properties are available for styling:\n \n Custom property \| Description \| Default\n * -------------------------------\|----------------------------\|---------\n * `--vaadin-field-default-width` \| Default width of the field \| `12em`\n \n The following shadow DOM parts are available for styling:\n \n Part name \| Description\n * ---------------------\|----------------\n * `label` \| The label element\n * `input-field` \| The element that wraps prefix, value and suffix\n * `clear-button` \| The clear button\n * `error-message` \| The error message element\n * `helper-text` \| The helper text element wrapper\n * `required-indicator` \| The `required` state indicator element\n \n The following state attributes are available for styling:\n \n Attribute \| Description \| Part name\n * --------------------\|-------------\|------------\n * `disabled` \| Set to a disabled text field \| :host\n * `has-value` \| Set when the element has a value \| :host\n * `has-label` \| Set when the element has a label \| :host\n * `has-helper` \| Set when the element has helper text or slot \| :host\n * `has-error-message` \| Set when the element has an error message \| :host\n * `invalid` \| Set when the element is invalid \| :host\n * `input-prevented` \| Temporarily set when invalid input is prevented \| :host\n * `focused` \| Set when the element is focused \| :host\n * `focus-ring` \| Set when the element is keyboard focused \| :host\n * `readonly` \| Set to a readonly text field \| :host\n \n See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n \n @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n \n @customElement\n * @extends HTMLElement\n * @mixes ElementMixin\n * @mixes ThemableMixin\n * @mixes TextFieldMixin\n /\nexport class TextField extends TextFieldMixin(ThemableMixin(ElementMixin(PolymerElement))) {\n static get is() {\n return 'vaadin-text-field';\n }\n\n static get template() {\n return html`\n <style>\n [part='input-field'] {\n flex-grow: 0;\n }\n </style>\n\n <div class=\"vaadin-field-container\">\n <div part=\"label\">\n <slot name=\"label\"></slot>\n <span part=\"required-indicator\" aria-hidden=\"true\" on-click=\"focus\"></span>\n </div>\n\n <vaadin-input-container\n part=\"input-field\"\n readonly=\"[[readonly]]\"\n disabled=\"[[disabled]]\"\n invalid=\"[[invalid]]\"\n theme$=\"[[_theme]]\"\n >\n <slot name=\"prefix\" slot=\"prefix\"></slot>\n <slot name=\"input\"></slot>\n <slot name=\"suffix\" slot=\"suffix\"></slot>\n <div id=\"clearButton\" part=\"clear-button\" slot=\"suffix\" aria-hidden=\"true\"></div>\n </vaadin-input-container>\n\n <div part=\"helper-text\">\n <slot name=\"helper\"></slot>\n </div>\n\n <div part=\"error-message\">\n <slot name=\"error-message\"></slot>\n </div>\n </div>\n <slot name=\"tooltip\"></slot>\n `;\n }\n\n static get properties() {\n return {\n /\n Maximum number of characters (in Unicode code points) that the user can enter.\n /\n maxlength: {\n type: Number,\n },\n\n /\n Minimum number of characters (in Unicode code points) that the user can enter.\n /\n minlength: {\n type: Number,\n },\n };\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this._tooltipController = new TooltipController(this);\n this._tooltipController.setPosition('top');\n this._tooltipController.setAriaTarget(this.inputElement);\n this.addController(this._tooltipController);\n }\n}\n\ndefineCustomElement(TextField);\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, {\n moduleId: 'lumo-text-field-styles',\n});\n"],"names":["componentName","observedAttrs","TextFieldClass","mappings","proxyProps","useProxyTargets","superclass","observedAttributes","concat","icon","init","super","renderCopyToClipboard","shouldRender","this","remove","iconInitConfig","title","style","iconCopiedConfig","Object","assign","document","createElement","slot","baseElement","appendChild","addEventListener","navigator","clipboard","writeText","value","setTimeout","onLabelClick","focus","attributeChangedCallback","attrName","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","cssVarList","inputOutlineWidth","inputOutlineOffset","excludeAttrsSync","customElements","define","mapAttrs","BaseInputClass","baseSelector","constructor","innerHTML","textField","querySelector","phoneNumberInputEle","shadowRoot","defaultDialCode","getAttribute","defaultCode","allowAlphanumericInput","minLength","parseInt","maxLength","restrictCountries","split","filter","Boolean","isFormatValue","isStrictValidation","parsedVal","country","countryCallingCode","nationalNumber","join","val","e","isTrusted","bind","handleFocusEventsDispatching","getValidity","stripValue","isRequired","valueMissing","length","tooShort","tooLong","test","patternMismatch","setSelectionRange","args","oldValue","newValue","includes","attr","setAttribute","sanitizedInput","target","sanitizedVal","replace","dialCodePrefixPattern","RegExp","parsed","isValid","countryCode","telDigitsRegExp","char","phoneNumber","reset","input","getCountryByCodeId","find","c","code","dialCode","matchingParenthesis","openParenMatches","match","closeParenMatches","InputController","host","callback","initializer","node","type","id","defaultId","useUniqueId","InputFieldMixin","properties","autocomplete","String","autocorrect","autocapitalize","reflectToAttribute","delegateAttrs","__data","__dataValue","_inputElementChanged","console","warn","localName","_setFocused","focused","hasFocus","validate","_onInput","event","invalid","_valueChanged","undefined","TextFieldMixin","superClass","maxlength","Number","minlength","pattern","constraints","clearElement","$","clearButton","ready","addController","_setInputElement","_setFocusElement","stateTarget","ariaTarget","inputElement","_labelController","moduleId","TextField","is","template","_tooltipController","setPosition","setAriaTarget"],"sourceRoot":""}

package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js CHANGED Viewed

@@ -1,116 +1,5 @@
 /*! For license information please see phone-fields-descope-phone-input-box-field-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3620,4043,5691],{79275:(t,e,n)=>{n.d(e,{T:()=>s,w:()=>p});var i=n(79365),o=n(6424),r=n(9696),a=n(97810),l=n(73551);const s=(0,a.xE)("text-field"),d=["type","label-type","copy-to-clipboard"],p=(0,r.Zz)((0,i.RF)({mappings:o.A}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),i.tQ,(t=>class extends t{static get observedAttributes(){return d.concat(t.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(t){if(!t)return void this.icon?.remove();const e={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},n={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...e}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",(()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,n),setTimeout((()=>{Object.assign(this.icon,e)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(t,e,n){super.attributeChangeCallback?.(t,e,n),"type"===t&&this.baseElement._setType(n),e!==n&&("label-type"===t?"floating"===n?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===n))}}))((0,i.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${p.cssVarList.inputOutlineWidth}) + var(${p.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${(0,l.$J)("vaadin-text-field")}\n\t\t\t${(0,l.cy)(p.cssVarList)}\n\t\t\t${(0,l.LJ)("vaadin-text-field",p.cssVarList)}\n      ${(0,l.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:s}))},21374:(t,e,n)=>{n.r(e),n.d(e,{TextFieldClass:()=>i.w,componentName:()=>i.T}),n(11284),n(37182),n(95260);var i=n(79275);customElements.define(i.T,i.w)},16306:(t,e,n)=>{n.d(e,{TQ:()=>u,Ul:()=>C});var i=n(9035),o=n(97810),r=n(9696),a=n(79365),l=n(79275),s=n(51680),d=n(73551);const p=l.w.cssVarList,u=(0,o.xE)("phone-input-box-field"),{host:c,label:h,inputElement:b,requiredIndicator:v,inputField:m,inputFieldInternal:g,phoneInput:y,errorMessage:f,helperText:x}={host:{selector:()=>":host"},label:{selector:"::part(label)"},placeholder:{selector:"> input:placeholder-shown"},inputElement:{selector:"input"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:()=>"vaadin-text-field::part(input-field)"},inputFieldInternal:{selector:()=>"descope-phone-field-internal-input-box vaadin-text-field::part(input-field)"},phoneInput:{selector:()=>"descope-text-field"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},C=(0,r.Zz)((0,a.RF)({mappings:{fontSize:[c,m,{selector:l.w.componentName,property:l.w.cssVarList.fontSize}],fontFamily:[h,f,x],hostWidth:{...c,property:"width"},hostMinWidth:{...c,property:"min-width"},hostDirection:{...c,property:"direction"},inputBorderStyle:{...g,property:"border-style"},inputBorderWidth:{...g,property:"border-width"},inputBorderColor:{...g,property:"border-color"},inputBorderRadius:[{...m,property:"border-radius"},{...g,property:"border-radius"}],inputHorizontalPadding:[{...y,property:"padding-left"},{...y,property:"padding-right"}],labelFontSize:{...h,property:"font-size"},labelFontWeight:{...h,property:"font-weight"},labelTextColor:[{...h,property:"color"},{...v,property:"color"}],labelRequiredIndicator:{...v,property:"content"},errorMessageTextColor:{...f,property:"color"},errorMessageIcon:{...f,property:"background-image"},errorMessageIconSize:{...f,property:"background-size"},errorMessageIconPadding:{...f,property:"padding-inline-start"},errorMessageIconRepeat:{...f,property:"background-repeat"},errorMessageIconPosition:{...f,property:"background-position"},inputValueTextColor:{...y,property:p.inputValueTextColor},inputPlaceholderTextColor:{...y,property:p.inputPlaceholderColor},inputOutlineStyle:{...m,property:"outline-style"},inputOutlineColor:{...m,property:"outline-color"},inputOutlineWidth:{...m,property:"outline-width"},inputOutlineOffset:{...m,property:"outline-offset"},labelPosition:{...h,property:"position"},labelTopPosition:{...h,property:"top"},labelHorizontalPosition:[{...h,property:"left"},{...h,property:"right"}],inputTransformY:{...h,property:"transform"},inputTransition:{...h,property:"transition"},marginInlineStart:{...h,property:"margin-inline-start"},valueInputHeight:{...b,property:"height"},valueInputMarginBottom:{selector:l.w.componentName,property:p.valueInputMarginBottom}}}),a.VO,(0,a.OZ)({proxyProps:["value","selectionStart"]}),(t=>class extends t{static get CountryCodes(){return s.A}init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n\t\t\t\t<${i.T}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${i.T}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(i.T),(0,o.EA)(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","bordered","invalid","minlength","maxlength","default-code","disabled","phone-input-placeholder","label","label-type","allow-alphanumeric-input"]})}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}}))((0,a.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    ${(0,d.cy)(C.cssVarList)}\n    ${(0,d.I4)("vaadin-text-field")}\n    ${(0,d.kG)("vaadin-text-field")}\n    ${(0,d.X6)()}\n\n    vaadin-text-field {\n      width: 100%;\n      box-sizing: border-box;\n      padding: 0;\n    }\n    vaadin-text-field[focus-ring]::part(input-field) {\n      box-shadow: none;\n    }\n    vaadin-text-field::before {\n      height: 0;\n    }\n    vaadin-text-field::part(input-field) {\n      padding: 0;\n      background: transparent;\n      overflow: hidden;\n      -webkit-mask-image: none;\n    }\n    descope-phone-field-internal-input-box {\n      -webkit-mask-image: none;\n      padding: 0;\n      width: 100%;\n    }\n    descope-phone-field-internal-input-box > div {\n      width: 100%;\n    }\n    descope-phone-field-internal-input-box .separator {\n      flex: 0;\n      border: none;\n    }\n    descope-phone-field-internal-input-box descope-text-field {\n      ${p.inputOutlineWidth}: 0;\n      ${p.inputOutlineOffset}: 0;\n    }\n    descope-text-field {\n      flex-grow: 1;\n      width: 100%;\n      direction: ltr;\n    }\n    vaadin-text-field[readonly] > input:placeholder-shown {\n      opacity: 1;\n    }\n    vaadin-text-field::part(input-field)::after {\n      border: none;\n    }\n\n    vaadin-text-field[label-type="floating"]:not([focused])[readonly] input:placeholder-shown {\n      opacity: 0;\n    }\n    vaadin-text-field[label-type="floating"]:not([focused])[disabled] input:placeholder-shown {\n      opacity: 0;\n    }\n\n    ${(0,d.$J)("vaadin-text-field")}\n    ${(0,d.Kl)()}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:u}))},9035:(t,e,n)=>{n.d(e,{A:()=>p,T:()=>a});var i=n(3393),o=n(97810),r=n(92259);const a=(0,o.xE)("phone-field-internal-input-box"),l=["disabled","size","bordered","invalid","readonly","phone-input-placeholder","name","autocomplete","label-type","allow-alphanumeric-input"],s={"phone-input-placeholder":"placeholder"},d=(0,i.y)({componentName:a,baseSelector:"div"}),p=class extends d{static get observedAttributes(){return[].concat(d.observedAttributes||[],l)}constructor(){super(),this.innerHTML='\n      <div>\n        <descope-text-field tabindex="1"></descope-text-field>\n      </div>\n      ',this.phoneNumberInput=this.querySelector("descope-text-field")}get defaultCountryCode(){return(0,r.Q)(this.getAttribute("default-code"))}get hasDefaultCode(){return!!this.getAttribute("default-code")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get value(){if(!this.phoneNumberValue)return"";if(this.hasDefaultCode){const t=new RegExp(`\\+?${parseInt(this.defaultCountryCode,10)}--?`);return`${this.defaultCountryCode}-${this.phoneNumberInput.value.replace(t,"")}`}return this.phoneNumberInput.value}set value(t){this.phoneNumberInput.value=t}get phoneNumberValue(){return this.phoneNumberInput.value}get phoneNumberInputEle(){return this.phoneNumberInput.shadowRoot.querySelector("input")}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}getValidity(){const t=this.value.replace(/\D/g,"");return this.isRequired&&!this.value?{valueMissing:!0}:t.length<this.minLength?{tooShort:!0}:t.length>this.maxLength?{tooLong:!0}:this.value&&!/^\+?\d{1,4}-?(?:\d-?){1,15}$/.test(this.value)?{patternMismatch:!0}:{}}init(){this.addEventListener("focus",(t=>{t.isTrusted&&this.phoneNumberInput.focus()})),super.init?.(),this.initInputs()}getCountryByDialCode(t){return this.countryCodeInput.items?.find((e=>e.getAttribute("data-country-code")===t))}initInputs(){this.phoneNumberInput.addEventListener("input",(t=>{1===t.target.value.length&&"-"===t.target.value&&(t.target.value=""),t.target.value=t.target.value.replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+");let e=t.target.value;if(!this.allowAlphanumericInput){const n=/^[+\d-]+$/;e=t.target.value.split("").filter((t=>n.test(t))).join("")}t.target.value=e})),this.handleFocusEventsDispatching([this.phoneNumberInput])}attributeChangedCallback(t,e,n){if(super.attributeChangedCallback(t,e,n),e!==n&&l.includes(t)){const e=s[t]||t;this.phoneNumberInput.setAttribute(e,n)}}}},78343:(t,e,n)=>{n.r(e),n(21374);var i=n(9035);customElements.define(i.T,i.A)},30057:(t,e,n)=>{n.r(e),n.d(e,{PhoneFieldInputBoxClass:()=>i.Ul,componentName:()=>i.TQ}),n(78343),n(27092),n(21374);var i=n(16306);customElements.define(i.TQ,i.Ul)},92259:(t,e,n)=>{n.d(e,{Q:()=>o});var i=n(51680);const o=t=>i.A.find((e=>e.code===t))?.dialCode},1632:(t,e,n)=>{n(52915),n(54886),n(27397),n(25244);var i=n(47642),o=n(87550);const r=o.AH`
-  :host {
-    outline: none;
-  }
-  [part='toggle-button']::before {
-    content: var(--lumo-icons-dropdown);
-  }
-`;(0,o.SF)("vaadin-combo-box",[i.k,r],{moduleId:"lumo-combo-box"}),n(86689);var a=n(13256),l=n(82901),s=n(23927),d=n(79769);class p extends((0,d.y)((0,o.cp)((0,s.v)(a.Pu)))){static get template(){return a.qy`
-      <style>
-        :host {
-          display: block;
-        }
-        :host([hidden]) {
-          display: none;
-        }
-      </style>
-      <span part="checkmark" aria-hidden="true"></span>
-      <div part="content">
-        <slot></slot>
-      </div>
-    `}static get is(){return"vaadin-combo-box-item"}}(0,l.X)(p);var u=n(24473),c=n(5072),h=n(32888);const b=o.AH`
-  #overlay {
-    width: var(--vaadin-combo-box-overlay-width, var(--_vaadin-combo-box-overlay-default-width, auto));
-  }
-  [part='content'] {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-  }
-`;(0,o.SF)("vaadin-combo-box-overlay",[c.B,b],{moduleId:"vaadin-combo-box-overlay-styles"});class v extends((0,h.p)((0,u.c)((0,s.v)((0,o.cp)(a.Pu))))){static get is(){return"vaadin-combo-box-overlay"}static get template(){return a.qy`
-      <div id="backdrop" part="backdrop" hidden></div>
-      <div part="overlay" id="overlay">
-        <div part="loader"></div>
-        <div part="content" id="content"><slot></slot></div>
-      </div>
-    `}}(0,l.X)(v);var m=n(70616);class g extends((0,m.N)(a.Pu)){static get is(){return"vaadin-combo-box-scroller"}static get template(){return a.qy`
-      <style>
-        :host {
-          display: block;
-          min-height: 1px;
-          overflow: auto;
-          /* Fixes item background from getting on top of scrollbars on Safari */
-          transform: translate3d(0, 0, 0);
-          /* Enable momentum scrolling on iOS */
-          -webkit-overflow-scrolling: touch;
-          /* Fixes scrollbar disappearing when 'Show scroll bars: Always' enabled in Safari */
-          box-shadow: 0 0 0 white;
-        }
-        #selector {
-          border-width: var(--_vaadin-combo-box-items-container-border-width);
-          border-style: var(--_vaadin-combo-box-items-container-border-style);
-          border-color: var(--_vaadin-combo-box-items-container-border-color, transparent);
-          position: relative;
-        }
-      </style>
-      <div id="selector">
-        <slot></slot>
-      </div>
-    `}}(0,l.X)(g);var y=n(90676),f=n(81488),x=n(44218),C=n(18330),w=n(37720),_=n(83304);const I=t=>class extends((0,_.U)(t)){static get properties(){return{pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"pattern"]}static get constraints(){return[...super.constraints,"pattern"]}};var k=n(86314),E=n(11402),T=n(65909);(0,o.SF)("vaadin-combo-box",k.k,{moduleId:"vaadin-combo-box-styles"});class A extends((0,E.K)((0,T.x)(I((0,x.R)((0,o.cp)((0,y.q)(a.Pu))))))){static get is(){return"vaadin-combo-box"}static get template(){return a.qy`
-      <style>
-        :host([opened]) {
-          pointer-events: auto;
-        }
-      </style>
-      <div class="vaadin-combo-box-container">
-        <div part="label">
-          <slot name="label"></slot>
-          <span part="required-indicator" aria-hidden="true" on-click="focus"></span>
-        </div>
-        <vaadin-input-container
-          part="input-field"
-          readonly="[[readonly]]"
-          disabled="[[disabled]]"
-          invalid="[[invalid]]"
-          theme$="[[_theme]]"
-        >
-          <slot name="prefix" slot="prefix"></slot>
-          <slot name="input"></slot>
-          <div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
-          <div id="toggleButton" part="toggle-button" slot="suffix" aria-hidden="true"></div>
-        </vaadin-input-container>
-        <div part="helper-text">
-          <slot name="helper"></slot>
-        </div>
-        <div part="error-message">
-          <slot name="error-message"></slot>
-        </div>
-      </div>
-      <vaadin-combo-box-overlay
-        id="overlay"
-        opened="[[_overlayOpened]]"
-        loading$="[[loading]]"
-        theme$="[[_theme]]"
-        position-target="[[_positionTarget]]"
-        no-vertical-overlap
-        restore-focus-node="[[inputElement]]"
-      ></vaadin-combo-box-overlay>
-      <slot name="tooltip"></slot>
-    `}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new C.f(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new w.q(this.inputElement,this._labelController)),this._tooltipController=new f.I(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow((t=>!t.opened)),this._positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this._toggleElement=this.$.toggleButton}_onClearButtonClick(t){t.stopPropagation(),super._onClearButtonClick(t)}_onHostClick(t){const e=t.composedPath();(e.includes(this._labelNode)||e.includes(this._positionTarget))&&super._onHostClick(t)}}(0,l.X)(A)},37436:(t,e,n)=>{n.d(e,{a:()=>o});var i=n(44218);const o=t=>class extends((0,i.R)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},27136:(t,e,n)=>{n.d(e,{A:()=>h}),n(86689);var i=n(13256),o=n(82901),r=n(90676),a=n(81488),l=n(86314),s=n(87550),d=n(18330),p=n(37436),u=n(37720);const c=t=>class extends((0,p.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new d.f(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new u.q(this.inputElement,this._labelController))}};(0,s.SF)("vaadin-text-field",l.k,{moduleId:"vaadin-text-field-styles"});class h extends(c((0,s.cp)((0,r.q)(i.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return i.qy`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4043,8657],{79275:(t,e,i)=>{i.d(e,{T:()=>s,w:()=>p});var n=i(79365),r=i(6424),o=i(9696),a=i(97810),l=i(73551);const s=(0,a.xE)("text-field"),d=["type","label-type","copy-to-clipboard"],p=(0,o.Zz)((0,n.RF)({mappings:r.A}),n.VO,(0,n.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),n.tQ,(t=>class extends t{static get observedAttributes(){return d.concat(t.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(t){if(!t)return void this.icon?.remove();const e={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},i={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...e}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",(()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,i),setTimeout((()=>{Object.assign(this.icon,e)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(t,e,i){super.attributeChangeCallback?.(t,e,i),"type"===t&&this.baseElement._setType(i),e!==i&&("label-type"===t?"floating"===i?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===i))}}))((0,n.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${p.cssVarList.inputOutlineWidth}) + var(${p.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${(0,l.$J)("vaadin-text-field")}\n\t\t\t${(0,l.cy)(p.cssVarList)}\n\t\t\t${(0,l.LJ)("vaadin-text-field",p.cssVarList)}\n      ${(0,l.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:s}))},21374:(t,e,i)=>{i.r(e),i.d(e,{TextFieldClass:()=>n.w,componentName:()=>n.T}),i(11284),i(37182),i(95260);var n=i(79275);customElements.define(n.T,n.w)},16306:(t,e,i)=>{i.d(e,{TQ:()=>u,Ul:()=>w});var n=i(9035),r=i(97810),o=i(9696),a=i(79365),l=i(79275),s=i(51680),d=i(73551);const p=l.w.cssVarList,u=(0,r.xE)("phone-input-box-field"),{host:c,label:h,inputElement:g,requiredIndicator:f,inputField:m,internalComponent:y,internalComponentAfter:b,phoneInput:v,errorMessage:x,helperText:C}={host:{selector:()=>":host"},label:{selector:"::part(label)"},placeholder:{selector:"> input:placeholder-shown"},inputElement:{selector:"input"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:()=>"vaadin-text-field::part(input-field)"},internalComponent:{selector:"descope-phone-field-internal-input-box"},internalComponentAfter:{selector:"descope-phone-field-internal-input-box::after"},phoneInput:{selector:()=>"descope-text-field"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},w=(0,o.Zz)((0,a.RF)({mappings:{fontSize:[c,m,{selector:l.w.componentName,property:l.w.cssVarList.fontSize}],fontFamily:[h,x,C],hostWidth:{...c,property:"width"},hostMinWidth:{...c,property:"min-width"},hostDirection:{...c,property:"direction"},inputHorizontalPadding:[{...v,property:"padding-left"},{...v,property:"padding-right"}],labelFontSize:{...h,property:"font-size"},labelFontWeight:{...h,property:"font-weight"},labelTextColor:[{...h,property:"color"},{...f,property:"color"}],labelRequiredIndicator:{...f,property:"content"},errorMessageTextColor:{...x,property:"color"},errorMessageIcon:{...x,property:"background-image"},errorMessageIconSize:{...x,property:"background-size"},errorMessageIconPadding:{...x,property:"padding-inline-start"},errorMessageIconRepeat:{...x,property:"background-repeat"},errorMessageIconPosition:{...x,property:"background-position"},inputValueTextColor:{...v,property:p.inputValueTextColor},inputPlaceholderTextColor:{...v,property:p.inputPlaceholderColor},inputBorderStyle:{...b,property:"border-style"},inputBorderWidth:{...b,property:"border-width"},inputBorderColor:{...b,property:"border-color"},inputBorderRadius:[{...y,property:"border-radius"},{...b,property:"border-radius"}],inputOutlineStyle:{...y,property:"outline-style"},inputOutlineColor:{...y,property:"outline-color"},inputOutlineWidth:{...y,property:"outline-width"},inputOutlineOffset:{...y,property:"outline-offset"},labelPosition:{...h,property:"position"},labelTopPosition:{...h,property:"top"},labelHorizontalPosition:[{...h,property:"left"},{...h,property:"right"}],inputTransformY:{...h,property:"transform"},inputTransition:{...h,property:"transition"},marginInlineStart:{...h,property:"margin-inline-start"},valueInputHeight:{...g,property:"height"},valueInputMarginBottom:{selector:l.w.componentName,property:p.valueInputMarginBottom}}}),a.VO,a.Yg,(0,a.OZ)({proxyProps:["value","selectionStart"]}),(t=>class extends t{static get CountryCodes(){return s.A}init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n\t\t\t\t<${n.T}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${n.T}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(n.T),(0,r.EA)(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","minlength","maxlength","default-code","disabled","phone-input-placeholder","label","label-type","allow-alphanumeric-input","restrict-countries","format-value","strict-validation","data-errormessage-type-mismatch"]})}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}}))((0,a.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    ${(0,d.cy)(w.cssVarList)}\n    ${(0,d.I4)("vaadin-text-field")}\n    ${(0,d.kG)("vaadin-text-field")}\n    ${(0,d.X6)()}\n\n    vaadin-text-field {\n      width: 100%;\n      box-sizing: border-box;\n      padding: 0;\n    }\n    vaadin-text-field[focus-ring]::part(input-field) {\n      box-shadow: none;\n    }\n    vaadin-text-field::before {\n      height: 0;\n    }\n    vaadin-text-field::part(input-field) {\n      padding: 0;\n      background: transparent;\n      -webkit-mask-image: none;\n    }\n    descope-phone-field-internal-input-box {\n      -webkit-mask-image: none;\n      padding: 0;\n      width: 100%;\n    }\n    descope-phone-field-internal-input-box > div {\n      width: 100%;\n    }\n    descope-phone-field-internal-input-box descope-text-field {\n      ${p.inputOutlineWidth}: 0;\n      ${p.inputOutlineOffset}: 0;\n    }\n    descope-phone-field-internal-input-box::after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      box-sizing: border-box;\n      pointer-events: none;\n    }\n    descope-text-field {\n      flex-grow: 1;\n      width: 100%;\n      direction: ltr;\n    }\n    vaadin-text-field[readonly] > input:placeholder-shown {\n      opacity: 1;\n    }\n    vaadin-text-field::part(input-field)::after {\n      border: none;\n    }\n\n    vaadin-text-field[label-type="floating"]:not([focused])[readonly] input:placeholder-shown {\n      opacity: 0;\n    }\n    vaadin-text-field[label-type="floating"]:not([focused])[disabled] input:placeholder-shown {\n      opacity: 0;\n    }\n\n    ${(0,d.$J)("vaadin-text-field")}\n    ${(0,d.Kl)()}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:u}))},9035:(t,e,i)=>{i.d(e,{A:()=>c,T:()=>s});var n=i(3393),r=i(97810),o=i(92259),a=i(10473),l=i(23530);const s=(0,r.xE)("phone-field-internal-input-box"),d=["disabled","size","readonly","phone-input-placeholder","name","autocomplete","label-type"],p={"phone-input-placeholder":"placeholder"},u=(0,n.y)({componentName:s,baseSelector:"div"}),c=class extends u{static get observedAttributes(){return[].concat(u.observedAttributes||[],d)}#t;constructor(){super(),this.innerHTML='\n      <div>\n        <descope-text-field tabindex="1" type="tel" bordered="false"></descope-text-field>\n      </div>\n      ',this.textField=this.querySelector("descope-text-field")}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get defaultDialCode(){return(0,o.Q)(this.getAttribute("default-code"))}get defaultCode(){return this.getAttribute("default-code")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}get restrictCountries(){return this.getAttribute("restrict-countries")?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){if(!this.textField.value)return"";if(!this.isStrictValidation)return this.#e();const t=this.#i();return t?.country&&t?.countryCallingCode&&t?.nationalNumber?`+${[t?.countryCallingCode,t?.nationalNumber].join("-")}`:this.textField.value}set value(t){this.textField.value=t}init(){this.addEventListener("focus",(t=>{t.isTrusted&&this.textField.focus()})),super.init?.(),this.textField.addEventListener("input",this.#n.bind(this)),this.handleFocusEventsDispatching([this.textField])}getValidity(){const t=this.#r(this.textField.value);return this.isRequired&&!this.textField.value?{valueMissing:!0}:t.length<this.minLength?{tooShort:!0}:t.length>this.maxLength?{tooLong:!0}:this.isStrictValidation&&this.textField.value&&!this.#o()||!this.isStrictValidation&&this.textField.value&&!/^\+?\d{1,4}-?(?:\d-?){1,15}$/.test(this.value)?{patternMismatch:!0}:{}}setSelectionRange(...t){this.textField.setSelectionRange(...t)}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback(t,e,i),e!==i&&d.includes(t)){const e=p[t]||t;this.textField.setAttribute(e,i)}}#n(t){let e=this.#a(t.target.value);this.isFormatValue&&this.#l(e)&&(e=this.#s(e)),t.target.value=e}#e(){if(!this.defaultDialCode)return this.textField.value;const t=this.#d(this.textField.value),e=this.#r(t);return[this.defaultDialCode,e].join("-")}#i(){return this.defaultDialCode?(0,a.l)([this.defaultDialCode,this.#r(this.textField.value)].filter(Boolean).join("")):(0,a.l)(this.textField.value)}#r(t){return t.replace(/\D/g,"")}#d(t){if("+"===this.textField.value?.[0]){const e=new RegExp(`^\\${this.defaultDialCode}`);return t.replace(e,"")}return t}#o(){const t=(0,a.l)(this.value);return t&&t.isValid?.()&&t.country&&this.#p(t.country)&&(!this.defaultCode||this.defaultCode===t.country)}#p(t){return!this.restrictCountries||this.restrictCountries.includes(t)}#a(t){if(t=t.replace(/^-+/,"").replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+"),!this.allowAlphanumericInput){const e=/^[+\d-\(\)]+$/;t=t.split("").filter((t=>e.test(t))).join("")}return t}#s(t=""){const e=this.defaultCode||this.#u(t);return e?(this.#t&&this.#t.country===e||(this.#t=new l.Q(e)),this.#t.reset(),this.#t.input(t)||t):t}#u(t){const e=(0,a.l)(t);return e?.country||""}#l(t){return!!(0,o.W)(t)}}},78343:(t,e,i)=>{i.r(e),i(21374);var n=i(9035);customElements.define(n.T,n.A)},30057:(t,e,i)=>{i.r(e),i.d(e,{PhoneFieldInputBoxClass:()=>n.Ul,componentName:()=>n.TQ}),i(78343),i(21374);var n=i(16306);customElements.define(n.TQ,n.Ul)},92259:(t,e,i)=>{i.d(e,{Q:()=>r,W:()=>o});var n=i(51680);const r=t=>n.A.find((e=>e.code===t))?.dialCode,o=t=>{const e=t.match(/\(/g),i=t.match(/\)/g);return e?.length===i?.length}},18330:(t,e,i)=>{i.d(e,{f:()=>r});var n=i(44099);class r extends n.r{constructor(t,e){super(t,"input","input",{initializer:(t,i)=>{i.value&&(t.value=i.value),i.type&&t.setAttribute("type",i.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},37436:(t,e,i)=>{i.d(e,{a:()=>r});var n=i(44218);const r=t=>class extends((0,n.R)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},27136:(t,e,i)=>{i.d(e,{A:()=>h}),i(86689);var n=i(13256),r=i(82901),o=i(90676),a=i(81488),l=i(86314),s=i(87550),d=i(18330),p=i(37436),u=i(37720);const c=t=>class extends((0,p.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new d.f(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new u.q(this.inputElement,this._labelController))}};(0,s.SF)("vaadin-text-field",l.k,{moduleId:"vaadin-text-field-styles"});class h extends(c((0,s.cp)((0,o.q)(n.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return n.qy`
       <style>
         [part='input-field'] {
           flex-grow: 0;
@@ -145,5 +34,5 @@
         </div>
       </div>
       <slot name="tooltip"></slot>
-    `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new a.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,o.X)(h)},52733:(t,e,n)=>{n(27397);var i=n(47642);(0,n(87550).SF)("vaadin-text-field",i.k,{moduleId:"lumo-text-field-styles"}),n(27136)},11284:(t,e,n)=>{n(52733),n(27136)}}]);
+    `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new a.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,r.X)(h)},52733:(t,e,i)=>{i(27397);var n=i(47642);(0,i(87550).SF)("vaadin-text-field",n.k,{moduleId:"lumo-text-field-styles"}),i(27136)},11284:(t,e,i)=>{i(52733),i(27136)}}]);
 //# sourceMappingURL=phone-fields-descope-phone-input-box-field-index-js.js.map

package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js.LICENSE.txt CHANGED Viewed

@@ -1,9 +1,3 @@
-/**
- * @license
- * Copyright (c) 2015 - 2023 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
 /**
  * @license
  * Copyright (c) 2017 - 2023 Vaadin Ltd.