@sapudex/web-components 0.143.0 → 0.172.0

package/dist/Pagination.js

@@ -13,7 +13,7 @@ import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
-import { OF, PAGINATION_PAGE, SELECTED, ACTIVATE_PAGE, FIRST_PAGE, LAST_PAGE, PREVIOUS_PAGE, NEXT_PAGE, } from "./generated/i18n/i18n-defaults.js";
+import { OF, PAGINATION_PAGE, SELECTED, ACTIVATE_PAGE, FIRST_PAGE, LAST_PAGE, PREVIOUS_PAGE, NEXT_PAGE, CURRENT_PAGE, } from "./generated/i18n/i18n-defaults.js";
 import Button from "./Button.js";
 import "@ui5/webcomponents/dist/Icon.js";
 import "@ui5/webcomponents-icons/dist/nav-back.js";
@@ -50,14 +50,20 @@ let UDExPagination = UDExPagination_1 = class UDExPagination extends UI5Element
     constructor() {
         super();
         this._pages = [];
+        this._visiblePages = [];
         this.currentPageIndex = 0;
         this._mobileDisplayNumber = 5;
+        this._desktopDisplayNumber = 10;
+        this._pageFocusedManually = false;
     }
     onEnterDOM() {
         if (isDesktop()) {
             this.setAttribute("desktop", "");
         }
     }
+    onBeforeRendering() {
+        this.setupPages(this.pages);
+    }
     get nextButtonDisbled() {
         return this.currentPageIndex + 1 === this.pages;
     }
@@ -88,6 +94,12 @@ let UDExPagination = UDExPagination_1 = class UDExPagination extends UI5Element
         }
         return ` ${UDExPagination_1.i18nBundle.getText(OF)} `;
     }
+    get paginationAccessibleName() {
+        if (this.typeShort) {
+            return this.paginationShortAccessibleName;
+        }
+        return `${UDExPagination_1.i18nBundle.getText(CURRENT_PAGE)} ${this.currentPageIndex + 1}`;
+    }
     get pageAccessibleName() {
         return UDExPagination_1.i18nBundle.getText(PAGINATION_PAGE);
     }
@@ -113,7 +125,7 @@ let UDExPagination = UDExPagination_1 = class UDExPagination extends UI5Element
         if (this.currentPageIndex === 0) {
             return UDExPagination_1.i18nBundle.getText(PREVIOUS_PAGE);
         }
-        return `${UDExPagination_1.i18nBundle.getText(PREVIOUS_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex}`;
+        return `${UDExPagination_1.i18nBundle.getText(CURRENT_PAGE)} ${this.currentPageIndex + 1}. ${UDExPagination_1.i18nBundle.getText(PREVIOUS_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex}`;
     }
     get previousBtnTooltip() {
         return !this.prevButtonDisbled ? `${UDExPagination_1.i18nBundle.getText(PREVIOUS_PAGE)}` : "";
@@ -122,13 +134,13 @@ let UDExPagination = UDExPagination_1 = class UDExPagination extends UI5Element
         if (this.pages && this.currentPageIndex === (this.pages - 1)) {
             return UDExPagination_1.i18nBundle.getText(NEXT_PAGE);
         }
-        return `${UDExPagination_1.i18nBundle.getText(NEXT_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex + 2}`;
+        return `${UDExPagination_1.i18nBundle.getText(CURRENT_PAGE)} ${this.currentPageIndex + 1}. ${UDExPagination_1.i18nBundle.getText(NEXT_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex + 2}`;
     }
     get nextBtnTooltip() {
         return !this.nextButtonDisbled ? `${UDExPagination_1.i18nBundle.getText(NEXT_PAGE)}` : "";
     }
     get pagination() {
-        return this.setupPages(this.pages);
+        return this._visiblePages;
     }
     get paginationClass() {
         let classes = "udex-pagination";
@@ -140,6 +152,16 @@ let UDExPagination = UDExPagination_1 = class UDExPagination extends UI5Element
         }
         return `${classes} udex-pagination--${this.display} udex-pagination--${this.type}`;
     }
+    get displayNumber() {
+        const lastIndex = this.display === DisplayType.mobile ? this._mobileDisplayNumber : this._desktopDisplayNumber;
+        return lastIndex;
+    }
+    get pageOffset() {
+        if (this.display === DisplayType.mobile) {
+            return Math.floor(this._mobileDisplayNumber / 2);
+        }
+        return this._desktopDisplayNumber / 2 - 1;
+    }
     static async onDefine() {
         UDExPagination_1.i18nBundle = await getI18nBundle("@udex/web-components");
     }
@@ -150,9 +172,8 @@ let UDExPagination = UDExPagination_1 = class UDExPagination extends UI5Element
         if (pageIndex === null) {
             return;
         }
-        element.setAttribute("aria-current", "page");
         this.currentPageIndex = pageIndex;
-        this._previousPageElement?.removeAttribute("aria-current");
+        this._pageFocusedManually = true;
         this._previousPageElement = element;
     }
     setNextPage(e) {
@@ -162,6 +183,8 @@ let UDExPagination = UDExPagination_1 = class UDExPagination extends UI5Element
             return;
         }
         this.currentPageIndex = currentPage + 1;
+        this._pageFocusedManually = false;
+        this._pages = this.setupPagesData();
         this.emitChangeEvent();
     }
     setPrevPage(e) {
@@ -171,6 +194,8 @@ let UDExPagination = UDExPagination_1 = class UDExPagination extends UI5Element
             return;
         }
         this.currentPageIndex -= 1;
+        this._pageFocusedManually = false;
+        this._pages = this.setupPagesData();
         this.emitChangeEvent();
     }
     setFirstPage(e) {
@@ -179,6 +204,8 @@ let UDExPagination = UDExPagination_1 = class UDExPagination extends UI5Element
         if (currentPage === 0) {
             return;
         }
+        this._firstPageIndex = 0;
+        this._lastPageIndex = this.displayNumber;
         this.currentPageIndex = 0;
         this.emitChangeEvent();
     }
@@ -188,66 +215,68 @@ let UDExPagination = UDExPagination_1 = class UDExPagination extends UI5Element
         if (!this.pages || currentPage >= this.pages - 1) {
             return;
         }
-        this.currentPageIndex = this.pages - 1;
+        this._firstPageIndex = this.pages - this.displayNumber;
+        this._lastPageIndex = this.pages;
+        this.currentPageIndex = this._lastPageIndex - 1;
         this.emitChangeEvent();
     }
-    setupMobilePages(pages) {
-        const pagesCollection = [];
-        let startIndex;
-        let endIndex;
-        const offset = Math.floor(this._mobileDisplayNumber / 2);
-        if (pages <= this._mobileDisplayNumber) {
-            startIndex = 0;
-            endIndex = pages;
+    setupPages(pages) {
+        if (!pages) {
+            this._visiblePages = [];
+            return;
         }
-        else {
-            const displayStartNumber = this.currentPageIndex < offset ? 0 : this.currentPageIndex - offset;
-            startIndex = this.currentPageIndex <= pages - offset - 1
-                ? displayStartNumber
-                : pages - this._mobileDisplayNumber;
-            const displayEndNumber = this.currentPageIndex < offset
-                ? this._mobileDisplayNumber
-                : this.currentPageIndex + this._mobileDisplayNumber - offset;
-            endIndex = this.currentPageIndex <= pages - offset ? displayEndNumber : pages;
+        if (!this._pages.length) {
+            this._firstPageIndex = 0;
+            this._lastPageIndex = pages > this.displayNumber ? this.displayNumber : pages;
         }
-        for (let index = startIndex; index < endIndex && index < pages; index++) {
-            const isCurrent = index === this.currentPageIndex;
-            const accessibleName = isCurrent ? `
-      ${this.pageAccessibleName} ${index + 1} ${UDExPagination_1.i18nBundle.getText(OF)} ${this.pages}, ${UDExPagination_1.i18nBundle.getText(SELECTED)}` : `
-      ${this.pageAccessibleName} ${index + 1} ${UDExPagination_1.i18nBundle.getText(OF)} ${this.pages}`;
-            pagesCollection.push({
-                index,
-                value: index + 1,
-                active: isCurrent,
-                accessibleName,
-            });
+        this._pages = this.setupPagesData();
+        if (this.currentPageIndex > this._lastPageIndex || this._lastPageIndex - this.currentPageIndex <= this.pageOffset) {
+            this._visiblePages = this.shiftVisiblePages();
         }
-        return pagesCollection;
-    }
-    setupDesktopPages(pages) {
-        const pagesCollection = [];
-        for (let index = 0; index < pages; index++) {
-            const isCurrent = index === this.currentPageIndex;
-            const accessibleName = isCurrent ? `
-      ${this.pageAccessibleName} ${index + 1} ${UDExPagination_1.i18nBundle.getText(OF)} ${this.pages}, ${UDExPagination_1.i18nBundle.getText(SELECTED)}` : `
-      ${this.pageAccessibleName} ${index + 1} ${UDExPagination_1.i18nBundle.getText(OF)} ${this.pages}`;
-            pagesCollection.push({
-                index,
-                value: index + 1,
-                active: isCurrent,
-                accessibleName,
-            });
+        if (this.currentPageIndex < this._firstPageIndex || this.currentPageIndex - this._firstPageIndex <= this.pageOffset) {
+            this._visiblePages = this.shiftVisiblePages(true);
         }
-        return pagesCollection;
     }
-    setupPages(pages) {
-        if (!pages) {
-            return [];
+    setupPagesData() {
+        const updatedPages = [];
+        if (this.pages) {
+            this._previousPageElement?.removeAttribute("aria-current");
+            for (let index = 0; index < this.pages; index++) {
+                const isCurrent = index === this.currentPageIndex;
+                const ariaCurrent = "page";
+                const accessibleName = this.getPageAccessibleName(index);
+                updatedPages.push({
+                    index,
+                    value: index + 1,
+                    active: isCurrent,
+                    accessibleName,
+                    ...(isCurrent && { ariaCurrent }),
+                });
+            }
         }
-        if (this.display === DisplayType.mobile) {
-            return this.setupMobilePages(pages);
+        return updatedPages;
+    }
+    shiftVisiblePages(shiftBackwards = false) {
+        if (shiftBackwards) {
+            while (this.currentPageIndex - this._firstPageIndex < this.pageOffset && this._firstPageIndex > 0) {
+                this._firstPageIndex--;
+                this._lastPageIndex--;
+            }
         }
-        return this.setupDesktopPages(pages);
+        else {
+            while (this._lastPageIndex - this.currentPageIndex - 1 < this.pageOffset && this._lastPageIndex < this.pages) {
+                this._firstPageIndex++;
+                this._lastPageIndex++;
+            }
+        }
+        return this._pages.slice(this._firstPageIndex, this._lastPageIndex);
+    }
+    getPageAccessibleName(index) {
+        const isCurrent = index === this.currentPageIndex;
+        const accessibleName = isCurrent ? `
+    ${this.pageAccessibleName} ${index + 1} ${UDExPagination_1.i18nBundle.getText(OF)} ${this.pages}, ${UDExPagination_1.i18nBundle.getText(SELECTED)}` : `
+    ${this.pageAccessibleName} ${index + 1} ${UDExPagination_1.i18nBundle.getText(OF)} ${this.pages}`;
+        return accessibleName;
     }
     onPageClick(e) {
         e.preventDefault();
@@ -263,6 +292,10 @@ let UDExPagination = UDExPagination_1 = class UDExPagination extends UI5Element
         this.fireEvent("change", { currentPage: this.currentPageIndex + 1 });
     }
     onAfterRendering() {
+        if (this._pageFocusedManually) {
+            const activePageItem = this.shadowRoot?.querySelector(".udex-pagination__page[active]");
+            activePageItem?.focus();
+        }
         if (this.type === PaginationType.full) {
             return;
         }

package/dist/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport {\n  OF,\n  PAGINATION_PAGE,\n  SELECTED,\n  ACTIVATE_PAGE,\n  FIRST_PAGE,\n  LAST_PAGE,\n  PREVIOUS_PAGE,\n  NEXT_PAGE,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport Button from \"./Button.js\";\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/nav-back.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport \"@ui5/webcomponents-icons/dist/open-command-field.js\";\nimport \"@ui5/webcomponents-icons/dist/close-command-field.js\";\n\n// Template\nimport PaginationTemplate from \"./generated/templates/PaginationTemplate.lit.js\";\n\n// Styles\nimport PaginationCss from \"./generated/themes/Pagination.css\";\n\ninterface Page {\n  value: number;\n  active: boolean;\n}\n\nexport enum PaginationType {\n  full = \"full\",\n  short = \"short\",\n}\n\nexport enum DisplayType {\n  desktop = \"desktop\",\n  mobile = \"mobile\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>udex-pagination</code> component is a pagination component used to navigate thought the pages.\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-pagination\n * @public\n */\n@customElement({\n  tag: \"udex-pagination\",\n  renderer: litRender,\n  styles: PaginationCss,\n  template: PaginationTemplate,\n  dependencies: [Button],\n})\n/**\n * Fires when pagination item was clicked.\n *\n * @allowPreventDefault\n * @param {Number}\n * @public\n */\n@event(\"change\", {\n  detail: {\n    currentPage: { type: Number },\n  },\n})\nclass UDExPagination extends UI5Element {\n  /**\n   * Defines number of pages.\n   *\n   * @public\n   */\n  @property({ validator: Integer })\n    pages?: number;\n\n  /**\n   * Defines type of pagination.\n   *\n   * @public\n   * @default \"full\"\n   */\n  @property({ defaultValue: PaginationType.full, type: PaginationType })\n    type?: `${PaginationType}`;\n\n  /**\n   * Define display purpose.\n   *\n   * @public\n   * @default \"desktop\"\n   */\n  @property({ defaultValue: DisplayType.desktop, type: DisplayType })\n    display?: `${DisplayType}`;\n\n  /**\n   * Define if arrow icons for last and first page are visible.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    absoluteNavigation!: boolean;\n\n  /**\n   * Current index of pagination page.\n   * @public\n   * @default 0\n   */\n  @property({ validator: Integer, defaultValue: 0 })\n    currentPageIndex: number;\n\n  /**\n   * Defines direction of the input.\n   *\n   * @private\n   */\n  @property({ type: String })\n    _direction?: string;\n\n  _pages: Page[];\n\n  _previousPageElement?: HTMLElement;\n\n  _mobileDisplayNumber: number;\n\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n    this._pages = [];\n    this.currentPageIndex = 0;\n    this._mobileDisplayNumber = 5;\n  }\n\n  onEnterDOM() {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  get nextButtonDisbled(): boolean {\n    return this.currentPageIndex + 1 === this.pages;\n  }\n\n  get prevButtonDisbled(): boolean {\n    return this.currentPageIndex === 0;\n  }\n\n  get typeFull(): boolean {\n    return (\n      this.type === PaginationType.full || this.display === DisplayType.mobile\n    );\n  }\n\n  get typeShort(): boolean {\n    return (\n      this.type === PaginationType.short && this.display !== DisplayType.mobile\n    );\n  }\n\n  get shortTextStart(): string {\n    if (!this.pages) {\n      return \"\";\n    }\n    return `${this.currentPageIndex + 1}`;\n  }\n\n  get shortTextEnd(): string {\n    if (!this.pages) {\n      return \"\";\n    }\n    return `${this.pages}`;\n  }\n\n  get shortTextSeparator(): string {\n    if (!this.pages) {\n      return \"\";\n    }\n    return ` ${UDExPagination.i18nBundle.getText(OF)} `;\n  }\n\n  get pageAccessibleName(): string {\n    return UDExPagination.i18nBundle.getText(PAGINATION_PAGE);\n  }\n\n  get paginationShortAccessibleName(): string {\n    return `${this.pageAccessibleName} ${this.shortTextStart} ${this.shortTextSeparator} ${this.shortTextEnd}`;\n  }\n\n  get activatePageAccessibleText() {\n    return UDExPagination.i18nBundle.getText(ACTIVATE_PAGE);\n  }\n\n  get firstPageAccessibleName(): string {\n    if (this.currentPageIndex === 0) { return UDExPagination.i18nBundle.getText(FIRST_PAGE); }\n    return `${UDExPagination.i18nBundle.getText(FIRST_PAGE)}. ${this.activatePageAccessibleText} 1`;\n  }\n\n  get lastPageAccessibleName(): string {\n    if (this.pages && this.currentPageIndex === (this.pages - 1)) { return UDExPagination.i18nBundle.getText(LAST_PAGE); }\n    return `${UDExPagination.i18nBundle.getText(LAST_PAGE)}. ${this.activatePageAccessibleText} ${this.pages}`;\n  }\n\n  get previousPageAccessibleName(): string {\n    if (this.currentPageIndex === 0) { return UDExPagination.i18nBundle.getText(PREVIOUS_PAGE); }\n    return `${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex}`;\n  }\n\n  get previousBtnTooltip(): string {\n    return !this.prevButtonDisbled ? `${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)}` : \"\";\n  }\n\n  get nextPageAccessibleName(): string {\n    if (this.pages && this.currentPageIndex === (this.pages - 1)) { return UDExPagination.i18nBundle.getText(NEXT_PAGE); }\n    return `${UDExPagination.i18nBundle.getText(NEXT_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex + 2}`;\n  }\n\n  get nextBtnTooltip(): string {\n    return !this.nextButtonDisbled ? `${UDExPagination.i18nBundle.getText(NEXT_PAGE)}` : \"\";\n  }\n\n  get pagination(): Page[] {\n    return this.setupPages(this.pages);\n  }\n\n  get paginationClass(): string {\n    let classes = \"udex-pagination\";\n    if (this._direction === \"rtl\") {\n      classes = `${classes} udex-pagination--${this._direction}`;\n    }\n    if (!this.display) {\n      return classes;\n    }\n    return `${classes} udex-pagination--${this.display} udex-pagination--${this.type}`;\n  }\n\n  static async onDefine() {\n    UDExPagination.i18nBundle = await getI18nBundle(\"@udex/web-components\");\n  }\n\n  setActive(element: HTMLElement): void {\n    const pageIndex = element.getAttribute(\"index\")\n      ? parseInt(element.getAttribute(\"index\") || \"\")\n      : null;\n    if (pageIndex === null) {\n      return;\n    }\n\n    element.setAttribute(\"aria-current\", \"page\");\n    this.currentPageIndex = pageIndex;\n    this._previousPageElement?.removeAttribute(\"aria-current\");\n    this._previousPageElement = element;\n  }\n\n  setNextPage(e: Event): void {\n    e.preventDefault();\n    const currentPage = this.currentPageIndex ?? 1;\n    if (this.pages && currentPage >= this.pages - 1) {\n      return;\n    }\n    this.currentPageIndex = currentPage + 1;\n    this.emitChangeEvent();\n  }\n\n  setPrevPage(e: Event): void {\n    e.preventDefault();\n    const currentPage = this.currentPageIndex ?? 1;\n    if (this.pages && currentPage <= 0) {\n      return;\n    }\n    this.currentPageIndex -= 1;\n    this.emitChangeEvent();\n  }\n\n  setFirstPage(e: Event): void {\n    e.preventDefault();\n    const currentPage = this.currentPageIndex ?? 1;\n    if (currentPage === 0) {\n      return;\n    }\n    this.currentPageIndex = 0;\n    this.emitChangeEvent();\n  }\n\n  setLastPage(e: Event): void {\n    e.preventDefault();\n    const currentPage = this.currentPageIndex ?? 1;\n    if (!this.pages || currentPage >= this.pages - 1) {\n      return;\n    }\n    this.currentPageIndex = this.pages - 1;\n    this.emitChangeEvent();\n  }\n\n  setupMobilePages(pages: number): Page[] {\n    const pagesCollection = [];\n    let startIndex;\n    let endIndex;\n    const offset = Math.floor(this._mobileDisplayNumber / 2);\n\n    if (pages <= this._mobileDisplayNumber) {\n      startIndex = 0;\n      endIndex = pages;\n    } else {\n      const displayStartNumber = this.currentPageIndex < offset ? 0 : this.currentPageIndex - offset;\n\n      startIndex = this.currentPageIndex <= pages - offset - 1\n        ? displayStartNumber\n        : pages - this._mobileDisplayNumber;\n\n      const displayEndNumber = this.currentPageIndex < offset\n        ? this._mobileDisplayNumber\n        : this.currentPageIndex + this._mobileDisplayNumber - offset;\n\n      endIndex = this.currentPageIndex <= pages - offset ? displayEndNumber : pages;\n    }\n\n    for (let index = startIndex; index < endIndex && index < pages; index++) {\n      const isCurrent = index === this.currentPageIndex;\n      const accessibleName = isCurrent ? `\n      ${this.pageAccessibleName} ${index + 1} ${UDExPagination.i18nBundle.getText(OF)} ${this.pages}, ${UDExPagination.i18nBundle.getText(SELECTED)}` : `\n      ${this.pageAccessibleName} ${index + 1} ${UDExPagination.i18nBundle.getText(OF)} ${this.pages}`;\n      pagesCollection.push({\n        index,\n        value: index + 1,\n        active: isCurrent,\n        accessibleName,\n      });\n    }\n\n    return pagesCollection;\n  }\n\n  setupDesktopPages(pages: number): Page[] {\n    const pagesCollection = [];\n    for (let index = 0; index < pages; index++) {\n      const isCurrent = index === this.currentPageIndex;\n      const accessibleName = isCurrent ? `\n      ${this.pageAccessibleName} ${index + 1} ${UDExPagination.i18nBundle.getText(OF)} ${this.pages}, ${UDExPagination.i18nBundle.getText(SELECTED)}` : `\n      ${this.pageAccessibleName} ${index + 1} ${UDExPagination.i18nBundle.getText(OF)} ${this.pages}`;\n      pagesCollection.push({\n        index,\n        value: index + 1,\n        active: isCurrent,\n        accessibleName,\n      });\n    }\n\n    return pagesCollection;\n  }\n\n  setupPages(pages?: number): Page[] {\n    if (!pages) {\n      return [];\n    }\n    if (this.display === DisplayType.mobile) {\n      return this.setupMobilePages(pages);\n    }\n\n    return this.setupDesktopPages(pages);\n  }\n\n  onPageClick(e: Event) {\n    e.preventDefault();\n    const target = e.target as HTMLElement;\n    const element = target !== e.currentTarget ? (target.parentNode as HTMLElement) : target;\n    if (element.getAttribute(\"active\") !== null) {\n      return;\n    }\n\n    this.setActive(element);\n    this.emitChangeEvent();\n  }\n\n  emitChangeEvent() {\n    this.fireEvent(\"change\", { currentPage: this.currentPageIndex + 1 });\n  }\n\n  onAfterRendering() {\n    if (this.type === PaginationType.full) {\n      return;\n    }\n\n    const shortPaginationElement = this.shadowRoot?.querySelector<HTMLElement>(\n      \".udex-pagination__item--short\",\n    );\n\n    if (!shortPaginationElement) {\n      return;\n    }\n\n    const directionStyles: string = window\n      .getComputedStyle(shortPaginationElement)\n      .getPropertyValue(\"direction\");\n    if (!directionStyles) {\n      this._direction = \"ltr\";\n    } else {\n      this._direction = directionStyles;\n    }\n  }\n}\n\nUDExPagination.define();\n\nexport default UDExPagination;\n"]}
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport {\n  OF,\n  PAGINATION_PAGE,\n  SELECTED,\n  ACTIVATE_PAGE,\n  FIRST_PAGE,\n  LAST_PAGE,\n  PREVIOUS_PAGE,\n  NEXT_PAGE,\n  CURRENT_PAGE,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport Button from \"./Button.js\";\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/nav-back.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport \"@ui5/webcomponents-icons/dist/open-command-field.js\";\nimport \"@ui5/webcomponents-icons/dist/close-command-field.js\";\n\n// Template\nimport PaginationTemplate from \"./generated/templates/PaginationTemplate.lit.js\";\n\n// Styles\nimport PaginationCss from \"./generated/themes/Pagination.css\";\n\ninterface Page {\n  value: number;\n  active: boolean;\n}\n\nexport enum PaginationType {\n  full = \"full\",\n  short = \"short\",\n}\n\nexport enum DisplayType {\n  desktop = \"desktop\",\n  mobile = \"mobile\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>udex-pagination</code> component is a pagination component used to navigate thought the pages.\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-pagination\n * @public\n */\n@customElement({\n  tag: \"udex-pagination\",\n  renderer: litRender,\n  styles: PaginationCss,\n  template: PaginationTemplate,\n  dependencies: [Button],\n})\n/**\n * Fires when pagination item was clicked.\n *\n * @allowPreventDefault\n * @param {Number}\n * @public\n */\n@event(\"change\", {\n  detail: {\n    currentPage: { type: Number },\n  },\n})\nclass UDExPagination extends UI5Element {\n  /**\n   * Defines number of pages.\n   *\n   * @public\n   */\n  @property({ validator: Integer })\n    pages?: number;\n\n  /**\n   * Defines type of pagination.\n   *\n   * @public\n   * @default \"full\"\n   */\n  @property({ defaultValue: PaginationType.full, type: PaginationType })\n    type?: `${PaginationType}`;\n\n  /**\n   * Define display purpose.\n   *\n   * @public\n   * @default \"desktop\"\n   */\n  @property({ defaultValue: DisplayType.desktop, type: DisplayType })\n    display?: `${DisplayType}`;\n\n  /**\n   * Define if arrow icons for last and first page are visible.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    absoluteNavigation!: boolean;\n\n  /**\n   * Current index of pagination page.\n   * @public\n   * @default 0\n   */\n  @property({ validator: Integer, defaultValue: 0 })\n    currentPageIndex: number;\n\n  /**\n   * Defines direction of the input.\n   *\n   * @private\n   */\n  @property({ type: String })\n    _direction?: string;\n\n  _pages: Page[];\n  _visiblePages: Page[];\n\n  _previousPageElement?: HTMLElement;\n\n  _mobileDisplayNumber: number;\n  _desktopDisplayNumber: number;\n  _firstPageIndex!: number;\n  _lastPageIndex!: number;\n  _pageFocusedManually!: boolean;\n\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n    this._pages = [];\n    this._visiblePages = [];\n    this.currentPageIndex = 0;\n    this._mobileDisplayNumber = 5;\n    this._desktopDisplayNumber = 10;\n    this._pageFocusedManually = false;\n  }\n\n  onEnterDOM() {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onBeforeRendering(): void {\n    this.setupPages(this.pages);\n  }\n\n  get nextButtonDisbled(): boolean {\n    return this.currentPageIndex + 1 === this.pages;\n  }\n\n  get prevButtonDisbled(): boolean {\n    return this.currentPageIndex === 0;\n  }\n\n  get typeFull(): boolean {\n    return (\n      this.type === PaginationType.full || this.display === DisplayType.mobile\n    );\n  }\n\n  get typeShort(): boolean {\n    return (\n      this.type === PaginationType.short && this.display !== DisplayType.mobile\n    );\n  }\n\n  get shortTextStart(): string {\n    if (!this.pages) {\n      return \"\";\n    }\n    return `${this.currentPageIndex + 1}`;\n  }\n\n  get shortTextEnd(): string {\n    if (!this.pages) {\n      return \"\";\n    }\n    return `${this.pages}`;\n  }\n\n  get shortTextSeparator(): string {\n    if (!this.pages) {\n      return \"\";\n    }\n    return ` ${UDExPagination.i18nBundle.getText(OF)} `;\n  }\n\n  get paginationAccessibleName(): string {\n    if (this.typeShort) {\n      return this.paginationShortAccessibleName;\n    }\n    return `${UDExPagination.i18nBundle.getText(CURRENT_PAGE)} ${this.currentPageIndex + 1}`;\n  }\n\n  get pageAccessibleName(): string {\n    return UDExPagination.i18nBundle.getText(PAGINATION_PAGE);\n  }\n\n  get paginationShortAccessibleName(): string {\n    return `${this.pageAccessibleName} ${this.shortTextStart} ${this.shortTextSeparator} ${this.shortTextEnd}`;\n  }\n\n  get activatePageAccessibleText() {\n    return UDExPagination.i18nBundle.getText(ACTIVATE_PAGE);\n  }\n\n  get firstPageAccessibleName(): string {\n    if (this.currentPageIndex === 0) { return UDExPagination.i18nBundle.getText(FIRST_PAGE); }\n    return `${UDExPagination.i18nBundle.getText(FIRST_PAGE)}. ${this.activatePageAccessibleText} 1`;\n  }\n\n  get lastPageAccessibleName(): string {\n    if (this.pages && this.currentPageIndex === (this.pages - 1)) { return UDExPagination.i18nBundle.getText(LAST_PAGE); }\n    return `${UDExPagination.i18nBundle.getText(LAST_PAGE)}. ${this.activatePageAccessibleText} ${this.pages}`;\n  }\n\n  get previousPageAccessibleName(): string {\n    if (this.currentPageIndex === 0) { return UDExPagination.i18nBundle.getText(PREVIOUS_PAGE); }\n    return `${UDExPagination.i18nBundle.getText(CURRENT_PAGE)} ${this.currentPageIndex + 1}. ${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex}`;\n  }\n\n  get previousBtnTooltip(): string {\n    return !this.prevButtonDisbled ? `${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)}` : \"\";\n  }\n\n  get nextPageAccessibleName(): string {\n    if (this.pages && this.currentPageIndex === (this.pages - 1)) { return UDExPagination.i18nBundle.getText(NEXT_PAGE); }\n    return `${UDExPagination.i18nBundle.getText(CURRENT_PAGE)} ${this.currentPageIndex + 1}. ${UDExPagination.i18nBundle.getText(NEXT_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex + 2}`;\n  }\n\n  get nextBtnTooltip(): string {\n    return !this.nextButtonDisbled ? `${UDExPagination.i18nBundle.getText(NEXT_PAGE)}` : \"\";\n  }\n\n  get pagination(): Page[] {\n    return this._visiblePages;\n  }\n\n  get paginationClass(): string {\n    let classes = \"udex-pagination\";\n    if (this._direction === \"rtl\") {\n      classes = `${classes} udex-pagination--${this._direction}`;\n    }\n    if (!this.display) {\n      return classes;\n    }\n    return `${classes} udex-pagination--${this.display} udex-pagination--${this.type}`;\n  }\n\n  get displayNumber(): number {\n    const lastIndex = this.display === DisplayType.mobile ? this._mobileDisplayNumber : this._desktopDisplayNumber;\n    return lastIndex;\n  }\n\n  get pageOffset(): number {\n    if (this.display === DisplayType.mobile) {\n      return Math.floor(this._mobileDisplayNumber / 2);\n    }\n    return this._desktopDisplayNumber / 2 - 1;\n  }\n\n  static async onDefine() {\n    UDExPagination.i18nBundle = await getI18nBundle(\"@udex/web-components\");\n  }\n\n  setActive(element: HTMLElement): void {\n    const pageIndex = element.getAttribute(\"index\")\n      ? parseInt(element.getAttribute(\"index\") || \"\")\n      : null;\n    if (pageIndex === null) {\n      return;\n    }\n\n    this.currentPageIndex = pageIndex;\n    this._pageFocusedManually = true;\n    this._previousPageElement = element;\n  }\n\n  setNextPage(e: Event): void {\n    e.preventDefault();\n    const currentPage = this.currentPageIndex ?? 1;\n    if (this.pages && currentPage >= this.pages - 1) {\n      return;\n    }\n\n    this.currentPageIndex = currentPage + 1;\n    this._pageFocusedManually = false;\n    this._pages = this.setupPagesData();\n\n    this.emitChangeEvent();\n  }\n\n  setPrevPage(e: Event): void {\n    e.preventDefault();\n    const currentPage = this.currentPageIndex ?? 1;\n    if (this.pages && currentPage <= 0) {\n      return;\n    }\n    this.currentPageIndex -= 1;\n    this._pageFocusedManually = false;\n    this._pages = this.setupPagesData();\n\n    this.emitChangeEvent();\n  }\n\n  setFirstPage(e: Event): void {\n    e.preventDefault();\n    const currentPage = this.currentPageIndex ?? 1;\n    if (currentPage === 0) {\n      return;\n    }\n\n    this._firstPageIndex = 0;\n    this._lastPageIndex = this.displayNumber;\n\n    this.currentPageIndex = 0;\n    this.emitChangeEvent();\n  }\n\n  setLastPage(e: Event): void {\n    e.preventDefault();\n    const currentPage = this.currentPageIndex ?? 1;\n    if (!this.pages || currentPage >= this.pages - 1) {\n      return;\n    }\n\n    this._firstPageIndex = this.pages - this.displayNumber;\n    this._lastPageIndex = this.pages;\n\n    this.currentPageIndex = this._lastPageIndex - 1;\n    this.emitChangeEvent();\n  }\n\n  setupPages(pages?: number) {\n    if (!pages) {\n      this._visiblePages = [];\n      return;\n    }\n\n    if (!this._pages.length) {\n      this._firstPageIndex = 0;\n      this._lastPageIndex = pages > this.displayNumber ? this.displayNumber : pages;\n    }\n\n    this._pages = this.setupPagesData();\n\n    if (this.currentPageIndex > this._lastPageIndex || this._lastPageIndex - this.currentPageIndex <= this.pageOffset) {\n      this._visiblePages = this.shiftVisiblePages();\n    }\n\n    if (this.currentPageIndex < this._firstPageIndex || this.currentPageIndex - this._firstPageIndex <= this.pageOffset) {\n      this._visiblePages = this.shiftVisiblePages(true);\n    }\n  }\n\n  setupPagesData(): Page[] {\n    const updatedPages = [];\n    if (this.pages) {\n      this._previousPageElement?.removeAttribute(\"aria-current\");\n      for (let index = 0; index < this.pages; index++) {\n        const isCurrent = index === this.currentPageIndex;\n        const ariaCurrent = \"page\";\n        const accessibleName = this.getPageAccessibleName(index);\n        updatedPages.push({\n          index,\n          value: index + 1,\n          active: isCurrent,\n          accessibleName,\n          ...(isCurrent && { ariaCurrent }),\n        });\n      }\n    }\n    return updatedPages;\n  }\n\n  shiftVisiblePages(shiftBackwards: boolean = false): Page[] {\n    if (shiftBackwards) {\n      while (this.currentPageIndex - this._firstPageIndex < this.pageOffset && this._firstPageIndex > 0) {\n        this._firstPageIndex--;\n        this._lastPageIndex--;\n      }\n    } else {\n      while (this._lastPageIndex - this.currentPageIndex - 1 < this.pageOffset && this._lastPageIndex < this.pages!) {\n        this._firstPageIndex++;\n        this._lastPageIndex++;\n      }\n    }\n    return this._pages.slice(this._firstPageIndex, this._lastPageIndex);\n  }\n\n  getPageAccessibleName(index: number): string {\n    const isCurrent = index === this.currentPageIndex;\n\n    const accessibleName = isCurrent ? `\n    ${this.pageAccessibleName} ${index + 1} ${UDExPagination.i18nBundle.getText(OF)} ${this.pages}, ${UDExPagination.i18nBundle.getText(SELECTED)}` : `\n    ${this.pageAccessibleName} ${index + 1} ${UDExPagination.i18nBundle.getText(OF)} ${this.pages}`;\n\n    return accessibleName;\n  }\n\n  onPageClick(e: Event) {\n    e.preventDefault();\n    const target = e.target as HTMLElement;\n    const element = target !== e.currentTarget ? (target.parentNode as HTMLElement) : target;\n    if (element.getAttribute(\"active\") !== null) {\n      return;\n    }\n\n    this.setActive(element);\n    this.emitChangeEvent();\n  }\n\n  emitChangeEvent() {\n    this.fireEvent(\"change\", { currentPage: this.currentPageIndex + 1 });\n  }\n\n  onAfterRendering() {\n    if (this._pageFocusedManually) {\n      const activePageItem = this.shadowRoot?.querySelector<HTMLElement>(\".udex-pagination__page[active]\");\n      activePageItem?.focus();\n    }\n\n    if (this.type === PaginationType.full) {\n      return;\n    }\n\n    const shortPaginationElement = this.shadowRoot?.querySelector<HTMLElement>(\n      \".udex-pagination__item--short\",\n    );\n\n    if (!shortPaginationElement) {\n      return;\n    }\n\n    const directionStyles: string = window\n      .getComputedStyle(shortPaginationElement)\n      .getPropertyValue(\"direction\");\n    if (!directionStyles) {\n      this._direction = \"ltr\";\n    } else {\n      this._direction = directionStyles;\n    }\n  }\n}\n\nUDExPagination.define();\n\nexport default UDExPagination;\n"]}

package/dist/PhoneNumberField.d.ts

@@ -3,6 +3,7 @@ import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import { Country } from "./data/CountryListISO3166.js";
 import UDExDropdown from "./Dropdown.js";
+import UDExList from "./List.js";
 import UDExButton from "./Button.js";
 import "@ui5/webcomponents/dist/Icon.js";
 import "@ui5/webcomponents-icons/dist/slim-arrow-up.js";
@@ -183,6 +184,7 @@ declare class UDExPhoneNumberField extends UI5Element {
     _isTouched: boolean;
     static i18nBundle: I18nBundle;
     _dropdown: UDExDropdown;
+    _dropdownList: UDExList;
     _handleResizeBound: ResizeObserverCallback;
     static onDefine(): Promise<void>;
     get countrySelectorAriaLabel(): string;
@@ -207,6 +209,7 @@ declare class UDExPhoneNumberField extends UI5Element {
     autoSelectCountry(value: string): void;
     applyPhoneMask(): void;
     applyPlaceholder(): void;
+    getDropdownList(): UDExList;
     getDropdown(): UDExDropdown;
     getButton(): UDExButton;
     getInputField(): HTMLFormElement;

package/dist/PhoneNumberField.js

@@ -97,6 +97,10 @@ let UDExPhoneNumberField = UDExPhoneNumberField_1 = class UDExPhoneNumberField e
     }
     onAfterRendering() {
         this._dropdown = this.getDropdown();
+        this._dropdownList = this.getDropdownList();
+        if (this.countryIso) {
+            this._dropdownList.focusSelectedItem();
+        }
     }
     onClick() {
         if (this.isButtonDisabled) {
@@ -164,9 +168,7 @@ let UDExPhoneNumberField = UDExPhoneNumberField_1 = class UDExPhoneNumberField e
         const dropdown = this.getDropdown();
         dropdown.onClose();
         this.selectedIso = e.detail.item.id;
-        this.value = this.selectedPhonePrefix;
-        this.phoneFormat = this.value + this.selectedPlaceholder;
-        this.maxlength = this.phoneFormat.length;
+        this.applyPhoneMask();
         this.getInputField().focus();
     }
     handleDropdownOpen() {
@@ -221,6 +223,9 @@ let UDExPhoneNumberField = UDExPhoneNumberField_1 = class UDExPhoneNumberField e
         this.phoneFormat = this.countryIso.length > 0
             ? this.selectedPhonePrefix + this.selectedPlaceholder : initialPlaceholder;
     }
+    getDropdownList() {
+        return this.shadowRoot.querySelector("[udex-list]");
+    }
     getDropdown() {
         return this.shadowRoot.querySelector("[udex-dropdown]");
     }
@@ -246,7 +251,7 @@ let UDExPhoneNumberField = UDExPhoneNumberField_1 = class UDExPhoneNumberField e
     }
     get selectedCountryName() {
         if (!this.countryIso) {
-            return "";
+            return "None";
         }
         return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.countryName
             || this.updatedCountriesList[0]?.countryName;

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 Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport ResizeHandler, { ResizeObserverCallback } 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_INFORMATION, VALUE_STATE_SUCCESS, VALUE_STATE_WARNING,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport { Country, 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\";\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\";\n\nexport interface ExtendedCountriesListPhoneNumberData extends Country {\n  selected?: boolean;\n}\n\nexport enum OpenButtonIcon {\n  iconUp = \"slim-arrow-up\",\n  iconDown = \"slim-arrow-down\",\n}\n\nexport enum FieldState {\n  Standard = \"Standard\",\n  Success = \"Success\",\n  Error = \"Error\",\n}\n\nconst initialPlaceholder: string = \"+X XXX-XXX-XXXX\";\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\")\n/**\n   * Fired when the input operation has finished by pressing Enter or on focusout.\n   *\n   * @public\n   */\n@event(\"change\")\nclass UDExPhoneNumberField extends UI5Element {\n  /**\n   * Defines label text for the textarea field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    label!: string;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property({ type: FieldState, defaultValue: FieldState.Standard })\n    fieldState!: `${FieldState}`;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\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, defaultValue: \"\" })\n    selectedIso!: string;\n\n  /**\n   * Defines the autoselected country iso code\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true, defaultValue: \"\" })\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, defaultValue: \"\" })\n    value!: string;\n\n  /**\n   * Defines the open button icon\n   *\n   * @private\n   */\n  @property({ type: String, noAttribute: true, defaultValue: OpenButtonIcon.iconDown })\n    buttonIcon!: string;\n\n  /**\n   * Defines the open button icon\n   *\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    _dropdownExpanded!: boolean;\n\n  /**\n   * Defines the phone format of the input\n   *\n   * @private\n   */\n  @property({ type: String, defaultValue: initialPlaceholder, noAttribute: true })\n    phoneFormat!: string;\n\n  /**\n   * Defines the maxlength of the input\n   *\n   * @private\n   */\n  @property({ validator: Integer })\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({ defaultValue: \"\" })\n    accessibleNameRef!: string;\n\n  /**\n   * Defines the allowed keys for the input\n   *\n   * @private\n   */\n  @property({ type: String, multiple: true, 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, multiple: false, 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  static i18nBundle: I18nBundle;\n  _dropdown!: UDExDropdown;\n  _handleResizeBound: ResizeObserverCallback;\n\n  static async onDefine() {\n    UDExPhoneNumberField.i18nBundle = await getI18nBundle(\"@udex/web-components\");\n  }\n\n  get countrySelectorAriaLabel() {\n    return this.accessibleName || `${UDExPhoneNumberField.i18nBundle.getText(COUNTRY_SELECT)} ${this.label}`.trim();\n  }\n\n  get countryIso() {\n    return this.selectedIso || this.autoSelectedIso;\n  }\n\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  onAfterRendering() {\n    this._dropdown = this.getDropdown();\n  }\n\n  onClick(): void {\n    if (this.isButtonDisabled) {\n      return;\n    }\n    const button = this.getButton();\n    const dropdown = this.getDropdown();\n\n    if (dropdown.open) {\n      dropdown.onClose();\n    } else {\n      dropdown.onOpen(button);\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\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    this.fireEvent(\"input\");\n  }\n\n  handleChange() {\n    this.fireEvent(\"change\");\n  }\n\n  handleKeyDown = (e: KeyboardEvent) => {\n    const isKeyAllowed = 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    e.stopPropagation();\n    this.previousKey = e.key;\n  };\n\n  handleKeyUp() {\n    this.value = this.value.replace(/[^\\d+ ()-]/g, \"\").trim();\n    this.applyPhoneMask();\n  }\n\n  handleFocus() {\n    this.active = true;\n    if (this.countryIso.length === 0) {\n      this.phoneFormat = initialPlaceholder;\n    }\n\n    if (this.value.length === 0 || this.value === \"+\") {\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\n    if (isIncorrectNumberEntered) {\n      this.value = \"\";\n    }\n\n    this.fireEvent(\"change\");\n  }\n\n  handleSelect(e: CustomEvent) {\n    const dropdown = this.getDropdown();\n\n    dropdown.onClose();\n\n    this.selectedIso = e.detail.item.id;\n    this.value = this.selectedPhonePrefix;\n    this.phoneFormat = this.value + this.selectedPlaceholder;\n    this.maxlength = this.phoneFormat.length;\n    this.getInputField().focus();\n  }\n\n  handleDropdownOpen() {\n    this.buttonIcon = OpenButtonIcon.iconUp;\n    this._dropdownExpanded = true;\n  }\n  handleDropdownClose() {\n    this.buttonIcon = OpenButtonIcon.iconDown;\n    this._dropdownExpanded = false;\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.selectedPhonePrefix.length + this.selectedPlaceholder.length;\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 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    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  getDropdown() {\n    return this.shadowRoot!.querySelector<UDExDropdown>(\n      \"[udex-dropdown]\",\n    )!;\n  }\n\n  getButton() {\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 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 \"\";\n    }\n\n    return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.countryName\n      || this.updatedCountriesList[0]?.countryName;\n  }\n\n  get selectedFlagBackgroundPosition() {\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 { \"backgroundPosition\": `${selectedCountry.flagX} ${selectedCountry.flagY}` };\n  }\n\n  get ariaInvalid() {\n    return this.fieldState === FieldState.Error ? \"true\" : null;\n  }\n\n  get isInputReadonly() {\n    return this.readonly || this.displayonly;\n  }\n\n  get isButtonDisabled() {\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() {\n    return {\n      \"Success\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_SUCCESS),\n      \"Standard\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_INFORMATION),\n      \"Error\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_ERROR),\n      \"Warning\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_WARNING),\n    };\n  }\n\n  get hasValueState() {\n    return this.fieldState !== FieldState.Standard;\n  }\n\n  get valueStateText() {\n    return this.fieldState !== FieldState.Standard ? this.valueStateTypeMappings[this.fieldState] : undefined;\n  }\n\n  get readOnlyStateText() {\n    return UDExPhoneNumberField.i18nBundle.getText(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  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\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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport ResizeHandler, { ResizeObserverCallback } 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_INFORMATION, VALUE_STATE_SUCCESS, VALUE_STATE_WARNING,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport { Country, 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\";\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\";\n\nexport interface ExtendedCountriesListPhoneNumberData extends Country {\n  selected?: boolean;\n}\n\nexport enum OpenButtonIcon {\n  iconUp = \"slim-arrow-up\",\n  iconDown = \"slim-arrow-down\",\n}\n\nexport enum FieldState {\n  Standard = \"Standard\",\n  Success = \"Success\",\n  Error = \"Error\",\n}\n\nconst initialPlaceholder: string = \"+X XXX-XXX-XXXX\";\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\")\n/**\n   * Fired when the input operation has finished by pressing Enter or on focusout.\n   *\n   * @public\n   */\n@event(\"change\")\nclass UDExPhoneNumberField extends UI5Element {\n  /**\n   * Defines label text for the textarea field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    label!: string;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property({ type: FieldState, defaultValue: FieldState.Standard })\n    fieldState!: `${FieldState}`;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\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, defaultValue: \"\" })\n    selectedIso!: string;\n\n  /**\n   * Defines the autoselected country iso code\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true, defaultValue: \"\" })\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, defaultValue: \"\" })\n    value!: string;\n\n  /**\n   * Defines the open button icon\n   *\n   * @private\n   */\n  @property({ type: String, noAttribute: true, defaultValue: OpenButtonIcon.iconDown })\n    buttonIcon!: string;\n\n  /**\n   * Defines the open button icon\n   *\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    _dropdownExpanded!: boolean;\n\n  /**\n   * Defines the phone format of the input\n   *\n   * @private\n   */\n  @property({ type: String, defaultValue: initialPlaceholder, noAttribute: true })\n    phoneFormat!: string;\n\n  /**\n   * Defines the maxlength of the input\n   *\n   * @private\n   */\n  @property({ validator: Integer })\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({ defaultValue: \"\" })\n    accessibleNameRef!: string;\n\n  /**\n   * Defines the allowed keys for the input\n   *\n   * @private\n   */\n  @property({ type: String, multiple: true, 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, multiple: false, 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  static i18nBundle: I18nBundle;\n  _dropdown!: UDExDropdown;\n  _dropdownList!: UDExList;\n  _handleResizeBound: ResizeObserverCallback;\n\n  static async onDefine() {\n    UDExPhoneNumberField.i18nBundle = await getI18nBundle(\"@udex/web-components\");\n  }\n\n  get countrySelectorAriaLabel() {\n    return this.accessibleName || `${UDExPhoneNumberField.i18nBundle.getText(COUNTRY_SELECT)} ${this.label}`.trim();\n  }\n\n  get countryIso() {\n    return this.selectedIso || this.autoSelectedIso;\n  }\n\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  onAfterRendering() {\n    this._dropdown = this.getDropdown();\n    this._dropdownList = this.getDropdownList();\n    if (this.countryIso) {\n      this._dropdownList.focusSelectedItem();\n    }\n  }\n\n  onClick(): void {\n    if (this.isButtonDisabled) {\n      return;\n    }\n    const button = this.getButton();\n    const dropdown = this.getDropdown();\n\n    if (dropdown.open) {\n      dropdown.onClose();\n    } else {\n      dropdown.onOpen(button);\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\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    this.fireEvent(\"input\");\n  }\n\n  handleChange() {\n    this.fireEvent(\"change\");\n  }\n\n  handleKeyDown = (e: KeyboardEvent) => {\n    const isKeyAllowed = 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    e.stopPropagation();\n    this.previousKey = e.key;\n  };\n\n  handleKeyUp() {\n    this.value = this.value.replace(/[^\\d+ ()-]/g, \"\").trim();\n    this.applyPhoneMask();\n  }\n\n  handleFocus() {\n    this.active = true;\n    if (this.countryIso.length === 0) {\n      this.phoneFormat = initialPlaceholder;\n    }\n\n    if (this.value.length === 0 || this.value === \"+\") {\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\n    if (isIncorrectNumberEntered) {\n      this.value = \"\";\n    }\n    this.fireEvent(\"change\");\n  }\n\n  handleSelect(e: CustomEvent) {\n    const dropdown = this.getDropdown();\n\n    dropdown.onClose();\n    this.selectedIso = e.detail.item.id;\n    this.applyPhoneMask();\n    this.getInputField().focus();\n  }\n\n  handleDropdownOpen() {\n    this.buttonIcon = OpenButtonIcon.iconUp;\n    this._dropdownExpanded = true;\n  }\n\n  handleDropdownClose() {\n    this.buttonIcon = OpenButtonIcon.iconDown;\n    this._dropdownExpanded = false;\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.selectedPhonePrefix.length + this.selectedPlaceholder.length;\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 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    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 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() {\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 { \"backgroundPosition\": `${selectedCountry.flagX} ${selectedCountry.flagY}` };\n  }\n\n  get ariaInvalid() {\n    return this.fieldState === FieldState.Error ? \"true\" : null;\n  }\n\n  get isInputReadonly() {\n    return this.readonly || this.displayonly;\n  }\n\n  get isButtonDisabled() {\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() {\n    return {\n      \"Success\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_SUCCESS),\n      \"Standard\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_INFORMATION),\n      \"Error\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_ERROR),\n      \"Warning\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_WARNING),\n    };\n  }\n\n  get hasValueState() {\n    return this.fieldState !== FieldState.Standard;\n  }\n\n  get valueStateText() {\n    return this.fieldState !== FieldState.Standard ? this.valueStateTypeMappings[this.fieldState] : undefined;\n  }\n\n  get readOnlyStateText() {\n    return UDExPhoneNumberField.i18nBundle.getText(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  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\nUDExPhoneNumberField.define();\n\nexport default UDExPhoneNumberField;\n"]}

package/dist/RangeSlider.js

@@ -41,7 +41,6 @@ UDExRangeSlider = __decorate([
         tag: "udex-range-slider",
         renderer: litRender,
         styles: [SliderBase.styles, rangeSliderCss, SliderCss],
-        dependencies: [],
     })
 ], UDExRangeSlider);
 UDExRangeSlider.define();

package/dist/RangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../src/RangeSlider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAEnE,SAAS;AACT,OAAO,cAAc,MAAM,6DAA6D,CAAC;AACzF,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD;;;;;;;;;;;;;;;;GAgBG;AAOH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IACvC,UAAU;QACR,IAAI,SAAS,EAAE,EAAE;YACf,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;SAClC;IACH,CAAC;CACF,CAAA;AANK,eAAe;IANpB,aAAa,CAAC;QACb,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,cAAc,EAAE,SAAS,CAAC;QACtD,YAAY,EAAE,EAAE;KACjB,CAAC;GACI,eAAe,CAMpB;AAED,eAAe,CAAC,MAAM,EAAE,CAAC;AAEzB,eAAe,eAAe,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport RangeSlider from \"@ui5/webcomponents/dist/RangeSlider.js\";\nimport SliderBase from \"@ui5/webcomponents/dist/SliderBase.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\n\n// Styles\nimport rangeSliderCss from \"@ui5/webcomponents/dist/generated/themes/RangeSlider.css.js\";\nimport SliderCss from \"./generated/themes/Slider.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-range-slider</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/RangeSlider.js\";</code>\n *\n * @constructor\n * @extends RangeSlider\n * @public\n */\n@customElement({\n  tag: \"udex-range-slider\",\n  renderer: litRender,\n  styles: [SliderBase.styles, rangeSliderCss, SliderCss],\n  dependencies: [],\n})\nclass UDExRangeSlider extends RangeSlider {\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n}\n\nUDExRangeSlider.define();\n\nexport default UDExRangeSlider;\n"]}
+{"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../src/RangeSlider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAEnE,SAAS;AACT,OAAO,cAAc,MAAM,6DAA6D,CAAC;AACzF,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD;;;;;;;;;;;;;;;;GAgBG;AAMH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IACvC,UAAU;QACR,IAAI,SAAS,EAAE,EAAE;YACf,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;SAClC;IACH,CAAC;CACF,CAAA;AANK,eAAe;IALpB,aAAa,CAAC;QACb,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,cAAc,EAAE,SAAS,CAAC;KACvD,CAAC;GACI,eAAe,CAMpB;AAED,eAAe,CAAC,MAAM,EAAE,CAAC;AAEzB,eAAe,eAAe,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport RangeSlider from \"@ui5/webcomponents/dist/RangeSlider.js\";\nimport SliderBase from \"@ui5/webcomponents/dist/SliderBase.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\n\n// Styles\nimport rangeSliderCss from \"@ui5/webcomponents/dist/generated/themes/RangeSlider.css.js\";\nimport SliderCss from \"./generated/themes/Slider.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-range-slider</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/RangeSlider.js\";</code>\n *\n * @constructor\n * @extends RangeSlider\n * @public\n */\n@customElement({\n  tag: \"udex-range-slider\",\n  renderer: litRender,\n  styles: [SliderBase.styles, rangeSliderCss, SliderCss],\n})\nclass UDExRangeSlider extends RangeSlider {\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n}\n\nUDExRangeSlider.define();\n\nexport default UDExRangeSlider;\n"]}

package/dist/Search.d.ts

@@ -349,15 +349,16 @@ declare class UDExSearch extends UI5Element {
     getPrefixPopover(): Popover;
     getPrefixButton(): HTMLElement;
     onOpenPrefixPopover(): void;
-    private handleItemClick;
+    handleItemClick: (e: Event) => void;
     onClosePrefixPopover(): void;
     handleAfterClosePrefixPopover(): void;
     handleInputClick(): void;
-    onSubmit(e: MouseEvent): void;
+    onSubmit(e: Event): void;
     handleSubmitValue(): void;
     handleAriaExpanded(): void;
     onOpenPopover(): void;
     onClosePopover(): void;
+    handleKeyPressSuggestionList(e: KeyboardEvent): void;
     handleClassToRoot(): void;
     onBeforeRendering(): void;
     enableSuggestions(): void;
@@ -378,11 +379,11 @@ declare class UDExSearch extends UI5Element {
     handleUpKeyList(e: KeyboardEvent): void;
     handleFocus(): void;
     handleFocusout(): void;
-    onReset(e: MouseEvent): void;
+    onReset(e: Event): void;
     handleReset(): void;
     handleKeyDownReset(e: KeyboardEvent): void;
     private getSearchInput;
-    onVoice(e: MouseEvent): void;
+    onVoice(e: Event): void;
     onSpeechLaunch(): void;
     onSpeechStart(): void;
     onSpeechResult(): void;