@sapudex/web-components 2.54.0 → 2.55.0

package/dist/Footer.js

@@ -22,10 +22,11 @@ import UDExAccordion from "./Accordion.js";
 import UDExLink from "./Link.js";
 import UDExDivider from "./Divider.js";
 import UDExSocialMediaButton from "./SocialMediaButton.js";
+import UDExFooterAskJoulePosition from "./types/FooterAskJoulePosition.js";
 import { BreakpointUtils } from "./utils/Breakpoints.js";
 import parseArrayFromString from "./utils/parseArrayFromString.js";
 import FooterTemplate from "./FooterTemplate.js";
-import { ABOUT_SAP, CHAT_WITH_US, CONTACT_US, EMAIL, LOCAL_COUNTRY_NAMES, PHONE_NUMBER, QUICK_LINKS, SEE_COMPLETE_LIST, SITE_INFORMATION, TRENDING, COPYRIGHT, PUBLIC_SECURITY_NETWORK_NUMBER, ICP_NUMBER, BACK_TO_TOP, } from "./generated/i18n/i18n-defaults.js";
+import { ABOUT_SAP, ASK_JOULE, CHAT_WITH_US, CONTACT_US, EMAIL, LOCAL_COUNTRY_NAMES, PHONE_NUMBER, QUICK_LINKS, SEE_COMPLETE_LIST, SITE_INFORMATION, TRENDING, COPYRIGHT, PUBLIC_SECURITY_NETWORK_NUMBER, ICP_NUMBER, BACK_TO_TOP, } from "./generated/i18n/i18n-defaults.js";
 import translate from "./utils/translate.js";
 // Styles
 import FooterCss from "./generated/themes/Footer.css.js";
@@ -115,6 +116,21 @@ let UDExFooter = UDExFooter_1 = class UDExFooter extends UI5Element {
          * @public
          */
         this.chatWithUsLink = "";
+        /**
+         * Defines the Ask Joule link's href
+         *
+         * @default ""
+         * @public
+         */
+        this.askJouleLink = "";
+        /**
+         * Defines the position of the Ask Joule item within the contact section.
+         * Can be "start" (before phone/email/chat) or "end" (after phone/email/chat).
+         *
+         * @default "start"
+         * @public
+         */
+        this.askJoulePosition = UDExFooterAskJoulePosition.Start;
         /**
          * List of the Social links and their icons
          *
@@ -179,7 +195,7 @@ let UDExFooter = UDExFooter_1 = class UDExFooter extends UI5Element {
         return parseArrayFromString(this.socialLinks);
     }
     get isContactContainerVisible() {
-        return !!this.contactNumbersArray.length || !!this.contactUsLink || !!this.chatWithUsLink;
+        return !!this.contactNumbersArray.length || !!this.contactUsLink || !!this.chatWithUsLink || !!this.askJouleLink;
     }
     get phoneNumberAccessibleName() {
         return `${translate(UDExFooter_1, PHONE_NUMBER)} `;
@@ -196,6 +212,9 @@ let UDExFooter = UDExFooter_1 = class UDExFooter extends UI5Element {
     get chatWithUsAccessibleName() {
         return translate(UDExFooter_1, CHAT_WITH_US);
     }
+    get askJouleAccessibleName() {
+        return translate(UDExFooter_1, ASK_JOULE);
+    }
     get _quickLinksTitle() {
         return this.quickLinksTitle || translate(UDExFooter_1, QUICK_LINKS);
     }
@@ -276,6 +295,9 @@ let UDExFooter = UDExFooter_1 = class UDExFooter extends UI5Element {
     _onContactChatClick(e) {
         this.fireFooterBaseEvent(e, "contact-chat-click");
     }
+    _onAskJouleClick(e) {
+        this.fireFooterBaseEvent(e, "ask-joule-click");
+    }
     _onQuickLinksClick(e) {
         this.fireFooterDetailedClickEvent(e, "quick-links-click");
     }
@@ -295,7 +317,8 @@ let UDExFooter = UDExFooter_1 = class UDExFooter extends UI5Element {
         this.fireDecoratorEvent(eventName, { originalEvent: e });
     }
     fireFooterDetailedClickEvent(e, eventName) {
-        const sourceNode = e.composedPath()[0];
+        const target = e.composedPath()[0];
+        const sourceNode = (target.closest("a") ?? target);
         const { innerText, dataset: { id, name } } = sourceNode;
         this.fireDecoratorEvent(eventName, {
             ...(!!id?.length && { id }),
@@ -359,6 +382,12 @@ __decorate([
 __decorate([
     property({ type: String })
 ], UDExFooter.prototype, "chatWithUsLink", void 0);
+__decorate([
+    property({ type: String })
+], UDExFooter.prototype, "askJouleLink", void 0);
+__decorate([
+    property({ type: String })
+], UDExFooter.prototype, "askJoulePosition", void 0);
 __decorate([
     property({ type: String })
 ], UDExFooter.prototype, "socialLinks", void 0);
@@ -452,6 +481,14 @@ UDExFooter = UDExFooter_1 = __decorate([
      */
     ,
     event("contact-chat-click", { bubbles: true })
+    /**
+     * Triggered on click interaction with "Ask Joule" link
+     * @public
+     * @param { MouseEvent | Event } originalEvent
+     * @allowPreventDefault
+     */
+    ,
+    event("ask-joule-click", { bubbles: true })
     /**
      * Triggered on click interaction with a link within "Quick Links" category
      * @public

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 type { Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { getLanguage } from \"@ui5/webcomponents-base/dist/config/Language.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport type { UDExAccordionItemClickEventDetail } from \"./AccordionItem.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\";\nimport FooterTemplate from \"./FooterTemplate.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  BACK_TO_TOP,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport FooterCss from \"./generated/themes/Footer.css.js\";\n\nexport const chineseICPDefaultLink = \"https://beian.miit.gov.cn/\";\n\nexport type FooterLink = {\n  id: string;\n  title: string;\n  url: string;\n  target: UDExTarget;\n  role?: string;\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: MouseEvent,\n  name: string | undefined;\n  id?: string;\n  sourceNode: HTMLElement;\n}\n\ntype UDExFooterBaseEventDetail = {\n  originalEvent: MouseEvent | Event,\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: jsxRenderer,\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 * @param { MouseEvent | Event } originalEvent\n * @allowPreventDefault\n */\n@event(\"logo-click\", { bubbles: true })\n/**\n * Triggered on click interaction with \"Back to Top\" button\n * @public\n * @param { MouseEvent | Event } originalEvent\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 * @param { MouseEvent | Event } originalEvent\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 * @param { MouseEvent | Event } originalEvent\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 * @param { MouseEvent | Event } originalEvent\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 * @param { MouseEvent | Event } originalEvent\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 * @param { MouseEvent | Event } originalEvent\n * @param { HTMLElement } sourceNode\n * @param { string | undefined } name\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 * @param { MouseEvent | Event } originalEvent\n * @param { HTMLElement } sourceNode\n * @param { string | undefined } name\n * @param { string } [id]\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 * @param { MouseEvent | Event } originalEvent\n * @param { HTMLElement } sourceNode\n * @param { string | undefined } name\n * @param { string } [id]\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 * @param { MouseEvent | Event } originalEvent\n * @param { HTMLElement } sourceNode\n * @param { string | undefined } name\n * @param { string } [id]\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 * @param { MouseEvent | Event } originalEvent\n * @param { HTMLElement } sourceNode\n * @param { string | undefined } name\n * @param { string } [id]\n * @allowPreventDefault\n */\n@event(\"social-media-link-click\", { bubbles: true })\n\n/**\n * Triggered when the user clicks on an accordion item.\n * @public\n * @param { string | undefined } name\n * @param { boolean } expanded\n */\n@event(\"accordion-item-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    \"accordion-item-click\": UDExAccordionItemClickEventDetail,\n  };\n\n  /**\n   * Defines the slot for custom Social Links.\n   *\n   * @slot content\n   * @public\n   */\n  @slot({ type: HTMLElement, individualSlots: true })\n    customSocialLinks!: Slot<UDExSocialMediaButton>;\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 text for the chinese ICP Number\n   *\n   * @public\n   */\n  @property({ type: String })\n    chineseIcpNumber!: string;\n\n  /**\n   * Defines text for the chinese security network number\n   *\n   * @public\n   */\n  @property({ type: String })\n    chineseSecurityNetworkNumber!: string;\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: Event): 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 `${translate(UDExFooter, PHONE_NUMBER)} `;\n  }\n\n  get contactUsAccessibleName(): string {\n    return translate(UDExFooter, CONTACT_US);\n  }\n\n  get contactUsAccessibleLabel(): string {\n    if (this.contactUsLink.includes(\"mailto:\")) {\n      return `${this.contactUsAccessibleName} ${translate(UDExFooter, EMAIL)}`;\n    }\n    return `${this.contactUsAccessibleName}`;\n  }\n\n  get chatWithUsAccessibleName(): string {\n    return translate(UDExFooter, CHAT_WITH_US);\n  }\n\n  get _quickLinksTitle(): string {\n    return this.quickLinksTitle || translate(UDExFooter, QUICK_LINKS);\n  }\n\n  get _trendingTitle(): string {\n    return this.trendingTitle || translate(UDExFooter, TRENDING);\n  }\n\n  get _aboutSapTitle(): string {\n    return this.aboutSapTitle || translate(UDExFooter, ABOUT_SAP);\n  }\n\n  get _siteInformationTitle(): string {\n    return this.siteInformationTitle || translate(UDExFooter, SITE_INFORMATION);\n  }\n\n  get completeListTitle(): string {\n    return `${translate(UDExFooter, SEE_COMPLETE_LIST)} `;\n  }\n\n  get localCountryTitle(): string {\n    return translate(UDExFooter, LOCAL_COUNTRY_NAMES);\n  }\n\n  get copyrightText(): string {\n    return translate(UDExFooter, COPYRIGHT, new Date().getFullYear());\n  }\n\n  get chineseICPNumberText(): string {\n    return this.chineseIcpNumber ?? translate(UDExFooter, ICP_NUMBER);\n  }\n\n  get chineseSecurityNetworkNumberText(): string {\n    return this.chineseSecurityNetworkNumber ? ` ${this.chineseSecurityNetworkNumber}` : ` ${translate(UDExFooter, 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  get backToTopTitle(): string {\n    return translate(UDExFooter, BACK_TO_TOP);\n  }\n\n  get hasSocialLinksSlot(): boolean {\n    return !!this.customSocialLinks.length;\n  }\n\n  _onLogoClick(e: MouseEvent): void {\n    this.fireFooterBaseEvent(e, \"logo-click\");\n  }\n\n  _onContactPhoneClick(e: MouseEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-phone-click\");\n  }\n  _onContactPhoneLocalNumbersClick(e: Event): void {\n    this.fireFooterBaseEvent(e, \"contact-phone-local-numbers-click\");\n  }\n  _onContactEmailClick(e: MouseEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-email-click\");\n  }\n  _onContactChatClick(e: MouseEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-chat-click\");\n  }\n\n  _onQuickLinksClick(e: MouseEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"quick-links-click\");\n  }\n\n  _onTrendingClick(e: MouseEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"trending-click\");\n  }\n\n  _onAboutSapClick(e: MouseEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"about-sap-click\");\n  }\n\n  _onSiteInformationClick(e: MouseEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"site-information-click\");\n  }\n\n  _onSocialMediaLinkClick(e: MouseEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"social-media-link-click\");\n  }\n\n  fireFooterBaseEvent(e: MouseEvent | Event, eventName: BaseEvents): void {\n    this.fireDecoratorEvent(eventName, { originalEvent: e });\n  }\n\n  fireFooterDetailedClickEvent(e: MouseEvent, 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  handleAccordionItemClick(e: CustomEvent<UDExAccordionItemClickEventDetail>): void {\n    this.fireDecoratorEvent(\"accordion-item-click\", e.detail);\n  }\n}\n\nUDExFooter.define();\n\nexport default UDExFooter;\nexport type { UDExFooterBaseEventDetail, UDExFooterDetailedClickEventDetail };\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 type { Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { getLanguage } from \"@ui5/webcomponents-base/dist/config/Language.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport type { UDExAccordionItemClickEventDetail } from \"./AccordionItem.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 UDExFooterAskJoulePosition from \"./types/FooterAskJoulePosition.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport parseArrayFromString from \"./utils/parseArrayFromString.js\";\nimport FooterTemplate from \"./FooterTemplate.js\";\nimport {\n  ABOUT_SAP,\n  ASK_JOULE,\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  BACK_TO_TOP,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport FooterCss from \"./generated/themes/Footer.css.js\";\n\nexport const chineseICPDefaultLink = \"https://beian.miit.gov.cn/\";\n\nexport type FooterLink = {\n  id: string;\n  title: string;\n  url: string;\n  target: UDExTarget;\n  role?: string;\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: MouseEvent,\n  name: string | undefined;\n  id?: string;\n  sourceNode: HTMLElement;\n}\n\ntype UDExFooterBaseEventDetail = {\n  originalEvent: MouseEvent | Event,\n}\n\ntype BaseEvents = \"contact-chat-click\" | \"contact-phone-local-numbers-click\" | \"contact-email-click\" | \"contact-phone-click\" | \"logo-click\" | \"back-to-top-click\" | \"ask-joule-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: jsxRenderer,\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 * @param { MouseEvent | Event } originalEvent\n * @allowPreventDefault\n */\n@event(\"logo-click\", { bubbles: true })\n/**\n * Triggered on click interaction with \"Back to Top\" button\n * @public\n * @param { MouseEvent | Event } originalEvent\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 * @param { MouseEvent | Event } originalEvent\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 * @param { MouseEvent | Event } originalEvent\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 * @param { MouseEvent | Event } originalEvent\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 * @param { MouseEvent | Event } originalEvent\n * @allowPreventDefault\n */\n@event(\"contact-chat-click\", { bubbles: true })\n/**\n * Triggered on click interaction with \"Ask Joule\" link\n * @public\n * @param { MouseEvent | Event } originalEvent\n * @allowPreventDefault\n */\n@event(\"ask-joule-click\", { bubbles: true })\n/**\n * Triggered on click interaction with a link within \"Quick Links\" category\n * @public\n * @param { MouseEvent | Event } originalEvent\n * @param { HTMLElement } sourceNode\n * @param { string | undefined } name\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 * @param { MouseEvent | Event } originalEvent\n * @param { HTMLElement } sourceNode\n * @param { string | undefined } name\n * @param { string } [id]\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 * @param { MouseEvent | Event } originalEvent\n * @param { HTMLElement } sourceNode\n * @param { string | undefined } name\n * @param { string } [id]\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 * @param { MouseEvent | Event } originalEvent\n * @param { HTMLElement } sourceNode\n * @param { string | undefined } name\n * @param { string } [id]\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 * @param { MouseEvent | Event } originalEvent\n * @param { HTMLElement } sourceNode\n * @param { string | undefined } name\n * @param { string } [id]\n * @allowPreventDefault\n */\n@event(\"social-media-link-click\", { bubbles: true })\n\n/**\n * Triggered when the user clicks on an accordion item.\n * @public\n * @param { string | undefined } name\n * @param { boolean } expanded\n */\n@event(\"accordion-item-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    \"ask-joule-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    \"accordion-item-click\": UDExAccordionItemClickEventDetail,\n  };\n\n  /**\n   * Defines the slot for custom Social Links.\n   *\n   * @slot content\n   * @public\n   */\n  @slot({ type: HTMLElement, individualSlots: true })\n    customSocialLinks!: Slot<UDExSocialMediaButton>;\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   * Defines the Ask Joule link's href\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    askJouleLink: string = \"\";\n\n  /**\n   * Defines the position of the Ask Joule item within the contact section.\n   * Can be \"start\" (before phone/email/chat) or \"end\" (after phone/email/chat).\n   *\n   * @default \"start\"\n   * @public\n   */\n  @property({ type: String })\n    askJoulePosition: UDExFooterAskJoulePosition = UDExFooterAskJoulePosition.Start;\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 text for the chinese ICP Number\n   *\n   * @public\n   */\n  @property({ type: String })\n    chineseIcpNumber!: string;\n\n  /**\n   * Defines text for the chinese security network number\n   *\n   * @public\n   */\n  @property({ type: String })\n    chineseSecurityNetworkNumber!: string;\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: Event): 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 || !!this.askJouleLink;\n  }\n\n  get phoneNumberAccessibleName(): string {\n    return `${translate(UDExFooter, PHONE_NUMBER)} `;\n  }\n\n  get contactUsAccessibleName(): string {\n    return translate(UDExFooter, CONTACT_US);\n  }\n\n  get contactUsAccessibleLabel(): string {\n    if (this.contactUsLink.includes(\"mailto:\")) {\n      return `${this.contactUsAccessibleName} ${translate(UDExFooter, EMAIL)}`;\n    }\n    return `${this.contactUsAccessibleName}`;\n  }\n\n  get chatWithUsAccessibleName(): string {\n    return translate(UDExFooter, CHAT_WITH_US);\n  }\n\n  get askJouleAccessibleName(): string {\n    return translate(UDExFooter, ASK_JOULE);\n  }\n\n  get _quickLinksTitle(): string {\n    return this.quickLinksTitle || translate(UDExFooter, QUICK_LINKS);\n  }\n\n  get _trendingTitle(): string {\n    return this.trendingTitle || translate(UDExFooter, TRENDING);\n  }\n\n  get _aboutSapTitle(): string {\n    return this.aboutSapTitle || translate(UDExFooter, ABOUT_SAP);\n  }\n\n  get _siteInformationTitle(): string {\n    return this.siteInformationTitle || translate(UDExFooter, SITE_INFORMATION);\n  }\n\n  get completeListTitle(): string {\n    return `${translate(UDExFooter, SEE_COMPLETE_LIST)} `;\n  }\n\n  get localCountryTitle(): string {\n    return translate(UDExFooter, LOCAL_COUNTRY_NAMES);\n  }\n\n  get copyrightText(): string {\n    return translate(UDExFooter, COPYRIGHT, new Date().getFullYear());\n  }\n\n  get chineseICPNumberText(): string {\n    return this.chineseIcpNumber ?? translate(UDExFooter, ICP_NUMBER);\n  }\n\n  get chineseSecurityNetworkNumberText(): string {\n    return this.chineseSecurityNetworkNumber ? ` ${this.chineseSecurityNetworkNumber}` : ` ${translate(UDExFooter, 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  get backToTopTitle(): string {\n    return translate(UDExFooter, BACK_TO_TOP);\n  }\n\n  get hasSocialLinksSlot(): boolean {\n    return !!this.customSocialLinks.length;\n  }\n\n  _onLogoClick(e: MouseEvent): void {\n    this.fireFooterBaseEvent(e, \"logo-click\");\n  }\n\n  _onContactPhoneClick(e: MouseEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-phone-click\");\n  }\n  _onContactPhoneLocalNumbersClick(e: Event): void {\n    this.fireFooterBaseEvent(e, \"contact-phone-local-numbers-click\");\n  }\n  _onContactEmailClick(e: MouseEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-email-click\");\n  }\n  _onContactChatClick(e: MouseEvent): void {\n    this.fireFooterBaseEvent(e, \"contact-chat-click\");\n  }\n\n  _onAskJouleClick(e: MouseEvent): void {\n    this.fireFooterBaseEvent(e, \"ask-joule-click\");\n  }\n\n  _onQuickLinksClick(e: MouseEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"quick-links-click\");\n  }\n\n  _onTrendingClick(e: MouseEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"trending-click\");\n  }\n\n  _onAboutSapClick(e: MouseEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"about-sap-click\");\n  }\n\n  _onSiteInformationClick(e: MouseEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"site-information-click\");\n  }\n\n  _onSocialMediaLinkClick(e: MouseEvent): void {\n    this.fireFooterDetailedClickEvent(e, \"social-media-link-click\");\n  }\n\n  fireFooterBaseEvent(e: MouseEvent | Event, eventName: BaseEvents): void {\n    this.fireDecoratorEvent(eventName, { originalEvent: e });\n  }\n\n  fireFooterDetailedClickEvent(e: MouseEvent, eventName: DetailedEvents): void {\n    const target = e.composedPath()[0] as HTMLElement;\n    const sourceNode = (target.closest(\"a\") ?? target);\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  handleAccordionItemClick(e: CustomEvent<UDExAccordionItemClickEventDetail>): void {\n    this.fireDecoratorEvent(\"accordion-item-click\", e.detail);\n  }\n}\n\nUDExFooter.define();\n\nexport default UDExFooter;\nexport type { UDExFooterBaseEventDetail, UDExFooterDetailedClickEventDetail };\n"]}

package/dist/FooterTemplate.js

@@ -6,6 +6,7 @@ import headset from "@ui5/webcomponents-icons/dist/headset.js";
 import email from "@ui5/webcomponents-icons/dist/email.js";
 import backToTop from "@ui5/webcomponents-icons/dist/back-to-top.js";
 import discussion from "@ui5/webcomponents-icons/dist/discussion-2.js";
+import da from "@ui5/webcomponents-icons/dist/da.js";
 import UDExLink from "./Link.js";
 import UDExDivider from "./Divider.js";
 import UDExSocialMediaButton from "./SocialMediaButton.js";
@@ -14,14 +15,18 @@ import UDExAccordionItem from "./AccordionItem.js";
 import UDExButton from "./Button.js";
 import UDExButtonDesign from "./types/ButtonDesign.js";
 import UDExButtonSize from "./types/ButtonSize.js";
+import UDExFooterAskJoulePosition from "./types/FooterAskJoulePosition.js";
 export default function FooterTemplate() {
     const rootClass = "udex-footer";
-    return (_jsxs("footer", { className: rootClass, children: [_jsxs("div", { className: `${rootClass}__content`, children: [_jsxs("div", { className: `${rootClass}__contact-social`, children: [this.hasLogo && (_jsxs("div", { className: `${rootClass}__logo`, children: [this.hasLogoLink ? (_jsx("a", { href: this.logoHref, onClick: this._onLogoClick, title: this.logoTitle, "aria-label": this.logoAriaLabel, children: _jsx("img", { id: `${rootClass}__logo-image`, src: this.currentLogoUrl, className: this.logoClass, alt: this.logoAlt }) })) : (_jsx("img", { id: `${rootClass}__logo-image`, src: this.currentLogoUrl, className: this.logoClass, alt: this.logoAlt })), this.hasTagline && (_jsx("img", { id: `${rootClass}__tagline-image`, src: this.currentTaglineUrl, className: this.taglineClass, alt: this.taglineAlt }))] })), this.isContactContainerVisible && (_jsxs("div", { className: `${rootClass}__contact`, children: [this.contactNumbersArray.length > 0 && (_jsxs("div", { className: `${rootClass}__numbers`, children: [_jsx("div", { className: `${rootClass}__icon-container`, children: _jsx(UI5Icon, { class: `${rootClass}__icon`, name: headset, mode: IconMode.Decorative }) }), _jsxs("div", { children: [_jsx("div", { className: `${rootClass}__numbers-wrapper`, children: this.contactNumbersArray.map((contact, index) => (_jsxs("div", { children: [_jsx("span", { className: "hidden", "aria-hidden": true, id: `${rootClass}__${index}_phone-label`, children: `${this.phoneNumberAccessibleName} ${contact.country} : ${contact.number}` }), _jsx("p", { className: `${rootClass}__country`, children: contact.country }), _jsx("a", { href: `tel:${contact.number}`, className: `${rootClass}__number`, onClick: this._onContactPhoneClick, "aria-labelledby": `${rootClass}__${index}_phone-label`, children: contact.number })] }, index))) }), this.localCountryNumbersLink && (_jsxs("p", { className: `${rootClass}__remark`, children: [this.completeListTitle, _jsxs(UDExLink, { class: `${rootClass}__remark-link`, onClick: this._onContactPhoneLocalNumbersClick, href: this.localCountryNumbersLink, design: UI5LinkDesign.Subtle, children: [this.localCountryTitle, "."] })] }))] })] })), this.contactUsLink && (_jsxs("div", { className: `${rootClass}__contact-us`, children: [_jsx("div", { className: `${rootClass}__icon-container`, children: _jsx(UI5Icon, { class: `${rootClass}__icon`, name: email, mode: IconMode.Decorative }) }), _jsx("span", { className: "hidden", "aria-hidden": true, id: `${rootClass}__contact-us-label`, children: this.contactUsAccessibleLabel }), _jsx("a", { href: this.contactUsLink, className: `${rootClass}__contact-us-link`, "aria-labelledby": `${rootClass}__contact-us-label`, onClick: this._onContactEmailClick, children: this.contactUsAccessibleName })] })), this.chatWithUsLink && (_jsxs("div", { className: `${rootClass}__chat-with-us`, children: [_jsx("div", { className: `${rootClass}__icon-container`, children: _jsx(UI5Icon, { class: `${rootClass}__icon`, name: discussion, mode: IconMode.Decorative }) }), _jsx("a", { href: this.chatWithUsLink, className: `${rootClass}__chat-with-us-link`, onClick: this._onContactChatClick, children: this.chatWithUsAccessibleName })] }))] }))] }), _jsx(UDExDivider, { class: `${rootClass}__divider`, accessibleRole: "none" }), this._shouldRenderMobileMenu ? (mobileNavigation.call(this, rootClass)) : (desktopNavigation.call(this, rootClass)), _jsx(UDExDivider, { class: `${rootClass}__divider`, accessibleRole: "none" }), _jsxs("div", { className: `${rootClass}__copyright`, children: [this.isChineseLang && (_jsxs("span", { className: `${rootClass}__copyright-chinese-text`, children: [_jsx(UDExLink, { href: this.chineseIcpNumberLink, title: this.chineseICPNumberText, design: "Subtle", class: `${rootClass}__copyright-chinese-link`, target: "_blank", children: this.chineseICPNumberText }), this.chineseSecurityNetworkNumberText] })), _jsx("span", { className: `${rootClass}__copyright-text`, children: this.copyrightText })] }), (this.socialLinksArray.length > 0 || this.hasSocialLinksSlot) && (_jsxs("ul", { className: `${rootClass}__social-container`, children: [this.socialLinksArray.map((social, index) => (_jsx(UDExSocialMediaButton, { role: "listitem", type: social.name, url: social.url, target: social.target, "accessible-name": social.accessibleName, "data-name": social.name, "data-id": social.id, "onui5-click": this._onSocialMediaLinkClick }, index))), this.hasSocialLinksSlot && (_jsx(_Fragment, { children: this.customSocialLinks.map(link => _jsx("slot", { name: link._individualSlot })) }))] }))] }), _jsx(UDExButton, { class: `${rootClass}__back-to-top-button`, icon: backToTop, onClick: this.onBackToTopClick, design: UDExButtonDesign.Tertiary, size: UDExButtonSize.Large, tooltip: this.backToTopTitle })] }));
+    return (_jsxs("footer", { className: rootClass, children: [_jsxs("div", { className: `${rootClass}__content`, children: [_jsxs("div", { className: `${rootClass}__contact-social`, children: [this.hasLogo && (_jsxs("div", { className: `${rootClass}__logo`, children: [this.hasLogoLink ? (_jsx("a", { href: this.logoHref, onClick: this._onLogoClick, title: this.logoTitle, "aria-label": this.logoAriaLabel, children: _jsx("img", { id: `${rootClass}__logo-image`, src: this.currentLogoUrl, className: this.logoClass, alt: this.logoAlt }) })) : (_jsx("img", { id: `${rootClass}__logo-image`, src: this.currentLogoUrl, className: this.logoClass, alt: this.logoAlt })), this.hasTagline && (_jsx("img", { id: `${rootClass}__tagline-image`, src: this.currentTaglineUrl, className: this.taglineClass, alt: this.taglineAlt }))] })), this.isContactContainerVisible && (_jsxs("div", { className: `${rootClass}__contact`, children: [this.askJouleLink && this.askJoulePosition === UDExFooterAskJoulePosition.Start && askJouleBlock.call(this, rootClass), this.contactNumbersArray.length > 0 && (_jsxs("div", { className: `${rootClass}__numbers`, children: [_jsx("div", { className: `${rootClass}__icon-container`, children: _jsx(UI5Icon, { class: `${rootClass}__icon`, name: headset, mode: IconMode.Decorative }) }), _jsxs("div", { children: [_jsx("div", { className: `${rootClass}__numbers-wrapper`, children: this.contactNumbersArray.map((contact, index) => (_jsxs("div", { children: [_jsx("span", { className: "hidden", "aria-hidden": true, id: `${rootClass}__${index}_phone-label`, children: `${this.phoneNumberAccessibleName} ${contact.country} : ${contact.number}` }), _jsx("p", { className: `${rootClass}__country`, children: contact.country }), _jsx("a", { href: `tel:${contact.number}`, className: `${rootClass}__number`, onClick: this._onContactPhoneClick, "aria-labelledby": `${rootClass}__${index}_phone-label`, children: contact.number })] }, index))) }), this.localCountryNumbersLink && (_jsxs("p", { className: `${rootClass}__remark`, children: [this.completeListTitle, _jsxs(UDExLink, { class: `${rootClass}__remark-link`, onClick: this._onContactPhoneLocalNumbersClick, href: this.localCountryNumbersLink, design: UI5LinkDesign.Subtle, children: [this.localCountryTitle, "."] })] }))] })] })), this.contactUsLink && (_jsxs("div", { className: `${rootClass}__contact-us`, children: [_jsx("div", { className: `${rootClass}__icon-container`, children: _jsx(UI5Icon, { class: `${rootClass}__icon`, name: email, mode: IconMode.Decorative }) }), _jsx("span", { className: "hidden", "aria-hidden": true, id: `${rootClass}__contact-us-label`, children: this.contactUsAccessibleLabel }), _jsx("a", { href: this.contactUsLink, className: `${rootClass}__contact-us-link`, "aria-labelledby": `${rootClass}__contact-us-label`, onClick: this._onContactEmailClick, children: this.contactUsAccessibleName })] })), this.chatWithUsLink && (_jsxs("div", { className: `${rootClass}__chat-with-us`, children: [_jsx("div", { className: `${rootClass}__icon-container`, children: _jsx(UI5Icon, { class: `${rootClass}__icon`, name: discussion, mode: IconMode.Decorative }) }), _jsx("a", { href: this.chatWithUsLink, className: `${rootClass}__chat-with-us-link`, onClick: this._onContactChatClick, children: this.chatWithUsAccessibleName })] })), this.askJouleLink && this.askJoulePosition === UDExFooterAskJoulePosition.End && askJouleBlock.call(this, rootClass)] }))] }), _jsx(UDExDivider, { class: `${rootClass}__divider`, accessibleRole: "none" }), this._shouldRenderMobileMenu ? (mobileNavigation.call(this, rootClass)) : (desktopNavigation.call(this, rootClass)), _jsx(UDExDivider, { class: `${rootClass}__divider`, accessibleRole: "none" }), _jsxs("div", { className: `${rootClass}__copyright`, children: [this.isChineseLang && (_jsxs("span", { className: `${rootClass}__copyright-chinese-text`, children: [_jsx(UDExLink, { href: this.chineseIcpNumberLink, title: this.chineseICPNumberText, design: "Subtle", class: `${rootClass}__copyright-chinese-link`, target: "_blank", children: this.chineseICPNumberText }), this.chineseSecurityNetworkNumberText] })), _jsx("span", { className: `${rootClass}__copyright-text`, children: this.copyrightText })] }), (this.socialLinksArray.length > 0 || this.hasSocialLinksSlot) && (_jsxs("ul", { className: `${rootClass}__social-container`, children: [this.socialLinksArray.map((social, index) => (_jsx(UDExSocialMediaButton, { role: "listitem", type: social.name, url: social.url, target: social.target, "accessible-name": social.accessibleName, "data-name": social.name, "data-id": social.id, "onui5-click": this._onSocialMediaLinkClick }, index))), this.hasSocialLinksSlot && (_jsx(_Fragment, { children: this.customSocialLinks.map(link => _jsx("slot", { name: link._individualSlot })) }))] }))] }), _jsx(UDExButton, { class: `${rootClass}__back-to-top-button`, icon: backToTop, onClick: this.onBackToTopClick, design: UDExButtonDesign.Tertiary, size: UDExButtonSize.Large, tooltip: this.backToTopTitle })] }));
 }
 function mobileNavigation(rootClass) {
     return (_jsxs(UDExAccordion, { class: `${rootClass}__accordion`, children: [this.quickLinksArray.length > 0 && (_jsx(_Fragment, { children: _jsxs(UDExAccordionItem, { onAccordionItemClick: this.handleAccordionItemClick, label: this._quickLinksTitle, class: `${rootClass}__action-item`, children: [_jsx("ul", { className: `${rootClass}__links-list udex-footer__links-list--mobile`, children: this.quickLinksArray.map((link, index) => (_jsx("li", { children: _jsx("a", { target: link.target, href: link.url, "data-id": link.id, onClick: this._onQuickLinksClick, ...(link.role ? { "role": link.role } : {}), children: link.title }) }, index))) }), _jsx("h6", { className: `${rootClass}__links-item hidden`, "aria-hidden": "true", id: `${rootClass}__quick-links`, children: this._quickLinksTitle })] }) })), this.trendingLinksArray.length > 0 && (_jsx(_Fragment, { children: _jsxs(UDExAccordionItem, { onAccordionItemClick: this.handleAccordionItemClick, label: this._trendingTitle, class: `${rootClass}__action-item`, children: [_jsx("ul", { className: `${rootClass}__links-list ${rootClass}__links-list--mobile`, children: this.trendingLinksArray.map((link, index) => (_jsx("li", { children: _jsx("a", { target: link.target, href: link.url, "data-id": link.id, onClick: this._onTrendingClick, ...(link.role ? { "role": link.role } : {}), children: link.title }) }, index))) }), _jsx("h6", { className: `${rootClass}__links-item hidden`, "aria-hidden": "true", id: `${rootClass}__trending`, children: this._trendingTitle })] }) })), this.aboutLinksArray.length > 0 && (_jsx(_Fragment, { children: _jsxs(UDExAccordionItem, { onAccordionItemClick: this.handleAccordionItemClick, label: this._aboutSapTitle, class: `${rootClass}__action-item`, children: [_jsx("ul", { className: `${rootClass}__links-list ${rootClass}__links-list--mobile`, children: this.aboutLinksArray.map((link, index) => (_jsx("li", { children: _jsx("a", { target: link.target, href: link.url, "data-id": link.id, onClick: this._onAboutSapClick, ...(link.role ? { "role": link.role } : {}), children: link.title }) }, index))) }), _jsx("h6", { className: `${rootClass}__links-item hidden`, "aria-hidden": "true", id: `${rootClass}__about`, children: this._aboutSapTitle })] }) })), this.siteInformationLinksArray.length > 0 && (_jsx(_Fragment, { children: _jsxs(UDExAccordionItem, { onAccordionItemClick: this.handleAccordionItemClick, label: this._siteInformationTitle, class: `${rootClass}__action-item`, children: [_jsx("ul", { className: `${rootClass}__links-list rootClass__links-list--mobile`, children: this.siteInformationLinksArray.map((link, index) => (_jsx("li", { children: _jsx("a", { target: link.target, href: link.url, "data-id": link.id, onClick: this._onSiteInformationClick, ...(link.role ? { "role": link.role } : {}), children: link.title }) }, index))) }), _jsx("h6", { className: `${rootClass}__links-item hidden`, "aria-hidden": "true", id: `${rootClass}__site-information`, children: this._siteInformationTitle })] }) }))] }));
 }
 function desktopNavigation(rootClass) {
-    return (_jsxs("div", { className: `${rootClass}__links`, children: [this.quickLinksArray.length > 0 && (_jsxs("div", { className: `${rootClass}__links-group ${rootClass}__quick-links`, children: [_jsx("h6", { className: `${rootClass}__links-item`, id: `${rootClass}__quick-links`, children: this._quickLinksTitle }), _jsx("nav", { children: _jsx("ul", { "aria-labelledby": `${rootClass}__quick-links`, className: `${rootClass}__links-list ${rootClass}__links-list--desktop`, children: this.quickLinksArray.map((link, index) => (_jsx("li", { children: _jsx("a", { target: link.target, "data-id": link.id, href: link.url, onClick: this._onQuickLinksClick, ...(link.role ? { "role": link.role } : {}), children: link.title }) }, index))) }) })] })), this.trendingLinksArray.length > 0 && (_jsxs("div", { className: `${rootClass}__links-group ${rootClass}__trending-links`, children: [_jsx("h6", { className: `${rootClass}__links-item`, id: `${rootClass}__trending`, children: this._trendingTitle }), _jsx("nav", { children: _jsx("ul", { "aria-labelledby": `${rootClass}__trending`, className: `${rootClass}__links-list ${rootClass}__links-list--desktop`, children: this.trendingLinksArray.map((link, index) => (_jsx("li", { children: _jsx("a", { target: link.target, "data-id": link.id, href: link.url, onClick: this._onTrendingClick, ...(link.role ? { "role": link.role } : {}), children: link.title }) }, index))) }) })] })), this.aboutLinksArray.length > 0 && (_jsxs("div", { className: `${rootClass}__links-group ${rootClass}__about-links`, children: [_jsx("h6", { className: `${rootClass}__links-item`, id: `${rootClass}__about`, children: this._aboutSapTitle }), _jsx("nav", { children: _jsx("ul", { "aria-labelledby": `${rootClass}__about`, className: `${rootClass}__links-list ${rootClass}__links-list--desktop`, children: this.aboutLinksArray.map((link, index) => (_jsx("li", { children: _jsx("a", { target: link.target, "data-id": link.id, href: link.url, onClick: this._onAboutSapClick, ...(link.role ? { "role": link.role } : {}), children: link.title }) }, index))) }) })] })), this.siteInformationLinksArray.length > 0 && (_jsxs("div", { className: `${rootClass}__links-group ${rootClass}__site-information-links`, children: [_jsx("h6", { className: `${rootClass}__links-item`, id: `${rootClass}__site-information`, children: this._siteInformationTitle }), _jsx("nav", { children: _jsx("ul", { "aria-labelledby": `${rootClass}__site-information`, className: `${rootClass}__links-list ${rootClass}__links-list--desktop`, children: this.siteInformationLinksArray.map((link, index) => (_jsx("li", { children: _jsx("a", { target: link.target, "data-id": link.id, href: link.url, onClick: this._onSiteInformationClick, ...(link.role ? { "role": link.role } : {}), children: link.title }) }, index))) }) })] }))] }));
+    return (_jsxs("div", { className: `${rootClass}__links`, children: [this.quickLinksArray.length > 0 && (_jsxs("div", { className: `${rootClass}__links-group ${rootClass}__quick-links`, children: [_jsx("h6", { className: `${rootClass}__links-item`, id: `${rootClass}__quick-links`, children: this._quickLinksTitle }), _jsx("nav", { children: _jsx("ul", { "aria-labelledby": `${rootClass}__quick-links`, className: `${rootClass}__links-list ${rootClass}__links-list--desktop`, children: this.quickLinksArray.map((link, index) => (_jsx("li", { children: _jsx("a", { target: link.target, "data-id": link.id, href: link.url, onClick: this._onQuickLinksClick, ...(link.role ? { "role": link.role } : {}), children: _jsx("span", { className: "udex-footer__nav-link-text", children: link.title }) }) }, index))) }) })] })), this.trendingLinksArray.length > 0 && (_jsxs("div", { className: `${rootClass}__links-group ${rootClass}__trending-links`, children: [_jsx("h6", { className: `${rootClass}__links-item`, id: `${rootClass}__trending`, children: this._trendingTitle }), _jsx("nav", { children: _jsx("ul", { "aria-labelledby": `${rootClass}__trending`, className: `${rootClass}__links-list ${rootClass}__links-list--desktop`, children: this.trendingLinksArray.map((link, index) => (_jsx("li", { children: _jsx("a", { target: link.target, "data-id": link.id, href: link.url, onClick: this._onTrendingClick, ...(link.role ? { "role": link.role } : {}), children: _jsx("span", { className: "udex-footer__nav-link-text", children: link.title }) }) }, index))) }) })] })), this.aboutLinksArray.length > 0 && (_jsxs("div", { className: `${rootClass}__links-group ${rootClass}__about-links`, children: [_jsx("h6", { className: `${rootClass}__links-item`, id: `${rootClass}__about`, children: this._aboutSapTitle }), _jsx("nav", { children: _jsx("ul", { "aria-labelledby": `${rootClass}__about`, className: `${rootClass}__links-list ${rootClass}__links-list--desktop`, children: this.aboutLinksArray.map((link, index) => (_jsx("li", { children: _jsx("a", { target: link.target, "data-id": link.id, href: link.url, onClick: this._onAboutSapClick, ...(link.role ? { "role": link.role } : {}), children: _jsx("span", { className: "udex-footer__nav-link-text", children: link.title }) }) }, index))) }) })] })), this.siteInformationLinksArray.length > 0 && (_jsxs("div", { className: `${rootClass}__links-group ${rootClass}__site-information-links`, children: [_jsx("h6", { className: `${rootClass}__links-item`, id: `${rootClass}__site-information`, children: this._siteInformationTitle }), _jsx("nav", { children: _jsx("ul", { "aria-labelledby": `${rootClass}__site-information`, className: `${rootClass}__links-list ${rootClass}__links-list--desktop`, children: this.siteInformationLinksArray.map((link, index) => (_jsx("li", { children: _jsx("a", { target: link.target, "data-id": link.id, href: link.url, onClick: this._onSiteInformationClick, ...(link.role ? { "role": link.role } : {}), children: _jsx("span", { className: "udex-footer__nav-link-text", children: link.title }) }) }, index))) }) })] }))] }));
+}
+function askJouleBlock(rootClass) {
+    return (_jsxs("div", { className: `${rootClass}__ask-joule`, children: [_jsx("div", { className: `${rootClass}__icon-container`, children: _jsx(UI5Icon, { class: `${rootClass}__icon`, name: da, mode: IconMode.Decorative }) }), _jsx("a", { href: this.askJouleLink, className: `${rootClass}__ask-joule-link`, onClick: this._onAskJouleClick, children: this.askJouleAccessibleName })] }));
 }
 //# sourceMappingURL=FooterTemplate.js.map

package/dist/FooterTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterTemplate.js","sourceRoot":"","sources":["../src/FooterTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AACjE,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,aAAa,MAAM,6CAA6C,CAAC;AAExE,OAAO,OAAO,MAAM,0CAA0C,CAAC;AAC/D,OAAO,KAAK,MAAM,wCAAwC,CAAC;AAC3D,OAAO,SAAS,MAAM,8CAA8C,CAAC;AACrE,OAAO,UAAU,MAAM,+CAA+C,CAAC;AAGvE,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,qBAAqB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,iBAAiB,MAAM,oBAAoB,CAAC;AACnD,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAGnD,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,MAAM,SAAS,GAAG,aAAa,CAAC;IAEhC,OAAO,CACL,kBAAQ,SAAS,EAAE,SAAS,aAC1B,eAAK,SAAS,EAAE,GAAG,SAAS,WAAW,aACrC,eAAK,SAAS,EAAE,GAAG,SAAS,kBAAkB,aAC3C,IAAI,CAAC,OAAO,IAAI,CACf,eAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,aACjC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,YACE,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,KAAK,EAAE,IAAI,CAAC,SAAS,gBACT,IAAI,CAAC,aAAa,YAC9B,cACE,EAAE,EAAE,GAAG,SAAS,cAAc,EAC9B,GAAG,EAAE,IAAI,CAAC,cAAc,EACxB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,GAAG,EAAE,IAAI,CAAC,OAAO,GACjB,GACA,CACL,CAAC,CAAC,CAAC,CACF,cACE,EAAE,EAAE,GAAG,SAAS,cAAc,EAC9B,GAAG,EAAE,IAAI,CAAC,cAAc,EACxB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,GAAG,EAAE,IAAI,CAAC,OAAO,GACjB,CACH,EACA,IAAI,CAAC,UAAU,IAAI,CAClB,cACE,EAAE,EAAE,GAAG,SAAS,iBAAiB,EACjC,GAAG,EAAE,IAAI,CAAC,iBAAiB,EAC3B,SAAS,EAAE,IAAI,CAAC,YAAY,EAC5B,GAAG,EAAE,IAAI,CAAC,UAAU,GACpB,CACH,IACG,CACP,EACA,IAAI,CAAC,yBAAyB,IAAI,CACjC,eAAK,SAAS,EAAE,GAAG,SAAS,WAAW,aACpC,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,CACtC,eAAK,SAAS,EAAE,GAAG,SAAS,WAAW,aACrC,cAAK,SAAS,EAAE,GAAG,SAAS,kBAAkB,YAC5C,KAAC,OAAO,IACN,KAAK,EAAE,GAAG,SAAS,QAAQ,EAC3B,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,QAAQ,CAAC,UAAU,GAChB,GACP,EACN,0BACE,cAAK,SAAS,EAAE,GAAG,SAAS,mBAAmB,YAC5C,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAChD,0BACE,eACE,SAAS,EAAC,QAAQ,uBAElB,EAAE,EAAE,GAAG,SAAS,KAAK,KAAK,cAAc,YACvC,GAAG,IAAI,CAAC,yBAAyB,IAAI,OAAO,CAAC,OAAO,MAAM,OAAO,CAAC,MAAM,EAAE,GACtE,EACP,YAAG,SAAS,EAAE,GAAG,SAAS,WAAW,YAAG,OAAO,CAAC,OAAO,GAAK,EAC5D,YACE,IAAI,EAAE,OAAO,OAAO,CAAC,MAAM,EAAE,EAC7B,SAAS,EAAE,GAAG,SAAS,UAAU,EACjC,OAAO,EAAE,IAAI,CAAC,oBAAoB,qBACjB,GAAG,SAAS,KAAK,KAAK,cAAc,YACpD,OAAO,CAAC,MAAM,GACb,KAdI,KAAK,CAeT,CACP,CAAC,GACE,EACL,IAAI,CAAC,uBAAuB,IAAI,CAC/B,aAAG,SAAS,EAAE,GAAG,SAAS,UAAU,aACjC,IAAI,CAAC,iBAAiB,EACvB,MAAC,QAAQ,IACP,KAAK,EAAE,GAAG,SAAS,eAAe,EAClC,OAAO,EAAE,IAAI,CAAC,gCAAgC,EAC9C,IAAI,EAAE,IAAI,CAAC,uBAAuB,EAClC,MAAM,EAAE,aAAa,CAAC,MAAM,aAC3B,IAAI,CAAC,iBAAiB,SACd,IACT,CACL,IACG,IACF,CACP,EACA,IAAI,CAAC,aAAa,IAAI,CACrB,eAAK,SAAS,EAAE,GAAG,SAAS,cAAc,aACxC,cAAK,SAAS,EAAE,GAAG,SAAS,kBAAkB,YAC5C,KAAC,OAAO,IACN,KAAK,EAAE,GAAG,SAAS,QAAQ,EAC3B,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,QAAQ,CAAC,UAAU,GACjB,GACN,EACN,eACE,SAAS,EAAC,QAAQ,uBAElB,EAAE,EAAE,GAAG,SAAS,oBAAoB,YACnC,IAAI,CAAC,wBAAwB,GACzB,EACP,YACE,IAAI,EAAE,IAAI,CAAC,aAAa,EACxB,SAAS,EAAE,GAAG,SAAS,mBAAmB,qBACzB,GAAG,SAAS,oBAAoB,EACjD,OAAO,EAAE,IAAI,CAAC,oBAAoB,YACjC,IAAI,CAAC,uBAAuB,GAC3B,IACA,CACP,EACA,IAAI,CAAC,cAAc,IAAI,CACtB,eAAK,SAAS,EAAE,GAAG,SAAS,gBAAgB,aAC1C,cAAK,SAAS,EAAE,GAAG,SAAS,kBAAkB,YAC5C,KAAC,OAAO,IACN,KAAK,EAAE,GAAG,SAAS,QAAQ,EAC3B,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,QAAQ,CAAC,UAAU,GACjB,GACN,EACN,YACE,IAAI,EAAE,IAAI,CAAC,cAAc,EACzB,SAAS,EAAE,GAAG,SAAS,qBAAqB,EAC5C,OAAO,EAAE,IAAI,CAAC,mBAAmB,YAChC,IAAI,CAAC,wBAAwB,GAC5B,IACA,CACP,IACG,CACP,IACG,EAEN,KAAC,WAAW,IAAC,KAAK,EAAE,GAAG,SAAS,WAAW,EAAE,cAAc,EAAC,MAAM,GAAe,EAEhF,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAC9B,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,CACvC,CAAC,CAAC,CAAC,CACF,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,CACxC,EAED,KAAC,WAAW,IAAC,KAAK,EAAE,GAAG,SAAS,WAAW,EAAE,cAAc,EAAC,MAAM,GAAe,EAEjF,eAAK,SAAS,EAAE,GAAG,SAAS,aAAa,aACtC,IAAI,CAAC,aAAa,IAAI,CACrB,gBAAM,SAAS,EAAE,GAAG,SAAS,0BAA0B,aACrD,KAAC,QAAQ,IACP,IAAI,EAAE,IAAI,CAAC,oBAAoB,EAC/B,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAChC,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,GAAG,SAAS,0BAA0B,EAC7C,MAAM,EAAC,QAAQ,YAEd,IAAI,CAAC,oBAAoB,GACjB,EACV,IAAI,CAAC,gCAAgC,IACjC,CACR,EACD,eAAM,SAAS,EAAE,GAAG,SAAS,kBAAkB,YAAG,IAAI,CAAC,aAAa,GAAQ,IACxE,EAEL,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAChE,cAAI,SAAS,EAAE,GAAG,SAAS,oBAAoB,aAC5C,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,qBAAqB,IACd,IAAI,EAAE,UAAU,EAEtB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,MAAM,EAAE,MAAM,CAAC,MAAM,qBACJ,MAAM,CAAC,cAAc,eAC3B,MAAM,CAAC,IAAI,aACb,MAAM,CAAC,EAAE,iBACL,IAAI,CAAC,uBAAuB,IAPpC,KAAK,CAQY,CACzB,CAAC,EACD,IAAI,CAAC,kBAAkB,IAAI,CAC1B,4BACG,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACjC,eAAM,IAAI,EAAE,IAAI,CAAC,eAAe,GAAS,CAC1C,GACA,CACJ,IACE,CACN,IACG,EAEN,KAAC,UAAU,IACT,KAAK,EAAE,GAAG,SAAS,sBAAsB,EACzC,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,MAAM,EAAE,gBAAgB,CAAC,QAAQ,EACjC,IAAI,EAAE,cAAc,CAAC,KAAK,EAC1B,OAAO,EAAE,IAAI,CAAC,cAAc,GACjB,IACN,CACV,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAe,SAAiB;IACvD,OAAO,CACL,MAAC,aAAa,IAAC,KAAK,EAAE,GAAG,SAAS,aAAa,aAC5C,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,CAClC,4BACE,MAAC,iBAAiB,IAAC,oBAAoB,EAAE,IAAI,CAAC,wBAAwB,EAAE,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,GAAG,SAAS,eAAe,aACtI,aAAI,SAAS,EAAE,GAAG,SAAS,8CAA8C,YACtE,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,uBACE,YACE,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,GAAG,aACL,IAAI,CAAC,EAAE,EAChB,OAAO,EAAE,IAAI,CAAC,kBAAkB,KAC5B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YACvD,IAAI,CAAC,KAAK,GACT,IARG,KAAK,CAST,CACN,CAAC,GACC,EACL,aAAI,SAAS,EAAE,GAAG,SAAS,qBAAqB,iBAAc,MAAM,EAAC,EAAE,EAAE,GAAG,SAAS,eAAe,YACjG,IAAI,CAAC,gBAAgB,GACnB,IACa,GACnB,CACJ,EAEA,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACrC,4BACE,MAAC,iBAAiB,IAAC,oBAAoB,EAAE,IAAI,CAAC,wBAAwB,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,EAAE,GAAG,SAAS,eAAe,aACpI,aAAI,SAAS,EAAE,GAAG,SAAS,gBAAgB,SAAS,sBAAsB,YACvE,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,uBACE,YACE,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,GAAG,aACL,IAAI,CAAC,EAAE,EAChB,OAAO,EAAE,IAAI,CAAC,gBAAgB,KAC1B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YACvD,IAAI,CAAC,KAAK,GACT,IARG,KAAK,CAST,CACN,CAAC,GACC,EACL,aAAI,SAAS,EAAE,GAAG,SAAS,qBAAqB,iBAAc,MAAM,EAAC,EAAE,EAAE,GAAG,SAAS,YAAY,YAC9F,IAAI,CAAC,cAAc,GACjB,IACa,GACnB,CACJ,EAEA,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,CAClC,4BACE,MAAC,iBAAiB,IAAC,oBAAoB,EAAE,IAAI,CAAC,wBAAwB,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,EAAE,GAAG,SAAS,eAAe,aACpI,aAAI,SAAS,EAAE,GAAG,SAAS,gBAAgB,SAAS,sBAAsB,YACvE,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,uBACE,YACE,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,GAAG,aACL,IAAI,CAAC,EAAE,EAChB,OAAO,EAAE,IAAI,CAAC,gBAAgB,KAC1B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YACvD,IAAI,CAAC,KAAK,GACT,IARG,KAAK,CAST,CACN,CAAC,GACC,EACL,aAAI,SAAS,EAAE,GAAG,SAAS,qBAAqB,iBAAc,MAAM,EAAC,EAAE,EAAE,GAAG,SAAS,SAAS,YAC3F,IAAI,CAAC,cAAc,GACjB,IACa,GACnB,CACJ,EAEA,IAAI,CAAC,yBAAyB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,4BACE,MAAC,iBAAiB,IAAC,oBAAoB,EAAE,IAAI,CAAC,wBAAwB,EAAE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,KAAK,EAAE,GAAG,SAAS,eAAe,aAC3I,aAAI,SAAS,EAAE,GAAG,SAAS,4CAA4C,YACpE,IAAI,CAAC,yBAAyB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACnD,uBACE,YACE,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,GAAG,aACL,IAAI,CAAC,EAAE,EAChB,OAAO,EAAE,IAAI,CAAC,uBAAuB,KACjC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YACvD,IAAI,CAAC,KAAK,GACT,IARG,KAAK,CAST,CACN,CAAC,GACC,EACL,aAAI,SAAS,EAAE,GAAG,SAAS,qBAAqB,iBAAc,MAAM,EAAC,EAAE,EAAE,GAAG,SAAS,oBAAoB,YACtG,IAAI,CAAC,qBAAqB,GACxB,IACa,GACnB,CACJ,IACa,CACjB,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAe,SAAiB;IACxD,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,SAAS,SAAS,aAClC,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,CAClC,eAAK,SAAS,EAAE,GAAG,SAAS,iBAAiB,SAAS,eAAe,aACnE,aAAI,SAAS,EAAE,GAAG,SAAS,cAAc,EAAE,EAAE,EAAE,GAAG,SAAS,eAAe,YACvE,IAAI,CAAC,gBAAgB,GACnB,EACL,wBACE,gCAAqB,GAAG,SAAS,eAAe,EAAE,SAAS,EAAE,GAAG,SAAS,gBAAgB,SAAS,uBAAuB,YACtH,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,uBACE,YACE,MAAM,EAAE,IAAI,CAAC,MAAM,aACV,IAAI,CAAC,EAAE,EAChB,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,OAAO,EAAE,IAAI,CAAC,kBAAkB,KAC5B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YACvD,IAAI,CAAC,KAAK,GACT,IARG,KAAK,CAST,CACN,CAAC,GACC,GACD,IACF,CACP,EACA,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACrC,eAAK,SAAS,EAAE,GAAG,SAAS,iBAAiB,SAAS,kBAAkB,aACtE,aAAI,SAAS,EAAE,GAAG,SAAS,cAAc,EAAE,EAAE,EAAE,GAAG,SAAS,YAAY,YACpE,IAAI,CAAC,cAAc,GACjB,EACL,wBACE,gCAAqB,GAAG,SAAS,YAAY,EAAE,SAAS,EAAE,GAAG,SAAS,gBAAgB,SAAS,uBAAuB,YACnH,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,uBACE,YACE,MAAM,EAAE,IAAI,CAAC,MAAM,aACV,IAAI,CAAC,EAAE,EAChB,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,OAAO,EAAE,IAAI,CAAC,gBAAgB,KAC1B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YACvD,IAAI,CAAC,KAAK,GACT,IARG,KAAK,CAST,CACN,CAAC,GACC,GACD,IACF,CACP,EACA,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,CAClC,eAAK,SAAS,EAAE,GAAG,SAAS,iBAAiB,SAAS,eAAe,aACnE,aAAI,SAAS,EAAE,GAAG,SAAS,cAAc,EAAE,EAAE,EAAE,GAAG,SAAS,SAAS,YACjE,IAAI,CAAC,cAAc,GACjB,EACL,wBACE,gCAAqB,GAAG,SAAS,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,gBAAgB,SAAS,uBAAuB,YAChH,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,uBACE,YACE,MAAM,EAAE,IAAI,CAAC,MAAM,aACV,IAAI,CAAC,EAAE,EAChB,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,OAAO,EAAE,IAAI,CAAC,gBAAgB,KAC1B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YACvD,IAAI,CAAC,KAAK,GACT,IARG,KAAK,CAST,CACN,CAAC,GACC,GACD,IACF,CACP,EACA,IAAI,CAAC,yBAAyB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,eAAK,SAAS,EAAE,GAAG,SAAS,iBAAiB,SAAS,0BAA0B,aAC9E,aAAI,SAAS,EAAE,GAAG,SAAS,cAAc,EAAE,EAAE,EAAE,GAAG,SAAS,oBAAoB,YAC5E,IAAI,CAAC,qBAAqB,GACxB,EACL,wBACE,gCAAqB,GAAG,SAAS,oBAAoB,EAAE,SAAS,EAAE,GAAG,SAAS,gBAAgB,SAAS,uBAAuB,YAC3H,IAAI,CAAC,yBAAyB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACnD,uBACE,YACE,MAAM,EAAE,IAAI,CAAC,MAAM,aACV,IAAI,CAAC,EAAE,EAChB,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,OAAO,EAAE,IAAI,CAAC,uBAAuB,KACjC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YACvD,IAAI,CAAC,KAAK,GACT,IARG,KAAK,CAST,CACN,CAAC,GACC,GACD,IACF,CACP,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import IconMode from \"@ui5/webcomponents/dist/types/IconMode.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UI5LinkDesign from \"@ui5/webcomponents/dist/types/LinkDesign.js\";\n\nimport headset from \"@ui5/webcomponents-icons/dist/headset.js\";\nimport email from \"@ui5/webcomponents-icons/dist/email.js\";\nimport backToTop from \"@ui5/webcomponents-icons/dist/back-to-top.js\";\nimport discussion from \"@ui5/webcomponents-icons/dist/discussion-2.js\";\n\nimport type Footer from \"./Footer.js\";\nimport UDExLink from \"./Link.js\";\nimport UDExDivider from \"./Divider.js\";\nimport UDExSocialMediaButton from \"./SocialMediaButton.js\";\nimport UDExAccordion from \"./Accordion.js\";\nimport UDExAccordionItem from \"./AccordionItem.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport type { AriaRole } from \"@ui5/webcomponents-base\";\n\nexport default function FooterTemplate(this: Footer) {\n  const rootClass = \"udex-footer\";\n\n  return (\n    <footer className={rootClass}>\n      <div className={`${rootClass}__content`}>\n        <div className={`${rootClass}__contact-social`}>\n          {this.hasLogo && (\n            <div className={`${rootClass}__logo`}>\n              {this.hasLogoLink ? (\n                <a\n                  href={this.logoHref}\n                  onClick={this._onLogoClick}\n                  title={this.logoTitle}\n                  aria-label={this.logoAriaLabel}>\n                  <img\n                    id={`${rootClass}__logo-image`}\n                    src={this.currentLogoUrl}\n                    className={this.logoClass}\n                    alt={this.logoAlt}\n                  />\n                </a>\n              ) : (\n                <img\n                  id={`${rootClass}__logo-image`}\n                  src={this.currentLogoUrl}\n                  className={this.logoClass}\n                  alt={this.logoAlt}\n                />\n              )}\n              {this.hasTagline && (\n                <img\n                  id={`${rootClass}__tagline-image`}\n                  src={this.currentTaglineUrl}\n                  className={this.taglineClass}\n                  alt={this.taglineAlt}\n                />\n              )}\n            </div>\n          )}\n          {this.isContactContainerVisible && (\n            <div className={`${rootClass}__contact`}>\n              {this.contactNumbersArray.length > 0 && (\n                <div className={`${rootClass}__numbers`}>\n                  <div className={`${rootClass}__icon-container`}>\n                    <UI5Icon\n                      class={`${rootClass}__icon`}\n                      name={headset}\n                      mode={IconMode.Decorative}\n                    ></UI5Icon>\n                  </div>\n                  <div>\n                    <div className={`${rootClass}__numbers-wrapper`}>\n                      {this.contactNumbersArray.map((contact, index) => (\n                        <div key={index}>\n                          <span\n                            className=\"hidden\"\n                            aria-hidden\n                            id={`${rootClass}__${index}_phone-label`}>\n                            {`${this.phoneNumberAccessibleName} ${contact.country} : ${contact.number}`}\n                          </span>\n                          <p className={`${rootClass}__country`}>{contact.country}</p>\n                          <a\n                            href={`tel:${contact.number}`}\n                            className={`${rootClass}__number`}\n                            onClick={this._onContactPhoneClick}\n                            aria-labelledby={`${rootClass}__${index}_phone-label`}>\n                            {contact.number}\n                          </a>\n                        </div>\n                      ))}\n                    </div>\n                    {this.localCountryNumbersLink && (\n                      <p className={`${rootClass}__remark`}>\n                        {this.completeListTitle}\n                        <UDExLink\n                          class={`${rootClass}__remark-link`}\n                          onClick={this._onContactPhoneLocalNumbersClick}\n                          href={this.localCountryNumbersLink}\n                          design={UI5LinkDesign.Subtle}>\n                          {this.localCountryTitle}.\n                        </UDExLink>\n                      </p>\n                    )}\n                  </div>\n                </div>\n              )}\n              {this.contactUsLink && (\n                <div className={`${rootClass}__contact-us`}>\n                  <div className={`${rootClass}__icon-container`}>\n                    <UI5Icon\n                      class={`${rootClass}__icon`}\n                      name={email}\n                      mode={IconMode.Decorative}>\n                    </UI5Icon>\n                  </div>\n                  <span\n                    className=\"hidden\"\n                    aria-hidden\n                    id={`${rootClass}__contact-us-label`}>\n                    {this.contactUsAccessibleLabel}\n                  </span>\n                  <a\n                    href={this.contactUsLink}\n                    className={`${rootClass}__contact-us-link`}\n                    aria-labelledby={`${rootClass}__contact-us-label`}\n                    onClick={this._onContactEmailClick}>\n                    {this.contactUsAccessibleName}\n                  </a>\n                </div>\n              )}\n              {this.chatWithUsLink && (\n                <div className={`${rootClass}__chat-with-us`}>\n                  <div className={`${rootClass}__icon-container`}>\n                    <UI5Icon\n                      class={`${rootClass}__icon`}\n                      name={discussion}\n                      mode={IconMode.Decorative}>\n                    </UI5Icon>\n                  </div>\n                  <a\n                    href={this.chatWithUsLink}\n                    className={`${rootClass}__chat-with-us-link`}\n                    onClick={this._onContactChatClick}>\n                    {this.chatWithUsAccessibleName}\n                  </a>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        <UDExDivider class={`${rootClass}__divider`} accessibleRole=\"none\"></UDExDivider>\n\n        {this._shouldRenderMobileMenu ? (\n          mobileNavigation.call(this, rootClass)\n        ) : (\n          desktopNavigation.call(this, rootClass)\n        )}\n\n        <UDExDivider class={`${rootClass}__divider`} accessibleRole=\"none\"></UDExDivider>\n\n        <div className={`${rootClass}__copyright`}>\n          {this.isChineseLang && (\n            <span className={`${rootClass}__copyright-chinese-text`}>\n              <UDExLink\n                href={this.chineseIcpNumberLink}\n                title={this.chineseICPNumberText}\n                design=\"Subtle\"\n                class={`${rootClass}__copyright-chinese-link`}\n                target=\"_blank\"\n              >\n                {this.chineseICPNumberText}\n              </UDExLink>\n              {this.chineseSecurityNetworkNumberText}\n            </span>\n          )}\n          <span className={`${rootClass}__copyright-text`}>{this.copyrightText}</span>\n        </div>\n\n        {(this.socialLinksArray.length > 0 || this.hasSocialLinksSlot) && (\n          <ul className={`${rootClass}__social-container`}>\n            {this.socialLinksArray.map((social, index) => (\n              <UDExSocialMediaButton\n                {...{ role: \"listitem\" }}\n                key={index}\n                type={social.name}\n                url={social.url}\n                target={social.target}\n                accessible-name={social.accessibleName}\n                data-name={social.name}\n                data-id={social.id}\n                onui5-click={this._onSocialMediaLinkClick}>\n              </UDExSocialMediaButton>\n            ))}\n            {this.hasSocialLinksSlot && (\n              <>\n                {this.customSocialLinks.map(link =>\n                  <slot name={link._individualSlot}></slot>\n                )}\n              </>\n            )}\n          </ul>\n        )}\n      </div>\n\n      <UDExButton\n        class={`${rootClass}__back-to-top-button`}\n        icon={backToTop}\n        onClick={this.onBackToTopClick}\n        design={UDExButtonDesign.Tertiary}\n        size={UDExButtonSize.Large}\n        tooltip={this.backToTopTitle}>\n      </UDExButton>\n    </footer>\n  );\n}\n\nfunction mobileNavigation(this: Footer, rootClass: string) {\n  return (\n    <UDExAccordion class={`${rootClass}__accordion`}>\n      {this.quickLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._quickLinksTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list udex-footer__links-list--mobile`}>\n              {this.quickLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onQuickLinksClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__quick-links`}>\n              {this._quickLinksTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.trendingLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._trendingTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list ${rootClass}__links-list--mobile`}>\n              {this.trendingLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onTrendingClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__trending`}>\n              {this._trendingTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.aboutLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._aboutSapTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list ${rootClass}__links-list--mobile`}>\n              {this.aboutLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onAboutSapClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__about`}>\n              {this._aboutSapTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.siteInformationLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._siteInformationTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list rootClass__links-list--mobile`}>\n              {this.siteInformationLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onSiteInformationClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__site-information`}>\n              {this._siteInformationTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n    </UDExAccordion>\n  );\n}\n\nfunction desktopNavigation(this: Footer, rootClass: string) {\n  return (\n    <div className={`${rootClass}__links`}>\n      {this.quickLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__quick-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__quick-links`}>\n            {this._quickLinksTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__quick-links`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.quickLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onQuickLinksClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n      {this.trendingLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__trending-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__trending`}>\n            {this._trendingTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__trending`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.trendingLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onTrendingClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n      {this.aboutLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__about-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__about`}>\n            {this._aboutSapTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__about`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.aboutLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onAboutSapClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n      {this.siteInformationLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__site-information-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__site-information`}>\n            {this._siteInformationTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__site-information`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.siteInformationLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onSiteInformationClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"FooterTemplate.js","sourceRoot":"","sources":["../src/FooterTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import IconMode from \"@ui5/webcomponents/dist/types/IconMode.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UI5LinkDesign from \"@ui5/webcomponents/dist/types/LinkDesign.js\";\n\nimport headset from \"@ui5/webcomponents-icons/dist/headset.js\";\nimport email from \"@ui5/webcomponents-icons/dist/email.js\";\nimport backToTop from \"@ui5/webcomponents-icons/dist/back-to-top.js\";\nimport discussion from \"@ui5/webcomponents-icons/dist/discussion-2.js\";\nimport da from \"@ui5/webcomponents-icons/dist/da.js\";\n\nimport type Footer from \"./Footer.js\";\nimport UDExLink from \"./Link.js\";\nimport UDExDivider from \"./Divider.js\";\nimport UDExSocialMediaButton from \"./SocialMediaButton.js\";\nimport UDExAccordion from \"./Accordion.js\";\nimport UDExAccordionItem from \"./AccordionItem.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExFooterAskJoulePosition from \"./types/FooterAskJoulePosition.js\";\nimport type { AriaRole } from \"@ui5/webcomponents-base\";\n\nexport default function FooterTemplate(this: Footer) {\n  const rootClass = \"udex-footer\";\n\n  return (\n    <footer className={rootClass}>\n      <div className={`${rootClass}__content`}>\n        <div className={`${rootClass}__contact-social`}>\n          {this.hasLogo && (\n            <div className={`${rootClass}__logo`}>\n              {this.hasLogoLink ? (\n                <a\n                  href={this.logoHref}\n                  onClick={this._onLogoClick}\n                  title={this.logoTitle}\n                  aria-label={this.logoAriaLabel}>\n                  <img\n                    id={`${rootClass}__logo-image`}\n                    src={this.currentLogoUrl}\n                    className={this.logoClass}\n                    alt={this.logoAlt}\n                  />\n                </a>\n              ) : (\n                <img\n                  id={`${rootClass}__logo-image`}\n                  src={this.currentLogoUrl}\n                  className={this.logoClass}\n                  alt={this.logoAlt}\n                />\n              )}\n              {this.hasTagline && (\n                <img\n                  id={`${rootClass}__tagline-image`}\n                  src={this.currentTaglineUrl}\n                  className={this.taglineClass}\n                  alt={this.taglineAlt}\n                />\n              )}\n            </div>\n          )}\n          {this.isContactContainerVisible && (\n            <div className={`${rootClass}__contact`}>\n              {this.askJouleLink && this.askJoulePosition === UDExFooterAskJoulePosition.Start && askJouleBlock.call(this, rootClass)}\n              {this.contactNumbersArray.length > 0 && (\n                <div className={`${rootClass}__numbers`}>\n                  <div className={`${rootClass}__icon-container`}>\n                    <UI5Icon\n                      class={`${rootClass}__icon`}\n                      name={headset}\n                      mode={IconMode.Decorative}\n                    ></UI5Icon>\n                  </div>\n                  <div>\n                    <div className={`${rootClass}__numbers-wrapper`}>\n                      {this.contactNumbersArray.map((contact, index) => (\n                        <div key={index}>\n                          <span\n                            className=\"hidden\"\n                            aria-hidden\n                            id={`${rootClass}__${index}_phone-label`}>\n                            {`${this.phoneNumberAccessibleName} ${contact.country} : ${contact.number}`}\n                          </span>\n                          <p className={`${rootClass}__country`}>{contact.country}</p>\n                          <a\n                            href={`tel:${contact.number}`}\n                            className={`${rootClass}__number`}\n                            onClick={this._onContactPhoneClick}\n                            aria-labelledby={`${rootClass}__${index}_phone-label`}>\n                            {contact.number}\n                          </a>\n                        </div>\n                      ))}\n                    </div>\n                    {this.localCountryNumbersLink && (\n                      <p className={`${rootClass}__remark`}>\n                        {this.completeListTitle}\n                        <UDExLink\n                          class={`${rootClass}__remark-link`}\n                          onClick={this._onContactPhoneLocalNumbersClick}\n                          href={this.localCountryNumbersLink}\n                          design={UI5LinkDesign.Subtle}>\n                          {this.localCountryTitle}.\n                        </UDExLink>\n                      </p>\n                    )}\n                  </div>\n                </div>\n              )}\n              {this.contactUsLink && (\n                <div className={`${rootClass}__contact-us`}>\n                  <div className={`${rootClass}__icon-container`}>\n                    <UI5Icon\n                      class={`${rootClass}__icon`}\n                      name={email}\n                      mode={IconMode.Decorative}>\n                    </UI5Icon>\n                  </div>\n                  <span\n                    className=\"hidden\"\n                    aria-hidden\n                    id={`${rootClass}__contact-us-label`}>\n                    {this.contactUsAccessibleLabel}\n                  </span>\n                  <a\n                    href={this.contactUsLink}\n                    className={`${rootClass}__contact-us-link`}\n                    aria-labelledby={`${rootClass}__contact-us-label`}\n                    onClick={this._onContactEmailClick}>\n                    {this.contactUsAccessibleName}\n                  </a>\n                </div>\n              )}\n              {this.chatWithUsLink && (\n                <div className={`${rootClass}__chat-with-us`}>\n                  <div className={`${rootClass}__icon-container`}>\n                    <UI5Icon\n                      class={`${rootClass}__icon`}\n                      name={discussion}\n                      mode={IconMode.Decorative}>\n                    </UI5Icon>\n                  </div>\n                  <a\n                    href={this.chatWithUsLink}\n                    className={`${rootClass}__chat-with-us-link`}\n                    onClick={this._onContactChatClick}>\n                    {this.chatWithUsAccessibleName}\n                  </a>\n                </div>\n              )}\n              {this.askJouleLink && this.askJoulePosition === UDExFooterAskJoulePosition.End && askJouleBlock.call(this, rootClass)}\n            </div>\n          )}\n        </div>\n\n        <UDExDivider class={`${rootClass}__divider`} accessibleRole=\"none\"></UDExDivider>\n\n        {this._shouldRenderMobileMenu ? (\n          mobileNavigation.call(this, rootClass)\n        ) : (\n          desktopNavigation.call(this, rootClass)\n        )}\n\n        <UDExDivider class={`${rootClass}__divider`} accessibleRole=\"none\"></UDExDivider>\n\n        <div className={`${rootClass}__copyright`}>\n          {this.isChineseLang && (\n            <span className={`${rootClass}__copyright-chinese-text`}>\n              <UDExLink\n                href={this.chineseIcpNumberLink}\n                title={this.chineseICPNumberText}\n                design=\"Subtle\"\n                class={`${rootClass}__copyright-chinese-link`}\n                target=\"_blank\"\n              >\n                {this.chineseICPNumberText}\n              </UDExLink>\n              {this.chineseSecurityNetworkNumberText}\n            </span>\n          )}\n          <span className={`${rootClass}__copyright-text`}>{this.copyrightText}</span>\n        </div>\n\n        {(this.socialLinksArray.length > 0 || this.hasSocialLinksSlot) && (\n          <ul className={`${rootClass}__social-container`}>\n            {this.socialLinksArray.map((social, index) => (\n              <UDExSocialMediaButton\n                {...{ role: \"listitem\" }}\n                key={index}\n                type={social.name}\n                url={social.url}\n                target={social.target}\n                accessible-name={social.accessibleName}\n                data-name={social.name}\n                data-id={social.id}\n                onui5-click={this._onSocialMediaLinkClick}>\n              </UDExSocialMediaButton>\n            ))}\n            {this.hasSocialLinksSlot && (\n              <>\n                {this.customSocialLinks.map(link =>\n                  <slot name={link._individualSlot}></slot>\n                )}\n              </>\n            )}\n          </ul>\n        )}\n      </div>\n\n      <UDExButton\n        class={`${rootClass}__back-to-top-button`}\n        icon={backToTop}\n        onClick={this.onBackToTopClick}\n        design={UDExButtonDesign.Tertiary}\n        size={UDExButtonSize.Large}\n        tooltip={this.backToTopTitle}>\n      </UDExButton>\n    </footer>\n  );\n}\n\nfunction mobileNavigation(this: Footer, rootClass: string) {\n  return (\n    <UDExAccordion class={`${rootClass}__accordion`}>\n      {this.quickLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._quickLinksTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list udex-footer__links-list--mobile`}>\n              {this.quickLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onQuickLinksClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__quick-links`}>\n              {this._quickLinksTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.trendingLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._trendingTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list ${rootClass}__links-list--mobile`}>\n              {this.trendingLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onTrendingClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__trending`}>\n              {this._trendingTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.aboutLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._aboutSapTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list ${rootClass}__links-list--mobile`}>\n              {this.aboutLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onAboutSapClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__about`}>\n              {this._aboutSapTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.siteInformationLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._siteInformationTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list rootClass__links-list--mobile`}>\n              {this.siteInformationLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onSiteInformationClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__site-information`}>\n              {this._siteInformationTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n    </UDExAccordion>\n  );\n}\n\nfunction desktopNavigation(this: Footer, rootClass: string) {\n  return (\n    <div className={`${rootClass}__links`}>\n      {this.quickLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__quick-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__quick-links`}>\n            {this._quickLinksTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__quick-links`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.quickLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onQuickLinksClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    <span className=\"udex-footer__nav-link-text\">{link.title}</span>\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n      {this.trendingLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__trending-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__trending`}>\n            {this._trendingTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__trending`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.trendingLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onTrendingClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    <span className=\"udex-footer__nav-link-text\">{link.title}</span>\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n      {this.aboutLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__about-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__about`}>\n            {this._aboutSapTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__about`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.aboutLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onAboutSapClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    <span className=\"udex-footer__nav-link-text\">{link.title}</span>\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n      {this.siteInformationLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__site-information-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__site-information`}>\n            {this._siteInformationTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__site-information`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.siteInformationLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onSiteInformationClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    <span className=\"udex-footer__nav-link-text\">{link.title}</span>\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction askJouleBlock(this: Footer, rootClass: string) {\n  return (\n    <div className={`${rootClass}__ask-joule`}>\n      <div className={`${rootClass}__icon-container`}>\n        <UI5Icon\n          class={`${rootClass}__icon`}\n          name={da}\n          mode={IconMode.Decorative}>\n        </UI5Icon>\n      </div>\n      <a\n        href={this.askJouleLink}\n        className={`${rootClass}__ask-joule-link`}\n        onClick={this._onAskJouleClick}>\n        {this.askJouleAccessibleName}\n      </a>\n    </div>\n  );\n}\n"]}

package/dist/List.js

@@ -10,18 +10,18 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import { isUp, isDown, isHome, isEnd, isRight, isLeft, } from "@ui5/webcomponents-base/dist/Keys.js";
 import { UDExListStyleType, UDExListMode } from "./types/List.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { ARIA_LABEL_LIST_MULTISELECTABLE, ARIA_LABEL_LIST_SELECTABLE } from "./generated/i18n/i18n-defaults.js";
-import ListTemplate from "./generated/templates/ListTemplate.lit.js";
 import translate from "./utils/translate.js";
-// Styles
-import ListCss from "./generated/themes/List.css.js";
 import isLetterKey from "./utils/isLetterKeyPressed.js";
 import UDExFirstLetterFocusHandler from "./utils/ListWithFirstLetterFocus.js";
 import getEffectiveScrollbarStyle from "./utils/getEffectiveScrollbarStyle.js";
+import ListTemplate from "./ListTemplate.js";
+// Styles
+import ListCss from "./generated/themes/List.css.js";
 /**
  * @class
  *
@@ -490,11 +490,11 @@ __decorate([
 ], UDExList, "i18nBundle", void 0);
 UDExList = UDExList_1 = __decorate([
     customElement({
+        languageAware: true,
         tag: "udex-list",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [ListCss, getEffectiveScrollbarStyle()],
         template: ListTemplate,
-        dependencies: [],
     })
     /**
        * Fired when selection is changed by user interaction