@sapudex/web-components 2.27.0 → 2.29.0

package/dist/PromoTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromoTile.js","sourceRoot":"","sources":["../src/PromoTile.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport PromoTileTemplate from \"./PromoTileTemplate.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { PROMO_TILE, PROMO_TILE_ICON } from \"./generated/i18n/i18n-defaults.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport type UDExButton from \"./Button.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport { UDExPromoTileColorScheme, UDExPromoTileMode } from \"./types/PromoTile.js\";\n\n// Styles\nimport PromoTileCss from \"./generated/themes/PromoTile.css.js\";\nimport translate from \"./utils/translate.js\";\n\nexport enum UDExOrientation {\n  Vertical = \"Vertical\",\n  Horizontal = \"Horizontal\",\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-promo-tile</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/PromoTile.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-promo-tile\n * @public\n */\n@customElement({\n  tag: \"udex-promo-tile\",\n  renderer: jsxRenderer,\n  styles: PromoTileCss,\n  template: PromoTileTemplate,\n})\n\n/**\n * Triggered when the user clicks on the CTA button\n *\n * @public\n */\n@event(\"button-click\", { cancelable: true, bubbles: true })\n\nclass UDExPromoTile extends UI5Element {\n  eventDetails!: {\n    \"button-click\": void,\n  };\n\n  /**\n   * Defines the text content of the Promo Tile.\n   *\n   * @slot content\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    content!: Array<HTMLElement>;\n\n  /**\n   * Defines the orientation of the Promo Tile component.\n   *\n   * @default \"Vertical\"\n   * @public\n   */\n  @property()\n    orientation: `${UDExOrientation}` = UDExOrientation.Vertical;\n\n  /**\n   * Defines the UI5 icon name in the pictogram section.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    icon?: string;\n\n  /**\n   * Defines the image aria label and alt in the pictogram section.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    imageLabel?: string;\n\n  /**\n   * Defines the logo URL in the pictogram section.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoUrl?: string;\n\n  /**\n   * Defines the header text of the promo tile.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    header?: string;\n\n  /**\n   * Defines the eyebrow text of the promo tile.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    eyebrow?: string;\n\n  /**\n   * Defines the CTA button label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    button?: string;\n\n  /**\n   * Defines the CTA button design\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    buttonDesign?: UDExButtonDesign;\n\n  /**\n   * Defines the color scheme of the Promo Tile.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    colorScheme?: UDExPromoTileColorScheme;\n\n  /**\n   * Defines the accessible name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    accessibleName?: string;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _handleResizeBound: ResizeObserverCallback;\n  _button: UDExButton | undefined;\n  _colorMode: UDExPromoTileMode = UDExPromoTileMode.light;\n  _lightModeColors: Array<number> = [1, 2];\n  _darkModeColors: Array<number> = [7, 8, 9, 10];\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onAfterRendering() {\n    this._button = this.getButton();\n    this.applyColorScheme();\n  }\n\n  _handleResize(): void {\n    if (this._button) {\n      this._button.size = this.isMobile ? UDExButtonSize.Medium : UDExButtonSize.Large;\n    }\n  }\n\n  getButton(): UDExButton | undefined {\n    return this.shadowRoot!.querySelector<UDExButton>(\n      \"[udex-button]\",\n    )!;\n  }\n\n  applyColorScheme(): void {\n    if (!this.colorScheme) {\n      return;\n    }\n\n    this._colorMode = this.checkColorMode(this.colorScheme);\n    const eyebrowColor = this.checkEyebrowColor(this.colorScheme);\n\n    if (this._colorMode === UDExPromoTileMode.dark) {\n      if (this._button) {\n        this._button.design = this.buttonDesign || UDExButtonDesign.Secondary;\n      }\n      this.style.setProperty(\"--udex-promo-tile-icon-fill-color\", `var(--udexCoreTextLight)`);\n    }\n    this.style.setProperty(\"--udex-promo-tile-background\", `var(--udexColor${this.colorScheme})`);\n    this.style.setProperty(\"--udex-promo-tile-eyebrow-color\", `var(--udexColor${eyebrowColor})`);\n  }\n\n  getColorNumber(colorScheme: string): number {\n    const match = colorScheme.match(/\\d+/);\n    return match ? parseInt(match[0]) : 0;\n  }\n\n  checkColorMode(colorScheme: string): UDExPromoTileMode {\n    const number = this.getColorNumber(colorScheme);\n\n    if (number && this._darkModeColors.includes(number)) {\n      return UDExPromoTileMode.dark;\n    }\n    return UDExPromoTileMode.light;\n  }\n\n  checkEyebrowColor(colorScheme: string): string {\n    const number = this.getColorNumber(colorScheme);\n    let color: string = UDExPromoTileColorScheme.Blue8;\n\n    if (number === 7) {\n      color = \"NeutralWhite\";\n    } else if (this._darkModeColors.includes(number)) {\n      color = colorScheme.replace(`${number}`, `${number - 7}`);\n    } else if (this._lightModeColors.includes(number)) {\n      color = colorScheme.replace(`${number}`, `${number + 7}`);\n    }\n    return color;\n  }\n\n  get isMobile(): boolean {\n    return BreakpointUtils.isAtMost(\"S\");\n  }\n\n  get promoTileContainerText(): string {\n    return this.accessibleName || this.header || translate(UDExPromoTile, PROMO_TILE);\n  }\n\n  get _showPictogram(): boolean {\n    return !!this.icon || !!this.logoUrl;\n  }\n\n  get _showLogo(): boolean {\n    return !this.icon && !!this.logoUrl;\n  }\n\n  get _imageLabel(): string {\n    return this.imageLabel || translate(UDExPromoTile, PROMO_TILE_ICON);\n  }\n\n  handleCTAButtonClick(e: Event) {\n    e.preventDefault();\n    this.fireDecoratorEvent(\"button-click\");\n  }\n}\n\nUDExPromoTile.define();\n\nexport default UDExPromoTile;\n"]}
+{"version":3,"file":"PromoTile.js","sourceRoot":"","sources":["../src/PromoTile.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport PromoTileTemplate from \"./PromoTileTemplate.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { PROMO_TILE, PROMO_TILE_ICON } from \"./generated/i18n/i18n-defaults.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport type UDExButton from \"./Button.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport { UDExPromoTileColorScheme, UDExPromoTileMode } from \"./types/PromoTile.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport PromoTileCss from \"./generated/themes/PromoTile.css.js\";\n\nexport enum UDExOrientation {\n  Vertical = \"Vertical\",\n  Horizontal = \"Horizontal\",\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-promo-tile</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/PromoTile.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-promo-tile\n * @public\n */\n@customElement({\n  tag: \"udex-promo-tile\",\n  renderer: jsxRenderer,\n  styles: PromoTileCss,\n  template: PromoTileTemplate,\n})\n\n/**\n * Triggered when the user clicks on the CTA button\n *\n * @public\n */\n@event(\"button-click\", { cancelable: true, bubbles: true })\n\nclass UDExPromoTile extends UI5Element {\n  eventDetails!: {\n    \"button-click\": void,\n  };\n\n  /**\n   * Defines the text content of the Promo Tile.\n   *\n   * @slot content\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    content!: Array<HTMLElement>;\n\n  /**\n   * Defines the custom pictogram of the Promo Tile.\n   *\n   * @slot pictogram\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    pictogram?: Array<HTMLElement>;\n\n  /**\n   * Defines the orientation of the Promo Tile component.\n   *\n   * @default \"Vertical\"\n   * @public\n   */\n  @property()\n    orientation: `${UDExOrientation}` = UDExOrientation.Vertical;\n\n  /**\n   * Defines the UI5 icon name in the pictogram section.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    icon?: string;\n\n  /**\n   * Defines the image aria label and alt in the pictogram section.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    imageLabel?: string;\n\n  /**\n   * Defines the logo URL in the pictogram section.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoUrl?: string;\n\n  /**\n   * Defines the header text of the promo tile.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    header?: string;\n\n  /**\n   * Defines the eyebrow text of the promo tile.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    eyebrow?: string;\n\n  /**\n   * Defines the CTA button label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    button?: string;\n\n  /**\n   * Defines the CTA button design\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    buttonDesign?: UDExButtonDesign;\n\n  /**\n   * Defines the color scheme of the Promo Tile.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    colorScheme?: UDExPromoTileColorScheme;\n\n  /**\n   * Defines the accessible name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    accessibleName?: string;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _handleResizeBound: ResizeObserverCallback;\n  _button: UDExButton | undefined;\n  _colorMode: UDExPromoTileMode = UDExPromoTileMode.light;\n  _lightModeColors: Array<number> = [1, 2];\n  _darkModeColors: Array<number> = [7, 8, 9, 10];\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onAfterRendering() {\n    this._button = this.getButton();\n    this.applyColorScheme();\n  }\n\n  _handleResize(): void {\n    if (this._button) {\n      this._button.size = this.isMobile ? UDExButtonSize.Medium : UDExButtonSize.Large;\n    }\n  }\n\n  getButton(): UDExButton | undefined {\n    return this.shadowRoot!.querySelector<UDExButton>(\"[udex-button]\")!;\n  }\n\n  applyColorScheme(): void {\n    if (!this.colorScheme) {\n      return;\n    }\n\n    this._colorMode = this.checkColorMode(this.colorScheme);\n    const eyebrowColor = this.checkEyebrowColor(this.colorScheme);\n\n    if (this._colorMode === UDExPromoTileMode.dark) {\n      if (this._button) {\n        this._button.design = this.buttonDesign || UDExButtonDesign.Secondary;\n      }\n      this.style.setProperty(\"--udex-promo-tile-icon-fill-color\", `var(--udexCoreTextLight)`);\n    }\n    this.style.setProperty(\"--udex-promo-tile-background\", `var(--udexColor${this.colorScheme})`);\n    this.style.setProperty(\"--udex-promo-tile-eyebrow-color\", `var(--udexColor${eyebrowColor})`);\n  }\n\n  getColorNumber(colorScheme: string): number {\n    const match = colorScheme.match(/\\d+/);\n    return match ? parseInt(match[0]) : 0;\n  }\n\n  checkColorMode(colorScheme: string): UDExPromoTileMode {\n    const number = this.getColorNumber(colorScheme);\n\n    if (number && this._darkModeColors.includes(number)) {\n      return UDExPromoTileMode.dark;\n    }\n    return UDExPromoTileMode.light;\n  }\n\n  checkEyebrowColor(colorScheme: string): string {\n    const number = this.getColorNumber(colorScheme);\n    let color: string = UDExPromoTileColorScheme.Blue8;\n\n    if (number === 7) {\n      color = \"NeutralWhite\";\n    } else if (this._darkModeColors.includes(number)) {\n      color = colorScheme.replace(`${number}`, `${number - 7}`);\n    } else if (this._lightModeColors.includes(number)) {\n      color = colorScheme.replace(`${number}`, `${number + 7}`);\n    }\n    return color;\n  }\n\n  handleCTAButtonClick(e: Event) {\n    e.preventDefault();\n    this.fireDecoratorEvent(\"button-click\");\n  }\n\n  get isMobile(): boolean {\n    return BreakpointUtils.isAtMost(\"S\");\n  }\n\n  get promoTileContainerText(): string {\n    return this.accessibleName || this.header || translate(UDExPromoTile, PROMO_TILE);\n  }\n\n  get _showPictogram(): boolean {\n    return !!this.icon || !!this.logoUrl || !!this.pictogram?.length;\n  }\n\n  get _showLogo(): boolean {\n    return !this.icon && !!this.logoUrl;\n  }\n\n  get _imageLabel(): string {\n    return this.imageLabel || translate(UDExPromoTile, PROMO_TILE_ICON);\n  }\n}\n\nUDExPromoTile.define();\n\nexport default UDExPromoTile;\n"]}

package/dist/PromoTileTemplate.js

@@ -7,12 +7,12 @@ import UDExButtonAccessibleRole from "./types/ButtonAccessibleRole.js";
 export default function PromoTileTemplate() {
     const rootClass = "udex-promo-tile";
     return (_jsxs("div", { role: "region", class: `${rootClass}__container ${rootClass}--${this.orientation?.toLowerCase()} ${rootClass}--${this._colorMode}`, "aria-label": this.promoTileContainerText, children: [this._showPictogram &&
-                _jsxs("div", { part: "image", class: {
+                _jsx("div", { part: "image", class: {
                         "udex-promo-tile__pictogram": true,
-                        "udex-promo-tile__pictogram--logo": this.logoUrl
-                    }, title: this._imageLabel, children: [this.icon &&
-                            _jsx(UI5Icon, { class: `${rootClass}__icon`, name: this.icon?.toLowerCase(), mode: IconMode.Decorative, accessibleName: this._imageLabel }), this._showLogo &&
-                            _jsx("img", { src: this.logoUrl, class: `${rootClass}__icon`, "aria-label": this._imageLabel, alt: this._imageLabel })] }), _jsxs("div", { part: "content", class: `${rootClass}__content`, children: [_jsxs("div", { class: `${rootClass}__text`, children: [this.eyebrow &&
+                        "udex-promo-tile__pictogram--logo": this.logoUrl && !this.pictogram?.length
+                    }, title: this._imageLabel, children: _jsxs("slot", { slot: "pictogram", name: "pictogram", children: [this.icon &&
+                                _jsx(UI5Icon, { class: `${rootClass}__icon`, name: this.icon?.toLowerCase(), mode: IconMode.Decorative, accessibleName: this._imageLabel }), this._showLogo &&
+                                _jsx("img", { src: this.logoUrl, class: `${rootClass}__icon`, "aria-label": this._imageLabel, alt: this._imageLabel })] }) }), _jsxs("div", { part: "content", class: `${rootClass}__content`, children: [_jsxs("div", { class: `${rootClass}__text`, children: [this.eyebrow &&
                                 _jsx("div", { class: `${rootClass}__eyebrow eyebrow--l`, children: this.eyebrow }), this.header &&
                                 _jsx("div", { part: "header", class: `${rootClass}__header`, children: this.header }), _jsx("slot", {})] }), !!this.button && footerSection.call(this, rootClass)] })] }));
 }

package/dist/PromoTileTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromoTileTemplate.js","sourceRoot":"","sources":["../src/PromoTileTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AACjE,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,wBAAwB,MAAM,iCAAiC,CAAC;AAEvE,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,MAAM,SAAS,GAAG,iBAAiB,CAAC;IAEpC,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,GAAG,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,SAAS,KAAK,IAAI,CAAC,UAAU,EAAE,gBACtG,IAAI,CAAC,sBAAsB,aACtC,IAAI,CAAC,cAAc;gBAClB,eACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE;wBACL,4BAA4B,EAAE,IAAI;wBAClC,kCAAkC,EAAE,IAAI,CAAC,OAAO;qBACjD,EACD,KAAK,EAAE,IAAI,CAAC,WAAW,aACtB,IAAI,CAAC,IAAI;4BACR,KAAC,OAAO,IACN,KAAK,EAAE,GAAG,SAAS,QAAQ,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,EAC9B,IAAI,EAAE,QAAQ,CAAC,UAAU,EACzB,cAAc,EAAE,IAAI,CAAC,WAAW,GACxB,EACX,IAAI,CAAC,SAAS;4BACb,cACE,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,KAAK,EAAE,GAAG,SAAS,QAAQ,gBACf,IAAI,CAAC,WAAW,EAC5B,GAAG,EAAE,IAAI,CAAC,WAAW,GAAI,IACzB,EAER,eAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,GAAG,SAAS,WAAW,aAChD,eAAK,KAAK,EAAE,GAAG,SAAS,QAAQ,aAC7B,IAAI,CAAC,OAAO;gCACX,cAAK,KAAK,EAAE,GAAG,SAAS,sBAAsB,YAAG,IAAI,CAAC,OAAO,GAAO,EAErE,IAAI,CAAC,MAAM;gCACV,cAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,SAAS,UAAU,YAAG,IAAI,CAAC,MAAM,GAAO,EAEvE,gBAAa,IACT,EACL,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,IACjD,IACF,CACP,CAAC;AACJ,CAAC;AACD,SAAS,aAAa,CAAsB,SAAiB;IAC3D,OAAO,CACL,4BACE,cAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,SAAS,UAAU,YAC9C,KAAC,UAAU,IAAC,KAAK,EAAE,GAAG,SAAS,OAAO,EACpC,IAAI,EAAE,cAAc,CAAC,KAAK,EAC1B,MAAM,EAAE,IAAI,CAAC,YAAY,EACzB,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,cAAc,EAAE,wBAAwB,CAAC,MAAM,YAC9C,IAAI,CAAC,MAAM,GACD,GACT,GACL,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type UDExPromoTile from \"./PromoTile.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport IconMode from \"@ui5/webcomponents/dist/types/IconMode.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExButtonAccessibleRole from \"./types/ButtonAccessibleRole.js\";\n\nexport default function PromoTileTemplate(this: UDExPromoTile) {\n  const rootClass = \"udex-promo-tile\";\n\n  return (\n    <div\n      role=\"region\"\n      class={`${rootClass}__container ${rootClass}--${this.orientation?.toLowerCase()} ${rootClass}--${this._colorMode}`}\n      aria-label={this.promoTileContainerText}>\n      {this._showPictogram &&\n        <div\n          part=\"image\"\n          class={{\n            \"udex-promo-tile__pictogram\": true,\n            \"udex-promo-tile__pictogram--logo\": this.logoUrl\n          }}\n          title={this._imageLabel}>\n          {this.icon &&\n            <UI5Icon\n              class={`${rootClass}__icon`}\n              name={this.icon?.toLowerCase()}\n              mode={IconMode.Decorative}\n              accessibleName={this._imageLabel}>\n            </UI5Icon>}\n          {this._showLogo &&\n            <img\n              src={this.logoUrl}\n              class={`${rootClass}__icon`}\n              aria-label={this._imageLabel}\n              alt={this._imageLabel} />}\n        </div>\n      }\n      <div part=\"content\" class={`${rootClass}__content`}>\n        <div class={`${rootClass}__text`}>\n          {this.eyebrow &&\n            <div class={`${rootClass}__eyebrow eyebrow--l`}>{this.eyebrow}</div>\n          }\n          {this.header &&\n            <div part=\"header\" class={`${rootClass}__header`}>{this.header}</div>\n          }\n          <slot></slot>\n        </div>\n        {!!this.button && footerSection.call(this, rootClass)}\n      </div>\n    </div>\n  );\n}\nfunction footerSection(this: UDExPromoTile, rootClass: string) {\n  return (\n    <>\n      <div part=\"footer\" class={`${rootClass}__footer`}>\n        <UDExButton class={`${rootClass}__btn`}\n          size={UDExButtonSize.Large}\n          design={this.buttonDesign}\n          onClick={this.handleCTAButtonClick}\n          accessibleRole={UDExButtonAccessibleRole.Button}>\n          {this.button}\n        </UDExButton>\n      </div>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"PromoTileTemplate.js","sourceRoot":"","sources":["../src/PromoTileTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AACjE,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,wBAAwB,MAAM,iCAAiC,CAAC;AAEvE,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,MAAM,SAAS,GAAG,iBAAiB,CAAC;IAEpC,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,GAAG,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,SAAS,KAAK,IAAI,CAAC,UAAU,EAAE,gBACtG,IAAI,CAAC,sBAAsB,aACtC,IAAI,CAAC,cAAc;gBAClB,cACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE;wBACL,4BAA4B,EAAE,IAAI;wBAClC,kCAAkC,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM;qBAC5E,EACD,KAAK,EAAE,IAAI,CAAC,WAAW,YACvB,gBAAM,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,WAAW,aACpC,IAAI,CAAC,IAAI;gCACR,KAAC,OAAO,IACN,KAAK,EAAE,GAAG,SAAS,QAAQ,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,EAC9B,IAAI,EAAE,QAAQ,CAAC,UAAU,EACzB,cAAc,EAAE,IAAI,CAAC,WAAW,GACxB,EAEX,IAAI,CAAC,SAAS;gCACb,cACE,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,KAAK,EAAE,GAAG,SAAS,QAAQ,gBACf,IAAI,CAAC,WAAW,EAC5B,GAAG,EAAE,IAAI,CAAC,WAAW,GAAI,IAExB,GACH,EAER,eAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,GAAG,SAAS,WAAW,aAChD,eAAK,KAAK,EAAE,GAAG,SAAS,QAAQ,aAC7B,IAAI,CAAC,OAAO;gCACX,cAAK,KAAK,EAAE,GAAG,SAAS,sBAAsB,YAAG,IAAI,CAAC,OAAO,GAAO,EAErE,IAAI,CAAC,MAAM;gCACV,cAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,SAAS,UAAU,YAAG,IAAI,CAAC,MAAM,GAAO,EAEvE,gBAAa,IACT,EACL,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,IACjD,IACF,CACP,CAAC;AACJ,CAAC;AACD,SAAS,aAAa,CAAsB,SAAiB;IAC3D,OAAO,CACL,4BACE,cAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,SAAS,UAAU,YAC9C,KAAC,UAAU,IAAC,KAAK,EAAE,GAAG,SAAS,OAAO,EACpC,IAAI,EAAE,cAAc,CAAC,KAAK,EAC1B,MAAM,EAAE,IAAI,CAAC,YAAY,EACzB,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,cAAc,EAAE,wBAAwB,CAAC,MAAM,YAC9C,IAAI,CAAC,MAAM,GACD,GACT,GACL,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type UDExPromoTile from \"./PromoTile.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport IconMode from \"@ui5/webcomponents/dist/types/IconMode.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExButtonAccessibleRole from \"./types/ButtonAccessibleRole.js\";\n\nexport default function PromoTileTemplate(this: UDExPromoTile) {\n  const rootClass = \"udex-promo-tile\";\n\n  return (\n    <div\n      role=\"region\"\n      class={`${rootClass}__container ${rootClass}--${this.orientation?.toLowerCase()} ${rootClass}--${this._colorMode}`}\n      aria-label={this.promoTileContainerText}>\n      {this._showPictogram &&\n        <div\n          part=\"image\"\n          class={{\n            \"udex-promo-tile__pictogram\": true,\n            \"udex-promo-tile__pictogram--logo\": this.logoUrl && !this.pictogram?.length\n          }}\n          title={this._imageLabel}>\n          <slot slot=\"pictogram\" name=\"pictogram\">\n            {this.icon &&\n              <UI5Icon\n                class={`${rootClass}__icon`}\n                name={this.icon?.toLowerCase()}\n                mode={IconMode.Decorative}\n                accessibleName={this._imageLabel}>\n              </UI5Icon>\n            }\n            {this._showLogo &&\n              <img\n                src={this.logoUrl}\n                class={`${rootClass}__icon`}\n                aria-label={this._imageLabel}\n                alt={this._imageLabel} />\n            }\n          </slot>\n        </div>\n      }\n      <div part=\"content\" class={`${rootClass}__content`}>\n        <div class={`${rootClass}__text`}>\n          {this.eyebrow &&\n            <div class={`${rootClass}__eyebrow eyebrow--l`}>{this.eyebrow}</div>\n          }\n          {this.header &&\n            <div part=\"header\" class={`${rootClass}__header`}>{this.header}</div>\n          }\n          <slot></slot>\n        </div>\n        {!!this.button && footerSection.call(this, rootClass)}\n      </div>\n    </div>\n  );\n}\nfunction footerSection(this: UDExPromoTile, rootClass: string) {\n  return (\n    <>\n      <div part=\"footer\" class={`${rootClass}__footer`}>\n        <UDExButton class={`${rootClass}__btn`}\n          size={UDExButtonSize.Large}\n          design={this.buttonDesign}\n          onClick={this.handleCTAButtonClick}\n          accessibleRole={UDExButtonAccessibleRole.Button}>\n          {this.button}\n        </UDExButton>\n      </div>\n    </>\n  );\n}\n"]}

package/dist/RatingIndicator.d.ts

@@ -32,8 +32,15 @@ declare class UDExRatingIndicator extends RatingIndicator {
       * @public
       */
     totalCount: number;
+    /**
+     * The number of the rating.
+     *
+     * @public
+     */
+    ratingCount: number;
     static i18nBundle: I18nBundle;
     get _ariaLabel(): string;
     get hasTotalCount(): boolean;
+    get hasRatingCount(): boolean;
 }
 export default UDExRatingIndicator;

package/dist/RatingIndicator.js

@@ -14,7 +14,7 @@ import RatingIndicatorTemplate from "./RatingIndicatorTemplate.js";
 // Styles
 import RatingIndicatorCss from "./generated/themes/RatingIndicator.css.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
-import { TOTAL } from "./generated/i18n/i18n-defaults.js";
+import { TOTAL, RATING_COUNT_TITLE } from "./generated/i18n/i18n-defaults.js";
 import translate from "./utils/translate.js";
 import "@ui5/webcomponents-icons/dist/favorite.js";
 import "@ui5/webcomponents-icons/dist/unfavorite.js";
@@ -48,14 +48,16 @@ let UDExRatingIndicator = class UDExRatingIndicator extends RatingIndicator {
     }
     get _ariaLabel() {
         const ariaLabelText = getEffectiveAriaLabelText(this) || "";
-        if (this.totalCount) {
-            return `${ariaLabelText ? `${ariaLabelText}, ` : ""}${translate(RatingIndicator, TOTAL)} ${this.totalCount}`;
-        }
-        return ariaLabelText;
+        const ratingText = this.ratingCount ? `${translate(RatingIndicator, RATING_COUNT_TITLE)} ${this.ratingCount}` : "";
+        const totalText = this.totalCount ? `${translate(RatingIndicator, TOTAL)} ${this.totalCount}` : "";
+        return [ariaLabelText, ratingText, totalText].filter(Boolean).join(", ");
     }
     get hasTotalCount() {
         return !!this.totalCount || this.totalCount === 0;
     }
+    get hasRatingCount() {
+        return !!this.ratingCount || this.ratingCount === 0;
+    }
 };
 __decorate([
     property()
@@ -63,6 +65,9 @@ __decorate([
 __decorate([
     property()
 ], UDExRatingIndicator.prototype, "totalCount", void 0);
+__decorate([
+    property()
+], UDExRatingIndicator.prototype, "ratingCount", void 0);
 __decorate([
     i18n("@sapudex/web-components")
 ], UDExRatingIndicator, "i18nBundle", void 0);

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,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,SAAS,MAAM,sBAAsB,CAAC;AAC7C,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,SAAS,CAAC,eAAe,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QAC/G,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 translate from \"./utils/translate.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}, ` : \"\"}${translate(RatingIndicator, 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"]}
+{"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,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,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;IAoC5D,CAAC;IAfC,IAAI,UAAU;QACZ,MAAM,aAAa,GAAG,yBAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAC5D,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,eAAe,EAAE,kBAAkB,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACnH,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,eAAe,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAEnG,OAAO,CAAC,aAAa,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3E,CAAC;IAED,IAAI,aAAa;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC;IACtD,CAAC;CACF,CAAA;AApCG;IADD,QAAQ,EAAE;oDAC+C;AAQxD;IADD,QAAQ,EAAE;uDACW;AAQpB;IADD,QAAQ,EAAE;wDACY;AAGhB;IADN,IAAI,CAAC,yBAAyB,CAAC;6CACF;AA3B1B,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,CA4CxB;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, RATING_COUNT_TITLE } from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.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  /**\n   * The number of the rating.\n   *\n   * @public\n   */\n  @property()\n    ratingCount!: number;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  get _ariaLabel(): string {\n    const ariaLabelText = getEffectiveAriaLabelText(this) || \"\";\n    const ratingText = this.ratingCount ? `${translate(RatingIndicator, RATING_COUNT_TITLE)} ${this.ratingCount}` : \"\";\n    const totalText = this.totalCount ? `${translate(RatingIndicator, TOTAL)} ${this.totalCount}` : \"\";\n\n    return [ariaLabelText, ratingText, totalText].filter(Boolean).join(\", \");\n  }\n\n  get hasTotalCount(): boolean {\n    return !!this.totalCount || this.totalCount === 0;\n  }\n\n  get hasRatingCount(): boolean {\n    return !!this.ratingCount || this.ratingCount === 0;\n  }\n}\n\nUDExRatingIndicator.define();\n\nexport default UDExRatingIndicator;\n"]}

package/dist/RatingIndicatorTemplate.js

@@ -1,13 +1,25 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, 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: {
+    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 => (_jsx("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, ")"] }))] }));
+                        "udex-rating-indicator__item-half ui5-rating-indicator-item-half udex-rating-indicator__item-unsel": star.halfStar && !star.selected,
+                    }, children: starRender.call(this, star, ui5Class, rootClass) }))) }), (this.hasRatingCount || this.hasTotalCount) && (_jsxs("div", { class: `${rootClass}__total`, children: [this.hasRatingCount && _jsxs(_Fragment, { children: [this.ratingCount, " "] }), this.hasTotalCount && _jsxs(_Fragment, { children: ["(", this.totalCount, ")"] })] }))] }));
+}
+function starRender(star, ui5Class, rootClass) {
+    if (star.selected) {
+        return (_jsx(UI5Icon, { "data-ui5-value": star.index, name: "favorite" }));
+    }
+    if (star.halfStar) {
+        return (_jsxs(_Fragment, { children: [_jsx(UI5Icon, { "data-ui5-value": star.index, name: this.readonly ? "favorite" : "unfavorite" }), _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` }) })] }));
+    }
+    if (this.readonly) {
+        return (_jsx(UI5Icon, { "data-ui5-value": star.index, name: "favorite" }));
+    }
+    return (_jsx(UI5Icon, { "data-ui5-value": star.index, name: "unfavorite" }));
 }
 //# sourceMappingURL=RatingIndicatorTemplate.js.map

package/dist/RatingIndicatorTemplate.js.map

@@ -1 +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"]}
+{"version":3,"file":"RatingIndicatorTemplate.js","sourceRoot":"","sources":["../src/RatingIndicatorTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExRatingIndicator from \"./RatingIndicator.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\n\ntype Star = {\n  selected: boolean;\n  index: number;\n  halfStar: boolean;\n};\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 udex-rating-indicator__item-unsel\": star.halfStar && !star.selected,\n            }}>\n            {starRender.call(this, star, ui5Class, rootClass)}\n          </li>\n        ))}\n      </ul>\n      {(this.hasRatingCount || this.hasTotalCount) && (\n        <div class={`${rootClass}__total`}>\n          {this.hasRatingCount && <>{this.ratingCount} </>}\n          {this.hasTotalCount && <>&#40;{this.totalCount}&#41;</>}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction starRender(this: UDExRatingIndicator, star: Star, ui5Class: string, rootClass: string) {\n  if (star.selected) {\n    return (\n      <UI5Icon data-ui5-value={star.index} name=\"favorite\"/>\n    );\n  }\n  if (star.halfStar) {\n    return (\n      <>\n        <UI5Icon data-ui5-value={star.index} name={this.readonly ? \"favorite\" : \"unfavorite\"}/>\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    );\n  }\n  if (this.readonly) {\n    return (\n      <UI5Icon data-ui5-value={star.index} name=\"favorite\"/>\n    );\n  }\n  return (\n    <UI5Icon data-ui5-value={star.index} name=\"unfavorite\"/>\n  );\n}\n"]}

package/dist/Review.js

@@ -14,9 +14,9 @@ import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { REVIEWS, STARS } from "./generated/i18n/i18n-defaults.js";
 import "@ui5/webcomponents-icons/dist/favorite.js";
 import ReviewTemplate from "./ReviewTemplate.js";
+import translate from "./utils/translate.js";
 // Styles
 import ReviewCss from "./generated/themes/Review.css.js";
-import translate from "./utils/translate.js";
 /**
  * @class
  *

package/dist/Review.js.map

@@ -1 +1 @@
-{"version":3,"file":"Review.js","sourceRoot":"","sources":["../src/Review.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,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,2CAA2C,CAAC;AAGnD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AAEjD,SAAS;AACT,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C;;;;;;;;;;;;;;;;GAgBG;AAQH,IAAM,UAAU,kBAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QACE;;;;;WAKG;QAED,WAAM,GAAW,CAAC,CAAC;QAErB;;;;;WAKG;QAED,YAAO,GAAW,CAAC,CAAC;QAgCtB,eAAU,GAAW,CAAC,CAAC;QACvB,eAAU,GAAW,CAAC,CAAC;QACvB,mBAAc,GAAW,CAAC,CAAC;IAsC7B,CAAC;IApCC,IAAI,WAAW;QACb,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,YAAU,EAAE,OAAO,CAAC,EAAE,CAAC;IAC7D,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,OAAO,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IACjD,CAAC;IAED,IAAI,eAAe;QACjB,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,IAAI,CAAC,mDAAmD,CAAC,CAAC;YAClE,OAAO,IAAI,CAAC,UAAU,CAAC;QACzB,CAAC;QACD,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,IAAI,CAAC,mDAAmD,CAAC,CAAC;YAClE,OAAO,IAAI,CAAC,UAAU,CAAC;QACzB,CAAC;QACD,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,mBAAmB;QACrB,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YAC3C,OAAO,CAAC,IAAI,CAAC,yDAAyD,CAAC,CAAC;YACxE,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC/C,CAAC;QAED,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,GAAG,IAAI,CAAC,eAAe,IAAI,SAAS,CAAC,YAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACnE,CAAC;CACF,CAAA;AAjFG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACN;AASnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CACL;AASpB;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;gDACA;AAS1B;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;+CACA;AAS1B;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;wCACtC;AAGvB;IADN,IAAI,CAAC,yBAAyB,CAAC;oCACF;AA/C1B,UAAU;IAPf,aAAa,CAAC;QACb,GAAG,EAAE,aAAa;QAClB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,cAAc;KACzB,CAAC;GAEI,UAAU,CAyFf;AAED,UAAU,CAAC,MAAM,EAAE,CAAC;AAEpB,eAAe,UAAU,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 i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { REVIEWS, STARS } from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/favorite.js\";\nimport type UDExRatingBar from \"./RatingBar.js\";\nimport type UDExButton from \"./Button.js\";\nimport ReviewTemplate from \"./ReviewTemplate.js\";\n\n// Styles\nimport ReviewCss from \"./generated/themes/Review.css.js\";\nimport translate from \"./utils/translate.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-review</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Review.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-review\",\n  renderer: jsxRenderer,\n  styles: ReviewCss,\n  template: ReviewTemplate,\n})\n\nclass UDExReview extends UI5Element {\n  /**\n   * Defines the rating.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ type: Number })\n    rating: number = 0;\n\n  /**\n   * Defines the total number of reviews.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ type: Number })\n    reviews: number = 0;\n\n  /**\n   * Slot for a button for writing a review.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    reviewButton!: UDExButton;\n\n  /**\n   * Slot for the default text when there are no reviews or rating.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    defaultText!: HTMLElement;\n\n  /**\n   * Slot for rating bars.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    bars!: Array<UDExRatingBar>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _minRating: number = 0;\n  _maxRating: number = 5;\n  _maxRatingBars: number = 5;\n\n  get reviewsText(): string {\n    return `${this.reviews} ${translate(UDExReview, REVIEWS)}`;\n  }\n\n  get withoutBreakdown(): boolean {\n    return this.bars.length === 0;\n  }\n\n  get isEmpty(): boolean {\n    return this.reviews === 0 && this.rating === 0;\n  }\n\n  get validatedRating(): number {\n    if (this.rating > this._maxRating) {\n      console.warn(\"UDEx Review: The rating shouldn't be more than 5.\");\n      return this._maxRating;\n    }\n    if (this.rating < this._minRating) {\n      console.warn(\"UDEx Review: The rating shouldn't be less than 0.\");\n      return this._minRating;\n    }\n    return this.rating;\n  }\n\n  get validatedRatingBars(): Array<UDExRatingBar> {\n    if (this.bars.length > this._maxRatingBars) {\n      console.warn(\"UDEx Review: There shouldn't be more than 5 RatingBars.\");\n      return this.bars.slice(-this._maxRatingBars);\n    }\n\n    return this.bars;\n  }\n\n  get _ratingDescription(): string {\n    return `${this.validatedRating} ${translate(UDExReview, STARS)}`;\n  }\n}\n\nUDExReview.define();\n\nexport default UDExReview;\n"]}
+{"version":3,"file":"Review.js","sourceRoot":"","sources":["../src/Review.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.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 { REVIEWS, STARS } from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/favorite.js\";\nimport type UDExRatingBar from \"./RatingBar.js\";\nimport type UDExButton from \"./Button.js\";\nimport ReviewTemplate from \"./ReviewTemplate.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport ReviewCss from \"./generated/themes/Review.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-review</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Review.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-review\",\n  renderer: jsxRenderer,\n  styles: ReviewCss,\n  template: ReviewTemplate,\n})\n\nclass UDExReview extends UI5Element {\n  /**\n   * Defines the rating.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ type: Number })\n    rating: number = 0;\n\n  /**\n   * Defines the total number of reviews.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ type: Number })\n    reviews: number = 0;\n\n  /**\n   * Slot for a button for writing a review.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    reviewButton!: UDExButton;\n\n  /**\n   * Slot for the default text when there are no reviews or rating.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    defaultText!: HTMLElement;\n\n  /**\n   * Slot for rating bars.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    bars!: Array<UDExRatingBar>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _minRating: number = 0;\n  _maxRating: number = 5;\n  _maxRatingBars: number = 5;\n\n  get reviewsText(): string {\n    return `${this.reviews} ${translate(UDExReview, REVIEWS)}`;\n  }\n\n  get withoutBreakdown(): boolean {\n    return this.bars.length === 0;\n  }\n\n  get isEmpty(): boolean {\n    return this.reviews === 0 && this.rating === 0;\n  }\n\n  get validatedRating(): number {\n    if (this.rating > this._maxRating) {\n      console.warn(\"UDEx Review: The rating shouldn't be more than 5.\");\n      return this._maxRating;\n    }\n    if (this.rating < this._minRating) {\n      console.warn(\"UDEx Review: The rating shouldn't be less than 0.\");\n      return this._minRating;\n    }\n    return this.rating;\n  }\n\n  get validatedRatingBars(): Array<UDExRatingBar> {\n    if (this.bars.length > this._maxRatingBars) {\n      console.warn(\"UDEx Review: There shouldn't be more than 5 RatingBars.\");\n      return this.bars.slice(-this._maxRatingBars);\n    }\n\n    return this.bars;\n  }\n\n  get _ratingDescription(): string {\n    return `${this.validatedRating} ${translate(UDExReview, STARS)}`;\n  }\n}\n\nUDExReview.define();\n\nexport default UDExReview;\n"]}

package/dist/SearchableListBase.js

@@ -345,7 +345,7 @@ let UDExSearchableListBase = UDExSearchableListBase_1 = class UDExSearchableList
     }
     get isControlled() {
         const isGrouping = this.items.some(({ isGroup }) => isGroup);
-        return this.mode === UDExListMode.MultiSelect && isGrouping;
+        return this.modeMultiSelect && isGrouping;
     }
     get additionalClassName() {
         return `udex-searchable-list__header`;

package/dist/SearchableListBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchableListBase.js","sourceRoot":"","sources":["../src/SearchableListBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport { cleanLabel } from \"./utils/listItemLabelUtils.js\";\nimport { UDExListMode } from \"./types/List.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport type { UDExProcessedItem } from \"./types/SearchableListBase.js\";\nimport type UDExSearch from \"./Search.js\";\nimport type UDExListItemBase from \"./ListItemBase.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport type UDExList from \"./List.js\";\nimport type UDExListItem from \"./ListItem.js\";\nimport type UDExFilterMenuItem from \"./FilterMenuItem.js\";\nimport { SHOW_SEARCH_AFTER_COUNT, UDExPopoverPart } from \"./types/SearchableListBase.js\";\nimport { NO_MATCHES_FOUND, RESULT_RETURNED } from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.js\";\n\nexport type UDExItemFromList = UDExListItemBase | UDExListGroupHeaderBase | null | undefined;\n\ntype UDExSearchableListBaseChangeSearchEventDetail = {\n  value: string,\n}\n\ntype UDExSearchableListBaseSelectionChangeEventDetail = {\n  selectedItems: Array<UDExListItemBase>,\n  item: UDExItemFromList,\n}\ntype UDExSearchableListBaseSubmitSearchEventDetail = {\n  selectedItems: Array<UDExListItemBase>\n}\n\ntype UDExSelectBoxIconClickEventDetail = {\n  originalEvent: PointerEvent,\n  item: UDExItemFromList,\n}\n\nexport type UDExSearchableListBaseEvents = {\n  \"select-all\": void,\n  \"selection-change\": UDExSearchableListBaseSelectionChangeEventDetail,\n  \"submit-search\": UDExSearchableListBaseSubmitSearchEventDetail,\n  \"reset-search\": void,\n  \"change-search\": UDExSearchableListBaseChangeSearchEventDetail,\n  \"first-icon-click\": UDExSelectBoxIconClickEventDetail,\n  \"second-icon-click\": UDExSelectBoxIconClickEventDetail,\n}\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExFilterMenu</code> ,<code>UDExSelectBox</code> and <code>UDExCountrySelector</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @public\n */\n\n/**\n * Fired event when the user click on an item on the list.\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n * @param {UDExListItemBase | UDExListGroupHeaderBase | null | undefined} item The clicked item.\n * @public\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n * @param {UDExListItemBase | UDExListGroupHeaderBase | null | undefined} item The clicked item.\n *\n */\n@event(\"selection-change\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the Select All header.\n *\n * @public\n */\n@event(\"select-all\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the submitted icon in the search.\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n * @public\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n *\n */\n@event(\"submit-search\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the reset button in the search.\n *\n * @public\n */\n@event(\"reset-search\", { bubbles: true })\n\n/**\n * Fired event when the user submitted the value in the search.\n * @param {string} value The search value.\n * @public\n * @param {string} value The search value.\n */\n@event(\"change-search\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the first icon.\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n * @public\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n */\n@event(\"first-icon-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the second icon.\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n * @public\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n */\n@event(\"second-icon-click\", { bubbles: true })\n\nclass UDExSearchableListBase extends UI5Element {\n  eventDetails!: UDExSearchableListBaseEvents;\n  /**\n   * Enables tab navigation for the list.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    tabNavigationEnabled?: boolean;\n\n  /**\n   * Allows control over the height.\n   * @public\n   */\n  @property({ type: String })\n    height?: string;\n\n  /**\n   * Defines if page scrolling should be prevented within the list of items.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    preventPageScroll = false;\n\n  /**\n   * Defines if the component would display a loading indicator.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    busy?: boolean;\n\n  /**\n   * Defines if the search input is visible.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    showSearchInput!: boolean;\n\n  /**\n   * Defines the delay in milliseconds, after which the busy indicator will show up for this component.\n   *\n   * @default 1000\n   * @public\n   */\n  @property({ type: Number })\n    busyDelay: number = 1000;\n\n  /**\n   * Defines the \"no result\" text of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    noResultText!: string;\n\n  /**\n   * Defines the placeholder of the search.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    searchPlaceholder!: string;\n\n  /**\n   * Defines the selectAll option of the component.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    selectAll?: boolean;\n\n  /**\n   * Defines label text for select all header.\n   *\n   * @default \"Select All\"\n   * @public\n   */\n  @property()\n    selectAllLabel!: string;\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property()\n    mode: `${UDExListMode}` = UDExListMode.SingleSelect;\n\n  /**\n   * Slot for items.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, invalidateOnChildChange: true })\n    items!: Array<UDExListItemBase | UDExListGroupHeaderBase>;\n\n  /**\n   * Defines the default accessible role for the list component.\n   *\n   * @default \"list\"\n   * @public\n   */\n  @property({ type: String })\n    defaultAccessibleRole: string = \"list\";\n\n  /**\n   * Defines the filtered items for the component.\n   *\n   * @default []\n   * @private\n   */\n  @property({ type: Object })\n    _filteredItems!: Array<UDExProcessedItem>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _shouldFilterItems?: boolean;\n  _accSearchResultInfo?: string;\n\n  constructor() {\n    super();\n    this._shouldFilterItems = false;\n    this._filteredItems = [];\n  }\n\n  onBeforeRendering() {\n    if (!this._shouldFilterItems) {\n      this._filteredItems = this.getProcessedItems();\n    }\n  }\n\n  onItemPress(e:CustomEvent) {\n    const dropdownItemId: string = this.getDataTokenId(e.detail.item as UDExListItemBase);\n    this.handleDropdownItemPress(dropdownItemId);\n    this.fireSelectionChange(dropdownItemId);\n  }\n\n  handleDropdownItemPress(dropdownItemId: string) {\n    this.getProcessedItems().forEach(({ item, groupItems, isGroup }) => {\n      if (isGroup) {\n        const groupItem: UDExListItemBase = groupItems.find(({ _id }) => _id === dropdownItemId)!;\n        if (groupItem) {\n          this.handleItemClick(groupItem);\n          this.handleGroupHeaderState(item as UDExListGroupHeaderBase);\n        }\n      } else if (item._id === dropdownItemId) {\n        this.handleItemClick(item);\n      }\n    });\n\n    this.syncFilteredItems();\n  }\n\n  handleItemClick(item: UDExListItemBase) {\n    if (this.modeSingleSelect) {\n      this.revertSelectedItems(this.selectedItems);\n    }\n\n    if (this.modeRadioGroup) {\n      const groupHeader = item.parentElement as UDExListGroupHeaderBase;\n      this.revertSelectedItems(groupHeader.getItems());\n    }\n\n    item.selected = !item.selected;\n  }\n\n  handleGroupHeaderState(groupHeader: UDExListGroupHeaderBase) {\n    if (this.modeMultiSelect) {\n      groupHeader.handleHeaderState();\n    }\n  }\n\n  onHeaderPress(e:CustomEvent) {\n    const item = e.detail.item as UDExListItemBase;\n    const id = this.getDataTokenId(item);\n    this.handleGroupHeaderSelection(id);\n    this.syncFilteredItems();\n    this.fireSelectionChange(id);\n  }\n\n  onSelectAllHeaderPress(e:CustomEvent) {\n    const item = e.detail.item as UDExListItemBase;\n    const id = this.getDataTokenId(item);\n    this.handleGroupHeaderSelection(id);\n    this.syncFilteredItems();\n    this.fireDecoratorEvent(\"select-all\");\n  }\n\n  handleGroupHeaderSelection(id: string): void {\n    this.getProcessedItems().forEach(({ item }) => {\n      if (item._id === id) {\n        (item as UDExListGroupHeaderBase).handleSelectionGroupState();\n      }\n    });\n  }\n\n  onSearch(value: string) {\n    const searchValue: string = value;\n    this._shouldFilterItems = true;\n    this._filteredItems = this.filterItems(this.getProcessedItems(), searchValue);\n    const items = this.getFlattenItemsArray(this._filteredItems);\n    this._accSearchResultInfo = items.length ? `${items.length} ${this.resultReturnedText}` : this.noMatchesFoundText;\n    this.fireDecoratorEvent(\"change-search\", { value: searchValue });\n  }\n\n  onReset() {\n    this.revertSelectedItems(this.selectedItems);\n  }\n\n  onResetSearch() {\n    this.resetSearch();\n    this.fireDecoratorEvent(\"reset-search\");\n  }\n\n  onSubmitSearch() {\n    this.fireDecoratorEvent(\"submit-search\", {\n      selectedItems: this.selectedItems,\n    });\n  }\n\n  /**\n   * Reset the search value.\n   * @public\n   */\n  resetSearch() {\n    const search = this.getSearch();\n    search.value = \"\";\n    this._filteredItems = this.filterItems(this.getProcessedItems(), \"\");\n  }\n\n  filterItems(items: Array<UDExProcessedItem>, str: string): Array<UDExProcessedItem> {\n    return items.filter(preparedItem => {\n      const { isGroup, item } = preparedItem;\n      if (isGroup) {\n        preparedItem.groupItems = this.filterItemsForLabel(preparedItem.groupItems, str);\n        return preparedItem.groupItems.length > 0;\n      }\n      return this.checkAndUpdateLabel(item, str);\n    });\n  }\n\n  filterItemsForLabel(groupItems: Array<UDExListItemBase>, str: string): Array<UDExListItemBase> {\n    return groupItems.filter(groupItem => this.checkAndUpdateLabel(groupItem, str));\n  }\n\n  checkAndUpdateLabel(item: UDExListItemBase | UDExListGroupHeaderBase, str: string): boolean {\n    if (!item.label) {\n      console.warn(\"A label property is required for the item\");\n      return false;\n    }\n    const cleanedLabel = cleanLabel(item.label);\n    if (this.isIncludes(cleanedLabel, str)) {\n      item.label = this.addSearchTermTag(cleanedLabel, str);\n      return true;\n    }\n    return false;\n  }\n\n  addSearchTermTag(text: string, str: string): string {\n    if (!str.length) {\n      return text;\n    }\n\n    const regex = new RegExp(`(${str})`, \"i\");\n    return text.replace(regex, \"<b>$1</b>\");\n  }\n\n  isIncludes(string: string, value: string): boolean {\n    return string.toLowerCase().includes(value.toLowerCase());\n  }\n\n  revertSelectedItems(items: Array<UDExListItemBase>) {\n    items.forEach((item: UDExListItemBase) => {\n      if (!item.disabled) {\n        item.selected = false;\n      }\n    });\n  }\n\n  syncFilteredItems() {\n    const search = this.getSearch();\n    if (this._shouldFilterItems) {\n      this._filteredItems = this.filterItems(this.getProcessedItems(), search.value);\n    } else {\n      this._filteredItems = this.getProcessedItems();\n    }\n  }\n\n  getSlottedItems(items: Array<UDExListItemBase | UDExListGroupHeaderBase>): Array<UDExListItemBase | UDExListGroupHeaderBase> {\n    const arr: Array<UDExListItemBase | UDExListGroupHeaderBase> = [];\n    items.forEach(item => {\n      arr.push(item);\n      if (item.isGroup) {\n        arr.push(...(item as UDExListGroupHeaderBase).getItems());\n      }\n    });\n    return arr;\n  }\n\n  getItemFromList(itemId:string): UDExItemFromList {\n    let menuItem = null;\n\n    for (let i = 0; i < this.items.length; i++) {\n      const item = this.items[i];\n\n      if (item.isGroup) {\n        const groupItems = (item as UDExListGroupHeaderBase).getItems();\n        menuItem = groupItems.find(({ _id }) => _id === itemId);\n\n        if (menuItem) {\n          break;\n        }\n      } else if (item._id === itemId) {\n        menuItem = item;\n        break;\n      }\n    }\n\n    return menuItem;\n  }\n\n  fireSelectionChange(itemId: string) {\n    this.fireDecoratorEvent(\"selection-change\", {\n      selectedItems: this.selectedItems,\n      item: this.getItemFromList(itemId),\n    });\n  }\n\n  fireFirstIconClickEvent(e: CustomEvent): void {\n    this._fireIconClickEvent(\"first-icon-click\", e);\n  }\n\n  fireSecondIconClickEvent(e: CustomEvent): void {\n    this._fireIconClickEvent(\"second-icon-click\", e);\n  }\n\n  private _fireIconClickEvent(eventName: \"first-icon-click\" | \"second-icon-click\", e: CustomEvent): void {\n    const item = e.detail.item as UDExListItemBase;\n    const id = this.getDataTokenId(item);\n    this.fireDecoratorEvent(eventName, {\n      originalEvent: e.detail.originalEvent,\n      item: this.getItemFromList(id),\n    });\n  }\n\n  getFlattenItemsArray(array: Array<UDExProcessedItem>): (UDExProcessedItem | UDExListItemBase)[] {\n    return array.flatMap(item => {\n      if (item.isGroup) {\n        return [\n          item,\n          ...item.groupItems.filter(groupItem => !groupItem.disabled),\n        ];\n      }\n      return item.item.disabled ? [] : [item.item];\n    });\n  }\n\n  getCurrentIndex(item: UDExListItem): number {\n    return this.getDomListItems().indexOf(item);\n  }\n\n  getList(): UDExList {\n    return this.shadowRoot!.querySelector<UDExList>(\"[udex-list]\")!;\n  }\n\n  getSearch(): UDExSearch | HTMLInputElement {\n    return this.shadowRoot!.querySelector<UDExSearch>(\"[udex-search]\")! || this.shadowRoot!.querySelector<HTMLInputElement>(\".udex-text-field__search\")!;\n  }\n\n  getPopover(): Popover {\n    return this.shadowRoot!.querySelector<Popover>(\"[ui5-popover]\")!;\n  }\n\n  getDomListItems(): UDExListItem[] {\n    const elementList = this.shadowRoot!.querySelector(\"[udex-list]\") as HTMLElement;\n    return elementList ? Array.from(elementList.querySelectorAll(\"[udex-list-item]\")) : [];\n  }\n\n  getDataTokenId(item: UDExListItemBase): string {\n    return item.getAttribute(\"data-token-id\") as string;\n  }\n\n  getProcessedItems(): Array<UDExProcessedItem> {\n    return this.items.map(item => {\n      const isGroup = item.isGroup;\n      const groupItems = isGroup ? (item as UDExListGroupHeaderBase).getItems() : [];\n\n      if (isGroup) {\n        this._setItemsModeAndControl(groupItems);\n      }\n\n      item.mode = this.mode;\n      item.controlled = this.isControlled;\n\n      return { item, groupItems, isGroup };\n    });\n  }\n\n  getPopoverPart(part: UDExPopoverPart): HTMLElement {\n    return this.getPopover().shadowRoot!.querySelector<HTMLElement>(`[part=${part}]`)!;\n  }\n\n  _managePopupListeners(part: UDExPopoverPart, action: \"addEventListener\" | \"removeEventListener\"): void {\n    const element = this.getPopoverPart(part);\n    element?.[action](\"wheel\", ((e: WheelEvent) => e.preventDefault()) as EventListener);\n  }\n\n  _setContentHeight(): void {\n    const content = this.getPopoverPart(UDExPopoverPart.Content);\n    content.style.maxHeight = this.height || \"\";\n  }\n\n  _setItemsModeAndControl(items: Array<UDExFilterMenuItem>) {\n    items.forEach(item => {\n      item.mode = this.mode;\n      item.controlled = this.isControlled;\n    });\n  }\n\n  get getNoResultText(): string {\n    const hasTextProperty = this.noResultText !== undefined && this.noResultText.length > 0;\n    return hasTextProperty ? this.noResultText : this.noMatchesFoundText;\n  }\n\n  get noMatchesFoundText(): string {\n    return translate(UDExSearchableListBase, NO_MATCHES_FOUND);\n  }\n\n  get resultReturnedText(): string {\n    return translate(UDExSearchableListBase, RESULT_RETURNED);\n  }\n\n  get isListEmpty(): boolean {\n    return this._filteredItems.length === 0;\n  }\n\n  get selectedItems(): Array<UDExListItemBase> {\n    const selectedItems: Array<UDExListItemBase> = this.getSlottedItems(this.items).filter(({ selected }) => selected);\n    return selectedItems;\n  }\n\n  get modeMultiSelect(): boolean {\n    return this.mode === UDExListMode.MultiSelect;\n  }\n\n  get modeSingleSelect(): boolean {\n    return this.mode === UDExListMode.SingleSelect;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get isControlled(): boolean {\n    const isGrouping = this.items.some(({ isGroup }) => isGroup);\n    return this.mode === UDExListMode.MultiSelect && isGrouping;\n  }\n\n  get additionalClassName(): string {\n    return `udex-searchable-list__header`;\n  }\n\n  get groupClassName(): string {\n    const classHeader = `udex-searchable-list__header`;\n    return this.showSearch ? `${classHeader} udex-searchable-list__header_no-margin` : classHeader;\n  }\n\n  get showSearch(): boolean {\n    const isSearchVisible = this.showSearchInput || (this.isSearchActive && !this.modeRadioGroup);\n    return !this.hideDropdownSearch && isSearchVisible;\n  }\n\n  get isSearchActive(): boolean {\n    return this.nonGroupItems.length > SHOW_SEARCH_AFTER_COUNT;\n  }\n\n  get nonGroupItems(): Array<UDExListItemBase> {\n    return this.getSlottedItems(this.items).filter(item => !item.isGroup);\n  }\n\n  get roleForGroupList(): string {\n    return this._filteredItems.some(element => element.isGroup) ? \"group\" : \"none\";\n  }\n\n  get accessibleRoleForList(): string {\n    return this._filteredItems.some(element => element.isGroup) ? \"group\" : this.defaultAccessibleRole;\n  }\n\n  get listItemRole(): string {\n    if (this.accessibleRoleForList === \"list\") {\n      return \"listitem\";\n    }\n\n    if (this.accessibleRoleForList === \"listbox\") {\n      return \"option\";\n    }\n\n    return \"none\";\n  }\n\n  get hideDropdownSearch(): boolean {\n    return false;\n  }\n}\n\nexport default UDExSearchableListBase;\nexport type {\n  UDExSelectBoxIconClickEventDetail, UDExSearchableListBaseSubmitSearchEventDetail, UDExSearchableListBaseChangeSearchEventDetail, UDExSearchableListBaseSelectionChangeEventDetail,\n};\n"]}
+{"version":3,"file":"SearchableListBase.js","sourceRoot":"","sources":["../src/SearchableListBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport { cleanLabel } from \"./utils/listItemLabelUtils.js\";\nimport { UDExListMode } from \"./types/List.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport type { UDExProcessedItem } from \"./types/SearchableListBase.js\";\nimport type UDExSearch from \"./Search.js\";\nimport type UDExListItemBase from \"./ListItemBase.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport type UDExList from \"./List.js\";\nimport type UDExListItem from \"./ListItem.js\";\nimport type UDExFilterMenuItem from \"./FilterMenuItem.js\";\nimport { SHOW_SEARCH_AFTER_COUNT, UDExPopoverPart } from \"./types/SearchableListBase.js\";\nimport { NO_MATCHES_FOUND, RESULT_RETURNED } from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.js\";\n\nexport type UDExItemFromList = UDExListItemBase | UDExListGroupHeaderBase | null | undefined;\n\ntype UDExSearchableListBaseChangeSearchEventDetail = {\n  value: string,\n}\n\ntype UDExSearchableListBaseSelectionChangeEventDetail = {\n  selectedItems: Array<UDExListItemBase>,\n  item: UDExItemFromList,\n}\ntype UDExSearchableListBaseSubmitSearchEventDetail = {\n  selectedItems: Array<UDExListItemBase>\n}\n\ntype UDExSelectBoxIconClickEventDetail = {\n  originalEvent: PointerEvent,\n  item: UDExItemFromList,\n}\n\nexport type UDExSearchableListBaseEvents = {\n  \"select-all\": void,\n  \"selection-change\": UDExSearchableListBaseSelectionChangeEventDetail,\n  \"submit-search\": UDExSearchableListBaseSubmitSearchEventDetail,\n  \"reset-search\": void,\n  \"change-search\": UDExSearchableListBaseChangeSearchEventDetail,\n  \"first-icon-click\": UDExSelectBoxIconClickEventDetail,\n  \"second-icon-click\": UDExSelectBoxIconClickEventDetail,\n}\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExFilterMenu</code> ,<code>UDExSelectBox</code> and <code>UDExCountrySelector</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @public\n */\n\n/**\n * Fired event when the user click on an item on the list.\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n * @param {UDExListItemBase | UDExListGroupHeaderBase | null | undefined} item The clicked item.\n * @public\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n * @param {UDExListItemBase | UDExListGroupHeaderBase | null | undefined} item The clicked item.\n *\n */\n@event(\"selection-change\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the Select All header.\n *\n * @public\n */\n@event(\"select-all\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the submitted icon in the search.\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n * @public\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n *\n */\n@event(\"submit-search\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the reset button in the search.\n *\n * @public\n */\n@event(\"reset-search\", { bubbles: true })\n\n/**\n * Fired event when the user submitted the value in the search.\n * @param {string} value The search value.\n * @public\n * @param {string} value The search value.\n */\n@event(\"change-search\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the first icon.\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n * @public\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n */\n@event(\"first-icon-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the second icon.\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n * @public\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n */\n@event(\"second-icon-click\", { bubbles: true })\n\nclass UDExSearchableListBase extends UI5Element {\n  eventDetails!: UDExSearchableListBaseEvents;\n  /**\n   * Enables tab navigation for the list.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    tabNavigationEnabled?: boolean;\n\n  /**\n   * Allows control over the height.\n   * @public\n   */\n  @property({ type: String })\n    height?: string;\n\n  /**\n   * Defines if page scrolling should be prevented within the list of items.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    preventPageScroll = false;\n\n  /**\n   * Defines if the component would display a loading indicator.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    busy?: boolean;\n\n  /**\n   * Defines if the search input is visible.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    showSearchInput!: boolean;\n\n  /**\n   * Defines the delay in milliseconds, after which the busy indicator will show up for this component.\n   *\n   * @default 1000\n   * @public\n   */\n  @property({ type: Number })\n    busyDelay: number = 1000;\n\n  /**\n   * Defines the \"no result\" text of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    noResultText!: string;\n\n  /**\n   * Defines the placeholder of the search.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    searchPlaceholder!: string;\n\n  /**\n   * Defines the selectAll option of the component.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    selectAll?: boolean;\n\n  /**\n   * Defines label text for select all header.\n   *\n   * @default \"Select All\"\n   * @public\n   */\n  @property()\n    selectAllLabel!: string;\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property()\n    mode: `${UDExListMode}` = UDExListMode.SingleSelect;\n\n  /**\n   * Slot for items.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, invalidateOnChildChange: true })\n    items!: Array<UDExListItemBase | UDExListGroupHeaderBase>;\n\n  /**\n   * Defines the default accessible role for the list component.\n   *\n   * @default \"list\"\n   * @public\n   */\n  @property({ type: String })\n    defaultAccessibleRole: string = \"list\";\n\n  /**\n   * Defines the filtered items for the component.\n   *\n   * @default []\n   * @private\n   */\n  @property({ type: Object })\n    _filteredItems!: Array<UDExProcessedItem>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _shouldFilterItems?: boolean;\n  _accSearchResultInfo?: string;\n\n  constructor() {\n    super();\n    this._shouldFilterItems = false;\n    this._filteredItems = [];\n  }\n\n  onBeforeRendering() {\n    if (!this._shouldFilterItems) {\n      this._filteredItems = this.getProcessedItems();\n    }\n  }\n\n  onItemPress(e:CustomEvent) {\n    const dropdownItemId: string = this.getDataTokenId(e.detail.item as UDExListItemBase);\n    this.handleDropdownItemPress(dropdownItemId);\n    this.fireSelectionChange(dropdownItemId);\n  }\n\n  handleDropdownItemPress(dropdownItemId: string) {\n    this.getProcessedItems().forEach(({ item, groupItems, isGroup }) => {\n      if (isGroup) {\n        const groupItem: UDExListItemBase = groupItems.find(({ _id }) => _id === dropdownItemId)!;\n        if (groupItem) {\n          this.handleItemClick(groupItem);\n          this.handleGroupHeaderState(item as UDExListGroupHeaderBase);\n        }\n      } else if (item._id === dropdownItemId) {\n        this.handleItemClick(item);\n      }\n    });\n\n    this.syncFilteredItems();\n  }\n\n  handleItemClick(item: UDExListItemBase) {\n    if (this.modeSingleSelect) {\n      this.revertSelectedItems(this.selectedItems);\n    }\n\n    if (this.modeRadioGroup) {\n      const groupHeader = item.parentElement as UDExListGroupHeaderBase;\n      this.revertSelectedItems(groupHeader.getItems());\n    }\n\n    item.selected = !item.selected;\n  }\n\n  handleGroupHeaderState(groupHeader: UDExListGroupHeaderBase) {\n    if (this.modeMultiSelect) {\n      groupHeader.handleHeaderState();\n    }\n  }\n\n  onHeaderPress(e:CustomEvent) {\n    const item = e.detail.item as UDExListItemBase;\n    const id = this.getDataTokenId(item);\n    this.handleGroupHeaderSelection(id);\n    this.syncFilteredItems();\n    this.fireSelectionChange(id);\n  }\n\n  onSelectAllHeaderPress(e:CustomEvent) {\n    const item = e.detail.item as UDExListItemBase;\n    const id = this.getDataTokenId(item);\n    this.handleGroupHeaderSelection(id);\n    this.syncFilteredItems();\n    this.fireDecoratorEvent(\"select-all\");\n  }\n\n  handleGroupHeaderSelection(id: string): void {\n    this.getProcessedItems().forEach(({ item }) => {\n      if (item._id === id) {\n        (item as UDExListGroupHeaderBase).handleSelectionGroupState();\n      }\n    });\n  }\n\n  onSearch(value: string) {\n    const searchValue: string = value;\n    this._shouldFilterItems = true;\n    this._filteredItems = this.filterItems(this.getProcessedItems(), searchValue);\n    const items = this.getFlattenItemsArray(this._filteredItems);\n    this._accSearchResultInfo = items.length ? `${items.length} ${this.resultReturnedText}` : this.noMatchesFoundText;\n    this.fireDecoratorEvent(\"change-search\", { value: searchValue });\n  }\n\n  onReset() {\n    this.revertSelectedItems(this.selectedItems);\n  }\n\n  onResetSearch() {\n    this.resetSearch();\n    this.fireDecoratorEvent(\"reset-search\");\n  }\n\n  onSubmitSearch() {\n    this.fireDecoratorEvent(\"submit-search\", {\n      selectedItems: this.selectedItems,\n    });\n  }\n\n  /**\n   * Reset the search value.\n   * @public\n   */\n  resetSearch() {\n    const search = this.getSearch();\n    search.value = \"\";\n    this._filteredItems = this.filterItems(this.getProcessedItems(), \"\");\n  }\n\n  filterItems(items: Array<UDExProcessedItem>, str: string): Array<UDExProcessedItem> {\n    return items.filter(preparedItem => {\n      const { isGroup, item } = preparedItem;\n      if (isGroup) {\n        preparedItem.groupItems = this.filterItemsForLabel(preparedItem.groupItems, str);\n        return preparedItem.groupItems.length > 0;\n      }\n      return this.checkAndUpdateLabel(item, str);\n    });\n  }\n\n  filterItemsForLabel(groupItems: Array<UDExListItemBase>, str: string): Array<UDExListItemBase> {\n    return groupItems.filter(groupItem => this.checkAndUpdateLabel(groupItem, str));\n  }\n\n  checkAndUpdateLabel(item: UDExListItemBase | UDExListGroupHeaderBase, str: string): boolean {\n    if (!item.label) {\n      console.warn(\"A label property is required for the item\");\n      return false;\n    }\n    const cleanedLabel = cleanLabel(item.label);\n    if (this.isIncludes(cleanedLabel, str)) {\n      item.label = this.addSearchTermTag(cleanedLabel, str);\n      return true;\n    }\n    return false;\n  }\n\n  addSearchTermTag(text: string, str: string): string {\n    if (!str.length) {\n      return text;\n    }\n\n    const regex = new RegExp(`(${str})`, \"i\");\n    return text.replace(regex, \"<b>$1</b>\");\n  }\n\n  isIncludes(string: string, value: string): boolean {\n    return string.toLowerCase().includes(value.toLowerCase());\n  }\n\n  revertSelectedItems(items: Array<UDExListItemBase>) {\n    items.forEach((item: UDExListItemBase) => {\n      if (!item.disabled) {\n        item.selected = false;\n      }\n    });\n  }\n\n  syncFilteredItems() {\n    const search = this.getSearch();\n    if (this._shouldFilterItems) {\n      this._filteredItems = this.filterItems(this.getProcessedItems(), search.value);\n    } else {\n      this._filteredItems = this.getProcessedItems();\n    }\n  }\n\n  getSlottedItems(items: Array<UDExListItemBase | UDExListGroupHeaderBase>): Array<UDExListItemBase | UDExListGroupHeaderBase> {\n    const arr: Array<UDExListItemBase | UDExListGroupHeaderBase> = [];\n    items.forEach(item => {\n      arr.push(item);\n      if (item.isGroup) {\n        arr.push(...(item as UDExListGroupHeaderBase).getItems());\n      }\n    });\n    return arr;\n  }\n\n  getItemFromList(itemId:string): UDExItemFromList {\n    let menuItem = null;\n\n    for (let i = 0; i < this.items.length; i++) {\n      const item = this.items[i];\n\n      if (item.isGroup) {\n        const groupItems = (item as UDExListGroupHeaderBase).getItems();\n        menuItem = groupItems.find(({ _id }) => _id === itemId);\n\n        if (menuItem) {\n          break;\n        }\n      } else if (item._id === itemId) {\n        menuItem = item;\n        break;\n      }\n    }\n\n    return menuItem;\n  }\n\n  fireSelectionChange(itemId: string) {\n    this.fireDecoratorEvent(\"selection-change\", {\n      selectedItems: this.selectedItems,\n      item: this.getItemFromList(itemId),\n    });\n  }\n\n  fireFirstIconClickEvent(e: CustomEvent): void {\n    this._fireIconClickEvent(\"first-icon-click\", e);\n  }\n\n  fireSecondIconClickEvent(e: CustomEvent): void {\n    this._fireIconClickEvent(\"second-icon-click\", e);\n  }\n\n  private _fireIconClickEvent(eventName: \"first-icon-click\" | \"second-icon-click\", e: CustomEvent): void {\n    const item = e.detail.item as UDExListItemBase;\n    const id = this.getDataTokenId(item);\n    this.fireDecoratorEvent(eventName, {\n      originalEvent: e.detail.originalEvent,\n      item: this.getItemFromList(id),\n    });\n  }\n\n  getFlattenItemsArray(array: Array<UDExProcessedItem>): (UDExProcessedItem | UDExListItemBase)[] {\n    return array.flatMap(item => {\n      if (item.isGroup) {\n        return [\n          item,\n          ...item.groupItems.filter(groupItem => !groupItem.disabled),\n        ];\n      }\n      return item.item.disabled ? [] : [item.item];\n    });\n  }\n\n  getCurrentIndex(item: UDExListItem): number {\n    return this.getDomListItems().indexOf(item);\n  }\n\n  getList(): UDExList {\n    return this.shadowRoot!.querySelector<UDExList>(\"[udex-list]\")!;\n  }\n\n  getSearch(): UDExSearch | HTMLInputElement {\n    return this.shadowRoot!.querySelector<UDExSearch>(\"[udex-search]\")! || this.shadowRoot!.querySelector<HTMLInputElement>(\".udex-text-field__search\")!;\n  }\n\n  getPopover(): Popover {\n    return this.shadowRoot!.querySelector<Popover>(\"[ui5-popover]\")!;\n  }\n\n  getDomListItems(): UDExListItem[] {\n    const elementList = this.shadowRoot!.querySelector(\"[udex-list]\") as HTMLElement;\n    return elementList ? Array.from(elementList.querySelectorAll(\"[udex-list-item]\")) : [];\n  }\n\n  getDataTokenId(item: UDExListItemBase): string {\n    return item.getAttribute(\"data-token-id\") as string;\n  }\n\n  getProcessedItems(): Array<UDExProcessedItem> {\n    return this.items.map(item => {\n      const isGroup = item.isGroup;\n      const groupItems = isGroup ? (item as UDExListGroupHeaderBase).getItems() : [];\n\n      if (isGroup) {\n        this._setItemsModeAndControl(groupItems);\n      }\n\n      item.mode = this.mode;\n      item.controlled = this.isControlled;\n\n      return { item, groupItems, isGroup };\n    });\n  }\n\n  getPopoverPart(part: UDExPopoverPart): HTMLElement {\n    return this.getPopover().shadowRoot!.querySelector<HTMLElement>(`[part=${part}]`)!;\n  }\n\n  _managePopupListeners(part: UDExPopoverPart, action: \"addEventListener\" | \"removeEventListener\"): void {\n    const element = this.getPopoverPart(part);\n    element?.[action](\"wheel\", ((e: WheelEvent) => e.preventDefault()) as EventListener);\n  }\n\n  _setContentHeight(): void {\n    const content = this.getPopoverPart(UDExPopoverPart.Content);\n    content.style.maxHeight = this.height || \"\";\n  }\n\n  _setItemsModeAndControl(items: Array<UDExFilterMenuItem>) {\n    items.forEach(item => {\n      item.mode = this.mode;\n      item.controlled = this.isControlled;\n    });\n  }\n\n  get getNoResultText(): string {\n    const hasTextProperty = this.noResultText !== undefined && this.noResultText.length > 0;\n    return hasTextProperty ? this.noResultText : this.noMatchesFoundText;\n  }\n\n  get noMatchesFoundText(): string {\n    return translate(UDExSearchableListBase, NO_MATCHES_FOUND);\n  }\n\n  get resultReturnedText(): string {\n    return translate(UDExSearchableListBase, RESULT_RETURNED);\n  }\n\n  get isListEmpty(): boolean {\n    return this._filteredItems.length === 0;\n  }\n\n  get selectedItems(): Array<UDExListItemBase> {\n    const selectedItems: Array<UDExListItemBase> = this.getSlottedItems(this.items).filter(({ selected }) => selected);\n    return selectedItems;\n  }\n\n  get modeMultiSelect(): boolean {\n    return this.mode === UDExListMode.MultiSelect;\n  }\n\n  get modeSingleSelect(): boolean {\n    return this.mode === UDExListMode.SingleSelect;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get isControlled(): boolean {\n    const isGrouping = this.items.some(({ isGroup }) => isGroup);\n    return this.modeMultiSelect && isGrouping;\n  }\n\n  get additionalClassName(): string {\n    return `udex-searchable-list__header`;\n  }\n\n  get groupClassName(): string {\n    const classHeader = `udex-searchable-list__header`;\n    return this.showSearch ? `${classHeader} udex-searchable-list__header_no-margin` : classHeader;\n  }\n\n  get showSearch(): boolean {\n    const isSearchVisible = this.showSearchInput || (this.isSearchActive && !this.modeRadioGroup);\n    return !this.hideDropdownSearch && isSearchVisible;\n  }\n\n  get isSearchActive(): boolean {\n    return this.nonGroupItems.length > SHOW_SEARCH_AFTER_COUNT;\n  }\n\n  get nonGroupItems(): Array<UDExListItemBase> {\n    return this.getSlottedItems(this.items).filter(item => !item.isGroup);\n  }\n\n  get roleForGroupList(): string {\n    return this._filteredItems.some(element => element.isGroup) ? \"group\" : \"none\";\n  }\n\n  get accessibleRoleForList(): string {\n    return this._filteredItems.some(element => element.isGroup) ? \"group\" : this.defaultAccessibleRole;\n  }\n\n  get listItemRole(): string {\n    if (this.accessibleRoleForList === \"list\") {\n      return \"listitem\";\n    }\n\n    if (this.accessibleRoleForList === \"listbox\") {\n      return \"option\";\n    }\n\n    return \"none\";\n  }\n\n  get hideDropdownSearch(): boolean {\n    return false;\n  }\n}\n\nexport default UDExSearchableListBase;\nexport type {\n  UDExSelectBoxIconClickEventDetail, UDExSearchableListBaseSubmitSearchEventDetail, UDExSearchableListBaseChangeSearchEventDetail, UDExSearchableListBaseSelectionChangeEventDetail,\n};\n"]}

package/dist/SelectBase.d.ts

@@ -1,3 +1,4 @@
+import type { ChangeInfo } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { UDExListItemBase } from "./List.js";
 import type Popover from "@ui5/webcomponents/dist/Popover.js";
 import type UDExList from "./List.js";
@@ -135,6 +136,7 @@ declare class UDExSelectBase extends UDExSearchableListBase {
     constructor();
     onEnterDOM(): void;
     onExitDOM(): void;
+    onInvalidation({ name }: ChangeInfo): void;
     onAfterRendering(): void;
     _handleResize(): void;
     handleKeyDownDropdown(e: KeyboardEvent): void;

package/dist/SelectBase.js

@@ -64,13 +64,18 @@ class UDExSelectBase extends UDExSearchableListBase {
     }
     onEnterDOM() {
         ResizeHandler.register(this, this._handleResizeBound);
-        if (this.modeSingleSelect) {
+        if (this.modeSingleSelect && this.hasSelectedItems) {
             this.setSelectOption();
         }
     }
     onExitDOM() {
         ResizeHandler.deregister(this, this._handleResizeBound);
     }
+    onInvalidation({ name }) {
+        if (name === "default" && this.modeSingleSelect) {
+            this.setSelectOption();
+        }
+    }
     onAfterRendering() {
         this._popover = this.getPopover();
         this._search = this.getSearch();