@sapudex/web-components 0.192.4 → 0.224.0

package/src/UploadItem.ts

@@ -0,0 +1,218 @@
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import { slot } from "@ui5/webcomponents-base/dist/decorators.js";
+import ResizeHandler, { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+
+import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
+import I18nBundle, { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
+import {
+  REMOVE_FILE_TEXT,
+  TERMINATED_FILE_STATUS_TEXT, UPLOADING_FILE_STATUS_TEXT,
+} from "./generated/i18n/i18n-defaults.js";
+import UDExListItem from "./ListItem.js";
+import UDExProgressBar from "./ProgressBar.js";
+import UDExLink from "./Link.js";
+import UDExButton from "./Button.js";
+import UDExButtonSize from "./types/ButtonSize.js";
+import UploadItemTemplate from "./generated/templates/UploadItemTemplate.lit.js";
+
+// Styles
+import UploadItemCss from "./generated/themes/UploadItem.css.js";
+import FileUploadState from "./types/FileUploadState.js";
+
+const BreakpointSizeS: number = 979;
+const BreakpointSizeM: number = 1279;
+
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-upload-item</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@sapudex/web-components/dist/UploadItem.js";</code>
+ *
+ * @constructor
+ * @extends UDExListItemBase
+ * @public
+ */
+@customElement({
+  tag: "udex-upload-item",
+  renderer: litRender,
+  styles: UploadItemCss,
+  template: UploadItemTemplate,
+  dependencies: [UDExLink, UDExListItem, UDExProgressBar, UDExButton],
+})
+
+class UDExUploadItem extends UDExListItem {
+  /**
+   * Defines the name of the uploaded file.
+   *
+   * @default ""
+   * @public
+   */
+  @property({ type: String })
+    fileName!: string;
+
+  /**
+   * Defines the link of the uploaded file.
+   *
+   * @default undefined
+   * @public
+   */
+  @property({ type: String })
+    fileLink?: string;
+
+  /**
+   * Defines the percentage of the upload.
+   *
+   * @default 0
+   * @public
+   */
+  @property({ type: Number, validator: Integer })
+    uploadPercentage!: number;
+
+  /**
+   * Defines the percentage of the upload.
+   *
+   * @default 0
+   * @public
+   */
+  @property({ type: FileUploadState, defaultValue: FileUploadState.Uploaded })
+    uploadState!: `${FileUploadState}`;
+
+  /**
+   * Slot for information about the uploaded file.
+   *
+   * @slot
+   * @public
+   */
+  @slot({ type: HTMLElement, "default": true }) uploadInfo!: Array<HTMLElement>;
+
+  /**
+   * Defines the percentage of the upload.
+   *
+   * @default "Large"
+   * @private
+   */
+  @property({ type: UDExButtonSize })
+    _buttonSize!: `${UDExButtonSize}`;
+
+  /**
+   * Defines if the screen is at the M breakpoint.
+   *
+   * @default false
+   * @private
+   */
+  @property({ type: Boolean })
+    _breakpointM!: boolean;
+
+  /**
+   * Defines if the screen is at the L breakpoint.
+   *
+   * @default false
+   * @private
+   */
+  @property({ type: Boolean })
+    _breakpointL!: boolean;
+
+  static i18nBundle: I18nBundle;
+  _handleResizeBound: ResizeObserverCallback;
+
+  static async onDefine() {
+    UDExUploadItem.i18nBundle = await getI18nBundle("@sapudex/web-components");
+  }
+
+  constructor() {
+    super();
+    this._handleResizeBound = this._handleResize.bind(this);
+  }
+
+  onEnterDOM(): void {
+    ResizeHandler.register(this, this._handleResizeBound);
+    this.fireEvent("item-press", {
+      selected: false,
+      item: this,
+    });
+  }
+
+  onExitDOM(): void {
+    ResizeHandler.deregister(this, this._handleResizeBound);
+  }
+
+  onAfterRendering(): void {
+    const fileLink = this.fileLinkComponent;
+    if (fileLink) {
+      fileLink._setCustomAttributes([{ attribute: "download", value: "true" }]);
+    }
+  }
+
+  handleButtonClick(e: Event) {
+    e.stopImmediatePropagation();
+    this.fireEvent("request-delete");
+  }
+
+  handleButtonKeydown(e: KeyboardEvent) {
+    if (isEnter(e) || isSpace(e)) {
+      e.stopImmediatePropagation();
+      this.fireEvent("request-delete");
+    }
+  }
+
+  _handleResize() {
+    this._buttonSize = window.innerWidth <= BreakpointSizeS ? UDExButtonSize.Medium : UDExButtonSize.Large;
+    this._breakpointL = window.innerWidth > BreakpointSizeM;
+    this._breakpointM = !this._breakpointL ? true : !this._breakpointL && this.uploadState === FileUploadState.Uploaded;
+  }
+
+  get fileLinkComponent(): UDExLink {
+    return this.shadowRoot!.querySelector<UDExLink>("[udex-link]")!;
+  }
+
+  get removeButtonAccessibleName(): string {
+    return UDExUploadItem.i18nBundle.getText(REMOVE_FILE_TEXT);
+  }
+
+  get showUploadProgress(): boolean {
+    return this.uploadState === FileUploadState.Error || this.uploadState === FileUploadState.Uploading;
+  }
+
+  get uploadProgressState(): ValueState {
+    if (this.uploadState === FileUploadState.Uploading) {
+      return ValueState.Information;
+    }
+
+    return ValueState.Error;
+  }
+
+  get uploadStatus(): string {
+    if (this.uploadState === FileUploadState.Uploading) {
+      return `${UDExUploadItem.i18nBundle.getText(UPLOADING_FILE_STATUS_TEXT)} ${this.uploadPercentage}%`;
+    }
+
+    return `${UDExUploadItem.i18nBundle.getText(TERMINATED_FILE_STATUS_TEXT)} ${this.uploadPercentage}%`;
+  }
+
+  get fileInteractive(): boolean {
+    return this.uploadState === FileUploadState.Uploaded;
+  }
+
+  get additionalInfoClasses(): string {
+    return `udex-upload-item__info ${this.uploadState === FileUploadState.Error ? "udex-upload-item__error" : ""}`;
+  }
+
+  get uploadItemClasses(): string {
+    return this.uploadState === "Uploaded" ? "udex-upload-item__info-uploaded" : "";
+  }
+}
+
+UDExUploadItem.define();
+
+export default UDExUploadItem;

package/src/Wizard.hbs

@@ -27,7 +27,7 @@
 					@ui5-selection-change-requested="{{../onSelectionChangeRequested}}"
 					@ui5-focused="{{../onStepInHeaderFocused}}"
 					@click="{{../_onGroupedTabClick}}"
-					style={{styles}}
+					style="{{styles}}"
 				></udex-wizard-tab>
 			{{/each}}
 		</div>

package/src/Wizard.ts

@@ -36,7 +36,7 @@ const RESPONSIVE_BREAKPOINTS: ResponsiveBreakpoints = {
  * For the <code>udex-wizard</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/Wizard.js";</code>
+ * <code>import "@sapudex/web-components/dist/Wizard.js";</code>
  *
  * @constructor
  * @author SAP SE

package/src/WizardStep.ts

@@ -17,7 +17,7 @@ import wizardStepCss from "@ui5/webcomponents-fiori/dist/generated/themes/Wizard
  * For the <code>udex-wizard-step</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/WizardStep.js";</code>
+ * <code>import "@sapudex/web-components/dist/WizardStep.js";</code>
  *
  * @constructor
  * @extends WizardStep

package/src/WizardTab.ts

@@ -25,7 +25,7 @@ export enum WindowSize {
  * For the <code>udex-wizard</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/Wizard.js";</code>
+ * <code>import "@sapudex/web-components/dist/Wizard.js";</code>
  *
  * @constructor
  * @author SAP SE

package/src/features/SearchSuggestionsPopover.ts

@@ -1,10 +1,9 @@
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import { registerFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
 import Button from "@ui5/webcomponents/dist/Button.js";
 import Popover from "@ui5/webcomponents/dist/Popover.js";
 import isLetterKey from "../utils/isLetterKeyPressed.js";
-import listItemLabelStartsWithKeyFocus from "../utils/listItemLabelStartsWithKeyFocus.js";
-import { LetterPressedHandlerObj } from "../types/List.js";
+import UDExFirstLetterFocusHandler, { UDExListWithFirstLetterFocus } from "../utils/ListWithFirstLetterFocus.js";
 
 interface SuggestionComponent extends UI5Element {
   open: boolean;
@@ -30,12 +29,7 @@ class Suggestion {
   selectedItemIndex: number;
   focusabledList?: HTMLDivElement;
   lists?: Array<HTMLDivElement>;
-
-  _pressedKey!: string;
-  _pressedCount!: number;
-  _lastFoundPosition!: number;
-  _focusableListItems!: Array<Element>;
-  _letterKeyHandlerObj!: LetterPressedHandlerObj;
+  _focusHandler: UDExListWithFirstLetterFocus = new UDExFirstLetterFocusHandler();
 
   constructor(component: SuggestionComponent) {
     this.component = component;
@@ -63,41 +57,11 @@ class Suggestion {
 
   open(): void {
     this._getComponent().open = true;
-    this.popover!.showAt(this._getComponent());
+    this.popover!.opener = this._getComponent();
+    this.popover!.open = true;
     this.initLists();
-    this._focusableListItems = this._getItems();
-    this._letterKeyHandlerObj = this.getLetterKeyObjHandler();
-    this.resetFocusLetterHandlers();
-  }
-
-  setPressedKey(value:string): void {
-    this._pressedKey = value;
-  }
-
-  getPressedKey(): string {
-    return this._pressedKey;
-  }
-
-  setPressedCount(value:number): void {
-    this._pressedCount = value;
-  }
-
-  getPressedCount() : number {
-    return this._pressedCount;
-  }
-
-  setLastFoundPosition(value:number): void {
-    this._lastFoundPosition = value;
-  }
-
-  getLastFoundPosition(): number {
-    return this._lastFoundPosition;
-  }
-
-  resetFocusLetterHandlers(): void {
-    this.setPressedCount(0);
-    this.setPressedKey("");
-    this.setLastFoundPosition(0);
+    this._focusHandler._focusableListItems = this._getItems();
+    this._focusHandler.resetMatchingItems();
   }
 
   handleKeyPress(e: KeyboardEvent): void {
@@ -105,25 +69,9 @@ class Suggestion {
     if (isLetterKey(key)) {
       e.preventDefault();
       e.stopPropagation();
-      this.handleLetterKey(e);
+      this._focusHandler.focusMatchingListItem(key);
     }
   }
-
-  getLetterKeyObjHandler(): LetterPressedHandlerObj {
-    return {
-      getPressedKey: () => this.getPressedKey(),
-      setPressedKey: (arg: string) => this.setPressedKey(arg),
-      getPressedCount: () => this.getPressedCount(),
-      setPressedCount: (arg: number) => this.setPressedCount(arg),
-      getLastFoundPosition: () => this.getLastFoundPosition(),
-      setLastFoundPosition: (arg: number) => this.setLastFoundPosition(arg),
-    } as LetterPressedHandlerObj;
-  }
-
-  handleLetterKey(event: KeyboardEvent): void {
-    listItemLabelStartsWithKeyFocus(event.key, this._focusableListItems, this._letterKeyHandlerObj);
-  }
-
   initLists(): void {
     const list = this.popover?.querySelectorAll(".udex-search-suggestions__list") ? this.popover?.querySelectorAll<HTMLDivElement>(".udex-search-suggestions__list") : [];
     this.lists = Array.from(list);
@@ -131,7 +79,7 @@ class Suggestion {
 
   close(): void {
     this._getComponent().open = false;
-    this.popover?.close(true);
+    this.popover!.open = false;
     this.selectedItemIndex = -1;
   }
 
@@ -161,7 +109,7 @@ class Suggestion {
       }
       if (this.focusabledList && this.selectedItemIndex >= 0) {
         const focusabledItems = this.getFocusableItems();
-        const button = focusabledItems[this.selectedItemIndex].querySelector("[ui5-button]") as UI5Element;
+        const button = focusabledItems[this.selectedItemIndex] as UI5Element;
 
         button.focus();
         return true;
@@ -173,7 +121,7 @@ class Suggestion {
   }
 
   getFocusableItems(): Element[] {
-    const items = this.focusabledList?.children ? this.focusabledList?.children : [];
+    const items = this.focusabledList?.children ? this.focusabledList?.querySelectorAll<Button>("[ui5-button]") : [];
     return Array.from(items);
   }
 

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

@@ -1,3 +1,3 @@
 import { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-const COUNT: I18nText = {key: "COUNT", defaultText: "Count"};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 FIRST_PAGE: I18nText = {key: "FIRST_PAGE", defaultText: "First page"};const LAST_PAGE: I18nText = {key: "LAST_PAGE", defaultText: "Last page"};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 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 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 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"};const MESSAGE_STRIP_SUCCESS: I18nText = {key: "MESSAGE_STRIP_SUCCESS", defaultText: "Positive"};const MESSAGE_STRIP_WARNING: I18nText = {key: "MESSAGE_STRIP_WARNING", defaultText: "Warning"};const MESSAGE_STRIP_ERROR: I18nText = {key: "MESSAGE_STRIP_ERROR", defaultText: "Negative"};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 EDIT_BUTTON: I18nText = {key: "EDIT_BUTTON", defaultText: "Edit"};const DELETE_BUTTON: I18nText = {key: "DELETE_BUTTON", defaultText: "Delete"};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 VALUE_STATE_TYPE_STANDARD: I18nText = {key: "VALUE_STATE_TYPE_STANDARD", defaultText: "Field State Standard"};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 SHOW_RESULTS: I18nText = {key: "SHOW_RESULTS", defaultText: "Show Results"};const RESET: I18nText = {key: "RESET", defaultText: "Reset"};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 Quantity by"};const STEPINPUT_DEC_ICON_TITLE: I18nText = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease Quantity by"};const NO_MATCHES_FOUND: I18nText = {key: "NO_MATCHES_FOUND", defaultText: "No matches found."};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 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 COUNTRY_SELECT: I18nText = {key: "COUNTRY_SELECT", defaultText: "Select country"};const OVERVIEW: I18nText = {key: "OVERVIEW", defaultText: "Overview"};const SHOW_HIDE_PASSWORD: I18nText = {key: "SHOW_HIDE_PASSWORD", defaultText: "Show/Hide Password Button"};const SOCIAL_LINK_ICON: I18nText = {key: "SOCIAL_LINK_ICON", defaultText: "Link Graphic"};const PHONE_NUMBER: I18nText = {key: "PHONE_NUMBER", defaultText: "Phone number"};const CONTACT_US: I18nText = {key: "CONTACT_US", defaultText: "Contact us"};const EMAIL: I18nText = {key: "EMAIL", defaultText: "Email"};const CHAT_WITH_US: I18nText = {key: "CHAT_WITH_US", defaultText: "Chat with us"};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 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 LIST_ITEM_EDIT_ICON: I18nText = {key: "LIST_ITEM_EDIT_ICON", defaultText: "Edit list item entry"};const LIST_ITEM_DELETE_ICON: I18nText = {key: "LIST_ITEM_DELETE_ICON", defaultText: "Delete list item entry"};const BACK_BUTTON_LABEL: I18nText = {key: "BACK_BUTTON_LABEL", defaultText: "back button"};const TRIGGER: I18nText = {key: "TRIGGER", defaultText: "Dropdown trigger"};
-export {COUNT,OF,PAGINATION_PAGE,SELECTED,FIRST_PAGE,LAST_PAGE,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,AVAILABLE_VALUES,RECOMMENDED_TEXT,EXPAND_ALL,COLLAPSE_ALL,MORE,ATTENTION_BADGE,REVIEWS,STARS,READ_MORE,READ_LESS,RATING_INDICATOR_TEXT,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_ARIA_DESCRIPTION,TOTAL,MESSAGE_STRIP_CLOSE_BUTTON,MESSAGE_STRIP_INFORMATION,MESSAGE_STRIP_SUCCESS,MESSAGE_STRIP_WARNING,MESSAGE_STRIP_ERROR,ARIA_LABEL_LIST_MULTISELECTABLE,ARIA_LABEL_LIST_SELECTABLE,UNSELECTED,INDETERMINATE,EDIT_BUTTON,DELETE_BUTTON,TEXTAREA_CHARACTERS_LEFT,VALUE_STATE_TYPE_ERROR,VALUE_STATE_TYPE_WARNING,VALUE_STATE_TYPE_SUCCESS,VALUE_STATE_TYPE_STANDARD,TEXT_FIELD,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,SHOW_RESULTS,RESET,SELECT_OPTIONS,SELECT_ALL,BREADCRUMBS_ARIA_LABEL,BREADCRUMBS_OVERFLOW_ARIA_LABEL,STEPINPUT_INC_ICON_TITLE,STEPINPUT_DEC_ICON_TITLE,NO_MATCHES_FOUND,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,READ_ONLY,MAIN_LINKS,OPENS_IN_A_NEW_WINDOW,LOGOUT,PROFILE,COUNTRY_SELECT,OVERVIEW,SHOW_HIDE_PASSWORD,SOCIAL_LINK_ICON,PHONE_NUMBER,CONTACT_US,EMAIL,CHAT_WITH_US,QUICK_LINKS,TRENDING,ABOUT_SAP,SITE_INFORMATION,SEE_COMPLETE_LIST,LOCAL_COUNTRY_NAMES,COPYRIGHT,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,LIST_ITEM_EDIT_ICON,LIST_ITEM_DELETE_ICON,BACK_BUTTON_LABEL,TRIGGER};
+const COUNT: I18nText = {key: "COUNT", defaultText: "Count"};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 FIRST_PAGE: I18nText = {key: "FIRST_PAGE", defaultText: "First page"};const LAST_PAGE: I18nText = {key: "LAST_PAGE", defaultText: "Last page"};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 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 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 EDIT_BUTTON: I18nText = {key: "EDIT_BUTTON", defaultText: "Edit"};const DELETE_BUTTON: I18nText = {key: "DELETE_BUTTON", defaultText: "Delete"};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 VALUE_STATE_TYPE_STANDARD: I18nText = {key: "VALUE_STATE_TYPE_STANDARD", defaultText: "Field State Standard"};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 SHOW_RESULTS: I18nText = {key: "SHOW_RESULTS", defaultText: "Show Results"};const RESET: I18nText = {key: "RESET", defaultText: "Reset"};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 Quantity by"};const STEPINPUT_DEC_ICON_TITLE: I18nText = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease Quantity by"};const NO_MATCHES_FOUND: I18nText = {key: "NO_MATCHES_FOUND", defaultText: "No matches found."};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 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 COUNTRY_SELECT: I18nText = {key: "COUNTRY_SELECT", defaultText: "Select country"};const OVERVIEW: I18nText = {key: "OVERVIEW", defaultText: "Overview"};const SHOW_HIDE_PASSWORD: I18nText = {key: "SHOW_HIDE_PASSWORD", defaultText: "Show/Hide Password Button"};const SOCIAL_LINK_ICON: I18nText = {key: "SOCIAL_LINK_ICON", defaultText: "Link Graphic"};const PHONE_NUMBER: I18nText = {key: "PHONE_NUMBER", defaultText: "Phone number"};const CONTACT_US: I18nText = {key: "CONTACT_US", defaultText: "Contact us"};const EMAIL: I18nText = {key: "EMAIL", defaultText: "Email"};const CHAT_WITH_US: I18nText = {key: "CHAT_WITH_US", defaultText: "Chat with us"};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 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 LIST_ITEM_EDIT_ICON: I18nText = {key: "LIST_ITEM_EDIT_ICON", defaultText: "Edit list item entry"};const LIST_ITEM_DELETE_ICON: I18nText = {key: "LIST_ITEM_DELETE_ICON", defaultText: "Delete list item entry"};const BACK_BUTTON_LABEL: I18nText = {key: "BACK_BUTTON_LABEL", defaultText: "back button"};const TRIGGER: I18nText = {key: "TRIGGER", defaultText: "Dropdown trigger"};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"};
+export {COUNT,OF,PAGINATION_PAGE,SELECTED,FIRST_PAGE,LAST_PAGE,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,RATING_INDICATOR_TEXT,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_ARIA_DESCRIPTION,TOTAL,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,EDIT_BUTTON,DELETE_BUTTON,TEXTAREA_CHARACTERS_LEFT,VALUE_STATE_TYPE_ERROR,VALUE_STATE_TYPE_WARNING,VALUE_STATE_TYPE_SUCCESS,VALUE_STATE_TYPE_STANDARD,TEXT_FIELD,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,SHOW_RESULTS,RESET,SELECT_OPTIONS,SELECT_ALL,BREADCRUMBS_ARIA_LABEL,BREADCRUMBS_OVERFLOW_ARIA_LABEL,STEPINPUT_INC_ICON_TITLE,STEPINPUT_DEC_ICON_TITLE,NO_MATCHES_FOUND,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,READ_ONLY,MAIN_LINKS,OPENS_IN_A_NEW_WINDOW,LOGOUT,PROFILE,COUNTRY_SELECT,OVERVIEW,SHOW_HIDE_PASSWORD,SOCIAL_LINK_ICON,PHONE_NUMBER,CONTACT_US,EMAIL,CHAT_WITH_US,QUICK_LINKS,TRENDING,ABOUT_SAP,SITE_INFORMATION,SEE_COMPLETE_LIST,LOCAL_COUNTRY_NAMES,COPYRIGHT,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,LIST_ITEM_EDIT_ICON,LIST_ITEM_DELETE_ICON,BACK_BUTTON_LABEL,TRIGGER,UPLOADING_FILE_STATUS_TEXT,TERMINATED_FILE_STATUS_TEXT,REMOVE_FILE_TEXT,UPLOAD_BUTTON_LABEL};

package/src/generated/templates/AccordionItemTemplate.lit.ts

@@ -4,8 +4,8 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	import type AccordionItem from "../../AccordionItem.js";
 	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
 	
-function block0 (this: AccordionItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<li class=${ifDefined(this.accordionItemsClass)} aria-expanded="${ifDefined(this.expanded)}" role="listitem" @keydown=${this.keydownHandler}><div class="udex-accordion-item__header-wrapper"><div role="button" class="udex-accordion-item__header" tabindex="0" aria-expanded="false" aria-controls="udex-accordion-item__${ifDefined(this._id)}-content" @focus=${this.focusHandler} @click=${this.itemClickHandler}><div class="udex-accordion-item__icon-wrapper"><${scopeTag("ui5-icon", tags, suffix)} class="udex-accordion-item__icon" name="slim-arrow-right"></${scopeTag("ui5-icon", tags, suffix)}></div><span class="udex-accordion-item__title">${ifDefined(this.title)}${ this.numberBadge ? block1.call(this, context, tags, suffix) : undefined }</span></div></div><div id="udex-accordion-item__${ifDefined(this._id)}-content" @keydown=${this.contentKeydown} class="udex-accordion-item__content"><slot></slot></div></li>` : html`<li class=${ifDefined(this.accordionItemsClass)} aria-expanded="${ifDefined(this.expanded)}" role="listitem" @keydown=${this.keydownHandler}><div class="udex-accordion-item__header-wrapper"><div role="button" class="udex-accordion-item__header" tabindex="0" aria-expanded="false" aria-controls="udex-accordion-item__${ifDefined(this._id)}-content" @focus=${this.focusHandler} @click=${this.itemClickHandler}><div class="udex-accordion-item__icon-wrapper"><ui5-icon class="udex-accordion-item__icon" name="slim-arrow-right"></ui5-icon></div><span class="udex-accordion-item__title">${ifDefined(this.title)}${ this.numberBadge ? block1.call(this, context, tags, suffix) : undefined }</span></div></div><div id="udex-accordion-item__${ifDefined(this._id)}-content" @keydown=${this.contentKeydown} class="udex-accordion-item__content"><slot></slot></div></li>`;}
-function block1 (this: AccordionItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} class="udex-accordion-item__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge class="udex-accordion-item__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</udex-badge>`;}
+function block0 (this: AccordionItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<button id="udex-accordion-item__${ifDefined(this._id)}" type="button" class="udex-accordion-item__header" aria-expanded="false" aria-controls="udex-accordion-item__${ifDefined(this._id)}-content" @focus="${this.focusHandler}" @click="${this.itemClickHandler}" @keydown="${this.keydownHandler}"><div class="udex-accordion-item__icon-wrapper"><${scopeTag("ui5-icon", tags, suffix)} class="udex-accordion-item__icon" name="slim-arrow-right"></${scopeTag("ui5-icon", tags, suffix)}></div><span class="udex-accordion-item__title">${ifDefined(this.title)}${ this.numberBadge ? block1.call(this, context, tags, suffix) : undefined }</span></button><div id="udex-accordion-item__${ifDefined(this._id)}-content" class="udex-accordion-item__content" aria-labelledby="udex-accordion-item__${ifDefined(this._id)}" @keydown="${this.contentKeydown}" role="region"><slot></slot></div>` : html`<button id="udex-accordion-item__${ifDefined(this._id)}" type="button" class="udex-accordion-item__header" aria-expanded="false" aria-controls="udex-accordion-item__${ifDefined(this._id)}-content" @focus="${this.focusHandler}" @click="${this.itemClickHandler}" @keydown="${this.keydownHandler}"><div class="udex-accordion-item__icon-wrapper"><ui5-icon class="udex-accordion-item__icon" name="slim-arrow-right"></ui5-icon></div><span class="udex-accordion-item__title">${ifDefined(this.title)}${ this.numberBadge ? block1.call(this, context, tags, suffix) : undefined }</span></button><div id="udex-accordion-item__${ifDefined(this._id)}-content" class="udex-accordion-item__content" aria-labelledby="udex-accordion-item__${ifDefined(this._id)}" @keydown="${this.contentKeydown}" role="region"><slot></slot></div>`;}
+function block1 (this: AccordionItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} class="udex-accordion-item__badge" number-design="Blue" type="Number" size="Large">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge class="udex-accordion-item__badge" number-design="Blue" type="Number" size="Large">${ifDefined(this.numberBadge)}</udex-badge>`;}
 
 
 export default block0;

package/src/generated/templates/AccordionTemplate.lit.ts

@@ -4,7 +4,7 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	import type Accordion from "../../Accordion.js";
 	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
 	
-function block0 (this: Accordion, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="${ifDefined(this.accordionClass)}" @keydown=${this.keydownHandler} @ui5-accordion-item-focus=${ifDefined(this.itemFocusHandler)}><div class="udex-accordion__head" part="head"><h3 class="udex-accordion__headline">${ifDefined(this.headlineText)}</h3><${scopeTag("udex-button", tags, suffix)} class="udex-accordion__btn" size="Large" design="Tertiary" @click=${this.toggleAllHandler} @keydown=${this.toggleKeyAllHandler} accessible-name=${ifDefined(this.toggleAllText)}>${ifDefined(this.toggleAllText)}</${scopeTag("udex-button", tags, suffix)}></div><div class="udex-accordion__content"><ul class="udex-accordion__list" role="list">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ul></div></div>` : html`<div class="${ifDefined(this.accordionClass)}" @keydown=${this.keydownHandler} @ui5-accordion-item-focus=${ifDefined(this.itemFocusHandler)}><div class="udex-accordion__head" part="head"><h3 class="udex-accordion__headline">${ifDefined(this.headlineText)}</h3><udex-button class="udex-accordion__btn" size="Large" design="Tertiary" @click=${this.toggleAllHandler} @keydown=${this.toggleKeyAllHandler} accessible-name=${ifDefined(this.toggleAllText)}>${ifDefined(this.toggleAllText)}</udex-button></div><div class="udex-accordion__content"><ul class="udex-accordion__list" role="list">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ul></div></div>`;}
+function block0 (this: Accordion, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-accordion" @keydown="${this.keydownHandler}" @ui5-accordion-item-focus="${ifDefined(this.itemFocusHandler)}"><div class="udex-accordion__head" part="head"><h3 class="udex-accordion__headline">${ifDefined(this.headlineText)}</h3><${scopeTag("udex-button", tags, suffix)} class="udex-accordion__btn" size="Large" design="Tertiary" @click="${this.toggleAllHandler}" @keydown="${this.toggleKeyAllHandler}" accessible-name="${ifDefined(this.toggleAllText)}">${ifDefined(this.toggleAllText)}</${scopeTag("udex-button", tags, suffix)}></div><div class="udex-accordion__content">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></div>` : html`<div class="udex-accordion" @keydown="${this.keydownHandler}" @ui5-accordion-item-focus="${ifDefined(this.itemFocusHandler)}"><div class="udex-accordion__head" part="head"><h3 class="udex-accordion__headline">${ifDefined(this.headlineText)}</h3><udex-button class="udex-accordion__btn" size="Large" design="Tertiary" @click="${this.toggleAllHandler}" @keydown="${this.toggleKeyAllHandler}" accessible-name="${ifDefined(this.toggleAllText)}">${ifDefined(this.toggleAllText)}</udex-button></div><div class="udex-accordion__content">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></div>`;}
 function block1 (this: Accordion, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name="${ifDefined(item.item._individualSlot)}"></slot>`;}
 
 

package/src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts

@@ -6,7 +6,7 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	
 function block0 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-breadcrumbs__popover" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement-type="Bottom" horizontal-align="Left" @after-open="${this._afterDropdownOpen}" @after-close="${this._afterDropdownClose}" @keydown="${this._handleKeydown}"><div class="udex-breadcrumbs__popover-content">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></${scopeTag("udex-dropdown", tags, suffix)}>` : html`<udex-dropdown id="udex-${ifDefined(this._id)}-breadcrumbs__popover" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement-type="Bottom" horizontal-align="Left" @after-open="${this._afterDropdownOpen}" @after-close="${this._afterDropdownClose}" @keydown="${this._handleKeydown}"><div class="udex-breadcrumbs__popover-content">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></udex-dropdown>`;}
 function block1 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.icon ? block2.call(this, context, tags, suffix, item, index) : block3.call(this, context, tags, suffix, item, index) }`;}
-function block2 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--${index} udex-breadcrumbs__item--with-icon" icon=${ifDefined(item.icon)} icon-placement="Start" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--${index} udex-breadcrumbs__item--with-icon" icon=${ifDefined(item.icon)} icon-placement="Start" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`;}
+function block2 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--${index} udex-breadcrumbs__item--with-icon" icon="${ifDefined(item.icon)}" icon-placement="Start" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--${index} udex-breadcrumbs__item--with-icon" icon="${ifDefined(item.icon)}" icon-placement="Start" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`;}
 function block3 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item._isCurrentPageItem ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index) }`;}
 function block4 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<span id="${ifDefined(item._id)}-li" class="udex-breadcrumbs__item udex-breadcrumb__item--current udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</span>`;}
 function block5 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`;}

package/src/generated/templates/CarouselTemplate.lit.ts

@@ -4,10 +4,10 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	import type Carousel from "../../Carousel.js";
 	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
 	
-function block0 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="${ifDefined(this.carouselClass)}" @keydown=${this._onkeydown}>${ this.showNavigationButtons.top ? block1.call(this, context, tags, suffix) : undefined }<${scopeTag("ui5-carousel", tags, suffix)} id="carousel" hide-navigation-arrows arrows-placement="Navigation" accessible-name="${ifDefined(this.accessibleName)}" ?hide-page-indicator=${this._hidePageIndicator}>${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</${scopeTag("ui5-carousel", tags, suffix)}>${ this.showNavigationButtons.bottom ? block3.call(this, context, tags, suffix) : undefined }</div> ` : html`<div class="${ifDefined(this.carouselClass)}" @keydown=${this._onkeydown}>${ this.showNavigationButtons.top ? block1.call(this, context, tags, suffix) : undefined }<ui5-carousel id="carousel" hide-navigation-arrows arrows-placement="Navigation" accessible-name="${ifDefined(this.accessibleName)}" ?hide-page-indicator=${this._hidePageIndicator}>${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</ui5-carousel>${ this.showNavigationButtons.bottom ? block3.call(this, context, tags, suffix) : undefined }</div> `;}
-function block1 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-carousel__navigation-wrapper" part="navigation"><${scopeTag("udex-button", tags, suffix)} size="Large" design=${ifDefined(this.buttonDesign)} arrow-back class="udex-carousel__navigation-button" icon="slim-arrow-left" tooltip="${ifDefined(this.previousPageText)}" part="prev-button" @click=${this._prevButtonClick} ?disabled=${this.isPrevButtonDisabled}></${scopeTag("udex-button", tags, suffix)}><${scopeTag("udex-button", tags, suffix)} size="Large" design=${ifDefined(this.buttonDesign)} arrow-forward class="udex-carousel__navigation-button" icon="slim-arrow-right" tooltip="${ifDefined(this.nextPageText)}" part="next-button" @click=${this._nextButtonClick} ?disabled=${this.isNextButtonDisabled}></${scopeTag("udex-button", tags, suffix)}></div>` : html`<div class="udex-carousel__navigation-wrapper" part="navigation"><udex-button size="Large" design=${ifDefined(this.buttonDesign)} arrow-back class="udex-carousel__navigation-button" icon="slim-arrow-left" tooltip="${ifDefined(this.previousPageText)}" part="prev-button" @click=${this._prevButtonClick} ?disabled=${this.isPrevButtonDisabled}></udex-button><udex-button size="Large" design=${ifDefined(this.buttonDesign)} arrow-forward class="udex-carousel__navigation-button" icon="slim-arrow-right" tooltip="${ifDefined(this.nextPageText)}" part="next-button" @click=${this._nextButtonClick} ?disabled=${this.isNextButtonDisabled}></udex-button></div>`;}
+function block0 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="${ifDefined(this.carouselClass)}" @keydown="${this._onkeydown}">${ this.showNavigationButtons.top ? block1.call(this, context, tags, suffix) : undefined }<${scopeTag("ui5-carousel", tags, suffix)} id="carousel" hide-navigation-arrows arrows-placement="Navigation" accessible-name="${ifDefined(this.accessibleName)}" ?hide-page-indicator="${this._hidePageIndicator}">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</${scopeTag("ui5-carousel", tags, suffix)}>${ this.showNavigationButtons.bottom ? block3.call(this, context, tags, suffix) : undefined }</div> ` : html`<div class="${ifDefined(this.carouselClass)}" @keydown="${this._onkeydown}">${ this.showNavigationButtons.top ? block1.call(this, context, tags, suffix) : undefined }<ui5-carousel id="carousel" hide-navigation-arrows arrows-placement="Navigation" accessible-name="${ifDefined(this.accessibleName)}" ?hide-page-indicator="${this._hidePageIndicator}">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</ui5-carousel>${ this.showNavigationButtons.bottom ? block3.call(this, context, tags, suffix) : undefined }</div> `;}
+function block1 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-carousel__navigation-wrapper" part="navigation"><${scopeTag("udex-button", tags, suffix)} size="Large" design="${ifDefined(this.buttonDesign)}" arrow-back class="udex-carousel__navigation-button" icon="slim-arrow-left" tooltip="${ifDefined(this.previousPageText)}" part="prev-button" @click="${this._prevButtonClick}" ?disabled="${this.isPrevButtonDisabled}"></${scopeTag("udex-button", tags, suffix)}><${scopeTag("udex-button", tags, suffix)} size="Large" design="${ifDefined(this.buttonDesign)}" arrow-forward class="udex-carousel__navigation-button" icon="slim-arrow-right" tooltip="${ifDefined(this.nextPageText)}" part="next-button" @click="${this._nextButtonClick}" ?disabled="${this.isNextButtonDisabled}"></${scopeTag("udex-button", tags, suffix)}></div>` : html`<div class="udex-carousel__navigation-wrapper" part="navigation"><udex-button size="Large" design="${ifDefined(this.buttonDesign)}" arrow-back class="udex-carousel__navigation-button" icon="slim-arrow-left" tooltip="${ifDefined(this.previousPageText)}" part="prev-button" @click="${this._prevButtonClick}" ?disabled="${this.isPrevButtonDisabled}"></udex-button><udex-button size="Large" design="${ifDefined(this.buttonDesign)}" arrow-forward class="udex-carousel__navigation-button" icon="slim-arrow-right" tooltip="${ifDefined(this.nextPageText)}" part="next-button" @click="${this._nextButtonClick}" ?disabled="${this.isNextButtonDisabled}"></udex-button></div>`;}
 function block2 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;}
-function block3 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-carousel__navigation-wrapper" part="navigation"><${scopeTag("udex-button", tags, suffix)} size="Large" design=${ifDefined(this.buttonDesign)} arrow-back class="udex-carousel__navigation-button" icon="slim-arrow-left" tooltip="${ifDefined(this.previousPageText)}" part="prev-button" @click=${this._prevButtonClick} ?disabled=${this.isPrevButtonDisabled}></${scopeTag("udex-button", tags, suffix)}><${scopeTag("udex-button", tags, suffix)} size="Large" design=${ifDefined(this.buttonDesign)} arrow-forward class="udex-carousel__navigation-button" icon="slim-arrow-right" tooltip="${ifDefined(this.nextPageText)}" part="next-button" @click=${this._nextButtonClick} ?disabled=${this.isNextButtonDisabled}></${scopeTag("udex-button", tags, suffix)}></div>` : html`<div class="udex-carousel__navigation-wrapper" part="navigation"><udex-button size="Large" design=${ifDefined(this.buttonDesign)} arrow-back class="udex-carousel__navigation-button" icon="slim-arrow-left" tooltip="${ifDefined(this.previousPageText)}" part="prev-button" @click=${this._prevButtonClick} ?disabled=${this.isPrevButtonDisabled}></udex-button><udex-button size="Large" design=${ifDefined(this.buttonDesign)} arrow-forward class="udex-carousel__navigation-button" icon="slim-arrow-right" tooltip="${ifDefined(this.nextPageText)}" part="next-button" @click=${this._nextButtonClick} ?disabled=${this.isNextButtonDisabled}></udex-button></div>`;}
+function block3 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-carousel__navigation-wrapper" part="navigation"><${scopeTag("udex-button", tags, suffix)} size="Large" design="${ifDefined(this.buttonDesign)}" arrow-back class="udex-carousel__navigation-button" icon="slim-arrow-left" tooltip="${ifDefined(this.previousPageText)}" part="prev-button" @click="${this._prevButtonClick}" ?disabled="${this.isPrevButtonDisabled}"></${scopeTag("udex-button", tags, suffix)}><${scopeTag("udex-button", tags, suffix)} size="Large" design="${ifDefined(this.buttonDesign)}" arrow-forward class="udex-carousel__navigation-button" icon="slim-arrow-right" tooltip="${ifDefined(this.nextPageText)}" part="next-button" @click="${this._nextButtonClick}" ?disabled="${this.isNextButtonDisabled}"></${scopeTag("udex-button", tags, suffix)}></div>` : html`<div class="udex-carousel__navigation-wrapper" part="navigation"><udex-button size="Large" design="${ifDefined(this.buttonDesign)}" arrow-back class="udex-carousel__navigation-button" icon="slim-arrow-left" tooltip="${ifDefined(this.previousPageText)}" part="prev-button" @click="${this._prevButtonClick}" ?disabled="${this.isPrevButtonDisabled}"></udex-button><udex-button size="Large" design="${ifDefined(this.buttonDesign)}" arrow-forward class="udex-carousel__navigation-button" icon="slim-arrow-right" tooltip="${ifDefined(this.nextPageText)}" part="next-button" @click="${this._nextButtonClick}" ?disabled="${this.isNextButtonDisabled}"></udex-button></div>`;}
 
 
 export default block0;

package/src/generated/templates/CountrySelectorTemplate.lit.ts

@@ -4,7 +4,7 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	import type CountrySelector from "../../CountrySelector.js";
 	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
 	
-function block0 (this: CountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="${ifDefined(this.countrySelectorClasses)}"><${scopeTag("udex-dropdown", tags, suffix)} id="dropdown" horizontal-align="Left" height="${ifDefined(this.height)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-before-open="${ifDefined(this._dropdownBeforeOpen)}" @ui5-after-open="${ifDefined(this._dropdownAfterOpen)}" @ui5-before-close="${ifDefined(this._dropdownBeforeClose)}" @ui5-after-close="${ifDefined(this._dropdownAfterClose)}" @click-trigger="${this.handleTriggerClick}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @ui5-search-keydown="${ifDefined(this.handleKeyDownSearch)}" @keydown="${this.handleKeyDownDropdown}" @ui5-handle-close-search="${ifDefined(this.handleCloseSearch)}"><div class="${ifDefined(this.countrySelectorTriggerClasses)}" ?disabled="${this.isOpenerDisabled}" slot="trigger">${ this.showFlagImages ? block1.call(this, context, tags, suffix) : undefined }<${scopeTag("udex-text-field", tags, suffix)} label="${ifDefined(this.effectiveAriaLabel)}" id="udexTextField" class="udex-country-selector__text" value="${ifDefined(this.selectedCountryName)}" value-state="${ifDefined(this.valueState)}" direction="left" aria-label="${ifDefined(this.effectiveAriaLabel)}" accessible-name="${ifDefined(this.supportingText)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" aria-controls="${ifDefined(this.ariaControls)}" role="combobox" aria-haspopup="true" aria-expanded="${ifDefined(this._open)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" @click-trigger="${this.handleKeyDown}" @mousedown="${this.handleInputMouseDown}" icon="${ifDefined(this.triggerIcon)}" accessible-icon-name="${ifDefined(this.effectiveAriaLabel)}" maxlength="0"></${scopeTag("udex-text-field", tags, suffix)}></div>${ifDefined(this.searchableList)}</${scopeTag("udex-dropdown", tags, suffix)}>${ this.supportingText ? block2.call(this, context, tags, suffix) : undefined }</div> ` : html`<div class="${ifDefined(this.countrySelectorClasses)}"><udex-dropdown id="dropdown" horizontal-align="Left" height="${ifDefined(this.height)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-before-open="${ifDefined(this._dropdownBeforeOpen)}" @ui5-after-open="${ifDefined(this._dropdownAfterOpen)}" @ui5-before-close="${ifDefined(this._dropdownBeforeClose)}" @ui5-after-close="${ifDefined(this._dropdownAfterClose)}" @click-trigger="${this.handleTriggerClick}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @ui5-search-keydown="${ifDefined(this.handleKeyDownSearch)}" @keydown="${this.handleKeyDownDropdown}" @ui5-handle-close-search="${ifDefined(this.handleCloseSearch)}"><div class="${ifDefined(this.countrySelectorTriggerClasses)}" ?disabled="${this.isOpenerDisabled}" slot="trigger">${ this.showFlagImages ? block1.call(this, context, tags, suffix) : undefined }<udex-text-field label="${ifDefined(this.effectiveAriaLabel)}" id="udexTextField" class="udex-country-selector__text" value="${ifDefined(this.selectedCountryName)}" value-state="${ifDefined(this.valueState)}" direction="left" aria-label="${ifDefined(this.effectiveAriaLabel)}" accessible-name="${ifDefined(this.supportingText)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" aria-controls="${ifDefined(this.ariaControls)}" role="combobox" aria-haspopup="true" aria-expanded="${ifDefined(this._open)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" @click-trigger="${this.handleKeyDown}" @mousedown="${this.handleInputMouseDown}" icon="${ifDefined(this.triggerIcon)}" accessible-icon-name="${ifDefined(this.effectiveAriaLabel)}" maxlength="0"></udex-text-field></div>${ifDefined(this.searchableList)}</udex-dropdown>${ this.supportingText ? block2.call(this, context, tags, suffix) : undefined }</div> `;}
+function block0 (this: CountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="${ifDefined(this.countrySelectorClasses)}"><${scopeTag("udex-dropdown", tags, suffix)} id="dropdown" horizontal-align="Left" height="${ifDefined(this.height)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-before-open="${ifDefined(this._dropdownBeforeOpen)}" @ui5-after-open="${ifDefined(this._dropdownAfterOpen)}" @ui5-before-close="${ifDefined(this._dropdownBeforeClose)}" @ui5-after-close="${ifDefined(this._dropdownAfterClose)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @ui5-search-keydown="${ifDefined(this.handleKeyDownSearch)}" @keydown="${this.handleKeyDownDropdown}" @ui5-handle-close-search="${ifDefined(this.handleCloseSearch)}"><div class="${ifDefined(this.countrySelectorTriggerClasses)}" ?disabled="${this.isOpenerDisabled}" slot="trigger">${ this.showFlagImages ? block1.call(this, context, tags, suffix) : undefined }<${scopeTag("udex-text-field", tags, suffix)} label="${ifDefined(this.effectiveAriaLabel)}" id="udexTextField" class="udex-country-selector__text" value="${ifDefined(this.selectedCountryName)}" value-state="${ifDefined(this.valueState)}" direction="left" aria-label="${ifDefined(this.effectiveAriaLabel)}" accessible-name="${ifDefined(this.supportingText)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" aria-controls="${ifDefined(this.ariaControls)}" role="combobox" aria-haspopup="true" aria-expanded="${ifDefined(this._open)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" @click="${this.handleTriggerClick}" @mousedown="${this.handleInputMouseDown}" icon="${ifDefined(this.triggerIcon)}" accessible-icon-name="${ifDefined(this.effectiveAriaLabel)}" maxlength="0"></${scopeTag("udex-text-field", tags, suffix)}></div>${ifDefined(this.searchableList)}</${scopeTag("udex-dropdown", tags, suffix)}>${ this.supportingText ? block2.call(this, context, tags, suffix) : undefined }</div> ` : html`<div class="${ifDefined(this.countrySelectorClasses)}"><udex-dropdown id="dropdown" horizontal-align="Left" height="${ifDefined(this.height)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-before-open="${ifDefined(this._dropdownBeforeOpen)}" @ui5-after-open="${ifDefined(this._dropdownAfterOpen)}" @ui5-before-close="${ifDefined(this._dropdownBeforeClose)}" @ui5-after-close="${ifDefined(this._dropdownAfterClose)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @ui5-search-keydown="${ifDefined(this.handleKeyDownSearch)}" @keydown="${this.handleKeyDownDropdown}" @ui5-handle-close-search="${ifDefined(this.handleCloseSearch)}"><div class="${ifDefined(this.countrySelectorTriggerClasses)}" ?disabled="${this.isOpenerDisabled}" slot="trigger">${ this.showFlagImages ? block1.call(this, context, tags, suffix) : undefined }<udex-text-field label="${ifDefined(this.effectiveAriaLabel)}" id="udexTextField" class="udex-country-selector__text" value="${ifDefined(this.selectedCountryName)}" value-state="${ifDefined(this.valueState)}" direction="left" aria-label="${ifDefined(this.effectiveAriaLabel)}" accessible-name="${ifDefined(this.supportingText)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" aria-controls="${ifDefined(this.ariaControls)}" role="combobox" aria-haspopup="true" aria-expanded="${ifDefined(this._open)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" @click="${this.handleTriggerClick}" @mousedown="${this.handleInputMouseDown}" icon="${ifDefined(this.triggerIcon)}" accessible-icon-name="${ifDefined(this.effectiveAriaLabel)}" maxlength="0"></udex-text-field></div>${ifDefined(this.searchableList)}</udex-dropdown>${ this.supportingText ? block2.call(this, context, tags, suffix) : undefined }</div> `;}
 function block1 (this: CountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<img class="udex-country-selector__image" aria-label="${ifDefined(this.flagAriaLabel)}" style="background-position-x: ${ifDefined(this.selectedCountryFlagX)}; background-position-y: ${ifDefined(this.selectedCountryFlagY)}">`;}
 function block2 (this: CountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-status-message", tags, suffix)} ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></${scopeTag("udex-status-message", tags, suffix)}>` : html`<udex-status-message ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></udex-status-message>`;}
 

package/src/generated/templates/DropdownTemplate.lit.ts

@@ -4,7 +4,7 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	import type Dropdown from "../../Dropdown.js";
 	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
 	
-function block0 (this: Dropdown, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-dropdown">${ this.hasTriggerSlot ? block1.call(this, context, tags, suffix) : undefined }<${scopeTag("ui5-popover", tags, suffix)} id="${ifDefined(this._id)}_udex-dropdown" class="udex-dropdown__pane" ?allow-target-overlap="${this.disableAllowTargetOverlap}" hide-arrow .open="${ifDefined(this.open)}" opener="${ifDefined(this._id)}-trigger" placement-type="${ifDefined(this.placementType)}" horizontal-align="${ifDefined(this.horizontalAlign)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-role="${ifDefined(this.accessibleRole)}" @ui5-after-open=${ifDefined(this.afterDropdownOpen)} @ui5-before-open=${ifDefined(this.beforeDropdownOpen)} @ui5-after-close=${ifDefined(this.afterDropdownClose)} @ui5-before-close=${ifDefined(this.beforeDropdownClose)}>${ this.hasHeaderSlot ? block2.call(this, context, tags, suffix) : undefined }<slot></slot>${ this.hasFooterSlot ? block3.call(this, context, tags, suffix) : undefined }</${scopeTag("ui5-popover", tags, suffix)}></div>` : html`<div class="udex-dropdown">${ this.hasTriggerSlot ? block1.call(this, context, tags, suffix) : undefined }<ui5-popover id="${ifDefined(this._id)}_udex-dropdown" class="udex-dropdown__pane" ?allow-target-overlap="${this.disableAllowTargetOverlap}" hide-arrow .open="${ifDefined(this.open)}" opener="${ifDefined(this._id)}-trigger" placement-type="${ifDefined(this.placementType)}" horizontal-align="${ifDefined(this.horizontalAlign)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-role="${ifDefined(this.accessibleRole)}" @ui5-after-open=${ifDefined(this.afterDropdownOpen)} @ui5-before-open=${ifDefined(this.beforeDropdownOpen)} @ui5-after-close=${ifDefined(this.afterDropdownClose)} @ui5-before-close=${ifDefined(this.beforeDropdownClose)}>${ this.hasHeaderSlot ? block2.call(this, context, tags, suffix) : undefined }<slot></slot>${ this.hasFooterSlot ? block3.call(this, context, tags, suffix) : undefined }</ui5-popover></div>`;}
+function block0 (this: Dropdown, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-dropdown">${ this.hasTriggerSlot ? block1.call(this, context, tags, suffix) : undefined }<${scopeTag("ui5-popover", tags, suffix)} id="${ifDefined(this._id)}_udex-dropdown" class="udex-dropdown__pane" ?allow-target-overlap="${this.disableAllowTargetOverlap}" hide-arrow .open="${ifDefined(this.open)}" opener="${ifDefined(this._id)}-trigger" placement-type="${ifDefined(this.placementType)}" horizontal-align="${ifDefined(this.horizontalAlign)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-role="${ifDefined(this.accessibleRole)}" @ui5-after-open="${ifDefined(this.afterDropdownOpen)}" @ui5-before-open="${ifDefined(this.beforeDropdownOpen)}" @ui5-after-close="${ifDefined(this.afterDropdownClose)}" @ui5-before-close="${ifDefined(this.beforeDropdownClose)}">${ this.hasHeaderSlot ? block2.call(this, context, tags, suffix) : undefined }<slot></slot>${ this.hasFooterSlot ? block3.call(this, context, tags, suffix) : undefined }</${scopeTag("ui5-popover", tags, suffix)}></div>` : html`<div class="udex-dropdown">${ this.hasTriggerSlot ? block1.call(this, context, tags, suffix) : undefined }<ui5-popover id="${ifDefined(this._id)}_udex-dropdown" class="udex-dropdown__pane" ?allow-target-overlap="${this.disableAllowTargetOverlap}" hide-arrow .open="${ifDefined(this.open)}" opener="${ifDefined(this._id)}-trigger" placement-type="${ifDefined(this.placementType)}" horizontal-align="${ifDefined(this.horizontalAlign)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-role="${ifDefined(this.accessibleRole)}" @ui5-after-open="${ifDefined(this.afterDropdownOpen)}" @ui5-before-open="${ifDefined(this.beforeDropdownOpen)}" @ui5-after-close="${ifDefined(this.afterDropdownClose)}" @ui5-before-close="${ifDefined(this.beforeDropdownClose)}">${ this.hasHeaderSlot ? block2.call(this, context, tags, suffix) : undefined }<slot></slot>${ this.hasFooterSlot ? block3.call(this, context, tags, suffix) : undefined }</ui5-popover></div>`;}
 function block1 (this: Dropdown, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-dropdown__opener" role="${ifDefined(this.triggerAccessibleRole)}" aria-label="${ifDefined(this.triggerAccessibleName)}" aria-expanded="${ifDefined(this.open)}" aria-haspopup="true" aria-controls="${ifDefined(this._id)}_udex-dropdown" id="${ifDefined(this._id)}-trigger" @click="${this.onTriggerClick}"><slot slot="trigger" name="trigger"></slot></div>`;}
 function block2 (this: Dropdown, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="header" name="header"></slot>`;}
 function block3 (this: Dropdown, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="footer" name="footer"></slot>`;}