@sapudex/web-components 2.10.0 → 2.12.0

package/dist/AccordionItem.js

@@ -15,6 +15,11 @@ import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import AccordionItemTemplate from "./AccordionItemTemplate.js";
 // Styles
 import AccordionItemCss from "./generated/themes/AccordionItem.css.js";
+export var UDExAccordionItemTitleSize;
+(function (UDExAccordionItemTitleSize) {
+    UDExAccordionItemTitleSize["Standard"] = "Standard";
+    UDExAccordionItemTitleSize["Large"] = "Large";
+})(UDExAccordionItemTitleSize || (UDExAccordionItemTitleSize = {}));
 /**
  * @class
  *
@@ -37,6 +42,13 @@ import AccordionItemCss from "./generated/themes/AccordionItem.css.js";
 let UDExAccordionItem = class UDExAccordionItem extends UI5Element {
     constructor() {
         super();
+        /**
+         * Defines the size of label.
+         *
+         * @default UDExAccordionItemTitleSize.Standard
+         * @public
+         */
+        this.labelSize = UDExAccordionItemTitleSize.Standard;
         /**
          * Defines if the accordion item is expanded by default
          *
@@ -54,18 +66,23 @@ let UDExAccordionItem = class UDExAccordionItem extends UI5Element {
     }
     onAfterRendering() {
         this.handleDirection();
+        this.setContentHeight();
     }
     onEnterDOM() {
         if (isDesktop()) {
             this.setAttribute("desktop", "");
         }
     }
+    setContentHeight() {
+        this.style.setProperty("--udex-accordion-item-content-max-height", `${this.shadowRoot?.querySelector(".udex-accordion-item__content")?.scrollHeight}px`);
+    }
     contentKeydown(e) {
         e.stopPropagation();
     }
     itemClickHandler(e) {
         e.preventDefault();
         this.expanded = !this.expanded;
+        this.setContentHeight();
         this.fireDecoratorEvent("accordion-item-click");
     }
     focusHandler() {
@@ -94,6 +111,12 @@ __decorate([
 __decorate([
     property()
 ], UDExAccordionItem.prototype, "label", void 0);
+__decorate([
+    property()
+], UDExAccordionItem.prototype, "labelSize", void 0);
+__decorate([
+    property()
+], UDExAccordionItem.prototype, "labelIcon", void 0);
 __decorate([
     property({ type: Boolean })
 ], UDExAccordionItem.prototype, "expanded", void 0);

package/dist/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../src/AccordionItem.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport AccordionItemTemplate from \"./AccordionItemTemplate.js\";\n\n// Styles\nimport AccordionItemCss from \"./generated/themes/AccordionItem.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-accordion-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/AccordionItem.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-accordion-item\n * @public\n */\n@customElement({\n  tag: \"udex-accordion-item\",\n  renderer: jsxRenderer,\n  styles: AccordionItemCss,\n  template: AccordionItemTemplate,\n})\n\n/**\n * Triggered when the user focuses on an accordion item.\n * @public\n */\n@event(\"accordion-item-focus\", { bubbles: true })\n\n/**\n * Triggered when the user clicks on an accordion item.\n * @public\n */\n@event(\"accordion-item-click\", { bubbles: true })\n\nclass UDExAccordionItem extends UI5Element {\n  eventDetails!: {\n    \"accordion-item-focus\": void,\n    \"accordion-item-click\": void,\n  };\n  /**\n   * Defines the Badge at the end of the label item.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    numberBadge!: string;\n\n  /**\n   * Defines the label of the accordion item component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    label!: string;\n\n  /**\n   * Defines if the accordion item is expanded by default\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    expanded = false;\n\n  /**\n   * Used internally to understand the component's open or closed state.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isOpen = false;\n\n  /**\n   * Defines direction of the accordion item.\n   *\n   * @public\n   */\n  @property({ type: String })\n    _direction?: string;\n\n  /**\n   * Slot for accordion item content.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: Node, \"default\": true })\n    content!: Array<Node>;\n\n  constructor() {\n    super();\n  }\n\n  onAfterRendering() {\n    this.handleDirection();\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  contentKeydown(e: KeyboardEvent) {\n    e.stopPropagation();\n  }\n\n  itemClickHandler(e: Event) {\n    e.preventDefault();\n    this.expanded = !this.expanded;\n    this.fireDecoratorEvent(\"accordion-item-click\");\n  }\n\n  focusHandler() {\n    this.fireDecoratorEvent(\"accordion-item-focus\");\n  }\n\n  keydownHandler(e: KeyboardEvent) {\n    if (isEnter(e) || isSpace(e)) {\n      this.itemClickHandler(e);\n    }\n  }\n\n  handleDirection() {\n    const directionStyles: string = window\n      .getComputedStyle(this)\n      .getPropertyValue(\"direction\");\n\n    if (!directionStyles) {\n      this._direction = \"ltr\";\n    } else {\n      this._direction = directionStyles;\n    }\n  }\n}\n\nUDExAccordionItem.define();\n\nexport default UDExAccordionItem;\n"]}
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../src/AccordionItem.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport AccordionItemTemplate from \"./AccordionItemTemplate.js\";\n\n// Styles\nimport AccordionItemCss from \"./generated/themes/AccordionItem.css.js\";\n\nexport enum UDExAccordionItemTitleSize {\n  Standard = \"Standard\",\n  Large = \"Large\"\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-accordion-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/AccordionItem.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-accordion-item\n * @public\n */\n@customElement({\n  tag: \"udex-accordion-item\",\n  renderer: jsxRenderer,\n  styles: AccordionItemCss,\n  template: AccordionItemTemplate,\n})\n\n/**\n * Triggered when the user focuses on an accordion item.\n * @public\n */\n@event(\"accordion-item-focus\", { bubbles: true })\n\n/**\n * Triggered when the user clicks on an accordion item.\n * @public\n */\n@event(\"accordion-item-click\", { bubbles: true })\n\nclass UDExAccordionItem extends UI5Element {\n  eventDetails!: {\n    \"accordion-item-focus\": void,\n    \"accordion-item-click\": void,\n  };\n  /**\n   * Defines the Badge at the end of the label item.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    numberBadge!: string;\n\n  /**\n   * Defines the label of the accordion item component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    label!: string;\n\n  /**\n   * Defines the size of label.\n   *\n   * @default UDExAccordionItemTitleSize.Standard\n   * @public\n   */\n  @property()\n    labelSize: UDExAccordionItemTitleSize = UDExAccordionItemTitleSize.Standard;\n\n  /**\n   * Defines icon name to be display with title.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    labelIcon!: string;\n\n  /**\n   * Defines if the accordion item is expanded by default\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    expanded = false;\n\n  /**\n   * Used internally to understand the component's open or closed state.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isOpen = false;\n\n  /**\n   * Defines direction of the accordion item.\n   *\n   * @public\n   */\n  @property({ type: String })\n    _direction?: string;\n\n  /**\n   * Slot for accordion item content.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: Node, \"default\": true })\n    content!: Array<Node>;\n\n  constructor() {\n    super();\n  }\n\n  onAfterRendering() {\n    this.handleDirection();\n    this.setContentHeight();\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  setContentHeight() {\n    this.style.setProperty(\"--udex-accordion-item-content-max-height\", `${this.shadowRoot?.querySelector(\".udex-accordion-item__content\")?.scrollHeight}px`);\n  }\n\n  contentKeydown(e: KeyboardEvent) {\n    e.stopPropagation();\n  }\n\n  itemClickHandler(e: Event) {\n    e.preventDefault();\n    this.expanded = !this.expanded;\n    this.setContentHeight();\n    this.fireDecoratorEvent(\"accordion-item-click\");\n  }\n\n  focusHandler() {\n    this.fireDecoratorEvent(\"accordion-item-focus\");\n  }\n\n  keydownHandler(e: KeyboardEvent) {\n    if (isEnter(e) || isSpace(e)) {\n      this.itemClickHandler(e);\n    }\n  }\n\n  handleDirection() {\n    const directionStyles: string = window\n      .getComputedStyle(this)\n      .getPropertyValue(\"direction\");\n\n    if (!directionStyles) {\n      this._direction = \"ltr\";\n    } else {\n      this._direction = directionStyles;\n    }\n  }\n}\n\nUDExAccordionItem.define();\n\nexport default UDExAccordionItem;\n"]}

package/dist/AccordionItemTemplate.js

@@ -4,11 +4,16 @@ import IconMode from "@ui5/webcomponents/dist/types/IconMode.js";
 import slimArrowRight from "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
 import { UDExNumberBadgeDesign, UDExSizeBadgeDesign, UDExTypeBadgeDesign } from "./types/BadgeDesign.js";
 import UDExBadge from "./Badge.js";
+import UDExDivider from "./Divider.js";
 export default function AccordionItemTemplate() {
     const ariaControlsId = `udex-accordion-item__${this._id}-content`;
     const ariaLabelledbyId = `udex-accordion-item__${this._id}`;
     const rootClass = "udex-accordion-item";
-    return (_jsxs(_Fragment, { children: [_jsxs("button", { id: ariaLabelledbyId, "aria-controls": ariaControlsId, className: `${rootClass}__header`, onFocusIn: this.focusHandler, onClick: this.itemClickHandler, onKeyDown: this.keydownHandler, "aria-expanded": this.expanded, type: "button", children: [_jsx("div", { className: `${rootClass}__icon-wrapper`, children: _jsx(UI5Icon, { class: `${rootClass}__icon`, mode: IconMode.Decorative, name: slimArrowRight }) }), _jsxs("span", { className: `${rootClass}__title`, children: [this.label, this.numberBadge &&
-                                _jsx(UDExBadge, { class: `${rootClass}__badge`, "number-design": UDExNumberBadgeDesign.Blue, type: UDExTypeBadgeDesign.Number, size: UDExSizeBadgeDesign.Medium, children: this.numberBadge })] })] }), _jsx("div", { id: ariaControlsId, "aria-labelledby": ariaLabelledbyId, className: `${rootClass}__content`, onKeyDown: this.contentKeydown, role: "region", children: _jsx("slot", {}) })] }));
+    const titleClass = this.labelIcon ? `${rootClass}--with-title` : "";
+    const headlineClass = `${rootClass}__header ${rootClass}__header--${this.labelSize.toLowerCase()}`;
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { id: ariaLabelledbyId, "aria-controls": ariaControlsId, className: `${headlineClass}`, onFocusIn: this.focusHandler, onClick: this.itemClickHandler, onKeyDown: this.keydownHandler, "aria-expanded": this.expanded, type: "button", children: [this.labelIcon ?
+                        _jsx("div", { className: `${rootClass}__icon-wrapper ${rootClass}__label-icon-wrapper`, children: _jsx(UI5Icon, { class: `${rootClass}__icon ${rootClass}__label-icon`, mode: IconMode.Decorative, name: this.labelIcon }) })
+                        : "", _jsxs("span", { className: `${rootClass}__title`, children: [this.label, this.numberBadge &&
+                                _jsx(UDExBadge, { class: `${rootClass}__badge`, "number-design": UDExNumberBadgeDesign.Blue, type: UDExTypeBadgeDesign.Number, size: UDExSizeBadgeDesign.Medium, children: this.numberBadge })] }), _jsx("div", { className: `${rootClass}__icon-wrapper`, children: _jsx(UI5Icon, { class: `${rootClass}__icon`, mode: IconMode.Decorative, name: slimArrowRight }) })] }), _jsx("div", { id: ariaControlsId, "aria-labelledby": ariaLabelledbyId, className: `${rootClass}__content ${titleClass}`, onKeyDown: this.contentKeydown, role: "region", children: _jsx("div", { className: `${rootClass}__content-inner`, children: _jsx("slot", {}) }) }), _jsx(UDExDivider, {})] }));
 }
 //# sourceMappingURL=AccordionItemTemplate.js.map

package/dist/AccordionItemTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItemTemplate.js","sourceRoot":"","sources":["../src/AccordionItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AACjE,OAAO,cAAc,MAAM,mDAAmD,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AACzG,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,OAAO,UAAU,qBAAqB;IAC3C,MAAM,cAAc,GAAG,wBAAwB,IAAI,CAAC,GAAG,UAAU,CAAC;IAClE,MAAM,gBAAgB,GAAG,wBAAwB,IAAI,CAAC,GAAG,EAAE,CAAC;IAC5D,MAAM,SAAS,GAAG,qBAAqB,CAAC;IAExC,OAAO,CACL,8BACE,kBACE,EAAE,EAAE,gBAAgB,mBACL,cAAc,EAC7B,SAAS,EAAE,GAAG,SAAS,UAAU,EACjC,SAAS,EAAE,IAAI,CAAC,YAAY,EAC5B,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,SAAS,EAAE,IAAI,CAAC,cAAc,mBACf,IAAI,CAAC,QAAQ,EAC5B,IAAI,EAAC,QAAQ,aACb,cAAK,SAAS,EAAE,GAAG,SAAS,gBAAgB,YAC1C,KAAC,OAAO,IACN,KAAK,EAAE,GAAG,SAAS,QAAQ,EAC3B,IAAI,EAAE,QAAQ,CAAC,UAAU,EACzB,IAAI,EAAE,cAAc,GACZ,GACN,EACN,gBAAM,SAAS,EAAE,GAAG,SAAS,SAAS,aACnC,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,WAAW;gCACf,KAAC,SAAS,IACR,KAAK,EAAE,GAAG,SAAS,SAAS,mBACb,qBAAqB,CAAC,IAAI,EACzC,IAAI,EAAE,mBAAmB,CAAC,MAAM,EAChC,IAAI,EAAE,mBAAmB,CAAC,MAAM,YAC/B,IAAI,CAAC,WAAW,GACP,IAET,IACA,EACT,cACE,EAAE,EAAE,cAAc,qBACD,gBAAgB,EACjC,SAAS,EAAE,GAAG,SAAS,WAAW,EAClC,SAAS,EAAE,IAAI,CAAC,cAAc,EAC9B,IAAI,EAAC,QAAQ,YACb,gBAAa,GACT,IACL,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type AccordionItem from \"./AccordionItem.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport IconMode from \"@ui5/webcomponents/dist/types/IconMode.js\";\nimport slimArrowRight from \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport { UDExNumberBadgeDesign, UDExSizeBadgeDesign, UDExTypeBadgeDesign } from \"./types/BadgeDesign.js\";\nimport UDExBadge from \"./Badge.js\";\n\nexport default function AccordionItemTemplate(this: AccordionItem) {\n  const ariaControlsId = `udex-accordion-item__${this._id}-content`;\n  const ariaLabelledbyId = `udex-accordion-item__${this._id}`;\n  const rootClass = \"udex-accordion-item\";\n\n  return (\n    <>\n      <button\n        id={ariaLabelledbyId}\n        aria-controls={ariaControlsId}\n        className={`${rootClass}__header`}\n        onFocusIn={this.focusHandler}\n        onClick={this.itemClickHandler}\n        onKeyDown={this.keydownHandler}\n        aria-expanded={this.expanded}\n        type=\"button\">\n        <div className={`${rootClass}__icon-wrapper`}>\n          <UI5Icon\n            class={`${rootClass}__icon`}\n            mode={IconMode.Decorative}\n            name={slimArrowRight}>\n          </UI5Icon>\n        </div>\n        <span className={`${rootClass}__title`}>\n          {this.label}\n          {this.numberBadge &&\n            <UDExBadge\n              class={`${rootClass}__badge`}\n              number-design={UDExNumberBadgeDesign.Blue}\n              type={UDExTypeBadgeDesign.Number}\n              size={UDExSizeBadgeDesign.Medium}>\n              {this.numberBadge}\n            </UDExBadge>\n          }\n        </span>\n      </button>\n      <div\n        id={ariaControlsId}\n        aria-labelledby={ariaLabelledbyId}\n        className={`${rootClass}__content`}\n        onKeyDown={this.contentKeydown}\n        role=\"region\">\n        <slot></slot>\n      </div>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"AccordionItemTemplate.js","sourceRoot":"","sources":["../src/AccordionItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AACjE,OAAO,cAAc,MAAM,mDAAmD,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AACzG,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,qBAAqB;IAC3C,MAAM,cAAc,GAAG,wBAAwB,IAAI,CAAC,GAAG,UAAU,CAAC;IAClE,MAAM,gBAAgB,GAAG,wBAAwB,IAAI,CAAC,GAAG,EAAE,CAAC;IAC5D,MAAM,SAAS,GAAG,qBAAqB,CAAC;IACxC,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,MAAM,aAAa,GAAG,GAAG,SAAS,YAAY,SAAS,aAAa,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAEnG,OAAO,CACL,8BACE,kBACE,EAAE,EAAE,gBAAgB,mBACL,cAAc,EAC7B,SAAS,EAAE,GAAG,aAAa,EAAE,EAC7B,SAAS,EAAE,IAAI,CAAC,YAAY,EAC5B,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,SAAS,EAAE,IAAI,CAAC,cAAc,mBACf,IAAI,CAAC,QAAQ,EAC5B,IAAI,EAAC,QAAQ,aACZ,IAAI,CAAC,SAAS,CAAC,CAAC;wBACf,cAAK,SAAS,EAAE,GAAG,SAAS,kBAAkB,SAAS,sBAAsB,YAC3E,KAAC,OAAO,IACN,KAAK,EAAE,GAAG,SAAS,UAAU,SAAS,cAAc,EACpD,IAAI,EAAE,QAAQ,CAAC,UAAU,EACzB,IAAI,EAAE,IAAI,CAAC,SAAS,GACZ,GACN;wBACN,CAAC,CAAC,EAAE,EACN,gBAAM,SAAS,EAAE,GAAG,SAAS,SAAS,aACnC,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,WAAW;gCACf,KAAC,SAAS,IACR,KAAK,EAAE,GAAG,SAAS,SAAS,mBACb,qBAAqB,CAAC,IAAI,EACzC,IAAI,EAAE,mBAAmB,CAAC,MAAM,EAChC,IAAI,EAAE,mBAAmB,CAAC,MAAM,YAC/B,IAAI,CAAC,WAAW,GACP,IAET,EACP,cAAK,SAAS,EAAE,GAAG,SAAS,gBAAgB,YAC1C,KAAC,OAAO,IACN,KAAK,EAAE,GAAG,SAAS,QAAQ,EAC3B,IAAI,EAAE,QAAQ,CAAC,UAAU,EACzB,IAAI,EAAE,cAAc,GACZ,GACN,IACC,EACT,cACE,EAAE,EAAE,cAAc,qBACD,gBAAgB,EACjC,SAAS,EAAE,GAAG,SAAS,aAAa,UAAU,EAAE,EAChD,SAAS,EAAE,IAAI,CAAC,cAAc,EAC9B,IAAI,EAAC,QAAQ,YACb,cAAK,SAAS,EAAE,GAAG,SAAS,iBAAiB,YAC3C,gBAAa,GACT,GACF,EACN,KAAC,WAAW,KAAe,IAC1B,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type AccordionItem from \"./AccordionItem.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport IconMode from \"@ui5/webcomponents/dist/types/IconMode.js\";\nimport slimArrowRight from \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport { UDExNumberBadgeDesign, UDExSizeBadgeDesign, UDExTypeBadgeDesign } from \"./types/BadgeDesign.js\";\nimport UDExBadge from \"./Badge.js\";\nimport UDExDivider from \"./Divider.js\";\n\nexport default function AccordionItemTemplate(this: AccordionItem) {\n  const ariaControlsId = `udex-accordion-item__${this._id}-content`;\n  const ariaLabelledbyId = `udex-accordion-item__${this._id}`;\n  const rootClass = \"udex-accordion-item\";\n  const titleClass = this.labelIcon ? `${rootClass}--with-title` : \"\";\n  const headlineClass = `${rootClass}__header ${rootClass}__header--${this.labelSize.toLowerCase()}`;\n\n  return (\n    <>\n      <button\n        id={ariaLabelledbyId}\n        aria-controls={ariaControlsId}\n        className={`${headlineClass}`}\n        onFocusIn={this.focusHandler}\n        onClick={this.itemClickHandler}\n        onKeyDown={this.keydownHandler}\n        aria-expanded={this.expanded}\n        type=\"button\">\n        {this.labelIcon ?\n          <div className={`${rootClass}__icon-wrapper ${rootClass}__label-icon-wrapper`}>\n            <UI5Icon\n              class={`${rootClass}__icon ${rootClass}__label-icon`}\n              mode={IconMode.Decorative}\n              name={this.labelIcon}>\n            </UI5Icon>\n          </div>\n          : \"\"}\n        <span className={`${rootClass}__title`}>\n          {this.label}\n          {this.numberBadge &&\n            <UDExBadge\n              class={`${rootClass}__badge`}\n              number-design={UDExNumberBadgeDesign.Blue}\n              type={UDExTypeBadgeDesign.Number}\n              size={UDExSizeBadgeDesign.Medium}>\n              {this.numberBadge}\n            </UDExBadge>\n          }\n        </span>\n        <div className={`${rootClass}__icon-wrapper`}>\n          <UI5Icon\n            class={`${rootClass}__icon`}\n            mode={IconMode.Decorative}\n            name={slimArrowRight}>\n          </UI5Icon>\n        </div>\n      </button>\n      <div\n        id={ariaControlsId}\n        aria-labelledby={ariaLabelledbyId}\n        className={`${rootClass}__content ${titleClass}`}\n        onKeyDown={this.contentKeydown}\n        role=\"region\">\n        <div className={`${rootClass}__content-inner`}>\n          <slot></slot>\n        </div>\n      </div>\n      <UDExDivider></UDExDivider>\n    </>\n  );\n}\n"]}

package/dist/AccordionTemplate.js

@@ -2,10 +2,30 @@ import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime"
 import UDExButton from "./Button.js";
 import UDExButtonSize from "./types/ButtonSize.js";
 import UDExButtonDesign from "./types/ButtonDesign.js";
+import { UDExAccordionHeadlineLevel } from "./Accordion.js";
 export default function AccordionTemplate() {
     const rootClass = "udex-accordion";
     return (_jsxs("div", { className: rootClass, onKeyDown: this.keydownHandler, "onui5-accordion-item-click": this.updateAllExpandedStatus, "onui5-accordion-item-focus": this.itemFocusHandler, children: [_jsxs("div", { className: `${rootClass}__head`, part: "head", children: [this.headline &&
-                        _jsx("h3", { className: `${rootClass}__headline`, children: this.headline }), !this.hideExpandButton &&
+                        headline.call(this, rootClass), !this.hideExpandButton &&
                         _jsx(UDExButton, { class: `${rootClass}__btn`, size: UDExButtonSize.Large, design: UDExButtonDesign.Tertiary, onClick: this.toggleAllHandler, onKeyDown: this.toggleKeyAllHandler, accessibleName: this.toggleAllText, children: this.toggleAllText })] }), _jsx("div", { className: `${rootClass}__content`, children: this.items.map(itemInfo => _jsx("slot", { name: itemInfo.item._individualSlot })) })] }));
 }
+function headline(rootClass) {
+    const { headline: title, headlineLevel } = this;
+    switch (headlineLevel) {
+        case UDExAccordionHeadlineLevel.H1:
+            return _jsx("h1", { className: `${rootClass}__headline`, children: title });
+        case UDExAccordionHeadlineLevel.H2:
+            return _jsx("h2", { className: `${rootClass}__headline`, children: title });
+        case UDExAccordionHeadlineLevel.H3:
+            return _jsx("h3", { className: `${rootClass}__headline`, children: title });
+        case UDExAccordionHeadlineLevel.H4:
+            return _jsx("h4", { className: `${rootClass}__headline`, children: title });
+        case UDExAccordionHeadlineLevel.H5:
+            return _jsx("h5", { className: `${rootClass}__headline`, children: title });
+        case UDExAccordionHeadlineLevel.H6:
+            return _jsx("h6", { className: `${rootClass}__headline`, children: title });
+        default:
+            return _jsx("h3", { className: `${rootClass}__headline`, children: title });
+    }
+}
 //# sourceMappingURL=AccordionTemplate.js.map

package/dist/AccordionTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionTemplate.js","sourceRoot":"","sources":["../src/AccordionTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,MAAM,SAAS,GAAG,gBAAgB,CAAC;IAEnC,OAAO,CACL,eACE,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,IAAI,CAAC,cAAc,gCACF,IAAI,CAAC,uBAAuB,gCAC5B,IAAI,CAAC,gBAAgB,aACjD,eAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,EAAE,IAAI,EAAC,MAAM,aAC9C,IAAI,CAAC,QAAQ;wBACZ,aAAI,SAAS,EAAE,GAAG,SAAS,YAAY,YAAG,IAAI,CAAC,QAAQ,GAAM,EAE9D,CAAC,IAAI,CAAC,gBAAgB;wBACrB,KAAC,UAAU,IAAC,KAAK,EAAE,GAAG,SAAS,OAAO,EACpC,IAAI,EAAE,cAAc,CAAC,KAAK,EAC1B,MAAM,EAAE,gBAAgB,CAAC,QAAQ,EACjC,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,SAAS,EAAE,IAAI,CAAC,mBAAmB,EACnC,cAAc,EAAE,IAAI,CAAC,aAAa,YACjC,IAAI,CAAC,aAAa,GACR,IAEX,EACN,cAAK,SAAS,EAAE,GAAG,SAAS,WAAW,YACpC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CACzB,eAAM,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,eAAe,GAAS,CACnD,GACG,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type Accordion from \"./Accordion.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\n\nexport default function AccordionTemplate(this: Accordion) {\n  const rootClass = \"udex-accordion\";\n\n  return (\n    <div\n      className={rootClass}\n      onKeyDown={this.keydownHandler}\n      onui5-accordion-item-click={this.updateAllExpandedStatus}\n      onui5-accordion-item-focus={this.itemFocusHandler}>\n      <div className={`${rootClass}__head`} part=\"head\">\n        {this.headline &&\n          <h3 className={`${rootClass}__headline`}>{this.headline}</h3>\n        }\n        {!this.hideExpandButton &&\n          <UDExButton class={`${rootClass}__btn`}\n            size={UDExButtonSize.Large}\n            design={UDExButtonDesign.Tertiary}\n            onClick={this.toggleAllHandler}\n            onKeyDown={this.toggleKeyAllHandler}\n            accessibleName={this.toggleAllText}>\n            {this.toggleAllText}\n          </UDExButton>\n        }\n      </div>\n      <div className={`${rootClass}__content`}>\n        {this.items.map(itemInfo =>\n          <slot name={itemInfo.item._individualSlot}></slot>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"AccordionTemplate.js","sourceRoot":"","sources":["../src/AccordionTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,MAAM,SAAS,GAAG,gBAAgB,CAAC;IAEnC,OAAO,CACL,eACE,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,IAAI,CAAC,cAAc,gCACF,IAAI,CAAC,uBAAuB,gCAC5B,IAAI,CAAC,gBAAgB,aACjD,eAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,EAAE,IAAI,EAAC,MAAM,aAC9C,IAAI,CAAC,QAAQ;wBACZ,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,EAE/B,CAAC,IAAI,CAAC,gBAAgB;wBACrB,KAAC,UAAU,IAAC,KAAK,EAAE,GAAG,SAAS,OAAO,EACpC,IAAI,EAAE,cAAc,CAAC,KAAK,EAC1B,MAAM,EAAE,gBAAgB,CAAC,QAAQ,EACjC,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,SAAS,EAAE,IAAI,CAAC,mBAAmB,EACnC,cAAc,EAAE,IAAI,CAAC,aAAa,YACjC,IAAI,CAAC,aAAa,GACR,IAEX,EACN,cAAK,SAAS,EAAE,GAAG,SAAS,WAAW,YACpC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CACzB,eAAM,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,eAAe,GAAS,CACnD,GACG,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAkB,SAAiB;IAClD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAChD,QAAQ,aAAa,EAAE,CAAC;QACxB,KAAK,0BAA0B,CAAC,EAAE;YAChC,OAAO,aAAI,SAAS,EAAE,GAAG,SAAS,YAAY,YAAG,KAAK,GAAM,CAAC;QAC/D,KAAK,0BAA0B,CAAC,EAAE;YAChC,OAAO,aAAI,SAAS,EAAE,GAAG,SAAS,YAAY,YAAG,KAAK,GAAM,CAAC;QAC/D,KAAK,0BAA0B,CAAC,EAAE;YAChC,OAAO,aAAI,SAAS,EAAE,GAAG,SAAS,YAAY,YAAG,KAAK,GAAM,CAAC;QAC/D,KAAK,0BAA0B,CAAC,EAAE;YAChC,OAAO,aAAI,SAAS,EAAE,GAAG,SAAS,YAAY,YAAG,KAAK,GAAM,CAAC;QAC/D,KAAK,0BAA0B,CAAC,EAAE;YAChC,OAAO,aAAI,SAAS,EAAE,GAAG,SAAS,YAAY,YAAG,KAAK,GAAM,CAAC;QAC/D,KAAK,0BAA0B,CAAC,EAAE;YAChC,OAAO,aAAI,SAAS,EAAE,GAAG,SAAS,YAAY,YAAG,KAAK,GAAM,CAAC;QAC/D;YACE,OAAO,aAAI,SAAS,EAAE,GAAG,SAAS,YAAY,YAAG,KAAK,GAAM,CAAC;IAC/D,CAAC;AACH,CAAC","sourcesContent":["import type Accordion from \"./Accordion.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport { UDExAccordionHeadlineLevel } from \"./Accordion.js\";\n\nexport default function AccordionTemplate(this: Accordion) {\n  const rootClass = \"udex-accordion\";\n\n  return (\n    <div\n      className={rootClass}\n      onKeyDown={this.keydownHandler}\n      onui5-accordion-item-click={this.updateAllExpandedStatus}\n      onui5-accordion-item-focus={this.itemFocusHandler}>\n      <div className={`${rootClass}__head`} part=\"head\">\n        {this.headline &&\n          headline.call(this, rootClass)\n        }\n        {!this.hideExpandButton &&\n          <UDExButton class={`${rootClass}__btn`}\n            size={UDExButtonSize.Large}\n            design={UDExButtonDesign.Tertiary}\n            onClick={this.toggleAllHandler}\n            onKeyDown={this.toggleKeyAllHandler}\n            accessibleName={this.toggleAllText}>\n            {this.toggleAllText}\n          </UDExButton>\n        }\n      </div>\n      <div className={`${rootClass}__content`}>\n        {this.items.map(itemInfo =>\n          <slot name={itemInfo.item._individualSlot}></slot>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction headline(this: Accordion, rootClass: string) {\n  const { headline: title, headlineLevel } = this;\n  switch (headlineLevel) {\n  case UDExAccordionHeadlineLevel.H1:\n    return <h1 className={`${rootClass}__headline`}>{title}</h1>;\n  case UDExAccordionHeadlineLevel.H2:\n    return <h2 className={`${rootClass}__headline`}>{title}</h2>;\n  case UDExAccordionHeadlineLevel.H3:\n    return <h3 className={`${rootClass}__headline`}>{title}</h3>;\n  case UDExAccordionHeadlineLevel.H4:\n    return <h4 className={`${rootClass}__headline`}>{title}</h4>;\n  case UDExAccordionHeadlineLevel.H5:\n    return <h5 className={`${rootClass}__headline`}>{title}</h5>;\n  case UDExAccordionHeadlineLevel.H6:\n    return <h6 className={`${rootClass}__headline`}>{title}</h6>;\n  default:\n    return <h3 className={`${rootClass}__headline`}>{title}</h3>;\n  }\n}\n"]}

package/dist/Button.d.ts

@@ -1,6 +1,7 @@
 import Button from "@ui5/webcomponents/dist/Button.js";
 import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import WrappingType from "@ui5/webcomponents/dist/types/WrappingType.js";
 import UDExButtonSize from "./types/ButtonSize.js";
 import UDExButtonDesign from "./types/ButtonDesign.js";
 /**
@@ -52,6 +53,13 @@ declare class UDExButton extends Button {
      * @private
      */
     _ariaDisabled: boolean;
+    /**
+     * Defines if button should wrap text inside
+     *
+     * @default false
+     * @public
+     */
+    wrappingType: `${WrappingType}`;
     static i18nBundle: I18nBundle;
     static typeTextMappings(): Record<string, I18nText>;
     get hasButtonType(): boolean;

package/dist/Button.js

@@ -11,6 +11,7 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import Button from "@ui5/webcomponents/dist/Button.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { 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, } from "./generated/i18n/i18n-defaults.js";
+import WrappingType from "@ui5/webcomponents/dist/types/WrappingType.js";
 import UDExButtonSize from "./types/ButtonSize.js";
 import UDExButtonDesign from "./types/ButtonDesign.js";
 // Styles
@@ -51,6 +52,13 @@ let UDExButton = UDExButton_1 = class UDExButton extends Button {
          * @public
          */
         this.design = UDExButtonDesign.Primary;
+        /**
+         * Defines if button should wrap text inside
+         *
+         * @default false
+         * @public
+         */
+        this.wrappingType = WrappingType.None;
     }
     static typeTextMappings() {
         return {
@@ -96,6 +104,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], UDExButton.prototype, "_ariaDisabled", void 0);
+__decorate([
+    property({ type: String })
+], UDExButton.prototype, "wrappingType", void 0);
 __decorate([
     i18n("@sapudex/web-components")
 ], UDExButton, "i18nBundle", void 0);

package/dist/Button.js.map

@@ -1 +1 @@
-{"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 UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\n\n// Styles\nimport ButtonCss from \"./generated/themes/Button.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-button</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Button.js\";</code>\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  /**\n   * Defines if button is in pseudo-disabled state.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _ariaDisabled!: boolean;\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"]}
+{"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 WrappingType from \"@ui5/webcomponents/dist/types/WrappingType.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\n\n// Styles\nimport ButtonCss from \"./generated/themes/Button.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-button</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Button.js\";</code>\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  /**\n   * Defines if button is in pseudo-disabled state.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _ariaDisabled!: boolean;\n\n  /**\n   * Defines if button should wrap text inside\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: String })\n    wrappingType: `${WrappingType}` = WrappingType.None;\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/Footer.d.ts

@@ -75,14 +75,14 @@ declare class UDExFooter extends UI5Element {
      * @default ""
      * @public
      */
-    logoTitle: string;
+    logoTitle?: string;
     /**
      * Defines the Logo URL
      *
      * @default ""
      * @public
      */
-    logoUrl: string;
+    logoUrl?: string;
     /**
      * Defines the optional component href link for the logo.
      *
@@ -90,6 +90,41 @@ declare class UDExFooter extends UI5Element {
      * @public
      */
     logoLink: string;
+    /**
+     * Defines the tagline alt text.
+     *
+     * @default ""
+     * @public
+     */
+    taglineAlt?: string;
+    /**
+     * Defines the tagline url.
+     *
+     * @default ""
+     * @public
+     */
+    taglineUrl?: string;
+    /**
+     * Defines the chinese tagline url.
+     *
+     * @default ""
+     * @public
+     */
+    chineseTaglineUrl?: string;
+    /**
+     * Defines the chinese logo url
+     *
+     * @default ""
+     * @public
+     */
+    chineseLogoUrl?: string;
+    /**
+     * Defines the optional component href link for the chinese logo.
+     *
+     * @default ""
+     * @public
+     */
+    chineseLogoLink?: string;
     /**
      * List of the Quick links
      *
@@ -211,7 +246,6 @@ declare class UDExFooter extends UI5Element {
     onEnterDOM(): void;
     _handleResize(): void;
     onBackToTopClick(e: PointerEvent): void;
-    get parsedRef(): string | undefined;
     get quickLinksArray(): FooterLink[];
     get trendingLinksArray(): FooterLink[];
     get aboutLinksArray(): FooterLink[];
@@ -234,6 +268,14 @@ declare class UDExFooter extends UI5Element {
     get chineseSecurityNetworkNumber(): string;
     get isMobile(): boolean;
     get isChineseLang(): boolean;
+    get hasLogo(): boolean;
+    get hasLogoLink(): boolean;
+    get currentLogoUrl(): string | undefined;
+    get logoHref(): string;
+    get hasTagline(): boolean;
+    get currentTaglineUrl(): string | undefined;
+    get taglineClass(): string;
+    get logoClass(): string;
     _onLogoClick(e: PointerEvent): void;
     _onContactPhoneClick(e: PointerEvent): void;
     _onContactPhoneLocalNumbersClick(e: PointerEvent): void;

package/dist/Footer.js

@@ -56,20 +56,6 @@ export const chineseICPDefaultLink = "https://beian.miit.gov.cn/";
 let UDExFooter = UDExFooter_1 = class UDExFooter extends UI5Element {
     constructor() {
         super();
-        /**
-         * Defines the Logo default title
-         *
-         * @default ""
-         * @public
-         */
-        this.logoTitle = "";
-        /**
-         * Defines the Logo URL
-         *
-         * @default ""
-         * @public
-         */
-        this.logoUrl = "";
         /**
          * Defines the optional component href link for the logo.
          *
@@ -178,9 +164,6 @@ let UDExFooter = UDExFooter_1 = class UDExFooter extends UI5Element {
         this.fireFooterBaseEvent(e, "back-to-top-click");
         window.scrollTo(0, 0);
     }
-    get parsedRef() {
-        return (this.logoLink && this.logoLink.length > 0) ? this.logoLink : undefined;
-    }
     get quickLinksArray() {
         return parseArrayFromString(this.quickLinks);
     }
@@ -250,6 +233,32 @@ let UDExFooter = UDExFooter_1 = class UDExFooter extends UI5Element {
     get isChineseLang() {
         return getLanguage()?.toLowerCase() === "zh_cn";
     }
+    get hasLogo() {
+        return !!(this.logoUrl || this.chineseLogoUrl);
+    }
+    get hasLogoLink() {
+        return !!(this.logoLink || this.chineseLogoLink);
+    }
+    get currentLogoUrl() {
+        return this.isChineseLang && this.chineseLogoUrl ? this.chineseLogoUrl : this.logoUrl;
+    }
+    get logoHref() {
+        return this.isChineseLang && this.chineseLogoLink ? this.chineseLogoLink : this.logoLink;
+    }
+    get hasTagline() {
+        return !!(this.taglineUrl || this.chineseTaglineUrl);
+    }
+    get currentTaglineUrl() {
+        return this.isChineseLang && this.chineseTaglineUrl ? this.chineseTaglineUrl : this.taglineUrl;
+    }
+    get taglineClass() {
+        const root = "udex-footer__tagline-image";
+        return this.isChineseLang && this.chineseTaglineUrl ? `${root}-chinese` : root;
+    }
+    get logoClass() {
+        const root = "udex-footer__logo-image";
+        return this.isChineseLang && this.chineseLogoUrl ? `${root}-chinese` : root;
+    }
     _onLogoClick(e) {
         this.fireFooterBaseEvent(e, "logo-click");
     }
@@ -303,6 +312,21 @@ __decorate([
 __decorate([
     property({ type: String })
 ], UDExFooter.prototype, "logoLink", void 0);
+__decorate([
+    property({ type: String })
+], UDExFooter.prototype, "taglineAlt", void 0);
+__decorate([
+    property({ type: String })
+], UDExFooter.prototype, "taglineUrl", void 0);
+__decorate([
+    property({ type: String })
+], UDExFooter.prototype, "chineseTaglineUrl", void 0);
+__decorate([
+    property({ type: String })
+], UDExFooter.prototype, "chineseLogoUrl", void 0);
+__decorate([
+    property({ type: String })
+], UDExFooter.prototype, "chineseLogoLink", void 0);
 __decorate([
     property({ type: String })
 ], UDExFooter.prototype, "quickLinks", void 0);

package/dist/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../src/Footer.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport 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 event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\n\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { getLanguage } from \"@ui5/webcomponents-base/dist/config/Language.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UDExAccordionItem from \"./AccordionItem.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExAccordion from \"./Accordion.js\";\nimport UDExLink from \"./Link.js\";\nimport UDExDivider from \"./Divider.js\";\nimport UDExSocialMediaButton from \"./SocialMediaButton.js\";\nimport type { UDExSocialMediaButtonType } from \"./types/SocialMediaButtonType.js\";\nimport type { UDExTarget } from \"./types/common.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport parseArrayFromString from \"./utils/parseArrayFromString.js\";\n\n// Template\nimport FooterTemplate from \"./generated/templates/FooterTemplate.lit.js\";\n\n// Styles\nimport FooterCss from \"./generated/themes/Footer.css.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  ABOUT_SAP,\n  CHAT_WITH_US,\n  CONTACT_US,\n  EMAIL,\n  LOCAL_COUNTRY_NAMES,\n  PHONE_NUMBER,\n  QUICK_LINKS,\n  SEE_COMPLETE_LIST,\n  SITE_INFORMATION,\n  TRENDING,\n  COPYRIGHT,\n  PUBLIC_SECURITY_NETWORK_NUMBER,\n  ICP_NUMBER,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/headset.js\";\nimport \"@ui5/webcomponents-icons/dist/email.js\";\nimport \"@ui5/webcomponents-icons/dist/back-to-top.js\";\nimport \"@ui5/webcomponents-icons/dist/discussion-2.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\n\nexport const chineseICPDefaultLink = \"https://beian.miit.gov.cn/\";\n\nexport type FooterLink = {\n  title: string;\n  url: string;\n  target: UDExTarget;\n};\n\nexport type FooterSocialLink = {\n  name?: UDExSocialMediaButtonType;\n  url: string;\n  target?: UDExTarget;\n  accessibleName?: string;\n  id? : string;\n};\n\nexport type FooterContactNumber = {\n  number: string;\n  country: string;\n};\n\ntype UDExFooterDetailedClickEventDetail = {\n  originalEvent: PointerEvent,\n  name: string | undefined;\n  id?: string;\n  sourceNode: HTMLElement;\n}\n\ntype UDExFooterBaseEventDetail = {\n  originalEvent: PointerEvent,\n}\n\ntype BaseEvents = \"contact-chat-click\" | \"contact-phone-local-numbers-click\" | \"contact-email-click\" | \"contact-phone-click\" | \"logo-click\" | \"back-to-top-click\";\n\ntype DetailedEvents = \"quick-links-click\" | \"trending-click\" | \"about-sap-click\" | \"site-information-click\" | \"social-media-link-click\";\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-footer</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Footer.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-footer\n * @public\n */\n@customElement({\n  languageAware: true,\n  tag: \"udex-footer\",\n  renderer: litRender,\n  styles: [FooterCss],\n  template: FooterTemplate,\n  dependencies: [UDExAccordion, UDExAccordionItem, Icon, UDExButton, UDExDivider, UDExLink, UDExSocialMediaButton],\n})\n/**\n * Triggered on click interaction with logo in footer\n * @public\n * @allowPreventDefault\n */\n@event(\"logo-click\", { bubbles: true })\n/**\n * Triggered on click interaction with \"Back to Top\" button\n * @public\n * @allowPreventDefault\n */\n@event(\"back-to-top-click\", { bubbles: true })\n/**\n * Triggered on click interaction with phone number link in footer\n * @public\n * @allowPreventDefault\n */\n@event(\"contact-phone-click\", { bubbles: true })\n/**\n * Triggered on click interaction with local country numbers list link\n * @public\n * @allowPreventDefault\n */\n@event(\"contact-phone-local-numbers-click\", { bubbles: true })\n/**\n * Triggered on click interaction with \"Contact us by email\" link\n * @public\n * @allowPreventDefault\n */\n@event(\"contact-email-click\", { bubbles: true })\n/**\n * Triggered on click interaction with \"Contact us by chat\" link\n * @public\n * @allowPreventDefault\n */\n@event(\"contact-chat-click\", { bubbles: true })\n/**\n * Triggered on click interaction with a link within \"Quick Links\" category\n * @public\n * @allowPreventDefault\n */\n@event(\"quick-links-click\", { bubbles: true })\n/**\n * Triggered on click interaction with a link within \"Trending\" category\n * @public\n * @allowPreventDefault\n */\n@event(\"trending-click\", { bubbles: true })\n/**\n * Triggered on click interaction with a link within \"About SAP\" category\n * @public\n * @allowPreventDefault\n */\n@event(\"about-sap-click\", { bubbles: true })\n/**\n * Triggered on click interaction with a link within \"Site Information\" category\n * @public\n * @allowPreventDefault\n */\n@event(\"site-information-click\", { bubbles: true })\n/**\n * Triggered on click interaction with any of the social media links within footer\n * @public\n * @allowPreventDefault\n */\n@event(\"social-media-link-click\", { bubbles: true })\n\nclass UDExFooter extends UI5Element {\n  eventDetails!: {\n    \"logo-click\": UDExFooterBaseEventDetail,\n    \"back-to-top-click\": UDExFooterBaseEventDetail,\n    \"contact-chat-click\": UDExFooterBaseEventDetail,\n    \"contact-phone-local-numbers-click\": UDExFooterBaseEventDetail,\n    \"contact-email-click\": UDExFooterBaseEventDetail,\n    \"contact-phone-click\": UDExFooterBaseEventDetail,\n    \"quick-links-click\": UDExFooterDetailedClickEventDetail,\n    \"trending-click\": UDExFooterDetailedClickEventDetail,\n    \"about-sap-click\": UDExFooterDetailedClickEventDetail,\n    \"site-information-click\":UDExFooterDetailedClickEventDetail,\n    \"social-media-link-click\": UDExFooterDetailedClickEventDetail,\n  };\n  /**\n   * Defines the Logo default title\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoTitle: string = \"\";\n\n  /**\n   * Defines the Logo URL\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoUrl: string = \"\";\n\n  /**\n   * Defines the optional component href link for the logo.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoLink: string = \"\";\n\n  /**\n   * List of the Quick links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    quickLinks: string = \"[]\";\n\n  /**\n   * List of the Trending links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    trendingLinks: string = \"[]\";\n\n  /**\n   * List of the About SAP links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    aboutLinks: string = \"[]\";\n\n  /**\n   * List of the Site Information links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    siteInformationLinks: string = \"[]\";\n\n  /**\n   * List of the contact numbers\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    contactNumbersList: string = \"[]\";\n\n  /**\n   * Defines the local country numbers link's href\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    localCountryNumbersLink: string = \"\";\n\n  /**\n   * Defines the Contact us link's href\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    contactUsLink: string = \"\";\n\n  /**\n   * Defines the Chat with us link's href\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    chatWithUsLink: string = \"\";\n\n  /**\n   * List of the Social links and their icons\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    socialLinks: string = \"[]\";\n\n  /**\n   * Alt for Logo\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoAlt: string = \"\";\n\n  /**\n   * Defines an aria label for the logo link\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoAriaLabel: string = \"\";\n\n  /**\n   * Defines an quick links column title\n   *\n   * @public\n   */\n  @property({ type: String })\n    quickLinksTitle?: string;\n\n  /**\n   * Defines a trending column title\n   *\n   * @public\n   */\n  @property({ type: String })\n    trendingTitle?: string;\n\n  /**\n   * Defines an \"about Sap\" column title\n   *\n   * @public\n   */\n  @property({ type: String })\n    aboutSapTitle?: string;\n\n  /**\n   * Defines a site information column title\n   *\n   * @public\n   */\n  @property({ type: String })\n    siteInformationTitle?: string;\n\n  /**\n   * Defines a href for the chinese ICP Number link\n   *\n   * @public\n   */\n  @property({ type: String })\n    chineseIcpNumberLink: string = chineseICPDefaultLink;\n\n  /**\n   * Defines should render the mobile navigation.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _shouldRenderMobileMenu!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _handleResizeBound: ResizeObserverCallback;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  _handleResize(): void {\n    this._shouldRenderMobileMenu = this.isMobile;\n  }\n\n  onBackToTopClick(e: PointerEvent): void {\n    this.fireFooterBaseEvent(e, \"back-to-top-click\");\n\n    window.scrollTo(0, 0);\n  }\n\n  get parsedRef(): string | undefined {\n    return (this.logoLink && this.logoLink.length > 0) ? this.logoLink : undefined;\n  }\n\n  get quickLinksArray(): FooterLink[] {\n    return parseArrayFromString<FooterLink>(this.quickLinks);\n  }\n\n  get trendingLinksArray(): FooterLink[] {\n    return parseArrayFromString<FooterLink>(this.trendingLinks);\n  }\n\n  get aboutLinksArray(): FooterLink[] {\n    return parseArrayFromString<FooterLink>(this.aboutLinks);\n  }\n\n  get siteInformationLinksArray(): FooterLink[] {\n    return parseArrayFromString<FooterLink>(this.siteInformationLinks);\n  }\n\n  get contactNumbersArray(): FooterContactNumber[] {\n    return parseArrayFromString<FooterContactNumber>(this.contactNumbersList);\n  }\n\n  get socialLinksArray(): FooterSocialLink[] {\n    return parseArrayFromString<FooterSocialLink>(this.socialLinks);\n  }\n\n  get isContactContainerVisible(): boolean {\n    return !!this.contactNumbersArray.length || !!this.contactUsLink || !!this.chatWithUsLink;\n  }\n\n  get phoneNumberAccessibleName(): string {\n    return `${UDExFooter.i18nBundle.getText(PHONE_NUMBER)} `;\n  }\n\n  get contactUsAccessibleName(): string {\n    return UDExFooter.i18nBundle.getText(CONTACT_US);\n  }\n\n  get contactUsAccessibleLabel(): string {\n    if (this.contactUsLink.includes(\"mailto:\")) {\n      return `${this.contactUsAccessibleName} ${UDExFooter.i18nBundle.getText(EMAIL)}`;\n    }\n    return `${this.contactUsAccessibleName}`;\n  }\n\n  get chatWithUsAccessibleName(): string {\n    return UDExFooter.i18nBundle.getText(CHAT_WITH_US);\n  }\n\n  get _quickLinksTitle() {\n    return this.quickLinksTitle || UDExFooter.i18nBundle.getText(QUICK_LINKS);\n  }\n\n  get _trendingTitle() {\n    return this.trendingTitle || UDExFooter.i18nBundle.getText(TRENDING);\n  }\n\n  get _aboutSapTitle() {\n    return this.aboutSapTitle || UDExFooter.i18nBundle.getText(ABOUT_SAP);\n  }\n\n  get _siteInformationTitle() {\n    return this.siteInformationTitle || UDExFooter.i18nBundle.getText(SITE_INFORMATION);\n  }\n\n  get completeListTitle(): string {\n    return `${UDExFooter.i18nBundle.getText(SEE_COMPLETE_LIST)} `;\n  }\n\n  get localCountryTitle(): string {\n    return UDExFooter.i18nBundle.getText(LOCAL_COUNTRY_NAMES);\n  }\n\n  get copyrightText(): string {\n    return UDExFooter.i18nBundle.getText(COPYRIGHT, new Date().getFullYear());\n  }\n\n  get chineseICPNumber(): string {\n    return `${UDExFooter.i18nBundle.getText(ICP_NUMBER)} `;\n  }\n\n  get chineseSecurityNetworkNumber(): string {\n    return UDExFooter.i18nBundle.getText(PUBLIC_SECURITY_NETWORK_NUMBER);\n  }\n\n  get isMobile(): boolean {\n    return BreakpointUtils.isAtMost(\"S\");\n  }\n\n  get isChineseLang(): boolean {\n    return getLanguage()?.toLowerCase() === \"zh_cn\";\n  }\n\n  _onLogoClick(e: PointerEvent): void {\n    this.fireFooterBaseEvent(e, \"logo-click\");\n  }\n\n  _onContactPhoneClick(e: PointerEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-phone-click\");\n  }\n  _onContactPhoneLocalNumbersClick(e: PointerEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-phone-local-numbers-click\");\n  }\n  _onContactEmailClick(e: PointerEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-email-click\");\n  }\n  _onContactChatClick(e: PointerEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-chat-click\");\n  }\n\n  _onQuickLinksClick(e: PointerEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"quick-links-click\");\n  }\n\n  _onTrendingClick(e: PointerEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"trending-click\");\n  }\n\n  _onAboutSapClick(e: PointerEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"about-sap-click\");\n  }\n\n  _onSiteInformationClick(e: PointerEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"site-information-click\");\n  }\n\n  _onSocialMediaLinkClick(e: PointerEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"social-media-link-click\");\n  }\n\n  fireFooterBaseEvent(e: PointerEvent, eventName: BaseEvents): void {\n    this.fireDecoratorEvent(eventName, { originalEvent: e });\n  }\n\n  fireFooterDetailedClickEvent(e: PointerEvent, eventName: DetailedEvents): void {\n    const sourceNode = e.composedPath()[0] as HTMLElement;\n    const { innerText, dataset: { id, name } } = sourceNode;\n\n    this.fireDecoratorEvent(eventName, {\n      ...(!!id?.length && { id }),\n      name: innerText.length ? innerText : name,\n      originalEvent: e,\n      sourceNode,\n    });\n  }\n}\n\nUDExFooter.define();\n\nexport default UDExFooter;\n"]}
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../src/Footer.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport 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 event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\n\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { getLanguage } from \"@ui5/webcomponents-base/dist/config/Language.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UDExAccordionItem from \"./AccordionItem.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExAccordion from \"./Accordion.js\";\nimport UDExLink from \"./Link.js\";\nimport UDExDivider from \"./Divider.js\";\nimport UDExSocialMediaButton from \"./SocialMediaButton.js\";\nimport type { UDExSocialMediaButtonType } from \"./types/SocialMediaButtonType.js\";\nimport type { UDExTarget } from \"./types/common.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport parseArrayFromString from \"./utils/parseArrayFromString.js\";\n\n// Template\nimport FooterTemplate from \"./generated/templates/FooterTemplate.lit.js\";\n\n// Styles\nimport FooterCss from \"./generated/themes/Footer.css.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  ABOUT_SAP,\n  CHAT_WITH_US,\n  CONTACT_US,\n  EMAIL,\n  LOCAL_COUNTRY_NAMES,\n  PHONE_NUMBER,\n  QUICK_LINKS,\n  SEE_COMPLETE_LIST,\n  SITE_INFORMATION,\n  TRENDING,\n  COPYRIGHT,\n  PUBLIC_SECURITY_NETWORK_NUMBER,\n  ICP_NUMBER,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/headset.js\";\nimport \"@ui5/webcomponents-icons/dist/email.js\";\nimport \"@ui5/webcomponents-icons/dist/back-to-top.js\";\nimport \"@ui5/webcomponents-icons/dist/discussion-2.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\n\nexport const chineseICPDefaultLink = \"https://beian.miit.gov.cn/\";\n\nexport type FooterLink = {\n  title: string;\n  url: string;\n  target: UDExTarget;\n};\n\nexport type FooterSocialLink = {\n  name?: UDExSocialMediaButtonType;\n  url: string;\n  target?: UDExTarget;\n  accessibleName?: string;\n  id? : string;\n};\n\nexport type FooterContactNumber = {\n  number: string;\n  country: string;\n};\n\ntype UDExFooterDetailedClickEventDetail = {\n  originalEvent: PointerEvent,\n  name: string | undefined;\n  id?: string;\n  sourceNode: HTMLElement;\n}\n\ntype UDExFooterBaseEventDetail = {\n  originalEvent: PointerEvent,\n}\n\ntype BaseEvents = \"contact-chat-click\" | \"contact-phone-local-numbers-click\" | \"contact-email-click\" | \"contact-phone-click\" | \"logo-click\" | \"back-to-top-click\";\n\ntype DetailedEvents = \"quick-links-click\" | \"trending-click\" | \"about-sap-click\" | \"site-information-click\" | \"social-media-link-click\";\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-footer</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Footer.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-footer\n * @public\n */\n@customElement({\n  languageAware: true,\n  tag: \"udex-footer\",\n  renderer: litRender,\n  styles: [FooterCss],\n  template: FooterTemplate,\n  dependencies: [UDExAccordion, UDExAccordionItem, Icon, UDExButton, UDExDivider, UDExLink, UDExSocialMediaButton],\n})\n/**\n * Triggered on click interaction with logo in footer\n * @public\n * @allowPreventDefault\n */\n@event(\"logo-click\", { bubbles: true })\n/**\n * Triggered on click interaction with \"Back to Top\" button\n * @public\n * @allowPreventDefault\n */\n@event(\"back-to-top-click\", { bubbles: true })\n/**\n * Triggered on click interaction with phone number link in footer\n * @public\n * @allowPreventDefault\n */\n@event(\"contact-phone-click\", { bubbles: true })\n/**\n * Triggered on click interaction with local country numbers list link\n * @public\n * @allowPreventDefault\n */\n@event(\"contact-phone-local-numbers-click\", { bubbles: true })\n/**\n * Triggered on click interaction with \"Contact us by email\" link\n * @public\n * @allowPreventDefault\n */\n@event(\"contact-email-click\", { bubbles: true })\n/**\n * Triggered on click interaction with \"Contact us by chat\" link\n * @public\n * @allowPreventDefault\n */\n@event(\"contact-chat-click\", { bubbles: true })\n/**\n * Triggered on click interaction with a link within \"Quick Links\" category\n * @public\n * @allowPreventDefault\n */\n@event(\"quick-links-click\", { bubbles: true })\n/**\n * Triggered on click interaction with a link within \"Trending\" category\n * @public\n * @allowPreventDefault\n */\n@event(\"trending-click\", { bubbles: true })\n/**\n * Triggered on click interaction with a link within \"About SAP\" category\n * @public\n * @allowPreventDefault\n */\n@event(\"about-sap-click\", { bubbles: true })\n/**\n * Triggered on click interaction with a link within \"Site Information\" category\n * @public\n * @allowPreventDefault\n */\n@event(\"site-information-click\", { bubbles: true })\n/**\n * Triggered on click interaction with any of the social media links within footer\n * @public\n * @allowPreventDefault\n */\n@event(\"social-media-link-click\", { bubbles: true })\n\nclass UDExFooter extends UI5Element {\n  eventDetails!: {\n    \"logo-click\": UDExFooterBaseEventDetail,\n    \"back-to-top-click\": UDExFooterBaseEventDetail,\n    \"contact-chat-click\": UDExFooterBaseEventDetail,\n    \"contact-phone-local-numbers-click\": UDExFooterBaseEventDetail,\n    \"contact-email-click\": UDExFooterBaseEventDetail,\n    \"contact-phone-click\": UDExFooterBaseEventDetail,\n    \"quick-links-click\": UDExFooterDetailedClickEventDetail,\n    \"trending-click\": UDExFooterDetailedClickEventDetail,\n    \"about-sap-click\": UDExFooterDetailedClickEventDetail,\n    \"site-information-click\":UDExFooterDetailedClickEventDetail,\n    \"social-media-link-click\": UDExFooterDetailedClickEventDetail,\n  };\n  /**\n   * Defines the Logo default title\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoTitle?: string;\n\n  /**\n   * Defines the Logo URL\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoUrl?: string;\n\n  /**\n   * Defines the optional component href link for the logo.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoLink: string = \"\";\n\n  /**\n   * Defines the tagline alt text.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    taglineAlt?: string;\n\n  /**\n   * Defines the tagline url.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    taglineUrl?: string;\n\n  /**\n   * Defines the chinese tagline url.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    chineseTaglineUrl?: string;\n\n  /**\n   * Defines the chinese logo url\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    chineseLogoUrl?: string;\n\n  /**\n   * Defines the optional component href link for the chinese logo.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    chineseLogoLink?: string;\n\n  /**\n   * List of the Quick links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    quickLinks: string = \"[]\";\n\n  /**\n   * List of the Trending links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    trendingLinks: string = \"[]\";\n\n  /**\n   * List of the About SAP links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    aboutLinks: string = \"[]\";\n\n  /**\n   * List of the Site Information links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    siteInformationLinks: string = \"[]\";\n\n  /**\n   * List of the contact numbers\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    contactNumbersList: string = \"[]\";\n\n  /**\n   * Defines the local country numbers link's href\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    localCountryNumbersLink: string = \"\";\n\n  /**\n   * Defines the Contact us link's href\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    contactUsLink: string = \"\";\n\n  /**\n   * Defines the Chat with us link's href\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    chatWithUsLink: string = \"\";\n\n  /**\n   * List of the Social links and their icons\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    socialLinks: string = \"[]\";\n\n  /**\n   * Alt for Logo\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoAlt: string = \"\";\n\n  /**\n   * Defines an aria label for the logo link\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoAriaLabel: string = \"\";\n\n  /**\n   * Defines an quick links column title\n   *\n   * @public\n   */\n  @property({ type: String })\n    quickLinksTitle?: string;\n\n  /**\n   * Defines a trending column title\n   *\n   * @public\n   */\n  @property({ type: String })\n    trendingTitle?: string;\n\n  /**\n   * Defines an \"about Sap\" column title\n   *\n   * @public\n   */\n  @property({ type: String })\n    aboutSapTitle?: string;\n\n  /**\n   * Defines a site information column title\n   *\n   * @public\n   */\n  @property({ type: String })\n    siteInformationTitle?: string;\n\n  /**\n   * Defines a href for the chinese ICP Number link\n   *\n   * @public\n   */\n  @property({ type: String })\n    chineseIcpNumberLink: string = chineseICPDefaultLink;\n\n  /**\n   * Defines should render the mobile navigation.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _shouldRenderMobileMenu!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _handleResizeBound: ResizeObserverCallback;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  _handleResize(): void {\n    this._shouldRenderMobileMenu = this.isMobile;\n  }\n\n  onBackToTopClick(e: PointerEvent): void {\n    this.fireFooterBaseEvent(e, \"back-to-top-click\");\n\n    window.scrollTo(0, 0);\n  }\n\n  get quickLinksArray(): FooterLink[] {\n    return parseArrayFromString<FooterLink>(this.quickLinks);\n  }\n\n  get trendingLinksArray(): FooterLink[] {\n    return parseArrayFromString<FooterLink>(this.trendingLinks);\n  }\n\n  get aboutLinksArray(): FooterLink[] {\n    return parseArrayFromString<FooterLink>(this.aboutLinks);\n  }\n\n  get siteInformationLinksArray(): FooterLink[] {\n    return parseArrayFromString<FooterLink>(this.siteInformationLinks);\n  }\n\n  get contactNumbersArray(): FooterContactNumber[] {\n    return parseArrayFromString<FooterContactNumber>(this.contactNumbersList);\n  }\n\n  get socialLinksArray(): FooterSocialLink[] {\n    return parseArrayFromString<FooterSocialLink>(this.socialLinks);\n  }\n\n  get isContactContainerVisible(): boolean {\n    return !!this.contactNumbersArray.length || !!this.contactUsLink || !!this.chatWithUsLink;\n  }\n\n  get phoneNumberAccessibleName(): string {\n    return `${UDExFooter.i18nBundle.getText(PHONE_NUMBER)} `;\n  }\n\n  get contactUsAccessibleName(): string {\n    return UDExFooter.i18nBundle.getText(CONTACT_US);\n  }\n\n  get contactUsAccessibleLabel(): string {\n    if (this.contactUsLink.includes(\"mailto:\")) {\n      return `${this.contactUsAccessibleName} ${UDExFooter.i18nBundle.getText(EMAIL)}`;\n    }\n    return `${this.contactUsAccessibleName}`;\n  }\n\n  get chatWithUsAccessibleName(): string {\n    return UDExFooter.i18nBundle.getText(CHAT_WITH_US);\n  }\n\n  get _quickLinksTitle() {\n    return this.quickLinksTitle || UDExFooter.i18nBundle.getText(QUICK_LINKS);\n  }\n\n  get _trendingTitle() {\n    return this.trendingTitle || UDExFooter.i18nBundle.getText(TRENDING);\n  }\n\n  get _aboutSapTitle() {\n    return this.aboutSapTitle || UDExFooter.i18nBundle.getText(ABOUT_SAP);\n  }\n\n  get _siteInformationTitle() {\n    return this.siteInformationTitle || UDExFooter.i18nBundle.getText(SITE_INFORMATION);\n  }\n\n  get completeListTitle(): string {\n    return `${UDExFooter.i18nBundle.getText(SEE_COMPLETE_LIST)} `;\n  }\n\n  get localCountryTitle(): string {\n    return UDExFooter.i18nBundle.getText(LOCAL_COUNTRY_NAMES);\n  }\n\n  get copyrightText(): string {\n    return UDExFooter.i18nBundle.getText(COPYRIGHT, new Date().getFullYear());\n  }\n\n  get chineseICPNumber(): string {\n    return `${UDExFooter.i18nBundle.getText(ICP_NUMBER)} `;\n  }\n\n  get chineseSecurityNetworkNumber(): string {\n    return UDExFooter.i18nBundle.getText(PUBLIC_SECURITY_NETWORK_NUMBER);\n  }\n\n  get isMobile(): boolean {\n    return BreakpointUtils.isAtMost(\"S\");\n  }\n\n  get isChineseLang(): boolean {\n    return getLanguage()?.toLowerCase() === \"zh_cn\";\n  }\n\n  get hasLogo(): boolean {\n    return !!(this.logoUrl || this.chineseLogoUrl);\n  }\n\n  get hasLogoLink(): boolean {\n    return !!(this.logoLink || this.chineseLogoLink);\n  }\n\n  get currentLogoUrl(): string | undefined {\n    return this.isChineseLang && this.chineseLogoUrl ? this.chineseLogoUrl : this.logoUrl;\n  }\n\n  get logoHref(): string {\n    return this.isChineseLang && this.chineseLogoLink ? this.chineseLogoLink : this.logoLink;\n  }\n\n  get hasTagline(): boolean {\n    return !!(this.taglineUrl || this.chineseTaglineUrl);\n  }\n\n  get currentTaglineUrl(): string | undefined {\n    return this.isChineseLang && this.chineseTaglineUrl ? this.chineseTaglineUrl : this.taglineUrl;\n  }\n\n  get taglineClass(): string {\n    const root = \"udex-footer__tagline-image\";\n    return this.isChineseLang && this.chineseTaglineUrl ? `${root}-chinese` : root;\n  }\n\n  get logoClass(): string {\n    const root = \"udex-footer__logo-image\";\n    return this.isChineseLang && this.chineseLogoUrl ? `${root}-chinese` : root;\n  }\n\n  _onLogoClick(e: PointerEvent): void {\n    this.fireFooterBaseEvent(e, \"logo-click\");\n  }\n\n  _onContactPhoneClick(e: PointerEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-phone-click\");\n  }\n  _onContactPhoneLocalNumbersClick(e: PointerEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-phone-local-numbers-click\");\n  }\n  _onContactEmailClick(e: PointerEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-email-click\");\n  }\n  _onContactChatClick(e: PointerEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-chat-click\");\n  }\n\n  _onQuickLinksClick(e: PointerEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"quick-links-click\");\n  }\n\n  _onTrendingClick(e: PointerEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"trending-click\");\n  }\n\n  _onAboutSapClick(e: PointerEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"about-sap-click\");\n  }\n\n  _onSiteInformationClick(e: PointerEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"site-information-click\");\n  }\n\n  _onSocialMediaLinkClick(e: PointerEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"social-media-link-click\");\n  }\n\n  fireFooterBaseEvent(e: PointerEvent, eventName: BaseEvents): void {\n    this.fireDecoratorEvent(eventName, { originalEvent: e });\n  }\n\n  fireFooterDetailedClickEvent(e: PointerEvent, eventName: DetailedEvents): void {\n    const sourceNode = e.composedPath()[0] as HTMLElement;\n    const { innerText, dataset: { id, name } } = sourceNode;\n\n    this.fireDecoratorEvent(eventName, {\n      ...(!!id?.length && { id }),\n      name: innerText.length ? innerText : name,\n      originalEvent: e,\n      sourceNode,\n    });\n  }\n}\n\nUDExFooter.define();\n\nexport default UDExFooter;\n"]}

package/dist/List.d.ts

@@ -84,10 +84,17 @@ declare class UDExList extends UI5Element {
     /**
      * Defines the name of the UI5 Icon, that will be displayed for each item of the list.
      *
-     * @defaultv ""
-     * @private
+     * @default ""
+     * @public
      */
     itemIcon: string;
+    /**
+     * Enables tab navigation for the list.
+     *
+     * @default ""
+     * @public
+     */
+    tabNavigationEnabled?: boolean;
     /**
      * Slot for list items.
      *