@sapudex/web-components 2.54.0 → 2.56.0

package/dist/PhoneNumberField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberField.js","sourceRoot":"","sources":["../src/PhoneNumberField.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport {\n  COUNTRY_SELECT, READ_ONLY, VALUE_STATE_ERROR, VALUE_STATE_SUCCESS,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport type { Country } from \"./data/CountryListISO3166.js\";\nimport { CountryListDB } from \"./data/CountryListISO3166.js\";\nimport UDExDropdown from \"./Dropdown.js\";\nimport UDExList from \"./List.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExStatusMessage from \"./StatusMessage.js\";\nimport translate from \"./utils/translate.js\";\n\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-up.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\n\nimport PhoneNumberFieldTemplate from \"./generated/templates/PhoneNumberFieldTemplate.lit.js\";\n\n// Styles\nimport PhoneNumberFieldCss from \"./generated/themes/PhoneNumberField.css.js\";\nimport { isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\n\nexport interface ExtendedCountriesListPhoneNumberData extends Country {\n  selected?: boolean;\n}\n\nexport enum UDExOpenButtonIcon {\n  iconUp = \"slim-arrow-up\",\n  iconDown = \"slim-arrow-down\",\n}\n\nexport enum UDExPhoneNumberFieldValueState {\n  Standard = \"Standard\",\n  Error = \"Error\",\n  Success = \"Success\",\n}\n\nexport type BackgroundPosition = {\n  x?: string,\n  y?: string,\n};\n\nconst initialPlaceholder: string = \"+X XXX-XXX-XXXX\";\n/**\n * Maximum number of possible digits based on international standard https://en.wikipedia.org/wiki/E.164\n */\nconst digitsLimit: number = 15;\n\n/**\n * @class\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-phone-number-field\n * @public\n */\n@customElement({\n  tag: \"udex-phone-number-field\",\n  renderer: litRender,\n  styles: PhoneNumberFieldCss,\n  template: PhoneNumberFieldTemplate,\n  dependencies: [\n    UDExDropdown,\n    UDExList,\n    UDExListItem,\n    UDExButton,\n    UDExStatusMessage,\n  ],\n})\n/**\n   * Fired when the value of the component changes at each keystroke.\n   *\n   * @public\n   */\n@event(\"input\", { bubbles: true })\n/**\n   * Fired when the input operation has finished by pressing Enter or on focusout.\n   *\n   * @public\n   */\n@event(\"change\", { bubbles: true })\nclass UDExPhoneNumberField extends UI5Element {\n  eventDetails!: {\n    \"input\": void,\n    \"change\": void,\n  };\n  /**\n   * Defines label text for the textarea field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    label: string = \"\";\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property()\n    valueState: `${UDExPhoneNumberFieldValueState}` = UDExPhoneNumberFieldValueState.Standard;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    supportingText: string = \"\";\n\n  /**\n   * Defines whether the component is required.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    required!: boolean;\n\n  /**\n   * Defines whether the component is in disabled state.\n   * <br><br>\n   * <b>Note:</b> A disabled component is completely noninteractive.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines whether the component is read-only.\n   * <br><br>\n   * <b>Note:</b> A read-only component is not editable,\n   * but still provides visual feedback upon user interaction.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is display-only.\n   * <br><br>\n   * <b>Note:</b> A display-only component is not editable,\n   * but still provides visual feedback upon user interaction, input border is not visible.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    displayonly!: boolean;\n\n  /**\n   * Defines the country iso code selected by the user\n   * <br><br>\n   * Note: should be used two-letter country codes, e.g.: \"DE\" | \"PL\" | \"UA\" | \"US\"\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    selectedIso: string = \"\";\n\n  /**\n   * Defines the autoselected country iso code\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    autoSelectedIso: string = \"\";\n\n  /**\n   * Allows to define the list of blocked country.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    blockedCountryCodes?: string;\n\n  /**\n   * Allows control over the height.\n   *\n   * @public\n   */\n  @property({ type: String })\n    height?: string;\n\n  /**\n   * Defines the value of the component.\n   *\n   * @default \"\"\n   */\n  @property({ type: String })\n    value: string = \"\";\n\n  /**\n   * Defines the open button icon\n   *\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    buttonIcon: string = UDExOpenButtonIcon.iconDown;\n\n  /**\n   * Defines the open button icon\n   *\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    _dropdownExpanded: boolean = false;\n\n  /**\n   * Defines the phone format of the input\n   *\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    phoneFormat: string = initialPlaceholder;\n\n  /**\n   * Defines the maxlength of the input\n   *\n   * @private\n   */\n  @property({ type: Number })\n    maxlength!: number;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName!: string;\n\n  /**\n   * Receives id (or many ids) of the elements that label the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleNameRef: string = \"\";\n\n  /**\n   * Defines the allowed keys for the input\n   *\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    allowedKeys: string[] = [\n      \"Backspace\",\n      \"Delete\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Tab\",\n      \"Enter\",\n      \"Home\",\n      \"End\",\n      \"Escape\",\n    ];\n\n  /**\n   * Keeps the value of previously pressed key\n   *\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    previousKey!: string;\n\n  /**\n   * Defines the active (focus)\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n\n  /**\n   * Defines is it the touch of the input field (only for mobile devices).\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _isTouched!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _dropdown!: UDExDropdown;\n  _dropdownList!: UDExList;\n  _handleResizeBound: ResizeObserverCallback;\n  countriesList: ExtendedCountriesListPhoneNumberData[] = CountryListDB;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onBeforeRendering() {\n    this.applyPlaceholder();\n\n    if (this.blockedCountryCodes?.length) {\n      const blockedCountryCodesArray = this.blockedCountryCodes.split(\",\").map(code => code.trim().toUpperCase());\n      this.countriesList = this.countriesList\n        .filter(country => !blockedCountryCodesArray?.includes(country.iso.toUpperCase()));\n    }\n  }\n\n  onAfterRendering() {\n    this._dropdown = this.getDropdown();\n    this._dropdownList = this.getDropdownList();\n    if (this.countryIso) {\n      this._dropdownList.focusSelectedItem();\n    }\n  }\n\n  _handleResize() {\n    this._dropdown.style.setProperty(\"--udex-dropdown-pane-width\", `${this.offsetWidth}px`);\n  }\n\n  handleInput(e: InputEvent) {\n    this.value = (e.target as HTMLInputElement)?.value.trim();\n    this.applyPhoneMask();\n\n    if (!this.value.startsWith(this.selectedPhonePrefix)) {\n      this.selectedIso = \"\";\n    }\n\n    if (this.value.length === 0 || this.value === \"+\") {\n      this.autoSelectedIso = \"\";\n      this.selectedIso = \"\";\n    }\n  }\n\n  openDropdown(): void {\n    if (!this.isButtonDisabled) {\n      this._dropdown.open = !this._dropdown.open;\n    }\n  }\n\n  handleKeyDown = (e: KeyboardEvent) => {\n    const isKeyAllowed = e.key && (e.key.match(/\\d/)\n      || this.allowedKeys.includes(e.key)\n      || e.metaKey\n      || e.ctrlKey);\n\n    if (!isKeyAllowed) {\n      e.preventDefault();\n    }\n\n    if (isEnter(e)) {\n      this.fireDecoratorEvent(\"change\");\n    }\n\n    e.stopPropagation();\n    this.previousKey = e.key;\n  };\n\n  handleKeyUp() {\n    if (this.isInputReadonly) {\n      return;\n    }\n\n    this.value = this.value.replace(/[^\\d+ ()-]/g, \"\").trim();\n    this.applyPhoneMask();\n  }\n\n  handleFocus() {\n    this.active = !this.displayonly;\n    if (this.countryIso.length === 0) {\n      this.phoneFormat = initialPlaceholder;\n    }\n\n    if ((this.value.length === 0 || this.value === \"+\") && !this.isInputReadonly) {\n      this.value = this.selectedPhonePrefix;\n    }\n  }\n\n  handleClick(): void {\n    if (!isDesktop()) {\n      this._isTouched = true;\n    }\n  }\n\n  handleBlur() {\n    this.active = false;\n    this._isTouched = false;\n    this.applyPlaceholder();\n\n    const prefixLength = this.selectedPhonePrefix.length;\n    const enteredPrefix = this.value.substring(0, prefixLength);\n    const isIncorrectPrefixEntered = enteredPrefix !== this.selectedPhonePrefix;\n\n    const isIncorrectNumberEntered = !this.countryIso || this.value.length <= prefixLength || isIncorrectPrefixEntered;\n    if (isIncorrectNumberEntered) {\n      this.value = \"\";\n    }\n\n    if (!this.isInputReadonly) {\n      this.fireDecoratorEvent(\"change\");\n    }\n  }\n\n  handleSelect(e: CustomEvent) {\n    this._dropdown.open = false;\n    this.selectedIso = e.detail.item.id;\n    this.applyPhoneMask();\n    this.getInputField().focus();\n    this.fireDecoratorEvent(\"change\");\n  }\n\n  dropdownBeforeOpen() {\n    this.buttonIcon = UDExOpenButtonIcon.iconUp;\n    this._dropdownExpanded = true;\n  }\n\n  dropdownBeforeClose() {\n    this.buttonIcon = UDExOpenButtonIcon.iconDown;\n    this._dropdownExpanded = false;\n  }\n\n  calculateMaxLength(prefix: string, mask: string): number {\n    const prefixNonDigitCount = prefix.replace(/[\\d]/g, \"\").length;\n    const maskNonDigitCount = mask.replace(/X/g, \"\").length;\n\n    const maxLength = digitsLimit + prefixNonDigitCount + maskNonDigitCount;\n\n    return maxLength;\n  }\n\n  autoSelectCountry(value: string) {\n    const countryToSelect = this.updatedCountriesList.find(country => {\n      const valuePhonePrefix = value.substring(0, country.phonePrefix.length);\n\n      return country.phonePrefix === valuePhonePrefix;\n    });\n\n    if (countryToSelect) {\n      this.autoSelectedIso = countryToSelect.iso;\n    }\n\n    if (this.selectedPhonePrefix && this.selectedPlaceholder) {\n      this.maxlength = this.calculateMaxLength(this.selectedPhonePrefix, this.selectedPlaceholder);\n    }\n  }\n\n  applyPhoneMask() {\n    const isNewPrefixEntered = this.value.substring(0, this.selectedPhonePrefix.length) !== this.selectedPhonePrefix;\n    if (this.value.split(\"\")[0] !== \"+\") {\n      this.value = `+${this.value}`;\n    }\n\n    this.autoSelectCountry(this.value);\n\n    if (isNewPrefixEntered) {\n      return;\n    }\n\n    const maskLength = this.selectedPhonePrefix.length + this.selectedPlaceholder.length;\n    const mask = this.selectedPhonePrefix + this.selectedPlaceholder;\n    const maskSymbols = [\" \", \"-\", \"(\", \")\"];\n\n    const valueWithMask = this.value.split(\"\").map((char, index) => {\n      if (maskSymbols.includes(char) && char === mask[index]) {\n        return char;\n      }\n      if (maskSymbols.includes(char) && char !== mask[index]) {\n        return \"\";\n      }\n      if (maskSymbols.includes(mask[index]) && char !== mask[index]) {\n        return `${mask[index]}${char}`;\n      }\n      return char;\n    }).join(\"\");\n\n    if (this.value.length >= maskLength) {\n      return;\n    }\n\n    this.value = valueWithMask;\n\n    if (this.value.length > this.maxlength) {\n      this.value = this.value.substring(0, this.maxlength);\n    }\n  }\n\n  applyPlaceholder() {\n    this.phoneFormat = this.countryIso.length > 0\n      ? this.selectedPhonePrefix + this.selectedPlaceholder : initialPlaceholder;\n  }\n\n  getDropdownList(): UDExList {\n    return this.shadowRoot!.querySelector<UDExList>(\n      \"[udex-list]\",\n    )!;\n  }\n\n  getDropdown(): UDExDropdown {\n    return this.shadowRoot!.querySelector<UDExDropdown>(\n      \"[udex-dropdown]\",\n    )!;\n  }\n\n  getButton(): UDExButton {\n    return this.shadowRoot!.querySelector<UDExButton>(\n      \"[udex-button]\",\n    )!;\n  }\n\n  getInputField() {\n    return this.shadowRoot!.querySelector<HTMLFormElement>(\n      \"input\",\n    )!;\n  }\n\n  get inputTabIndex(): number | undefined {\n    return this.displayonly || this.disabled ? -1 : undefined;\n  }\n\n  get selectedPhonePrefix(): string {\n    if (!this.countryIso) {\n      return \"\";\n    }\n\n    return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.phonePrefix\n    || this.updatedCountriesList[0]?.phonePrefix;\n  }\n\n  get selectedPlaceholder(): string {\n    if (!this.countryIso) {\n      return \"\";\n    }\n\n    return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.phoneFmt\n      || this.updatedCountriesList[0]?.phoneFmt;\n  }\n\n  get selectedCountryName(): string {\n    if (!this.countryIso) {\n      return \"None\";\n    }\n\n    return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.countryName\n      || this.updatedCountriesList[0]?.countryName;\n  }\n\n  get selectedFlagBackgroundPosition(): BackgroundPosition {\n    if (!this.countryIso) {\n      return {};\n    }\n\n    const selectedCountry = this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0];\n\n    if (!selectedCountry) {\n      return {};\n    }\n\n    return { x: selectedCountry?.flagX, y: selectedCountry?.flagY };\n  }\n\n  get ariaInvalid(): string | null {\n    return this.valueState === \"Error\" ? \"true\" : null;\n  }\n\n  get isInputReadonly(): boolean {\n    return this.readonly || this.displayonly;\n  }\n\n  get isButtonDisabled(): boolean {\n    return this.disabled || this.isInputReadonly;\n  }\n\n  get updatedCountriesList(): ExtendedCountriesListPhoneNumberData[] {\n    return this.countriesList.map(country => {\n      if (country.selected) {\n        delete country.selected;\n      }\n\n      if (country.iso === this.countryIso) {\n        country.selected = true;\n      }\n\n      return country;\n    });\n  }\n\n  get valueStateTypeMappings(): Record<UDExPhoneNumberFieldValueState, string> {\n    return {\n      \"Success\": translate(UDExPhoneNumberField, VALUE_STATE_SUCCESS),\n      \"Standard\": \"\",\n      \"Error\": translate(UDExPhoneNumberField, VALUE_STATE_ERROR),\n    };\n  }\n\n  get hasValueState(): boolean {\n    return this.valueState !== \"Standard\";\n  }\n\n  get valueStateText(): string | undefined {\n    return this.valueState !== \"Standard\" ? this.valueStateTypeMappings[this.valueState] : undefined;\n  }\n\n  get readOnlyStateText() {\n    return translate(UDExPhoneNumberField, READ_ONLY);\n  }\n\n  get ariaDescribedById(): string {\n    return `${this.supportingTextId} ${this.valueStateTextId} ${this.readOnlyStateTextId}`.trim();\n  }\n\n  get supportingTextId(): string {\n    return this.supportingText ? `${this._id}-supportingTextDesc` : \"\";\n  }\n\n  get valueStateTextId(): string {\n    return this.hasValueState ? `${this._id}-valueStateDesc` : \"\";\n  }\n\n  get readOnlyStateTextId(): string {\n    return this.readonly ? `${this._id}-stateReadOnlyDesc` : \"\";\n  }\n\n  get countrySelectorAriaLabel(): string {\n    return this.accessibleName || `${translate(UDExPhoneNumberField, COUNTRY_SELECT)} ${this.label}`.trim();\n  }\n\n  get countryIso(): string {\n    return this.selectedIso || this.autoSelectedIso;\n  }\n}\n\nUDExPhoneNumberField.define();\n\nexport default UDExPhoneNumberField;\n"]}
+{"version":3,"file":"PhoneNumberField.js","sourceRoot":"","sources":["../src/PhoneNumberField.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport {\n  COUNTRY_SELECT, READ_ONLY, VALUE_STATE_ERROR, VALUE_STATE_SUCCESS,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport type { Country } from \"./data/CountryListISO3166.js\";\nimport { CountryListDB } from \"./data/CountryListISO3166.js\";\nimport type UDExDropdown from \"./Dropdown.js\";\nimport type UDExList from \"./List.js\";\nimport type UDExButton from \"./Button.js\";\nimport translate from \"./utils/translate.js\";\n\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-up.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\n\nimport PhoneNumberFieldTemplate from \"./PhoneNumberFieldTemplate.js\";\n\n// Styles\nimport PhoneNumberFieldCss from \"./generated/themes/PhoneNumberField.css.js\";\n\nexport interface ExtendedCountriesListPhoneNumberData extends Country {\n  selected?: boolean;\n}\n\nexport enum UDExOpenButtonIcon {\n  iconUp = \"slim-arrow-up\",\n  iconDown = \"slim-arrow-down\",\n}\n\nexport enum UDExPhoneNumberFieldValueState {\n  Standard = \"Standard\",\n  Error = \"Error\",\n  Success = \"Success\",\n}\n\nexport type BackgroundPosition = {\n  x?: string,\n  y?: string,\n};\n\nconst initialPlaceholder: string = \"+X XXX-XXX-XXXX\";\n/**\n * Maximum number of possible digits based on international standard https://en.wikipedia.org/wiki/E.164\n */\nconst digitsLimit: number = 15;\n\n/**\n * @class\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-phone-number-field\n * @public\n */\n@customElement({\n  tag: \"udex-phone-number-field\",\n  renderer: jsxRenderer,\n  styles: PhoneNumberFieldCss,\n  template: PhoneNumberFieldTemplate,\n})\n/**\n   * Fired when the value of the component changes at each keystroke.\n   *\n   * @public\n   */\n@event(\"input\", { bubbles: true })\n/**\n   * Fired when the input operation has finished by pressing Enter or on focusout.\n   *\n   * @public\n   */\n@event(\"change\", { bubbles: true })\nclass UDExPhoneNumberField extends UI5Element {\n  eventDetails!: {\n    \"input\": void,\n    \"change\": void,\n  };\n  /**\n   * Defines label text for the textarea field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    label: string = \"\";\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property()\n    valueState: `${UDExPhoneNumberFieldValueState}` = UDExPhoneNumberFieldValueState.Standard;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    supportingText: string = \"\";\n\n  /**\n   * Defines whether the component is required.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    required!: boolean;\n\n  /**\n   * Defines whether the component is in disabled state.\n   * <br><br>\n   * <b>Note:</b> A disabled component is completely noninteractive.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines whether the component is read-only.\n   * <br><br>\n   * <b>Note:</b> A read-only component is not editable,\n   * but still provides visual feedback upon user interaction.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is display-only.\n   * <br><br>\n   * <b>Note:</b> A display-only component is not editable,\n   * but still provides visual feedback upon user interaction, input border is not visible.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    displayonly!: boolean;\n\n  /**\n   * Defines the country iso code selected by the user\n   * <br><br>\n   * Note: should be used two-letter country codes, e.g.: \"DE\" | \"PL\" | \"UA\" | \"US\"\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    selectedIso: string = \"\";\n\n  /**\n   * Defines the autoselected country iso code\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    autoSelectedIso: string = \"\";\n\n  /**\n   * Allows to define the list of blocked country.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    blockedCountryCodes?: string;\n\n  /**\n   * Allows control over the height.\n   *\n   * @public\n   */\n  @property({ type: String })\n    height?: string;\n\n  /**\n   * Defines the value of the component.\n   *\n   * @default \"\"\n   */\n  @property({ type: String })\n    value: string = \"\";\n\n  /**\n   * Defines the open button icon\n   *\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    buttonIcon: string = UDExOpenButtonIcon.iconDown;\n\n  /**\n   * Defines the open button icon\n   *\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    _dropdownExpanded: boolean = false;\n\n  /**\n   * Defines the phone format of the input\n   *\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    phoneFormat: string = initialPlaceholder;\n\n  /**\n   * Defines the maxlength of the input\n   *\n   * @private\n   */\n  @property({ type: Number })\n    maxlength!: number;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName!: string;\n\n  /**\n   * Receives id (or many ids) of the elements that label the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleNameRef: string = \"\";\n\n  /**\n   * Defines the allowed keys for the input\n   *\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    allowedKeys: string[] = [\n      \"Backspace\",\n      \"Delete\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Tab\",\n      \"Enter\",\n      \"Home\",\n      \"End\",\n      \"Escape\",\n    ];\n\n  /**\n   * Keeps the value of previously pressed key\n   *\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    previousKey!: string;\n\n  /**\n   * Defines the active (focus)\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n\n  /**\n   * Defines is it the touch of the input field (only for mobile devices).\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _isTouched!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _dropdown!: UDExDropdown;\n  _dropdownList!: UDExList;\n  _handleResizeBound: ResizeObserverCallback;\n  countriesList: ExtendedCountriesListPhoneNumberData[] = CountryListDB;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onBeforeRendering() {\n    if (this.blockedCountryCodes?.length) {\n      const blockedCountryCodesArray = this.blockedCountryCodes.split(\",\").map(code => code.trim().toUpperCase());\n      this.countriesList = this.countriesList\n        .filter(country => !blockedCountryCodesArray?.includes(country.iso.toUpperCase()));\n    }\n\n    if (this.value) {\n      if (this.selectedIso && !this.value.startsWith(this.selectedPhonePrefix)) {\n        this.selectedIso = \"\";\n      }\n      if (!this.selectedIso) {\n        this.autoSelectCountry(this.value);\n      }\n    }\n\n    this.applyPlaceholder();\n  }\n\n  onAfterRendering() {\n    this._dropdown = this.getDropdown();\n    this._dropdownList = this.getDropdownList();\n    if (this.countryIso) {\n      this._dropdownList.focusSelectedItem();\n    }\n  }\n\n  _handleResize() {\n    this._dropdown.style.setProperty(\"--udex-dropdown-pane-width\", `${this.offsetWidth}px`);\n  }\n\n  handleInput(e: InputEvent) {\n    this.value = (e.target as HTMLInputElement)?.value.trim();\n    this.applyPhoneMask();\n\n    if (!this.value.startsWith(this.selectedPhonePrefix)) {\n      this.selectedIso = \"\";\n    }\n\n    if (this.value.length === 0 || this.value === \"+\") {\n      this.autoSelectedIso = \"\";\n      this.selectedIso = \"\";\n    }\n  }\n\n  openDropdown(): void {\n    if (!this.isButtonDisabled) {\n      this._dropdown.open = !this._dropdown.open;\n    }\n  }\n\n  handleKeyDown = (e: KeyboardEvent) => {\n    const isKeyAllowed = e.key && (e.key.match(/\\d/)\n      || this.allowedKeys.includes(e.key)\n      || e.metaKey\n      || e.ctrlKey);\n\n    if (!isKeyAllowed) {\n      e.preventDefault();\n    }\n\n    if (isEnter(e)) {\n      this.fireDecoratorEvent(\"change\");\n    }\n\n    e.stopPropagation();\n    this.previousKey = e.key;\n  };\n\n  handleKeyUp() {\n    if (this.isInputReadonly) {\n      return;\n    }\n\n    this.value = this.value.replace(/[^\\d+ ()-]/g, \"\").trim();\n    this.applyPhoneMask();\n  }\n\n  handleFocus() {\n    this.active = !this.displayonly;\n    if (this.countryIso.length === 0) {\n      this.phoneFormat = initialPlaceholder;\n    }\n\n    if ((this.value.length === 0 || this.value === \"+\") && !this.isInputReadonly) {\n      this.value = this.selectedPhonePrefix;\n    }\n  }\n\n  handleClick(): void {\n    if (!isDesktop()) {\n      this._isTouched = true;\n    }\n  }\n\n  handleBlur() {\n    this.active = false;\n    this._isTouched = false;\n    this.applyPlaceholder();\n\n    const prefixLength = this.selectedPhonePrefix.length;\n    const enteredPrefix = this.value.substring(0, prefixLength);\n    const isIncorrectPrefixEntered = enteredPrefix !== this.selectedPhonePrefix;\n\n    const isIncorrectNumberEntered = !this.countryIso || this.value.length <= prefixLength || isIncorrectPrefixEntered;\n    if (isIncorrectNumberEntered) {\n      this.value = \"\";\n    }\n\n    if (!this.isInputReadonly) {\n      this.fireDecoratorEvent(\"change\");\n    }\n  }\n\n  handleSelect(e: CustomEvent) {\n    this._dropdown.open = false;\n    this.selectedIso = e.detail.item.id;\n    this.value = this.selectedPhonePrefix;\n    this.maxlength = this.calculateMaxLength(this.selectedPhonePrefix, this.selectedPlaceholder);\n    this.getInputField().focus();\n    this.fireDecoratorEvent(\"change\");\n  }\n\n  dropdownBeforeOpen() {\n    this.buttonIcon = UDExOpenButtonIcon.iconUp;\n    this._dropdownExpanded = true;\n  }\n\n  dropdownBeforeClose() {\n    this.buttonIcon = UDExOpenButtonIcon.iconDown;\n    this._dropdownExpanded = false;\n  }\n\n  calculateMaxLength(prefix: string, mask: string): number {\n    const prefixNonDigitCount = prefix.replace(/[\\d]/g, \"\").length;\n    const maskNonDigitCount = mask.replace(/X/g, \"\").length;\n\n    const maxLength = digitsLimit + prefixNonDigitCount + maskNonDigitCount;\n\n    return maxLength;\n  }\n\n  autoSelectCountry(value: string) {\n    const countryToSelect = this.updatedCountriesList.find(country => {\n      const valuePhonePrefix = value.substring(0, country.phonePrefix.length);\n\n      return country.phonePrefix === valuePhonePrefix;\n    });\n\n    if (countryToSelect) {\n      this.autoSelectedIso = countryToSelect.iso;\n    }\n\n    if (this.selectedPhonePrefix && this.selectedPlaceholder) {\n      this.maxlength = this.calculateMaxLength(this.selectedPhonePrefix, this.selectedPlaceholder);\n    }\n  }\n\n  applyPhoneMask() {\n    const isNewPrefixEntered = this.value.substring(0, this.selectedPhonePrefix.length) !== this.selectedPhonePrefix;\n    if (this.value.split(\"\")[0] !== \"+\") {\n      this.value = `+${this.value}`;\n    }\n\n    this.autoSelectCountry(this.value);\n\n    if (isNewPrefixEntered) {\n      return;\n    }\n\n    const maskLength = this.selectedPhonePrefix.length + this.selectedPlaceholder.length;\n    const mask = this.selectedPhonePrefix + this.selectedPlaceholder;\n    const maskSymbols = [\" \", \"-\", \"(\", \")\"];\n\n    const valueWithMask = this.value.split(\"\").map((char, index) => {\n      if (maskSymbols.includes(char) && char === mask[index]) {\n        return char;\n      }\n      if (maskSymbols.includes(char) && char !== mask[index]) {\n        return \"\";\n      }\n      if (maskSymbols.includes(mask[index]) && char !== mask[index]) {\n        return `${mask[index]}${char}`;\n      }\n      return char;\n    }).join(\"\");\n\n    if (this.value.length >= maskLength) {\n      return;\n    }\n\n    this.value = valueWithMask;\n\n    if (this.value.length > this.maxlength) {\n      this.value = this.value.substring(0, this.maxlength);\n    }\n  }\n\n  applyPlaceholder() {\n    this.phoneFormat = this.countryIso.length > 0\n      ? this.selectedPhonePrefix + this.selectedPlaceholder : initialPlaceholder;\n  }\n\n  getDropdownList(): UDExList {\n    return this.shadowRoot!.querySelector<UDExList>(\n      \"[udex-list]\",\n    )!;\n  }\n\n  getDropdown(): UDExDropdown {\n    return this.shadowRoot!.querySelector<UDExDropdown>(\n      \"[udex-dropdown]\",\n    )!;\n  }\n\n  getButton(): UDExButton {\n    return this.shadowRoot!.querySelector<UDExButton>(\n      \"[udex-button]\",\n    )!;\n  }\n\n  getInputField() {\n    return this.shadowRoot!.querySelector<HTMLFormElement>(\n      \"input\",\n    )!;\n  }\n\n  get inputTabIndex(): number | undefined {\n    return this.displayonly || this.disabled ? -1 : undefined;\n  }\n\n  get selectedPhonePrefix(): string {\n    if (!this.countryIso) {\n      return \"\";\n    }\n\n    return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.phonePrefix\n    || this.updatedCountriesList[0]?.phonePrefix;\n  }\n\n  get selectedPlaceholder(): string {\n    if (!this.countryIso) {\n      return \"\";\n    }\n\n    return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.phoneFmt\n      || this.updatedCountriesList[0]?.phoneFmt;\n  }\n\n  get selectedCountryName(): string {\n    if (!this.countryIso) {\n      return \"None\";\n    }\n\n    return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.countryName\n      || this.updatedCountriesList[0]?.countryName;\n  }\n\n  get selectedFlagBackgroundPosition(): BackgroundPosition {\n    if (!this.countryIso) {\n      return {};\n    }\n\n    const selectedCountry = this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0];\n\n    if (!selectedCountry) {\n      return {};\n    }\n\n    return { x: selectedCountry?.flagX, y: selectedCountry?.flagY };\n  }\n\n  get ariaInvalid(): string | null {\n    return this.valueState === UDExPhoneNumberFieldValueState.Error ? \"true\" : null;\n  }\n\n  get isInputReadonly(): boolean {\n    return this.readonly || this.displayonly;\n  }\n\n  get isButtonDisabled(): boolean {\n    return this.disabled || this.isInputReadonly;\n  }\n\n  get updatedCountriesList(): ExtendedCountriesListPhoneNumberData[] {\n    return this.countriesList.map(country => {\n      if (country.selected) {\n        delete country.selected;\n      }\n\n      if (country.iso === this.countryIso) {\n        country.selected = true;\n      }\n\n      return country;\n    });\n  }\n\n  get valueStateTypeMappings(): Record<UDExPhoneNumberFieldValueState, string> {\n    return {\n      \"Success\": translate(UDExPhoneNumberField, VALUE_STATE_SUCCESS),\n      \"Standard\": \"\",\n      \"Error\": translate(UDExPhoneNumberField, VALUE_STATE_ERROR),\n    };\n  }\n\n  get hasValueState(): boolean {\n    return this.valueState !== UDExPhoneNumberFieldValueState.Standard;\n  }\n\n  get valueStateText(): string | undefined {\n    return this.valueState !== UDExPhoneNumberFieldValueState.Standard ? this.valueStateTypeMappings[this.valueState] : undefined;\n  }\n\n  get readOnlyStateText() {\n    return translate(UDExPhoneNumberField, READ_ONLY);\n  }\n\n  get ariaDescribedById(): string {\n    return `${this.supportingTextId} ${this.valueStateTextId} ${this.readOnlyStateTextId}`.trim();\n  }\n\n  get supportingTextId(): string {\n    return this.supportingText ? `${this._id}-supportingTextDesc` : \"\";\n  }\n\n  get valueStateTextId(): string {\n    return this.hasValueState ? `${this._id}-valueStateDesc` : \"\";\n  }\n\n  get readOnlyStateTextId(): string {\n    return this.readonly ? `${this._id}-stateReadOnlyDesc` : \"\";\n  }\n\n  get countrySelectorAriaLabel(): string {\n    return this.accessibleName || `${translate(UDExPhoneNumberField, COUNTRY_SELECT)} ${this.label}`.trim();\n  }\n\n  get countryIso(): string {\n    return this.selectedIso || this.autoSelectedIso;\n  }\n}\n\nUDExPhoneNumberField.define();\n\nexport default UDExPhoneNumberField;\n"]}

package/dist/PhoneNumberFieldTemplate.d.ts

@@ -0,0 +1,2 @@
+import type UDExPhoneNumberField from "./PhoneNumberField.js";
+export default function PhoneNumberFieldTemplate(this: UDExPhoneNumberField): import("@ui5/webcomponents-base").JSX.Element;

package/dist/PhoneNumberFieldTemplate.js

@@ -0,0 +1,12 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import UDExDropdown from "./Dropdown.js";
+import UDExList from "./List.js";
+import UDExListItem from "./ListItem.js";
+import UDExButton from "./Button.js";
+import UDExStatusMessage from "./StatusMessage.js";
+import UDExButtonDesign from "./types/ButtonDesign.js";
+import UDExButtonSize from "./types/ButtonSize.js";
+export default function PhoneNumberFieldTemplate() {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { class: "udex-phone-number-field", "onui5-selection-change": this.handleSelect, children: [this.label && (_jsxs("label", { id: "udex-phone-number-field__label", class: "udex-phone-number-field__label", htmlFor: `${this._id}-phone`, children: [this.label, this.required && " *"] })), _jsx(UDExDropdown, { class: "udex-phone-number-field__dropdown", opener: `udex-${this._id}-phone-number__opener`, id: `${this._id}_dropdown-menu`, "onui5-before-open": this.dropdownBeforeOpen, "onui5-before-close": this.dropdownBeforeClose, horizontalAlign: "Start", height: this.height, children: _jsx(UDExList, { children: this.countriesList.map(country => (_jsx(UDExListItem, { id: country.iso, selected: country.selected, children: _jsxs("div", { class: "udex-phone-number-field__dropdown-list-item", children: [_jsx("div", { class: "udex-phone-number-field__flag", style: { backgroundPositionX: country.flagX, backgroundPositionY: country.flagY } }), _jsxs("span", { class: "udex-phone-number-field__country-name", children: [country.countryName, country.localName && ` (${country.localName})`, " ", country.phonePrefix] })] }) }))) }) }), _jsxs("div", { class: "udex-phone-number-field__input-wrapper", children: [!this.displayonly && (_jsxs(UDExButton, { id: `udex-${this._id}-phone-number__opener`, class: "udex-phone-number-field__open-button", role: "combobox", "aria-haspopup": "true", design: UDExButtonDesign.Tertiary, size: UDExButtonSize.Large, endIcon: this.buttonIcon, disabled: this.isButtonDisabled, accessibleNameRef: `${this._id}-countrySelectorAriaLabel ${this.ariaDescribedById}`, "aria-label": this.countrySelectorAriaLabel, "aria-expanded": this._dropdownExpanded, "aria-controls": `${this._id}_dropdown-menu`, onClick: this.openDropdown, children: [_jsxs("div", { class: "udex-phone-number-field__open-button-text", children: [this.selectedCountryName, " ", this.selectedPhonePrefix] }), _jsx("div", { class: "udex-phone-number-field__button-content", children: _jsx("span", { class: "udex-phone-number-field__flag", "aria-label": this.selectedCountryName, style: { backgroundPositionX: this.selectedFlagBackgroundPosition.x, backgroundPositionY: this.selectedFlagBackgroundPosition.y } }) })] })), _jsx("input", { id: `${this._id}-phone`, class: "udex-phone-number-field__input", type: "tel", value: this.value, placeholder: this.phoneFormat, maxLength: this.maxlength, disabled: this.disabled, readonly: this.isInputReadonly, required: this.required, autoComplete: "tel", "aria-label": this.accessibleName, "aria-labelledby": this.accessibleName, "aria-required": this.required, "aria-readonly": this.isInputReadonly, "aria-disabled": this.disabled, "aria-invalid": (this.ariaInvalid ?? undefined), "aria-describedby": this.ariaDescribedById, onInput: this.handleInput, onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, tabIndex: this.inputTabIndex })] })] }), this.supportingText && (_jsx(UDExStatusMessage, { disabled: this.disabled, supportingText: this.supportingText, valueState: this.valueState })), this.supportingText && (_jsx("span", { id: `${this._id}-supportingTextDesc`, class: "hidden-text", children: this.supportingText })), this.hasValueState && (_jsx("span", { id: `${this._id}-valueStateDesc`, class: "hidden-text", children: this.valueStateText })), this.readonly && (_jsx("span", { id: `${this._id}-stateReadOnlyDesc`, class: "hidden-text", children: this.readOnlyStateText })), _jsx("span", { id: `${this._id}-countrySelectorAriaLabel`, class: "hidden-text", children: this.countrySelectorAriaLabel })] }));
+}
+//# sourceMappingURL=PhoneNumberFieldTemplate.js.map

package/dist/PhoneNumberFieldTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumberFieldTemplate.js","sourceRoot":"","sources":["../src/PhoneNumberFieldTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExPhoneNumberField from \"./PhoneNumberField.js\";\nimport UDExDropdown from \"./Dropdown.js\";\nimport UDExList from \"./List.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExStatusMessage from \"./StatusMessage.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\n\nexport default function PhoneNumberFieldTemplate(this: UDExPhoneNumberField) {\n  return (\n    <>\n      <div\n        class=\"udex-phone-number-field\"\n        onui5-selection-change={this.handleSelect}>\n        {this.label && (\n          <label\n            id=\"udex-phone-number-field__label\"\n            class=\"udex-phone-number-field__label\"\n            htmlFor={`${this._id}-phone`}>\n            {this.label}\n            {this.required && \" *\"}\n          </label>\n        )}\n        <UDExDropdown\n          class=\"udex-phone-number-field__dropdown\"\n          opener={`udex-${this._id}-phone-number__opener`}\n          id={`${this._id}_dropdown-menu`}\n          onui5-before-open={this.dropdownBeforeOpen}\n          onui5-before-close={this.dropdownBeforeClose}\n          horizontalAlign=\"Start\"\n          height={this.height}>\n          <UDExList>\n            {this.countriesList.map(country => (\n              <UDExListItem\n                id={country.iso}\n                selected={country.selected}>\n                <div class=\"udex-phone-number-field__dropdown-list-item\">\n                  <div\n                    class=\"udex-phone-number-field__flag\"\n                    style={{ backgroundPositionX: country.flagX, backgroundPositionY: country.flagY }}\n                  ></div>\n                  <span class=\"udex-phone-number-field__country-name\">\n                    {country.countryName}\n                    {country.localName && ` (${country.localName})`}\n                    {\" \"}{country.phonePrefix}\n                  </span>\n                </div>\n              </UDExListItem>\n            ))}\n          </UDExList>\n        </UDExDropdown>\n        <div class=\"udex-phone-number-field__input-wrapper\">\n          {!this.displayonly && (\n            <UDExButton\n              id={`udex-${this._id}-phone-number__opener`}\n              class=\"udex-phone-number-field__open-button\"\n              role=\"combobox\"\n              aria-haspopup=\"true\"\n              design={UDExButtonDesign.Tertiary}\n              size={UDExButtonSize.Large}\n              endIcon={this.buttonIcon}\n              disabled={this.isButtonDisabled}\n              accessibleNameRef={`${this._id}-countrySelectorAriaLabel ${this.ariaDescribedById}`}\n              aria-label={this.countrySelectorAriaLabel}\n              aria-expanded={this._dropdownExpanded}\n              aria-controls={`${this._id}_dropdown-menu`}\n              onClick={this.openDropdown}>\n              <div class=\"udex-phone-number-field__open-button-text\">\n                {this.selectedCountryName} {this.selectedPhonePrefix}\n              </div>\n              <div class=\"udex-phone-number-field__button-content\">\n                <span\n                  class=\"udex-phone-number-field__flag\"\n                  aria-label={this.selectedCountryName}\n                  style={{ backgroundPositionX: this.selectedFlagBackgroundPosition.x, backgroundPositionY: this.selectedFlagBackgroundPosition.y }}\n                />\n              </div>\n            </UDExButton>\n          )}\n          <input\n            id={`${this._id}-phone`}\n            class=\"udex-phone-number-field__input\"\n            type=\"tel\"\n            value={this.value}\n            placeholder={this.phoneFormat}\n            maxLength={this.maxlength}\n            disabled={this.disabled}\n            readonly={this.isInputReadonly}\n            required={this.required}\n            autoComplete=\"tel\"\n            aria-label={this.accessibleName}\n            aria-labelledby={this.accessibleName}\n            aria-required={this.required}\n            aria-readonly={this.isInputReadonly}\n            aria-disabled={this.disabled}\n            aria-invalid={(this.ariaInvalid ?? undefined) as \"true\" | undefined}\n            aria-describedby={this.ariaDescribedById}\n            onInput={this.handleInput}\n            onClick={this.handleClick}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n            onKeyDown={this.handleKeyDown}\n            onKeyUp={this.handleKeyUp}\n            tabIndex={this.inputTabIndex}\n          />\n        </div>\n      </div>\n      {this.supportingText && (\n        <UDExStatusMessage\n          disabled={this.disabled}\n          supportingText={this.supportingText}\n          valueState={this.valueState}>\n        </UDExStatusMessage>\n      )}\n      {this.supportingText && (\n        <span id={`${this._id}-supportingTextDesc`} class=\"hidden-text\">{this.supportingText}</span>\n      )}\n      {this.hasValueState && (\n        <span id={`${this._id}-valueStateDesc`} class=\"hidden-text\">{this.valueStateText}</span>\n      )}\n      {this.readonly && (\n        <span id={`${this._id}-stateReadOnlyDesc`} class=\"hidden-text\">{this.readOnlyStateText}</span>\n      )}\n      <span id={`${this._id}-countrySelectorAriaLabel`} class=\"hidden-text\">{this.countrySelectorAriaLabel}</span>\n    </>\n  );\n}\n"]}

package/dist/Search.d.ts

@@ -79,6 +79,8 @@ declare class UDExSearch extends UI5Element {
         "search-keydown": UDExSearchKeydownEventDetail;
         "dropdown-item-click": UDExSearchBaseEventDetail;
         "prefix-item-click": UDExSearchPrefixItemClickEventDetail;
+        "suggestion-popover-opened": void;
+        "suggestion-popover-closed": void;
     };
     _labelActiveClassName: string;
     _labelAnimationClassName: string;

package/dist/Search.js

@@ -439,6 +439,7 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
                 retryUntilSuccessful(() => this.Suggestion, this.retryDelay, this.maxRetryAttempts, this.unsuccessfulRetryMessage)
                     .then(() => {
                     this.Suggestion.open();
+                    this.fireDecoratorEvent("suggestion-popover-opened");
                 })
                     .catch(error => {
                     console.warn(error.message);
@@ -447,6 +448,7 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
             else {
                 this.open = true;
                 this.Suggestion.open();
+                this.fireDecoratorEvent("suggestion-popover-opened");
             }
             this.handleAriaExpanded();
         }
@@ -456,6 +458,7 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
             this.Suggestion.close();
             this.handleAriaExpanded();
             this.open = false;
+            this.fireDecoratorEvent("suggestion-popover-closed");
         }
     }
     handleKeyPressSuggestionList(e) {
@@ -517,6 +520,9 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
                 }
                 if (mutation.attributeName === "open" && newValue !== oldValue && !ingoreOpenState) {
                     this.open = popover?.open || false;
+                    if (!popover?.open) {
+                        this.fireDecoratorEvent("suggestion-popover-closed");
+                    }
                 }
             });
         });
@@ -591,6 +597,7 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
         if (isEscape(e)) {
             if (this.open) {
                 this.Suggestion?.onEscape(e);
+                this.fireDecoratorEvent("suggestion-popover-closed");
             }
         }
     }
@@ -1029,6 +1036,20 @@ UDExSearch = UDExSearch_1 = __decorate([
      */
     ,
     event("search-keydown", { bubbles: true })
+    /**
+     * Fired when the suggestions popover opens.
+     *
+     * @public
+     */
+    ,
+    event("suggestion-popover-opened", { bubbles: true })
+    /**
+     * Fired when the suggestions popover closes.
+     *
+     * @public
+     */
+    ,
+    event("suggestion-popover-closed", { bubbles: true })
 ], UDExSearch);
 UDExSearch.define();
 export default UDExSearch;