@sapudex/web-components 2.55.0 → 2.57.0

package/src/SearchableListBase.ts

@@ -345,6 +345,14 @@ class UDExSearchableListBase extends UI5Element {
     this.fireSelectionChange(id);
   }
 
+  handleAccordionIconClick(e: CustomEvent<{ collapsed: boolean }>): void {
+    const target = e.target as HTMLElement;
+    const originalItem = this._validItems.find(item => item._id === target.id) as (UDExListGroupHeaderBase & { setCollapsedItems?(): void }) | undefined;
+    if (!originalItem) { return; }
+    originalItem.collapsed = e.detail.collapsed;
+    originalItem.setCollapsedItems?.();
+  }
+
   onSelectAllHeaderPress(e:CustomEvent) {
     const item = e.detail.item as UDExListItemBase;
     const id = this.getDataTokenId(item);
@@ -570,20 +578,67 @@ class UDExSearchableListBase extends UI5Element {
     this.getPopoverPart(UDExPopoverPart.Content)?.scrollTo({ top: 0 });
   }
 
+  _expandCollapsedGroupsWithSelection() {
+    this._validItems
+      .filter(item => item.isGroup)
+      .forEach(group => {
+        const header = group as UDExListGroupHeaderBase & { setCollapsedItems?(): void };
+        if (!header.collapsible) { return; }
+        // The rendered element may have been manually collapsed by the user, which
+        // only updates the rendered copy. handleAccordionIconClick syncs the original
+        // going forward, but we also check the rendered element as a safety net
+        // (e.g. if the event wasn't caught, or for the current open cycle).
+        const rendered = this.shadowRoot?.querySelector<HTMLElement & { collapsed?: boolean; setCollapsedItems?(): void }>(`[udex-list-group-header][id="${header._id}"]`);
+        const isCollapsed = header.collapsed || !!rendered?.hasAttribute("collapsed");
+        if (!isCollapsed) { return; }
+        const hasSelectedChild = (header.items as UDExListItemBase[]).some(child => child.selected);
+        if (hasSelectedChild) {
+          header.collapsed = false;
+          header.setCollapsedItems?.();
+          // Also reset the rendered element directly so it takes effect
+          // immediately, regardless of whether a template re-render is pending.
+          if (rendered) {
+            rendered.collapsed = false;
+            rendered.setCollapsedItems?.();
+          }
+        }
+      });
+  }
+
   _dropdownScrollToSelectedItem() {
     const content = this.getPopoverPart(UDExPopoverPart.Content);
+    if (!content) { return; }
     const activeItem = this.activeItem;
-    if (!content || !activeItem) { return; }
-    const itemRect = activeItem.getBoundingClientRect();
-    const contentRect = content.getBoundingClientRect();
-    content.scrollTop += itemRect.top - contentRect.top + itemRect.height / 2 - content.clientHeight / 2;
+    if (!activeItem) {
+      this._dropdownScrollToTop();
+      return;
+    }
+    // Refresh max-height on expanded collapsible groups before measuring.
+    // setContentHeight() may have run while the popup was closed (scrollHeight=0
+    // for hidden elements), leaving --udex-list-content-max-height at 0px.
+    // With that stale 0px value, getBoundingClientRect on slotted items inside
+    // the overflow:hidden container returns the container top rather than the
+    // item's natural position, producing an incorrect scroll delta.
+    // removeProperty → setContentHeight() avoids the CSS transition because
+    // browsers do not interpolate to/from the `none` fallback value.
+    this.shadowRoot?.querySelectorAll<HTMLElement & { setContentHeight(): void }>("[udex-list-group-header]")
+      .forEach(header => {
+        if (header.hasAttribute("collapsible") && !header.hasAttribute("collapsed")) {
+          header.style.removeProperty("--udex-list-content-max-height");
+          header.setContentHeight();
+        }
+      });
+    // Reset to top before measuring so getBoundingClientRect reads from a stable
+    // baseline regardless of the scroll state left by previous open/close cycles.
+    content.scrollTop = 0;
+    const delta = activeItem.getBoundingClientRect().top - content.getBoundingClientRect().top;
+    content.scrollTop = delta;
   }
 
   _handleDropdownScroll() {
-    if (this.modeMultiSelect) {
+    if (this.modeMultiSelect || !this.activeItem) {
       this._dropdownScrollToTop();
-    }
-    if (this.modeSingleSelect) {
+    } else if (this.modeSingleSelect) {
       this._dropdownScrollToSelectedItem();
     }
   }

package/src/SearchableListBaseTemplate.tsx

@@ -132,6 +132,7 @@ function renderGroupHeader(this: UDExSearchableListBase, processedItem: UDExProc
       selected={item.selected}
       onFirstIconClick={this.fireFirstIconClickEvent}
       onSecondIconClick={this.fireSecondIconClickEvent}
+      onAccordionIconClick={this.handleAccordionIconClick}
       indeterminate={header.indeterminate}>
       {groupItems.map((child, i) =>
         renderListItem(child as UDExListItem, i, "none", childAccessibleRole, this.fireFirstIconClickEvent, this.fireSecondIconClickEvent, this._activeDescendantMode, this.isTreeStructure, this.modeMultiSelect)

package/src/SelectBase.ts

@@ -781,28 +781,21 @@ class UDExSelectBase extends UDExSearchableListBase {
   }
 
   handleDropdownOpen() {
-    // Scroll to the previously selected/active item if there is one,
-    // otherwise scroll to top. Do NOT pre-activate any item — that is done
-    // by the first ArrowDown so that ArrowDown[1]=item[0], ArrowDown[2]=item[1].
-    if (this.activeItem) {
-      const items = this._list?.getKeyboardNavigationItems();
-      const active = items?.find(i => !i.isGroup && (i as any).selected);
-      if (active && this._list?._scrollIntoView) {
-        this._list.scrollToItem(active);
-      } else {
-        this._dropdownScrollToTop();
-      }
-    } else {
-      this._dropdownScrollToTop();
-    }
-
-    // Announce the visually focused item (fake focus outline on first item).
-    // Using polite politeness — it waits for the AT to finish announcing
-    // "expanded" before reading the item, so no timeout is needed.
-    // Clear first so the mutation fires even if the text is unchanged from
-    // the previous open, then populate after render completes.
+    // Clear first so the live-region mutation fires even if text is unchanged.
     this._liveRegionText = "";
-    renderFinished().then(() => this._announceCurrentOrFirst()).catch(() => {});
+    // Defer scroll and announcement until rendering settles.
+    // Calling _handleDropdownScroll synchronously causes getBoundingClientRect
+    // to read mid-transition positions (e.g. the max-height animation on
+    // collapsible group headers), producing an incorrect scroll offset.
+    // The expand step modifies reactive properties that trigger a new render,
+    // so a second renderFinished is needed before measuring scroll positions.
+    renderFinished().then(() => {
+      this._expandCollapsedGroupsWithSelection();
+      return renderFinished();
+    }).then(() => {
+      this._handleDropdownScroll();
+      this._announceCurrentOrFirst();
+    }).catch(() => {});
 
     this.fireEventDropdownOpen();
   }

package/src/SelectBoxTemplate.tsx

@@ -106,7 +106,7 @@ export default function SelectBoxTemplate(this: UDExSelectBox) {
         </div>
         {this.supportingText && (
           <UDExStatusMessage
-            disabled={this.disabled ? "true" : undefined}
+            disabled={this.disabled}
             supporting-text={this.supportingText}
             value-state={this.valueState}>
           </UDExStatusMessage>

package/src/StatusMessage.ts

@@ -67,11 +67,12 @@ class UDExStatusMessage extends UI5Element {
   /**
    * Defines if component should have disabled styles.
    *
-   * @default ""
+   * @default false
    * @public
    */
-  @property({ type: String })
-    disabled!: string;
+  @property({ type: Boolean })
+    disabled!: boolean;
+
   /**
    * Defines the value state of the component.
    *

package/src/TabNavigation.hbs

@@ -32,6 +32,7 @@
                             <div
                                 class="udex-tab-navigation__content-item"
                                 id="{{_contentId}}-mobile"
+                                role="tabpanel"
                                 aria-labelledby="{{_id}}">
                                 <slot name="{{this._slotName}}"></slot>
                             </div>
@@ -71,6 +72,7 @@
                     class="udex-tab-navigation__content-item"
                     id="{{_contentId}}"
                     aria-hidden="{{this.IsMobile}}"
+                    role="tabpanel"
                     aria-labelledby="{{_id}}">
                     <slot name="{{this._slotName}}"></slot>
                 </div>

package/src/TabNavigation.ts

@@ -25,6 +25,7 @@ import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
 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";
 
 // Templates
 import TabNavigationTemplate from "./generated/templates/TabNavigationTemplate.lit.js";
@@ -122,10 +123,10 @@ class UDExTabNavigation extends UI5Element {
    * Defines the size of the "More" button.
    *
    * @public
-   * @default "Small"
+   * @default "Medium"
   */
   @property()
-    sizeMoreButton: `${UDExSizeMoreButton}` = "Small";
+    sizeMoreButton: `${UDExButtonSize}` = UDExButtonSize.Medium;
 
   /**
    * Defines the mode of the component.

package/src/Tag.ts

@@ -289,6 +289,13 @@ class UDExTag extends UI5Element {
     this.focused = !this.focused;
   }
 
+  override getFocusDomRef(): HTMLElement | undefined {
+    if (this.nonSelectable) {
+      return this.getDomRef()?.querySelector<HTMLElement>("button") ?? undefined;
+    }
+    return super.getFocusDomRef();
+  }
+
   get tagClasses(): string {
     const hasIconClass = this.hasIcon ? "udex-tag--has-icon" : "";
     const readOnlyClass = this.readOnly ? "udex-tag--readonly" : "";

package/src/TagGroup.ts

@@ -251,9 +251,11 @@ class UDExTagGroup extends UI5Element {
       const active = getActiveElement();
       const moreLink = this._tokenizer.moreLink;
       if (active === moreLink) {
-        e.preventDefault();
         const focusDomRef = this._lastVisibleTag?.getFocusDomRef();
-        focusDomRef?.focus();
+        if (focusDomRef) {
+          e.preventDefault();
+          focusDomRef.focus();
+        }
       }
     }
   }

package/src/TextAreaTemplate.tsx

@@ -45,7 +45,7 @@ export default function TextAreaTemplate(this: TextArea) {
             supporting-text={this._supportingText}
             supporting-text-alignment="Right"
             value-state={this.valueState}
-            disabled={this.disabled ? "true" : undefined}>
+            disabled={this.disabled}>
           </UDExStatusMessage>
           <span id={`${this._id}-supportingTextDesc`} class={hiddenClass}>
             {this._supportingText}

package/src/TextFieldTemplate.tsx

@@ -70,7 +70,7 @@ export default function TextFieldTemplate(this: TextField) {
           <UDExStatusMessage
             supporting-text={this.supportingText}
             value-state={this.valueState}
-            disabled={this.disabled ? "true" : undefined}>
+            disabled={this.disabled}>
           </UDExStatusMessage>
           <span id={`${this._id}-supportingTextDesc`} class={hiddenClass}>
             {this.supportingText}

package/src/Upload.ts

@@ -1,29 +1,26 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
-
 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 slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import FileUploader from "@ui5/webcomponents/dist/FileUploader.js";
+import type FileUploader from "@ui5/webcomponents/dist/FileUploader.js";
 import type { FileUploaderChangeEventDetail } from "@ui5/webcomponents/dist/FileUploader.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { UPLOAD_BUTTON_LABEL } from "./generated/i18n/i18n-defaults.js";
-import UDExButton from "./Button.js";
 import UDExButtonSize from "./types/ButtonSize.js";
-import UDExList from "./List.js";
 import UDExUploadItem from "./UploadItem.js";
-import UploadTemplate from "./generated/templates/UploadTemplate.lit.js";
+import UploadTemplate from "./UploadTemplate.js";
 import type FileData from "./types/FileData.js";
 import translate from "./utils/translate.js";
+import { BreakpointUtils } from "./utils/Breakpoints.js";
 
 // Styles
 import UploadCss from "./generated/themes/Upload.css.js";
-import { BreakpointUtils } from "./utils/Breakpoints.js";
 
 const convertBytesToMegabytes = (bytes: number) => (bytes / 1024) / 1024;
 
@@ -58,10 +55,10 @@ type UDExUploadFileChangeEventDetail = {
  */
 @customElement({
   tag: "udex-upload",
-  renderer: litRender,
+  renderer: jsxRenderer,
   styles: UploadCss,
   template: UploadTemplate,
-  dependencies: [FileUploader, UDExList, UDExButton, UDExUploadItem],
+  dependencies: [UDExUploadItem],
 })
 
 /**

package/src/UploadItem.ts

@@ -1,9 +1,9 @@
 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 slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
 import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
@@ -12,11 +12,9 @@ import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { UDExTarget } from "./types/common.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 type UDExLink from "./Link.js";
 import UDExButtonSize from "./types/ButtonSize.js";
-import UploadItemTemplate from "./generated/templates/UploadItemTemplate.lit.js";
+import UploadItemTemplate from "./UploadItemTemplate.js";
 import translate from "./utils/translate.js";
 
 // Styles
@@ -41,15 +39,15 @@ const BreakpointSizeM: number = 1279;
  * <code>import "@sapudex/web-components/dist/UploadItem.js";</code>
  *
  * @constructor
- * @extends UDExListItemBase
+ * @extends UDExListItem
  * @public
  */
 @customElement({
   tag: "udex-upload-item",
-  renderer: litRender,
+  renderer: jsxRenderer,
   styles: UploadItemCss,
   template: UploadItemTemplate,
-  dependencies: [UDExLink, UDExListItem, UDExProgressBar, UDExButton],
+  dependencies: [UDExListItem],
 })
 
 /**

package/src/UploadItemTemplate.tsx

@@ -0,0 +1,62 @@
+import type UploadItem from "./UploadItem.js";
+import UDExLink from "./Link.js";
+import UDExButton from "./Button.js";
+import UDExProgressBar from "./ProgressBar.js";
+import UDExButtonDesign from "./types/ButtonDesign.js";
+import decline from "@ui5/webcomponents-icons/dist/decline.js";
+
+export default function UploadItemTemplate(this: UploadItem) {
+  const rootClass = "udex-upload-item";
+
+  return (
+    <div className={`${rootClass}__wrapper`}>
+      <div className={`${rootClass}__info ${this.uploadItemClasses}`}>
+        <div>
+          {this.fileInteractive ? (
+            <UDExLink
+              href={this.fileLink}
+              target={this.fileTarget}>
+              {this.fileName}
+            </UDExLink>
+          ) : (
+            <p className={`${rootClass}__name`}>{this.fileName}</p>
+          )}
+          <div className={this.additionalInfoClasses}>
+            <slot></slot>
+          </div>
+        </div>
+        {this._breakpointM && deleteButton.call(this)}
+      </div>
+      <div className={`${rootClass}__progress-info-wrapper`}>
+        {this.showUploadProgress && (
+          <div className={`${rootClass}__progress-info`}>
+            <UDExProgressBar
+              role="progressbar"
+              aria-valuemin={0}
+              aria-valuemax={100}
+              aria-valuenow={this.uploadPercentage}
+              value={this.uploadPercentage}
+              value-state={this.uploadProgressState}
+              hide-value>
+            </UDExProgressBar>
+            <p className={`${rootClass}__progress-status`}>{this.uploadStatus}</p>
+          </div>
+        )}
+        {this._breakpointL && deleteButton.call(this)}
+      </div>
+    </div>
+  );
+}
+
+function deleteButton(this: UploadItem) {
+  return (
+    <UDExButton
+      accessible-name={this.removeButtonAccessibleName}
+      onKeyDown={this.handleButtonKeydown}
+      onClick={this.handleButtonClick}
+      size={this._buttonSize}
+      design={UDExButtonDesign.Tertiary}
+      icon={decline}>
+    </UDExButton>
+  );
+}

package/src/UploadTemplate.tsx

@@ -0,0 +1,53 @@
+import FileUploader from "@ui5/webcomponents/dist/FileUploader.js";
+import type Upload from "./Upload.js";
+import UDExButton from "./Button.js";
+import UDExList from "./List.js";
+import UDExButtonDesign from "./types/ButtonDesign.js";
+import { UDExListMode } from "./types/List.js";
+
+export default function UploadTemplate(this: Upload) {
+  const rootClass = "udex-upload";
+
+  return (
+    <div
+      className={`${rootClass}__wrapper`}
+      onui5-request-delete={this.handleRemoveFile}>
+      {this.uploadTitle && (
+        <h1 className={`${rootClass}__title`}>{this.uploadTitle}</h1>
+      )}
+      {this.additionalText && (
+        <p className={`${rootClass}__additional-text`}>{this.additionalText}</p>
+      )}
+      <div className={`${rootClass}__upload-button-container`}>
+        <FileUploader
+          id="fileUploader"
+          disabled={this.disabled}
+          accept={this.accept}
+          multiple={this.multiple}
+          onChange={this.handleUploadFile}
+          onClick={this.handleUploadClick}
+          hide-input>
+          <UDExButton
+            aria-label={this.uploadButtonAriaLabel}
+            disabled={this.disabled}
+            aria-disabled={this.disabled}
+            design={UDExButtonDesign.Secondary}
+            size={this._buttonSize}>
+            {this.uploadButtonText}
+          </UDExButton>
+        </FileUploader>
+        {this.showSupportingText && (
+          <p className={this.supportingTextClasses}>{this.supportingText}</p>
+        )}
+      </div>
+      <div className={`${rootClass}__files-wrapper`}>
+        <UDExList
+          mode={UDExListMode.MultiSelect}
+          aria-busy={this.listBusy}
+          onui5-selection-change={this.handleSelectionChange}>
+          <slot></slot>
+        </UDExList>
+      </div>
+    </div>
+  );
+}

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

@@ -1,3 +1,3 @@
 import type { 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 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 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 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 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 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 {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,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,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,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,LIST_ITEM_EDIT_ICON,LIST_ITEM_DELETE_ICON,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 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};

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

@@ -9,11 +9,11 @@ function block0 (this: TabNavigation, context: UI5Element, tags: string[], suffi
 function block1 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} class="udex-tab-navigation__play-button" design="Tertiary" size="Large" icon="${ifDefined(this.playBtnIcon)}" tooltip="${ifDefined(this.playBtnTooltipText)}" @click="${this.onPlayButtonClick}"></${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button class="udex-tab-navigation__play-button" design="Tertiary" size="Large" icon="${ifDefined(this.playBtnIcon)}" tooltip="${ifDefined(this.playBtnTooltipText)}" @click="${this.onPlayButtonClick}"></udex-button>`;}
 function block2 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item.tabNavigation)}${ item.isMobileVertical ? block3.call(this, context, tags, suffix, item, index) : undefined }`;}
 function block3 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.selected ? block4.call(this, context, tags, suffix, item, index) : undefined }`;}
-function block4 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class="udex-tab-navigation__content" part="tab-navigation-content"><div class="udex-tab-navigation__content-item" id="${ifDefined(item._contentId)}-mobile" aria-labelledby="${ifDefined(item._id)}"><slot name="${ifDefined(item._slotName)}"></slot></div></div>`;}
+function block4 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class="udex-tab-navigation__content" part="tab-navigation-content"><div class="udex-tab-navigation__content-item" id="${ifDefined(item._contentId)}-mobile" role="tabpanel" aria-labelledby="${ifDefined(item._id)}"><slot name="${ifDefined(item._slotName)}"></slot></div></div>`;}
 function block5 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.tabNavigationPopover)}`;}
 function block6 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-tab-navigation__footer" part="tab-navigation-footer"><slot name="footer"></slot></div>`;}
 function block7 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.selected ? block8.call(this, context, tags, suffix, item, index) : block9.call(this, context, tags, suffix, item, index) }`;}
-function block8 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class="udex-tab-navigation__content-item" id="${ifDefined(item._contentId)}" aria-hidden="${ifDefined(item.IsMobile)}" aria-labelledby="${ifDefined(item._id)}"><slot name="${ifDefined(item._slotName)}"></slot></div>`;}
+function block8 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class="udex-tab-navigation__content-item" id="${ifDefined(item._contentId)}" aria-hidden="${ifDefined(item.IsMobile)}" role="tabpanel" aria-labelledby="${ifDefined(item._id)}"><slot name="${ifDefined(item._slotName)}"></slot></div>`;}
 function block9 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class="udex-tab-navigation__content-item" id="${ifDefined(item._contentId)}"><slot name="${ifDefined(item._slotName)}"></slot></div>`;}
 
 function template(this: TabNavigation) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }

package/src/generated/themes/AccordionItem.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexColorNeutralBlack));--udex-accordion-item-headline-hover-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));--udex-accordion-item-headline-large-font-size: var(--sapFontHeader4Size, var(--udexTypographyHeadingMediumXXSFontSize, 20px));--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-padding: 0 var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-with-icon-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) calc(var(--udexSpacer16, 16px) + var(--udex-accordion-item-label-icon-width, 24px) + var(--udexSpacer12, 12px));--udex-accordion-item-content-max-height: 1000px;--udex-accordion-item-button-icon-m-size: 16px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapProgress_FontSize, 16px)}:host{display:block}[udex-divider]{--udex-divider-transition: border-color .3s ease-in;--udex-divider-padding: 0;--udex-divider-color: var(--udex-accordion-item-border-color)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{display:flex;align-items:center;cursor:pointer;border:none;background:var(--udex-accordion-item-background-color);width:100%;font-family:inherit;color:var(--udex-accordion-item-headline-color);font-size:var(--udex-accordion-item-headline-font-size);gap:var(--udexSpacer12, 12px);padding:var(--udex-accordion-item-header-padding);line-height:var(--udexTypographyHeadingLineHeight, 1.1);transition:color .3s ease-in}.udex-accordion-item__header--large{font-size:var(--udex-accordion-item-headline-large-font-size)}.udex-accordion-item__header:hover{color:var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover~[udex-divider]{--udex-divider-color: var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover{background-color:var(--udex-accordion-item-hover-background-color)}:host([desktop]) .udex-accordion-item__header:focus,.udex-accordion-item__header:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px)}.udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}:host(:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}.udex-accordion-item__icon{height:var(--udex-accordion-item-button-icon-m-size);width:var(--udex-accordion-item-button-icon-m-size);color:var(--udex-accordion-item-icon-color);transition:transform .4s ease-in}.udex-accordion-item__icon-wrapper{min-width:var(--udex-accordion-item-icon-width);height:var(--udex-accordion-item-icon-height);display:inline-flex;align-items:center;justify-content:center}.udex-accordion-item__label-icon-wrapper{min-width:var(--udex-accordion-item-label-icon-width);height:var(--udex-accordion-item-label-icon-height)}.udex-accordion-item__icon-wrapper:not(.udex-accordion-item__label-icon-wrapper){margin-inline-start:auto}.udex-accordion-item__title{font-weight:var(--udex-accordion-item-title-font-weight);align-items:center;display:flex;text-align:start;min-height:18px}.udex-accordion-item__content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease-in,opacity .4s ease-in}.udex-accordion-item__content-inner{padding:var(--udex-accordion-item-content-padding)}.udex-accordion-item--with-title .udex-accordion-item__content-inner{padding:var(--udex-accordion-item-with-icon-content-margin)}:host([expanded]) .udex-accordion-item__content{max-height:var(--udex-accordion-item-content-max-height);opacity:1}.udex-accordion-item__badge{display:inline-flex;margin-inline-start:var(--udexSpacer8)}
+export default `:host{--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexColorNeutralBlack));--udex-accordion-item-headline-hover-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));--udex-accordion-item-headline-large-font-size: var(--sapFontHeader4Size, var(--udexTypographyHeadingMediumXXSFontSize, 20px));--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-padding: var(--udexSpacer4, 4px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-with-icon-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) calc(var(--udexSpacer16, 16px) + var(--udex-accordion-item-label-icon-width, 24px) + var(--udexSpacer12, 12px));--udex-accordion-item-content-max-height: 1000px;--udex-accordion-item-button-icon-m-size: 16px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapProgress_FontSize, 16px)}:host{display:block}[udex-divider]{--udex-divider-transition: border-color .3s ease-in;--udex-divider-padding: 0;--udex-divider-color: var(--udex-accordion-item-border-color)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{display:flex;align-items:center;cursor:pointer;border:none;background:var(--udex-accordion-item-background-color);width:100%;font-family:inherit;color:var(--udex-accordion-item-headline-color);font-size:var(--udex-accordion-item-headline-font-size);gap:var(--udexSpacer12, 12px);padding:var(--udex-accordion-item-header-padding);line-height:var(--udexTypographyHeadingLineHeight, 1.1);transition:color .3s ease-in}.udex-accordion-item__header--large{font-size:var(--udex-accordion-item-headline-large-font-size)}.udex-accordion-item__header:hover{color:var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover~[udex-divider]{--udex-divider-color: var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover{background-color:var(--udex-accordion-item-hover-background-color)}:host([desktop]) .udex-accordion-item__header:focus,.udex-accordion-item__header:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px)}.udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}:host(:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}.udex-accordion-item__icon{height:var(--udex-accordion-item-button-icon-m-size);width:var(--udex-accordion-item-button-icon-m-size);color:var(--udex-accordion-item-icon-color);transition:transform .4s ease-in}.udex-accordion-item__icon-wrapper{min-width:var(--udex-accordion-item-icon-width);height:var(--udex-accordion-item-icon-height);display:inline-flex;align-items:center;justify-content:center}.udex-accordion-item__label-icon-wrapper{min-width:var(--udex-accordion-item-label-icon-width);height:var(--udex-accordion-item-label-icon-height)}.udex-accordion-item__icon-wrapper:not(.udex-accordion-item__label-icon-wrapper){margin-inline-start:auto}.udex-accordion-item__title{font-weight:var(--udex-accordion-item-title-font-weight);align-items:center;display:flex;text-align:start;min-height:18px}.udex-accordion-item__content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease-in,opacity .4s ease-in}.udex-accordion-item__content-inner{padding:var(--udex-accordion-item-content-padding)}.udex-accordion-item--with-title .udex-accordion-item__content-inner{padding:var(--udex-accordion-item-with-icon-content-margin)}:host([expanded]) .udex-accordion-item__content{max-height:var(--udex-accordion-item-content-max-height);opacity:1}.udex-accordion-item__badge{display:inline-flex;margin-inline-start:var(--udexSpacer8)}
 `