@sapudex/web-components 0.225.0 → 2.0.0

package/dist/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,2CAA2C,CAAC;AACnD,OAAmB,EAAY,aAAa,EAAE,MAAM,4CAA4C,CAAC;AACjG,OAAO,EACL,qBAAqB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,OAAO,GACtQ,MAAM,mCAAmC,CAAC;AAE3C,SAAS;AACT,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAEnD,MAAM,CAAN,IAAY,gBAYX;AAZD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,6CAAyB,CAAA;IACzB,2CAAuB,CAAA;IACvB,uCAAmB,CAAA;IACnB,yCAAqB,CAAA;IACrB,+CAA2B,CAAA;IAC3B,2CAAuB,CAAA;IACvB,uCAAmB,CAAA;IACnB,2CAAuB,CAAA;IACvB,yCAAqB,CAAA;IACrB,yCAAqB,CAAA;AACvB,CAAC,EAZW,gBAAgB,KAAhB,gBAAgB,QAY3B;AAED;;;;;;;GAOG;AAMH,IAAM,UAAU,kBAAhB,MAAM,UAAW,SAAQ,MAAM;IAgC7B,MAAM,CAAC,KAAK,CAAC,QAAQ;QACnB,YAAU,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACpE,CAAC;IAED,MAAM,CAAC,gBAAgB;QACrB,OAAO;YACL,SAAS,EAAE,wBAAwB;YACnC,WAAW,EAAE,0BAA0B;YACvC,UAAU,EAAE,yBAAyB;YACrC,UAAU,EAAE,yBAAyB;YACrC,SAAS,EAAE,wBAAwB;YACnC,UAAU,EAAE,yBAAyB;YACrC,YAAY,EAAE,sBAAsB;YACpC,SAAS,EAAE,mBAAmB;YAC9B,aAAa,EAAE,uBAAuB;YACtC,WAAW,EAAE,qBAAqB;SACnC,CAAC;IACJ,CAAC;IAED,IAAI,aAAa;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC;IACvD,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,gBAAgB,GAAG,WAAW,KAAK,gBAAgB,CAAC,QAAQ,IAAI,WAAW,KAAK,gBAAgB,CAAC,QAAQ;eAC5G,WAAW,KAAK,gBAAgB,CAAC,OAAO,IAAI,WAAW,KAAK,gBAAgB,CAAC,SAAS,CAAC;QAE1F,IAAI,QAAQ,CAAC;QACb,IAAI,WAAW,EAAE;YACf,QAAQ,GAAG,gBAAgB,CAAC,CAAC,CAAC,YAAU,CAAC,UAAU,CAAC,OAAO,CAAC,YAAU,CAAC,gBAAgB,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SAC9G;QACD,OAAO,GAAG,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,YAAU,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IAC5F,CAAC;CACF,CAAA;AAxDG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,CAAC,MAAM,EAAE,CAAC;wCAC3C;AAS3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CACR;AASlB;IAFD,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,gBAAgB,CAAC,OAAO,EAAE,CAAC;IAC7E,uBAAuB;0CACU;AA5B7B,UAAU;IALf,aAAa,CAAC;QACb,GAAG,EAAE,aAAa;QAClB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;KACnC,CAAC;GACI,UAAU,CAkEf;AAED,UAAU,CAAC,MAAM,EAAE,CAAC;AAEpB,eAAe,UAAU,CAAC","sourcesContent":["import litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport \"@ui5/webcomponents-icons/dist/AllIcons.js\";\nimport I18nBundle, { I18nText, getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  BUTTON_ARIA_ATTENTION, BUTTON_ARIA_DEFAULT, BUTTON_ARIA_EMPHASIZED, BUTTON_ARIA_TRANSPARENT, BUTTON_ARIA_TYPE_NEGATIVE, BUTTON_ARIA_TYPE_POSITIVE, BUTTON_ARIA_TYPE_PRIMARY, BUTTON_ARIA_TYPE_SECONDARY, BUTTON_ARIA_TYPE_TERTIARY, BUTTON_ARIA_TYPE_WARNING, TOGGLED,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport ButtonCss from \"./generated/themes/Button.css\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\n\nexport enum UDExButtonDesign {\n  Primary = \"Primary\",\n  Emphasized = \"Emphasized\",\n  Secondary = \"Secondary\",\n  Default = \"Default\",\n  Tertiary = \"Tertiary\",\n  Transparent = \"Transparent\",\n  Invisible = \"Invisible\",\n  Warning = \"Warning\",\n  Attention = \"Attention\",\n  Positive = \"Positive\",\n  Negative = \"Negative\",\n}\n\n/**\n * @class\n *\n * @constructor\n * @extends Button\n * @tagname udex-button\n * @public\n */\n@customElement({\n  tag: \"udex-button\",\n  renderer: litRender,\n  styles: [Button.styles, ButtonCss],\n})\nclass UDExButton extends Button {\n  /**\n   * Defines the size of the component.\n   * <br><br>\n   * <b>Note:</b> There are three different sizes to choose from.\n   *\n   * @default \"Medium\"\n   * @public\n   */\n  @property({ type: UDExButtonSize, defaultValue: UDExButtonSize.Medium })\n    size!: `${UDExButtonSize}`;\n\n  /**\n   * Defines if button is in toggled state\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    toggled!: boolean;\n\n  /**\n   * Defines the component design.\n   * @default \"Primary\"\n   * @public\n   */\n  @property({ type: UDExButtonDesign, defaultValue: UDExButtonDesign.Primary })\n  /** @ts-expect-error */\n    design!: `${UDExButtonDesign}`;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine() {\n    UDExButton.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n  }\n\n  static typeTextMappings(): Record<string, I18nText> {\n    return {\n      \"Primary\": BUTTON_ARIA_TYPE_PRIMARY,\n      \"Secondary\": BUTTON_ARIA_TYPE_SECONDARY,\n      \"Tertiary\": BUTTON_ARIA_TYPE_TERTIARY,\n      \"Positive\": BUTTON_ARIA_TYPE_POSITIVE,\n      \"Warning\": BUTTON_ARIA_TYPE_WARNING,\n      \"Negative\": BUTTON_ARIA_TYPE_NEGATIVE,\n      \"Emphasized\": BUTTON_ARIA_EMPHASIZED,\n      \"Default\": BUTTON_ARIA_DEFAULT,\n      \"Transparent\": BUTTON_ARIA_TRANSPARENT,\n      \"Attention\": BUTTON_ARIA_ATTENTION,\n    };\n  }\n\n  get hasButtonType() {\n    return !!this.getAttribute(\"design\") || this.toggled;\n  }\n\n  get buttonTypeText() {\n    const designValue = this.getAttribute(\"design\");\n    const shouldReadDesign = designValue === UDExButtonDesign.Positive || designValue === UDExButtonDesign.Negative\n    || designValue === UDExButtonDesign.Warning || designValue === UDExButtonDesign.Attention;\n\n    let typeText;\n    if (designValue) {\n      typeText = shouldReadDesign ? UDExButton.i18nBundle.getText(UDExButton.typeTextMappings()[designValue]) : \"\";\n    }\n    return `${typeText} ${this.toggled ? UDExButton.i18nBundle.getText(TOGGLED) : \"\"}`.trim();\n  }\n}\n\nUDExButton.define();\n\nexport default UDExButton;\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.ts"],"names":[],"mappings":"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","sourcesContent":["import jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type { I18nText } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  BUTTON_ARIA_ATTENTION, BUTTON_ARIA_DEFAULT, BUTTON_ARIA_EMPHASIZED, BUTTON_ARIA_TRANSPARENT, BUTTON_ARIA_TYPE_NEGATIVE, BUTTON_ARIA_TYPE_POSITIVE, BUTTON_ARIA_TYPE_PRIMARY, BUTTON_ARIA_TYPE_SECONDARY, BUTTON_ARIA_TYPE_TERTIARY, BUTTON_ARIA_TYPE_WARNING, TOGGLED,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport { UDExButtonDesign, UDExButtonSize } from \"./types/Button.js\";\n\n// Styles\nimport ButtonCss from \"./generated/themes/Button.css.js\";\n\n/**\n * @class\n *\n * @constructor\n * @extends Button\n * @tagname udex-button\n * @public\n */\n@customElement({\n  tag: \"udex-button\",\n  renderer: jsxRenderer,\n  styles: [Button.styles, ButtonCss],\n})\n\nclass UDExButton extends Button {\n  /**\n   * Defines the size of the component.\n   * <br><br>\n   * <b>Note:</b> There are three different sizes to choose from.\n   *\n   * @default \"Medium\"\n   * @public\n   */\n  @property({ type: String })\n    size: `${UDExButtonSize}` = UDExButtonSize.Medium;\n\n  /**\n   * Defines if button is in toggled state\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    toggled!: boolean;\n\n  /**\n   * Defines the component design.\n   * @default \"Primary\"\n   * @public\n   */\n  @property({ type: String })\n  /** @ts-expect-error */\n    design: `${UDExButtonDesign}` = UDExButtonDesign.Primary;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  static typeTextMappings(): Record<string, I18nText> {\n    return {\n      [UDExButtonDesign.Primary]: BUTTON_ARIA_TYPE_PRIMARY,\n      [UDExButtonDesign.Secondary]: BUTTON_ARIA_TYPE_SECONDARY,\n      [UDExButtonDesign.Tertiary]: BUTTON_ARIA_TYPE_TERTIARY,\n      [UDExButtonDesign.Positive]: BUTTON_ARIA_TYPE_POSITIVE,\n      [UDExButtonDesign.Warning]: BUTTON_ARIA_TYPE_WARNING,\n      [UDExButtonDesign.Negative]: BUTTON_ARIA_TYPE_NEGATIVE,\n      [UDExButtonDesign.Emphasized]: BUTTON_ARIA_EMPHASIZED,\n      [UDExButtonDesign.Default]: BUTTON_ARIA_DEFAULT,\n      [UDExButtonDesign.Transparent]: BUTTON_ARIA_TRANSPARENT,\n      [UDExButtonDesign.Attention]: BUTTON_ARIA_ATTENTION,\n    };\n  }\n\n  get hasButtonType(): boolean {\n    return !!this.designValue || this.toggled;\n  }\n\n  get buttonTypeText(): string {\n    const { designValue } = this;\n    const shouldReadDesign = designValue === UDExButtonDesign.Positive || designValue === UDExButtonDesign.Negative\n    || designValue === UDExButtonDesign.Warning || designValue === UDExButtonDesign.Attention;\n\n    let typeText;\n    if (designValue) {\n      typeText = shouldReadDesign ? UDExButton.i18nBundle.getText(UDExButton.typeTextMappings()[designValue]) : \"\";\n    }\n    return `${typeText} ${this.toggled ? UDExButton.i18nBundle.getText(TOGGLED) : \"\"}`.trim();\n  }\n\n  get designValue(): string | null {\n    return this.getAttribute(\"design\");\n  }\n}\n\nUDExButton.define();\n\nexport default UDExButton;\n"]}

package/dist/Carousel.d.ts

@@ -1,7 +1,9 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import UI5Carousel from "@ui5/webcomponents/dist/Carousel.js";
-export declare enum CarouselNavigationPosition {
+import "@ui5/webcomponents-icons/dist/slim-arrow-left.js";
+import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
+export declare enum UDExCarouselNavigationPosition {
     top = "top",
     bottom = "bottom"
 }
@@ -25,7 +27,7 @@ declare class UDExCarousel extends UI5Element {
      *
      * @public
      */
-    navigationPlacement: `${CarouselNavigationPosition}`;
+    navigationPlacement: `${UDExCarouselNavigationPosition}`;
     /**
      * Defines the content of the component.
      *
@@ -55,7 +57,6 @@ declare class UDExCarousel extends UI5Element {
      */
     accessibleName: string;
     static i18nBundle: I18nBundle;
-    static onDefine(): Promise<void>;
     get nextPageText(): string;
     get previousPageText(): string;
     get carouselClass(): string;

package/dist/Carousel.js

@@ -10,20 +10,22 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { isUp, isDown, isRight, isLeft, } from "@ui5/webcomponents-base/dist/Keys.js";
 import UI5Carousel from "@ui5/webcomponents/dist/Carousel.js";
 import { CAROUSEL_NEXT_ARROW_TEXT, CAROUSEL_PREVIOUS_ARROW_TEXT, } from "./generated/i18n/i18n-defaults.js";
+import "@ui5/webcomponents-icons/dist/slim-arrow-left.js";
+import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
 import redirectAttributes from "./utils/redirectAttributes.js";
 import CarouselTemplate from "./generated/templates/CarouselTemplate.lit.js";
 // Styles
 import CarouselCss from "./generated/themes/Carousel.css.js";
 import UDExButton from "./Button.js";
-export var CarouselNavigationPosition;
-(function (CarouselNavigationPosition) {
-    CarouselNavigationPosition["top"] = "top";
-    CarouselNavigationPosition["bottom"] = "bottom";
-})(CarouselNavigationPosition || (CarouselNavigationPosition = {}));
+export var UDExCarouselNavigationPosition;
+(function (UDExCarouselNavigationPosition) {
+    UDExCarouselNavigationPosition["top"] = "top";
+    UDExCarouselNavigationPosition["bottom"] = "bottom";
+})(UDExCarouselNavigationPosition || (UDExCarouselNavigationPosition = {}));
 /**
  * @class
  *
@@ -33,8 +35,27 @@ export var CarouselNavigationPosition;
  * @public
  */
 let UDExCarousel = UDExCarousel_1 = class UDExCarousel extends UI5Element {
-    static async onDefine() {
-        UDExCarousel_1.i18nBundle = await getI18nBundle("@sapudex/web-components");
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the position of the navigation.
+         * <br><br>
+         * Available options are:
+         * <ul>
+         * <li><code>top</code> - the navigation button are placed above the component.</li>
+         * <li><code>bottom</code> - the navigation button arrows are placed below the component.</li>
+         * </ul>
+         *
+         * @public
+         */
+        this.navigationPlacement = UDExCarouselNavigationPosition.top;
+        /**
+         * Defines the accessible ARIA name of the component.
+         *
+         * @default ''
+         * @public
+         */
+        this.accessibleName = "";
     }
     get nextPageText() {
         return UDExCarousel_1.i18nBundle.getText(CAROUSEL_NEXT_ARROW_TEXT);
@@ -47,18 +68,18 @@ let UDExCarousel = UDExCarousel_1 = class UDExCarousel extends UI5Element {
         return `${classes} udex-carousel__navigation--${this.navigationPlacement}`;
     }
     get buttonDesign() {
-        return this.navigationPlacement === CarouselNavigationPosition.top
+        return this.navigationPlacement === UDExCarouselNavigationPosition.top
             ? "Secondary"
             : "Tertiary";
     }
     get showNavigationButtons() {
         return {
-            top: this.navigationPlacement === CarouselNavigationPosition.top,
-            bottom: this.navigationPlacement === CarouselNavigationPosition.bottom,
+            top: this.navigationPlacement === UDExCarouselNavigationPosition.top,
+            bottom: this.navigationPlacement === UDExCarouselNavigationPosition.bottom,
         };
     }
     get _hidePageIndicator() {
-        return this.navigationPlacement === CarouselNavigationPosition.top;
+        return this.navigationPlacement === UDExCarouselNavigationPosition.top;
     }
     get _carousel() {
         return this.shadowRoot.querySelector("[ui5-carousel]");
@@ -97,10 +118,7 @@ let UDExCarousel = UDExCarousel_1 = class UDExCarousel extends UI5Element {
     }
 };
 __decorate([
-    property({
-        type: CarouselNavigationPosition,
-        defaultValue: CarouselNavigationPosition.top,
-    })
+    property()
 ], UDExCarousel.prototype, "navigationPlacement", void 0);
 __decorate([
     slot({ "default": true, type: HTMLElement, individualSlots: true })
@@ -112,8 +130,11 @@ __decorate([
     property({ type: Boolean, noAttribute: true })
 ], UDExCarousel.prototype, "isNextButtonDisabled", void 0);
 __decorate([
-    property({ type: String, defaultValue: "" })
+    property({ type: String })
 ], UDExCarousel.prototype, "accessibleName", void 0);
+__decorate([
+    i18n("@sapudex/web-components")
+], UDExCarousel, "i18nBundle", void 0);
 UDExCarousel = UDExCarousel_1 = __decorate([
     customElement({
         tag: "udex-carousel",

package/dist/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../src/Carousel.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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  isUp,\n  isDown,\n  isRight,\n  isLeft,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UI5Carousel from \"@ui5/webcomponents/dist/Carousel.js\";\nimport {\n  CAROUSEL_NEXT_ARROW_TEXT,\n  CAROUSEL_PREVIOUS_ARROW_TEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\n\nimport redirectAttributes from \"./utils/redirectAttributes.js\";\n\nimport CarouselTemplate from \"./generated/templates/CarouselTemplate.lit.js\";\n\n// Styles\nimport CarouselCss from \"./generated/themes/Carousel.css.js\";\nimport UDExButton from \"./Button.js\";\n\nexport enum CarouselNavigationPosition {\n  top = \"top\",\n  bottom = \"bottom\",\n}\n\n/**\n * @class\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-carousel\n * @public\n */\n@customElement({\n  tag: \"udex-carousel\",\n  renderer: litRender,\n  styles: CarouselCss,\n  template: CarouselTemplate,\n  dependencies: [UI5Carousel, UDExButton],\n})\nclass UDExCarousel extends UI5Element {\n  /**\n   * Defines the position of the navigation.\n   * <br><br>\n   * Available options are:\n   * <ul>\n   * <li><code>top</code> - the navigation button are placed above the component.</li>\n   * <li><code>bottom</code> - the navigation button arrows are placed below the component.</li>\n   * </ul>\n   *\n   * @public\n   */\n  @property({\n    type: CarouselNavigationPosition,\n    defaultValue: CarouselNavigationPosition.top,\n  })\n    navigationPlacement!: `${CarouselNavigationPosition}`;\n\n  /**\n   * Defines the content of the component.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ \"default\": true, type: HTMLElement, individualSlots: true })\n    items!: Array<HTMLElement>;\n\n  /**\n   * Defines the prev button is disabled\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isPrevButtonDisabled!: boolean;\n\n  /**\n   * Defines the next button is disabled\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isNextButtonDisabled!: boolean;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default ''\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    accessibleName!: string;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine() {\n    UDExCarousel.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n  }\n\n  get nextPageText() {\n    return UDExCarousel.i18nBundle.getText(CAROUSEL_NEXT_ARROW_TEXT);\n  }\n\n  get previousPageText() {\n    return UDExCarousel.i18nBundle.getText(CAROUSEL_PREVIOUS_ARROW_TEXT);\n  }\n\n  get carouselClass(): string {\n    const classes = \"udex-carousel\";\n\n    return `${classes} udex-carousel__navigation--${this.navigationPlacement}`;\n  }\n\n  get buttonDesign() {\n    return this.navigationPlacement === CarouselNavigationPosition.top\n      ? \"Secondary\"\n      : \"Tertiary\";\n  }\n\n  get showNavigationButtons() {\n    return {\n      top: this.navigationPlacement === CarouselNavigationPosition.top,\n      bottom: this.navigationPlacement === CarouselNavigationPosition.bottom,\n    };\n  }\n\n  get _hidePageIndicator() {\n    return this.navigationPlacement === CarouselNavigationPosition.top;\n  }\n\n  get _carousel() {\n    return this.shadowRoot!.querySelector<UI5Carousel>(\"[ui5-carousel]\");\n  }\n\n  get _ui5CarouselRoot(): HTMLElement | null | undefined {\n    return this._carousel?.shadowRoot?.querySelector(\".ui5-carousel-root\");\n  }\n\n  _calculateDisabledButtonsState() {\n    this.isPrevButtonDisabled = !this._carousel?.hasPrev;\n    this.isNextButtonDisabled = !this._carousel?.hasNext;\n  }\n\n  _prevButtonClick() {\n    if (this.isPrevButtonDisabled) {\n      return;\n    }\n\n    this._carousel?.navigateLeft();\n    this._ui5CarouselRoot?.focus();\n    this._calculateDisabledButtonsState();\n  }\n\n  _nextButtonClick() {\n    if (this.isNextButtonDisabled) {\n      return;\n    }\n\n    this._carousel?.navigateRight();\n    this._ui5CarouselRoot?.focus();\n    this._calculateDisabledButtonsState();\n  }\n\n  _onkeydown(e: KeyboardEvent) {\n    if (isLeft(e) || isDown(e) || isRight(e) || isUp(e)) {\n      this._calculateDisabledButtonsState();\n    }\n  }\n\n  onAfterRendering() {\n    redirectAttributes(this, \"carousel\");\n\n    this._calculateDisabledButtonsState();\n  }\n}\n\nUDExCarousel.define();\n\nexport default UDExCarousel;\n"]}
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../src/Carousel.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,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EACL,IAAI,EACJ,MAAM,EACN,OAAO,EACP,MAAM,GACP,MAAM,sCAAsC,CAAC;AAC9C,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EACL,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,kDAAkD,CAAC;AAC1D,OAAO,mDAAmD,CAAC;AAC3D,OAAO,kBAAkB,MAAM,+BAA+B,CAAC;AAE/D,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAE7E,SAAS;AACT,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAC7D,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,MAAM,CAAN,IAAY,8BAGX;AAHD,WAAY,8BAA8B;IACxC,6CAAW,CAAA;IACX,mDAAiB,CAAA;AACnB,CAAC,EAHW,8BAA8B,KAA9B,8BAA8B,QAGzC;AAED;;;;;;;GAOG;AAQH,IAAM,YAAY,oBAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QACE;;;;;;;;;;WAUG;QAED,wBAAmB,GAAwC,8BAA8B,CAAC,GAAG,CAAC;QA6BhG;;;;;WAKG;QAED,mBAAc,GAAW,EAAE,CAAC;IAgFhC,CAAC;IA3EC,IAAI,YAAY;QACd,OAAO,cAAY,CAAC,UAAU,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,cAAY,CAAC,UAAU,CAAC,OAAO,CAAC,4BAA4B,CAAC,CAAC;IACvE,CAAC;IAED,IAAI,aAAa;QACf,MAAM,OAAO,GAAG,eAAe,CAAC;QAEhC,OAAO,GAAG,OAAO,+BAA+B,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7E,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,mBAAmB,KAAK,8BAA8B,CAAC,GAAG;YACpE,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,UAAU,CAAC;IACjB,CAAC;IAED,IAAI,qBAAqB;QACvB,OAAO;YACL,GAAG,EAAE,IAAI,CAAC,mBAAmB,KAAK,8BAA8B,CAAC,GAAG;YACpE,MAAM,EAAE,IAAI,CAAC,mBAAmB,KAAK,8BAA8B,CAAC,MAAM;SAC3E,CAAC;IACJ,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,mBAAmB,KAAK,8BAA8B,CAAC,GAAG,CAAC;IACzE,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,gBAAgB,CAAC,CAAC;IACvE,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACzE,CAAC;IAED,8BAA8B;QAC5B,IAAI,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;QACrD,IAAI,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACvD,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,CAAC;QAC/B,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC;QAC/B,IAAI,CAAC,8BAA8B,EAAE,CAAC;IACxC,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC;QAChC,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC;QAC/B,IAAI,CAAC,8BAA8B,EAAE,CAAC;IACxC,CAAC;IAED,UAAU,CAAC,CAAgB;QACzB,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YACpD,IAAI,CAAC,8BAA8B,EAAE,CAAC;QACxC,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,kBAAkB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAErC,IAAI,CAAC,8BAA8B,EAAE,CAAC;IACxC,CAAC;CACF,CAAA;AApHG;IADD,QAAQ,EAAE;yDACqF;AAS9F;IADD,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;2CACvC;AAS3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;0DACd;AAS/B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;0DACd;AAS/B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACG;AAGvB;IADN,IAAI,CAAC,yBAAyB,CAAC;sCACF;AApD1B,YAAY;IAPjB,aAAa,CAAC;QACb,GAAG,EAAE,eAAe;QACpB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,gBAAgB;QAC1B,YAAY,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC;KACxC,CAAC;GACI,YAAY,CAiIjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  isUp,\n  isDown,\n  isRight,\n  isLeft,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UI5Carousel from \"@ui5/webcomponents/dist/Carousel.js\";\nimport {\n  CAROUSEL_NEXT_ARROW_TEXT,\n  CAROUSEL_PREVIOUS_ARROW_TEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-left.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport redirectAttributes from \"./utils/redirectAttributes.js\";\n\nimport CarouselTemplate from \"./generated/templates/CarouselTemplate.lit.js\";\n\n// Styles\nimport CarouselCss from \"./generated/themes/Carousel.css.js\";\nimport UDExButton from \"./Button.js\";\n\nexport enum UDExCarouselNavigationPosition {\n  top = \"top\",\n  bottom = \"bottom\",\n}\n\n/**\n * @class\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-carousel\n * @public\n */\n@customElement({\n  tag: \"udex-carousel\",\n  renderer: litRender,\n  styles: CarouselCss,\n  template: CarouselTemplate,\n  dependencies: [UI5Carousel, UDExButton],\n})\nclass UDExCarousel extends UI5Element {\n  /**\n   * Defines the position of the navigation.\n   * <br><br>\n   * Available options are:\n   * <ul>\n   * <li><code>top</code> - the navigation button are placed above the component.</li>\n   * <li><code>bottom</code> - the navigation button arrows are placed below the component.</li>\n   * </ul>\n   *\n   * @public\n   */\n  @property()\n    navigationPlacement: `${UDExCarouselNavigationPosition}` = UDExCarouselNavigationPosition.top;\n\n  /**\n   * Defines the content of the component.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ \"default\": true, type: HTMLElement, individualSlots: true })\n    items!: Array<HTMLElement>;\n\n  /**\n   * Defines the prev button is disabled\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isPrevButtonDisabled!: boolean;\n\n  /**\n   * Defines the next button is disabled\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isNextButtonDisabled!: boolean;\n\n  /**\n   * Defines the accessible ARIA 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  get nextPageText() {\n    return UDExCarousel.i18nBundle.getText(CAROUSEL_NEXT_ARROW_TEXT);\n  }\n\n  get previousPageText() {\n    return UDExCarousel.i18nBundle.getText(CAROUSEL_PREVIOUS_ARROW_TEXT);\n  }\n\n  get carouselClass(): string {\n    const classes = \"udex-carousel\";\n\n    return `${classes} udex-carousel__navigation--${this.navigationPlacement}`;\n  }\n\n  get buttonDesign() {\n    return this.navigationPlacement === UDExCarouselNavigationPosition.top\n      ? \"Secondary\"\n      : \"Tertiary\";\n  }\n\n  get showNavigationButtons() {\n    return {\n      top: this.navigationPlacement === UDExCarouselNavigationPosition.top,\n      bottom: this.navigationPlacement === UDExCarouselNavigationPosition.bottom,\n    };\n  }\n\n  get _hidePageIndicator() {\n    return this.navigationPlacement === UDExCarouselNavigationPosition.top;\n  }\n\n  get _carousel() {\n    return this.shadowRoot!.querySelector<UI5Carousel>(\"[ui5-carousel]\");\n  }\n\n  get _ui5CarouselRoot(): HTMLElement | null | undefined {\n    return this._carousel?.shadowRoot?.querySelector(\".ui5-carousel-root\");\n  }\n\n  _calculateDisabledButtonsState() {\n    this.isPrevButtonDisabled = !this._carousel?.hasPrev;\n    this.isNextButtonDisabled = !this._carousel?.hasNext;\n  }\n\n  _prevButtonClick() {\n    if (this.isPrevButtonDisabled) {\n      return;\n    }\n\n    this._carousel?.navigateLeft();\n    this._ui5CarouselRoot?.focus();\n    this._calculateDisabledButtonsState();\n  }\n\n  _nextButtonClick() {\n    if (this.isNextButtonDisabled) {\n      return;\n    }\n\n    this._carousel?.navigateRight();\n    this._ui5CarouselRoot?.focus();\n    this._calculateDisabledButtonsState();\n  }\n\n  _onkeydown(e: KeyboardEvent) {\n    if (isLeft(e) || isDown(e) || isRight(e) || isUp(e)) {\n      this._calculateDisabledButtonsState();\n    }\n  }\n\n  onAfterRendering() {\n    redirectAttributes(this, \"carousel\");\n\n    this._calculateDisabledButtonsState();\n  }\n}\n\nUDExCarousel.define();\n\nexport default UDExCarousel;\n"]}

package/dist/Checkbox.d.ts

@@ -1,4 +1,6 @@
 import CheckBox from "@ui5/webcomponents/dist/CheckBox.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import UDExCheckboxValueState from "./types/Checkbox.js";
 /**
  * @class
  *
@@ -19,5 +21,16 @@ import CheckBox from "@ui5/webcomponents/dist/CheckBox.js";
  * @public
  */
 declare class UDExCheckbox extends CheckBox {
+    /**
+     * Defines the value state of the component.
+     *
+     * @default "None"
+     * @public
+     */
+    /** @ts-expect-error */
+    valueState: `${UDExCheckboxValueState}`;
+    static i18nBundle: I18nBundle;
+    valueStateMappings(): Record<string, string>;
+    get valueStateText(): string | undefined;
 }
 export default UDExCheckbox;

package/dist/Checkbox.js

@@ -4,11 +4,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var UDExCheckbox_1;
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import CheckBox from "@ui5/webcomponents/dist/CheckBox.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import { VALUE_STATE_ERROR, VALUE_STATE_SUCCESS } from "./generated/i18n/i18n-defaults.js";
+import UDExCheckboxValueState from "./types/Checkbox.js";
 // Styles
-import checkboxCss from "@ui5/webcomponents/dist/generated/themes/CheckBox.css.js";
 import CheckboxCss from "./generated/themes/Checkbox.css.js";
 /**
  * @class
@@ -29,13 +33,41 @@ import CheckboxCss from "./generated/themes/Checkbox.css.js";
  * @tagname udex-checkbox
  * @public
  */
-let UDExCheckbox = class UDExCheckbox extends CheckBox {
+let UDExCheckbox = UDExCheckbox_1 = class UDExCheckbox extends CheckBox {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the value state of the component.
+         *
+         * @default "None"
+         * @public
+         */
+        this.valueState = UDExCheckboxValueState.None;
+    }
+    valueStateMappings() {
+        return {
+            [UDExCheckboxValueState.Error]: UDExCheckbox_1.i18nBundle.getText(VALUE_STATE_ERROR),
+            [UDExCheckboxValueState.Success]: UDExCheckbox_1.i18nBundle.getText(VALUE_STATE_SUCCESS),
+        };
+    }
+    get valueStateText() {
+        if (this.valueState !== UDExCheckboxValueState.None) {
+            return this.valueStateMappings()[this.valueState];
+        }
+    }
 };
-UDExCheckbox = __decorate([
+__decorate([
+    property()
+    /** @ts-expect-error */
+], UDExCheckbox.prototype, "valueState", void 0);
+__decorate([
+    i18n("@sapudex/web-components")
+], UDExCheckbox, "i18nBundle", void 0);
+UDExCheckbox = UDExCheckbox_1 = __decorate([
     customElement({
         tag: "udex-checkbox",
-        renderer: litRender,
-        styles: [checkboxCss, CheckboxCss],
+        renderer: jsxRenderer,
+        styles: [CheckBox.styles, CheckboxCss],
     })
 ], UDExCheckbox);
 UDExCheckbox.define();

package/dist/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,QAAQ,MAAM,qCAAqC,CAAC;AAE3D,SAAS;AACT,OAAO,WAAW,MAAM,0DAA0D,CAAC;AACnF,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAE7D;;;;;;;;;;;;;;;;;;GAkBG;AAMH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;CAClC,CAAA;AADK,YAAY;IALjB,aAAa,CAAC;QACb,GAAG,EAAE,eAAe;QACpB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;KACnC,CAAC;GACI,YAAY,CACjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport CheckBox from \"@ui5/webcomponents/dist/CheckBox.js\";\n\n// Styles\nimport checkboxCss from \"@ui5/webcomponents/dist/generated/themes/CheckBox.css.js\";\nimport CheckboxCss from \"./generated/themes/Checkbox.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-checkbox</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Checkbox.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends CheckBox\n * @tagname udex-checkbox\n * @public\n */\n@customElement({\n  tag: \"udex-checkbox\",\n  renderer: litRender,\n  styles: [checkboxCss, CheckboxCss],\n})\nclass UDExCheckbox extends CheckBox {\n}\n\nUDExCheckbox.define();\n\nexport default UDExCheckbox;\n"]}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,QAAQ,MAAM,qCAAqC,CAAC;AAC3D,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAE3F,OAAO,sBAAsB,MAAM,qBAAqB,CAAC;AAEzD,SAAS;AACT,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAE7D;;;;;;;;;;;;;;;;;;GAkBG;AAOH,IAAM,YAAY,oBAAlB,MAAM,YAAa,SAAQ,QAAQ;IAAnC;;QACE;;;;;WAKG;QAGD,eAAU,GAAgC,sBAAsB,CAAC,IAAI,CAAC;IAiB1E,CAAC;IAZC,kBAAkB;QAChB,OAAO;YACL,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,cAAY,CAAC,UAAU,CAAC,OAAO,CAAC,iBAAiB,CAAC;YAClF,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,cAAY,CAAC,UAAU,CAAC,OAAO,CAAC,mBAAmB,CAAC;SACvF,CAAC;IACJ,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,IAAI,CAAC,UAAU,KAAK,sBAAsB,CAAC,IAAI,EAAE,CAAC;YACpD,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;CACF,CAAA;AAjBG;IAFD,QAAQ,EAAE;IACX,uBAAuB;gDACiD;AAGjE;IADN,IAAI,CAAC,yBAAyB,CAAC;sCACF;AAZ1B,YAAY;IANjB,aAAa,CAAC;QACb,GAAG,EAAE,eAAe;QACpB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;KACvC,CAAC;GAEI,YAAY,CA0BjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport CheckBox from \"@ui5/webcomponents/dist/CheckBox.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport { VALUE_STATE_ERROR, VALUE_STATE_SUCCESS } from \"./generated/i18n/i18n-defaults.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport UDExCheckboxValueState from \"./types/Checkbox.js\";\n\n// Styles\nimport CheckboxCss from \"./generated/themes/Checkbox.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-checkbox</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Checkbox.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends CheckBox\n * @tagname udex-checkbox\n * @public\n */\n@customElement({\n  tag: \"udex-checkbox\",\n  renderer: jsxRenderer,\n  styles: [CheckBox.styles, CheckboxCss],\n})\n\nclass UDExCheckbox extends CheckBox {\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"None\"\n   * @public\n   */\n  @property()\n  /** @ts-expect-error */\n    valueState: `${UDExCheckboxValueState}` = UDExCheckboxValueState.None;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  valueStateMappings(): Record<string, string> {\n    return {\n      [UDExCheckboxValueState.Error]: UDExCheckbox.i18nBundle.getText(VALUE_STATE_ERROR),\n      [UDExCheckboxValueState.Success]: UDExCheckbox.i18nBundle.getText(VALUE_STATE_SUCCESS),\n    };\n  }\n\n  get valueStateText(): string | undefined {\n    if (this.valueState !== UDExCheckboxValueState.None) {\n      return this.valueStateMappings()[this.valueState];\n    }\n  }\n}\n\nUDExCheckbox.define();\n\nexport default UDExCheckbox;\n"]}

package/dist/ControlButton.d.ts

@@ -1,5 +1,5 @@
 import Button from "@ui5/webcomponents/dist/Button.js";
-import UDExButtonSize from "./types/ButtonSize.js";
+import { UDExButtonSize, UDExControlButtonDesign } from "./types/Button.js";
 /**
  * @class
  *
@@ -31,6 +31,13 @@ declare class UDExControlButton extends Button {
      * @public
      */
     readonly: boolean;
+    /**
+     * Determines whether the component is displayed as read-only.
+     * @default "Default"
+     * @public
+     */
+    /** @ts-expect-error */
+    design: `${UDExControlButtonDesign}`;
     /**
      * Determines Combobox role for the button.
      * @default false

package/dist/ControlButton.js

@@ -5,12 +5,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import Button from "@ui5/webcomponents/dist/Button.js";
 // Styles
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import ControlButtonCss from "./generated/themes/ControlButton.css.js";
-import UDExButtonSize from "./types/ButtonSize.js";
+import { UDExButtonSize, UDExControlButtonDesign } from "./types/Button.js";
 /**
  * @class
  *
@@ -29,6 +29,22 @@ import UDExButtonSize from "./types/ButtonSize.js";
  * @public
  */
 let UDExControlButton = class UDExControlButton extends Button {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the size of the button.
+         *
+         * @default "Medium"
+         * @public
+         */
+        this.size = UDExButtonSize.Medium;
+        /**
+         * Determines whether the component is displayed as read-only.
+         * @default "Default"
+         * @public
+         */
+        this.design = UDExControlButtonDesign.Default;
+    }
     async onBeforeRendering() {
         await super.onBeforeRendering();
         if (this.readonly) {
@@ -45,18 +61,22 @@ let UDExControlButton = class UDExControlButton extends Button {
     }
 };
 __decorate([
-    property({ type: UDExButtonSize, defaultValue: UDExButtonSize.Medium })
+    property()
 ], UDExControlButton.prototype, "size", void 0);
 __decorate([
     property({ type: Boolean })
 ], UDExControlButton.prototype, "readonly", void 0);
+__decorate([
+    property({ type: String })
+    /** @ts-expect-error */
+], UDExControlButton.prototype, "design", void 0);
 __decorate([
     property({ type: Boolean })
 ], UDExControlButton.prototype, "_isComboboxRole", void 0);
 UDExControlButton = __decorate([
     customElement({
         tag: "udex-control-button",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [Button.styles, ControlButtonCss],
     })
 ], UDExControlButton);

package/dist/ControlButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlButton.js","sourceRoot":"","sources":["../src/ControlButton.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAEvD,SAAS;AACT,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AACvE,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAEnD;;;;;;;;;;;;;;;;GAgBG;AAOH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,MAAM;IA0BpC,KAAK,CAAC,iBAAiB;QACrB,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAChC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;SAC5B;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;IACH,CAAC;IAED,eAAe;QACb,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACvF,CAAC;CACF,CAAA;AAlCG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,CAAC,MAAM,EAAE,CAAC;+CAC3C;AAQ3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACP;AAQnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DACA;AAxBxB,iBAAiB;IANtB,aAAa,CAAC;QACb,GAAG,EAAE,qBAAqB;QAC1B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC;KAC1C,CAAC;GAEI,iBAAiB,CA0CtB;AAED,iBAAiB,CAAC,MAAM,EAAE,CAAC;AAE3B,eAAe,iBAAiB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\n\n// Styles\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport ControlButtonCss from \"./generated/themes/ControlButton.css.js\";\nimport UDExButtonSize from \"./types/ButtonSize.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-control-button</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ControlButton.js\";</code>\n *\n * @constructor\n * @extends Button\n * @public\n */\n@customElement({\n  tag: \"udex-control-button\",\n  renderer: litRender,\n  styles: [Button.styles, ControlButtonCss],\n})\n\nclass UDExControlButton extends Button {\n  /**\n   * Defines the size of the button.\n   *\n   * @default \"Medium\"\n   * @public\n   */\n  @property({ type: UDExButtonSize, defaultValue: UDExButtonSize.Medium })\n    size!: `${UDExButtonSize}`;\n\n  /**\n   * Determines whether the component is displayed as read-only.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Determines Combobox role for the button.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _isComboboxRole?: boolean;\n\n  async onBeforeRendering() {\n    await super.onBeforeRendering();\n    if (this.readonly) {\n      this.nonInteractive = true;\n    }\n  }\n\n  onAfterRendering() {\n    if (this._isComboboxRole) {\n      this.setComboboxRole();\n    }\n  }\n\n  setComboboxRole(): void {\n    this.shadowRoot?.querySelector(\".ui5-button-root\")?.setAttribute(\"role\", \"combobox\");\n  }\n}\n\nUDExControlButton.define();\n\nexport default UDExControlButton;\n"]}
+{"version":3,"file":"ControlButton.js","sourceRoot":"","sources":["../src/ControlButton.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAEvD,SAAS;AACT,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAE5E;;;;;;;;;;;;;;;;GAgBG;AAOH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,MAAM;IAAtC;;QACE;;;;;WAKG;QAED,SAAI,GAAwB,cAAc,CAAC,MAAM,CAAC;QAUpD;;;;WAIG;QAGD,WAAM,GAAkC,uBAAuB,CAAC,OAAO,CAAC;IA0B5E,CAAC;IAhBC,KAAK,CAAC,iBAAiB;QACrB,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAChC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAED,eAAe;QACb,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACvF,CAAC;CACF,CAAA;AA3CG;IADD,QAAQ,EAAE;+CACyC;AAQlD;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACP;AASnB;IAFD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;IACzB,uBAAuB;iDACiD;AAQxE;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DACA;AAjCxB,iBAAiB;IANtB,aAAa,CAAC;QACb,GAAG,EAAE,qBAAqB;QAC1B,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC;KAC1C,CAAC;GAEI,iBAAiB,CAmDtB;AAED,iBAAiB,CAAC,MAAM,EAAE,CAAC;AAE3B,eAAe,iBAAiB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\n\n// Styles\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport ControlButtonCss from \"./generated/themes/ControlButton.css.js\";\nimport { UDExButtonSize, UDExControlButtonDesign } from \"./types/Button.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-control-button</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ControlButton.js\";</code>\n *\n * @constructor\n * @extends Button\n * @public\n */\n@customElement({\n  tag: \"udex-control-button\",\n  renderer: jsxRenderer,\n  styles: [Button.styles, ControlButtonCss],\n})\n\nclass UDExControlButton extends Button {\n  /**\n   * Defines the size of the button.\n   *\n   * @default \"Medium\"\n   * @public\n   */\n  @property()\n    size: `${UDExButtonSize}` = UDExButtonSize.Medium;\n\n  /**\n   * Determines whether the component is displayed as read-only.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Determines whether the component is displayed as read-only.\n   * @default \"Default\"\n   * @public\n   */\n  @property({ type: String })\n    /** @ts-expect-error */\n    design!: `${UDExControlButtonDesign}` = UDExControlButtonDesign.Default;\n\n  /**\n   * Determines Combobox role for the button.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _isComboboxRole?: boolean;\n\n  async onBeforeRendering() {\n    await super.onBeforeRendering();\n    if (this.readonly) {\n      this.nonInteractive = true;\n    }\n  }\n\n  onAfterRendering() {\n    if (this._isComboboxRole) {\n      this.setComboboxRole();\n    }\n  }\n\n  setComboboxRole(): void {\n    this.shadowRoot?.querySelector(\".ui5-button-root\")?.setAttribute(\"role\", \"combobox\");\n  }\n}\n\nUDExControlButton.define();\n\nexport default UDExControlButton;\n"]}

package/dist/CountrySelector.d.ts

@@ -1,14 +1,20 @@
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import Popover from "@ui5/webcomponents/dist/Popover.js";
-import { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-import UDExTextField from "./TextField.js";
-import ValueState from "./types/common.js";
-import SearchableListBaseTemplate from "./generated/templates/SearchableListBaseTemplate.lit.js";
+import type Popover from "@ui5/webcomponents/dist/Popover.js";
+import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
+import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
+import "@ui5/webcomponents-icons/dist/navigation-up-arrow.js";
+import type { Country } from "./data/CountryListISO3166.js";
 import Search from "./Search.js";
 import UDExDropdown from "./Dropdown.js";
-import { Country } from "./data/CountryListISO3166.js";
 import UDExSearchableListBase from "./SearchableListBase.js";
-import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
+import UDExTextField from "./TextField.js";
+import UDExValueState from "./types/common.js";
+import type { UDExSearchKeydownEventDetail } from "./Search.js";
+import type { UDExSearchableListBaseEvents } from "./SearchableListBase.js";
+import SearchableListBaseTemplate from "./generated/templates/SearchableListBaseTemplate.lit.js";
+type UDExCountrySelectorChangeSearchEventDetail = {
+    value: string;
+};
 /**
  * @class
  *
@@ -23,26 +29,32 @@ import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
  * <code>import "@sapudex/web-components/dist/CountrySelector.js";</code>
  *
  * @constructor
- * @author SAP SE
  * @extends UDExSearchableListBase
  * @tagname udex-country-selector
  * @public
  */
 declare class UDExCountrySelector extends UDExSearchableListBase {
+    eventDetails: {
+        "open": void;
+        "close": void;
+        "before-close": void;
+        "before-open": void;
+        "change-search": UDExCountrySelectorChangeSearchEventDetail;
+    } & Omit<UDExSearchableListBaseEvents, "change-search">;
     /**
      * Defines label text for the input field.
      *
-     * @default ""
+     * @default undefined
      * @public
      */
     label?: string;
     /**
      * Defines the accessible ARIA name of the component.
      *
-     * @default ""
+     * @default undefined
      * @public
      */
-    accessibleName: string;
+    accessibleName?: string;
     /**
      * Receives id (or many ids) of the elements that label the component.
      * @default ""
@@ -118,14 +130,14 @@ declare class UDExCountrySelector extends UDExSearchableListBase {
      * @default "Standard"
      * @public
      */
-    valueState: `${ValueState}`;
+    valueState: `${UDExValueState}`;
     /**
      * Defines supporting text under the country selector.
      *
-     * @default ""
+     * @default undefined
      * @public
      */
-    supportingText: string;
+    supportingText?: string;
     /**
      *
      * @public
@@ -139,32 +151,19 @@ declare class UDExCountrySelector extends UDExSearchableListBase {
     _search: Search;
     _handleResizeBound: ResizeObserverCallback;
     static i18nBundle: I18nBundle;
-    static onDefine(): Promise<void>;
     constructor();
     onEnterDOM(): void;
     onExitDOM(): void;
     onBeforeRendering(): void;
     onAfterRendering(): void;
     getTrigger(): HTMLElement;
+    _dropdownClose(): void;
+    _dropdownOpen(): void;
     _dropdownBeforeOpen(): void;
-    _dropdownAfterClose(): void;
-    _dropdownAfterOpen(): void;
     _dropdownBeforeClose(): void;
     get searchableList(): object;
     static get searchableListBaseTemplate(): typeof SearchableListBaseTemplate;
     _handleResize(): void;
-    get ariaControls(): string | null | undefined;
-    get selectedCountryFlagX(): string | undefined;
-    get selectedCountryFlagY(): string | undefined;
-    get selectedCountryName(): string | null;
-    get flagAriaLabel(): string;
-    get triggerIcon(): string;
-    get countrySelectorClasses(): string;
-    get countrySelectorTriggerClasses(): string;
-    get showFlagImages(): boolean;
-    get isOpenerDisabled(): boolean;
-    getItemTemplate(country: Country): string | undefined;
-    getCountryLabel(countryName?: string, localName?: string): string | null;
     handleCloseSearch(): void;
     handleItemPress(e: CustomEvent): void;
     handleKeyPress(keyEvent: KeyboardEvent): void;
@@ -173,11 +172,23 @@ declare class UDExCountrySelector extends UDExSearchableListBase {
     handleTriggerClick(): void;
     handleValueSearch(e: CustomEvent): void;
     handleSubmitSearch(): void;
-    handleKeyDownSearch(e: CustomEvent): void;
+    handleKeyDownSearch(keyEvent: CustomEvent<UDExSearchKeydownEventDetail>): void;
     handleKeyDownDropdown(e: KeyboardEvent): void;
-    dropdownClose(): void;
+    dropDownClose(): void;
     handleResetSearch(): void;
     prepareCountrySelectorItems(): void;
+    getItemTemplate(country: Country): string | undefined;
+    getCountryLabel(countryName?: string, localName?: string): string | null;
+    get ariaControls(): string | null | undefined;
+    get selectedCountryFlagX(): string | undefined;
+    get selectedCountryFlagY(): string | undefined;
+    get selectedCountryName(): string | null;
+    get flagAriaLabel(): string;
+    get triggerIcon(): string;
+    get countrySelectorClasses(): string;
+    get countrySelectorTriggerClasses(): string;
+    get showFlagImages(): boolean;
+    get isOpenerDisabled(): boolean;
     getSearch(): Search;
     getDropdownPopover(): Popover;
     getDropdown(): UDExDropdown;