@sapudex/web-components 0.147.0 → 0.173.0

package/dist/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../src/Footer.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport ResizeHandler, { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\n\nimport \"@ui5/webcomponents-icons/dist/headset.js\";\nimport \"@ui5/webcomponents-icons/dist/email.js\";\nimport \"@ui5/webcomponents-icons/dist/back-to-top.js\";\nimport \"@ui5/webcomponents-icons/dist/discussion-2.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\n\n// Template\nimport FooterTemplate from \"./generated/templates/FooterTemplate.lit.js\";\n\n// Styles\nimport FooterCss from \"./generated/themes/Footer.css\";\nimport UDExAccordionItem from \"./AccordionItem.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  SOCIAL_LINK_ICON,\n  TRENDING,\n} from \"./generated/i18n/i18n-defaults.js\";\n\nconst BreakpointSizeS: number = 979;\n\nexport enum Target {\n  _blank = \"_blank\",\n  _parent = \"_parent\",\n  _self = \"_self\",\n  _top = \"_top\",\n}\n\nexport type FooterLink = {\n  title: string;\n  url: string;\n  target: Target;\n};\n\nexport type FooterSocialLink = {\n  url: string;\n  iconUrl: string;\n  target: Target;\n};\n\nexport type FooterContactNumber = {\n  number: string;\n  country: string;\n};\n\nexport type FooterDetailedClickEvent = {\n  originalEvent: PointerEvent,\n  name: string;\n  id?: string;\n  sourceNode: HTMLElement;\n}\n\nexport type FooterBaseEventEvent = {\n  originalEvent: PointerEvent,\n}\n\nexport const FooterBaseEvent = {\n  detail: {\n    originalEvent: { type: PointerEvent },\n  },\n};\n\nexport const FooterDetailedEvent = {\n  detail: {\n    originalEvent: { type: PointerEvent },\n    name: { type: String },\n    id: { type: String },\n    sourceNode: { type: HTMLElement },\n  },\n};\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-footer</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/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  tag: \"udex-footer\",\n  renderer: litRender,\n  styles: [FooterCss],\n  template: FooterTemplate,\n  dependencies: [UDExAccordionItem],\n})\n/**\n * Triggered on click interaction with logo in footer\n * @public\n * @allowPreventDefault\n */\n@event<FooterBaseEventEvent>(\"logo-click\", FooterBaseEvent)\n/**\n * Triggered on click interaction with \"Back to Top\" button\n * @public\n * @allowPreventDefault\n */\n@event<FooterBaseEventEvent>(\"back-to-top-click\", FooterBaseEvent)\n\n/**\n * Triggered on click interaction with phone number link in footer\n * @public\n * @allowPreventDefault\n */\n@event<FooterBaseEventEvent>(\"contact-phone-click\", FooterBaseEvent)\n/**\n * Triggered on click interaction with local country numbers list link\n * @public\n * @allowPreventDefault\n */\n@event<FooterBaseEventEvent>(\"contact-phone-local-numbers-click\", FooterBaseEvent)\n/**\n * Triggered on click interaction with \"Contact us by email\" link\n * @public\n * @allowPreventDefault\n */\n@event<FooterBaseEventEvent>(\"contact-email-click\", FooterBaseEvent)\n/**\n * Triggered on click interaction with \"Contact us by chat\" link\n * @public\n * @allowPreventDefault\n */\n@event<FooterBaseEventEvent>(\"contact-chat-click\", FooterBaseEvent)\n\n/**\n * Triggered on click interaction with a link within \"Quick Links\" category\n * @public\n * @allowPreventDefault\n */\n@event<FooterDetailedClickEvent>(\"quick-links-click\", FooterDetailedEvent)\n/**\n * Triggered on click interaction with a link within \"Trending\" category\n * @public\n * @allowPreventDefault\n */\n@event<FooterDetailedClickEvent>(\"trending-click\", FooterDetailedEvent)\n/**\n * Triggered on click interaction with a link within \"About SAP\" category\n * @public\n * @allowPreventDefault\n */\n@event<FooterDetailedClickEvent>(\"about-sap-click\", FooterDetailedEvent)\n/**\n * Triggered on click interaction with a link within \"Site Information\" category\n * @public\n * @allowPreventDefault\n */\n@event<FooterDetailedClickEvent>(\"site-information-click\", FooterDetailedEvent)\n\n/**\n * Triggered on click interaction with any of the social media links within footer\n * @public\n * @allowPreventDefault\n */\n@event<FooterDetailedClickEvent>(\"social-media-link-click\", FooterDetailedEvent)\n\nclass UDExFooter extends UI5Element {\n  /**\n   * Defines the Logo default title\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    logoTitle!: string;\n\n  /**\n   * Defines the Logo URL\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\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, defaultValue: \"\" })\n    logoLink?: string;\n\n  /**\n   * List of the Quick links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    quickLinks!: string;\n\n  /**\n   * List of the Trending links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    trendingLinks!: string;\n\n  /**\n   * List of the About SAP links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    aboutLinks!: string;\n\n  /**\n   * List of the Site Information links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    siteInformationLinks!: string;\n\n  /**\n   * List of the contact numbers\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    contactNumbersList!: string;\n\n  /**\n   * Defines the local country numbers link's href\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    localCountryNumbersLink!: string;\n\n  /**\n   * Defines the Contact us link's href\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    contactUsLink!: string;\n\n  /**\n   * Defines the Chat with us link's href\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    chatWithUsLink!: string;\n\n  /**\n   * List of the Social links and their icons\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    socialLinks!: string;\n\n  /**\n   * Alt for Logo\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    logoAlt!: string;\n\n  /**\n   * Defines an aria label for the logo link\n   *\n   * @public\n   */\n  @property({ type: String })\n    logoAriaLabel!: 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  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExFooter.i18nBundle = await getI18nBundle(\"@udex/web-components\");\n  }\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.fireEvent(\"back-to-top-click\", { originalEvent: e }, true);\n\n    window.scrollTo(0, 0);\n  }\n\n  parseArrayFromString<T>(string: string): T[] {\n    return string ? JSON.parse(string) as T[] : [];\n  }\n\n  get parsedRef(): string | undefined {\n    return (this.logoLink && this.logoLink.length > 0) ? this.logoLink : undefined;\n  }\n\n  get quickLinksArray(): FooterLink[] {\n    return this.parseArrayFromString<FooterLink>(this.quickLinks);\n  }\n\n  get trendingLinksArray(): FooterLink[] {\n    return this.parseArrayFromString<FooterLink>(this.trendingLinks);\n  }\n\n  get aboutLinksArray(): FooterLink[] {\n    return this.parseArrayFromString<FooterLink>(this.aboutLinks);\n  }\n\n  get siteInformationLinksArray(): FooterLink[] {\n    return this.parseArrayFromString<FooterLink>(this.siteInformationLinks);\n  }\n\n  get contactNumbersArray(): FooterContactNumber[] {\n    return this.parseArrayFromString<FooterContactNumber>(this.contactNumbersList);\n  }\n\n  get socialLinksArray(): FooterSocialLink[] {\n    return this.parseArrayFromString<FooterSocialLink>(this.socialLinks);\n  }\n\n  get isContactContainerVisible(): boolean {\n    return !!this.contactNumbersArray.length || !!this.contactUsLink || !!this.chatWithUsLink;\n  }\n\n  get socialIconAccessibleName() {\n    return ` ${UDExFooter.i18nBundle.getText(SOCIAL_LINK_ICON)}`;\n  }\n\n  get phoneNumberAccessibleName() {\n    return `${UDExFooter.i18nBundle.getText(PHONE_NUMBER)} `;\n  }\n\n  get contactUsAccessibleName() {\n    return UDExFooter.i18nBundle.getText(CONTACT_US);\n  }\n\n  get contactUsAccessibleLabel() {\n    if (this.contactUsLink.includes(\"mailto:\")) {\n      return `${this.contactUsAccessibleName} ${UDExFooter.i18nBundle.getText(EMAIL)}`;\n    }\n    return `${this.contactUsAccessibleName}`;\n  }\n\n  get chatWithUsAccessibleName() {\n    return UDExFooter.i18nBundle.getText(CHAT_WITH_US);\n  }\n\n  get quickLinksTitle() {\n    return UDExFooter.i18nBundle.getText(QUICK_LINKS);\n  }\n\n  get trendingTitle() {\n    return UDExFooter.i18nBundle.getText(TRENDING);\n  }\n\n  get aboutSapTitle() {\n    return UDExFooter.i18nBundle.getText(ABOUT_SAP);\n  }\n\n  get siteInformationTitle() {\n    return UDExFooter.i18nBundle.getText(SITE_INFORMATION);\n  }\n\n  get completeListTitle() {\n    return `${UDExFooter.i18nBundle.getText(SEE_COMPLETE_LIST)} `;\n  }\n\n  get localCountryTitle() {\n    return UDExFooter.i18nBundle.getText(LOCAL_COUNTRY_NAMES);\n  }\n\n  get isMobile(): boolean {\n    return window.innerWidth <= BreakpointSizeS;\n  }\n\n  _onLogoClick(e: Event): void {\n    this.fireFooterBaseEvent(e, \"logo-click\");\n  }\n\n  _onContactPhoneClick(e: Event): 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: Event): void {\n    this.fireFooterBaseEvent(e, \"contact-email-click\");\n  }\n  _onContactChatClick(e: Event): void {\n    this.fireFooterBaseEvent(e, \"contact-chat-click\");\n  }\n\n  _onQuickLinksClick(e: Event): void {\n    this.fireFooterDetailedClickEvent(e, \"quick-links-click\");\n  }\n\n  _onTrendingClick(e: Event): void {\n    this.fireFooterDetailedClickEvent(e, \"trending-click\");\n  }\n\n  _onAboutSapClick(e: Event): void {\n    this.fireFooterDetailedClickEvent(e, \"about-sap-click\");\n  }\n\n  _onSiteInformationClick(e: Event): void {\n    this.fireFooterDetailedClickEvent(e, \"site-information-click\");\n  }\n\n  _onSocialMediaLinkClick(e: Event): void {\n    this.fireFooterDetailedClickEvent(e, \"social-media-link-click\");\n  }\n\n  fireFooterBaseEvent(e: Event, eventName: string): void {\n    this.fireEvent(eventName, { originalEvent: e }, true);\n  }\n\n  fireFooterDetailedClickEvent(e: Event, eventName: string): void {\n    const sourceNode = e.composedPath()[0] as HTMLElement;\n    const { innerText, dataset: { id, name } } = sourceNode;\n\n    this.fireEvent(eventName, {\n      ...(!!id?.length && { id }),\n      name: innerText.length ? innerText : name,\n      originalEvent: e,\n      sourceNode,\n    }, true);\n  }\n}\n\nUDExFooter.define();\n\nexport default UDExFooter;\n"]}
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../src/Footer.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport ResizeHandler, { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\n\nimport \"@ui5/webcomponents-icons/dist/headset.js\";\nimport \"@ui5/webcomponents-icons/dist/email.js\";\nimport \"@ui5/webcomponents-icons/dist/back-to-top.js\";\nimport \"@ui5/webcomponents-icons/dist/discussion-2.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getLanguage } from \"@ui5/webcomponents-base/dist/config/Language.js\";\n\n// Template\nimport FooterTemplate from \"./generated/templates/FooterTemplate.lit.js\";\n\n// Styles\nimport FooterCss from \"./generated/themes/Footer.css\";\nimport UDExAccordionItem from \"./AccordionItem.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  SOCIAL_LINK_ICON,\n  TRENDING,\n  COPYRIGHT,\n  PUBLIC_SECURITY_NETWORK_NUMBER,\n  ICP_NUMBER,\n} from \"./generated/i18n/i18n-defaults.js\";\n\nconst BreakpointSizeS: number = 979;\nexport const chineseICPDefaultLink = \"https://beian.miit.gov.cn/\";\n\nexport enum Target {\n  _blank = \"_blank\",\n  _parent = \"_parent\",\n  _self = \"_self\",\n  _top = \"_top\",\n}\n\nexport type FooterLink = {\n  title: string;\n  url: string;\n  target: Target;\n};\n\nexport type FooterSocialLink = {\n  url: string;\n  iconUrl: string;\n  target: Target;\n};\n\nexport type FooterContactNumber = {\n  number: string;\n  country: string;\n};\n\nexport type FooterDetailedClickEvent = {\n  originalEvent: Event,\n  name: string;\n  id?: string;\n  sourceNode: HTMLElement;\n}\n\nexport type FooterBaseEventEvent = {\n  originalEvent: Event,\n}\n\nexport const FooterBaseEvent = {\n  detail: {\n    originalEvent: { type: Event },\n  },\n};\n\nexport const FooterDetailedEvent = {\n  detail: {\n    originalEvent: { type: Event },\n    name: { type: String },\n    id: { type: String },\n    sourceNode: { type: HTMLElement },\n  },\n};\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-footer</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/Footer.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-footer\n * @public\n */\n@customElement({\n  languageAware: true,\n  tag: \"udex-footer\",\n  renderer: litRender,\n  styles: [FooterCss],\n  template: FooterTemplate,\n  dependencies: [UDExAccordionItem],\n})\n/**\n * Triggered on click interaction with logo in footer\n * @public\n * @allowPreventDefault\n */\n@event<FooterBaseEventEvent>(\"logo-click\", FooterBaseEvent)\n/**\n * Triggered on click interaction with \"Back to Top\" button\n * @public\n * @allowPreventDefault\n */\n@event<FooterBaseEventEvent>(\"back-to-top-click\", FooterBaseEvent)\n/**\n * Triggered on click interaction with phone number link in footer\n * @public\n * @allowPreventDefault\n */\n@event<FooterBaseEventEvent>(\"contact-phone-click\", FooterBaseEvent)\n/**\n * Triggered on click interaction with local country numbers list link\n * @public\n * @allowPreventDefault\n */\n@event<FooterBaseEventEvent>(\"contact-phone-local-numbers-click\", FooterBaseEvent)\n/**\n * Triggered on click interaction with \"Contact us by email\" link\n * @public\n * @allowPreventDefault\n */\n@event<FooterBaseEventEvent>(\"contact-email-click\", FooterBaseEvent)\n/**\n * Triggered on click interaction with \"Contact us by chat\" link\n * @public\n * @allowPreventDefault\n */\n@event<FooterBaseEventEvent>(\"contact-chat-click\", FooterBaseEvent)\n/**\n * Triggered on click interaction with a link within \"Quick Links\" category\n * @public\n * @allowPreventDefault\n */\n@event<FooterDetailedClickEvent>(\"quick-links-click\", FooterDetailedEvent)\n/**\n * Triggered on click interaction with a link within \"Trending\" category\n * @public\n * @allowPreventDefault\n */\n@event<FooterDetailedClickEvent>(\"trending-click\", FooterDetailedEvent)\n/**\n * Triggered on click interaction with a link within \"About SAP\" category\n * @public\n * @allowPreventDefault\n */\n@event<FooterDetailedClickEvent>(\"about-sap-click\", FooterDetailedEvent)\n/**\n * Triggered on click interaction with a link within \"Site Information\" category\n * @public\n * @allowPreventDefault\n */\n@event<FooterDetailedClickEvent>(\"site-information-click\", FooterDetailedEvent)\n/**\n * Triggered on click interaction with any of the social media links within footer\n * @public\n * @allowPreventDefault\n */\n@event<FooterDetailedClickEvent>(\"social-media-link-click\", FooterDetailedEvent)\n\nclass UDExFooter extends UI5Element {\n  /**\n   * Defines the Logo default title\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    logoTitle!: string;\n\n  /**\n   * Defines the Logo URL\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\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, defaultValue: \"\" })\n    logoLink?: string;\n\n  /**\n   * List of the Quick links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    quickLinks!: string;\n\n  /**\n   * List of the Trending links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    trendingLinks!: string;\n\n  /**\n   * List of the About SAP links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    aboutLinks!: string;\n\n  /**\n   * List of the Site Information links\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    siteInformationLinks!: string;\n\n  /**\n   * List of the contact numbers\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    contactNumbersList!: string;\n\n  /**\n   * Defines the local country numbers link's href\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    localCountryNumbersLink!: string;\n\n  /**\n   * Defines the Contact us link's href\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    contactUsLink!: string;\n\n  /**\n   * Defines the Chat with us link's href\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    chatWithUsLink!: string;\n\n  /**\n   * List of the Social links and their icons\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    socialLinks!: string;\n\n  /**\n   * Alt for Logo\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    logoAlt!: string;\n\n  /**\n   * Defines an aria label for the logo link\n   *\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, defaultValue: chineseICPDefaultLink })\n    chineseIcpNumberLink!: 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  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExFooter.i18nBundle = await getI18nBundle(\"@udex/web-components\");\n  }\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.fireEvent(\"back-to-top-click\", { originalEvent: e }, true);\n\n    window.scrollTo(0, 0);\n  }\n\n  parseArrayFromString<T>(string: string): T[] {\n    return string ? JSON.parse(string) as T[] : [];\n  }\n\n  get parsedRef(): string | undefined {\n    return (this.logoLink && this.logoLink.length > 0) ? this.logoLink : undefined;\n  }\n\n  get quickLinksArray(): FooterLink[] {\n    return this.parseArrayFromString<FooterLink>(this.quickLinks);\n  }\n\n  get trendingLinksArray(): FooterLink[] {\n    return this.parseArrayFromString<FooterLink>(this.trendingLinks);\n  }\n\n  get aboutLinksArray(): FooterLink[] {\n    return this.parseArrayFromString<FooterLink>(this.aboutLinks);\n  }\n\n  get siteInformationLinksArray(): FooterLink[] {\n    return this.parseArrayFromString<FooterLink>(this.siteInformationLinks);\n  }\n\n  get contactNumbersArray(): FooterContactNumber[] {\n    return this.parseArrayFromString<FooterContactNumber>(this.contactNumbersList);\n  }\n\n  get socialLinksArray(): FooterSocialLink[] {\n    return this.parseArrayFromString<FooterSocialLink>(this.socialLinks);\n  }\n\n  get isContactContainerVisible(): boolean {\n    return !!this.contactNumbersArray.length || !!this.contactUsLink || !!this.chatWithUsLink;\n  }\n\n  get socialIconAccessibleName(): string {\n    return ` ${UDExFooter.i18nBundle.getText(SOCIAL_LINK_ICON)}`;\n  }\n\n  get phoneNumberAccessibleName(): string {\n    return `${UDExFooter.i18nBundle.getText(PHONE_NUMBER)} `;\n  }\n\n  get contactUsAccessibleName(): string {\n    return UDExFooter.i18nBundle.getText(CONTACT_US);\n  }\n\n  get contactUsAccessibleLabel(): string {\n    if (this.contactUsLink.includes(\"mailto:\")) {\n      return `${this.contactUsAccessibleName} ${UDExFooter.i18nBundle.getText(EMAIL)}`;\n    }\n    return `${this.contactUsAccessibleName}`;\n  }\n\n  get chatWithUsAccessibleName(): string {\n    return UDExFooter.i18nBundle.getText(CHAT_WITH_US);\n  }\n\n  get _quickLinksTitle() {\n    return this.quickLinksTitle || UDExFooter.i18nBundle.getText(QUICK_LINKS);\n  }\n\n  get _trendingTitle() {\n    return this.trendingTitle || UDExFooter.i18nBundle.getText(TRENDING);\n  }\n\n  get _aboutSapTitle() {\n    return this.aboutSapTitle || UDExFooter.i18nBundle.getText(ABOUT_SAP);\n  }\n\n  get _siteInformationTitle() {\n    return this.siteInformationTitle || UDExFooter.i18nBundle.getText(SITE_INFORMATION);\n  }\n\n  get completeListTitle(): string {\n    return `${UDExFooter.i18nBundle.getText(SEE_COMPLETE_LIST)} `;\n  }\n\n  get localCountryTitle(): string {\n    return UDExFooter.i18nBundle.getText(LOCAL_COUNTRY_NAMES);\n  }\n\n  get copyrightText(): string {\n    return UDExFooter.i18nBundle.getText(COPYRIGHT, new Date().getFullYear());\n  }\n\n  get chineseICPNumber(): string {\n    return `${UDExFooter.i18nBundle.getText(ICP_NUMBER)} `;\n  }\n\n  get chineseSecurityNetworkNumber(): string {\n    return UDExFooter.i18nBundle.getText(PUBLIC_SECURITY_NETWORK_NUMBER);\n  }\n\n  get isMobile(): boolean {\n    return window.innerWidth <= BreakpointSizeS;\n  }\n\n  get isChineseLang(): boolean {\n    return getLanguage()?.toLowerCase() === \"zh_cn\";\n  }\n\n  _onLogoClick(e: Event): void {\n    this.fireFooterBaseEvent(e, \"logo-click\");\n  }\n\n  _onContactPhoneClick(e: Event): 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: Event): void {\n    this.fireFooterBaseEvent(e, \"contact-email-click\");\n  }\n  _onContactChatClick(e: Event): void {\n    this.fireFooterBaseEvent(e, \"contact-chat-click\");\n  }\n\n  _onQuickLinksClick(e: Event): void {\n    this.fireFooterDetailedClickEvent(e, \"quick-links-click\");\n  }\n\n  _onTrendingClick(e: Event): void {\n    this.fireFooterDetailedClickEvent(e, \"trending-click\");\n  }\n\n  _onAboutSapClick(e: Event): void {\n    this.fireFooterDetailedClickEvent(e, \"about-sap-click\");\n  }\n\n  _onSiteInformationClick(e: Event): void {\n    this.fireFooterDetailedClickEvent(e, \"site-information-click\");\n  }\n\n  _onSocialMediaLinkClick(e: Event): void {\n    this.fireFooterDetailedClickEvent(e, \"social-media-link-click\");\n  }\n\n  fireFooterBaseEvent(e: Event, eventName: string): void {\n    this.fireEvent(eventName, { originalEvent: e }, true);\n  }\n\n  fireFooterDetailedClickEvent(e: Event, eventName: string): void {\n    const sourceNode = e.composedPath()[0] as HTMLElement;\n    const { innerText, dataset: { id, name } } = sourceNode;\n\n    this.fireEvent(eventName, {\n      ...(!!id?.length && { id }),\n      name: innerText.length ? innerText : name,\n      originalEvent: e,\n      sourceNode,\n    }, true);\n  }\n}\n\nUDExFooter.define();\n\nexport default UDExFooter;\n"]}

package/dist/Link.d.ts

@@ -1,8 +1,5 @@
 import Link from "@ui5/webcomponents/dist/Link.js";
-export declare enum IconPlacement {
-    start = "start",
-    end = "end"
-}
+import IconPlacement from "./types/IconPlacement.js";
 /**
  * @class
  *
@@ -33,7 +30,7 @@ declare class UDExLink extends Link {
      * Used as the label for background image.
      *
      * @public
-     * @default "end"
+     * @default "End"
     */
     iconPlacement?: `${IconPlacement}`;
     get startIcon(): boolean | "" | undefined;

package/dist/Link.js

@@ -12,11 +12,7 @@ import linkCss from "@ui5/webcomponents/dist/generated/themes/Link.css.js";
 import LinkTemplate from "./generated/templates/LinkTemplate.lit.js";
 // Styles
 import LinkCss from "./generated/themes/Link.css.js";
-export var IconPlacement;
-(function (IconPlacement) {
-    IconPlacement["start"] = "start";
-    IconPlacement["end"] = "end";
-})(IconPlacement || (IconPlacement = {}));
+import IconPlacement from "./types/IconPlacement.js";
 /**
  * @class
  *
@@ -38,10 +34,10 @@ export var IconPlacement;
  */
 let UDExLink = class UDExLink extends Link {
     get startIcon() {
-        return this.icon && this.iconPlacement === IconPlacement.start;
+        return this.icon && this.iconPlacement === IconPlacement.Start;
     }
     get endIcon() {
-        return this.icon && this.iconPlacement === IconPlacement.end;
+        return this.icon && this.iconPlacement === IconPlacement.End;
     }
     get linkClass() {
         return this.icon ? "udex-link udex-link--with-icon" : "udex-link";
@@ -51,7 +47,7 @@ __decorate([
     property({ type: String })
 ], UDExLink.prototype, "icon", void 0);
 __decorate([
-    property({ type: IconPlacement, defaultValue: IconPlacement.end })
+    property({ type: IconPlacement, defaultValue: IconPlacement.End })
 ], UDExLink.prototype, "iconPlacement", void 0);
 UDExLink = __decorate([
     customElement({

package/dist/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,OAAO,OAAO,MAAM,sDAAsD,CAAC;AAC3E,OAAO,YAAY,MAAM,2CAA2C,CAAC;AAErE,SAAS;AACT,OAAO,OAAO,MAAM,gCAAgC,CAAC;AAErD,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,gCAAe,CAAA;IACf,4BAAW,CAAA;AACb,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AAQH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,IAAI;IAkBvB,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,KAAK,aAAa,CAAC,KAAK,CAAC;IACjE,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,KAAK,aAAa,CAAC,GAAG,CAAC;IAC/D,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,WAAW,CAAC;IACpE,CAAC;CACJ,CAAA;AAtBK;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACX;AASd;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC;+CAC9B;AAhBnC,QAAQ;IAPb,aAAa,CAAC;QACb,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC1B,QAAQ,EAAE,YAAY;KACvB,CAAC;GAEI,QAAQ,CA6Bb;AAED,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\n\nimport linkCss from \"@ui5/webcomponents/dist/generated/themes/Link.css.js\";\nimport LinkTemplate from \"./generated/templates/LinkTemplate.lit.js\";\n\n// Styles\nimport LinkCss from \"./generated/themes/Link.css.js\";\n\nexport enum IconPlacement {\n  start = \"start\",\n  end = \"end\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-link</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/Link.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends Link\n * @tagname udex-link\n * @public\n */\n@customElement({\n  tag: \"udex-link\",\n  renderer: litRender,\n  styles: [linkCss, LinkCss],\n  template: LinkTemplate,\n})\n\nclass UDExLink extends Link {\n    /**\n     * Used as the label for background image.\n     *\n     * @public\n    */\n    @property({ type: String })\n      icon?: string;\n\n    /**\n     * Used as the label for background image.\n     *\n     * @public\n     * @default \"end\"\n    */\n    @property({ type: IconPlacement, defaultValue: IconPlacement.end })\n      iconPlacement?: `${IconPlacement}`;\n\n    get startIcon() {\n      return this.icon && this.iconPlacement === IconPlacement.start;\n    }\n\n    get endIcon() {\n      return this.icon && this.iconPlacement === IconPlacement.end;\n    }\n\n    get linkClass() {\n      return this.icon ? \"udex-link udex-link--with-icon\" : \"udex-link\";\n    }\n}\n\nUDExLink.define();\n\nexport default UDExLink;\n"]}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,OAAO,OAAO,MAAM,sDAAsD,CAAC;AAC3E,OAAO,YAAY,MAAM,2CAA2C,CAAC;AAErE,SAAS;AACT,OAAO,OAAO,MAAM,gCAAgC,CAAC;AACrD,OAAO,aAAa,MAAM,0BAA0B,CAAC;AAErD;;;;;;;;;;;;;;;;;;GAkBG;AAQH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,IAAI;IAkBvB,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,KAAK,aAAa,CAAC,KAAK,CAAC;IACjE,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,KAAK,aAAa,CAAC,GAAG,CAAC;IAC/D,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,WAAW,CAAC;IACpE,CAAC;CACJ,CAAA;AAtBK;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACX;AASd;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC;+CAC9B;AAhBnC,QAAQ;IAPb,aAAa,CAAC;QACb,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC1B,QAAQ,EAAE,YAAY;KACvB,CAAC;GAEI,QAAQ,CA6Bb;AAED,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\n\nimport linkCss from \"@ui5/webcomponents/dist/generated/themes/Link.css.js\";\nimport LinkTemplate from \"./generated/templates/LinkTemplate.lit.js\";\n\n// Styles\nimport LinkCss from \"./generated/themes/Link.css.js\";\nimport IconPlacement from \"./types/IconPlacement.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-link</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/Link.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends Link\n * @tagname udex-link\n * @public\n */\n@customElement({\n  tag: \"udex-link\",\n  renderer: litRender,\n  styles: [linkCss, LinkCss],\n  template: LinkTemplate,\n})\n\nclass UDExLink extends Link {\n    /**\n     * Used as the label for background image.\n     *\n     * @public\n    */\n    @property({ type: String })\n      icon?: string;\n\n    /**\n     * Used as the label for background image.\n     *\n     * @public\n     * @default \"End\"\n    */\n    @property({ type: IconPlacement, defaultValue: IconPlacement.End })\n      iconPlacement?: `${IconPlacement}`;\n\n    get startIcon() {\n      return this.icon && this.iconPlacement === IconPlacement.Start;\n    }\n\n    get endIcon() {\n      return this.icon && this.iconPlacement === IconPlacement.End;\n    }\n\n    get linkClass() {\n      return this.icon ? \"udex-link udex-link--with-icon\" : \"udex-link\";\n    }\n}\n\nUDExLink.define();\n\nexport default UDExLink;\n"]}

package/dist/List.d.ts

@@ -1,7 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import UDExListItem from "./ListItem.js";
-import { ListStyleType, ListMode } from "./types/List.js";
+import { ListStyleType, ListMode, LetterPressedHandlerObj } from "./types/List.js";
 import UDExListGroupHeader from "./ListGroupHeader.js";
 export type UDExListItemBase = UDExListItem & UDExListGroupHeader;
 /**
@@ -86,7 +86,13 @@ declare class UDExList extends UI5Element {
      */
     items: Array<UDExListItemBase>;
     static i18nBundle: I18nBundle;
+    _pressedKey: string;
+    _pressedCount: number;
+    _lastFoundPosition: number;
+    _focusableListItems: Array<UDExListItemBase>;
+    _letterKeyHandlerObj: LetterPressedHandlerObj;
     static onDefine(): Promise<void>;
+    resetFocusLetterHandlers(): void;
     onBeforeRendering(): void;
     handleItemPress(e: CustomEvent): void;
     handleKeyDown(e: KeyboardEvent): void;
@@ -95,11 +101,20 @@ declare class UDExList extends UI5Element {
     handleDownArrow(e: KeyboardEvent): void;
     handleHomeKey(e: KeyboardEvent): void;
     handleEndKey(e: KeyboardEvent): void;
+    handleLetterKey(e: KeyboardEvent): void;
     onItemPress(clickedItem: UDExListItemBase): void;
     revertSelectedItems(items: Array<UDExListItemBase>): void;
+    focusSelectedItem(): void;
     focusHeader(item: UDExListItemBase): void;
     unsetTabIndexByIndex(items: UDExListItemBase[], index: number): void;
     setTabIndexByIndex(items: UDExListItemBase[], index: number): void;
+    setPressedKey(value: string): void;
+    getPressedKey(): string;
+    setPressedCount(value: number): void;
+    getPressedCount(): number;
+    setLastFoundPosition(value: number): void;
+    getLastFoundPosition(): number;
+    getLetterKeyObjHandler(): LetterPressedHandlerObj;
     getItems(): Array<UDExListItemBase>;
     getSelectedItems(): Array<UDExListItemBase>;
     getCurrentIndex(items: Array<UDExListItemBase>, item: UDExListItemBase): number;

package/dist/List.js

@@ -19,6 +19,8 @@ import { ARIA_LABEL_LIST_MULTISELECTABLE, ARIA_LABEL_LIST_SELECTABLE, } from "./
 import ListTemplate from "./generated/templates/ListTemplate.lit.js";
 // Styles
 import ListCss from "./generated/themes/List.css.js";
+import isLetterKey from "./utils/isLetterKeyPressed.js";
+import listItemLabelStartsWithKeyFocus from "./utils/listItemLabelStartsWithKeyFocus.js";
 /**
  * @class
  *
@@ -42,134 +44,151 @@ let UDExList = UDExList_1 = class UDExList extends UI5Element {
     static async onDefine() {
         UDExList_1.i18nBundle = await getI18nBundle("@udex/web-components");
     }
+    resetFocusLetterHandlers() {
+        this.setPressedCount(0);
+        this.setPressedKey("");
+        this.setLastFoundPosition(0);
+    }
     onBeforeRendering() {
         this.prepareListItemsMode();
+        this.resetFocusLetterHandlers();
+        this._focusableListItems = this.getItemsWithoutHeader();
+        this._letterKeyHandlerObj = this.getLetterKeyObjHandler();
     }
     handleItemPress(e) {
         const clickedItem = e.detail.item;
         this.onItemPress(clickedItem);
     }
     handleKeyDown(e) {
-        this.handleUpArrow(e);
-        this.handleDownArrow(e);
-        this.handleHomeKey(e);
-        this.handleEndKey(e);
-        this.handleEnterOrSpace(e);
-    }
-    handleEnterOrSpace(e) {
+        if (isUp(e)) {
+            this.handleUpArrow(e);
+        }
+        if (isDown(e)) {
+            this.handleDownArrow(e);
+        }
+        if (isHome(e)) {
+            this.handleHomeKey(e);
+        }
+        if (isEnd(e)) {
+            this.handleEndKey(e);
+        }
         if (isEnter(e) || isSpace(e)) {
-            e.preventDefault();
-            const clickedItem = e.target;
-            this.onItemPress(clickedItem);
+            this.handleEnterOrSpace(e);
+        }
+        if (isLetterKey(e.key)) {
+            this.handleLetterKey(e);
         }
     }
+    handleEnterOrSpace(e) {
+        e.preventDefault();
+        const clickedItem = e.target;
+        this.onItemPress(clickedItem);
+    }
     handleUpArrow(e) {
-        if (isUp(e)) {
-            e.preventDefault();
-            const items = this.getKeyboardNavigationItems();
-            const currentSelectedIndex = this.getCurrentIndex(items, e.target);
-            const lastItemIndex = items.length - 1;
-            const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;
-            const isHeaderItem = items[previousSelectIndex].isGroup;
-            const nonInteractiveHeader = items[previousSelectIndex].nonInteractive;
-            if (nonInteractiveHeader && previousSelectIndex === 0) {
-                this.unsetTabIndexByIndex(items, currentSelectedIndex);
-                this.setTabIndexByIndex(items, lastItemIndex);
-                items[lastItemIndex].focus();
-                return;
-            }
-            if (nonInteractiveHeader) {
-                this.unsetTabIndexByIndex(items, currentSelectedIndex);
-                this.setTabIndexByIndex(items, previousSelectIndex - 1);
-                items[previousSelectIndex - 1].focus();
-                return;
-            }
-            if (isHeaderItem) {
-                this.unsetTabIndexByIndex(items, currentSelectedIndex);
-                this.setTabIndexByIndex(items, previousSelectIndex);
-                this.focusHeader(items[previousSelectIndex]);
-                return;
-            }
-            if (this.modeRadioGroup) {
-                items[currentSelectedIndex].selected = false;
-                items[previousSelectIndex].selected = true;
-            }
+        e.preventDefault();
+        const items = this.getKeyboardNavigationItems();
+        const currentSelectedIndex = this.getCurrentIndex(items, e.target);
+        const lastItemIndex = items.length - 1;
+        const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;
+        const isHeaderItem = items[previousSelectIndex].isGroup;
+        const nonInteractiveHeader = items[previousSelectIndex].nonInteractive;
+        if (nonInteractiveHeader && previousSelectIndex === 0) {
+            this.unsetTabIndexByIndex(items, currentSelectedIndex);
+            this.setTabIndexByIndex(items, lastItemIndex);
+            items[lastItemIndex].focus();
+            return;
+        }
+        if (nonInteractiveHeader) {
+            this.unsetTabIndexByIndex(items, currentSelectedIndex);
+            this.setTabIndexByIndex(items, previousSelectIndex - 1);
+            items[previousSelectIndex - 1].focus();
+            return;
+        }
+        if (isHeaderItem) {
             this.unsetTabIndexByIndex(items, currentSelectedIndex);
             this.setTabIndexByIndex(items, previousSelectIndex);
-            items[previousSelectIndex].focus();
+            this.focusHeader(items[previousSelectIndex]);
+            return;
         }
+        if (this.modeRadioGroup) {
+            items[currentSelectedIndex].selected = false;
+            items[previousSelectIndex].selected = true;
+        }
+        this.unsetTabIndexByIndex(items, currentSelectedIndex);
+        this.setTabIndexByIndex(items, previousSelectIndex);
+        items[previousSelectIndex].focus();
     }
     handleDownArrow(e) {
-        if (isDown(e)) {
-            e.preventDefault();
-            const items = this.getKeyboardNavigationItems();
-            const currentSelectedIndex = this.getCurrentIndex(items, e.target);
-            const nextSelectIndex = currentSelectedIndex + 1 > items.length - 1 ? 0 : currentSelectedIndex + 1;
-            const isHeaderItem = items[nextSelectIndex].isGroup;
-            const nonInteractiveHeader = items[nextSelectIndex].nonInteractive;
-            if (nonInteractiveHeader) {
-                this.unsetTabIndexByIndex(items, currentSelectedIndex);
-                this.setTabIndexByIndex(items, nextSelectIndex + 1);
-                items[nextSelectIndex + 1].focus();
-                return;
-            }
-            if (isHeaderItem) {
-                this.unsetTabIndexByIndex(items, currentSelectedIndex);
-                this.setTabIndexByIndex(items, nextSelectIndex);
-                this.focusHeader(items[nextSelectIndex]);
-                return;
-            }
-            if (this.modeRadioGroup) {
-                items[currentSelectedIndex].selected = false;
-                items[nextSelectIndex].selected = true;
-            }
+        e.preventDefault();
+        const items = this.getKeyboardNavigationItems();
+        const currentSelectedIndex = this.getCurrentIndex(items, e.target);
+        const nextSelectIndex = currentSelectedIndex + 1 > items.length - 1 ? 0 : currentSelectedIndex + 1;
+        const isHeaderItem = items[nextSelectIndex].isGroup;
+        const nonInteractiveHeader = items[nextSelectIndex].nonInteractive;
+        if (nonInteractiveHeader) {
+            this.unsetTabIndexByIndex(items, currentSelectedIndex);
+            this.setTabIndexByIndex(items, nextSelectIndex + 1);
+            items[nextSelectIndex + 1].focus();
+            return;
+        }
+        if (isHeaderItem) {
             this.unsetTabIndexByIndex(items, currentSelectedIndex);
             this.setTabIndexByIndex(items, nextSelectIndex);
-            items[nextSelectIndex].focus();
+            this.focusHeader(items[nextSelectIndex]);
+            return;
         }
+        if (this.modeRadioGroup) {
+            items[currentSelectedIndex].selected = false;
+            items[nextSelectIndex].selected = true;
+        }
+        this.unsetTabIndexByIndex(items, currentSelectedIndex);
+        this.setTabIndexByIndex(items, nextSelectIndex);
+        items[nextSelectIndex].focus();
     }
     handleHomeKey(e) {
-        if (isHome(e)) {
-            e.preventDefault();
-            const items = this.getKeyboardNavigationItems();
-            const currentSelectedIndex = this.getCurrentIndex(items, e.target);
-            const firstItem = items[0];
-            const isHeaderItem = firstItem.isGroup;
-            const nonInteractiveItem = firstItem.nonInteractive;
-            if (nonInteractiveItem) {
-                this.unsetTabIndexByIndex(items, currentSelectedIndex);
-                this.setTabIndexByIndex(items, 1);
-                items[1].focus();
-                return;
-            }
-            if (isHeaderItem) {
-                this.unsetTabIndexByIndex(items, currentSelectedIndex);
-                this.setTabIndexByIndex(items, 0);
-                this.focusHeader(items[0]);
-                return;
-            }
-            if (this.modeRadioGroup) {
-                items[currentSelectedIndex].selected = false;
-                items[0].selected = true;
-            }
+        e.preventDefault();
+        const items = this.getKeyboardNavigationItems();
+        const currentSelectedIndex = this.getCurrentIndex(items, e.target);
+        const firstItem = items[0];
+        const isHeaderItem = firstItem.isGroup;
+        const nonInteractiveItem = firstItem.nonInteractive;
+        if (nonInteractiveItem) {
+            this.unsetTabIndexByIndex(items, currentSelectedIndex);
+            this.setTabIndexByIndex(items, 1);
+            items[1].focus();
+            return;
+        }
+        if (isHeaderItem) {
             this.unsetTabIndexByIndex(items, currentSelectedIndex);
             this.setTabIndexByIndex(items, 0);
-            items[0].focus();
+            this.focusHeader(items[0]);
+            return;
+        }
+        if (this.modeRadioGroup) {
+            items[currentSelectedIndex].selected = false;
+            items[0].selected = true;
         }
+        this.unsetTabIndexByIndex(items, currentSelectedIndex);
+        this.setTabIndexByIndex(items, 0);
+        items[0].focus();
     }
     handleEndKey(e) {
-        if (isEnd(e)) {
-            e.preventDefault();
-            const items = this.getKeyboardNavigationItems();
-            const currentSelectedIndex = this.getCurrentIndex(items, e.target);
-            if (this.modeRadioGroup) {
-                items[currentSelectedIndex].selected = false;
-                items[items.length - 1].selected = true;
-            }
-            this.unsetTabIndexByIndex(items, currentSelectedIndex);
-            this.setTabIndexByIndex(items, items.length - 1);
-            items[items.length - 1].focus();
+        e.preventDefault();
+        const items = this.getKeyboardNavigationItems();
+        const currentSelectedIndex = this.getCurrentIndex(items, e.target);
+        if (this.modeRadioGroup) {
+            items[currentSelectedIndex].selected = false;
+            items[items.length - 1].selected = true;
         }
+        this.unsetTabIndexByIndex(items, currentSelectedIndex);
+        this.setTabIndexByIndex(items, items.length - 1);
+        items[items.length - 1].focus();
+    }
+    handleLetterKey(e) {
+        const letterKey = e.key;
+        e.stopPropagation();
+        e.preventDefault();
+        listItemLabelStartsWithKeyFocus(letterKey, this._focusableListItems, this._letterKeyHandlerObj);
     }
     onItemPress(clickedItem) {
         if (this.modeSingleSelect && !this.controlled) {
@@ -197,6 +216,13 @@ let UDExList = UDExList_1 = class UDExList extends UI5Element {
             }
         });
     }
+    focusSelectedItem() {
+        const selectedItemIndex = this.items.findIndex(item => item.selected);
+        this.resetTabIndexes();
+        if (selectedItemIndex !== -1 && this.modeSingleSelect) {
+            this.setTabIndexByIndex(this.items, selectedItemIndex);
+        }
+    }
     focusHeader(item) {
         const header = item.shadowRoot?.querySelector(".udex-list__group-header");
         header.focus();
@@ -207,6 +233,34 @@ let UDExList = UDExList_1 = class UDExList extends UI5Element {
     setTabIndexByIndex(items, index) {
         items[index]._tabIndex = "0";
     }
+    setPressedKey(value) {
+        this._pressedKey = value;
+    }
+    getPressedKey() {
+        return this._pressedKey;
+    }
+    setPressedCount(value) {
+        this._pressedCount = value;
+    }
+    getPressedCount() {
+        return this._pressedCount;
+    }
+    setLastFoundPosition(value) {
+        this._lastFoundPosition = value;
+    }
+    getLastFoundPosition() {
+        return this._lastFoundPosition;
+    }
+    getLetterKeyObjHandler() {
+        return {
+            getPressedKey: () => this.getPressedKey(),
+            setPressedKey: (arg) => this.setPressedKey(arg),
+            getPressedCount: () => this.getPressedCount(),
+            setPressedCount: (arg) => this.setPressedCount(arg),
+            getLastFoundPosition: () => this.getLastFoundPosition(),
+            setLastFoundPosition: (arg) => this.setLastFoundPosition(arg),
+        };
+    }
     getItems() {
         return this.getSlottedNodes("items");
     }