@descope/web-components-ui 3.23.3 → 3.25.0

package/dist/umd/descope-hybrid-field-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-hybrid-field-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/theme/lumo/vaadin-email-field-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/src/vaadin-email-field-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/src/vaadin-email-field.js","webpack://@descope/web-components-ui/./src/components/descope-email-field/EmailFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-email-field/emailPattern.js","webpack://@descope/web-components-ui/./src/components/descope-email-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-hybrid-field/helpers.js","webpack://@descope/web-components-ui/./src/components/descope-hybrid-field/HybridFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-hybrid-field/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.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/descope-phone-input-box-field/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/helpers.js"],"sourcesContent":["/**\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 { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst emailField = css`\n  :host([dir='rtl']) [part='input-field'] ::slotted(input) {\n    --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n  }\n\n  :host([dir='rtl']) [part='input-field'] ::slotted(input:placeholder-shown) {\n    --_lumo-text-field-overflow-mask-image: none;\n  }\n`;\n\nregisterStyles('vaadin-email-field', [inputFieldShared, emailField], {\n  moduleId: 'lumo-email-field',\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 { css } from 'lit';\n\n// See https://github.com/vaadin/vaadin-text-field/issues/466\nexport const emailFieldStyles = css`\n  :host([dir='rtl']) [part='input-field'] {\n    direction: ltr;\n  }\n\n  :host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder {\n    direction: rtl;\n    text-align: left;\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 { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { TextField } from '@vaadin/text-field/src/vaadin-text-field.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { emailFieldStyles } from './vaadin-email-field-styles.js';\n\nregisterStyles('vaadin-email-field', emailFieldStyles, { moduleId: 'vaadin-email-field-styles' });\n\n/**\n * `<vaadin-email-field>` is a Web Component for email field control in forms.\n *\n * ```html\n * <vaadin-email-field label=\"Email\"></vaadin-email-field>\n * ```\n *\n * ### Styling\n *\n * `<vaadin-email-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\n * See [`<vaadin-text-field>`](#/elements/vaadin-text-field) for the styling documentation.\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 TextField\n */\nexport class EmailField extends TextField {\n  static get is() {\n    return 'vaadin-email-field';\n  }\n\n  constructor() {\n    super();\n    this._setType('email');\n    this.pattern = '^([a-zA-Z0-9_\\\\.\\\\-+])+@[a-zA-Z0-9\\\\-.]+\\\\.[a-zA-Z0-9\\\\-]{2,}$';\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    if (this.inputElement) {\n      this.inputElement.autocapitalize = 'off';\n    }\n  }\n}\n\ndefineCustomElement(EmailField);\n","import textFieldMappings from '@descope-ui/descope-text-field/mappings';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n  externalInputMixin,\n} from '../../mixins';\nimport { compose } from '../../helpers';\nimport { asciiPattern, unicodePattern } from './emailPattern';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('email-field');\n\nconst defaultAutocomplete = 'username';\nconst defaultInputMode = 'email';\n\nconst customMixin = (superclass) =>\n  class EmailFieldMixinClass extends superclass {\n    // On by default - `accept-unicode=\"false\"` restores the pre-unicode field:\n    // native `type=\"email\"` validation and the ASCII pattern.\n    //\n    // Read once, in `init`. Changing the attribute afterwards has no effect; it\n    // is static configuration, which is how every consumer sets it.\n    get acceptsUnicode() {\n      return this.getAttribute('accept-unicode') !== 'false';\n    }\n\n    init() {\n      super.init?.();\n\n      // we need to set the pattern on the base element because vaadin-email-field is overriding it\n      this.baseElement.setAttribute('pattern', asciiPattern);\n\n      if (!this.getAttribute('autocomplete')) {\n        this.setAttribute('autocomplete', defaultAutocomplete);\n      }\n\n      this.createExternalInput();\n\n      [this.inputElement, this.externalInput].filter(Boolean).forEach((input) => {\n        input.addEventListener('change', this.stripSurroundingWhitespace);\n      });\n\n      if (this.acceptsUnicode) {\n        this.enableUnicode();\n      }\n    }\n\n    enableUnicode() {\n      this.baseElement.setAttribute('pattern', unicodePattern);\n\n      // native `type=\"email\"` validation is ASCII only and sets typeMismatch\n      // before `pattern` is consulted, so `text` is what lets the pattern decide.\n      // Through vaadin's `_setType` because `type` is a readOnly property bound\n      // to the inner input - assigning `input.type` is re-applied over.\n      this.baseElement._setType('text');\n\n      if (this.externalInput) {\n        this.externalInput.type = 'text';\n      }\n\n      // `type=\"text\"` loses the email keyboard on mobile\n      if (!this.getAttribute('inputmode')) {\n        this.setAttribute('inputmode', defaultInputMode);\n      }\n\n      this.externalInput?.setAttribute('inputmode', defaultInputMode);\n    }\n\n    stripSurroundingWhitespace = (e) => {\n      const trimmed = e.target.value.trim();\n      if (trimmed === e.target.value) return;\n      this.value = trimmed;\n\n      // validity is cached and was computed against the untrimmed value\n      this.inputElement.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n    };\n  };\n\nexport const EmailFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  externalInputMixin({\n    inputType: 'email',\n    inputName: 'email',\n    autocompleteType: 'username',\n    includeAttrs: ['disabled', 'readonly', 'pattern'],\n  }),\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: ['', 'suffix'],\n    wrappedEleName: 'vaadin-email-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(${EmailFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          EmailFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      ${resetInputLabelPosition('vaadin-email-field')}\n\t\t\t${useHostExternalPadding(EmailFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-email-field', EmailFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-email-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-email-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n      :host ::slotted(*) {\n        -webkit-mask-image: none;\n      }\n\n      vaadin-email-field[external-input=\"true\"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n","// Kept in its own module (with no imports) so it can be unit tested without\n// pulling in the whole component / vaadin dependency chain.\n\nexport const asciiPattern = \"^[\\\\w\\\\.\\\\%\\\\+\\\\-']+@[\\\\w\\\\.\\\\-]+\\\\.[A-Za-z]{2,}$\";\n\nexport const unicodePattern =\n  \"^[\\\\p{L}\\\\p{M}\\\\p{N}._%+'\\\\-]+@[\\\\p{L}\\\\p{M}\\\\p{N}.\\\\-]+\\\\.[\\\\p{L}\\\\p{M}][\\\\p{L}\\\\p{M}\\\\p{N}\\\\-]+$\";\n","import '@vaadin/email-field';\nimport { componentName, EmailFieldClass } from './EmailFieldClass';\n\ncustomElements.define(componentName, EmailFieldClass);\n\nexport { EmailFieldClass, componentName };\n","// Matches any character that is not a digit, whitespace, or phone formatting character (+, -, (, ))\nconst INVALID_PHONE_CHARS_RE = /[^\\d\\s+\\-()]/;\n\nexport const isNumericValue = (val) => !!val && !INVALID_PHONE_CHARS_RE.test(val);\n\nexport const sanitizeCountryCodePrefix = (val) => val.replace(/\\+\\d+-/, '');\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport { isNumericValue, sanitizeCountryCodePrefix as sanitizeValue } from './helpers';\nimport { PhoneFieldClass } from '../phone-fields/descope-phone-field/PhoneFieldClass';\nimport { PhoneFieldInputBoxClass } from '../phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass';\n\nexport const componentName = getComponentName('hybrid-field');\n\nconst attrs = {\n  shared: [\n    'label',\n    'bordered',\n    'full-width',\n    'label-type',\n    'size',\n    'disabled',\n    'readonly',\n    'required',\n    'st-host-direction',\n    'st-error-message-icon',\n    'st-error-message-icon-size',\n    'st-error-message-icon-padding',\n  ],\n  email: [\n    'placeholder',\n    'data-errormessage-value-missing-email',\n    'data-errormessage-pattern-mismatch-email',\n    'external-input',\n  ],\n  phone: {\n    countryCode: [\n      'phone-input-label',\n      'country-input-label',\n      'country-input-placeholder',\n      'restrict-countries',\n      'default-code',\n      'phone-minlength',\n      'phone-format-value',\n      'phone-strict-validation',\n      'phone-input-type',\n      'data-errormessage-value-missing-phone',\n    ],\n    inputBox: [\n      'restrict-countries',\n      'default-code',\n      'phone-minlength',\n      'phone-format-value',\n      'phone-strict-validation',\n      'phone-input-type',\n      'data-errormessage-value-missing-phone',\n    ],\n  },\n};\n\nconst attrMap = {\n  email: {\n    'data-errormessage-value-missing-email': 'data-errormessage-value-missing',\n    'data-errormessage-pattern-mismatch-email': 'data-errormessage-pattern-mismatch',\n  },\n  phone: {\n    'phone-input-label': 'label',\n    'phone-minlength': 'minlength',\n    'phone-format-value': 'format-value',\n    'phone-strict-validation': 'strict-validation',\n    'data-errormessage-value-missing-phone': 'data-errormessage-value-missing',\n  },\n};\n\nconst EMAIL_FIELD = 'descope-email-field';\nconst PHONE_FIELD = 'descope-phone-field';\nconst PHONE_INPUT_BOX_FIELD = 'descope-phone-input-box-field';\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: 'div',\n});\n\nclass RawHybridField extends BaseClass {\n  #isReportedValidity = false;\n\n  #selectionStart;\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"wrapper\">\n      <descope-email-field external-input=\"${this.isExternalInput}\"></descope-email-field>\n      <descope-phone-field allow-alphanumeric-input=\"true\" phone-input-type=\"text\"></descope-phone-field>\n      <descope-phone-input-box-field allow-alphanumeric-input=\"true\" phone-input-type=\"text\"></descope-phone-input-box-field>\n    </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n        box-sizing: border-box;\n        padding: 0;\n        gap: 0;\n      }\n      .wrapper {\n        display: grid;\n        width: 100%;\n      }\n      descope-email-field,\n      descope-phone-field,\n      descope-phone-input-box-field {\n        grid-area: 1/1;\n        width: 100%;\n        height: 100%;\n      }\n      .hidden {\n        visibility: hidden;\n      }\n      `,\n      this\n    );\n  }\n\n  get isExternalInput() {\n    return this.getAttribute('external-input') === 'true';\n  }\n\n  get emailInputEle() {\n    return this.isExternalInput ? this.emailInput.externalInput : this.emailInput.inputElement;\n  }\n\n  get phoneVariant() {\n    const isInputBox = this.getAttribute('phone-variant') === 'inputBox';\n    return isInputBox ? this.phoneInputBoxInput : this.phoneCountryCodeInput;\n  }\n\n  get defaultCode() {\n    const firstItem = this.phoneCountryCodeInput.countryCodes?.[0] || '';\n    return this.getAttribute('default-code') || firstItem;\n  }\n\n  get activeInputEle() {\n    if (this.activeInput === this.emailInput) {\n      return this.emailInputEle;\n    }\n    return this.phoneVariant.phoneNumberInputEle;\n  }\n\n  get value() {\n    return this.activeInput?.value || '';\n  }\n\n  set value(val) {\n    this.handleActiveInput(val);\n    setTimeout(() => {\n      this.activeInput.value = val;\n    });\n  }\n\n  async init() {\n    super.init?.();\n\n    this.initInputs();\n    this.updateAttrs();\n    this.toggleInputVisibility();\n\n    await this.waitForInputs();\n\n    this.initInputEles();\n    this.overrideEmailInputType();\n    this.overrideEmailSetAttribute();\n  }\n\n  waitForInputs() {\n    return new Promise((resolve) => {\n      const check = setInterval(() => {\n        if (this.emailInputEle) {\n          clearInterval(check);\n          resolve();\n        }\n      });\n    });\n  }\n\n  initInputs() {\n    this.emailInput = this.shadowRoot.querySelector(EMAIL_FIELD);\n    this.phoneCountryCodeInput = this.shadowRoot.querySelector(PHONE_FIELD);\n    this.phoneInputBoxInput = this.shadowRoot.querySelector(PHONE_INPUT_BOX_FIELD);\n\n    this.inputs = [this.emailInput, this.phoneCountryCodeInput, this.phoneInputBoxInput];\n\n    this.activeInput = this.emailInput;\n  }\n\n  // we need to listen on the inner `input` element itself, otherwise we don't always get an `input` event\n  initInputEles() {\n    const inputEles = [\n      this.emailInputEle,\n      this.phoneCountryCodeInput.phoneNumberInputEle,\n      this.phoneInputBoxInput.phoneNumberInputEle,\n    ];\n\n    inputEles.forEach((ele) => {\n      ele.addEventListener('input', this.onValueChange.bind(this));\n    });\n  }\n\n  overrideEmailInputType() {\n    this.emailInputEle.addEventListener('focus', () => {\n      this.emailInputEle.setAttribute('type', 'text');\n    });\n    this.emailInputEle.addEventListener('blur', () => {\n      setTimeout(() => {\n        this.emailInputEle.setAttribute('type', 'email');\n      });\n    });\n  }\n\n  // We want to prevent Vaadin from changing the input type to `email`\n  // otherwise, we cannot get the selectionStart from the input.\n  overrideEmailSetAttribute() {\n    const origEmailSetAttr = this.emailInput.setAttribute.bind(this.emailInputEle);\n    this.emailInputEle.setAttribute = (name, value) => {\n      if (name !== 'type' || value !== 'email' || !this.emailInput.hasAttribute('focused')) {\n        return origEmailSetAttr(name, value);\n      }\n      return false;\n    };\n  }\n\n  updateAttrs() {\n    forwardAttrs(this, this.emailInput, { includeAttrs: attrs.email, mapAttrs: attrMap.email });\n\n    forwardAttrs(this, this.phoneCountryCodeInput, {\n      includeAttrs: attrs.phone.countryCode,\n      mapAttrs: attrMap.phone,\n    });\n\n    forwardAttrs(this, this.phoneInputBoxInput, {\n      includeAttrs: attrs.phone.inputBox,\n      mapAttrs: attrMap.phone,\n    });\n\n    this.inputs.forEach((input) => forwardAttrs(this, input, { includeAttrs: attrs.shared }));\n\n    setTimeout(() => this.phoneCountryCodeInput.setAttribute('default-code', this.defaultCode));\n  }\n\n  onValueChange() {\n    this.#selectionStart = this.activeInputEle.selectionStart;\n    // phone components expose an API to their inputElement; in case of phone variants like\n    // phone-input-box-field, we want to make sure that the value being passed\n    // is raw value from input, and not the value with a dial-code prefix, or other decorations\n    // applied behind the scenes by the phone components\n    this.handleActiveInput(this.activeInputEle.value || this.activeInput.value);\n  }\n\n  handleActiveInput(val) {\n    const expectedActiveInput = isNumericValue(val) ? this.phoneVariant : this.emailInput;\n\n    if (this.activeInput !== expectedActiveInput) {\n      this.setActiveInput(expectedActiveInput);\n    }\n  }\n\n  setActiveInput(expectedActiveInput) {\n    // phone components expose an API to their inputElement; in case of phone variants like\n    // phone-input-box-field, we want to make sure that the value being passed\n    // is raw value from input, and not the value with a dial-code prefix, or other decorations\n    // applied behind the scenes by the phone components\n    const val = this.activeInputEle.value || this.activeInput.value;\n\n    this.activeInput = expectedActiveInput;\n    this.setActiveInputValue(val);\n    if (this.#isReportedValidity) this.activeInput.reportValidity();\n    this.setActiveInputSelectionStart();\n    this.toggleInputVisibility();\n  }\n\n  setActiveInputSelectionStart() {\n    setTimeout(() => {\n      const ele = this.activeInputEle;\n      ele.focus();\n      // setSelectionRange throws InvalidStateError on input types that do not\n      // support selection (e.g. `email`). The focus handler usually switches\n      // type to `text` first, but that can race with the blur timer or fail\n      // to fire (e.g. background tab). Restoring the caret is best-effort.\n      try {\n        ele.setSelectionRange?.(this.#selectionStart, this.#selectionStart);\n      } catch {\n        /* noop */\n      }\n    });\n  }\n\n  #getDefaultDialCode() {\n    const code = this.getAttribute('default-code');\n    const match = code && PhoneFieldClass.CountryCodes.find((c) => c.code === code);\n    return match?.dialCode || PhoneFieldClass.CountryCodes[0]?.dialCode || '';\n  }\n\n  setActiveInputValue(val) {\n    const sanitizedVal = sanitizeValue(val);\n    const isPhoneField = this.activeInput.localName === PHONE_FIELD;\n    if (isPhoneField) {\n      const dialCode = this.phoneCountryCodeInput.countryCodeItems || this.#getDefaultDialCode();\n      this.activeInput.value = `${dialCode}-${sanitizedVal}`;\n    } else {\n      this.activeInput.value = sanitizedVal;\n    }\n  }\n\n  toggleInputVisibility() {\n    this.inputs.forEach((input) => {\n      input !== this.activeInput ? input.classList.add('hidden') : input.classList.remove('hidden');\n    });\n  }\n\n  reportValidity() {\n    this.#isReportedValidity = true;\n\n    const ele = this.activeInputEle;\n\n    // On reportValidity we want to set the caret at the end of the input value.\n    // Since checkValidity triggers `focus` on the input, it sets the caret at the start of the input,\n    // regardless the existing value.\n    const origInputType = ele.type;\n    ele.setAttribute('type', 'text');\n    setTimeout(() => {\n      ele.setSelectionRange?.(ele.value.length, ele.value.length);\n      ele.setAttribute('type', origInputType);\n    });\n\n    return this.activeInput.reportValidity();\n  }\n\n  checkValidity() {\n    return this.activeInput.checkValidity();\n  }\n}\n\nexport const HybridFieldClass = compose(\n  createStyleMixin({ componentNameOverride: getComponentName('input-wrapper') }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      hostDirection: [\n        { selector: () => 'descope-email-field', property: 'direction' },\n        { selector: () => 'descope-phone-field', property: 'direction' },\n        { selector: () => 'descope-phone-input-box-field', property: 'direction' },\n      ],\n      errorMessageIcon: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIcon,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIcon,\n        },\n      ],\n      errorMessageIconSize: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconSize,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconSize,\n        },\n      ],\n      errorMessageIconPadding: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconPadding,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconPadding,\n        },\n      ],\n      errorMessageIconRepeat: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconRepeat,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconRepeat,\n        },\n      ],\n      errorMessageIconPosition: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconPosition,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconPosition,\n        },\n      ],\n      errorMessageFontSize: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageFontSize,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageFontSize,\n        },\n      ],\n      labelFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.labelFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.labelFontWeight,\n        },\n      ],\n      inputValueFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.inputValueFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.inputValueFontWeight,\n        },\n      ],\n      inputPlaceholderFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.inputPlaceholderFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.inputPlaceholderFontWeight,\n        },\n      ],\n      helperTextFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.helperTextFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.helperTextFontWeight,\n        },\n      ],\n      errorMessageFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageFontWeight,\n        },\n      ],\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawHybridField);\n","import '../descope-email-field';\nimport '../phone-fields/descope-phone-field';\nimport '../phone-fields/descope-phone-input-box-field';\n\nimport { componentName, HybridFieldClass } from './HybridFieldClass';\n\ncustomElements.define(componentName, HybridFieldClass);\n\nexport { HybridFieldClass, componentName };\n","import { syncAttrs } from '@descope-ui/common/components-helpers';\nimport { TextFieldClass } from '@descope-ui/descope-text-field/class';\nimport { componentName as descopeInternalComponentName } from './descope-phone-input-box-internal/PhoneFieldInternalInputBox';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport { compose } from '../../../helpers';\nimport {\n  createProxy,\n  createStyleMixin,\n  draggableMixin,\n  inputOverrideValidConstraintsMixin,\n  proxyInputMixin,\n} from '../../../mixins';\nimport CountryCodes from '../CountryCodes';\nimport {\n  resetInputLabelPosition,\n  resetInputCursor,\n  resetInputFieldDefaultWidth,\n  resetInputFieldInvalidBackgroundColor,\n  useHostExternalPadding,\n  inputFloatingLabelStyle,\n} from '../../../helpers/themeHelpers/resetHelpers';\n\nconst textVars = TextFieldClass.cssVarList;\n\nexport const componentName = getComponentName('phone-input-box-field');\n\nconst customMixin = (superclass) =>\n  class PhoneFieldInputBoxMixinClass extends superclass {\n    static get CountryCodes() {\n      return CountryCodes;\n    }\n\n    init() {\n      super.init?.();\n\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n\t\t\t\t<${descopeInternalComponentName}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tslot=\"input\"\n\t\t\t\t></${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      syncAttrs(this, this.inputElement, { includeAttrs: ['has-value'] });\n\n      forwardAttrs(this.shadowRoot.host, this.inputElement, {\n        includeAttrs: [\n          'size',\n          'minlength',\n          'maxlength',\n          'default-code',\n          'disabled',\n          'phone-input-placeholder',\n          'label',\n          'label-type',\n          'allow-alphanumeric-input',\n          'restrict-countries',\n          'format-value',\n          'strict-validation',\n          'data-errormessage-type-mismatch',\n          'phone-input-type',\n        ],\n      });\n    }\n\n    get phoneNumberInputEle() {\n      return this.inputElement?.phoneNumberInputEle;\n    }\n  };\n\nconst {\n  host,\n  label,\n  inputElement,\n  requiredIndicator,\n  inputField,\n  internalComponent,\n  internalComponentAfter,\n  phoneInput,\n  errorMessage,\n  helperText,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  placeholder: { selector: '> input:placeholder-shown' },\n  inputElement: { selector: 'input' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  inputField: { selector: () => 'vaadin-text-field::part(input-field)' },\n  internalComponent: {\n    selector: 'descope-phone-field-internal-input-box',\n  },\n  internalComponentAfter: {\n    selector: 'descope-phone-field-internal-input-box::after',\n  },\n  phoneInput: { selector: () => 'descope-text-field' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const PhoneFieldInputBoxClass = compose(\n  createStyleMixin({\n    mappings: {\n      fontSize: [\n        host,\n        inputField,\n        {\n          selector: TextFieldClass.componentName,\n          property: TextFieldClass.cssVarList.fontSize,\n        },\n      ],\n      fontFamily: [label, errorMessage, helperText],\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: { ...host, property: 'direction' },\n\n      inputHorizontalPadding: [\n        { ...phoneInput, property: 'padding-left' },\n        { ...phoneInput, property: 'padding-right' },\n      ],\n\n      labelFontSize: { ...label, property: 'font-size' },\n      labelFontWeight: { ...label, property: 'font-weight' },\n      inputValueFontWeight: { ...phoneInput, property: textVars.inputValueFontWeight },\n      inputPlaceholderFontWeight: { ...phoneInput, property: textVars.inputPlaceholderFontWeight },\n      helperTextFontWeight: { ...helperText, property: 'font-weight' },\n      errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n      labelTextColor: [\n        { ...label, property: 'color' },\n        { ...label, property: '-webkit-text-fill-color' },\n        { ...requiredIndicator, property: 'color' },\n      ],\n      labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n      errorMessageTextColor: { ...errorMessage, property: 'color' },\n\n      errorMessageIcon: { ...errorMessage, property: 'background-image' },\n      errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n      errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n      errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n      errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n      errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n      inputValueTextColor: { ...phoneInput, property: textVars.inputValueTextColor },\n\n      inputPlaceholderTextColor: { ...phoneInput, property: textVars.inputPlaceholderColor },\n\n      inputBorderStyle: { ...internalComponentAfter, property: 'border-style' },\n      inputBorderWidth: { ...internalComponentAfter, property: 'border-width' },\n      inputBorderColor: { ...internalComponentAfter, property: 'border-color' },\n      inputBorderRadius: [\n        { ...internalComponent, property: 'border-radius' },\n        { ...internalComponentAfter, property: 'border-radius' },\n      ],\n\n      inputOutlineStyle: { ...internalComponent, property: 'outline-style' },\n      inputOutlineColor: { ...internalComponent, property: 'outline-color' },\n      inputOutlineWidth: { ...internalComponent, property: 'outline-width' },\n      inputOutlineOffset: { ...internalComponent, property: 'outline-offset' },\n\n      labelPosition: { ...label, property: 'position' },\n      labelTopPosition: { ...label, property: 'top' },\n      labelHorizontalPosition: [\n        { ...label, property: 'left' },\n        { ...label, property: 'right' },\n      ],\n      inputTransformY: { ...label, property: 'transform' },\n      inputTransition: { ...label, property: 'transition' },\n      marginInlineStart: { ...label, property: 'margin-inline-start' },\n      valueInputHeight: { ...inputElement, property: 'height' },\n      valueInputMarginBottom: {\n        selector: TextFieldClass.componentName,\n        property: textVars.valueInputMarginBottom,\n      },\n    },\n  }),\n  draggableMixin,\n  inputOverrideValidConstraintsMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  customMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    ${useHostExternalPadding(PhoneFieldInputBoxClass.cssVarList)}\n    ${resetInputCursor('vaadin-text-field')}\n    ${resetInputFieldInvalidBackgroundColor('vaadin-text-field')}\n    ${resetInputFieldDefaultWidth()}\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      ${textVars.inputOutlineWidth}: 0;\n      ${textVars.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    ${resetInputLabelPosition('vaadin-text-field')}\n    ${inputFloatingLabelStyle()}\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n\nexport default PhoneFieldInputBoxClass;\n","import { forwardAttrs } from '@descope-ui/common/components-helpers';\nimport parsePhoneNumberFromString, { AsYouType } from 'libphonenumber-js/min';\nimport { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport { getComponentName } from '../../../../helpers/componentHelpers';\nimport { getCountryByCodeId, matchingParenthesis } from '../../helpers';\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  'maxlength',\n  'autocomplete',\n  'label-type',\n  'phone-input-type',\n];\nconst mapAttrs = {\n  'phone-input-placeholder': 'placeholder',\n  'phone-input-type': 'type',\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    forwardAttrs(this.textField, this, { includeAttrs: ['has-value'] });\n\n    forwardAttrs(this, this.textField, {\n      includeAttrs: ['phone-input-type'],\n      mapAttrs: { 'phone-input-type': 'type' },\n    });\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 (this.textField.value) {\n      if (stripValue.length < this.minLength) {\n        return { tooShort: 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\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.length) {\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-ui/descope-text-field';\n\nimport PhoneFieldInternalInputBox, { componentName } from './PhoneFieldInternalInputBox';\n\ncustomElements.define(componentName, PhoneFieldInternalInputBox);\n","import './descope-phone-input-box-internal';\nimport '@descope-ui/descope-text-field';\n\nimport { componentName, PhoneFieldInputBoxClass } from './PhoneFieldInputBoxClass';\n\ncustomElements.define(componentName, PhoneFieldInputBoxClass);\n\nexport { PhoneFieldInputBoxClass, componentName };\n","import parsePhoneNumberFromString from 'libphonenumber-js/min';\nimport CountryCodes from './CountryCodes';\n\nexport const getCountryByCodeId = (countryCode) =>\n  CountryCodes.find((c) => c.code === countryCode)?.dialCode;\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"],"names":["emailField","vaadin_themable_mixin","AH","SF","input_field_shared","k","moduleId","emailFieldStyles","EmailField","src_vaadin_text_field","A","is","constructor","super","this","_setType","pattern","ready","inputElement","autocapitalize","src_define","X","componentName","componentHelpers","xE","defaultInputMode","EmailFieldClass","helpers","Zz","mixins","RF","mappings","textFieldMappings","VO","RV","inputType","inputName","autocompleteType","includeAttrs","OZ","proxyProps","useProxyTargets","tQ","superclass","acceptsUnicode","getAttribute","init","baseElement","setAttribute","createExternalInput","externalInput","filter","Boolean","forEach","input","addEventListener","stripSurroundingWhitespace","enableUnicode","type","e","trimmed","target","value","trim","dispatchEvent","Event","bubbles","composed","tz","slots","wrappedEleName","style","cssVarList","inputOutlineWidth","inputOutlineOffset","resetHelpers","$J","cy","LJ","Kl","excludeAttrsSync","customElements","define","INVALID_PHONE_CHARS_RE","attrs","shared","email","phone","countryCode","inputBox","attrMap","PHONE_FIELD","BaseClass","createBaseClass","q","baseSelector","HybridFieldClass","componentNameOverride","hostWidth","selector","property","hostDirection","errorMessageIcon","PhoneFieldClass","NF","PhoneFieldInputBoxClass","Ul","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","isReportedValidity","selectionStart","attachShadow","mode","innerHTML","isExternalInput","componentsHelpers","fz","emailInputEle","emailInput","phoneVariant","phoneInputBoxInput","phoneCountryCodeInput","defaultCode","firstItem","countryCodes","activeInputEle","activeInput","phoneNumberInputEle","val","handleActiveInput","setTimeout","initInputs","updateAttrs","toggleInputVisibility","waitForInputs","initInputEles","overrideEmailInputType","overrideEmailSetAttribute","Promise","resolve","check","setInterval","clearInterval","shadowRoot","querySelector","inputs","ele","onValueChange","bind","origEmailSetAttr","name","hasAttribute","EA","mapAttrs","expectedActiveInput","test","isNumericValue","setActiveInput","setActiveInputValue","reportValidity","setActiveInputSelectionStart","focus","setSelectionRange","getDefaultDialCode","code","match","CountryCodes","find","c","dialCode","sanitizedVal","replace","sanitizeCountryCodePrefix","localName","countryCodeItems","classList","add","remove","origInputType","length","checkValidity","textVars","_descope_ui_descope_text_field_class__WEBPACK_IMPORTED_MODULE_1__","w","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_3__","host","label","requiredIndicator","inputField","internalComponent","internalComponentAfter","phoneInput","errorMessage","helperText","placeholder","_helpers__WEBPACK_IMPORTED_MODULE_4__","_mixins__WEBPACK_IMPORTED_MODULE_5__","fontSize","fontFamily","hostMinWidth","inputHorizontalPadding","labelFontSize","labelTextColor","labelRequiredIndicator","errorMessageTextColor","inputValueTextColor","inputPlaceholderTextColor","inputPlaceholderColor","inputBorderStyle","inputBorderWidth","inputBorderColor","inputBorderRadius","inputOutlineStyle","inputOutlineColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","valueInputHeight","valueInputMarginBottom","Yg","_CountryCodes__WEBPACK_IMPORTED_MODULE_6__","template","document","createElement","_descope_phone_input_box_internal_PhoneFieldInternalInputBox__WEBPACK_IMPORTED_MODULE_2__","T","appendChild","content","cloneNode","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_0__","Gh","_helpers_themeHelpers_resetHelpers__WEBPACK_IMPORTED_MODULE_7__","I4","kG","X6","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_4__","observedAttributes","BaseInputClass","_baseClasses_createBaseInputClass__WEBPACK_IMPORTED_MODULE_3__","y","__WEBPACK_DEFAULT_EXPORT__","concat","ayt","textField","defaultDialCode","_helpers__WEBPACK_IMPORTED_MODULE_5__","Q","allowAlphanumericInput","minLength","parseInt","maxLength","restrictCountries","split","isFormatValue","isStrictValidation","nonParsedValue","parsedVal","parseWithCountryCode","country","countryCallingCode","nationalNumber","join","isTrusted","onInput","handleFocusEventsDispatching","getValidity","validPhonePattern","stripValue","sanitizeVal","isRequired","valueMissing","tooShort","isValidParsedValue","patternMismatch","args","attributeChangedCallback","attrName","oldValue","newValue","includes","attr","sanitizedInput","sanitizeInput","canFormat","formatPhoneNumber","trimDuplicateCountryCode","libphonenumber_js_min__WEBPACK_IMPORTED_MODULE_1__","l","dialCodePrefixPattern","RegExp","parsed","isValid","isAllowedCountry","telDigitsRegExp","char","phoneNumber","getCountryCodeFromValue","libphonenumber_js_min__WEBPACK_IMPORTED_MODULE_2__","reset","W","_PhoneFieldInternalInputBox__WEBPACK_IMPORTED_MODULE_1__","_PhoneFieldInputBoxClass__WEBPACK_IMPORTED_MODULE_2__","TQ","getCountryByCodeId","_CountryCodes__WEBPACK_IMPORTED_MODULE_0__","matchingParenthesis","openParenMatches","closeParenMatches"],"sourceRoot":""}
+{"version":3,"file":"descope-hybrid-field-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-email-field/src/component/EmailFieldClass.js","webpack://@descope/web-components-ui/../components/descope-email-field/src/component/emailPattern.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/theme/lumo/vaadin-email-field-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/src/vaadin-email-field-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/src/vaadin-email-field.js","webpack://@descope/web-components-ui/../components/descope-email-field/src/component/index.js","webpack://@descope/web-components-ui/./src/components/descope-hybrid-field/helpers.js","webpack://@descope/web-components-ui/./src/components/descope-hybrid-field/HybridFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-hybrid-field/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.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/descope-phone-input-box-field/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/helpers.js"],"sourcesContent":["import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n  externalInputMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { asciiPattern, unicodePattern } from './emailPattern';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '@descope-ui/common/theme-helpers';\n\nexport const componentName = getComponentName('email-field');\n\nconst defaultAutocomplete = 'username';\nconst defaultInputMode = 'email';\n\nconst customMixin = (superclass) =>\n  class EmailFieldMixinClass extends superclass {\n    // On by default - `accept-unicode=\"false\"` restores the pre-unicode field:\n    // native `type=\"email\"` validation and the ASCII pattern.\n    //\n    // Read once, in `init`. Changing the attribute afterwards has no effect; it\n    // is static configuration, which is how every consumer sets it.\n    get acceptsUnicode() {\n      return this.getAttribute('accept-unicode') !== 'false';\n    }\n\n    // On by default - `validate-format=\"false\"` drops the field's own format\n    // check (the pattern and native `type=\"email\"`), for composites that check\n    // the format themselves (descope-new-email). Read once, in `init`.\n    get validatesFormat() {\n      return this.getAttribute('validate-format') !== 'false';\n    }\n\n    init() {\n      super.init?.();\n\n      // we need to set the pattern on the base element because vaadin-email-field is overriding it\n      this.baseElement.setAttribute('pattern', asciiPattern);\n\n      if (!this.getAttribute('autocomplete')) {\n        this.setAttribute('autocomplete', defaultAutocomplete);\n      }\n\n      this.createExternalInput();\n\n      [this.inputElement, this.externalInput]\n        .filter(Boolean)\n        .forEach((input) => {\n          input.addEventListener('change', this.stripSurroundingWhitespace);\n        });\n\n      if (this.acceptsUnicode) {\n        this.enableUnicode();\n      }\n\n      if (!this.validatesFormat) {\n        this.disableFormatValidation();\n      }\n    }\n\n    enableUnicode() {\n      this.baseElement.setAttribute('pattern', unicodePattern);\n      this.useTextType();\n    }\n\n    disableFormatValidation() {\n      // removed rather than left unset: vaadin-email-field has a default pattern\n      this.baseElement.removeAttribute('pattern');\n      this.useTextType();\n    }\n\n    useTextType() {\n      // native `type=\"email\"` validation is ASCII only and sets typeMismatch\n      // before `pattern` is consulted, so `text` is what lets the pattern decide.\n      // Through vaadin's `_setType` because `type` is a readOnly property bound\n      // to the inner input - assigning `input.type` is re-applied over.\n      this.baseElement._setType('text');\n\n      if (this.externalInput) {\n        this.externalInput.type = 'text';\n      }\n\n      // `type=\"text\"` loses the email keyboard on mobile\n      if (!this.getAttribute('inputmode')) {\n        this.setAttribute('inputmode', defaultInputMode);\n      }\n\n      this.externalInput?.setAttribute('inputmode', defaultInputMode);\n    }\n\n    stripSurroundingWhitespace = (e) => {\n      const trimmed = e.target.value.trim();\n      if (trimmed === e.target.value) return;\n      this.value = trimmed;\n\n      // validity is cached and was computed against the untrimmed value\n      this.inputElement.dispatchEvent(\n        new Event('input', { bubbles: true, composed: true }),\n      );\n    };\n  };\n\nconst {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: {\n    selector: '[required]::part(required-indicator)::after',\n  },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: {\n    selector: () => '::slotted(input:disabled::placeholder)',\n  },\n};\n\nexport const EmailFieldClass = compose(\n  createStyleMixin({\n    mappings: {\n      // we apply font-size also on the host so we can set its width with em\n      fontSize: [{}, host],\n      fontFamily: [label, inputField, helperText, errorMessage],\n\n      labelFontSize: { ...label, property: 'font-size' },\n      labelFontWeight: { ...label, property: 'font-weight' },\n\n      inputValueFontWeight: [\n        { ...input, property: 'font-weight' },\n        { ...externalInput, property: 'font-weight' },\n      ],\n      inputPlaceholderFontWeight: [\n        {\n          selector: () => ':host input:placeholder-shown',\n          property: 'font-weight',\n        },\n        { ...externalPlaceholder, property: 'font-weight' },\n      ],\n      helperTextFontWeight: { ...helperText, property: 'font-weight' },\n      errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n\n      labelTextColor: [\n        { ...label, property: 'color' },\n        { ...requiredIndicator, property: 'color' },\n        { ...label, property: '-webkit-text-fill-color' },\n        { ...requiredIndicator, property: '-webkit-text-fill-color' },\n      ],\n\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: { ...host, property: 'direction' },\n      inputDirection: { ...input, property: 'direction' },\n\n      inputBackgroundColor: [\n        { ...inputField, property: 'background-color' },\n        { ...inputMask, property: 'background-color' },\n      ],\n\n      errorMessageTextColor: { ...errorMessage, property: 'color' },\n      errorMessageIcon: { ...errorMessage, property: 'background-image' },\n      errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n      errorMessageIconPadding: {\n        ...errorMessage,\n        property: 'padding-inline-start',\n      },\n      errorMessageIconRepeat: {\n        ...errorMessage,\n        property: 'background-repeat',\n      },\n      errorMessageIconPosition: {\n        ...errorMessage,\n        property: 'background-position',\n      },\n      errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n      helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n      inputValueTextColor: [\n        { ...inputField, property: 'color' },\n        { ...inputDisabled, property: '-webkit-text-fill-color' },\n        { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n      ],\n      inputCaretTextColor: [\n        { ...input, property: 'caret-color' },\n        { ...externalInput, property: 'caret-color' },\n      ],\n\n      labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n      inputBorderColor: { ...inputField, property: 'border-color' },\n      inputBorderWidth: { ...inputField, property: 'border-width' },\n      inputBorderStyle: { ...inputField, property: 'border-style' },\n      inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n      inputHeight: { ...inputField, property: 'height' },\n      inputHorizontalPadding: [\n        { ...input, property: 'padding-left' },\n        { ...input, property: 'padding-right' },\n        { ...externalInput, property: 'padding-left' },\n        { ...externalInput, property: 'padding-right' },\n      ],\n\n      inputOutlineColor: { ...inputField, property: 'outline-color' },\n      inputOutlineStyle: { ...inputField, property: 'outline-style' },\n      inputOutlineWidth: { ...inputField, property: 'outline-width' },\n      inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n      textAlign: {},\n\n      inputTextAlign: [\n        { ...input, property: 'text-align' },\n        { ...externalInput, property: 'text-align' },\n      ],\n\n      inputPlaceholderColor: [\n        { selector: () => ':host input:placeholder-shown', property: 'color' },\n        { ...externalPlaceholder, property: 'color' },\n        { ...placeholder, property: 'color' },\n        { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n        { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n      ],\n\n      labelPosition: { ...label, property: 'position' },\n      labelTopPosition: { ...label, property: 'top' },\n      labelHorizontalPosition: [\n        { ...label, property: 'left' },\n        { ...label, property: 'right' },\n      ],\n      inputTransformY: { ...label, property: 'transform' },\n      inputTransition: { ...label, property: 'transition' },\n      marginInlineStart: { ...label, property: 'margin-inline-start' },\n      placeholderOpacity: [\n        { selector: '> input:placeholder-shown', property: 'opacity' },\n        { ...externalPlaceholder, property: 'opacity' },\n      ],\n      inputVerticalAlignment: [\n        { ...inputField, property: 'align-items' },\n        { ...externalInput, property: 'align-items' },\n      ],\n      valueInputHeight: [\n        { ...input, property: 'height' },\n        { ...externalInput, property: 'height' },\n      ],\n      valueInputMarginBottom: [\n        { ...input, property: 'margin-bottom' },\n        { ...externalInput, property: 'margin-bottom' },\n      ],\n\n      inputIconOffset: [\n        { ...inputIcon, property: 'margin-right' },\n        { ...inputIcon, property: 'margin-left' },\n      ],\n      inputIconSize: { ...inputIcon, property: 'font-size' },\n      inputIconColor: { ...inputIcon, property: 'color' },\n      inputTextSecurity: [\n        { ...input, property: '-webkit-text-security' },\n        { ...input, property: 'text-security' },\n        { ...externalInput, property: '-webkit-text-security' },\n        { ...externalInput, property: 'text-security' },\n      ],\n    },\n  }),\n  draggableMixin,\n  externalInputMixin({\n    inputType: 'email',\n    inputName: 'email',\n    autocompleteType: 'username',\n    includeAttrs: ['disabled', 'readonly', 'pattern'],\n  }),\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart'],\n    useProxyTargets: true,\n  }),\n  componentNameValidationMixin,\n  customMixin,\n)(\n  createProxy({\n    slots: ['', 'suffix'],\n    wrappedEleName: 'vaadin-email-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(${EmailFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          EmailFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      ${resetInputLabelPosition('vaadin-email-field')}\n\t\t\t${useHostExternalPadding(EmailFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-email-field', EmailFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-email-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-email-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n      :host ::slotted(*) {\n        -webkit-mask-image: none;\n      }\n\n      vaadin-email-field[external-input=\"true\"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  }),\n);\n","// Kept in its own module (with no imports) so it can be unit tested without\n// pulling in the whole component / vaadin dependency chain.\n\n// domain: dot-separated labels, each starting and ending with a letter or digit\n// (no empty labels, no leading/trailing hyphen), then the TLD\nexport const asciiPattern =\n  \"^[\\\\w\\\\.\\\\%\\\\+\\\\-']+@(?:[A-Za-z0-9](?:[A-Za-z0-9\\\\-]*[A-Za-z0-9])?\\\\.)+[A-Za-z]{2,}$\";\n\nexport const unicodePattern =\n  \"^[\\\\p{L}\\\\p{M}\\\\p{N}._%+'\\\\-]+@(?:[\\\\p{L}\\\\p{M}\\\\p{N}](?:[\\\\p{L}\\\\p{M}\\\\p{N}\\\\-]*[\\\\p{L}\\\\p{M}\\\\p{N}])?\\\\.)+[\\\\p{L}\\\\p{M}][\\\\p{L}\\\\p{M}\\\\p{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 { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst emailField = css`\n  :host([dir='rtl']) [part='input-field'] ::slotted(input) {\n    --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n  }\n\n  :host([dir='rtl']) [part='input-field'] ::slotted(input:placeholder-shown) {\n    --_lumo-text-field-overflow-mask-image: none;\n  }\n`;\n\nregisterStyles('vaadin-email-field', [inputFieldShared, emailField], {\n  moduleId: 'lumo-email-field',\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 { css } from 'lit';\n\n// See https://github.com/vaadin/vaadin-text-field/issues/466\nexport const emailFieldStyles = css`\n  :host([dir='rtl']) [part='input-field'] {\n    direction: ltr;\n  }\n\n  :host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder {\n    direction: rtl;\n    text-align: left;\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 { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { TextField } from '@vaadin/text-field/src/vaadin-text-field.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { emailFieldStyles } from './vaadin-email-field-styles.js';\n\nregisterStyles('vaadin-email-field', emailFieldStyles, { moduleId: 'vaadin-email-field-styles' });\n\n/**\n * `<vaadin-email-field>` is a Web Component for email field control in forms.\n *\n * ```html\n * <vaadin-email-field label=\"Email\"></vaadin-email-field>\n * ```\n *\n * ### Styling\n *\n * `<vaadin-email-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\n * See [`<vaadin-text-field>`](#/elements/vaadin-text-field) for the styling documentation.\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 TextField\n */\nexport class EmailField extends TextField {\n  static get is() {\n    return 'vaadin-email-field';\n  }\n\n  constructor() {\n    super();\n    this._setType('email');\n    this.pattern = '^([a-zA-Z0-9_\\\\.\\\\-+])+@[a-zA-Z0-9\\\\-.]+\\\\.[a-zA-Z0-9\\\\-]{2,}$';\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    if (this.inputElement) {\n      this.inputElement.autocapitalize = 'off';\n    }\n  }\n}\n\ndefineCustomElement(EmailField);\n","import '@vaadin/email-field';\nimport { componentName, EmailFieldClass } from './EmailFieldClass';\n\ncustomElements.define(componentName, EmailFieldClass);\n\nexport { EmailFieldClass, componentName };\n","// Matches any character that is not a digit, whitespace, or phone formatting character (+, -, (, ))\nconst INVALID_PHONE_CHARS_RE = /[^\\d\\s+\\-()]/;\n\nexport const isNumericValue = (val) => !!val && !INVALID_PHONE_CHARS_RE.test(val);\n\nexport const sanitizeCountryCodePrefix = (val) => val.replace(/\\+\\d+-/, '');\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport { isNumericValue, sanitizeCountryCodePrefix as sanitizeValue } from './helpers';\nimport { PhoneFieldClass } from '../phone-fields/descope-phone-field/PhoneFieldClass';\nimport { PhoneFieldInputBoxClass } from '../phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass';\n\nexport const componentName = getComponentName('hybrid-field');\n\nconst attrs = {\n  shared: [\n    'label',\n    'bordered',\n    'full-width',\n    'label-type',\n    'size',\n    'disabled',\n    'readonly',\n    'required',\n    'st-host-direction',\n    'st-error-message-icon',\n    'st-error-message-icon-size',\n    'st-error-message-icon-padding',\n  ],\n  email: [\n    'placeholder',\n    'data-errormessage-value-missing-email',\n    'data-errormessage-pattern-mismatch-email',\n    'external-input',\n  ],\n  phone: {\n    countryCode: [\n      'phone-input-label',\n      'country-input-label',\n      'country-input-placeholder',\n      'restrict-countries',\n      'default-code',\n      'phone-minlength',\n      'phone-format-value',\n      'phone-strict-validation',\n      'phone-input-type',\n      'data-errormessage-value-missing-phone',\n    ],\n    inputBox: [\n      'restrict-countries',\n      'default-code',\n      'phone-minlength',\n      'phone-format-value',\n      'phone-strict-validation',\n      'phone-input-type',\n      'data-errormessage-value-missing-phone',\n    ],\n  },\n};\n\nconst attrMap = {\n  email: {\n    'data-errormessage-value-missing-email': 'data-errormessage-value-missing',\n    'data-errormessage-pattern-mismatch-email': 'data-errormessage-pattern-mismatch',\n  },\n  phone: {\n    'phone-input-label': 'label',\n    'phone-minlength': 'minlength',\n    'phone-format-value': 'format-value',\n    'phone-strict-validation': 'strict-validation',\n    'data-errormessage-value-missing-phone': 'data-errormessage-value-missing',\n  },\n};\n\nconst EMAIL_FIELD = 'descope-email-field';\nconst PHONE_FIELD = 'descope-phone-field';\nconst PHONE_INPUT_BOX_FIELD = 'descope-phone-input-box-field';\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: 'div',\n});\n\nclass RawHybridField extends BaseClass {\n  #isReportedValidity = false;\n\n  #selectionStart;\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"wrapper\">\n      <descope-email-field external-input=\"${this.isExternalInput}\"></descope-email-field>\n      <descope-phone-field allow-alphanumeric-input=\"true\" phone-input-type=\"text\"></descope-phone-field>\n      <descope-phone-input-box-field allow-alphanumeric-input=\"true\" phone-input-type=\"text\"></descope-phone-input-box-field>\n    </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n        box-sizing: border-box;\n        padding: 0;\n        gap: 0;\n      }\n      .wrapper {\n        display: grid;\n        width: 100%;\n      }\n      descope-email-field,\n      descope-phone-field,\n      descope-phone-input-box-field {\n        grid-area: 1/1;\n        width: 100%;\n        height: 100%;\n      }\n      .hidden {\n        visibility: hidden;\n      }\n      `,\n      this\n    );\n  }\n\n  get isExternalInput() {\n    return this.getAttribute('external-input') === 'true';\n  }\n\n  get emailInputEle() {\n    return this.isExternalInput ? this.emailInput.externalInput : this.emailInput.inputElement;\n  }\n\n  get phoneVariant() {\n    const isInputBox = this.getAttribute('phone-variant') === 'inputBox';\n    return isInputBox ? this.phoneInputBoxInput : this.phoneCountryCodeInput;\n  }\n\n  get defaultCode() {\n    const firstItem = this.phoneCountryCodeInput.countryCodes?.[0] || '';\n    return this.getAttribute('default-code') || firstItem;\n  }\n\n  get activeInputEle() {\n    if (this.activeInput === this.emailInput) {\n      return this.emailInputEle;\n    }\n    return this.phoneVariant.phoneNumberInputEle;\n  }\n\n  get value() {\n    return this.activeInput?.value || '';\n  }\n\n  set value(val) {\n    this.handleActiveInput(val);\n    setTimeout(() => {\n      this.activeInput.value = val;\n    });\n  }\n\n  async init() {\n    super.init?.();\n\n    this.initInputs();\n    this.updateAttrs();\n    this.toggleInputVisibility();\n\n    await this.waitForInputs();\n\n    this.initInputEles();\n    this.overrideEmailInputType();\n    this.overrideEmailSetAttribute();\n  }\n\n  waitForInputs() {\n    return new Promise((resolve) => {\n      const check = setInterval(() => {\n        if (this.emailInputEle) {\n          clearInterval(check);\n          resolve();\n        }\n      });\n    });\n  }\n\n  initInputs() {\n    this.emailInput = this.shadowRoot.querySelector(EMAIL_FIELD);\n    this.phoneCountryCodeInput = this.shadowRoot.querySelector(PHONE_FIELD);\n    this.phoneInputBoxInput = this.shadowRoot.querySelector(PHONE_INPUT_BOX_FIELD);\n\n    this.inputs = [this.emailInput, this.phoneCountryCodeInput, this.phoneInputBoxInput];\n\n    this.activeInput = this.emailInput;\n  }\n\n  // we need to listen on the inner `input` element itself, otherwise we don't always get an `input` event\n  initInputEles() {\n    const inputEles = [\n      this.emailInputEle,\n      this.phoneCountryCodeInput.phoneNumberInputEle,\n      this.phoneInputBoxInput.phoneNumberInputEle,\n    ];\n\n    inputEles.forEach((ele) => {\n      ele.addEventListener('input', this.onValueChange.bind(this));\n    });\n  }\n\n  overrideEmailInputType() {\n    this.emailInputEle.addEventListener('focus', () => {\n      this.emailInputEle.setAttribute('type', 'text');\n    });\n    this.emailInputEle.addEventListener('blur', () => {\n      setTimeout(() => {\n        this.emailInputEle.setAttribute('type', 'email');\n      });\n    });\n  }\n\n  // We want to prevent Vaadin from changing the input type to `email`\n  // otherwise, we cannot get the selectionStart from the input.\n  overrideEmailSetAttribute() {\n    const origEmailSetAttr = this.emailInput.setAttribute.bind(this.emailInputEle);\n    this.emailInputEle.setAttribute = (name, value) => {\n      if (name !== 'type' || value !== 'email' || !this.emailInput.hasAttribute('focused')) {\n        return origEmailSetAttr(name, value);\n      }\n      return false;\n    };\n  }\n\n  updateAttrs() {\n    forwardAttrs(this, this.emailInput, { includeAttrs: attrs.email, mapAttrs: attrMap.email });\n\n    forwardAttrs(this, this.phoneCountryCodeInput, {\n      includeAttrs: attrs.phone.countryCode,\n      mapAttrs: attrMap.phone,\n    });\n\n    forwardAttrs(this, this.phoneInputBoxInput, {\n      includeAttrs: attrs.phone.inputBox,\n      mapAttrs: attrMap.phone,\n    });\n\n    this.inputs.forEach((input) => forwardAttrs(this, input, { includeAttrs: attrs.shared }));\n\n    setTimeout(() => this.phoneCountryCodeInput.setAttribute('default-code', this.defaultCode));\n  }\n\n  onValueChange() {\n    this.#selectionStart = this.activeInputEle.selectionStart;\n    // phone components expose an API to their inputElement; in case of phone variants like\n    // phone-input-box-field, we want to make sure that the value being passed\n    // is raw value from input, and not the value with a dial-code prefix, or other decorations\n    // applied behind the scenes by the phone components\n    this.handleActiveInput(this.activeInputEle.value || this.activeInput.value);\n  }\n\n  handleActiveInput(val) {\n    const expectedActiveInput = isNumericValue(val) ? this.phoneVariant : this.emailInput;\n\n    if (this.activeInput !== expectedActiveInput) {\n      this.setActiveInput(expectedActiveInput);\n    }\n  }\n\n  setActiveInput(expectedActiveInput) {\n    // phone components expose an API to their inputElement; in case of phone variants like\n    // phone-input-box-field, we want to make sure that the value being passed\n    // is raw value from input, and not the value with a dial-code prefix, or other decorations\n    // applied behind the scenes by the phone components\n    const val = this.activeInputEle.value || this.activeInput.value;\n\n    this.activeInput = expectedActiveInput;\n    this.setActiveInputValue(val);\n    if (this.#isReportedValidity) this.activeInput.reportValidity();\n    this.setActiveInputSelectionStart();\n    this.toggleInputVisibility();\n  }\n\n  setActiveInputSelectionStart() {\n    setTimeout(() => {\n      const ele = this.activeInputEle;\n      ele.focus();\n      // setSelectionRange throws InvalidStateError on input types that do not\n      // support selection (e.g. `email`). The focus handler usually switches\n      // type to `text` first, but that can race with the blur timer or fail\n      // to fire (e.g. background tab). Restoring the caret is best-effort.\n      try {\n        ele.setSelectionRange?.(this.#selectionStart, this.#selectionStart);\n      } catch {\n        /* noop */\n      }\n    });\n  }\n\n  #getDefaultDialCode() {\n    const code = this.getAttribute('default-code');\n    const match = code && PhoneFieldClass.CountryCodes.find((c) => c.code === code);\n    return match?.dialCode || PhoneFieldClass.CountryCodes[0]?.dialCode || '';\n  }\n\n  setActiveInputValue(val) {\n    const sanitizedVal = sanitizeValue(val);\n    const isPhoneField = this.activeInput.localName === PHONE_FIELD;\n    if (isPhoneField) {\n      const dialCode = this.phoneCountryCodeInput.countryCodeItems || this.#getDefaultDialCode();\n      this.activeInput.value = `${dialCode}-${sanitizedVal}`;\n    } else {\n      this.activeInput.value = sanitizedVal;\n    }\n  }\n\n  toggleInputVisibility() {\n    this.inputs.forEach((input) => {\n      input !== this.activeInput ? input.classList.add('hidden') : input.classList.remove('hidden');\n    });\n  }\n\n  reportValidity() {\n    this.#isReportedValidity = true;\n\n    const ele = this.activeInputEle;\n\n    // On reportValidity we want to set the caret at the end of the input value.\n    // Since checkValidity triggers `focus` on the input, it sets the caret at the start of the input,\n    // regardless the existing value.\n    const origInputType = ele.type;\n    ele.setAttribute('type', 'text');\n    setTimeout(() => {\n      ele.setSelectionRange?.(ele.value.length, ele.value.length);\n      ele.setAttribute('type', origInputType);\n    });\n\n    return this.activeInput.reportValidity();\n  }\n\n  checkValidity() {\n    return this.activeInput.checkValidity();\n  }\n}\n\nexport const HybridFieldClass = compose(\n  createStyleMixin({ componentNameOverride: getComponentName('input-wrapper') }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      hostDirection: [\n        { selector: () => 'descope-email-field', property: 'direction' },\n        { selector: () => 'descope-phone-field', property: 'direction' },\n        { selector: () => 'descope-phone-input-box-field', property: 'direction' },\n      ],\n      errorMessageIcon: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIcon,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIcon,\n        },\n      ],\n      errorMessageIconSize: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconSize,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconSize,\n        },\n      ],\n      errorMessageIconPadding: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconPadding,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconPadding,\n        },\n      ],\n      errorMessageIconRepeat: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconRepeat,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconRepeat,\n        },\n      ],\n      errorMessageIconPosition: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageIconPosition,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageIconPosition,\n        },\n      ],\n      errorMessageFontSize: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageFontSize,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageFontSize,\n        },\n      ],\n      labelFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.labelFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.labelFontWeight,\n        },\n      ],\n      inputValueFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.inputValueFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.inputValueFontWeight,\n        },\n      ],\n      inputPlaceholderFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.inputPlaceholderFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.inputPlaceholderFontWeight,\n        },\n      ],\n      helperTextFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.helperTextFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.helperTextFontWeight,\n        },\n      ],\n      errorMessageFontWeight: [\n        {\n          selector: () => PhoneFieldClass.componentName,\n          property: PhoneFieldClass.cssVarList.errorMessageFontWeight,\n        },\n        {\n          selector: () => PhoneFieldInputBoxClass.componentName,\n          property: PhoneFieldInputBoxClass.cssVarList.errorMessageFontWeight,\n        },\n      ],\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawHybridField);\n","import '@descope-ui/descope-email-field';\nimport '../phone-fields/descope-phone-field';\nimport '../phone-fields/descope-phone-input-box-field';\n\nimport { componentName, HybridFieldClass } from './HybridFieldClass';\n\ncustomElements.define(componentName, HybridFieldClass);\n\nexport { HybridFieldClass, componentName };\n","import { syncAttrs } from '@descope-ui/common/components-helpers';\nimport { TextFieldClass } from '@descope-ui/descope-text-field/class';\nimport { componentName as descopeInternalComponentName } from './descope-phone-input-box-internal/PhoneFieldInternalInputBox';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport { compose } from '../../../helpers';\nimport {\n  createProxy,\n  createStyleMixin,\n  draggableMixin,\n  inputOverrideValidConstraintsMixin,\n  proxyInputMixin,\n} from '../../../mixins';\nimport CountryCodes from '../CountryCodes';\nimport {\n  resetInputLabelPosition,\n  resetInputCursor,\n  resetInputFieldDefaultWidth,\n  resetInputFieldInvalidBackgroundColor,\n  useHostExternalPadding,\n  inputFloatingLabelStyle,\n} from '../../../helpers/themeHelpers/resetHelpers';\n\nconst textVars = TextFieldClass.cssVarList;\n\nexport const componentName = getComponentName('phone-input-box-field');\n\nconst customMixin = (superclass) =>\n  class PhoneFieldInputBoxMixinClass extends superclass {\n    static get CountryCodes() {\n      return CountryCodes;\n    }\n\n    init() {\n      super.init?.();\n\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n\t\t\t\t<${descopeInternalComponentName}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tslot=\"input\"\n\t\t\t\t></${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      syncAttrs(this, this.inputElement, { includeAttrs: ['has-value'] });\n\n      forwardAttrs(this.shadowRoot.host, this.inputElement, {\n        includeAttrs: [\n          'size',\n          'minlength',\n          'maxlength',\n          'default-code',\n          'disabled',\n          'phone-input-placeholder',\n          'label',\n          'label-type',\n          'allow-alphanumeric-input',\n          'restrict-countries',\n          'format-value',\n          'strict-validation',\n          'data-errormessage-type-mismatch',\n          'phone-input-type',\n        ],\n      });\n    }\n\n    get phoneNumberInputEle() {\n      return this.inputElement?.phoneNumberInputEle;\n    }\n  };\n\nconst {\n  host,\n  label,\n  inputElement,\n  requiredIndicator,\n  inputField,\n  internalComponent,\n  internalComponentAfter,\n  phoneInput,\n  errorMessage,\n  helperText,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  placeholder: { selector: '> input:placeholder-shown' },\n  inputElement: { selector: 'input' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  inputField: { selector: () => 'vaadin-text-field::part(input-field)' },\n  internalComponent: {\n    selector: 'descope-phone-field-internal-input-box',\n  },\n  internalComponentAfter: {\n    selector: 'descope-phone-field-internal-input-box::after',\n  },\n  phoneInput: { selector: () => 'descope-text-field' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const PhoneFieldInputBoxClass = compose(\n  createStyleMixin({\n    mappings: {\n      fontSize: [\n        host,\n        inputField,\n        {\n          selector: TextFieldClass.componentName,\n          property: TextFieldClass.cssVarList.fontSize,\n        },\n      ],\n      fontFamily: [label, errorMessage, helperText],\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: { ...host, property: 'direction' },\n\n      inputHorizontalPadding: [\n        { ...phoneInput, property: 'padding-left' },\n        { ...phoneInput, property: 'padding-right' },\n      ],\n\n      labelFontSize: { ...label, property: 'font-size' },\n      labelFontWeight: { ...label, property: 'font-weight' },\n      inputValueFontWeight: { ...phoneInput, property: textVars.inputValueFontWeight },\n      inputPlaceholderFontWeight: { ...phoneInput, property: textVars.inputPlaceholderFontWeight },\n      helperTextFontWeight: { ...helperText, property: 'font-weight' },\n      errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n      labelTextColor: [\n        { ...label, property: 'color' },\n        { ...label, property: '-webkit-text-fill-color' },\n        { ...requiredIndicator, property: 'color' },\n      ],\n      labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n      errorMessageTextColor: { ...errorMessage, property: 'color' },\n\n      errorMessageIcon: { ...errorMessage, property: 'background-image' },\n      errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n      errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n      errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n      errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n      errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n      inputValueTextColor: { ...phoneInput, property: textVars.inputValueTextColor },\n\n      inputPlaceholderTextColor: { ...phoneInput, property: textVars.inputPlaceholderColor },\n\n      inputBorderStyle: { ...internalComponentAfter, property: 'border-style' },\n      inputBorderWidth: { ...internalComponentAfter, property: 'border-width' },\n      inputBorderColor: { ...internalComponentAfter, property: 'border-color' },\n      inputBorderRadius: [\n        { ...internalComponent, property: 'border-radius' },\n        { ...internalComponentAfter, property: 'border-radius' },\n      ],\n\n      inputOutlineStyle: { ...internalComponent, property: 'outline-style' },\n      inputOutlineColor: { ...internalComponent, property: 'outline-color' },\n      inputOutlineWidth: { ...internalComponent, property: 'outline-width' },\n      inputOutlineOffset: { ...internalComponent, property: 'outline-offset' },\n\n      labelPosition: { ...label, property: 'position' },\n      labelTopPosition: { ...label, property: 'top' },\n      labelHorizontalPosition: [\n        { ...label, property: 'left' },\n        { ...label, property: 'right' },\n      ],\n      inputTransformY: { ...label, property: 'transform' },\n      inputTransition: { ...label, property: 'transition' },\n      marginInlineStart: { ...label, property: 'margin-inline-start' },\n      valueInputHeight: { ...inputElement, property: 'height' },\n      valueInputMarginBottom: {\n        selector: TextFieldClass.componentName,\n        property: textVars.valueInputMarginBottom,\n      },\n    },\n  }),\n  draggableMixin,\n  inputOverrideValidConstraintsMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  customMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    ${useHostExternalPadding(PhoneFieldInputBoxClass.cssVarList)}\n    ${resetInputCursor('vaadin-text-field')}\n    ${resetInputFieldInvalidBackgroundColor('vaadin-text-field')}\n    ${resetInputFieldDefaultWidth()}\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      ${textVars.inputOutlineWidth}: 0;\n      ${textVars.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    ${resetInputLabelPosition('vaadin-text-field')}\n    ${inputFloatingLabelStyle()}\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n\nexport default PhoneFieldInputBoxClass;\n","import { forwardAttrs } from '@descope-ui/common/components-helpers';\nimport parsePhoneNumberFromString, { AsYouType } from 'libphonenumber-js/min';\nimport { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport { getComponentName } from '../../../../helpers/componentHelpers';\nimport { getCountryByCodeId, matchingParenthesis } from '../../helpers';\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  'maxlength',\n  'autocomplete',\n  'label-type',\n  'phone-input-type',\n];\nconst mapAttrs = {\n  'phone-input-placeholder': 'placeholder',\n  'phone-input-type': 'type',\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    forwardAttrs(this.textField, this, { includeAttrs: ['has-value'] });\n\n    forwardAttrs(this, this.textField, {\n      includeAttrs: ['phone-input-type'],\n      mapAttrs: { 'phone-input-type': 'type' },\n    });\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 (this.textField.value) {\n      if (stripValue.length < this.minLength) {\n        return { tooShort: 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\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.length) {\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-ui/descope-text-field';\n\nimport PhoneFieldInternalInputBox, { componentName } from './PhoneFieldInternalInputBox';\n\ncustomElements.define(componentName, PhoneFieldInternalInputBox);\n","import './descope-phone-input-box-internal';\nimport '@descope-ui/descope-text-field';\n\nimport { componentName, PhoneFieldInputBoxClass } from './PhoneFieldInputBoxClass';\n\ncustomElements.define(componentName, PhoneFieldInputBoxClass);\n\nexport { PhoneFieldInputBoxClass, componentName };\n","import parsePhoneNumberFromString from 'libphonenumber-js/min';\nimport CountryCodes from './CountryCodes';\n\nexport const getCountryByCodeId = (countryCode) =>\n  CountryCodes.find((c) => c.code === countryCode)?.dialCode;\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"],"names":["componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","xE","defaultInputMode","host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","EmailFieldClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","RF","mappings","fontSize","fontFamily","labelFontSize","property","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputOutlineWidth","inputOutlineOffset","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity","VO","RV","inputType","inputName","autocompleteType","includeAttrs","OZ","proxyProps","useProxyTargets","tQ","superclass","acceptsUnicode","this","getAttribute","validatesFormat","init","super","baseElement","setAttribute","_emailPattern__WEBPACK_IMPORTED_MODULE_2__","a","createExternalInput","inputElement","filter","Boolean","forEach","addEventListener","stripSurroundingWhitespace","enableUnicode","disableFormatValidation","g","useTextType","removeAttribute","_setType","type","e","trimmed","target","value","trim","dispatchEvent","Event","bubbles","composed","tz","slots","wrappedEleName","style","cssVarList","_descope_ui_common_theme_helpers__WEBPACK_IMPORTED_MODULE_4__","$J","cy","LJ","Kl","excludeAttrsSync","asciiPattern","unicodePattern","emailField","vaadin_themable_mixin","AH","SF","input_field_shared","k","moduleId","emailFieldStyles","EmailField","src_vaadin_text_field","A","is","constructor","pattern","ready","autocapitalize","src_define","X","customElements","define","T","v","INVALID_PHONE_CHARS_RE","componentHelpers","attrs","shared","email","phone","countryCode","inputBox","attrMap","PHONE_FIELD","BaseClass","createBaseClass","q","baseSelector","HybridFieldClass","helpers","mixins","componentNameOverride","PhoneFieldClass","NF","PhoneFieldInputBoxClass","Ul","isReportedValidity","selectionStart","attachShadow","mode","innerHTML","isExternalInput","componentsHelpers","fz","emailInputEle","emailInput","phoneVariant","phoneInputBoxInput","phoneCountryCodeInput","defaultCode","firstItem","countryCodes","activeInputEle","activeInput","phoneNumberInputEle","val","handleActiveInput","setTimeout","initInputs","updateAttrs","toggleInputVisibility","waitForInputs","initInputEles","overrideEmailInputType","overrideEmailSetAttribute","Promise","resolve","check","setInterval","clearInterval","shadowRoot","querySelector","inputs","ele","onValueChange","bind","origEmailSetAttr","name","hasAttribute","EA","mapAttrs","expectedActiveInput","test","isNumericValue","setActiveInput","setActiveInputValue","reportValidity","setActiveInputSelectionStart","focus","setSelectionRange","getDefaultDialCode","code","match","CountryCodes","find","c","dialCode","sanitizedVal","replace","sanitizeCountryCodePrefix","localName","countryCodeItems","classList","add","remove","origInputType","length","checkValidity","textVars","_descope_ui_descope_text_field_class__WEBPACK_IMPORTED_MODULE_1__","w","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_3__","internalComponent","internalComponentAfter","phoneInput","_helpers__WEBPACK_IMPORTED_MODULE_4__","_mixins__WEBPACK_IMPORTED_MODULE_5__","inputPlaceholderTextColor","Yg","_CountryCodes__WEBPACK_IMPORTED_MODULE_6__","template","document","createElement","_descope_phone_input_box_internal_PhoneFieldInternalInputBox__WEBPACK_IMPORTED_MODULE_2__","appendChild","content","cloneNode","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_0__","Gh","_helpers_themeHelpers_resetHelpers__WEBPACK_IMPORTED_MODULE_7__","I4","kG","X6","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_4__","observedAttributes","BaseInputClass","_baseClasses_createBaseInputClass__WEBPACK_IMPORTED_MODULE_3__","y","__WEBPACK_DEFAULT_EXPORT__","concat","ayt","textField","defaultDialCode","_helpers__WEBPACK_IMPORTED_MODULE_5__","Q","allowAlphanumericInput","minLength","parseInt","maxLength","restrictCountries","split","isFormatValue","isStrictValidation","nonParsedValue","parsedVal","parseWithCountryCode","country","countryCallingCode","nationalNumber","join","isTrusted","onInput","handleFocusEventsDispatching","getValidity","validPhonePattern","stripValue","sanitizeVal","isRequired","valueMissing","tooShort","isValidParsedValue","patternMismatch","args","attributeChangedCallback","attrName","oldValue","newValue","includes","attr","sanitizedInput","sanitizeInput","canFormat","formatPhoneNumber","trimDuplicateCountryCode","libphonenumber_js_min__WEBPACK_IMPORTED_MODULE_1__","l","dialCodePrefixPattern","RegExp","parsed","isValid","isAllowedCountry","telDigitsRegExp","char","phoneNumber","getCountryCodeFromValue","libphonenumber_js_min__WEBPACK_IMPORTED_MODULE_2__","reset","W","_PhoneFieldInternalInputBox__WEBPACK_IMPORTED_MODULE_1__","_PhoneFieldInputBoxClass__WEBPACK_IMPORTED_MODULE_2__","TQ","getCountryByCodeId","_CountryCodes__WEBPACK_IMPORTED_MODULE_0__","matchingParenthesis","openParenMatches","closeParenMatches"],"sourceRoot":""}

package/dist/umd/descope-new-email.js

@@ -0,0 +1,55 @@
+/*! For license information please see descope-new-email.js.LICENSE.txt */
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3034,4232,4838],{67383(t,e,i){i.d(e,{T:()=>s,v:()=>S});var r=i(88961),n=i(63200),a=i(92985),o=i(25964),l=i(79673);const s=(0,o.xE)("email-field"),p="email",{host:d,label:u,placeholder:c,requiredIndicator:h,inputField:m,input:g,inputMask:y,helperText:f,errorMessage:b,disabledPlaceholder:v,inputDisabled:x,inputIcon:I,externalInput:w,externalInputDisabled:A,externalPlaceholder:E,externalDisabledPlaceholder:k}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},S=(0,n.Zz)((0,r.RF)({mappings:{fontSize:[{},d],fontFamily:[u,m,f,b],labelFontSize:{...u,property:"font-size"},labelFontWeight:{...u,property:"font-weight"},inputValueFontWeight:[{...g,property:"font-weight"},{...w,property:"font-weight"}],inputPlaceholderFontWeight:[{selector:()=>":host input:placeholder-shown",property:"font-weight"},{...E,property:"font-weight"}],helperTextFontWeight:{...f,property:"font-weight"},errorMessageFontWeight:{...b,property:"font-weight"},labelTextColor:[{...u,property:"color"},{...h,property:"color"},{...u,property:"-webkit-text-fill-color"},{...h,property:"-webkit-text-fill-color"}],hostWidth:{...d,property:"width"},hostMinWidth:{...d,property:"min-width"},hostDirection:{...d,property:"direction"},inputDirection:{...g,property:"direction"},inputBackgroundColor:[{...m,property:"background-color"},{...y,property:"background-color"}],errorMessageTextColor:{...b,property:"color"},errorMessageIcon:{...b,property:"background-image"},errorMessageIconSize:{...b,property:"background-size"},errorMessageIconPadding:{...b,property:"padding-inline-start"},errorMessageIconRepeat:{...b,property:"background-repeat"},errorMessageIconPosition:{...b,property:"background-position"},errorMessageFontSize:{...b,property:"font-size"},helperTextColor:{...f,property:"-webkit-text-fill-color"},inputValueTextColor:[{...m,property:"color"},{...x,property:"-webkit-text-fill-color"},{...A,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...g,property:"caret-color"},{...w,property:"caret-color"}],labelRequiredIndicator:{...h,property:"content"},inputBorderColor:{...m,property:"border-color"},inputBorderWidth:{...m,property:"border-width"},inputBorderStyle:{...m,property:"border-style"},inputBorderRadius:{...m,property:"border-radius"},inputHeight:{...m,property:"height"},inputHorizontalPadding:[{...g,property:"padding-left"},{...g,property:"padding-right"},{...w,property:"padding-left"},{...w,property:"padding-right"}],inputOutlineColor:{...m,property:"outline-color"},inputOutlineStyle:{...m,property:"outline-style"},inputOutlineWidth:{...m,property:"outline-width"},inputOutlineOffset:{...m,property:"outline-offset"},textAlign:{},inputTextAlign:[{...g,property:"text-align"},{...w,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...E,property:"color"},{...c,property:"color"},{...v,property:"-webkit-text-fill-color"},{...k,property:"-webkit-text-fill-color"}],labelPosition:{...u,property:"position"},labelTopPosition:{...u,property:"top"},labelHorizontalPosition:[{...u,property:"left"},{...u,property:"right"}],inputTransformY:{...u,property:"transform"},inputTransition:{...u,property:"transition"},marginInlineStart:{...u,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...E,property:"opacity"}],inputVerticalAlignment:[{...m,property:"align-items"},{...w,property:"align-items"}],valueInputHeight:[{...g,property:"height"},{...w,property:"height"}],valueInputMarginBottom:[{...g,property:"margin-bottom"},{...w,property:"margin-bottom"}],inputIconOffset:[{...I,property:"margin-right"},{...I,property:"margin-left"}],inputIconSize:{...I,property:"font-size"},inputIconColor:{...I,property:"color"},inputTextSecurity:[{...g,property:"-webkit-text-security"},{...g,property:"text-security"},{...w,property:"-webkit-text-security"},{...w,property:"text-security"}]}}),r.VO,(0,r.RV)({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),(0,r.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),r.tQ,t=>class extends t{get acceptsUnicode(){return"false"!==this.getAttribute("accept-unicode")}get validatesFormat(){return"false"!==this.getAttribute("validate-format")}init(){super.init?.(),this.baseElement.setAttribute("pattern",a.a),this.getAttribute("autocomplete")||this.setAttribute("autocomplete","username"),this.createExternalInput(),[this.inputElement,this.externalInput].filter(Boolean).forEach(t=>{t.addEventListener("change",this.stripSurroundingWhitespace)}),this.acceptsUnicode&&this.enableUnicode(),this.validatesFormat||this.disableFormatValidation()}enableUnicode(){this.baseElement.setAttribute("pattern",a.g),this.useTextType()}disableFormatValidation(){this.baseElement.removeAttribute("pattern"),this.useTextType()}useTextType(){this.baseElement._setType("text"),this.externalInput&&(this.externalInput.type="text"),this.getAttribute("inputmode")||this.setAttribute("inputmode",p),this.externalInput?.setAttribute("inputmode",p)}stripSurroundingWhitespace=t=>{const e=t.target.value.trim();e!==t.target.value&&(this.value=e,this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})))}})((0,r.tz)({slots:["","suffix"],wrappedEleName:"vaadin-email-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(${S.cssVarList.inputOutlineWidth}) + var(${S.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${(0,l.$J)("vaadin-email-field")}\n\t\t\t${(0,l.cy)(S.cssVarList)}\n\t\t\t${(0,l.LJ)("vaadin-email-field",S.cssVarList)}\n      ${(0,l.Kl)()}\n\n      vaadin-email-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n      :host ::slotted(*) {\n        -webkit-mask-image: none;\n      }\n\n      vaadin-email-field[external-input="true"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:s}))},92985(t,e,i){i.d(e,{a:()=>r,g:()=>n});const r="^[\\w\\.\\%\\+\\-']+@(?:[A-Za-z0-9](?:[A-Za-z0-9\\-]*[A-Za-z0-9])?\\.)+[A-Za-z]{2,}$",n="^[\\p{L}\\p{M}\\p{N}._%+'\\-]+@(?:[\\p{L}\\p{M}\\p{N}](?:[\\p{L}\\p{M}\\p{N}\\-]*[\\p{L}\\p{M}\\p{N}])?\\.)+[\\p{L}\\p{M}][\\p{L}\\p{M}\\p{N}\\-]+$"},30133(t,e,i){i.r(e),i.d(e,{EmailFieldClass:()=>d.v,componentName:()=>d.T}),i(52733);var r=i(47642),n=i(87550);const a=n.AH`
+  :host([dir='rtl']) [part='input-field'] ::slotted(input) {
+    --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
+  }
+
+  :host([dir='rtl']) [part='input-field'] ::slotted(input:placeholder-shown) {
+    --_lumo-text-field-overflow-mask-image: none;
+  }
+`;(0,n.SF)("vaadin-email-field",[r.k,a],{moduleId:"lumo-email-field"});var o=i(82901),l=i(27136);const s=i(51450).AH`
+  :host([dir='rtl']) [part='input-field'] {
+    direction: ltr;
+  }
+
+  :host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder {
+    direction: rtl;
+    text-align: left;
+  }
+`;(0,n.SF)("vaadin-email-field",s,{moduleId:"vaadin-email-field-styles"});class p extends l.A{static get is(){return"vaadin-email-field"}constructor(){super(),this._setType("email"),this.pattern="^([a-zA-Z0-9_\\.\\-+])+@[a-zA-Z0-9\\-.]+\\.[a-zA-Z0-9\\-]{2,}$"}ready(){super.ready(),this.inputElement&&(this.inputElement.autocapitalize="off")}}(0,o.X)(p);var d=i(67383);customElements.define(d.T,d.v)},94216(t,e,i){i.r(e),i.d(e,{NewEmailClass:()=>b,componentName:()=>u}),i(11284),i(30133);var r=i(25964),n=i(72270),a=i(92985),o=i(88961),l=i(63200),s=i(79673),p=i(67383);const d=(0,r.xE)("new-email-internal"),u=(0,r.xE)("new-email"),{host:c,label:h,internalInputsWrapper:m,errorMessage:g,helperText:y,emailInput:f}={host:{selector:()=>":host"},label:{selector:"::part(label)"},internalInputsWrapper:{selector:"descope-new-email-internal .wrapper"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},emailInput:{selector:"descope-email-field"}},b=(0,l.Zz)((0,o.RF)({mappings:{fontSize:[c,{},{selector:p.v.componentName,property:p.v.cssVarList.fontSize}],fontFamily:[h,g,y],labelFontSize:{...h,property:"font-size"},labelFontWeight:{...h,property:"font-weight"},inputValueFontWeight:{...f,property:p.v.cssVarList.inputValueFontWeight},inputPlaceholderFontWeight:{...f,property:p.v.cssVarList.inputPlaceholderFontWeight},helperTextFontWeight:{...y,property:"font-weight"},errorMessageFontWeight:{...g,property:"font-weight"},labelTextColor:{...h,property:"color"},errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},errorMessageFontSize:{...g,property:"font-size"},hostWidth:{...c,property:"width"},hostMinWidth:{...c,property:"min-width"},hostDirection:[{...c,property:"direction"},{...f,property:p.v.cssVarList.hostDirection}],inputsRequiredIndicator:{...c,property:"content"},spaceBetweenInputs:{...m,property:"gap"},valueInputHeight:{...f,property:p.v.cssVarList.valueInputHeight},valueInputMarginBottom:{...f,property:p.v.cssVarList.valueInputMarginBottom}}}),o.VO,o.Yg,(0,o.OZ)({proxyProps:["value","selectionStart"]}),t=>class extends t{init(){super.init?.();const t=document.createElement("template"),e="true"===this.getAttribute("external-input"),i="false"!==this.getAttribute("accept-unicode");t.innerHTML=`\n\t\t\t<${d}\n\t\t\t\tname="new-email"\n\t\t\t\ttabindex="-1"\n\t\t\t\tslot="input"\n        external-input="${e}"\n        accept-unicode="${i}"\n\t\t\t>\n      </${d}>\n\t\t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(d),e&&this.initExternalInput(),(0,r.EA)(this,this.inputElement,{includeAttrs:["email-label","email-placeholder","confirm-label","confirm-placeholder","full-width","size","bordered","invalid","readonly","disabled","draggable","label-type"]})}createSlottedExternalInput(t,e,i){const r=t.querySelector("input"),n=document.createElement("slot"),a=r.getAttribute("slot");return n.setAttribute("name",e),n.setAttribute("slot",a),t.appendChild(n),r.setAttribute("slot",e),r.setAttribute("name",i),r.setAttribute("data-hidden-input","true"),this.appendChild(r),r}initExternalInput(){this.emailInput=this.inputElement.querySelector('[data-id="email"]'),this.confirmInput=this.inputElement.querySelector('[data-id="confirm"]'),this.createSlottedExternalInput(this.emailInput,"external-email-input",this.getAttribute("name")),this.createSlottedExternalInput(this.confirmInput,"external-confirm-input",`${this.getAttribute("name")}-confirm`).setAttribute("data-exclude-field","true")}})((0,o.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t\tmax-width: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n\t\t${(0,s.cy)(p.v.cssVarList)}\n\t\tvaadin-text-field {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t\tvaadin-text-field::part(input-field) {\n\t\t\tmin-height: 0;\n\t\t\tbackground: transparent;\n\t\t\tbox-shadow: none;\n\t\t\tpadding: 0;\n\t\t}\n\t\tvaadin-text-field::part(input-field)::after {\n\t\t\tbackground: transparent;\n\t\t\topacity: 0;\n\t\t}\n\t\tdescope-new-email-internal {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t\tdescope-new-email-internal > .wrapper {\n      -webkit-mask-image: none;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\t\tdescope-email-field {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:u})),v=/^email-/,x=/^confirm-/,I=(t,e)=>t.replace(e,""),w=["email-label","email-placeholder"],A=["confirm-label","confirm-placeholder"],E=["disabled","bordered","size","full-width","invalid","readonly","draggable","label-type"],k=[].concat(E,w,A),S=(0,n.yc)({componentName:d,baseSelector:"div"});customElements.define(d,class extends S{static get observedAttributes(){return[].concat(S.observedAttributes||[],k)}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper"></div>\n\t\t',this.wrapperEle=this.querySelector(".wrapper")}get value(){return this.emailInput?.value||""}set value(t){t!==this.value&&(this.emailInput.value=t)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:this.value&&!this.emailFormat.test(this.value)?{patternMismatch:!0}:this.value!==(this.confirmInput?.value||"")?{typeMismatch:!0}:{}}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.emailInput.focus()}),super.init?.(),this.renderInputs()}renderInputs(){const t="true"===this.getAttribute("external-input"),e="false"!==this.getAttribute("accept-unicode");this.emailFormat=e?new RegExp(a.g,"u"):new RegExp(a.a);const i=`\n      <descope-email-field\n        data-id="email"\n        external-input="${t}"\n        accept-unicode="${e}"\n        validate-format="false"\n      ></descope-email-field>\n      <descope-email-field\n        data-id="confirm"\n        external-input="${t}"\n        accept-unicode="${e}"\n        validate-format="false"\n        autocomplete="off"\n      ></descope-email-field>\n    `;this.wrapperEle.innerHTML=i,this.emailInput=this.querySelector('[data-id="email"]'),this.confirmInput=this.querySelector('[data-id="confirm"]'),this.inputs=[this.emailInput,this.confirmInput],this.initInputs()}handleIndicatorStyle(){this.inputs.forEach(t=>{(0,r.fz)(`\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${b.cssVarList.inputsRequiredIndicator});\n          width: 1em;\n          text-align: center;\n\t\t\t\t}\n        :host ::part(required-indicator) {\n          display: inline-flex;\n        }\n\t\t\t\t`,t)})}get isInvalid(){return this.hasAttribute("invalid")&&"false"!==this.getAttribute("invalid")}handleInputsInvalidAttribute(){this.inputs.forEach(t=>{t&&(0,r.mx)(t,e=>{if(e.includes("invalid")){const e=t.getAttribute("invalid"),i=this.getAttribute("invalid");this.isInvalid&&i!==e&&t.setAttribute("invalid","true")}},{})})}initInputs(){this.handleIndicatorStyle(),this.handleInputsInvalidAttribute(),this.handleFocusEventsDispatching(this.inputs)}toggleBooleanAttribute(t,e,i){null===i?t?.removeAttribute(e):t?.setAttribute(e,i)}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),e!==i&&(E.includes(t)?this.inputs?.forEach(e=>this.toggleBooleanAttribute(e,t,i)):w.includes(t)?this.toggleBooleanAttribute(this.emailInput,I(t,v),i):A.includes(t)&&this.toggleBooleanAttribute(this.confirmInput,I(t,x),i))}}),customElements.define(u,b)},18330(t,e,i){i.d(e,{f:()=>n});var r=i(44099);class n extends r.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:()=>n});var r=i(44218);const n=t=>class extends((0,r.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 r=i(13256),n=i(82901),a=i(72562),o=i(81488),l=i(86314),s=i(87550),p=i(18330),d=i(37436),u=i(37720);const c=t=>class extends((0,d.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 p.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,a.q)(r.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return r.qy`
+      <style>
+        [part='input-field'] {
+          flex-grow: 0;
+        }
+      </style>
+
+      <div class="vaadin-field-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>
+          <slot name="suffix" slot="suffix"></slot>
+          <div id="clearButton" part="clear-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>
+      <slot name="tooltip"></slot>
+    `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new o.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,n.X)(h)},52733(t,e,i){i(27397);var r=i(47642);(0,i(87550).SF)("vaadin-text-field",r.k,{moduleId:"lumo-text-field-styles"}),i(27136)},11284(t,e,i){i(52733),i(27136)}}]);
+//# sourceMappingURL=descope-new-email.js.map

package/dist/umd/descope-new-email.js.LICENSE.txt

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