@sapudex/web-components 2.17.0 → 2.18.0

package/dist/MediaPlayerYoutubeTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPlayerYoutubeTemplate.js","sourceRoot":"","sources":["../src/MediaPlayerYoutubeTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,0BAA0B;IAChD,OAAO,CACL,cAAK,EAAE,EAAC,QAAQ,EAAC,KAAK,EAAE,2DAA2D,IAAI,CAAC,cAAc,EAAE,GAAQ,CACjH,CAAC;AACJ,CAAC","sourcesContent":["import type UDExMediaPlayerYoutube from \"./MediaPlayerYoutube.js\";\n\nexport default function MediaPlayerYoutubeTemplate(this: UDExMediaPlayerYoutube) {\n  return (\n    <div id=\"player\" class={`udex-media-player__video udex-media-player__video-embed ${this.fluidModeClass}`}></div>\n  );\n}\n"]}

package/dist/Pagination.d.ts

@@ -1,14 +1,11 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import "@ui5/webcomponents/dist/Icon.js";
-import "@ui5/webcomponents-icons/dist/nav-back.js";
-import "@ui5/webcomponents-icons/dist/navigation-left-arrow.js";
-import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
-import "@ui5/webcomponents-icons/dist/open-command-field.js";
-import "@ui5/webcomponents-icons/dist/close-command-field.js";
 export interface Page {
+    index: number;
     value: number;
     active: boolean;
+    accessibleName: string;
+    ariaCurrent?: string;
 }
 export declare enum UDExPaginationType {
     full = "full",

package/dist/Pagination.js

@@ -9,19 +9,13 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.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, CURRENT_PAGE, DISABLED, } 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";
-import "@ui5/webcomponents-icons/dist/navigation-left-arrow.js";
-import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
-import "@ui5/webcomponents-icons/dist/open-command-field.js";
-import "@ui5/webcomponents-icons/dist/close-command-field.js";
 // Template
-import PaginationTemplate from "./generated/templates/PaginationTemplate.lit.js";
+import PaginationTemplate from "./PaginationTemplate.js";
 // Styles
 import PaginationCss from "./generated/themes/Pagination.css.js";
 export var UDExPaginationType;
@@ -195,8 +189,8 @@ let UDExPagination = UDExPagination_1 = class UDExPagination extends UI5Element
         return this._desktopDisplayNumber / 2 - 1;
     }
     setActive(element) {
-        const pageIndex = element.getAttribute("index")
-            ? parseInt(element.getAttribute("index") || "")
+        const pageIndex = element.getAttribute("data-index")
+            ? parseInt(element.getAttribute("data-index") || "")
             : null;
         if (pageIndex === null) {
             return;
@@ -360,7 +354,7 @@ __decorate([
 UDExPagination = UDExPagination_1 = __decorate([
     customElement({
         tag: "udex-pagination",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: PaginationCss,
         template: PaginationTemplate,
         dependencies: [Button],

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-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.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  DISABLED,\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-left-arrow.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.js\";\n\nexport interface Page {\n  value: number;\n  active: boolean;\n}\n\nexport enum UDExPaginationType {\n  full = \"full\",\n  short = \"short\",\n}\n\nexport enum UDExDisplayType {\n  desktop = \"desktop\",\n  mobile = \"mobile\"\n}\n\ntype UDExPaginationChangeEventDetail = {\n  currentPage: number,\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\", { bubbles: true })\nclass UDExPagination extends UI5Element {\n  eventDetails!: {\n    \"change\": UDExPaginationChangeEventDetail,\n  };\n  /**\n   * Defines number of pages.\n   *\n   * @public\n   * @default 0\n   */\n  @property({ type: Number })\n    pages: number = 0;\n\n  /**\n   * Defines type of pagination.\n   *\n   * @public\n   * @default \"full\"\n   */\n  @property()\n    type: `${UDExPaginationType}` = UDExPaginationType.full;\n\n  /**\n   * Define display purpose.\n   *\n   * @public\n   * @default \"desktop\"\n   */\n  @property()\n    display: `${UDExDisplayType}` = UDExDisplayType.desktop;\n\n  /**\n   * Current index of pagination page.\n   * @public\n   * @default 0\n   */\n  @property({ type: Number })\n    currentPageIndex: number = 0;\n\n  /**\n   * Defines direction of the input.\n   *\n   * @private\n   */\n  @property({ type: String })\n    _direction?: string;\n\n  /**\n   * Defines if the previous button is in pseudo-disabled.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _nextButtonPseudoDisabled!: boolean;\n\n  /**\n   * Defines if the previous button is in pseudo-disabled.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _prevButtonPseudoDisabled!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\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  constructor() {\n    super();\n    this.pages = 0;\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 nextButtonDisabled(): boolean {\n    return this.currentPageIndex + 1 === this.pages;\n  }\n\n  get prevButtonDisabled(): boolean {\n    return this.currentPageIndex === 0;\n  }\n\n  get typeFull(): boolean {\n    return (\n      this.type === UDExPaginationType.full || this.display === UDExDisplayType.mobile\n    );\n  }\n\n  get typeShort(): boolean {\n    return (\n      this.type === UDExPaginationType.short && this.display !== UDExDisplayType.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    const currentPageText = `${UDExPagination.i18nBundle.getText(CURRENT_PAGE)} ${this.currentPageIndex + 1}.`;\n    if (this._prevButtonPseudoDisabled || this.prevButtonDisabled) {\n      const effectiveDisabledText = this._prevButtonPseudoDisabled ? `${UDExPagination.i18nBundle.getText(DISABLED)}` : \"\";\n      return `${currentPageText} ${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)} ${effectiveDisabledText}`;\n    }\n    return `${currentPageText} ${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex}`;\n  }\n\n  get previousBtnTooltip(): string {\n    return !this.prevButtonDisabled ? `${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)}` : \"\";\n  }\n\n  get nextPageAccessibleName(): string {\n    const currentPageText = `${UDExPagination.i18nBundle.getText(CURRENT_PAGE)} ${this.currentPageIndex + 1}.`;\n    if (this._nextButtonPseudoDisabled || this.nextButtonDisabled) {\n      const effectiveDisabledText = this._nextButtonPseudoDisabled ? `${UDExPagination.i18nBundle.getText(DISABLED)}` : \"\";\n      return `${currentPageText} ${UDExPagination.i18nBundle.getText(NEXT_PAGE)} ${effectiveDisabledText}`;\n    }\n    return `${currentPageText} ${UDExPagination.i18nBundle.getText(NEXT_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex + 2}`;\n  }\n\n  get nextBtnTooltip(): string {\n    return !this.nextButtonDisabled ? `${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 === UDExDisplayType.mobile ? this._mobileDisplayNumber : this._desktopDisplayNumber;\n    return lastIndex;\n  }\n\n  get pageOffset(): number {\n    if (this.display === UDExDisplayType.mobile) {\n      return Math.floor(this._mobileDisplayNumber / 2);\n    }\n    return this._desktopDisplayNumber / 2 - 1;\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\n    this._nextButtonPseudoDisabled = this.currentPageIndex === (this.pages - 1);\n\n    this.emitChangeEvent();\n  }\n\n  get effectiveNextButtonDisabled(): boolean {\n    return !this._nextButtonPseudoDisabled && this.nextButtonDisabled;\n  }\n\n  get effectivePrevButtonDisabled(): boolean {\n    return !this._prevButtonPseudoDisabled && this.prevButtonDisabled;\n  }\n\n  handlePrevFocusOut(): void {\n    this._prevButtonPseudoDisabled = false;\n  }\n\n  handleNextFocusOut(): void {\n    this._nextButtonPseudoDisabled = false;\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\n    this._prevButtonPseudoDisabled = this.currentPageIndex === 0;\n\n    this.emitChangeEvent();\n  }\n\n  setupPages(pages: number) {\n    if (!pages) {\n      this._visiblePages = [];\n      return;\n    }\n\n    if (!this._pages.length || this._visiblePages.length < this.displayNumber) {\n      this._firstPageIndex = 0;\n      this._lastPageIndex = pages > this.displayNumber ? this.displayNumber : pages;\n      this._pageFocusedManually = false;\n    }\n\n    this._pages = this.setupPagesData();\n\n    if (this.currentPageIndex < this._firstPageIndex || this.currentPageIndex - this._firstPageIndex <= this.pageOffset) {\n      this._visiblePages = this.shiftVisiblePages(true);\n      return;\n    }\n\n    this._visiblePages = this.shiftVisiblePages();\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    this.setActive(element);\n    this.emitChangeEvent();\n  }\n\n  emitChangeEvent() {\n    this.fireDecoratorEvent(\"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 === UDExPaginationType.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;\nexport type { UDExPaginationChangeEventDetail };\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-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.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  DISABLED,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport Button from \"./Button.js\";\n\n// Template\nimport PaginationTemplate from \"./PaginationTemplate.js\";\n\n// Styles\nimport PaginationCss from \"./generated/themes/Pagination.css.js\";\n\nexport interface Page {\n  index: number;\n  value: number;\n  active: boolean;\n  accessibleName: string;\n  ariaCurrent?: string\n}\n\nexport enum UDExPaginationType {\n  full = \"full\",\n  short = \"short\",\n}\n\nexport enum UDExDisplayType {\n  desktop = \"desktop\",\n  mobile = \"mobile\"\n}\n\ntype UDExPaginationChangeEventDetail = {\n  currentPage: number,\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: jsxRenderer,\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\", { bubbles: true })\nclass UDExPagination extends UI5Element {\n  eventDetails!: {\n    \"change\": UDExPaginationChangeEventDetail,\n  };\n  /**\n   * Defines number of pages.\n   *\n   * @public\n   * @default 0\n   */\n  @property({ type: Number })\n    pages: number = 0;\n\n  /**\n   * Defines type of pagination.\n   *\n   * @public\n   * @default \"full\"\n   */\n  @property()\n    type: `${UDExPaginationType}` = UDExPaginationType.full;\n\n  /**\n   * Define display purpose.\n   *\n   * @public\n   * @default \"desktop\"\n   */\n  @property()\n    display: `${UDExDisplayType}` = UDExDisplayType.desktop;\n\n  /**\n   * Current index of pagination page.\n   * @public\n   * @default 0\n   */\n  @property({ type: Number })\n    currentPageIndex: number = 0;\n\n  /**\n   * Defines direction of the input.\n   *\n   * @private\n   */\n  @property({ type: String })\n    _direction?: string;\n\n  /**\n   * Defines if the previous button is in pseudo-disabled.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _nextButtonPseudoDisabled!: boolean;\n\n  /**\n   * Defines if the previous button is in pseudo-disabled.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _prevButtonPseudoDisabled!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\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  constructor() {\n    super();\n    this.pages = 0;\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 nextButtonDisabled(): boolean {\n    return this.currentPageIndex + 1 === this.pages;\n  }\n\n  get prevButtonDisabled(): boolean {\n    return this.currentPageIndex === 0;\n  }\n\n  get typeFull(): boolean {\n    return (\n      this.type === UDExPaginationType.full || this.display === UDExDisplayType.mobile\n    );\n  }\n\n  get typeShort(): boolean {\n    return (\n      this.type === UDExPaginationType.short && this.display !== UDExDisplayType.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    const currentPageText = `${UDExPagination.i18nBundle.getText(CURRENT_PAGE)} ${this.currentPageIndex + 1}.`;\n    if (this._prevButtonPseudoDisabled || this.prevButtonDisabled) {\n      const effectiveDisabledText = this._prevButtonPseudoDisabled ? `${UDExPagination.i18nBundle.getText(DISABLED)}` : \"\";\n      return `${currentPageText} ${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)} ${effectiveDisabledText}`;\n    }\n    return `${currentPageText} ${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex}`;\n  }\n\n  get previousBtnTooltip(): string {\n    return !this.prevButtonDisabled ? `${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)}` : \"\";\n  }\n\n  get nextPageAccessibleName(): string {\n    const currentPageText = `${UDExPagination.i18nBundle.getText(CURRENT_PAGE)} ${this.currentPageIndex + 1}.`;\n    if (this._nextButtonPseudoDisabled || this.nextButtonDisabled) {\n      const effectiveDisabledText = this._nextButtonPseudoDisabled ? `${UDExPagination.i18nBundle.getText(DISABLED)}` : \"\";\n      return `${currentPageText} ${UDExPagination.i18nBundle.getText(NEXT_PAGE)} ${effectiveDisabledText}`;\n    }\n    return `${currentPageText} ${UDExPagination.i18nBundle.getText(NEXT_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex + 2}`;\n  }\n\n  get nextBtnTooltip(): string {\n    return !this.nextButtonDisabled ? `${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 === UDExDisplayType.mobile ? this._mobileDisplayNumber : this._desktopDisplayNumber;\n    return lastIndex;\n  }\n\n  get pageOffset(): number {\n    if (this.display === UDExDisplayType.mobile) {\n      return Math.floor(this._mobileDisplayNumber / 2);\n    }\n    return this._desktopDisplayNumber / 2 - 1;\n  }\n\n  setActive(element: HTMLElement): void {\n    const pageIndex = element.getAttribute(\"data-index\")\n      ? parseInt(element.getAttribute(\"data-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\n    this._nextButtonPseudoDisabled = this.currentPageIndex === (this.pages - 1);\n\n    this.emitChangeEvent();\n  }\n\n  get effectiveNextButtonDisabled(): boolean {\n    return !this._nextButtonPseudoDisabled && this.nextButtonDisabled;\n  }\n\n  get effectivePrevButtonDisabled(): boolean {\n    return !this._prevButtonPseudoDisabled && this.prevButtonDisabled;\n  }\n\n  handlePrevFocusOut(): void {\n    this._prevButtonPseudoDisabled = false;\n  }\n\n  handleNextFocusOut(): void {\n    this._nextButtonPseudoDisabled = false;\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\n    this._prevButtonPseudoDisabled = this.currentPageIndex === 0;\n\n    this.emitChangeEvent();\n  }\n\n  setupPages(pages: number) {\n    if (!pages) {\n      this._visiblePages = [];\n      return;\n    }\n\n    if (!this._pages.length || this._visiblePages.length < this.displayNumber) {\n      this._firstPageIndex = 0;\n      this._lastPageIndex = pages > this.displayNumber ? this.displayNumber : pages;\n      this._pageFocusedManually = false;\n    }\n\n    this._pages = this.setupPagesData();\n\n    if (this.currentPageIndex < this._firstPageIndex || this.currentPageIndex - this._firstPageIndex <= this.pageOffset) {\n      this._visiblePages = this.shiftVisiblePages(true);\n      return;\n    }\n\n    this._visiblePages = this.shiftVisiblePages();\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    this.setActive(element);\n    this.emitChangeEvent();\n  }\n\n  emitChangeEvent() {\n    this.fireDecoratorEvent(\"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 === UDExPaginationType.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;\nexport type { UDExPaginationChangeEventDetail };\n"]}

package/dist/PaginationTemplate.d.ts

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

package/dist/PaginationTemplate.js

@@ -0,0 +1,23 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import navigationLeftArrow from "@ui5/webcomponents-icons/dist/navigation-left-arrow.js";
+import navigationRightArrow from "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+import UDExButton from "./Button.js";
+import UDExButtonDesign from "./types/ButtonDesign.js";
+import UDExButtonSize from "./types/ButtonSize.js";
+export default function PaginationTemplate() {
+    // This can maybe be cleaned up nicer as we can't simply
+    // return empty("return;") as the renderer expects an element
+    if (!this.pages) {
+        return (_jsx(_Fragment, {}));
+    }
+    return (_jsx("nav", { class: this.paginationClass, role: "navigation", "aria-label": this.paginationAccessibleName, children: _jsxs("ul", { class: "udex-pagination__list", children: [_jsx("li", { class: "udex-pagination__item--prev udex-pagination__item", children: _jsx(UDExButton, { "aria-disabled": this.effectivePrevButtonDisabled, ...(this._prevButtonPseudoDisabled ? { "_aria-disabled": "" } : {}), "accessible-name": this.previousPageAccessibleName, tooltip: this.previousBtnTooltip, onFocusOut: this.handlePrevFocusOut, icon: navigationLeftArrow, onClick: this.setPrevPage, design: UDExButtonDesign.Tertiary, size: UDExButtonSize.Large }) }), this.typeFull ? renderFullPagination.call(this) : "", this.typeShort ? renderShortPagination.call(this) : "", _jsx("li", { class: "udex-pagination__item--next udex-pagination__item", children: _jsx(UDExButton, { "aria-disabled": this.effectiveNextButtonDisabled, ...(this._nextButtonPseudoDisabled ? { "_aria-disabled": "" } : {}), "accessible-name": this.nextPageAccessibleName, tooltip: this.nextBtnTooltip, onFocusOut: this.handleNextFocusOut, icon: navigationRightArrow, onClick: this.setNextPage, design: UDExButtonDesign.Tertiary, size: UDExButtonSize.Large }) })] }) }));
+}
+function renderFullPagination() {
+    return this.pagination.map((page, i) => {
+        return (_jsx("li", { class: "udex-pagination__item", children: _jsx("a", { class: "udex-pagination__page", href: "#", "aria-label": page.accessibleName, onClick: this.onPageClick, ...(page.active ? { active: "" } : {}), "aria-current": page.ariaCurrent, "data-index": page.index, children: _jsx("span", { class: "udex-pagination__page--value", children: page.value }) }) }, i));
+    });
+}
+function renderShortPagination() {
+    return (_jsxs("li", { class: "udex-pagination__item udex-pagination__item--short", "tab-index": "-1", "aria-label": this.paginationShortAccessibleName, children: [_jsx("span", { class: "udex-pagination__item--short-value", children: this.shortTextStart }), _jsx("span", { class: "udex-pagination__item--short-separator", children: this.shortTextSeparator }), _jsx("span", { class: "udex-pagination__item--short-value", children: this.shortTextEnd })] }));
+}
+//# sourceMappingURL=PaginationTemplate.js.map

package/dist/PaginationTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationTemplate.js","sourceRoot":"","sources":["../src/PaginationTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,mBAAmB,MAAM,wDAAwD,CAAC;AACzF,OAAO,oBAAoB,MAAM,yDAAyD,CAAC;AAC3F,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAGnD,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACxC,wDAAwD;IACxD,6DAA6D;IAC7D,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAAC,OAAO,CAAC,mBAAK,CAAC,CAAC;IAAC,CAAC;IAEpC,OAAO,CACL,cAAK,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,EAAC,YAAY,gBAAa,IAAI,CAAC,wBAAwB,YAC3F,cAAI,KAAK,EAAC,uBAAuB,aAC/B,aAAI,KAAK,EAAC,mDAAmD,YAC3D,KAAC,UAAU,qBACM,IAAI,CAAC,2BAA2B,KAC3C,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,qBACnD,IAAI,CAAC,0BAA0B,EAChD,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,UAAU,EAAE,IAAI,CAAC,kBAAkB,EACnC,IAAI,EAAE,mBAAmB,EACzB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,MAAM,EAAE,gBAAgB,CAAC,QAAQ,EACjC,IAAI,EAAE,cAAc,CAAC,KAAK,GACd,GACX,EAEH,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EACpD,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EAExD,aAAI,KAAK,EAAC,mDAAmD,YAC3D,KAAC,UAAU,qBACM,IAAI,CAAC,2BAA2B,KAC3C,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,qBACnD,IAAI,CAAC,sBAAsB,EAC5C,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,UAAU,EAAE,IAAI,CAAC,kBAAkB,EACnC,IAAI,EAAE,oBAAoB,EAC1B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,MAAM,EAAE,gBAAgB,CAAC,QAAQ,EACjC,IAAI,EAAE,cAAc,CAAC,KAAK,GACd,GACX,IACF,GACD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB;IAC3B,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACrC,OAAO,CACL,aAAY,KAAK,EAAC,uBAAuB,YACvC,YACE,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,GAAG,gBACI,IAAI,CAAC,cAAc,EAC/B,OAAO,EAAE,IAAI,CAAC,WAAW,KACrB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,kBACzB,IAAI,CAAC,WAA0B,gBACjC,IAAI,CAAC,KAAK,YAEtB,eAAM,KAAK,EAAC,8BAA8B,YAAE,IAAI,CAAC,KAAK,GAAQ,GAC5D,IAXG,CAAC,CAYL,CACN,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,qBAAqB;IAC5B,OAAO,CACL,cAAI,KAAK,EAAC,oDAAoD,eAAW,IAAI,gBAAa,IAAI,CAAC,6BAA6B,aAC1H,eAAM,KAAK,EAAC,oCAAoC,YAAE,IAAI,CAAC,cAAc,GAAQ,EAC7E,eAAM,KAAK,EAAC,wCAAwC,YAAE,IAAI,CAAC,kBAAkB,GAAQ,EACrF,eAAM,KAAK,EAAC,oCAAoC,YAAE,IAAI,CAAC,YAAY,GAAQ,IACxE,CACN,CAAC;AACJ,CAAC","sourcesContent":["import type UDExPagination from \"./Pagination.js\";\nimport navigationLeftArrow from \"@ui5/webcomponents-icons/dist/navigation-left-arrow.js\";\nimport navigationRightArrow from \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport type { AriaCurrent } from \"@ui5/webcomponents-base/dist/types.js\";\n\nexport default function PaginationTemplate(this: UDExPagination) {\n  // This can maybe be cleaned up nicer as we can't simply\n  // return empty(\"return;\") as the renderer expects an element\n  if (!this.pages) { return (<></>); }\n\n  return (\n    <nav class={this.paginationClass} role=\"navigation\" aria-label={this.paginationAccessibleName}>\n      <ul class=\"udex-pagination__list\">\n        <li class=\"udex-pagination__item--prev udex-pagination__item\">\n          <UDExButton\n            aria-disabled={this.effectivePrevButtonDisabled}\n            {...(this._prevButtonPseudoDisabled ? { \"_aria-disabled\": \"\" } : {})}\n            accessible-name={this.previousPageAccessibleName}\n            tooltip={this.previousBtnTooltip}\n            onFocusOut={this.handlePrevFocusOut}\n            icon={navigationLeftArrow}\n            onClick={this.setPrevPage}\n            design={UDExButtonDesign.Tertiary}\n            size={UDExButtonSize.Large}\n          ></UDExButton>\n        </li>\n\n        { this.typeFull ? renderFullPagination.call(this) : \"\" }\n        { this.typeShort ? renderShortPagination.call(this) : \"\" }\n\n        <li class=\"udex-pagination__item--next udex-pagination__item\">\n          <UDExButton\n            aria-disabled={this.effectiveNextButtonDisabled}\n            {...(this._nextButtonPseudoDisabled ? { \"_aria-disabled\": \"\" } : {})}\n            accessible-name={this.nextPageAccessibleName}\n            tooltip={this.nextBtnTooltip}\n            onFocusOut={this.handleNextFocusOut}\n            icon={navigationRightArrow}\n            onClick={this.setNextPage}\n            design={UDExButtonDesign.Tertiary}\n            size={UDExButtonSize.Large}\n          ></UDExButton>\n        </li>\n      </ul>\n    </nav>\n  );\n}\n\nfunction renderFullPagination(this: UDExPagination) {\n  return this.pagination.map((page, i) => {\n    return (\n      <li key={i} class=\"udex-pagination__item\">\n        <a\n          class=\"udex-pagination__page\"\n          href=\"#\"\n          aria-label={page.accessibleName}\n          onClick={this.onPageClick}\n          {...(page.active ? { active: \"\" } : {})}\n          aria-current={page.ariaCurrent as AriaCurrent}\n          data-index={page.index}\n        >\n          <span class=\"udex-pagination__page--value\">{page.value}</span>\n        </a>\n      </li>\n    );\n  });\n}\n\nfunction renderShortPagination(this: UDExPagination) {\n  return (\n    <li class=\"udex-pagination__item udex-pagination__item--short\" tab-index=\"-1\" aria-label={this.paginationShortAccessibleName}>\n      <span class=\"udex-pagination__item--short-value\">{this.shortTextStart}</span>\n      <span class=\"udex-pagination__item--short-separator\">{this.shortTextSeparator}</span>\n      <span class=\"udex-pagination__item--short-value\">{this.shortTextEnd}</span>\n    </li>\n  );\n}\n"]}

package/dist/Quote.d.ts

@@ -80,5 +80,6 @@ declare class UDExQuote extends UI5Element {
      * @default "left"
      */
     imagePlacement: `${UDExImagePlacement}`;
+    get isImagePlacementRight(): boolean;
 }
 export default UDExQuote;

package/dist/Quote.js

@@ -71,6 +71,9 @@ let UDExQuote = class UDExQuote extends UI5Element {
          */
         this.imagePlacement = UDExImagePlacement.left;
     }
+    get isImagePlacementRight() {
+        return this.imagePlacement === UDExImagePlacement.right;
+    }
 };
 __decorate([
     slot({ type: HTMLElement, "default": true })

package/dist/Quote.js.map

@@ -1 +1 @@
-{"version":3,"file":"Quote.js","sourceRoot":"","sources":["../src/Quote.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAE/C,SAAS;AACT,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,+BAAe,CAAA;AACjB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,iCAAiB,CAAA;IACjB,uCAAuB,CAAA;AACzB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED;;;;;;;;;;;GAWG;AAOH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAqCE;;;;;UAKE;QAEA,cAAS,GAAsB,YAAY,CAAC,KAAK,CAAC;QAEpD;;;;;UAKE;QAEA,aAAQ,GAAsB,YAAY,CAAC,KAAK,CAAC;QAEnD;;;;;UAKE;QAEA,SAAI,GAAsB,YAAY,CAAC,MAAM,CAAC;QAEhD;;;;;WAKG;QAED,mBAAc,GAA4B,kBAAkB,CAAC,IAAI,CAAC;IACtE,CAAC;CAAA,CAAA;AAhEG;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CACd;AAS7B;IADD,IAAI,EAAE;uCACqB;AAS1B;IADD,IAAI,EAAE;yCACuB;AAS5B;IADD,IAAI,EAAE;wCACsB;AAS3B;IADD,QAAQ,EAAE;4CACyC;AASlD;IADD,QAAQ,EAAE;2CACwC;AASjD;IADD,QAAQ,EAAE;uCACqC;AAS9C;IADD,QAAQ,EAAE;iDACyD;AAvEhE,SAAS;IANd,aAAa,CAAC;QACb,GAAG,EAAE,YAAY;QACjB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,aAAa;KACxB,CAAC;GACI,SAAS,CAwEd;AAED,SAAS,CAAC,MAAM,EAAE,CAAC;AAEnB,eAAe,SAAS,CAAC","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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport QuoteTemplate from \"./QuoteTemplate.js\";\n\n// Styles\nimport QuoteCss from \"./generated/themes/Quote.css.js\";\n\nexport enum UDExSizeType {\n  small = \"small\",\n  large = \"large\"\n}\n\nexport enum UDExMaskType {\n  avatar = \"avatar\",\n  rectangle = \"rectangle\"\n}\n\nexport enum UDExImagePlacement {\n  left = \"left\",\n  right = \"right\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>udex-quote</code> component is a demo component that displays some text.\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-quote\n * @public\n */\n@customElement({\n  tag: \"udex-quote\",\n  renderer: jsxRenderer,\n  styles: QuoteCss,\n  template: QuoteTemplate,\n})\nclass UDExQuote extends UI5Element {\n  /**\n    * Defines the text content of the Quote.\n    *\n    * @slot content\n    * @public\n    */\n  @slot({ type: HTMLElement, \"default\": true })\n    content!: Array<HTMLElement>;\n\n  /**\n    * Defines the link in the Quote\n    *\n    * @slot\n    * @public\n  */\n  @slot()\n    link!: Array<HTMLElement>;\n\n  /**\n    * Defines author's name and company\n    *\n    * @public\n    * @slot\n  */\n  @slot()\n    author!: Array<HTMLElement>;\n\n  /**\n    * Defines image near quote text\n    *\n    * @public\n    * @slot\n  */\n  @slot()\n    image!: Array<HTMLElement>;\n\n  /**\n    * Defines image (Avatar or company logo) size\n    *\n    * @public\n    * @default \"large\"\n  */\n  @property()\n    imageSize: `${UDExSizeType}` = UDExSizeType.large;\n\n  /**\n    * Defines text size\n    *\n    * @public\n    * @default \"large\"\n  */\n  @property()\n    textSize: `${UDExSizeType}` = UDExSizeType.large;\n\n  /**\n    * Defines image mask\n    *\n    * @public\n    * @default \"avatar\"\n  */\n  @property()\n    mask: `${UDExMaskType}` = UDExMaskType.avatar;\n\n  /**\n   * Defines image placement\n   *\n   * @public\n   * @default \"left\"\n   */\n  @property()\n    imagePlacement: `${UDExImagePlacement}` = UDExImagePlacement.left;\n}\n\nUDExQuote.define();\n\nexport default UDExQuote;\n"]}
+{"version":3,"file":"Quote.js","sourceRoot":"","sources":["../src/Quote.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAE/C,SAAS;AACT,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,+BAAe,CAAA;AACjB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,iCAAiB,CAAA;IACjB,uCAAuB,CAAA;AACzB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED;;;;;;;;;;;GAWG;AAOH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAqCE;;;;;UAKE;QAEA,cAAS,GAAsB,YAAY,CAAC,KAAK,CAAC;QAEpD;;;;;UAKE;QAEA,aAAQ,GAAsB,YAAY,CAAC,KAAK,CAAC;QAEnD;;;;;UAKE;QAEA,SAAI,GAAsB,YAAY,CAAC,MAAM,CAAC;QAEhD;;;;;WAKG;QAED,mBAAc,GAA4B,kBAAkB,CAAC,IAAI,CAAC;IAKtE,CAAC;IAHC,IAAI,qBAAqB;QACvB,OAAO,IAAI,CAAC,cAAc,KAAK,kBAAkB,CAAC,KAAK,CAAC;IAC1D,CAAC;CACF,CAAA;AApEG;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CACd;AAS7B;IADD,IAAI,EAAE;uCACqB;AAS1B;IADD,IAAI,EAAE;yCACuB;AAS5B;IADD,IAAI,EAAE;wCACsB;AAS3B;IADD,QAAQ,EAAE;4CACyC;AASlD;IADD,QAAQ,EAAE;2CACwC;AASjD;IADD,QAAQ,EAAE;uCACqC;AAS9C;IADD,QAAQ,EAAE;iDACyD;AAvEhE,SAAS;IANd,aAAa,CAAC;QACb,GAAG,EAAE,YAAY;QACjB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,aAAa;KACxB,CAAC;GACI,SAAS,CA4Ed;AAED,SAAS,CAAC,MAAM,EAAE,CAAC;AAEnB,eAAe,SAAS,CAAC","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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport QuoteTemplate from \"./QuoteTemplate.js\";\n\n// Styles\nimport QuoteCss from \"./generated/themes/Quote.css.js\";\n\nexport enum UDExSizeType {\n  small = \"small\",\n  large = \"large\"\n}\n\nexport enum UDExMaskType {\n  avatar = \"avatar\",\n  rectangle = \"rectangle\"\n}\n\nexport enum UDExImagePlacement {\n  left = \"left\",\n  right = \"right\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>udex-quote</code> component is a demo component that displays some text.\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-quote\n * @public\n */\n@customElement({\n  tag: \"udex-quote\",\n  renderer: jsxRenderer,\n  styles: QuoteCss,\n  template: QuoteTemplate,\n})\nclass UDExQuote extends UI5Element {\n  /**\n    * Defines the text content of the Quote.\n    *\n    * @slot content\n    * @public\n    */\n  @slot({ type: HTMLElement, \"default\": true })\n    content!: Array<HTMLElement>;\n\n  /**\n    * Defines the link in the Quote\n    *\n    * @slot\n    * @public\n  */\n  @slot()\n    link!: Array<HTMLElement>;\n\n  /**\n    * Defines author's name and company\n    *\n    * @public\n    * @slot\n  */\n  @slot()\n    author!: Array<HTMLElement>;\n\n  /**\n    * Defines image near quote text\n    *\n    * @public\n    * @slot\n  */\n  @slot()\n    image!: Array<HTMLElement>;\n\n  /**\n    * Defines image (Avatar or company logo) size\n    *\n    * @public\n    * @default \"large\"\n  */\n  @property()\n    imageSize: `${UDExSizeType}` = UDExSizeType.large;\n\n  /**\n    * Defines text size\n    *\n    * @public\n    * @default \"large\"\n  */\n  @property()\n    textSize: `${UDExSizeType}` = UDExSizeType.large;\n\n  /**\n    * Defines image mask\n    *\n    * @public\n    * @default \"avatar\"\n  */\n  @property()\n    mask: `${UDExMaskType}` = UDExMaskType.avatar;\n\n  /**\n   * Defines image placement\n   *\n   * @public\n   * @default \"left\"\n   */\n  @property()\n    imagePlacement: `${UDExImagePlacement}` = UDExImagePlacement.left;\n\n  get isImagePlacementRight(): boolean {\n    return this.imagePlacement === UDExImagePlacement.right;\n  }\n}\n\nUDExQuote.define();\n\nexport default UDExQuote;\n"]}

package/dist/QuoteTemplate.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
 export default function QuoteTemplate() {
     const rootClass = "udex-quote";
-    return (_jsxs("div", { class: `${rootClass}__container`, children: [this.image?.length > 0 && (_jsx("div", { class: `${rootClass}__image-container`, children: _jsx("slot", { name: "image", slot: "image" }) })), _jsxs("div", { class: `${rootClass}__content-container`, children: [_jsx("blockquote", { class: `${rootClass}__text-container`, children: _jsx("p", { class: `${rootClass}__text`, children: _jsx("slot", {}) }) }), this.author && (_jsx("slot", { slot: "author", name: "author" })), this.link && (_jsx("slot", { slot: "link", name: "link" }))] })] }));
+    return (_jsxs("div", { class: `${rootClass}__container`, children: [this.image?.length > 0 && !this.isImagePlacementRight && imageHolder.call(this, rootClass), _jsxs("div", { class: `${rootClass}__content-container`, children: [_jsx("blockquote", { class: `${rootClass}__text-container`, children: _jsx("p", { class: `${rootClass}__text`, children: _jsx("slot", {}) }) }), this.author && _jsx("slot", { slot: "author", name: "author" }), this.link && _jsx("slot", { slot: "link", name: "link" })] }), this.image?.length > 0 && this.isImagePlacementRight && imageHolder.call(this, rootClass)] }));
+}
+function imageHolder(rootClass) {
+    return (_jsx("div", { class: `${rootClass}__image-container`, children: _jsx("slot", { name: "image", slot: "image" }) }));
 }
 //# sourceMappingURL=QuoteTemplate.js.map

package/dist/QuoteTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteTemplate.js","sourceRoot":"","sources":["../src/QuoteTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,MAAM,SAAS,GAAG,YAAY,CAAC;IAE/B,OAAO,CACL,eAAK,KAAK,EAAE,GAAG,SAAS,aAAa,aAClC,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,IAAI,CACzB,cAAK,KAAK,EAAE,GAAG,SAAS,mBAAmB,YACzC,eAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,GACnC,CACP,EACD,eAAK,KAAK,EAAE,GAAG,SAAS,qBAAqB,aAC3C,qBAAY,KAAK,EAAE,GAAG,SAAS,kBAAkB,YAC/C,YAAG,KAAK,EAAE,GAAG,SAAS,QAAQ,YAC5B,gBAAa,GACX,GACO,EACZ,IAAI,CAAC,MAAM,IAAI,CACd,eAAM,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAQ,CAC1C,EACA,IAAI,CAAC,IAAI,IAAI,CACZ,eAAM,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAQ,CACtC,IACG,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type UDExQuote from \"./Quote.js\";\n\nexport default function QuoteTemplate(this: UDExQuote) {\n  const rootClass = \"udex-quote\";\n\n  return (\n    <div class={`${rootClass}__container`}>\n      {this.image?.length > 0 && (\n        <div class={`${rootClass}__image-container`}>\n          <slot name=\"image\" slot=\"image\"></slot>\n        </div>\n      )}\n      <div class={`${rootClass}__content-container`}>\n        <blockquote class={`${rootClass}__text-container`}>\n          <p class={`${rootClass}__text`}>\n            <slot></slot>\n          </p>\n        </blockquote>\n        {this.author && (\n          <slot slot=\"author\" name=\"author\"></slot>\n        )}\n        {this.link && (\n          <slot slot=\"link\" name=\"link\"></slot>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"QuoteTemplate.js","sourceRoot":"","sources":["../src/QuoteTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,MAAM,SAAS,GAAG,YAAY,CAAC;IAE/B,OAAO,CACL,eAAK,KAAK,EAAE,GAAG,SAAS,aAAa,aAClC,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,EAC3F,eAAK,KAAK,EAAE,GAAG,SAAS,qBAAqB,aAC3C,qBAAY,KAAK,EAAE,GAAG,SAAS,kBAAkB,YAC/C,YAAG,KAAK,EAAE,GAAG,SAAS,QAAQ,YAC5B,gBAAa,GACX,GACO,EACZ,IAAI,CAAC,MAAM,IAAI,eAAM,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAQ,EACxD,IAAI,CAAC,IAAI,IAAI,eAAM,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAQ,IAC/C,EACL,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,qBAAqB,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,IACtF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAkB,SAAiB;IACrD,OAAO,CACL,cAAK,KAAK,EAAE,GAAG,SAAS,mBAAmB,YACzC,eAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,GACnC,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type UDExQuote from \"./Quote.js\";\n\nexport default function QuoteTemplate(this: UDExQuote) {\n  const rootClass = \"udex-quote\";\n\n  return (\n    <div class={`${rootClass}__container`}>\n      {this.image?.length > 0 && !this.isImagePlacementRight && imageHolder.call(this, rootClass)}\n      <div class={`${rootClass}__content-container`}>\n        <blockquote class={`${rootClass}__text-container`}>\n          <p class={`${rootClass}__text`}>\n            <slot></slot>\n          </p>\n        </blockquote>\n        {this.author && <slot slot=\"author\" name=\"author\"></slot>}\n        {this.link && <slot slot=\"link\" name=\"link\"></slot>}\n      </div>\n      {this.image?.length > 0 && this.isImagePlacementRight && imageHolder.call(this, rootClass)}\n    </div>\n  );\n}\n\nfunction imageHolder(this: UDExQuote, rootClass: string) {\n  return (\n    <div class={`${rootClass}__image-container`}>\n      <slot name=\"image\" slot=\"image\"></slot>\n    </div>\n  );\n}\n"]}

package/dist/RatingIndicator.d.ts

@@ -33,7 +33,7 @@ declare class UDExRatingIndicator extends RatingIndicator {
       */
     totalCount: number;
     static i18nBundle: I18nBundle;
-    get classNames(): string;
     get _ariaLabel(): string;
+    get hasTotalCount(): boolean;
 }
 export default UDExRatingIndicator;

package/dist/RatingIndicator.js

@@ -7,10 +7,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import RatingIndicator from "@ui5/webcomponents/dist/RatingIndicator.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js";
-import RatingIndicatorTemplate from "./generated/templates/RatingIndicatorTemplate.lit.js";
+import RatingIndicatorTemplate from "./RatingIndicatorTemplate.js";
 // Styles
 import RatingIndicatorCss from "./generated/themes/RatingIndicator.css.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
@@ -45,9 +45,6 @@ let UDExRatingIndicator = class UDExRatingIndicator extends RatingIndicator {
          */
         this.display = UDExDisplayType.Desktop;
     }
-    get classNames() {
-        return `udex-rating-indicator--${this.display.toLowerCase()}`;
-    }
     get _ariaLabel() {
         const ariaLabelText = getEffectiveAriaLabelText(this) || "";
         if (this.totalCount) {
@@ -55,6 +52,9 @@ let UDExRatingIndicator = class UDExRatingIndicator extends RatingIndicator {
         }
         return ariaLabelText;
     }
+    get hasTotalCount() {
+        return !!this.totalCount || this.totalCount === 0;
+    }
 };
 __decorate([
     property()
@@ -68,7 +68,7 @@ __decorate([
 UDExRatingIndicator = __decorate([
     customElement({
         tag: "udex-rating-indicator",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [RatingIndicator.styles, RatingIndicatorCss],
         template: RatingIndicatorTemplate,
         dependencies: [Icon],

package/dist/RatingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"RatingIndicator.js","sourceRoot":"","sources":["../src/RatingIndicator.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAE3E,OAAO,eAAe,MAAM,4CAA4C,CAAC;AACzE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,EAAE,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AAC1G,OAAO,uBAAuB,MAAM,sDAAsD,CAAC;AAE3F,SAAS;AACT,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,2CAA2C,CAAC;AACnD,OAAO,6CAA6C,CAAC;AAErD,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,oCAAiB,CAAA;AACnB,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AAED;;;;;;;;;;;GAWG;AASH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,eAAe;IAAjD;;QACE;;;;;WAKG;QAED,YAAO,GAAyB,eAAe,CAAC,OAAO,CAAC;IAwB5D,CAAC;IAXC,IAAI,UAAU;QACZ,OAAO,0BAA0B,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;IAChE,CAAC;IAED,IAAI,UAAU;QACZ,MAAM,aAAa,GAAW,yBAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACpE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,eAAe,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACvH,CAAC;QACD,OAAO,aAAa,CAAC;IACvB,CAAC;CACF,CAAA;AAxBG;IADD,QAAQ,EAAE;oDAC+C;AAQxD;IADD,QAAQ,EAAE;uDACW;AAGf;IADN,IAAI,CAAC,yBAAyB,CAAC;6CACF;AAnB1B,mBAAmB;IARxB,aAAa,CAAC;QACb,GAAG,EAAE,uBAAuB;QAC5B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,kBAAkB,CAAC;QACpD,QAAQ,EAAE,uBAAuB;QACjC,YAAY,EAAE,CAAC,IAAI,CAAC;KACrB,CAAC;GAEI,mBAAmB,CAgCxB;AAED,mBAAmB,CAAC,MAAM,EAAE,CAAC;AAE7B,eAAe,mBAAmB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\n\nimport RatingIndicator from \"@ui5/webcomponents/dist/RatingIndicator.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport RatingIndicatorTemplate from \"./generated/templates/RatingIndicatorTemplate.lit.js\";\n\n// Styles\nimport RatingIndicatorCss from \"./generated/themes/RatingIndicator.css.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { TOTAL } from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/favorite.js\";\nimport \"@ui5/webcomponents-icons/dist/unfavorite.js\";\n\nexport enum UDExDisplayType {\n  Desktop = \"Desktop\",\n  Mobile = \"Mobile\"\n}\n\n/**\n * @class\n *\n * ### Overview\n *\n * ### ES6 Module Import\n *\n * `import @sapudex/web-components/dist/RatingIndicator.js\";`\n * @constructor\n * @extends RatingIndicator\n * @public\n */\n@customElement({\n  tag: \"udex-rating-indicator\",\n  renderer: litRender,\n  styles: [RatingIndicator.styles, RatingIndicatorCss],\n  template: RatingIndicatorTemplate,\n  dependencies: [Icon],\n})\n\nclass UDExRatingIndicator extends RatingIndicator {\n  /**\n   * Defines the display type of the component.\n   *\n   * @default \"Desktop\"\n   * @public\n   */\n  @property()\n    display: `${UDExDisplayType}` = UDExDisplayType.Desktop;\n\n  /**\n    * The number of total votes.\n    *\n    * @public\n    */\n  @property()\n    totalCount!: number;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  get classNames(): string {\n    return `udex-rating-indicator--${this.display.toLowerCase()}`;\n  }\n\n  get _ariaLabel(): string {\n    const ariaLabelText: string = getEffectiveAriaLabelText(this) || \"\";\n    if (this.totalCount) {\n      return `${ariaLabelText ? `${ariaLabelText}, ` : \"\"}${RatingIndicator.i18nBundle.getText(TOTAL)} ${this.totalCount}`;\n    }\n    return ariaLabelText;\n  }\n}\n\nUDExRatingIndicator.define();\n\nexport default UDExRatingIndicator;\n"]}
+{"version":3,"file":"RatingIndicator.js","sourceRoot":"","sources":["../src/RatingIndicator.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAE3E,OAAO,eAAe,MAAM,4CAA4C,CAAC;AACzE,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,EAAE,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AAC1G,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAEnE,SAAS;AACT,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,2CAA2C,CAAC;AACnD,OAAO,6CAA6C,CAAC;AAErD,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,oCAAiB,CAAA;AACnB,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AAED;;;;;;;;;;;GAWG;AASH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,eAAe;IAAjD;;QACE;;;;;WAKG;QAED,YAAO,GAAyB,eAAe,CAAC,OAAO,CAAC;IAwB5D,CAAC;IAXC,IAAI,UAAU;QACZ,MAAM,aAAa,GAAW,yBAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACpE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,eAAe,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACvH,CAAC;QACD,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,IAAI,aAAa;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,CAAC;IACpD,CAAC;CACF,CAAA;AAxBG;IADD,QAAQ,EAAE;oDAC+C;AAQxD;IADD,QAAQ,EAAE;uDACW;AAGf;IADN,IAAI,CAAC,yBAAyB,CAAC;6CACF;AAnB1B,mBAAmB;IARxB,aAAa,CAAC;QACb,GAAG,EAAE,uBAAuB;QAC5B,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,kBAAkB,CAAC;QACpD,QAAQ,EAAE,uBAAuB;QACjC,YAAY,EAAE,CAAC,IAAI,CAAC;KACrB,CAAC;GAEI,mBAAmB,CAgCxB;AAED,mBAAmB,CAAC,MAAM,EAAE,CAAC;AAE7B,eAAe,mBAAmB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\n\nimport RatingIndicator from \"@ui5/webcomponents/dist/RatingIndicator.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport RatingIndicatorTemplate from \"./RatingIndicatorTemplate.js\";\n\n// Styles\nimport RatingIndicatorCss from \"./generated/themes/RatingIndicator.css.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { TOTAL } from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/favorite.js\";\nimport \"@ui5/webcomponents-icons/dist/unfavorite.js\";\n\nexport enum UDExDisplayType {\n  Desktop = \"Desktop\",\n  Mobile = \"Mobile\"\n}\n\n/**\n * @class\n *\n * ### Overview\n *\n * ### ES6 Module Import\n *\n * `import @sapudex/web-components/dist/RatingIndicator.js\";`\n * @constructor\n * @extends RatingIndicator\n * @public\n */\n@customElement({\n  tag: \"udex-rating-indicator\",\n  renderer: jsxRenderer,\n  styles: [RatingIndicator.styles, RatingIndicatorCss],\n  template: RatingIndicatorTemplate,\n  dependencies: [Icon],\n})\n\nclass UDExRatingIndicator extends RatingIndicator {\n  /**\n   * Defines the display type of the component.\n   *\n   * @default \"Desktop\"\n   * @public\n   */\n  @property()\n    display: `${UDExDisplayType}` = UDExDisplayType.Desktop;\n\n  /**\n    * The number of total votes.\n    *\n    * @public\n    */\n  @property()\n    totalCount!: number;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  get _ariaLabel(): string {\n    const ariaLabelText: string = getEffectiveAriaLabelText(this) || \"\";\n    if (this.totalCount) {\n      return `${ariaLabelText ? `${ariaLabelText}, ` : \"\"}${RatingIndicator.i18nBundle.getText(TOTAL)} ${this.totalCount}`;\n    }\n    return ariaLabelText;\n  }\n\n  get hasTotalCount(): boolean {\n    return !!this.totalCount || this.totalCount === 0;\n  }\n}\n\nUDExRatingIndicator.define();\n\nexport default UDExRatingIndicator;\n"]}

package/dist/RatingIndicatorTemplate.d.ts

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

package/dist/RatingIndicatorTemplate.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
+export default function RatingIndicatorTemplate() {
+    const rootClass = "udex-rating-indicator";
+    const ui5Class = "ui5-rating-indicator";
+    return (_jsxs("div", { class: `${rootClass} ${rootClass}--${this.display.toLowerCase()} ${ui5Class}-root`, role: "slider", "aria-roledescription": this._ariaRoleDescription, "aria-valuemin": 0, "aria-valuenow": this.value, "aria-valuemax": this.max, "aria-valuetext": `${this.value} of ${this.max}`, "aria-orientation": "horizontal", "aria-disabled": this._ariaDisabled, "aria-readonly": this.ariaReadonly, "aria-description": this._ariaDescription, tabindex: this.effectiveTabIndex, onFocusIn: this._onfocusin, onFocusOut: this._onfocusout, onClick: this._onclick, onKeyDown: this._onkeydown, title: this.ratingTooltip, "aria-label": this._ariaLabel, children: [_jsx("ul", { class: `${rootClass}__list ${ui5Class}-list`, "aria-hidden": "true", children: this._stars.map(star => (_jsxs("li", { "data-ui5-value": star.index, class: {
+                        "udex-rating-indicator__item ui5-rating-indicator-item": true,
+                        "udex-rating-indicator__item-sel ui5-rating-indicator-item-sel": star.selected,
+                        "udex-rating-indicator__item-unsel ui5-rating-indicator-item-unsel": !star.selected && !star.halfStar,
+                        "udex-rating-indicator__item-half ui5-rating-indicator-item-half": star.halfStar && !star.selected,
+                    }, children: [_jsx(UI5Icon, { "data-ui5-value": star.index, name: star.selected ? "favorite" : "unfavorite" }), star.halfStar && (_jsx("div", { class: `${rootClass}__half-icon-wrapper ${ui5Class}-half-icon-wrapper`, children: _jsx(UI5Icon, { "data-ui5-value": star.index, name: "favorite", class: `${rootClass}__half-icon ${ui5Class}-half-icon` }) }))] }))) }), this.hasTotalCount && (_jsxs("div", { class: `${rootClass}__total`, children: ["(", this.totalCount, ")"] }))] }));
+}
+//# sourceMappingURL=RatingIndicatorTemplate.js.map

package/dist/RatingIndicatorTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingIndicatorTemplate.js","sourceRoot":"","sources":["../src/RatingIndicatorTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,iCAAiC,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,uBAAuB;IAC7C,MAAM,SAAS,GAAG,uBAAuB,CAAC;IAC1C,MAAM,QAAQ,GAAG,sBAAsB,CAAC;IAExC,OAAO,CACL,eAAK,KAAK,EAAE,GAAG,SAAS,IAAI,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,QAAQ,OAAO,EACrF,IAAI,EAAC,QAAQ,0BACS,IAAI,CAAC,oBAAoB,mBAChC,CAAC,mBACD,IAAI,CAAC,KAAK,mBACV,IAAI,CAAC,GAAG,oBACP,GAAG,IAAI,CAAC,KAAK,OAAO,IAAI,CAAC,GAAG,EAAE,sBAC7B,YAAY,mBACd,IAAI,CAAC,aAAa,mBAClB,IAAI,CAAC,YAAY,sBACd,IAAI,CAAC,gBAAgB,EACvC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,KAAK,EAAE,IAAI,CAAC,aAAa,gBACb,IAAI,CAAC,UAAU,aAC3B,aAAI,KAAK,EAAE,GAAG,SAAS,UAAU,QAAQ,OAAO,iBAClC,MAAM,YACjB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACvB,gCAAoB,IAAI,CAAC,KAAK,EAC5B,KAAK,EAAE;wBACL,uDAAuD,EAAE,IAAI;wBAC7D,+DAA+D,EAAE,IAAI,CAAC,QAAQ;wBAC9E,mEAAmE,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;wBACrG,iEAAiE,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;qBACnG,aACD,KAAC,OAAO,sBAAiB,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,GAAY,EAC/F,IAAI,CAAC,QAAQ,IAAI,CAChB,cAAK,KAAK,EAAE,GAAG,SAAS,uBAAuB,QAAQ,oBAAoB,YACzE,KAAC,OAAO,sBAAiB,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,GAAG,SAAS,eAAe,QAAQ,YAAY,GAAY,GACnH,CACP,IACE,CACN,CAAC,GACC,EACJ,IAAI,CAAC,aAAa,IAAI,CACrB,eAAK,KAAK,EAAE,GAAG,SAAS,SAAS,kBACzB,IAAI,CAAC,UAAU,SACjB,CACP,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type UDExRatingIndicator from \"./RatingIndicator.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\n\nexport default function RatingIndicatorTemplate(this: UDExRatingIndicator) {\n  const rootClass = \"udex-rating-indicator\";\n  const ui5Class = \"ui5-rating-indicator\";\n\n  return (\n    <div class={`${rootClass} ${rootClass}--${this.display.toLowerCase()} ${ui5Class}-root`}\n      role=\"slider\"\n      aria-roledescription={this._ariaRoleDescription}\n      aria-valuemin={0}\n      aria-valuenow={this.value}\n      aria-valuemax={this.max}\n      aria-valuetext={`${this.value} of ${this.max}`}\n      aria-orientation=\"horizontal\"\n      aria-disabled={this._ariaDisabled}\n      aria-readonly={this.ariaReadonly}\n      aria-description={this._ariaDescription}\n      tabindex={this.effectiveTabIndex}\n      onFocusIn={this._onfocusin}\n      onFocusOut={this._onfocusout}\n      onClick={this._onclick}\n      onKeyDown={this._onkeydown}\n      title={this.ratingTooltip}\n      aria-label={this._ariaLabel}>\n      <ul class={`${rootClass}__list ${ui5Class}-list`}\n        aria-hidden=\"true\">\n        {this._stars.map(star => (\n          <li data-ui5-value={star.index}\n            class={{\n              \"udex-rating-indicator__item ui5-rating-indicator-item\": true,\n              \"udex-rating-indicator__item-sel ui5-rating-indicator-item-sel\": star.selected,\n              \"udex-rating-indicator__item-unsel ui5-rating-indicator-item-unsel\": !star.selected && !star.halfStar,\n              \"udex-rating-indicator__item-half ui5-rating-indicator-item-half\": star.halfStar && !star.selected,\n            }}>\n            <UI5Icon data-ui5-value={star.index} name={star.selected ? \"favorite\" : \"unfavorite\"}></UI5Icon>\n            {star.halfStar && (\n              <div class={`${rootClass}__half-icon-wrapper ${ui5Class}-half-icon-wrapper`}>\n                <UI5Icon data-ui5-value={star.index} name=\"favorite\" class={`${rootClass}__half-icon ${ui5Class}-half-icon`}></UI5Icon>\n              </div>\n            )}\n          </li>\n        ))}\n      </ul>\n      {this.hasTotalCount && (\n        <div class={`${rootClass}__total`}>\n          &#40;{this.totalCount}&#41;\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/Switch.d.ts

@@ -76,6 +76,7 @@ declare class UDExSwitch extends UI5Element {
     tooltip: string;
     onEnterDOM(): void;
     handleSwitchClick(): void;
+    handleKeyDown(e: KeyboardEvent): void;
     get switchTabIndex(): 0 | undefined;
     get isActiveTrackClass(): "udex-switch__track--active" | "udex-switch__track--inactive";
     get isSemanticColor(): boolean;

package/dist/Switch.js

@@ -11,6 +11,7 @@ import "@ui5/webcomponents/dist/Switch.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
+import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
 import SwitchTemplate from "./SwitchTemplate.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 // Styles
@@ -81,6 +82,12 @@ let UDExSwitch = class UDExSwitch extends UI5Element {
             this.fireDecoratorEvent("change");
         }
     }
+    handleKeyDown(e) {
+        if (!this.disabled && (isEnter(e) || isSpace(e))) {
+            e.preventDefault();
+            this.handleSwitchClick();
+        }
+    }
     get switchTabIndex() {
         return this.disabled ? undefined : 0;
     }

package/dist/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../src/Switch.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 jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport \"@ui5/webcomponents/dist/Switch.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport SwitchTemplate from \"./SwitchTemplate.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\n\n// Styles\nimport SwitchCss from \"./generated/themes/Switch.css.js\";\n\nexport enum UDExSwitchColor {\n  NonSemantic = \"Non-Semantic\",\n  Semantic = \"Semantic\",\n}\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-switch</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Switch.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-switch\n * @public\n */\n@customElement({\n  tag: \"udex-switch\",\n  renderer: jsxRenderer,\n  styles: SwitchCss,\n  template: SwitchTemplate,\n  dependencies: [Icon],\n})\n\n/**\n * Fired when the component checked state changes.\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"change\", { cancelable: true, bubbles: true })\nclass UDExSwitch extends UI5Element {\n  eventDetails!: {\n    \"change\": void\n  };\n  /**\n   * Defines the label near switch.\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    label?: string;\n\n  /**\n   * Defines the color of the component.\n   *\n   * @default \"Non-Semantic\"\n   * @public\n   */\n  @property()\n    color: `${UDExSwitchColor}` = UDExSwitchColor.NonSemantic;\n\n  /**\n   * Sets the accessible ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    accessibleName: string = \"\";\n\n  /**\n   * Receives id (or many ids) of the elements that label the component.\n   * @default undefined\n   * @public\n   */\n  @property()\n    accessibleNameRef?: string;\n\n  /**\n   * Defines if the component is checked.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    checked: boolean = false;\n\n  /**\n   * Defines whether the component is disabled.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines the tooltip of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    tooltip: string = \"\";\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  handleSwitchClick(): void {\n    if (!this.disabled) {\n      this.checked = !this.checked;\n      this.fireDecoratorEvent(\"change\");\n    }\n  }\n\n  get switchTabIndex(): 0 | undefined {\n    return this.disabled ? undefined : 0;\n  }\n\n  get isActiveTrackClass():\n    | \"udex-switch__track--active\"\n    | \"udex-switch__track--inactive\" {\n    return this.checked ? \"udex-switch__track--active\" : \"udex-switch__track--inactive\";\n  }\n\n  get isSemanticColor(): boolean {\n    return this.color === UDExSwitchColor.Semantic;\n  }\n\n  get ariaLabeledBy(): string {\n    return this.accessibleNameRef || this.label ? `${this._id}-switch__label` : \"\";\n  }\n}\n\nUDExSwitch.define();\n\nexport default UDExSwitch;\n"]}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../src/Switch.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 jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport \"@ui5/webcomponents/dist/Switch.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport SwitchTemplate from \"./SwitchTemplate.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\n\n// Styles\nimport SwitchCss from \"./generated/themes/Switch.css.js\";\n\nexport enum UDExSwitchColor {\n  NonSemantic = \"Non-Semantic\",\n  Semantic = \"Semantic\",\n}\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-switch</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Switch.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-switch\n * @public\n */\n@customElement({\n  tag: \"udex-switch\",\n  renderer: jsxRenderer,\n  styles: SwitchCss,\n  template: SwitchTemplate,\n  dependencies: [Icon],\n})\n\n/**\n * Fired when the component checked state changes.\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"change\", { cancelable: true, bubbles: true })\nclass UDExSwitch extends UI5Element {\n  eventDetails!: {\n    \"change\": void\n  };\n  /**\n   * Defines the label near switch.\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    label?: string;\n\n  /**\n   * Defines the color of the component.\n   *\n   * @default \"Non-Semantic\"\n   * @public\n   */\n  @property()\n    color: `${UDExSwitchColor}` = UDExSwitchColor.NonSemantic;\n\n  /**\n   * Sets the accessible ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    accessibleName: string = \"\";\n\n  /**\n   * Receives id (or many ids) of the elements that label the component.\n   * @default undefined\n   * @public\n   */\n  @property()\n    accessibleNameRef?: string;\n\n  /**\n   * Defines if the component is checked.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    checked: boolean = false;\n\n  /**\n   * Defines whether the component is disabled.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines the tooltip of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    tooltip: string = \"\";\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  handleSwitchClick(): void {\n    if (!this.disabled) {\n      this.checked = !this.checked;\n      this.fireDecoratorEvent(\"change\");\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    if (!this.disabled && (isEnter(e) || isSpace(e))) {\n      e.preventDefault();\n      this.handleSwitchClick();\n    }\n  }\n\n  get switchTabIndex(): 0 | undefined {\n    return this.disabled ? undefined : 0;\n  }\n\n  get isActiveTrackClass():\n    | \"udex-switch__track--active\"\n    | \"udex-switch__track--inactive\" {\n    return this.checked ? \"udex-switch__track--active\" : \"udex-switch__track--inactive\";\n  }\n\n  get isSemanticColor(): boolean {\n    return this.color === UDExSwitchColor.Semantic;\n  }\n\n  get ariaLabeledBy(): string {\n    return this.accessibleNameRef || this.label ? `${this._id}-switch__label` : \"\";\n  }\n}\n\nUDExSwitch.define();\n\nexport default UDExSwitch;\n"]}

package/dist/SwitchTemplate.js

@@ -7,6 +7,6 @@ import lessIcon from "@ui5/webcomponents-icons/dist/less.js";
 export default function SwitchTemplate() {
     const rootClass = "udex-switch";
     const switchId = `${this._id}-switch`;
-    return (_jsxs("div", { class: `${rootClass}`, children: [this.label && (_jsx("label", { id: `${switchId}__label`, for: `${switchId}__input`, class: `${rootClass}__label`, part: "label", children: this.label })), _jsxs("div", { class: `${rootClass}__container`, role: "switch", "aria-label": this.accessibleName, "aria-labelledby": this.ariaLabeledBy, "aria-checked": this.checked, "aria-disabled": this.disabled, tabindex: this.switchTabIndex, title: this.tooltip, onClick: this.handleSwitchClick, children: [_jsx("div", { class: `${rootClass}__track ${this.isActiveTrackClass}`, children: _jsx("div", { class: `${rootClass}__handle`, children: _jsx(UI5Icon, { class: `${rootClass}__icon`, name: this.checked ? acceptIcon : this.isSemanticColor ? declineIcon : lessIcon, mode: IconMode.Decorative }) }) }), _jsx("input", { id: `${switchId}__input`, class: `${rootClass}__input`, type: "checkbox", checked: this.checked })] })] }));
+    return (_jsxs("div", { class: `${rootClass}`, children: [this.label && (_jsx("label", { id: `${switchId}__label`, for: `${switchId}__input`, class: `${rootClass}__label`, part: "label", children: this.label })), _jsxs("div", { class: `${rootClass}__container`, role: "switch", "aria-label": this.accessibleName, "aria-labelledby": this.ariaLabeledBy, "aria-checked": this.checked, "aria-disabled": this.disabled, tabindex: this.switchTabIndex, title: this.tooltip, onClick: this.handleSwitchClick, onKeyDown: this.handleKeyDown, children: [_jsx("div", { class: `${rootClass}__track ${this.isActiveTrackClass}`, children: _jsx("div", { class: `${rootClass}__handle`, children: _jsx(UI5Icon, { class: `${rootClass}__icon`, name: this.checked ? acceptIcon : this.isSemanticColor ? declineIcon : lessIcon, mode: IconMode.Decorative }) }) }), _jsx("input", { id: `${switchId}__input`, class: `${rootClass}__input`, type: "checkbox", checked: this.checked })] })] }));
 }
 //# sourceMappingURL=SwitchTemplate.js.map

package/dist/SwitchTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchTemplate.js","sourceRoot":"","sources":["../src/SwitchTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AACjE,OAAO,UAAU,MAAM,yCAAyC,CAAC;AACjE,OAAO,WAAW,MAAM,0CAA0C,CAAC;AACnE,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,MAAM,SAAS,GAAG,aAAa,CAAC;IAChC,MAAM,QAAQ,GAAG,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAEtC,OAAO,CACL,eAAK,KAAK,EAAE,GAAG,SAAS,EAAE,aACvB,IAAI,CAAC,KAAK,IAAI,CACb,gBACE,EAAE,EAAE,GAAG,QAAQ,SAAS,EACxB,GAAG,EAAE,GAAG,QAAQ,SAAS,EACzB,KAAK,EAAE,GAAG,SAAS,SAAS,EAC5B,IAAI,EAAC,OAAO,YACX,IAAI,CAAC,KAAK,GACL,CACT,EACD,eACE,KAAK,EAAE,GAAG,SAAS,aAAa,EAChC,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,cAAc,qBACd,IAAI,CAAC,aAAa,kBACrB,IAAI,CAAC,OAAO,mBACX,IAAI,CAAC,QAAQ,EAC5B,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,OAAO,EAAE,IAAI,CAAC,iBAAiB,aAC/B,cAAK,KAAK,EAAE,GAAG,SAAS,WAAW,IAAI,CAAC,kBAAkB,EAAE,YAC1D,cAAK,KAAK,EAAE,GAAG,SAAS,UAAU,YAChC,KAAC,OAAO,IACN,KAAK,EAAE,GAAG,SAAS,QAAQ,EAC3B,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,EAC/E,IAAI,EAAE,QAAQ,CAAC,UAAU,GACjB,GACN,GACF,EACN,gBACE,EAAE,EAAE,GAAG,QAAQ,SAAS,EACxB,KAAK,EAAE,GAAG,SAAS,SAAS,EAC5B,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,IACtB,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type Switch from \"./Switch.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport IconMode from \"@ui5/webcomponents/dist/types/IconMode.js\";\nimport acceptIcon from \"@ui5/webcomponents-icons/dist/accept.js\";\nimport declineIcon from \"@ui5/webcomponents-icons/dist/decline.js\";\nimport lessIcon from \"@ui5/webcomponents-icons/dist/less.js\";\n\nexport default function SwitchTemplate(this: Switch) {\n  const rootClass = \"udex-switch\";\n  const switchId = `${this._id}-switch`;\n\n  return (\n    <div class={`${rootClass}`}>\n      {this.label && (\n        <label\n          id={`${switchId}__label`}\n          for={`${switchId}__input`}\n          class={`${rootClass}__label`}\n          part=\"label\">\n          {this.label}\n        </label>\n      )}\n      <div\n        class={`${rootClass}__container`}\n        role=\"switch\"\n        aria-label={this.accessibleName}\n        aria-labelledby={this.ariaLabeledBy}\n        aria-checked={this.checked}\n        aria-disabled={this.disabled}\n        tabindex={this.switchTabIndex}\n        title={this.tooltip}\n        onClick={this.handleSwitchClick}>\n        <div class={`${rootClass}__track ${this.isActiveTrackClass}`}>\n          <div class={`${rootClass}__handle`}>\n            <UI5Icon\n              class={`${rootClass}__icon`}\n              name={this.checked ? acceptIcon : this.isSemanticColor ? declineIcon : lessIcon}\n              mode={IconMode.Decorative}>\n            </UI5Icon>\n          </div>\n        </div>\n        <input\n          id={`${switchId}__input`}\n          class={`${rootClass}__input`}\n          type=\"checkbox\"\n          checked={this.checked}/>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SwitchTemplate.js","sourceRoot":"","sources":["../src/SwitchTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AACjE,OAAO,UAAU,MAAM,yCAAyC,CAAC;AACjE,OAAO,WAAW,MAAM,0CAA0C,CAAC;AACnE,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,MAAM,SAAS,GAAG,aAAa,CAAC;IAChC,MAAM,QAAQ,GAAG,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAEtC,OAAO,CACL,eAAK,KAAK,EAAE,GAAG,SAAS,EAAE,aACvB,IAAI,CAAC,KAAK,IAAI,CACb,gBACE,EAAE,EAAE,GAAG,QAAQ,SAAS,EACxB,GAAG,EAAE,GAAG,QAAQ,SAAS,EACzB,KAAK,EAAE,GAAG,SAAS,SAAS,EAC5B,IAAI,EAAC,OAAO,YACX,IAAI,CAAC,KAAK,GACL,CACT,EACD,eACE,KAAK,EAAE,GAAG,SAAS,aAAa,EAChC,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,cAAc,qBACd,IAAI,CAAC,aAAa,kBACrB,IAAI,CAAC,OAAO,mBACX,IAAI,CAAC,QAAQ,EAC5B,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,SAAS,EAAE,IAAI,CAAC,aAAa,aAC7B,cAAK,KAAK,EAAE,GAAG,SAAS,WAAW,IAAI,CAAC,kBAAkB,EAAE,YAC1D,cAAK,KAAK,EAAE,GAAG,SAAS,UAAU,YAChC,KAAC,OAAO,IACN,KAAK,EAAE,GAAG,SAAS,QAAQ,EAC3B,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,EAC/E,IAAI,EAAE,QAAQ,CAAC,UAAU,GACjB,GACN,GACF,EACN,gBACE,EAAE,EAAE,GAAG,QAAQ,SAAS,EACxB,KAAK,EAAE,GAAG,SAAS,SAAS,EAC5B,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,IACtB,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type Switch from \"./Switch.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport IconMode from \"@ui5/webcomponents/dist/types/IconMode.js\";\nimport acceptIcon from \"@ui5/webcomponents-icons/dist/accept.js\";\nimport declineIcon from \"@ui5/webcomponents-icons/dist/decline.js\";\nimport lessIcon from \"@ui5/webcomponents-icons/dist/less.js\";\n\nexport default function SwitchTemplate(this: Switch) {\n  const rootClass = \"udex-switch\";\n  const switchId = `${this._id}-switch`;\n\n  return (\n    <div class={`${rootClass}`}>\n      {this.label && (\n        <label\n          id={`${switchId}__label`}\n          for={`${switchId}__input`}\n          class={`${rootClass}__label`}\n          part=\"label\">\n          {this.label}\n        </label>\n      )}\n      <div\n        class={`${rootClass}__container`}\n        role=\"switch\"\n        aria-label={this.accessibleName}\n        aria-labelledby={this.ariaLabeledBy}\n        aria-checked={this.checked}\n        aria-disabled={this.disabled}\n        tabindex={this.switchTabIndex}\n        title={this.tooltip}\n        onClick={this.handleSwitchClick}\n        onKeyDown={this.handleKeyDown}>\n        <div class={`${rootClass}__track ${this.isActiveTrackClass}`}>\n          <div class={`${rootClass}__handle`}>\n            <UI5Icon\n              class={`${rootClass}__icon`}\n              name={this.checked ? acceptIcon : this.isSemanticColor ? declineIcon : lessIcon}\n              mode={IconMode.Decorative}>\n            </UI5Icon>\n          </div>\n        </div>\n        <input\n          id={`${switchId}__input`}\n          class={`${rootClass}__input`}\n          type=\"checkbox\"\n          checked={this.checked}/>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/assets/InputComposition-DoqxipV9.js

@@ -0,0 +1 @@
+class n{constructor(o){this._onComposition=()=>{this._component.updateCompositionState(!0)},this._onCompositionEnd=()=>{this._component.updateCompositionState(!1)},this._component=o}addEventListeners(){const o=this._component.getInputEl();o&&(o.addEventListener("compositionstart",this._onComposition),o.addEventListener("compositionupdate",this._onComposition),o.addEventListener("compositionend",this._onCompositionEnd))}removeEventListeners(){const o=this._component.getInputEl();o&&(o.removeEventListener("compositionstart",this._onComposition),o.removeEventListener("compositionupdate",this._onComposition),o.removeEventListener("compositionend",this._onCompositionEnd))}}export{n as default};

package/dist/assets/InputSuggestions-L-9bNSZM.js

@@ -0,0 +1,2 @@
+import{r as w,j as l,a,p as x,d as P,b as R,s as p,m as v,u as S,v as y,w as O,x as L,D,c as A,z as G,I as b,A as I,F as H,B as f,R as E,C as V,G as $,H as B,J as N}from"./bundle.esm-D4RSd7yl.js";const F=n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");function _(n,e,t,s){return n.replaceAll(new RegExp(F(e),`${s?"i":""}g`),t)}function M(n,e){if(!n||!e)return n;const t=r=>{const[c,d]=r.split("");for(;n.indexOf(r)>=0||e.indexOf(r)>=0;)r=`${c}${r}${d}`;return r},s=t("12"),i=t("34");let o=w(_(n,e,r=>`${s}${r}${i}`,!0));return[[s,"<b>"],[i,"</b>"]].forEach(([r,c])=>{o=_(o,r,c,!1)}),o}function z(n,e){const t=(n==null?void 0:n.listItemContent)||q;return l("li",{part:"native-li","data-sap-focus-ref":!0,tabindex:this._effectiveTabIndex,class:this.classes.main,draggable:this.movable,role:e==null?void 0:e.role,title:e==null?void 0:e.title,onFocusIn:this._onfocusin,onKeyUp:this._onkeyup,onKeyDown:this._onkeydown,onClick:this._onclick,children:t.call(this)})}function q(){return l("div",{part:"content",id:`${this._id}-content`,class:"ui5-li-content",children:l("div",{class:"ui5-li-text-wrapper",children:l("span",{part:"title",class:"ui5-li-title",children:l("slot",{})})})})}function U(){return[z.call(this,{listItemContent:K},{role:"option"})]}function K(){return l("div",{part:"content",id:"content",class:"ui5-li-content",children:a("div",{class:"ui5-li-text-wrapper",children:[l("span",{part:"title",className:"ui5-li-title",dangerouslySetInnerHTML:{__html:this.markupText}}),this.additionalText&&l("span",{part:"additional-text",class:"ui5-li-additional-text",children:this.additionalText})]})})}x("@ui5/webcomponents-theming","sap_horizon",async()=>P);x("@ui5/webcomponents","sap_horizon",async()=>R);const W=`:host([ui5-suggestion-item]){height:auto;min-height:var(--_ui5-v2-17-0-rc-5_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-root{min-height:var(--_ui5-v2-17-0-rc-5_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-content{padding-bottom:.5rem;padding-top:.5rem;box-sizing:border-box}
+`;var g=function(n,e,t,s){var i=arguments.length,o=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,s);else for(var c=n.length-1;c>=0;c--)(r=n[c])&&(o=(i<3?r(o):i>3?r(e,t,o):r(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let h=class extends S{constructor(){super(...arguments),this.markupText=""}onEnterDOM(){y()&&this.setAttribute("desktop","")}get _effectiveTabIndex(){return-1}};g([p()],h.prototype,"text",void 0);g([p()],h.prototype,"additionalText",void 0);g([p()],h.prototype,"markupText",void 0);h=g([v({tag:"ui5-suggestion-item",template:U,styles:[S.styles,W]})],h);h.define();function J(n){const e=(n==null?void 0:n.items)||X;return a("ul",{role:"group",class:"ui5-group-li-root",onDragEnter:this._ondragenter,onDragOver:this._ondragover,onDrop:this._ondrop,onDragLeave:this._ondragleave,children:[this.hasHeader&&l(L,{focused:this.focused,part:"header",accessibleRole:O.Group,children:this.hasFormattedHeader?l("slot",{name:"header"}):this.headerText}),e.call(this),l(D,{orientation:"Horizontal",ownerReference:this})]})}function X(){return l("slot",{})}var T=function(n,e,t,s){var i=arguments.length,o=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,s);else for(var c=n.length-1;c>=0;c--)(r=n[c])&&(o=(i<3?r(o):i>3?r(e,t,o):r(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let m=class extends G{};T([A({default:!0,invalidateOnChildChange:!0,type:HTMLElement})],m.prototype,"items",void 0);m=T([v({tag:"ui5-suggestion-item-group",template:J})],m);m.define();function j(n){const e=(n==null?void 0:n.suggestionsList)||Q,t=n==null?void 0:n.mobileHeader,s=n==null?void 0:n.valueStateMessage,i=n==null?void 0:n.valueStateMessageInputIcon;return a(E,{class:this.classes.popover,hideArrow:!0,preventFocusRestore:!0,preventInitialFocus:!0,placement:"Bottom",horizontalAlign:"Start",tabindex:-1,style:this.styles.suggestionsPopover,onOpen:this._afterOpenPicker,onClose:this._afterClosePicker,onScroll:this._scroll,open:this.open,opener:this,accessibleName:this._popupLabel,children:[this._isPhone&&l(H,{children:a("div",{slot:"header",class:"ui5-responsive-popover-header",children:[l("div",{class:"row",children:l("span",{children:this._headerTitleText})}),l("div",{class:"row",children:a("div",{class:"input-root-phone native-input-wrapper",children:[l(b,{class:"ui5-input-inner-phone",type:this.inputType,value:this.value,showClearIcon:this.showClearIcon,placeholder:this.placeholder,onInput:this._handleInput}),t==null?void 0:t.call(this)]})}),this.hasValueStateMessage&&a("div",{class:this.classes.popoverValueState,style:this.styles.suggestionPopoverHeader,children:[l(I,{class:"ui5-input-value-state-message-icon",name:i==null?void 0:i.call(this)}),this.open&&(s==null?void 0:s.call(this))]})]})}),!this._isPhone&&this.hasValueStateMessage&&a("div",{slot:"header",class:{"ui5-responsive-popover-header":!0,...this.classes.popoverValueState},style:this.styles.suggestionPopoverHeader,children:[l(I,{class:"ui5-input-value-state-message-icon",name:i==null?void 0:i.call(this)}),this.open&&(s==null?void 0:s.call(this))]}),this.showSuggestions&&e.call(this),this._isPhone&&a("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:[l(f,{design:"Emphasized",onClick:this._confirmMobileValue,children:this._suggestionsOkButtonText}),l(f,{class:"ui5-responsive-popover-close-btn",design:"Transparent",onClick:this._cancelMobileValue,children:this._suggestionsCancelButtonText})]})]})}function Q(){return l($,{accessibleRole:V.ListBox,separators:this.suggestionSeparators,selectionMode:"Single",onMouseDown:this.onItemMouseDown,onItemClick:this._handleSuggestionItemPress,onSelectionChange:this._handleSelectionChange,children:l("slot",{})})}class u{get template(){return j}constructor(e,t,s,i){this.component=e,this.slotName=t,this.handleFocus=i,this.highlight=s,this.selectedItemIndex=-1}onUp(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;return this._handleItemNavigation(!1,s),!0}onDown(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;return this._handleItemNavigation(!0,s),!0}onSpace(e){return this._isItemOnTarget()?(e.preventDefault(),this.onItemSelected(this._selectedItem,!0),!0):!1}onEnter(e){return this._isGroupItem?(e.preventDefault(),!1):this._isItemOnTarget()?(this.onItemSelected(this._selectedItem,!0),!0):!1}onPageUp(e){e.preventDefault();const t=this.selectedItemIndex-10>-1;return this._moveItemSelection(this.selectedItemIndex,t?this.selectedItemIndex-=10:this.selectedItemIndex=0),!0}onPageDown(e){e.preventDefault();const t=this._getItems();if(!t)return!0;const s=t.length-1,i=this.selectedItemIndex+10<=s;return this._moveItemSelection(this.selectedItemIndex,i?this.selectedItemIndex+=10:this.selectedItemIndex=s),!0}onHome(e){return e.preventDefault(),this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=0),!0}onEnd(e){e.preventDefault();const t=this._getItems().length-1;return t&&this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=t),!0}onTab(){return this._isItemOnTarget()?(this.onItemSelected(this._selectedItem,!0),!0):!1}toggle(e,t){(e!==void 0?e:!this.isOpened())?this._getComponent().open=!0:this.close(t.preventFocusRestore)}get _selectedItem(){return this._getNonGroupItems().find(e=>e.selected)}_isScrollable(){const e=this._getScrollContainer();return e.offsetHeight<e.scrollHeight}close(e=!1){const t=this._getItems()&&this._getItems()[this.selectedItemIndex];this._getComponent().open=!1;const s=this._getPicker();s.preventFocusRestore=e,s.open=!1,t&&t.focused&&(t.focused=!1)}updateSelectedItemPosition(e){this.selectedItemIndex=e}onItemSelected(e,t){const s=e,i=this._getNonGroupItems();s&&(this.accInfo={isGroup:s.hasAttribute("ui5-suggestion-item-group"),currentPos:i.indexOf(s)+1,listSize:i.length,itemText:s.text||"",additionalText:s.additionalText},this._getComponent().onItemSelected(s,t),this._getComponent().open=!1)}onItemSelect(e){this._getComponent().onItemSelect(e)}onItemPress(e){let t;const s=e.type==="ui5-item-click";s&&!e.detail.item.selected||this._handledPress&&!s||(s&&e.detail.item.selected?(t=e.detail.item,this._handledPress=!0):t=e.detail.selectedItems[0],this.onItemSelected(t,!1))}_onClose(){this._handledPress=!1}_isItemOnTarget(){return this.isOpened()&&this.selectedItemIndex!==null&&this.selectedItemIndex!==-1&&!this._isGroupItem}get _isGroupItem(){const e=this._getItems();return!e||!e[this.selectedItemIndex]?!1:e[this.selectedItemIndex].hasAttribute("ui5-suggestion-item-group")}isOpened(){var e;return!!((e=this._getPicker())!=null&&e.open)}_handleItemNavigation(e,t){this.selectedItemIndex=t,this._getItems().length&&(e?this._selectNextItem():this._selectPreviousItem())}_selectNextItem(){const e=this._getItems().length,t=this.selectedItemIndex;t!==-1&&t+1>e-1||this._moveItemSelection(t,++this.selectedItemIndex)}_selectPreviousItem(){const e=this._getItems(),t=this.selectedItemIndex;if(!(t===-1||t===null)){if(t-1<0){(e[t].hasAttribute("ui5-suggestion-item")||e[t].hasAttribute("ui5-suggestion-item-custom"))&&(e[t].selected=!1),e[t].focused=!1,this.component.focused=!0,this.component.hasSuggestionItemSelected=!1,this.selectedItemIndex-=1;return}this._moveItemSelection(t,--this.selectedItemIndex)}}_moveItemSelection(e,t){const s=this._getItems(),i=s[t],o=s[e],r=this._getNonGroupItems(),c=i.hasAttribute("ui5-suggestion-item-group");if(!i)return;this.component.focused=!1;const d=this._getItems()[this.selectedItemIndex];if(this.accInfo={isGroup:c,currentPos:s.indexOf(i)+1,itemText:(c?d.headerText:d.text)||""},(i.hasAttribute("ui5-suggestion-item")||i.hasAttribute("ui5-suggestion-item-custom"))&&(this.accInfo.additionalText=i.additionalText||"",this.accInfo.currentPos=r.indexOf(i)+1,this.accInfo.listSize=r.length),o&&(o.focused=!1),(o!=null&&o.hasAttribute("ui5-suggestion-item")||o!=null&&o.hasAttribute("ui5-suggestion-item-custom"))&&(o.selected=!1),i&&(i.focused=!0,c||(i.selected=!0),this.handleFocus&&i.focus()),this.component.hasSuggestionItemSelected=!0,this.onItemSelect(i),!this._isItemIntoView(i)){const C=this._isGroupItem?i.shadowRoot.querySelector("[ui5-li-group-header]"):i;this._scrollItemIntoView(C)}}_deselectItems(){this._getItems().forEach(t=>{t.hasAttribute("ui5-suggestion-item")&&(t.selected=!1),t.focused=!1})}_clearItemFocus(){const e=this._getItems().find(t=>t.focused);e&&(e.focused=!1)}_isItemIntoView(e){const t=e.getDomRef().getBoundingClientRect(),s=this._getComponent().getDomRef().getBoundingClientRect(),i=window.innerHeight||document.documentElement.clientHeight;let o=0;return this._hasValueState&&(o=this._getPicker().querySelector("[slot=header]").getBoundingClientRect().height),t.top+u.SCROLL_STEP<=i&&t.top>=s.top+o}_scrollItemIntoView(e){e.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}_getScrollContainer(){return this._scrollContainer||(this._scrollContainer=this._getPicker().shadowRoot.querySelector(".ui5-popup-content")),this._scrollContainer}_getItems(){return this._getComponent().getSlottedNodes("suggestionItems").flatMap(t=>t.hasAttribute("ui5-suggestion-item-group")?[t,...t.items]:[t])}_getNonGroupItems(){return this._getItems().filter(e=>!e.hasAttribute("ui5-suggestion-item-group"))}_getComponent(){return this.component}_getList(){return this._getPicker().querySelector("[ui5-list]")}_getListWidth(){var e;return(e=this._getList())==null?void 0:e.offsetWidth}_getPicker(){return this._getComponent().shadowRoot.querySelector("[ui5-responsive-popover]")}get itemSelectionAnnounce(){if(!this.accInfo)return"";if(this.accInfo.isGroup)return`${u.i18nBundle.getText(B)} ${this.accInfo.itemText}`;const e=u.i18nBundle.getText(N,this.accInfo.currentPos||0,this.accInfo.listSize||0);return`${this.accInfo.additionalText} ${e}`}hightlightInput(e,t){return M(e,t)}get _hasValueState(){return this.component.hasValueStateMessage}_clearSelectedSuggestionAndaccInfo(){this.accInfo=void 0,this.selectedItemIndex=0}}u.SCROLL_STEP=60;b.SuggestionsClass=u;export{u as default};