@descope/web-components-ui 3.26.5 → 3.27.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/../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":""}
+{"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/../components/descope-email-field/src/component/emailVerificationAutocomplete.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 { emailVerificationAutocomplete } from './emailVerificationAutocomplete';\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      if (this.emailVerification) {\n        this.enableEmailVerification();\n      }\n    }\n\n    // Read once, in `init`: descope-wc renders the screen html once\n    get emailVerification() {\n      return this.getAttribute('email-verification') === 'true';\n    }\n\n    // Browser email verification needs the native input to be an email field (autocomplete `email`).\n    // The host keeps its own autocomplete: descope-wc finds the passkey autofill field by an exact\n    // `[autocomplete=\"webauthn\"]` match on it, so changing the host would break passkeys\n    enableEmailVerification() {\n      const { baseElement } = this;\n      const delegate = baseElement._delegateAttribute.bind(baseElement);\n      // vaadin writes the native autocomplete only through here, so it writes ours\n      baseElement._delegateAttribute = (name, value) =>\n        delegate(\n          name,\n          name === 'autocomplete'\n            ? emailVerificationAutocomplete(value)\n            : value,\n        );\n      baseElement._delegateAttribute('autocomplete', baseElement.autocomplete);\n\n      // the external input copies the host autocomplete once, when it is created\n      this.externalInput?.setAttribute(\n        'autocomplete',\n        emailVerificationAutocomplete(this.getAttribute('autocomplete')),\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","// The autocomplete grammar is ordered (section-*, shipping/billing, field name, webauthn) and on/off can't be\n// combined with a field name, so `email` takes the field name's place, before webauthn\nexport const emailVerificationAutocomplete = (autocomplete) => {\n  const tokens = (autocomplete || '')\n    .split(/\\s+/)\n    .filter(\n      (token) => token && !['username', 'email', 'on', 'off'].includes(token),\n    );\n  const webauthn = tokens.indexOf('webauthn');\n  tokens.splice(webauthn === -1 ? tokens.length : webauthn, 0, 'email');\n\n  return tokens.join(' ');\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_4__","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","emailVerification","enableEmailVerification","delegate","_delegateAttribute","bind","name","value","_emailVerificationAutocomplete__WEBPACK_IMPORTED_MODULE_3__","y","autocomplete","g","useTextType","removeAttribute","_setType","type","e","trimmed","target","trim","dispatchEvent","Event","bubbles","composed","tz","slots","wrappedEleName","style","cssVarList","_descope_ui_common_theme_helpers__WEBPACK_IMPORTED_MODULE_5__","$J","cy","LJ","Kl","excludeAttrsSync","asciiPattern","unicodePattern","emailVerificationAutocomplete","tokens","split","token","includes","webauthn","indexOf","splice","length","join","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","origEmailSetAttr","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","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__","__WEBPACK_DEFAULT_EXPORT__","concat","ayt","textField","defaultDialCode","_helpers__WEBPACK_IMPORTED_MODULE_5__","Q","allowAlphanumericInput","minLength","parseInt","maxLength","restrictCountries","isFormatValue","isStrictValidation","nonParsedValue","parsedVal","parseWithCountryCode","country","countryCallingCode","nationalNumber","isTrusted","onInput","handleFocusEventsDispatching","getValidity","validPhonePattern","stripValue","sanitizeVal","isRequired","valueMissing","tooShort","isValidParsedValue","patternMismatch","args","attributeChangedCallback","attrName","oldValue","newValue","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

@@ -1,5 +1,5 @@
 /*! 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`
+"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:()=>p,v:()=>S});var r=i(88961),n=i(63200),a=i(92985),o=i(49840),l=i(25964),s=i(79673);const p=(0,l.xE)("email-field"),d="email",{host:u,label:c,placeholder:h,requiredIndicator:m,inputField:g,input:y,inputMask:b,helperText:f,errorMessage:v,disabledPlaceholder:x,inputDisabled:I,inputIcon:w,externalInput:A,externalInputDisabled:E,externalPlaceholder:k,externalDisabledPlaceholder:_}={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:[{},u],fontFamily:[c,g,f,v],labelFontSize:{...c,property:"font-size"},labelFontWeight:{...c,property:"font-weight"},inputValueFontWeight:[{...y,property:"font-weight"},{...A,property:"font-weight"}],inputPlaceholderFontWeight:[{selector:()=>":host input:placeholder-shown",property:"font-weight"},{...k,property:"font-weight"}],helperTextFontWeight:{...f,property:"font-weight"},errorMessageFontWeight:{...v,property:"font-weight"},labelTextColor:[{...c,property:"color"},{...m,property:"color"},{...c,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],hostWidth:{...u,property:"width"},hostMinWidth:{...u,property:"min-width"},hostDirection:{...u,property:"direction"},inputDirection:{...y,property:"direction"},inputBackgroundColor:[{...g,property:"background-color"},{...b,property:"background-color"}],errorMessageTextColor:{...v,property:"color"},errorMessageIcon:{...v,property:"background-image"},errorMessageIconSize:{...v,property:"background-size"},errorMessageIconPadding:{...v,property:"padding-inline-start"},errorMessageIconRepeat:{...v,property:"background-repeat"},errorMessageIconPosition:{...v,property:"background-position"},errorMessageFontSize:{...v,property:"font-size"},helperTextColor:{...f,property:"-webkit-text-fill-color"},inputValueTextColor:[{...g,property:"color"},{...I,property:"-webkit-text-fill-color"},{...E,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...y,property:"caret-color"},{...A,property:"caret-color"}],labelRequiredIndicator:{...m,property:"content"},inputBorderColor:{...g,property:"border-color"},inputBorderWidth:{...g,property:"border-width"},inputBorderStyle:{...g,property:"border-style"},inputBorderRadius:{...g,property:"border-radius"},inputHeight:{...g,property:"height"},inputHorizontalPadding:[{...y,property:"padding-left"},{...y,property:"padding-right"},{...A,property:"padding-left"},{...A,property:"padding-right"}],inputOutlineColor:{...g,property:"outline-color"},inputOutlineStyle:{...g,property:"outline-style"},inputOutlineWidth:{...g,property:"outline-width"},inputOutlineOffset:{...g,property:"outline-offset"},textAlign:{},inputTextAlign:[{...y,property:"text-align"},{...A,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...k,property:"color"},{...h,property:"color"},{...x,property:"-webkit-text-fill-color"},{..._,property:"-webkit-text-fill-color"}],labelPosition:{...c,property:"position"},labelTopPosition:{...c,property:"top"},labelHorizontalPosition:[{...c,property:"left"},{...c,property:"right"}],inputTransformY:{...c,property:"transform"},inputTransition:{...c,property:"transition"},marginInlineStart:{...c,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...k,property:"opacity"}],inputVerticalAlignment:[{...g,property:"align-items"},{...A,property:"align-items"}],valueInputHeight:[{...y,property:"height"},{...A,property:"height"}],valueInputMarginBottom:[{...y,property:"margin-bottom"},{...A,property:"margin-bottom"}],inputIconOffset:[{...w,property:"margin-right"},{...w,property:"margin-left"}],inputIconSize:{...w,property:"font-size"},inputIconColor:{...w,property:"color"},inputTextSecurity:[{...y,property:"-webkit-text-security"},{...y,property:"text-security"},{...A,property:"-webkit-text-security"},{...A,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(),this.emailVerification&&this.enableEmailVerification()}get emailVerification(){return"true"===this.getAttribute("email-verification")}enableEmailVerification(){const{baseElement:t}=this,e=t._delegateAttribute.bind(t);t._delegateAttribute=(t,i)=>e(t,"autocomplete"===t?(0,o.y)(i):i),t._delegateAttribute("autocomplete",t.autocomplete),this.externalInput?.setAttribute("autocomplete",(0,o.y)(this.getAttribute("autocomplete")))}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",d),this.externalInput?.setAttribute("inputmode",d)}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,s.$J)("vaadin-email-field")}\n\t\t\t${(0,s.cy)(S.cssVarList)}\n\t\t\t${(0,s.LJ)("vaadin-email-field",S.cssVarList)}\n      ${(0,s.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:p}))},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}\\-]+$"},49840(t,e,i){i.d(e,{y:()=>r});const r=t=>{const e=(t||"").split(/\s+/).filter(t=>t&&!["username","email","on","off"].includes(t)),i=e.indexOf("webauthn");return e.splice(-1===i?e.length:i,0,"email"),e.join(" ")}},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);
   }
@@ -16,7 +16,7 @@
     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`
+`;(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:()=>f,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:b}={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"}},f=(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:{...b,property:p.v.cssVarList.inputValueFontWeight},inputPlaceholderFontWeight:{...b,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"},{...b,property:p.v.cssVarList.hostDirection}],inputsRequiredIndicator:{...c,property:"content"},spaceBetweenInputs:{...m,property:"gap"},valueInputHeight:{...b,property:p.v.cssVarList.valueInputHeight},valueInputMarginBottom:{...b,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),_=(0,n.yc)({componentName:d,baseSelector:"div"});customElements.define(d,class extends _{static get observedAttributes(){return[].concat(_.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(${f.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,f)},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;