@sapudex/web-components 2.57.0 → 2.58.0

package/src/TabHeaderTemplate.tsx

@@ -0,0 +1,153 @@
+import type UDExTab from "./Tab.js";
+import type { ITab } from "./Tab.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import UDExBadge from "./Badge.js";
+import { UDExNumberBadgeDesign, UDExSizeBadgeDesign, UDExTypeBadgeDesign } from "./types/BadgeDesign.js";
+
+export default function TabHeaderTemplate(this: UDExTab) {
+  const tab = this as unknown as ITab;
+
+  if (this.hasBodyTextOrLink) {
+    return (
+      <div
+        class="udex-tab-navigation__tab-wrapper"
+        role="presentation"
+        style={this.widthStyle || undefined}>
+        {this.hasNotHref ? (
+          <button
+            id={this._id}
+            type="button"
+            role="tab"
+            class={`udex-tab-navigation__button-tab ${this.selectedClass} ${this.classWithIconWithoutBackground} ${this.buttonClassWithIcon} ${this.processTabClass}`}
+            tabindex={Number(this._tabIndex)}
+            aria-posinset={tab._posinset}
+            aria-setsize={tab._setsize}
+            aria-controls={tab._contentId}
+            aria-selected={this.effectiveSelected}
+            aria-disabled={this.ariaDisabled ? "true" : undefined}>
+            {tabContent.call(this)}
+            {this.ariaDescribedByBodyText && (
+              <span class="visually-hidden">{this.bodyText}</span>
+            )}
+          </button>
+        ) : (
+          <a
+            id={this._id}
+            role="tab"
+            class={`udex-tab-navigation__button-tab ${this.selectedClass} ${this.classWithIconWithoutBackground} ${this.buttonClassWithIcon} ${this.processTabClass}`}
+            href={this.href}
+            target={this.target}
+            tabindex={Number(this.linkTabIndex)}
+            aria-posinset={tab._posinset}
+            aria-setsize={tab._setsize}
+            aria-disabled={this.ariaDisabled ? "true" : undefined}>
+            {tabContent.call(this)}
+            {this.ariaDescribedByBodyText && (
+              <span class="visually-hidden">{this.bodyText}</span>
+            )}
+          </a>
+        )}
+        {this.hasBodyText && (
+          <p class="udex-tab-navigation__button-body-text">{this.bodyText}</p>
+        )}
+        {this.hasLinkSlot && (
+          <div class="udex-tab-navigation__button-links" {...({ innerHTML: this.linkSlotHtml } as object)}></div>
+        )}
+      </div>
+    );
+  }
+
+  return this.hasNotHref ? (
+    <button
+      id={this._id}
+      type="button"
+      role="tab"
+      class={`udex-tab-navigation__button-tab ${this.selectedClass} ${this.classWithIconWithoutBackground} ${this.buttonClassWithIcon} ${this.processTabClass}`}
+      tabindex={Number(this._tabIndex)}
+      aria-describedby={`udex-tab-navigation__${this._id}__accessible-name`}
+      aria-posinset={tab._posinset}
+      aria-setsize={tab._setsize}
+      aria-controls={tab._contentId}
+      aria-selected={this.effectiveSelected}
+      aria-disabled={this.ariaDisabled ? "true" : undefined}
+      style={this.widthStyle || undefined}>
+      {tabContent.call(this)}
+    </button>
+  ) : (
+    <a
+      id={this._id}
+      role="tab"
+      class={`udex-tab-navigation__button-tab ${this.selectedClass} ${this.classWithIconWithoutBackground} ${this.buttonClassWithIcon} ${this.processTabClass}`}
+      tabindex={Number(this.linkTabIndex)}
+      aria-posinset={tab._posinset}
+      aria-setsize={tab._setsize}
+      href={this.href}
+      target={this.target}
+      aria-disabled={this.ariaDisabled ? "true" : undefined}
+      style={this.widthStyle || undefined}>
+      {tabContent.call(this)}
+    </a>
+  );
+}
+
+function tabContent(this: UDExTab) {
+  return (
+    <>
+      {this.hasIcon && (
+        <span
+          class="udex-tab-navigation__button-icon-outer"
+          role="presentation"
+          aria-hidden="true">
+          <Icon
+            class="udex-tab-navigation__button-icon"
+            name={this.icon}>
+          </Icon>
+          {this.showAttentionBadge && (
+            <span class="udex-tab-navigation__button-badge"></span>
+          )}
+        </span>
+      )}
+      {this._isProcessTab ? (
+        <span class="udex-tab-navigation__button-text-block">
+          <span class="udex-tab-navigation__button-item-count">{this.effectiveItemCountText}</span>
+          <p class={`udex-tab-navigation__button-text ${this.classWithIcon}`}>
+            {this.text}
+            {this.numberBadge && (
+              <UDExBadge
+                class="udex-tab-navigation__badge"
+                type={UDExTypeBadgeDesign.Number}
+                number-design={UDExNumberBadgeDesign.Blue}
+                size={UDExSizeBadgeDesign.Medium}>
+                {this.numberBadge}
+              </UDExBadge>
+            )}
+            {this.hasNotIcon && (
+              <span class="udex-tab-navigation__button-badge"></span>
+            )}
+          </p>
+        </span>
+      ) : (
+        <p class={`udex-tab-navigation__button-text ${this.classWithIcon}`}>
+          {this.text}
+          {this.numberBadge && (
+            <UDExBadge
+              class="udex-tab-navigation__badge"
+              type={UDExTypeBadgeDesign.Number}
+              number-design={UDExNumberBadgeDesign.Blue}
+              size={UDExSizeBadgeDesign.Medium}>
+              {this.numberBadge}
+            </UDExBadge>
+          )}
+          {this.hasNotIcon && (
+            <span class="udex-tab-navigation__button-badge"></span>
+          )}
+        </p>
+      )}
+      <span
+        class="visually-hidden"
+        id={`udex-tab-navigation__${this._id}__accessible-name`}>
+        {this.accessibleNameText}
+      </span>
+    </>
+  );
+}

package/src/TabInOverflowTemplate.tsx

@@ -0,0 +1,68 @@
+import type UDExTab from "./Tab.js";
+import type { ITab } from "./Tab.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+
+export default function TabInOverflowTemplate(this: UDExTab) {
+  const tab = this as unknown as ITab;
+
+  return this.hasNotHref ? (
+    <button
+      id={this._id}
+      class="udex-tab-overflow__button"
+      role="tab"
+      aria-selected={this.effectiveSelected}
+      aria-disabled={this.ariaDisabled ? "true" : undefined}
+      disabled={!!this.ariaDisabled}
+      tabindex={Number(tab._tabIndex)}>
+      {this.hasIcon && (
+        <span
+          class="udex-tab-overflow__button-icon"
+          role="presentation"
+          aria-hidden="true">
+          <Icon name={this.icon}></Icon>
+          {this.showAttentionBadge && (
+            <span class="udex-tab-overflow__button-badge"></span>
+          )}
+        </span>
+      )}
+      {this.text}
+      {this.hasNotIcon && (
+        <span
+          class="udex-tab-overflow__button-badge"
+          role="presentation"
+          aria-hidden="true">
+        </span>
+      )}
+    </button>
+  ) : (
+    <a
+      id={this._id}
+      href={this.ariaDisabled ? undefined : this.href}
+      target={this.target}
+      class="udex-tab-overflow__button"
+      role="tab"
+      aria-selected={this.effectiveSelected}
+      aria-disabled={this.ariaDisabled ? "true" : undefined}
+      tabindex={Number(tab._tabIndex)}>
+      {this.hasIcon && (
+        <span
+          class="udex-tab-overflow__button-icon"
+          role="presentation"
+          aria-hidden="true">
+          <Icon name={this.icon}></Icon>
+          {this.showAttentionBadge && (
+            <span class="udex-tab-overflow__button-badge"></span>
+          )}
+        </span>
+      )}
+      {this.text}
+      {this.hasNotIcon && (
+        <span
+          class="udex-tab-overflow__button-badge"
+          role="presentation"
+          aria-hidden="true">
+        </span>
+      )}
+    </a>
+  );
+}

package/src/TabNavigation.ts

@@ -5,10 +5,9 @@ import type { StyleData } from "@ui5/webcomponents-base/dist/types.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/dist/renderer/JsxRenderer.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import Popover from "@ui5/webcomponents/dist/Popover.js";
-import executeTemplate from "@ui5/webcomponents-base/dist/renderer/executeTemplate.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import {
   isUp, isDown, isRight, isLeft, isEnter, isSpace, isEscape, isHome, isEnd, isTabNext, isTabPrevious,
@@ -26,15 +25,14 @@ import "@ui5/webcomponents-icons/dist/play.js";
 import "@ui5/webcomponents-icons/dist/pause.js";
 import UDExButton from "./Button.js";
 import UDExButtonSize from "./types/ButtonSize.js";
+import translate from "./utils/translate.js";
 
 // Templates
-import TabNavigationTemplate from "./generated/templates/TabNavigationTemplate.lit.js";
-import TabNavigationPopoverTemplate from "./generated/templates/TabNavigationPopoverTemplate.lit.js";
+import TabNavigationTemplate from "./TabNavigationTemplate.js";
 
 // Styles
 import TabNavigationCss from "./generated/themes/TabNavigation.css.js";
 import TabInOverflowCss from "./generated/themes/TabInOverflow.css.js";
-import translate from "./utils/translate.js";
 
 const staticAreaTabStyles: Array<StyleData> = [];
 
@@ -92,7 +90,7 @@ type UDExTabContainerTabSelectEventDetail = {
  */
 @customElement({
   tag: "udex-tab-navigation",
-  renderer: litRender,
+  renderer: jsxRenderer,
   styles: [TabNavigationCss, TabInOverflowCss],
   template: TabNavigationTemplate,
   dependencies: [Popover, Icon, UDExButton],
@@ -280,6 +278,7 @@ class UDExTabNavigation extends UI5Element {
   _maxTitleLength: number = 25;
   _maxTitleLengthInSecondLines: number = this._maxTitleLength * 2;
   _autoPlayTimer?: number;
+  _focusSelectedTabAfterRender: boolean = false;
 
   constructor() {
     super();
@@ -297,6 +296,11 @@ class UDExTabNavigation extends UI5Element {
     }
     this.initOutsideClick();
     this.applyTabWidthToVerticalTabs();
+
+    if (this._focusSelectedTabAfterRender) {
+      this._focusSelectedTabAfterRender = false;
+      this._selectedTab?.getTabInHeaderDomRef()?.focus();
+    }
   }
 
   onEnterDOM(): void {
@@ -667,10 +671,6 @@ class UDExTabNavigation extends UI5Element {
       .filter(tab => !tab.disabled)
       .map(tab => tab.getTabInHeaderDomRef()!)
       .filter(tab => !tab.hasAttribute("hidden"));
-
-    if (!this.getMoreButton().hasAttribute("hidden")) {
-      this._visibleTabs.push(this.getMoreButton());
-    }
   }
 
   applyTabIndex() {
@@ -689,15 +689,32 @@ class UDExTabNavigation extends UI5Element {
   }
 
   handleOverflowItemClick(e: Event) {
-    if ((e.target as HTMLElement).localName === "button") {
-      const targetId = (e.target as HTMLElement).id;
-      const [targetTab] = this.items.filter(item => item.__id === targetId);
-      if (!targetTab?.disabled) {
-        e.preventDefault();
-        this.onItemSelect(targetId);
-      }
+    const target = e.target as HTMLElement;
+    const { localName } = target;
+
+    if (localName !== "button" && localName !== "a") {
+      this.handleClosePopover();
+      return;
     }
+
+    const targetId = target.id;
+    const [targetTab] = this.items.filter(item => item.__id === targetId);
+
+    if (targetTab?.disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+
+    if (localName === "button") {
+      e.preventDefault();
+      this.onItemSelect(targetId);
+    }
+
     this.handleClosePopover();
+    if (localName === "button") {
+      this._focusSelectedTabAfterRender = true;
+    }
   }
 
   onItemSelect(selectedId: string) {
@@ -857,7 +874,6 @@ class UDExTabNavigation extends UI5Element {
   }
 
   handleFocusMoreButton(e: KeyboardEvent) {
-    this.handleDownMoreButton(e);
     this.handleHomeKeyMoreButton(e);
     this.handleEnterKeyMoreButton(e);
   }
@@ -879,20 +895,12 @@ class UDExTabNavigation extends UI5Element {
     }
   }
 
-  handleDownMoreButton(e: KeyboardEvent) {
-    if (isDown(e) || isEnter(e)) {
-      this._popover = this.getResponsePopover();
-      this.handleOpenPopover();
-      this.updateOverflowItems();
-    }
-  }
-
   onFocusFirstItemPopover() {
     if (this._popover?.open) {
       const popoverItems = this.getItemsFromPopover();
-      const firstPopoverItem = popoverItems[0];
-      firstPopoverItem.setAttribute("tabindex", "0");
-      firstPopoverItem.focus();
+      const firstActiveItem = popoverItems.find(item => !this.isPopoverItemDisabled(item)) ?? popoverItems[0];
+      firstActiveItem.setAttribute("tabindex", "0");
+      firstActiveItem.focus();
     }
   }
 
@@ -922,8 +930,7 @@ class UDExTabNavigation extends UI5Element {
   onPreviousItemInPopover(target: HTMLElement) {
     const popoverItems = this.getItemsFromPopover();
     const currentSelectedTabIndex = this.getPopoverTabIndexById(popoverItems, target.id);
-    const previousSelectIndex = currentSelectedTabIndex - 1 < 0 ? popoverItems.length - 1 : currentSelectedTabIndex - 1;
-    const prevItem = popoverItems[previousSelectIndex];
+    const prevItem = this.findNextEnabledPopoverItem(popoverItems, currentSelectedTabIndex, -1);
 
     this.resetTabIndexItem(popoverItems[currentSelectedTabIndex]);
     prevItem.setAttribute("tabIndex", "0");
@@ -933,14 +940,29 @@ class UDExTabNavigation extends UI5Element {
   onNextItemInPopover(target: HTMLElement) {
     const popoverItems = this.getItemsFromPopover();
     const currentSelectedTabIndex = this.getPopoverTabIndexById(popoverItems, target.id);
-    const nextSelectIndex = currentSelectedTabIndex + 1 > popoverItems.length - 1 ? 0 : currentSelectedTabIndex + 1;
-    const nextItem = popoverItems[nextSelectIndex];
+    const nextItem = this.findNextEnabledPopoverItem(popoverItems, currentSelectedTabIndex, 1);
 
     this.resetTabIndexItem(popoverItems[currentSelectedTabIndex]);
     nextItem.setAttribute("tabIndex", "0");
     nextItem.focus();
   }
 
+  private isPopoverItemDisabled(item: HTMLElement): boolean {
+    return item.getAttribute("aria-disabled") === "true";
+  }
+
+  private findNextEnabledPopoverItem(items: HTMLElement[], currentIndex: number, direction: 1 | -1): HTMLElement {
+    const len = items.length;
+    let index = (currentIndex + direction + len) % len;
+    while (index !== currentIndex) {
+      if (!this.isPopoverItemDisabled(items[index])) {
+        return items[index];
+      }
+      index = (index + direction + len) % len;
+    }
+    return items[currentIndex];
+  }
+
   resetTabIndexItem(item: HTMLElement): void {
     item.setAttribute("tabIndex", "-1");
   }
@@ -969,6 +991,7 @@ class UDExTabNavigation extends UI5Element {
       if (!targetTab?.disabled) {
         this.onItemSelect(targetId);
         this.handleClosePopover();
+        this._focusSelectedTabAfterRender = true;
       }
     }
   }
@@ -977,7 +1000,7 @@ class UDExTabNavigation extends UI5Element {
     if (isEscape(e)) {
       e.preventDefault();
       this.handleClosePopover();
-      this._visibleTabs![this._visibleTabs!.length - 1].focus();
+      this.getMoreButton().focus();
     }
   }
 
@@ -985,7 +1008,8 @@ class UDExTabNavigation extends UI5Element {
     if (isHome(e)) {
       e.preventDefault();
       const popoverItems = this.getItemsFromPopover();
-      popoverItems[0].focus();
+      const firstActiveItem = popoverItems.find(item => !this.isPopoverItemDisabled(item)) ?? popoverItems[0];
+      firstActiveItem.focus();
     }
   }
 
@@ -994,7 +1018,8 @@ class UDExTabNavigation extends UI5Element {
       e.preventDefault();
       e.stopPropagation();
       const popoverItems = this.getItemsFromPopover();
-      popoverItems[popoverItems.length - 1].focus();
+      const lastActiveItem = [...popoverItems].reverse().find(item => !this.isPopoverItemDisabled(item)) ?? popoverItems[popoverItems.length - 1];
+      lastActiveItem.focus();
     }
   }
 
@@ -1026,14 +1051,6 @@ class UDExTabNavigation extends UI5Element {
     staticAreaTabStyles.push(styles);
   }
 
-  static get tabNavigationPopoverTemplate() {
-    return TabNavigationPopoverTemplate;
-  }
-
-  get tabNavigationPopover() {
-    return executeTemplate(UDExTabNavigation.tabNavigationPopoverTemplate, this);
-  }
-
   applyTabWidthToVerticalTabs(): void {
     if (this.isVertical && this.tabWidth && this.tabWidth !== "auto") {
       this.style.setProperty("--udex-tab-header-width", this.tabWidth);

package/src/TabNavigationPopoverTemplate.tsx

@@ -0,0 +1,27 @@
+import type UDExTabNavigation from "./TabNavigation.js";
+import type UDExTab from "./Tab.js";
+import Popover from "@ui5/webcomponents/dist/Popover.js";
+import UI5PopoverHAlign from "@ui5/webcomponents/dist/types/PopoverHorizontalAlign.js";
+import UI5PopoverPlacement from "@ui5/webcomponents/dist/types/PopoverPlacement.js";
+import TabInOverflowTemplate from "./TabInOverflowTemplate.js";
+
+export default function TabNavigationPopoverTemplate(this: UDExTabNavigation) {
+  return (
+    <Popover
+      id={`${this._id}-overflow-popover`}
+      aria-orientation="vertical"
+      horizontal-align={UI5PopoverHAlign.End}
+      placement={UI5PopoverPlacement.Bottom}
+      onui5-open={this.onFocusFirstItemPopover}
+      hide-arrow
+      {...({ _hideHeader: true } as object)}>
+      <div
+        class="tab-navigation-popover"
+        onClick={this.handleOverflowItemClick}
+        onKeyDown={this.handleFocusPopover}
+        role="tablist">
+        {this._overflowItems.map(item => TabInOverflowTemplate.call(item as unknown as UDExTab))}
+      </div>
+    </Popover>
+  );
+}

package/src/TabNavigationTemplate.tsx

@@ -0,0 +1,98 @@
+import type UDExTabNavigation from "./TabNavigation.js";
+import type UDExTab from "./Tab.js";
+import UDExButton from "./Button.js";
+import UDExButtonSize from "./types/ButtonSize.js";
+import UDExButtonDesign from "./types/ButtonDesign.js";
+import TabNavigationPopoverTemplate from "./TabNavigationPopoverTemplate.js";
+import TabHeaderTemplate from "./TabHeaderTemplate.js";
+
+export default function TabNavigationTemplate(this: UDExTabNavigation) {
+  return (
+    <div className="udex-tab-navigation__root">
+      <div
+        id={`${this._id}-header`}
+        className="udex-tab-navigation__header"
+        part="tab-navigation-header">
+        {this.showPlayButton && (
+          <UDExButton
+            class="udex-tab-navigation__play-button"
+            design={UDExButtonDesign.Tertiary}
+            size={UDExButtonSize.Large}
+            icon={this.playBtnIcon}
+            tooltip={this.playBtnTooltipText}
+            onClick={this.onPlayButtonClick}>
+          </UDExButton>
+        )}
+        <div
+          id={`${this._id}-header-tabs`}
+          className="udex-tab-navigation__header-tabs"
+          role="tablist"
+          aria-labelledby={`tablist-${this._id}`}
+          aria-orientation={this.ariaOrientationValue as "horizontal" | "vertical"}
+          part="tab-navigation-header-tabs"
+          onClick={this.onTabClick}
+          onKeyDown={this.handleKeyDown}>
+          {this.items.map(item => (
+            <>
+              {TabHeaderTemplate.call(item as unknown as UDExTab)}
+              {(item as unknown as UDExTab).isMobileVertical && item.selected && (
+                <div
+                  className="udex-tab-navigation__content"
+                  part="tab-navigation-content">
+                  <div
+                    className="udex-tab-navigation__content-item"
+                    id={`${item._contentId}-mobile`}
+                    role="tabpanel"
+                    aria-labelledby={item._id}>
+                    <slot name={item._slotName}></slot>
+                  </div>
+                </div>
+              )}
+            </>
+          ))}
+        </div>
+        <UDExButton
+          class="udex-tab-navigation__button-more"
+          end-icon="navigation-down-arrow"
+          aria-haspopup="menu"
+          design={UDExButtonDesign.Tertiary}
+          size={this.sizeMoreButton}
+          onClick={this.handleMoreButton}
+          onKeyDown={this.handleFocusMoreButton}
+          aria-expanded={this._isExpanded}
+          hidden>
+          {this.moreButtonText}
+        </UDExButton>
+        {!!this._overflowItems.length && TabNavigationPopoverTemplate.call(this)}
+        {this.showFooterSlot && (
+          <div className="udex-tab-navigation__footer" part="tab-navigation-footer">
+            <slot name="footer"></slot>
+          </div>
+        )}
+      </div>
+      <div
+        className="udex-tab-navigation__content"
+        id={`udex-${this._id}-content`}
+        part="tab-navigation-content">
+        {this.items.map(item => (
+          item.selected ? (
+            <div
+              className="udex-tab-navigation__content-item"
+              id={item._contentId}
+              aria-hidden={item.isMobile}
+              role="tabpanel"
+              aria-labelledby={item._id}>
+              <slot name={item._slotName}></slot>
+            </div>
+          ) : (
+            <div
+              className="udex-tab-navigation__content-item"
+              id={item._contentId}>
+              <slot name={item._slotName}></slot>
+            </div>
+          )
+        ))}
+      </div>
+    </div>
+  );
+}

package/src/TabTemplate.tsx

@@ -0,0 +1,7 @@
+import type UDExTab from "./Tab.js";
+
+export default function TabTemplate(this: UDExTab) {
+  return (
+    <slot></slot>
+  );
+}

package/src/generated/i18n/i18n-defaults.ts

@@ -1,3 +1,3 @@
 import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-const OF: I18nText = {key: "OF", defaultText: "of"};const PAGINATION_PAGE: I18nText = {key: "PAGINATION_PAGE", defaultText: "Pagination page"};const SELECTED: I18nText = {key: "SELECTED", defaultText: "Selected"};const PREVIOUS_PAGE: I18nText = {key: "PREVIOUS_PAGE", defaultText: "Previous page"};const NEXT_PAGE: I18nText = {key: "NEXT_PAGE", defaultText: "Next page"};const CURRENT_PAGE: I18nText = {key: "CURRENT_PAGE", defaultText: "Current page"};const ACTIVATE_PAGE: I18nText = {key: "ACTIVATE_PAGE", defaultText: "Activate page number"};const BUTTON_ARIA_TYPE_PRIMARY: I18nText = {key: "BUTTON_ARIA_TYPE_PRIMARY", defaultText: "Primary"};const BUTTON_ARIA_TYPE_SECONDARY: I18nText = {key: "BUTTON_ARIA_TYPE_SECONDARY", defaultText: "Secondary"};const BUTTON_ARIA_TYPE_TERTIARY: I18nText = {key: "BUTTON_ARIA_TYPE_TERTIARY", defaultText: "Tertiary"};const BUTTON_ARIA_TYPE_WARNING: I18nText = {key: "BUTTON_ARIA_TYPE_WARNING", defaultText: "Warning"};const BUTTON_ARIA_TYPE_POSITIVE: I18nText = {key: "BUTTON_ARIA_TYPE_POSITIVE", defaultText: "Positive"};const BUTTON_ARIA_TYPE_NEGATIVE: I18nText = {key: "BUTTON_ARIA_TYPE_NEGATIVE", defaultText: "Negative"};const BUTTON_ARIA_EMPHASIZED: I18nText = {key: "BUTTON_ARIA_EMPHASIZED", defaultText: "Emphasized"};const BUTTON_ARIA_DEFAULT: I18nText = {key: "BUTTON_ARIA_DEFAULT", defaultText: "Default"};const BUTTON_ARIA_TRANSPARENT: I18nText = {key: "BUTTON_ARIA_TRANSPARENT", defaultText: "Transparent"};const BUTTON_ARIA_ATTENTION: I18nText = {key: "BUTTON_ARIA_ATTENTION", defaultText: "Attention"};const TOGGLED: I18nText = {key: "TOGGLED", defaultText: "Toggled"};const SUGGESTED_TEXT: I18nText = {key: "SUGGESTED_TEXT", defaultText: "Suggested searches"};const ACCESSIBLE_NAME_RESET_ICON: I18nText = {key: "ACCESSIBLE_NAME_RESET_ICON", defaultText: "Clear"};const ACCESSIBLE_NAME_SEARCH_ICON: I18nText = {key: "ACCESSIBLE_NAME_SEARCH_ICON", defaultText: "Search"};const TOOLTIP_RESET_BUTTON: I18nText = {key: "TOOLTIP_RESET_BUTTON", defaultText: "Clear"};const TOOLTIP_VOICE_BUTTON: I18nText = {key: "TOOLTIP_VOICE_BUTTON", defaultText: "Voice"};const TOOLTIP_SUBMIT_BUTTON: I18nText = {key: "TOOLTIP_SUBMIT_BUTTON", defaultText: "Submit"};const LISTENING: I18nText = {key: "LISTENING", defaultText: "Listening"};const AVAILABLE_VALUES: I18nText = {key: "AVAILABLE_VALUES", defaultText: "Available Values"};const RECOMMENDED_TEXT: I18nText = {key: "RECOMMENDED_TEXT", defaultText: "Recommended pages"};const EXPAND_ALL: I18nText = {key: "EXPAND_ALL", defaultText: "Expand All"};const COLLAPSE_ALL: I18nText = {key: "COLLAPSE_ALL", defaultText: "Collapse All"};const MORE: I18nText = {key: "MORE", defaultText: "More"};const ATTENTION_BADGE: I18nText = {key: "ATTENTION_BADGE", defaultText: "Attention badge"};const REVIEWS: I18nText = {key: "REVIEWS", defaultText: "reviews"};const STARS: I18nText = {key: "STARS", defaultText: "stars"};const READ_MORE: I18nText = {key: "READ_MORE", defaultText: "Read more"};const READ_LESS: I18nText = {key: "READ_LESS", defaultText: "Read less"};const SHOW_MORE: I18nText = {key: "SHOW_MORE", defaultText: "Show more"};const SHOW_LESS: I18nText = {key: "SHOW_LESS", defaultText: "Show less"};const RATING_INDICATOR_TEXT: I18nText = {key: "RATING_INDICATOR_TEXT", defaultText: "Rating Indicator"};const RATING_INDICATOR_TOOLTIP_TEXT: I18nText = {key: "RATING_INDICATOR_TOOLTIP_TEXT", defaultText: "Rating"};const RATING_INDICATOR_ARIA_DESCRIPTION: I18nText = {key: "RATING_INDICATOR_ARIA_DESCRIPTION", defaultText: "Required"};const TOTAL: I18nText = {key: "TOTAL", defaultText: "Total"};const RATING_COUNT_TITLE: I18nText = {key: "RATING_COUNT_TITLE", defaultText: "Rating"};const MESSAGE_STRIP_CLOSE_BUTTON: I18nText = {key: "MESSAGE_STRIP_CLOSE_BUTTON", defaultText: "Message Strip Close Button"};const MESSAGE_STRIP_INFORMATION: I18nText = {key: "MESSAGE_STRIP_INFORMATION", defaultText: "Information Bar"};const MESSAGE_STRIP_SUCCESS: I18nText = {key: "MESSAGE_STRIP_SUCCESS", defaultText: "Positive Bar"};const MESSAGE_STRIP_WARNING: I18nText = {key: "MESSAGE_STRIP_WARNING", defaultText: "Warning Bar"};const MESSAGE_STRIP_ERROR: I18nText = {key: "MESSAGE_STRIP_ERROR", defaultText: "Negative Bar"};const MESSAGE_STRIP_ACTION: I18nText = {key: "MESSAGE_STRIP_ACTION", defaultText: "Action Bar"};const ARIA_LABEL_LIST_MULTISELECTABLE: I18nText = {key: "ARIA_LABEL_LIST_MULTISELECTABLE", defaultText: "Contains Multi-Selectable Items"};const ARIA_LABEL_LIST_SELECTABLE: I18nText = {key: "ARIA_LABEL_LIST_SELECTABLE", defaultText: "Contains Selectable Items"};const UNSELECTED: I18nText = {key: "UNSELECTED", defaultText: "Unselected"};const INDETERMINATE: I18nText = {key: "INDETERMINATE", defaultText: "Indeterminate"};const TEXTAREA_CHARACTERS_LEFT: I18nText = {key: "TEXTAREA_CHARACTERS_LEFT", defaultText: "{0} characters remaining"};const VALUE_STATE_TYPE_ERROR: I18nText = {key: "VALUE_STATE_TYPE_ERROR", defaultText: "Field State Error"};const VALUE_STATE_TYPE_WARNING: I18nText = {key: "VALUE_STATE_TYPE_WARNING", defaultText: "Field State Warning"};const VALUE_STATE_TYPE_SUCCESS: I18nText = {key: "VALUE_STATE_TYPE_SUCCESS", defaultText: "Field State Success"};const TEXT_FIELD: I18nText = {key: "TEXT_FIELD", defaultText: "Text field"};const CAROUSEL_PREVIOUS_ARROW_TEXT: I18nText = {key: "CAROUSEL_PREVIOUS_ARROW_TEXT", defaultText: "Previous Page"};const CAROUSEL_NEXT_ARROW_TEXT: I18nText = {key: "CAROUSEL_NEXT_ARROW_TEXT", defaultText: "Next Page"};const CAROUSEL_AUTOPLAY_TOGGLE_START: I18nText = {key: "CAROUSEL_AUTOPLAY_TOGGLE_START", defaultText: "Start carousel autoplay"};const CAROUSEL_AUTOPLAY_TOGGLE_STOP: I18nText = {key: "CAROUSEL_AUTOPLAY_TOGGLE_STOP", defaultText: "Stop carousel autoplay"};const SHOW_RESULTS: I18nText = {key: "SHOW_RESULTS", defaultText: "Show Results"};const RESET: I18nText = {key: "RESET", defaultText: "Reset"};const LOCATION: I18nText = {key: "LOCATION", defaultText: "Location"};const SELECT_OPTIONS: I18nText = {key: "SELECT_OPTIONS", defaultText: "Select Options"};const SELECT_ALL: I18nText = {key: "SELECT_ALL", defaultText: "Select All"};const BREADCRUMBS_ARIA_LABEL: I18nText = {key: "BREADCRUMBS_ARIA_LABEL", defaultText: "Breadcrumb Trail"};const BREADCRUMBS_OVERFLOW_ARIA_LABEL: I18nText = {key: "BREADCRUMBS_OVERFLOW_ARIA_LABEL", defaultText: "More"};const STEPINPUT_INC_ICON_TITLE: I18nText = {key: "STEPINPUT_INC_ICON_TITLE", defaultText: "Increase by"};const STEPINPUT_DEC_ICON_TITLE: I18nText = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease by"};const NO_MATCHES_FOUND: I18nText = {key: "NO_MATCHES_FOUND", defaultText: "No matches found."};const RESULT_RETURNED: I18nText = {key: "RESULT_RETURNED", defaultText: "results returned."};const VALUE_STATE_ERROR: I18nText = {key: "VALUE_STATE_ERROR", defaultText: "Invalid entry"};const VALUE_STATE_WARNING: I18nText = {key: "VALUE_STATE_WARNING", defaultText: "Warning issued"};const VALUE_STATE_INFORMATION: I18nText = {key: "VALUE_STATE_INFORMATION", defaultText: "Informative entry"};const VALUE_STATE_SUCCESS: I18nText = {key: "VALUE_STATE_SUCCESS", defaultText: "Entry successfully validated"};const READ_ONLY: I18nText = {key: "READ_ONLY", defaultText: "Read only"};const MAIN_LINKS: I18nText = {key: "MAIN_LINKS", defaultText: "main links"};const BACK_TO_REGION_LIST: I18nText = {key: "BACK_TO_REGION_LIST", defaultText: "back to region list"};const OPENS_IN_A_NEW_WINDOW: I18nText = {key: "OPENS_IN_A_NEW_WINDOW", defaultText: "opens in a new window"};const LOGOUT: I18nText = {key: "LOGOUT", defaultText: "Logout"};const PROFILE: I18nText = {key: "PROFILE", defaultText: "Profile"};const SWITCH_ACCOUNT: I18nText = {key: "SWITCH_ACCOUNT", defaultText: "Switch account"};const BACK: I18nText = {key: "BACK", defaultText: "Back"};const OTHER_IDENTITIES: I18nText = {key: "OTHER_IDENTITIES", defaultText: "Other identities"};const ADD_OR_REMOVE_ACCOUNT: I18nText = {key: "ADD_OR_REMOVE_ACCOUNT", defaultText: "Add or remove account"};const COUNTRY_SELECT: I18nText = {key: "COUNTRY_SELECT", defaultText: "Select country"};const OVERVIEW: I18nText = {key: "OVERVIEW", defaultText: "Overview"};const CART: I18nText = {key: "CART", defaultText: "Cart"};const COUNTRY_SELECTOR: I18nText = {key: "COUNTRY_SELECTOR", defaultText: "Country Selector"};const SUPPORT: I18nText = {key: "SUPPORT", defaultText: "Support"};const SEARCH: I18nText = {key: "SEARCH", defaultText: "Search"};const SHOW_PASSWORD: I18nText = {key: "SHOW_PASSWORD", defaultText: "Show password"};const HIDE_PASSWORD: I18nText = {key: "HIDE_PASSWORD", defaultText: "Hide password"};const PHONE_NUMBER: I18nText = {key: "PHONE_NUMBER", defaultText: "Phone number"};const EMAIL: I18nText = {key: "EMAIL", defaultText: "Email"};const CHAT_WITH_US: I18nText = {key: "CHAT_WITH_US", defaultText: "Chat with us"};const ASK_JOULE: I18nText = {key: "ASK_JOULE", defaultText: "Ask Joule"};const QUICK_LINKS: I18nText = {key: "QUICK_LINKS", defaultText: "Quick Links"};const TRENDING: I18nText = {key: "TRENDING", defaultText: "Trending"};const ABOUT_SAP: I18nText = {key: "ABOUT_SAP", defaultText: "About SAP"};const SITE_INFORMATION: I18nText = {key: "SITE_INFORMATION", defaultText: "Site Information"};const SEE_COMPLETE_LIST: I18nText = {key: "SEE_COMPLETE_LIST", defaultText: "Or see our complete list of"};const LOCAL_COUNTRY_NAMES: I18nText = {key: "LOCAL_COUNTRY_NAMES", defaultText: "local country numbers"};const COPYRIGHT: I18nText = {key: "COPYRIGHT", defaultText: "© {0} SAP SE or an SAP affiliate company. All rights reserved."};const BACK_TO_TOP: I18nText = {key: "BACK_TO_TOP", defaultText: "Back to top"};const PUBLIC_SECURITY_NETWORK_NUMBER: I18nText = {key: "PUBLIC_SECURITY_NETWORK_NUMBER", defaultText: ""};const ICP_NUMBER: I18nText = {key: "ICP_NUMBER", defaultText: ""};const AVATAR_TEXT: I18nText = {key: "AVATAR_TEXT", defaultText: "Avatar"};const DISABLED: I18nText = {key: "DISABLED", defaultText: "Disabled"};const STATUS_BADGE_TEXT: I18nText = {key: "STATUS_BADGE_TEXT", defaultText: "Status Badge"};const STATUS_BADGE_EDIT_TITLE: I18nText = {key: "STATUS_BADGE_EDIT_TITLE", defaultText: "Click to edit profile"};const STATUS_BADGE_INFORMATION_TITLE: I18nText = {key: "STATUS_BADGE_INFORMATION_TITLE", defaultText: "Click to open profile information"};const STATUS_BADGE_WARNING_TITLE: I18nText = {key: "STATUS_BADGE_WARNING_TITLE", defaultText: "Warning, potential risk with the profile"};const STATUS_BADGE_ERROR_TITLE: I18nText = {key: "STATUS_BADGE_ERROR_TITLE", defaultText: "There is an error with the profile"};const STATUS_BADGE_SUCCESS_TITLE: I18nText = {key: "STATUS_BADGE_SUCCESS_TITLE", defaultText: "Successfully verified profile"};const CALENDAR_ICON: I18nText = {key: "CALENDAR_ICON", defaultText: "Open Calendar icon"};const DATEPICKER_DATE_DESCRIPTION: I18nText = {key: "DATEPICKER_DATE_DESCRIPTION", defaultText: "Date Input"};const TABLE_NO_DATA_FOUND: I18nText = {key: "TABLE_NO_DATA_FOUND", defaultText: "No data found"};const EXPAND: I18nText = {key: "EXPAND", defaultText: "Expand"};const COLLAPSE: I18nText = {key: "COLLAPSE", defaultText: "Collapse"};const BACK_BUTTON_LABEL: I18nText = {key: "BACK_BUTTON_LABEL", defaultText: "return back"};const UPLOADING_FILE_STATUS_TEXT: I18nText = {key: "UPLOADING_FILE_STATUS_TEXT", defaultText: "Uploading"};const TERMINATED_FILE_STATUS_TEXT: I18nText = {key: "TERMINATED_FILE_STATUS_TEXT", defaultText: "Terminated"};const REMOVE_FILE_TEXT: I18nText = {key: "REMOVE_FILE_TEXT", defaultText: "Remove file"};const UPLOAD_BUTTON_LABEL: I18nText = {key: "UPLOAD_BUTTON_LABEL", defaultText: "Upload file"};const COMPLETE_LIST_OF: I18nText = {key: "COMPLETE_LIST_OF", defaultText: "Complete list of"};const CALL_US_TODAY: I18nText = {key: "CALL_US_TODAY", defaultText: "Call us today!"};const CONTACT_US: I18nText = {key: "CONTACT_US", defaultText: "Contact us"};const SOCIAL_MEDIA_BUTTON: I18nText = {key: "SOCIAL_MEDIA_BUTTON", defaultText: "Social Media Button"};const PROMO_TILE: I18nText = {key: "PROMO_TILE", defaultText: "Promo Tile"};const PROMO_TILE_ICON: I18nText = {key: "PROMO_TILE_ICON", defaultText: "Promo Tile Icon"};const PLAY_BUTTON_ACCESSIBLE_NAME: I18nText = {key: "PLAY_BUTTON_ACCESSIBLE_NAME", defaultText: "Start button to begin customer logos rotation"};const PAUSE_BUTTON_ACCESSIBLE_NAME: I18nText = {key: "PAUSE_BUTTON_ACCESSIBLE_NAME", defaultText: "Pause button to stop customer logos rotation"};const TOAST_CLOSE_ACCESSIBLE_NAME: I18nText = {key: "TOAST_CLOSE_ACCESSIBLE_NAME", defaultText: "Close"};
-export {OF,PAGINATION_PAGE,SELECTED,PREVIOUS_PAGE,NEXT_PAGE,CURRENT_PAGE,ACTIVATE_PAGE,BUTTON_ARIA_TYPE_PRIMARY,BUTTON_ARIA_TYPE_SECONDARY,BUTTON_ARIA_TYPE_TERTIARY,BUTTON_ARIA_TYPE_WARNING,BUTTON_ARIA_TYPE_POSITIVE,BUTTON_ARIA_TYPE_NEGATIVE,BUTTON_ARIA_EMPHASIZED,BUTTON_ARIA_DEFAULT,BUTTON_ARIA_TRANSPARENT,BUTTON_ARIA_ATTENTION,TOGGLED,SUGGESTED_TEXT,ACCESSIBLE_NAME_RESET_ICON,ACCESSIBLE_NAME_SEARCH_ICON,TOOLTIP_RESET_BUTTON,TOOLTIP_VOICE_BUTTON,TOOLTIP_SUBMIT_BUTTON,LISTENING,AVAILABLE_VALUES,RECOMMENDED_TEXT,EXPAND_ALL,COLLAPSE_ALL,MORE,ATTENTION_BADGE,REVIEWS,STARS,READ_MORE,READ_LESS,SHOW_MORE,SHOW_LESS,RATING_INDICATOR_TEXT,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_ARIA_DESCRIPTION,TOTAL,RATING_COUNT_TITLE,MESSAGE_STRIP_CLOSE_BUTTON,MESSAGE_STRIP_INFORMATION,MESSAGE_STRIP_SUCCESS,MESSAGE_STRIP_WARNING,MESSAGE_STRIP_ERROR,MESSAGE_STRIP_ACTION,ARIA_LABEL_LIST_MULTISELECTABLE,ARIA_LABEL_LIST_SELECTABLE,UNSELECTED,INDETERMINATE,TEXTAREA_CHARACTERS_LEFT,VALUE_STATE_TYPE_ERROR,VALUE_STATE_TYPE_WARNING,VALUE_STATE_TYPE_SUCCESS,TEXT_FIELD,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,CAROUSEL_AUTOPLAY_TOGGLE_START,CAROUSEL_AUTOPLAY_TOGGLE_STOP,SHOW_RESULTS,RESET,LOCATION,SELECT_OPTIONS,SELECT_ALL,BREADCRUMBS_ARIA_LABEL,BREADCRUMBS_OVERFLOW_ARIA_LABEL,STEPINPUT_INC_ICON_TITLE,STEPINPUT_DEC_ICON_TITLE,NO_MATCHES_FOUND,RESULT_RETURNED,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,READ_ONLY,MAIN_LINKS,BACK_TO_REGION_LIST,OPENS_IN_A_NEW_WINDOW,LOGOUT,PROFILE,SWITCH_ACCOUNT,BACK,OTHER_IDENTITIES,ADD_OR_REMOVE_ACCOUNT,COUNTRY_SELECT,OVERVIEW,CART,COUNTRY_SELECTOR,SUPPORT,SEARCH,SHOW_PASSWORD,HIDE_PASSWORD,PHONE_NUMBER,EMAIL,CHAT_WITH_US,ASK_JOULE,QUICK_LINKS,TRENDING,ABOUT_SAP,SITE_INFORMATION,SEE_COMPLETE_LIST,LOCAL_COUNTRY_NAMES,COPYRIGHT,BACK_TO_TOP,PUBLIC_SECURITY_NETWORK_NUMBER,ICP_NUMBER,AVATAR_TEXT,DISABLED,STATUS_BADGE_TEXT,STATUS_BADGE_EDIT_TITLE,STATUS_BADGE_INFORMATION_TITLE,STATUS_BADGE_WARNING_TITLE,STATUS_BADGE_ERROR_TITLE,STATUS_BADGE_SUCCESS_TITLE,CALENDAR_ICON,DATEPICKER_DATE_DESCRIPTION,TABLE_NO_DATA_FOUND,EXPAND,COLLAPSE,BACK_BUTTON_LABEL,UPLOADING_FILE_STATUS_TEXT,TERMINATED_FILE_STATUS_TEXT,REMOVE_FILE_TEXT,UPLOAD_BUTTON_LABEL,COMPLETE_LIST_OF,CALL_US_TODAY,CONTACT_US,SOCIAL_MEDIA_BUTTON,PROMO_TILE,PROMO_TILE_ICON,PLAY_BUTTON_ACCESSIBLE_NAME,PAUSE_BUTTON_ACCESSIBLE_NAME,TOAST_CLOSE_ACCESSIBLE_NAME};
+const OF: I18nText = {key: "OF", defaultText: "of"};const PAGINATION_PAGE: I18nText = {key: "PAGINATION_PAGE", defaultText: "Pagination page"};const SELECTED: I18nText = {key: "SELECTED", defaultText: "Selected"};const PREVIOUS_PAGE: I18nText = {key: "PREVIOUS_PAGE", defaultText: "Previous page"};const NEXT_PAGE: I18nText = {key: "NEXT_PAGE", defaultText: "Next page"};const CURRENT_PAGE: I18nText = {key: "CURRENT_PAGE", defaultText: "Current page"};const ACTIVATE_PAGE: I18nText = {key: "ACTIVATE_PAGE", defaultText: "Activate page number"};const BUTTON_ARIA_TYPE_PRIMARY: I18nText = {key: "BUTTON_ARIA_TYPE_PRIMARY", defaultText: "Primary"};const BUTTON_ARIA_TYPE_SECONDARY: I18nText = {key: "BUTTON_ARIA_TYPE_SECONDARY", defaultText: "Secondary"};const BUTTON_ARIA_TYPE_TERTIARY: I18nText = {key: "BUTTON_ARIA_TYPE_TERTIARY", defaultText: "Tertiary"};const BUTTON_ARIA_TYPE_WARNING: I18nText = {key: "BUTTON_ARIA_TYPE_WARNING", defaultText: "Warning"};const BUTTON_ARIA_TYPE_POSITIVE: I18nText = {key: "BUTTON_ARIA_TYPE_POSITIVE", defaultText: "Positive"};const BUTTON_ARIA_TYPE_NEGATIVE: I18nText = {key: "BUTTON_ARIA_TYPE_NEGATIVE", defaultText: "Negative"};const BUTTON_ARIA_EMPHASIZED: I18nText = {key: "BUTTON_ARIA_EMPHASIZED", defaultText: "Emphasized"};const BUTTON_ARIA_DEFAULT: I18nText = {key: "BUTTON_ARIA_DEFAULT", defaultText: "Default"};const BUTTON_ARIA_TRANSPARENT: I18nText = {key: "BUTTON_ARIA_TRANSPARENT", defaultText: "Transparent"};const BUTTON_ARIA_ATTENTION: I18nText = {key: "BUTTON_ARIA_ATTENTION", defaultText: "Attention"};const TOGGLED: I18nText = {key: "TOGGLED", defaultText: "Toggled"};const SUGGESTED_TEXT: I18nText = {key: "SUGGESTED_TEXT", defaultText: "Suggested searches"};const ACCESSIBLE_NAME_RESET_ICON: I18nText = {key: "ACCESSIBLE_NAME_RESET_ICON", defaultText: "Clear"};const ACCESSIBLE_NAME_SEARCH_ICON: I18nText = {key: "ACCESSIBLE_NAME_SEARCH_ICON", defaultText: "Search"};const TOOLTIP_RESET_BUTTON: I18nText = {key: "TOOLTIP_RESET_BUTTON", defaultText: "Clear"};const TOOLTIP_VOICE_BUTTON: I18nText = {key: "TOOLTIP_VOICE_BUTTON", defaultText: "Voice"};const TOOLTIP_SUBMIT_BUTTON: I18nText = {key: "TOOLTIP_SUBMIT_BUTTON", defaultText: "Submit"};const LISTENING: I18nText = {key: "LISTENING", defaultText: "Listening"};const AVAILABLE_VALUES: I18nText = {key: "AVAILABLE_VALUES", defaultText: "Available Values"};const RECOMMENDED_TEXT: I18nText = {key: "RECOMMENDED_TEXT", defaultText: "Recommended pages"};const EXPAND_ALL: I18nText = {key: "EXPAND_ALL", defaultText: "Expand All"};const COLLAPSE_ALL: I18nText = {key: "COLLAPSE_ALL", defaultText: "Collapse All"};const MORE: I18nText = {key: "MORE", defaultText: "More"};const ATTENTION_BADGE: I18nText = {key: "ATTENTION_BADGE", defaultText: "Attention badge"};const REVIEWS: I18nText = {key: "REVIEWS", defaultText: "reviews"};const STARS: I18nText = {key: "STARS", defaultText: "stars"};const READ_MORE: I18nText = {key: "READ_MORE", defaultText: "Read more"};const READ_LESS: I18nText = {key: "READ_LESS", defaultText: "Read less"};const SHOW_MORE: I18nText = {key: "SHOW_MORE", defaultText: "Show more"};const SHOW_LESS: I18nText = {key: "SHOW_LESS", defaultText: "Show less"};const RATING_INDICATOR_TEXT: I18nText = {key: "RATING_INDICATOR_TEXT", defaultText: "Rating Indicator"};const RATING_INDICATOR_TOOLTIP_TEXT: I18nText = {key: "RATING_INDICATOR_TOOLTIP_TEXT", defaultText: "Rating"};const RATING_INDICATOR_ARIA_DESCRIPTION: I18nText = {key: "RATING_INDICATOR_ARIA_DESCRIPTION", defaultText: "Required"};const TOTAL: I18nText = {key: "TOTAL", defaultText: "Total"};const RATING_COUNT_TITLE: I18nText = {key: "RATING_COUNT_TITLE", defaultText: "Rating"};const MESSAGE_STRIP_CLOSE_BUTTON: I18nText = {key: "MESSAGE_STRIP_CLOSE_BUTTON", defaultText: "Message Strip Close Button"};const MESSAGE_STRIP_INFORMATION: I18nText = {key: "MESSAGE_STRIP_INFORMATION", defaultText: "Information Bar"};const MESSAGE_STRIP_SUCCESS: I18nText = {key: "MESSAGE_STRIP_SUCCESS", defaultText: "Positive Bar"};const MESSAGE_STRIP_WARNING: I18nText = {key: "MESSAGE_STRIP_WARNING", defaultText: "Warning Bar"};const MESSAGE_STRIP_ERROR: I18nText = {key: "MESSAGE_STRIP_ERROR", defaultText: "Negative Bar"};const MESSAGE_STRIP_ACTION: I18nText = {key: "MESSAGE_STRIP_ACTION", defaultText: "Action Bar"};const ARIA_LABEL_LIST_MULTISELECTABLE: I18nText = {key: "ARIA_LABEL_LIST_MULTISELECTABLE", defaultText: "Contains Multi-Selectable Items"};const ARIA_LABEL_LIST_SELECTABLE: I18nText = {key: "ARIA_LABEL_LIST_SELECTABLE", defaultText: "Contains Selectable Items"};const UNSELECTED: I18nText = {key: "UNSELECTED", defaultText: "Unselected"};const INDETERMINATE: I18nText = {key: "INDETERMINATE", defaultText: "Indeterminate"};const TEXTAREA_CHARACTERS_LEFT: I18nText = {key: "TEXTAREA_CHARACTERS_LEFT", defaultText: "{0} characters remaining"};const VALUE_STATE_TYPE_ERROR: I18nText = {key: "VALUE_STATE_TYPE_ERROR", defaultText: "Field State Error"};const VALUE_STATE_TYPE_WARNING: I18nText = {key: "VALUE_STATE_TYPE_WARNING", defaultText: "Field State Warning"};const VALUE_STATE_TYPE_SUCCESS: I18nText = {key: "VALUE_STATE_TYPE_SUCCESS", defaultText: "Field State Success"};const TEXT_FIELD: I18nText = {key: "TEXT_FIELD", defaultText: "Text field"};const CAROUSEL_PREVIOUS_ARROW_TEXT: I18nText = {key: "CAROUSEL_PREVIOUS_ARROW_TEXT", defaultText: "Previous Page"};const CAROUSEL_NEXT_ARROW_TEXT: I18nText = {key: "CAROUSEL_NEXT_ARROW_TEXT", defaultText: "Next Page"};const CAROUSEL_AUTOPLAY_TOGGLE_START: I18nText = {key: "CAROUSEL_AUTOPLAY_TOGGLE_START", defaultText: "Start carousel autoplay"};const CAROUSEL_AUTOPLAY_TOGGLE_STOP: I18nText = {key: "CAROUSEL_AUTOPLAY_TOGGLE_STOP", defaultText: "Stop carousel autoplay"};const SHOW_RESULTS: I18nText = {key: "SHOW_RESULTS", defaultText: "Show Results"};const RESET: I18nText = {key: "RESET", defaultText: "Reset"};const LOCATION: I18nText = {key: "LOCATION", defaultText: "Location"};const SELECT_OPTIONS: I18nText = {key: "SELECT_OPTIONS", defaultText: "Select Options"};const SELECT_ALL: I18nText = {key: "SELECT_ALL", defaultText: "Select All"};const BREADCRUMBS_ARIA_LABEL: I18nText = {key: "BREADCRUMBS_ARIA_LABEL", defaultText: "Breadcrumb Trail"};const BREADCRUMBS_OVERFLOW_ARIA_LABEL: I18nText = {key: "BREADCRUMBS_OVERFLOW_ARIA_LABEL", defaultText: "More"};const STEPINPUT_INC_ICON_TITLE: I18nText = {key: "STEPINPUT_INC_ICON_TITLE", defaultText: "Increase by"};const STEPINPUT_DEC_ICON_TITLE: I18nText = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease by"};const NO_MATCHES_FOUND: I18nText = {key: "NO_MATCHES_FOUND", defaultText: "No matches found."};const RESULT_RETURNED: I18nText = {key: "RESULT_RETURNED", defaultText: "results returned."};const VALUE_STATE_ERROR: I18nText = {key: "VALUE_STATE_ERROR", defaultText: "Invalid entry"};const VALUE_STATE_WARNING: I18nText = {key: "VALUE_STATE_WARNING", defaultText: "Warning issued"};const VALUE_STATE_INFORMATION: I18nText = {key: "VALUE_STATE_INFORMATION", defaultText: "Informative entry"};const VALUE_STATE_SUCCESS: I18nText = {key: "VALUE_STATE_SUCCESS", defaultText: "Entry successfully validated"};const READ_ONLY: I18nText = {key: "READ_ONLY", defaultText: "Read only"};const MAIN_LINKS: I18nText = {key: "MAIN_LINKS", defaultText: "main links"};const BACK_TO_REGION_LIST: I18nText = {key: "BACK_TO_REGION_LIST", defaultText: "back to region list"};const OPENS_IN_A_NEW_WINDOW: I18nText = {key: "OPENS_IN_A_NEW_WINDOW", defaultText: "opens in a new window"};const LOGOUT: I18nText = {key: "LOGOUT", defaultText: "Logout"};const PROFILE: I18nText = {key: "PROFILE", defaultText: "Profile"};const SWITCH_ACCOUNT: I18nText = {key: "SWITCH_ACCOUNT", defaultText: "Switch account"};const BACK: I18nText = {key: "BACK", defaultText: "Back"};const OTHER_IDENTITIES: I18nText = {key: "OTHER_IDENTITIES", defaultText: "Other identities"};const ADD_OR_REMOVE_ACCOUNT: I18nText = {key: "ADD_OR_REMOVE_ACCOUNT", defaultText: "Add or remove account"};const COUNTRY_SELECT: I18nText = {key: "COUNTRY_SELECT", defaultText: "Select country"};const OVERVIEW: I18nText = {key: "OVERVIEW", defaultText: "Overview"};const CART: I18nText = {key: "CART", defaultText: "Cart"};const COUNTRY_SELECTOR: I18nText = {key: "COUNTRY_SELECTOR", defaultText: "Country Selector"};const SUPPORT: I18nText = {key: "SUPPORT", defaultText: "Support"};const SEARCH: I18nText = {key: "SEARCH", defaultText: "Search"};const SHOW_PASSWORD: I18nText = {key: "SHOW_PASSWORD", defaultText: "Show password"};const HIDE_PASSWORD: I18nText = {key: "HIDE_PASSWORD", defaultText: "Hide password"};const PHONE_NUMBER: I18nText = {key: "PHONE_NUMBER", defaultText: "Phone number"};const EMAIL: I18nText = {key: "EMAIL", defaultText: "Email"};const CHAT_WITH_US: I18nText = {key: "CHAT_WITH_US", defaultText: "Chat with us"};const ASK_JOULE: I18nText = {key: "ASK_JOULE", defaultText: "Ask Joule"};const QUICK_LINKS: I18nText = {key: "QUICK_LINKS", defaultText: "Quick Links"};const TRENDING: I18nText = {key: "TRENDING", defaultText: "Trending"};const ABOUT_SAP: I18nText = {key: "ABOUT_SAP", defaultText: "About SAP"};const SITE_INFORMATION: I18nText = {key: "SITE_INFORMATION", defaultText: "Site Information"};const SEE_COMPLETE_LIST: I18nText = {key: "SEE_COMPLETE_LIST", defaultText: "Or see our complete list of"};const LOCAL_COUNTRY_NAMES: I18nText = {key: "LOCAL_COUNTRY_NAMES", defaultText: "local country numbers"};const COPYRIGHT: I18nText = {key: "COPYRIGHT", defaultText: "© {0} SAP SE or an SAP affiliate company. All rights reserved."};const BACK_TO_TOP: I18nText = {key: "BACK_TO_TOP", defaultText: "Back to top"};const PUBLIC_SECURITY_NETWORK_NUMBER: I18nText = {key: "PUBLIC_SECURITY_NETWORK_NUMBER", defaultText: ""};const ICP_NUMBER: I18nText = {key: "ICP_NUMBER", defaultText: ""};const AVATAR_TEXT: I18nText = {key: "AVATAR_TEXT", defaultText: "Avatar"};const DISABLED: I18nText = {key: "DISABLED", defaultText: "Disabled"};const STATUS_BADGE_TEXT: I18nText = {key: "STATUS_BADGE_TEXT", defaultText: "Status Badge"};const STATUS_BADGE_EDIT_TITLE: I18nText = {key: "STATUS_BADGE_EDIT_TITLE", defaultText: "Click to edit profile"};const STATUS_BADGE_INFORMATION_TITLE: I18nText = {key: "STATUS_BADGE_INFORMATION_TITLE", defaultText: "Click to open profile information"};const STATUS_BADGE_WARNING_TITLE: I18nText = {key: "STATUS_BADGE_WARNING_TITLE", defaultText: "Warning, potential risk with the profile"};const STATUS_BADGE_ERROR_TITLE: I18nText = {key: "STATUS_BADGE_ERROR_TITLE", defaultText: "There is an error with the profile"};const STATUS_BADGE_SUCCESS_TITLE: I18nText = {key: "STATUS_BADGE_SUCCESS_TITLE", defaultText: "Successfully verified profile"};const CALENDAR_ICON: I18nText = {key: "CALENDAR_ICON", defaultText: "Open Calendar icon"};const DATEPICKER_DATE_DESCRIPTION: I18nText = {key: "DATEPICKER_DATE_DESCRIPTION", defaultText: "Date Input"};const TABLE_NO_DATA_FOUND: I18nText = {key: "TABLE_NO_DATA_FOUND", defaultText: "No data found"};const EXPAND: I18nText = {key: "EXPAND", defaultText: "Expand"};const COLLAPSE: I18nText = {key: "COLLAPSE", defaultText: "Collapse"};const EXPANDED: I18nText = {key: "EXPANDED", defaultText: "expanded"};const COLLAPSED: I18nText = {key: "COLLAPSED", defaultText: "collapsed"};const BACK_BUTTON_LABEL: I18nText = {key: "BACK_BUTTON_LABEL", defaultText: "return back"};const UPLOADING_FILE_STATUS_TEXT: I18nText = {key: "UPLOADING_FILE_STATUS_TEXT", defaultText: "Uploading"};const TERMINATED_FILE_STATUS_TEXT: I18nText = {key: "TERMINATED_FILE_STATUS_TEXT", defaultText: "Terminated"};const REMOVE_FILE_TEXT: I18nText = {key: "REMOVE_FILE_TEXT", defaultText: "Remove file"};const UPLOAD_BUTTON_LABEL: I18nText = {key: "UPLOAD_BUTTON_LABEL", defaultText: "Upload file"};const COMPLETE_LIST_OF: I18nText = {key: "COMPLETE_LIST_OF", defaultText: "Complete list of"};const CALL_US_TODAY: I18nText = {key: "CALL_US_TODAY", defaultText: "Call us today!"};const CONTACT_US: I18nText = {key: "CONTACT_US", defaultText: "Contact us"};const SOCIAL_MEDIA_BUTTON: I18nText = {key: "SOCIAL_MEDIA_BUTTON", defaultText: "Social Media Button"};const PROMO_TILE: I18nText = {key: "PROMO_TILE", defaultText: "Promo Tile"};const PROMO_TILE_ICON: I18nText = {key: "PROMO_TILE_ICON", defaultText: "Promo Tile Icon"};const PLAY_BUTTON_ACCESSIBLE_NAME: I18nText = {key: "PLAY_BUTTON_ACCESSIBLE_NAME", defaultText: "Start button to begin customer logos rotation"};const PAUSE_BUTTON_ACCESSIBLE_NAME: I18nText = {key: "PAUSE_BUTTON_ACCESSIBLE_NAME", defaultText: "Pause button to stop customer logos rotation"};const TOAST_CLOSE_ACCESSIBLE_NAME: I18nText = {key: "TOAST_CLOSE_ACCESSIBLE_NAME", defaultText: "Close"};
+export {OF,PAGINATION_PAGE,SELECTED,PREVIOUS_PAGE,NEXT_PAGE,CURRENT_PAGE,ACTIVATE_PAGE,BUTTON_ARIA_TYPE_PRIMARY,BUTTON_ARIA_TYPE_SECONDARY,BUTTON_ARIA_TYPE_TERTIARY,BUTTON_ARIA_TYPE_WARNING,BUTTON_ARIA_TYPE_POSITIVE,BUTTON_ARIA_TYPE_NEGATIVE,BUTTON_ARIA_EMPHASIZED,BUTTON_ARIA_DEFAULT,BUTTON_ARIA_TRANSPARENT,BUTTON_ARIA_ATTENTION,TOGGLED,SUGGESTED_TEXT,ACCESSIBLE_NAME_RESET_ICON,ACCESSIBLE_NAME_SEARCH_ICON,TOOLTIP_RESET_BUTTON,TOOLTIP_VOICE_BUTTON,TOOLTIP_SUBMIT_BUTTON,LISTENING,AVAILABLE_VALUES,RECOMMENDED_TEXT,EXPAND_ALL,COLLAPSE_ALL,MORE,ATTENTION_BADGE,REVIEWS,STARS,READ_MORE,READ_LESS,SHOW_MORE,SHOW_LESS,RATING_INDICATOR_TEXT,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_ARIA_DESCRIPTION,TOTAL,RATING_COUNT_TITLE,MESSAGE_STRIP_CLOSE_BUTTON,MESSAGE_STRIP_INFORMATION,MESSAGE_STRIP_SUCCESS,MESSAGE_STRIP_WARNING,MESSAGE_STRIP_ERROR,MESSAGE_STRIP_ACTION,ARIA_LABEL_LIST_MULTISELECTABLE,ARIA_LABEL_LIST_SELECTABLE,UNSELECTED,INDETERMINATE,TEXTAREA_CHARACTERS_LEFT,VALUE_STATE_TYPE_ERROR,VALUE_STATE_TYPE_WARNING,VALUE_STATE_TYPE_SUCCESS,TEXT_FIELD,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,CAROUSEL_AUTOPLAY_TOGGLE_START,CAROUSEL_AUTOPLAY_TOGGLE_STOP,SHOW_RESULTS,RESET,LOCATION,SELECT_OPTIONS,SELECT_ALL,BREADCRUMBS_ARIA_LABEL,BREADCRUMBS_OVERFLOW_ARIA_LABEL,STEPINPUT_INC_ICON_TITLE,STEPINPUT_DEC_ICON_TITLE,NO_MATCHES_FOUND,RESULT_RETURNED,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,READ_ONLY,MAIN_LINKS,BACK_TO_REGION_LIST,OPENS_IN_A_NEW_WINDOW,LOGOUT,PROFILE,SWITCH_ACCOUNT,BACK,OTHER_IDENTITIES,ADD_OR_REMOVE_ACCOUNT,COUNTRY_SELECT,OVERVIEW,CART,COUNTRY_SELECTOR,SUPPORT,SEARCH,SHOW_PASSWORD,HIDE_PASSWORD,PHONE_NUMBER,EMAIL,CHAT_WITH_US,ASK_JOULE,QUICK_LINKS,TRENDING,ABOUT_SAP,SITE_INFORMATION,SEE_COMPLETE_LIST,LOCAL_COUNTRY_NAMES,COPYRIGHT,BACK_TO_TOP,PUBLIC_SECURITY_NETWORK_NUMBER,ICP_NUMBER,AVATAR_TEXT,DISABLED,STATUS_BADGE_TEXT,STATUS_BADGE_EDIT_TITLE,STATUS_BADGE_INFORMATION_TITLE,STATUS_BADGE_WARNING_TITLE,STATUS_BADGE_ERROR_TITLE,STATUS_BADGE_SUCCESS_TITLE,CALENDAR_ICON,DATEPICKER_DATE_DESCRIPTION,TABLE_NO_DATA_FOUND,EXPAND,COLLAPSE,EXPANDED,COLLAPSED,BACK_BUTTON_LABEL,UPLOADING_FILE_STATUS_TEXT,TERMINATED_FILE_STATUS_TEXT,REMOVE_FILE_TEXT,UPLOAD_BUTTON_LABEL,COMPLETE_LIST_OF,CALL_US_TODAY,CONTACT_US,SOCIAL_MEDIA_BUTTON,PROMO_TILE,PROMO_TILE_ICON,PLAY_BUTTON_ACCESSIBLE_NAME,PAUSE_BUTTON_ACCESSIBLE_NAME,TOAST_CLOSE_ACCESSIBLE_NAME};