@sapudex/web-components 2.24.0 → 2.25.1

package/dist/RadioButton.js

@@ -11,6 +11,7 @@ import { VALUE_STATE_ERROR, VALUE_STATE_SUCCESS, VALUE_STATE_INFORMATION, VALUE_
 import RadioButton from "@ui5/webcomponents/dist/RadioButton.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import UDExRadioButtonValueState from "./types/RadioButton.js";
+import translate from "./utils/translate.js";
 // Styles
 import RadioButtonCss from "./generated/themes/RadioButton.css.js";
 /**
@@ -48,13 +49,13 @@ let UDExRadioButton = class UDExRadioButton extends RadioButton {
     get valueStateText() {
         switch (this.valueState) {
             case UDExRadioButtonValueState.Error:
-                return RadioButton.i18nBundle.getText(VALUE_STATE_ERROR);
+                return translate(RadioButton, VALUE_STATE_ERROR);
             case UDExRadioButtonValueState.Success:
-                return RadioButton.i18nBundle.getText(VALUE_STATE_SUCCESS);
+                return translate(RadioButton, VALUE_STATE_SUCCESS);
             case UDExRadioButtonValueState.Information:
-                return RadioButton.i18nBundle.getText(VALUE_STATE_INFORMATION);
+                return translate(RadioButton, VALUE_STATE_INFORMATION);
             case UDExRadioButtonValueState.Warning:
-                return RadioButton.i18nBundle.getText(VALUE_STATE_WARNING);
+                return translate(RadioButton, VALUE_STATE_WARNING);
             default:
                 return "";
         }

package/dist/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../src/RadioButton.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EACL,iBAAiB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,GACrF,MAAM,mCAAmC,CAAC;AAC3C,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,yBAAyB,MAAM,wBAAwB,CAAC;AAE/D,SAAS;AACT,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAEnE;;;;;;;;;;;;;;;;;GAiBG;AAOH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QAUE;;;;WAIG;QAGD,eAAU,GAAoC,yBAAyB,CAAC,IAAI,CAAC;IAwBjF,CAAC;IAnBC,gBAAgB;QACd,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,CAAC;QAClD,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,IAAI,cAAc;QAChB,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC;YAC1B,KAAK,yBAAyB,CAAC,KAAK;gBAClC,OAAO,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;YAC3D,KAAK,yBAAyB,CAAC,OAAO;gBACpC,OAAO,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;YAC7D,KAAK,yBAAyB,CAAC,WAAW;gBACxC,OAAO,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;YACjE,KAAK,yBAAyB,CAAC,OAAO;gBACpC,OAAO,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;YAC7D;gBACE,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC;CACF,CAAA;AAjCG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACJ;AAStB;IAFD,QAAQ,EAAE;IACX,uBAAuB;mDACwD;AAGxE;IADN,IAAI,CAAC,yBAAyB,CAAC;yCACF;AApB1B,eAAe;IANpB,aAAa,CAAC;QACb,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,cAAc,CAAC;KAC7C,CAAC;GAEI,eAAe,CAyCpB;AAED,eAAe,CAAC,MAAM,EAAE,CAAC;AAEzB,eAAe,eAAe,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  VALUE_STATE_ERROR, VALUE_STATE_SUCCESS, VALUE_STATE_INFORMATION, VALUE_STATE_WARNING,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport RadioButton from \"@ui5/webcomponents/dist/RadioButton.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport UDExRadioButtonValueState from \"./types/RadioButton.js\";\n\n// Styles\nimport RadioButtonCss from \"./generated/themes/RadioButton.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-radio-button</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/RadioButton.js\";</code>\n *\n * @constructor\n * @extends RadioButton\n * @tagname udex-radio-button\n * @public\n */\n@customElement({\n  tag: \"udex-radio-button\",\n  renderer: jsxRenderer,\n  styles: [RadioButton.styles, RadioButtonCss],\n})\n\nclass UDExRadioButton extends RadioButton {\n  /**\n   * Define if arrow icons for last and first page are visible.\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    displayOnly!: boolean;\n\n  /**\n   * Defines the value state of the component.\n   * @default \"None\"\n   * @public\n   */\n  @property()\n  /** @ts-expect-error */\n    valueState!: `${UDExRadioButtonValueState}` = UDExRadioButtonValueState.None;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  onAfterRendering(): void {\n    this.readonly = this.readonly || this.displayOnly;\n    this.syncGroup();\n  }\n\n  get valueStateText(): string {\n    switch (this.valueState) {\n    case UDExRadioButtonValueState.Error:\n      return RadioButton.i18nBundle.getText(VALUE_STATE_ERROR);\n    case UDExRadioButtonValueState.Success:\n      return RadioButton.i18nBundle.getText(VALUE_STATE_SUCCESS);\n    case UDExRadioButtonValueState.Information:\n      return RadioButton.i18nBundle.getText(VALUE_STATE_INFORMATION);\n    case UDExRadioButtonValueState.Warning:\n      return RadioButton.i18nBundle.getText(VALUE_STATE_WARNING);\n    default:\n      return \"\";\n    }\n  }\n}\n\nUDExRadioButton.define();\n\nexport default UDExRadioButton;\n"]}
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../src/RadioButton.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EACL,iBAAiB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,GACrF,MAAM,mCAAmC,CAAC;AAC3C,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,yBAAyB,MAAM,wBAAwB,CAAC;AAC/D,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,SAAS;AACT,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAEnE;;;;;;;;;;;;;;;;;GAiBG;AAOH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QAUE;;;;WAIG;QAGD,eAAU,GAAoC,yBAAyB,CAAC,IAAI,CAAC;IAwBjF,CAAC;IAnBC,gBAAgB;QACd,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,CAAC;QAClD,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,IAAI,cAAc;QAChB,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC;YAC1B,KAAK,yBAAyB,CAAC,KAAK;gBAClC,OAAO,SAAS,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;YACnD,KAAK,yBAAyB,CAAC,OAAO;gBACpC,OAAO,SAAS,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;YACrD,KAAK,yBAAyB,CAAC,WAAW;gBACxC,OAAO,SAAS,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;YACzD,KAAK,yBAAyB,CAAC,OAAO;gBACpC,OAAO,SAAS,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;YACrD;gBACE,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC;CACF,CAAA;AAjCG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACJ;AAStB;IAFD,QAAQ,EAAE;IACX,uBAAuB;mDACwD;AAGxE;IADN,IAAI,CAAC,yBAAyB,CAAC;yCACF;AApB1B,eAAe;IANpB,aAAa,CAAC;QACb,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,cAAc,CAAC;KAC7C,CAAC;GAEI,eAAe,CAyCpB;AAED,eAAe,CAAC,MAAM,EAAE,CAAC;AAEzB,eAAe,eAAe,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  VALUE_STATE_ERROR, VALUE_STATE_SUCCESS, VALUE_STATE_INFORMATION, VALUE_STATE_WARNING,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport RadioButton from \"@ui5/webcomponents/dist/RadioButton.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport UDExRadioButtonValueState from \"./types/RadioButton.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport RadioButtonCss from \"./generated/themes/RadioButton.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-radio-button</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/RadioButton.js\";</code>\n *\n * @constructor\n * @extends RadioButton\n * @tagname udex-radio-button\n * @public\n */\n@customElement({\n  tag: \"udex-radio-button\",\n  renderer: jsxRenderer,\n  styles: [RadioButton.styles, RadioButtonCss],\n})\n\nclass UDExRadioButton extends RadioButton {\n  /**\n   * Define if arrow icons for last and first page are visible.\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    displayOnly!: boolean;\n\n  /**\n   * Defines the value state of the component.\n   * @default \"None\"\n   * @public\n   */\n  @property()\n  /** @ts-expect-error */\n    valueState!: `${UDExRadioButtonValueState}` = UDExRadioButtonValueState.None;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  onAfterRendering(): void {\n    this.readonly = this.readonly || this.displayOnly;\n    this.syncGroup();\n  }\n\n  get valueStateText(): string {\n    switch (this.valueState) {\n    case UDExRadioButtonValueState.Error:\n      return translate(RadioButton, VALUE_STATE_ERROR);\n    case UDExRadioButtonValueState.Success:\n      return translate(RadioButton, VALUE_STATE_SUCCESS);\n    case UDExRadioButtonValueState.Information:\n      return translate(RadioButton, VALUE_STATE_INFORMATION);\n    case UDExRadioButtonValueState.Warning:\n      return translate(RadioButton, VALUE_STATE_WARNING);\n    default:\n      return \"\";\n    }\n  }\n}\n\nUDExRadioButton.define();\n\nexport default UDExRadioButton;\n"]}

package/dist/RatingBar.js

@@ -14,6 +14,7 @@ import Icon from "@ui5/webcomponents/dist/Icon.js";
 import { STARS } from "./generated/i18n/i18n-defaults.js";
 import "@ui5/webcomponents-icons/dist/favorite.js";
 import RatingBarTemplate from "./RatingBarTemplate.js";
+import translate from "./utils/translate.js";
 // Styles
 import RatingBarCss from "./generated/themes/RatingBar.css.js";
 /**
@@ -81,7 +82,7 @@ let UDExRatingBar = UDExRatingBar_1 = class UDExRatingBar extends UI5Element {
         return `${this.percentage}%`;
     }
     get _ratingDescription() {
-        return `${this.validatedRating} ${UDExRatingBar_1.i18nBundle.getText(STARS)}`;
+        return `${this.validatedRating} ${translate(UDExRatingBar_1, STARS)}`;
     }
 };
 __decorate([

package/dist/RatingBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RatingBar.js","sourceRoot":"","sources":["../src/RatingBar.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,2CAA2C,CAAC;AACnD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,SAAS;AACT,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAE/D;;;;;;;;;;;;;;;;GAgBG;AASH,IAAM,aAAa,qBAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QACE;;;;;YAKI;QAEF,WAAM,GAAW,CAAC,CAAC;QAErB;;;;;YAKI;QAEF,eAAU,GAAW,CAAC,CAAC;QAczB,eAAU,GAAW,CAAC,CAAC;QACvB,eAAU,GAAW,CAAC,CAAC;QACvB,mBAAc,GAAW,CAAC,CAAC;QAC3B,mBAAc,GAAW,GAAG,CAAC;IAiC/B,CAAC;IA/BC,iBAAiB;QACf,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;IAC9E,CAAC;IAED,IAAI,eAAe;QACjB,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,IAAI,CAAC,sDAAsD,CAAC,CAAC;YACrE,OAAO,IAAI,CAAC,UAAU,CAAC;QACzB,CAAC;QACD,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,IAAI,CAAC,sDAAsD,CAAC,CAAC;YACrE,OAAO,IAAI,CAAC,UAAU,CAAC;QACzB,CAAC;QACD,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,mBAAmB;QACrB,IAAI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YAC1C,OAAO,CAAC,IAAI,CAAC,4DAA4D,CAAC,CAAC;YAC3E,OAAO,GAAG,IAAI,CAAC,cAAc,GAAG,CAAC;QACnC,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YAC1C,OAAO,CAAC,IAAI,CAAC,0DAA0D,CAAC,CAAC;YACzE,OAAO,GAAG,IAAI,CAAC,cAAc,GAAG,CAAC;QACnC,CAAC;QACD,OAAO,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC;IAC/B,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,GAAG,IAAI,CAAC,eAAe,IAAI,eAAa,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9E,CAAC;CACF,CAAA;AA3DG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CACN;AASnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACF;AASvB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDACD;AAGpB;IADN,IAAI,CAAC,yBAAyB,CAAC;uCACF;AA7B1B,aAAa;IARlB,aAAa,CAAC;QACb,GAAG,EAAE,iBAAiB;QACtB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,YAAY;QACpB,QAAQ,EAAE,iBAAiB;QAC3B,YAAY,EAAE,CAAC,IAAI,CAAC;KACrB,CAAC;GAEI,aAAa,CAmElB;AAED,aAAa,CAAC,MAAM,EAAE,CAAC;AAEvB,eAAe,aAAa,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 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 Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { STARS } from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/favorite.js\";\nimport RatingBarTemplate from \"./RatingBarTemplate.js\";\n\n// Styles\nimport RatingBarCss from \"./generated/themes/RatingBar.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-rating-bar</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/RatingBar.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-rating-bar\",\n  renderer: jsxRenderer,\n  styles: RatingBarCss,\n  template: RatingBarTemplate,\n  dependencies: [Icon],\n})\n\nclass UDExRatingBar extends UI5Element {\n  /**\n    * Defines the associated rating.\n    *\n    * @default 0\n    * @public\n    */\n  @property({ type: Number })\n    rating: number = 0;\n\n  /**\n    * Defines the percentage.\n    *\n    * @default 0\n    * @public\n    */\n  @property({ type: Number })\n    percentage: number = 0;\n\n  /**\n    * Defines wether the percentage is shown or not.\n    *\n    * @default false\n    * @public\n    */\n  @property({ type: Boolean })\n    showPercentage!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _minRating: number = 0;\n  _maxRating: number = 5;\n  _minPercentage: number = 0;\n  _maxPercentage: number = 100;\n\n  onBeforeRendering(): void {\n    this.style.setProperty(\"--udex-rating-bar-progress\", `${this.percentage}%`);\n  }\n\n  get validatedRating(): number {\n    if (this.rating > this._maxRating) {\n      console.warn(\"UDEx RatingBar: The rating shouldn't be more than 5.\");\n      return this._maxRating;\n    }\n    if (this.rating < this._minRating) {\n      console.warn(\"UDEx RatingBar: The rating shouldn't be less than 0.\");\n      return this._minRating;\n    }\n    return this.rating;\n  }\n\n  get validatedPercentage(): string {\n    if (this.percentage > this._maxPercentage) {\n      console.warn(\"UDEx RatingBar: The percentage shouldn't be more than 100.\");\n      return `${this._maxPercentage}%`;\n    }\n    if (this.percentage < this._minPercentage) {\n      console.warn(\"UDEx RatingBar: The percentage shouldn't be less than 0.\");\n      return `${this._minPercentage}%`;\n    }\n    return `${this.percentage}%`;\n  }\n\n  get _ratingDescription(): string {\n    return `${this.validatedRating} ${UDExRatingBar.i18nBundle.getText(STARS)}`;\n  }\n}\n\nUDExRatingBar.define();\n\nexport default UDExRatingBar;\n"]}
+{"version":3,"file":"RatingBar.js","sourceRoot":"","sources":["../src/RatingBar.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { STARS } from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/favorite.js\";\nimport RatingBarTemplate from \"./RatingBarTemplate.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport RatingBarCss from \"./generated/themes/RatingBar.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-rating-bar</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/RatingBar.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-rating-bar\",\n  renderer: jsxRenderer,\n  styles: RatingBarCss,\n  template: RatingBarTemplate,\n  dependencies: [Icon],\n})\n\nclass UDExRatingBar extends UI5Element {\n  /**\n    * Defines the associated rating.\n    *\n    * @default 0\n    * @public\n    */\n  @property({ type: Number })\n    rating: number = 0;\n\n  /**\n    * Defines the percentage.\n    *\n    * @default 0\n    * @public\n    */\n  @property({ type: Number })\n    percentage: number = 0;\n\n  /**\n    * Defines wether the percentage is shown or not.\n    *\n    * @default false\n    * @public\n    */\n  @property({ type: Boolean })\n    showPercentage!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _minRating: number = 0;\n  _maxRating: number = 5;\n  _minPercentage: number = 0;\n  _maxPercentage: number = 100;\n\n  onBeforeRendering(): void {\n    this.style.setProperty(\"--udex-rating-bar-progress\", `${this.percentage}%`);\n  }\n\n  get validatedRating(): number {\n    if (this.rating > this._maxRating) {\n      console.warn(\"UDEx RatingBar: The rating shouldn't be more than 5.\");\n      return this._maxRating;\n    }\n    if (this.rating < this._minRating) {\n      console.warn(\"UDEx RatingBar: The rating shouldn't be less than 0.\");\n      return this._minRating;\n    }\n    return this.rating;\n  }\n\n  get validatedPercentage(): string {\n    if (this.percentage > this._maxPercentage) {\n      console.warn(\"UDEx RatingBar: The percentage shouldn't be more than 100.\");\n      return `${this._maxPercentage}%`;\n    }\n    if (this.percentage < this._minPercentage) {\n      console.warn(\"UDEx RatingBar: The percentage shouldn't be less than 0.\");\n      return `${this._minPercentage}%`;\n    }\n    return `${this.percentage}%`;\n  }\n\n  get _ratingDescription(): string {\n    return `${this.validatedRating} ${translate(UDExRatingBar, STARS)}`;\n  }\n}\n\nUDExRatingBar.define();\n\nexport default UDExRatingBar;\n"]}

package/dist/RatingIndicator.js

@@ -15,6 +15,7 @@ import RatingIndicatorTemplate from "./RatingIndicatorTemplate.js";
 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 translate from "./utils/translate.js";
 import "@ui5/webcomponents-icons/dist/favorite.js";
 import "@ui5/webcomponents-icons/dist/unfavorite.js";
 export var UDExDisplayType;
@@ -48,7 +49,7 @@ let UDExRatingIndicator = class UDExRatingIndicator extends RatingIndicator {
     get _ariaLabel() {
         const ariaLabelText = getEffectiveAriaLabelText(this) || "";
         if (this.totalCount) {
-            return `${ariaLabelText ? `${ariaLabelText}, ` : ""}${RatingIndicator.i18nBundle.getText(TOTAL)} ${this.totalCount}`;
+            return `${ariaLabelText ? `${ariaLabelText}, ` : ""}${translate(RatingIndicator, TOTAL)} ${this.totalCount}`;
         }
         return ariaLabelText;
     }

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,2CAA2C,CAAC;AACnD,OAAO,6CAA6C,CAAC;AAErD,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,oCAAiB,CAAA;AACnB,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AAED;;;;;;;;;;;GAWG;AASH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,eAAe;IAAjD;;QACE;;;;;WAKG;QAED,YAAO,GAAyB,eAAe,CAAC,OAAO,CAAC;IAwB5D,CAAC;IAXC,IAAI,UAAU;QACZ,MAAM,aAAa,GAAW,yBAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACpE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,eAAe,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACvH,CAAC;QACD,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,IAAI,aAAa;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,CAAC;IACpD,CAAC;CACF,CAAA;AAxBG;IADD,QAAQ,EAAE;oDAC+C;AAQxD;IADD,QAAQ,EAAE;uDACW;AAGf;IADN,IAAI,CAAC,yBAAyB,CAAC;6CACF;AAnB1B,mBAAmB;IARxB,aAAa,CAAC;QACb,GAAG,EAAE,uBAAuB;QAC5B,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,kBAAkB,CAAC;QACpD,QAAQ,EAAE,uBAAuB;QACjC,YAAY,EAAE,CAAC,IAAI,CAAC;KACrB,CAAC;GAEI,mBAAmB,CAgCxB;AAED,mBAAmB,CAAC,MAAM,EAAE,CAAC;AAE7B,eAAe,mBAAmB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\n\nimport RatingIndicator from \"@ui5/webcomponents/dist/RatingIndicator.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport RatingIndicatorTemplate from \"./RatingIndicatorTemplate.js\";\n\n// Styles\nimport RatingIndicatorCss from \"./generated/themes/RatingIndicator.css.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { TOTAL } from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/favorite.js\";\nimport \"@ui5/webcomponents-icons/dist/unfavorite.js\";\n\nexport enum UDExDisplayType {\n  Desktop = \"Desktop\",\n  Mobile = \"Mobile\"\n}\n\n/**\n * @class\n *\n * ### Overview\n *\n * ### ES6 Module Import\n *\n * `import @sapudex/web-components/dist/RatingIndicator.js\";`\n * @constructor\n * @extends RatingIndicator\n * @public\n */\n@customElement({\n  tag: \"udex-rating-indicator\",\n  renderer: jsxRenderer,\n  styles: [RatingIndicator.styles, RatingIndicatorCss],\n  template: RatingIndicatorTemplate,\n  dependencies: [Icon],\n})\n\nclass UDExRatingIndicator extends RatingIndicator {\n  /**\n   * Defines the display type of the component.\n   *\n   * @default \"Desktop\"\n   * @public\n   */\n  @property()\n    display: `${UDExDisplayType}` = UDExDisplayType.Desktop;\n\n  /**\n    * The number of total votes.\n    *\n    * @public\n    */\n  @property()\n    totalCount!: number;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  get _ariaLabel(): string {\n    const ariaLabelText: string = getEffectiveAriaLabelText(this) || \"\";\n    if (this.totalCount) {\n      return `${ariaLabelText ? `${ariaLabelText}, ` : \"\"}${RatingIndicator.i18nBundle.getText(TOTAL)} ${this.totalCount}`;\n    }\n    return ariaLabelText;\n  }\n\n  get hasTotalCount(): boolean {\n    return !!this.totalCount || this.totalCount === 0;\n  }\n}\n\nUDExRatingIndicator.define();\n\nexport default UDExRatingIndicator;\n"]}
+{"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"]}

package/dist/Review.d.ts

@@ -1,7 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import "@ui5/webcomponents-icons/dist/favorite.js";
-import UDExRatingBar from "./RatingBar.js";
+import type UDExRatingBar from "./RatingBar.js";
 import type UDExButton from "./Button.js";
 /**
  * @class

package/dist/Review.js

@@ -13,10 +13,10 @@ import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 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 UDExRatingBar from "./RatingBar.js";
 import ReviewTemplate from "./ReviewTemplate.js";
 // Styles
 import ReviewCss from "./generated/themes/Review.css.js";
+import translate from "./utils/translate.js";
 /**
  * @class
  *
@@ -56,7 +56,7 @@ let UDExReview = UDExReview_1 = class UDExReview extends UI5Element {
         this._maxRatingBars = 5;
     }
     get reviewsText() {
-        return `${this.reviews} ${UDExReview_1.i18nBundle.getText(REVIEWS)}`;
+        return `${this.reviews} ${translate(UDExReview_1, REVIEWS)}`;
     }
     get withoutBreakdown() {
         return this.bars.length === 0;
@@ -83,7 +83,7 @@ let UDExReview = UDExReview_1 = class UDExReview extends UI5Element {
         return this.bars;
     }
     get _ratingDescription() {
-        return `${this.validatedRating} ${UDExRatingBar.i18nBundle.getText(STARS)}`;
+        return `${this.validatedRating} ${translate(UDExReview_1, STARS)}`;
     }
 };
 __decorate([

package/dist/Review.js.map

@@ -1 +1 @@
-{"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 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\";\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} ${UDExReview.i18nBundle.getText(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} ${UDExRatingBar.i18nBundle.getText(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\";\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"]}

package/dist/ReviewItem.js

@@ -14,6 +14,7 @@ import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import ReviewItemTemplate from "./ReviewItemTemplate.js";
 import { READ_LESS, READ_MORE } from "./generated/i18n/i18n-defaults.js";
+import translate from "./utils/translate.js";
 // Styles
 import ReviewItemCss from "./generated/themes/ReviewItem.css.js";
 /**
@@ -98,7 +99,7 @@ let UDExReviewItem = UDExReviewItem_1 = class UDExReviewItem extends UI5Element
         this._showTextExpander = (!this._textExpanded && this._completeText.length < this.text.length) || (this._textExpanded && visibleText.length < this.text.length);
     }
     get buttonText() {
-        return this._textExpanded ? UDExReviewItem_1.i18nBundle.getText(READ_LESS) : UDExReviewItem_1.i18nBundle.getText(READ_MORE);
+        return this._textExpanded ? translate(UDExReviewItem_1, READ_LESS) : translate(UDExReviewItem_1, READ_MORE);
     }
     get reviewItemClasses() {
         const ratingTop = this.showRatingTop ? " udex-review-item__rating-top" : "";

package/dist/ReviewItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewItem.js","sourceRoot":"","sources":["../src/ReviewItem.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ReviewItemTemplate from \"./ReviewItemTemplate.js\";\nimport { READ_LESS, READ_MORE } from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport ReviewItemCss from \"./generated/themes/ReviewItem.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-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ReviewItem.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-review-item\",\n  renderer: jsxRenderer,\n  styles: ReviewItemCss,\n  template: ReviewItemTemplate,\n})\n\nclass UDExReviewItem extends UI5Element {\n  /**\n   * Defines the position of the rating in review.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    showRatingTop!: boolean;\n\n  /**\n   * Defines the rating in the review.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ type: Number })\n    rating: number = 0;\n\n  /**\n   * Defines the title of the review.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    reviewTitle!: string;\n\n  /**\n   * Defines the text of the review.\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    text!: string;\n\n  /**\n   * Defines whether button for showing truncated text is shown.\n   * @default 2\n   * @private\n   */\n  @property({ type: Number })\n    _textLineLimit: number = 2;\n\n  /**\n   * Defines whether the text is expanded.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _textExpanded!: boolean;\n\n  /**\n   * Defines whether button for showing truncated text is shown.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _showTextExpander!: boolean;\n\n  /**\n   * Defines the text, consisting of visible and invisible parts of the original text.\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String })\n    _completeText!: string;\n\n  /**\n   * Defines the author's name and company.\n   *\n   * @default \"\"\n   * @slot\n   */\n  @slot()\n    author!: Array<HTMLElement>;\n\n  /**\n   * Defines the date of the review.\n   *\n   * @default \"\"\n   * @slot\n   */\n  @slot()\n    date!: Array<HTMLElement>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _handleResizeBound: ResizeObserverCallback;\n  _textElement!: HTMLElement;\n  _visibleText!: string;\n  _maxHeight: number = 48;\n  _maxRating: number = 5;\n  _minRating: number = 0;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._checkTextOverflow.bind(this);\n  }\n\n  onEnterDOM(): void {\n    this._maxHeight = 48;\n    this._completeText = this.text;\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onAfterRendering(): void {\n    this._textElement = this.getTextElement();\n    this._checkTextOverflow();\n  }\n\n  _toggleText() {\n    this._textExpanded = !this._textExpanded;\n    if (this._textExpanded) {\n      this._completeText = this.text;\n      this._textElement.classList.add(\"udex-review-item__text-expanded\");\n    } else {\n      this._textElement.classList.remove(\"udex-review-item__text-expanded\");\n      this._completeText = this._visibleText;\n    }\n  }\n\n  _checkTextOverflow() {\n    const words = this.text.split(\" \");\n\n    const canvas = document.createElement(\"canvas\");\n    const context = canvas.getContext(\"2d\")!;\n    context.font = `16px sans-serif`;\n\n    let currentLineWidth = 0;\n    let visibleText = \"\";\n\n    words.forEach(word => {\n      const wordWidth = context.measureText(`${word} `).width;\n      if (currentLineWidth + wordWidth <= 2 * this._textElement.offsetWidth) {\n        visibleText += `${word} `;\n        currentLineWidth += wordWidth;\n      }\n    });\n\n    this._visibleText = visibleText;\n    if (!this._textExpanded) {\n      this._completeText = visibleText;\n    }\n\n    this._showTextExpander = (!this._textExpanded && this._completeText.length < this.text.length) || (this._textExpanded && visibleText.length < this.text.length);\n  }\n\n  get buttonText(): string {\n    return this._textExpanded ? UDExReviewItem.i18nBundle.getText(READ_LESS) : UDExReviewItem.i18nBundle.getText(READ_MORE);\n  }\n\n  get reviewItemClasses(): string {\n    const ratingTop = this.showRatingTop ? \" udex-review-item__rating-top\" : \"\";\n    return `udex-review-item${ratingTop}`;\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  getTextElement(): HTMLElement {\n    const textElement = this.shadowRoot?.getElementById(\"udex-review-item__text\");\n    return textElement!;\n  }\n}\n\nUDExReviewItem.define();\n\nexport default UDExReviewItem;\n"]}
+{"version":3,"file":"ReviewItem.js","sourceRoot":"","sources":["../src/ReviewItem.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ReviewItemTemplate from \"./ReviewItemTemplate.js\";\nimport { READ_LESS, READ_MORE } from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport ReviewItemCss from \"./generated/themes/ReviewItem.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-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ReviewItem.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-review-item\",\n  renderer: jsxRenderer,\n  styles: ReviewItemCss,\n  template: ReviewItemTemplate,\n})\n\nclass UDExReviewItem extends UI5Element {\n  /**\n   * Defines the position of the rating in review.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    showRatingTop!: boolean;\n\n  /**\n   * Defines the rating in the review.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ type: Number })\n    rating: number = 0;\n\n  /**\n   * Defines the title of the review.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    reviewTitle!: string;\n\n  /**\n   * Defines the text of the review.\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    text!: string;\n\n  /**\n   * Defines whether button for showing truncated text is shown.\n   * @default 2\n   * @private\n   */\n  @property({ type: Number })\n    _textLineLimit: number = 2;\n\n  /**\n   * Defines whether the text is expanded.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _textExpanded!: boolean;\n\n  /**\n   * Defines whether button for showing truncated text is shown.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _showTextExpander!: boolean;\n\n  /**\n   * Defines the text, consisting of visible and invisible parts of the original text.\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String })\n    _completeText!: string;\n\n  /**\n   * Defines the author's name and company.\n   *\n   * @default \"\"\n   * @slot\n   */\n  @slot()\n    author!: Array<HTMLElement>;\n\n  /**\n   * Defines the date of the review.\n   *\n   * @default \"\"\n   * @slot\n   */\n  @slot()\n    date!: Array<HTMLElement>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _handleResizeBound: ResizeObserverCallback;\n  _textElement!: HTMLElement;\n  _visibleText!: string;\n  _maxHeight: number = 48;\n  _maxRating: number = 5;\n  _minRating: number = 0;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._checkTextOverflow.bind(this);\n  }\n\n  onEnterDOM(): void {\n    this._maxHeight = 48;\n    this._completeText = this.text;\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onAfterRendering(): void {\n    this._textElement = this.getTextElement();\n    this._checkTextOverflow();\n  }\n\n  _toggleText() {\n    this._textExpanded = !this._textExpanded;\n    if (this._textExpanded) {\n      this._completeText = this.text;\n      this._textElement.classList.add(\"udex-review-item__text-expanded\");\n    } else {\n      this._textElement.classList.remove(\"udex-review-item__text-expanded\");\n      this._completeText = this._visibleText;\n    }\n  }\n\n  _checkTextOverflow() {\n    const words = this.text.split(\" \");\n\n    const canvas = document.createElement(\"canvas\");\n    const context = canvas.getContext(\"2d\")!;\n    context.font = `16px sans-serif`;\n\n    let currentLineWidth = 0;\n    let visibleText = \"\";\n\n    words.forEach(word => {\n      const wordWidth = context.measureText(`${word} `).width;\n      if (currentLineWidth + wordWidth <= 2 * this._textElement.offsetWidth) {\n        visibleText += `${word} `;\n        currentLineWidth += wordWidth;\n      }\n    });\n\n    this._visibleText = visibleText;\n    if (!this._textExpanded) {\n      this._completeText = visibleText;\n    }\n\n    this._showTextExpander = (!this._textExpanded && this._completeText.length < this.text.length) || (this._textExpanded && visibleText.length < this.text.length);\n  }\n\n  get buttonText(): string {\n    return this._textExpanded ? translate(UDExReviewItem, READ_LESS) : translate(UDExReviewItem, READ_MORE);\n  }\n\n  get reviewItemClasses(): string {\n    const ratingTop = this.showRatingTop ? \" udex-review-item__rating-top\" : \"\";\n    return `udex-review-item${ratingTop}`;\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  getTextElement(): HTMLElement {\n    const textElement = this.shadowRoot?.getElementById(\"udex-review-item__text\");\n    return textElement!;\n  }\n}\n\nUDExReviewItem.define();\n\nexport default UDExReviewItem;\n"]}

package/dist/Search.d.ts

@@ -363,6 +363,8 @@ declare class UDExSearch extends UI5Element {
     setNewSuggestionList(changeInfo: ChangeInfo): void;
     setSuggestedRecommendedLists(value: string): void;
     private hasDataLabel;
+    private hasSuggestedLabel;
+    private hasRecommendedLabel;
     private resetSuggestedRecommendedLists;
     private setDropdownLabels;
     private getRecommendLabel;

package/dist/Search.js

@@ -29,6 +29,7 @@ import { SUGGESTED_TEXT, RECOMMENDED_TEXT, AVAILABLE_VALUES, NO_MATCHES_FOUND, A
 import retryUntilSuccessful from "./utils/retryUntilSuccessful.js";
 import sanitizeString from "./utils/sanitizeString.js";
 import UDExButton from "./Button.js";
+import translate from "./utils/translate.js";
 import SearchTemplate from "./SearchTemplate.js";
 // Styles
 import SearchCss from "./generated/themes/Search.css.js";
@@ -267,7 +268,7 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
             const parsedData = JSON.parse(value);
             const hasDataLabels = this.hasDataLabel(parsedData);
             if (this.shouldShowPopover(parsedData, hasDataLabels)) {
-                this.setDropdownLabels(hasDataLabels, parsedData);
+                this.setDropdownLabels(parsedData);
                 this.suggestedList = this.getListWithSuggestion(this.getSuggestedList(hasDataLabels, parsedData), "suggested");
                 this.recommendedList = this.getListWithSuggestion(this.getRecommendedList(hasDataLabels, parsedData), "recommended");
             }
@@ -280,23 +281,37 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
     hasDataLabel(parsedData) {
         return Object.values(parsedData).some(item => Object.prototype.hasOwnProperty.call(item, "label"));
     }
+    hasSuggestedLabel(parsedData) {
+        if (parsedData.suggested) {
+            const suggestedData = parsedData.suggested;
+            return Object.prototype.hasOwnProperty.call(parsedData.suggested, "label") ? !!suggestedData.label : false;
+        }
+        return false;
+    }
+    hasRecommendedLabel(parsedData) {
+        if (parsedData.recommended) {
+            const recommendedData = parsedData.recommended;
+            return Object.prototype.hasOwnProperty.call(parsedData.recommended, "label") ? !!recommendedData.label : false;
+        }
+        return false;
+    }
     resetSuggestedRecommendedLists() {
         this.suggestedList = [];
         this.recommendedList = [];
     }
-    setDropdownLabels(hasDataLabels, parsedData) {
-        this._suggestionLabel = this.getSuggestionLabel(hasDataLabels, parsedData);
-        this._recommendLabel = this.getRecommendLabel(hasDataLabels, parsedData);
+    setDropdownLabels(parsedData) {
+        this._suggestionLabel = this.getSuggestionLabel(parsedData);
+        this._recommendLabel = this.getRecommendLabel(parsedData);
     }
-    getRecommendLabel(hasDataLabels, parsedData) {
-        return hasDataLabels
+    getRecommendLabel(parsedData) {
+        return this.hasRecommendedLabel(parsedData)
             ? parsedData.recommended.label || ""
-            : UDExSearch_1.i18nBundle.getText(RECOMMENDED_TEXT);
+            : translate(UDExSearch_1, RECOMMENDED_TEXT);
     }
-    getSuggestionLabel(hasDataLabels, parsedData) {
-        return hasDataLabels
+    getSuggestionLabel(parsedData) {
+        return this.hasSuggestedLabel(parsedData)
             ? parsedData.suggested.label || ""
-            : UDExSearch_1.i18nBundle.getText(SUGGESTED_TEXT);
+            : translate(UDExSearch_1, SUGGESTED_TEXT);
     }
     getRecommendedList(hasDataLabels, parsedData) {
         return hasDataLabels
@@ -334,7 +349,7 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
                 icon: itemWithCustomIcon ? item.icon : SearchIcon,
                 hasCustomIcon: itemWithCustomIcon,
                 id: `${idName}-${index}`,
-                suggestionDescription: sanitizeString(`${label}, ${idName} ${index + 1} ${UDExSearch_1.i18nBundle.getText(OF)} ${suggestedList.length}`),
+                suggestionDescription: sanitizeString(`${label}, ${idName} ${index + 1} ${translate(UDExSearch_1, OF)} ${suggestedList.length}`),
             };
         });
     }
@@ -650,7 +665,7 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
         }
     }
     get effectivePlaceholder() {
-        return !this.voiceActiveClass ? this.label : `${UDExSearch_1.i18nBundle.getText(LISTENING)}...`;
+        return !this.voiceActiveClass ? this.label : `${translate(UDExSearch_1, LISTENING)}...`;
     }
     onSpeechStart() {
         this.speechRecognition.onstart = () => {
@@ -703,7 +718,7 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
         return this.showResetButton && !!this.value.length && this.mode === Mode.HomeSearch;
     }
     get noResultMessage() {
-        return this.noResultText || UDExSearch_1.i18nBundle.getText(NO_MATCHES_FOUND);
+        return this.noResultText || translate(UDExSearch_1, NO_MATCHES_FOUND);
     }
     get showNoResultMessage() {
         return !this.suggestedList?.length && !this.recommendedList?.length;
@@ -786,8 +801,8 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
     get accInfo() {
         return {
             "ariaLabel": this.accessibleName || undefined,
-            "accessibleNameResetIcon": this.accessibleNameResetIcon || UDExSearch_1.i18nBundle.getText(ACCESSIBLE_NAME_RESET_ICON),
-            "accessibleNameSearchIcon": this.accessibleNameSearchIcon || UDExSearch_1.i18nBundle.getText(ACCESSIBLE_NAME_SEARCH_ICON),
+            "accessibleNameResetIcon": this.accessibleNameResetIcon || translate(UDExSearch_1, ACCESSIBLE_NAME_RESET_ICON),
+            "accessibleNameSearchIcon": this.accessibleNameSearchIcon || translate(UDExSearch_1, ACCESSIBLE_NAME_SEARCH_ICON),
         };
     }
     get suggestionsDescription() {
@@ -795,13 +810,13 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
     }
     get tooltipInfo() {
         return {
-            "tooltipResetButton": this.tooltipResetButton || UDExSearch_1.i18nBundle.getText(TOOLTIP_RESET_BUTTON),
-            "tooltipVoiceButton": this.tooltipVoiceButton || UDExSearch_1.i18nBundle.getText(TOOLTIP_VOICE_BUTTON),
-            "tooltipSubmitButton": this.tooltipSubmitButton || UDExSearch_1.i18nBundle.getText(TOOLTIP_SUBMIT_BUTTON),
+            "tooltipResetButton": this.tooltipResetButton || translate(UDExSearch_1, TOOLTIP_RESET_BUTTON),
+            "tooltipVoiceButton": this.tooltipVoiceButton || translate(UDExSearch_1, TOOLTIP_VOICE_BUTTON),
+            "tooltipSubmitButton": this.tooltipSubmitButton || translate(UDExSearch_1, TOOLTIP_SUBMIT_BUTTON),
         };
     }
     get suggestionsAccessibleName() {
-        return UDExSearch_1.i18nBundle.getText(AVAILABLE_VALUES);
+        return translate(UDExSearch_1, AVAILABLE_VALUES);
     }
     get showNonInteractiveButton() {
         return this.showSubmitButton && this.nonInteractiveSubmitButton;