@sapui5/sap.ushell 1.139.0 → 1.140.0

package/src/main/js/sap/ushell/thirdparty/Button2.js

@@ -1,6 +1,6 @@
-sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Icon'], (function (exports, webcomponentsBase, webcomponents, eventStrict, i18nDefaults, parametersBundle_css, AccessibilityTextsHelper, Icons, willShowContent, toLowercaseEnumValue, Icon) { 'use strict';
+sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/i18n-defaults2'], (function (exports, webcomponentsBase, webcomponents, eventStrict, parametersBundle_css$1, parametersBundle_css, AccessibilityTextsHelper, Icons, willShowContent, toLowercaseEnumValue, Icon, BusyIndicator, i18nDefaults) { 'use strict';
 
-    let e;const l=()=>(e===void 0&&(e=Icons.D()),e);
+    let e;const l=()=>(e===void 0&&(e=Icons.b()),e);
 
     /**
      * Different Button designs.
@@ -92,21 +92,46 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     })(ButtonBadgeDesign || (ButtonBadgeDesign = {}));
     var ButtonBadgeDesign$1 = ButtonBadgeDesign;
 
+    /**
+     * Different BusyIndicator sizes.
+     * @public
+     */
+    var BusyIndicatorSize;
+    (function (BusyIndicatorSize) {
+        /**
+         * small size
+         * @public
+         */
+        BusyIndicatorSize["S"] = "S";
+        /**
+         * medium size
+         * @public
+         */
+        BusyIndicatorSize["M"] = "M";
+        /**
+         * large size
+         * @public
+         */
+        BusyIndicatorSize["L"] = "L";
+    })(BusyIndicatorSize || (BusyIndicatorSize = {}));
+    var BusyIndicatorSize$1 = BusyIndicatorSize;
+
     function ButtonTemplate(injectedProps) {
-        return (parametersBundle_css.jsx(parametersBundle_css.Fragment, { children: parametersBundle_css.jsxs("button", { type: "button", class: {
-                    "ui5-button-root": true,
-                    "ui5-button-badge-placement-end": this.badge[0]?.design === "InlineText",
-                    "ui5-button-badge-placement-end-top": this.badge[0]?.design === "OverlayText",
-                    "ui5-button-badge-dot": this.badge[0]?.design === "AttentionDot",
-                }, disabled: this.disabled, "data-sap-focus-ref": true, "aria-pressed": injectedProps?.ariaPressed, "aria-valuemin": injectedProps?.ariaValueMin, "aria-valuemax": injectedProps?.ariaValueMax, "aria-valuenow": injectedProps?.ariaValueNow, "aria-valuetext": injectedProps?.ariaValueText, onFocusOut: this._onfocusout, onClick: this._onclick, onMouseDown: this._onmousedown, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, onTouchStart: this._ontouchstart, onTouchEnd: this._ontouchend, tabindex: this.tabIndexValue, "aria-expanded": this.accessibilityAttributes.expanded, "aria-controls": this.accessibilityAttributes.controls, "aria-haspopup": this._hasPopup, "aria-label": this.ariaLabelText, "aria-description": this.ariaDescriptionText, title: this.buttonTitle, part: "button", role: this.effectiveAccRole, children: [this.icon &&
-                        parametersBundle_css.jsx(Icon.Icon, { class: "ui5-button-icon", name: this.icon, mode: "Decorative", part: "icon" }), parametersBundle_css.jsx("span", { id: `${this._id}-content`, class: "ui5-button-text", children: parametersBundle_css.jsx("bdi", { children: parametersBundle_css.jsx("slot", {}) }) }), this.endIcon &&
-                        parametersBundle_css.jsx(Icon.Icon, { class: "ui5-button-end-icon", name: this.endIcon, mode: "Decorative", part: "endIcon" }), this.shouldRenderBadge &&
-                        parametersBundle_css.jsx("slot", { name: "badge" })] }) }));
+        return (parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsxs("button", { type: "button", class: {
+                        "ui5-button-root": true,
+                        "ui5-button-badge-placement-end": this.badge[0]?.design === "InlineText",
+                        "ui5-button-badge-placement-end-top": this.badge[0]?.design === "OverlayText",
+                        "ui5-button-badge-dot": this.badge[0]?.design === "AttentionDot"
+                    }, disabled: this.disabled, "data-sap-focus-ref": true, "aria-pressed": injectedProps?.ariaPressed, "aria-valuemin": injectedProps?.ariaValueMin, "aria-valuemax": injectedProps?.ariaValueMax, "aria-valuenow": injectedProps?.ariaValueNow, "aria-valuetext": injectedProps?.ariaValueText, onFocusOut: this._onfocusout, onClick: this._onclick, onMouseDown: this._onmousedown, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, onTouchStart: this._ontouchstart, onTouchEnd: this._ontouchend, tabindex: this.tabIndexValue, "aria-expanded": this.accessibilityAttributes.expanded, "aria-controls": this.accessibilityAttributes.controls, "aria-haspopup": this._hasPopup, "aria-label": this.ariaLabelText, "aria-description": this.ariaDescriptionText, "aria-busy": this.loading ? "true" : undefined, title: this.buttonTitle, part: "button", role: this.effectiveAccRole, children: [this.icon &&
+                            parametersBundle_css.jsx(Icon.Icon, { class: "ui5-button-icon", name: this.icon, mode: "Decorative", part: "icon" }), parametersBundle_css.jsx("span", { id: `${this._id}-content`, class: "ui5-button-text", children: parametersBundle_css.jsx("bdi", { children: parametersBundle_css.jsx("slot", {}) }) }), this.endIcon &&
+                            parametersBundle_css.jsx(Icon.Icon, { class: "ui5-button-end-icon", name: this.endIcon, mode: "Decorative", part: "endIcon" }), this.shouldRenderBadge &&
+                            parametersBundle_css.jsx("slot", { name: "badge" })] }), this.loading &&
+                    parametersBundle_css.jsx(BusyIndicator.BusyIndicator, { id: `${this._id}-button-busy-indicator`, class: "ui5-button-busy-indicator", size: this.iconOnly ? BusyIndicatorSize$1.S : BusyIndicatorSize$1.M, active: true, delay: this.loadingDelay, inert: this.loading })] }));
     }
 
     Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var buttonCss = `:host{vertical-align:middle}.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block}:host{min-width:var(--_ui5-v2-13-0-rc-0_button_base_min_width);height:var(--_ui5-v2-13-0-rc-0_button_base_height);line-height:normal;font-family:var(--_ui5-v2-13-0-rc-0_button_fontFamily);font-size:var(--sapFontSize);text-shadow:var(--_ui5-v2-13-0-rc-0_button_text_shadow);border-radius:var(--_ui5-v2-13-0-rc-0_button_border_radius);cursor:pointer;background-color:var(--sapButton_Background);border:var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);color:var(--sapButton_TextColor);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent}.ui5-button-root{min-width:inherit;cursor:inherit;height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;outline:none;padding:0 var(--_ui5-v2-13-0-rc-0_button_base_padding);position:relative;background:transparent;border:none;color:inherit;text-shadow:inherit;font:inherit;white-space:inherit;overflow:inherit;text-overflow:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host(:not([hidden]):not([disabled]).ui5_hovered){background:var(--sapButton_Hover_Background);border:1px solid var(--sapButton_Hover_BorderColor);color:var(--sapButton_Hover_TextColor)}.ui5-button-icon,.ui5-button-end-icon{color:inherit;flex-shrink:0}.ui5-button-end-icon{margin-inline-start:var(--_ui5-v2-13-0-rc-0_button_base_icon_margin)}:host([icon-only]:not([has-end-icon])) .ui5-button-root{min-width:auto;padding:0}:host([icon-only]) .ui5-button-text{display:none}.ui5-button-text{outline:none;position:relative;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([has-icon]:not(:empty)) .ui5-button-text{margin-inline-start:var(--_ui5-v2-13-0-rc-0_button_base_icon_margin)}:host([has-end-icon]:not([has-icon]):empty) .ui5-button-end-icon{margin-inline-start:0}:host([disabled]){opacity:var(--sapContent_DisabledOpacity);pointer-events:unset;cursor:default}:host([has-icon]:not([icon-only]):not([has-end-icon])) .ui5-button-text{min-width:calc(var(--_ui5-v2-13-0-rc-0_button_base_min_width) - var(--_ui5-v2-13-0-rc-0_button_base_icon_margin) - 1rem)}:host([disabled]:active){pointer-events:none}:host([desktop]:not([active])) .ui5-button-root:focus-within:after,:host(:not([active])) .ui5-button-root:focus-visible:after,:host([desktop][active][design="Emphasized"]) .ui5-button-root:focus-within:after,:host([active][design="Emphasized"]) .ui5-button-root:focus-visible:after,:host([desktop][active]) .ui5-button-root:focus-within:before,:host([active]) .ui5-button-root:focus-visible:before{content:"";position:absolute;box-sizing:border-box;inset:.0625rem;border:var(--_ui5-v2-13-0-rc-0_button_focused_border);border-radius:var(--_ui5-v2-13-0-rc-0_button_focused_border_radius)}:host([desktop][active]) .ui5-button-root:focus-within:before,:host([active]) .ui5-button-root:focus-visible:before{border-color:var(--_ui5-v2-13-0-rc-0_button_pressed_focused_border_color)}:host([design="Emphasized"][desktop]) .ui5-button-root:focus-within:after,:host([design="Emphasized"]) .ui5-button-root:focus-visible:after{border-color:var(--_ui5-v2-13-0-rc-0_button_emphasized_focused_border_color)}:host([design="Emphasized"][desktop]) .ui5-button-root:focus-within:before,:host([design="Emphasized"]) .ui5-button-root:focus-visible:before{content:"";position:absolute;box-sizing:border-box;inset:.0625rem;border:var(--_ui5-v2-13-0-rc-0_button_emphasized_focused_border_before);border-radius:var(--_ui5-v2-13-0-rc-0_button_focused_border_radius)}.ui5-button-root::-moz-focus-inner{border:0}bdi{display:block;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([ui5-button][active]:not([disabled]):not([non-interactive])){background-image:none;background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([design="Positive"]){background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);color:var(--sapButton_Accept_Hover_TextColor)}:host([ui5-button][design="Positive"][active]:not([non-interactive])){background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Active_TextColor)}:host([design="Negative"]){background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);color:var(--sapButton_Reject_Hover_TextColor)}:host([ui5-button][design="Negative"][active]:not([non-interactive])){background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor)}:host([design="Attention"]){background-color:var(--sapButton_Attention_Background);border-color:var(--sapButton_Attention_BorderColor);color:var(--sapButton_Attention_TextColor)}:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Attention_Hover_Background);border-color:var(--sapButton_Attention_Hover_BorderColor);color:var(--sapButton_Attention_Hover_TextColor)}:host([ui5-button][design="Attention"][active]:not([non-interactive])){background-color:var(--sapButton_Attention_Active_Background);border-color:var(--sapButton_Attention_Active_BorderColor);color:var(--sapButton_Attention_Active_TextColor)}:host([design="Emphasized"]){background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor);border-width:var(--_ui5-v2-13-0-rc-0_button_emphasized_border_width);color:var(--sapButton_Emphasized_TextColor);font-family:var(--sapButton_Emphasized_FontFamily)}:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);border-width:var(--_ui5-v2-13-0-rc-0_button_emphasized_border_width);color:var(--sapButton_Emphasized_Hover_TextColor)}:host([ui5-button][design="Empasized"][active]:not([non-interactive])){background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_Active_TextColor)}:host([design="Emphasized"][desktop]) .ui5-button-root:focus-within:after,:host([design="Emphasized"]) .ui5-button-root:focus-visible:after{border-color:var(--_ui5-v2-13-0-rc-0_button_emphasized_focused_border_color);outline:none}:host([design="Emphasized"][desktop][active]:not([non-interactive])) .ui5-button-root:focus-within:after,:host([design="Emphasized"][active]:not([non-interactive])) .ui5-button-root:focus-visible:after{border-color:var(--_ui5-v2-13-0-rc-0_button_emphasized_focused_active_border_color)}:host([design="Transparent"]){background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);border-color:var(--sapButton_Lite_BorderColor)}:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Lite_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapButton_Lite_Hover_TextColor)}:host([ui5-button][design="Transparent"][active]:not([non-interactive])){background-color:var(--sapButton_Lite_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([ui5-segmented-button-item][active][desktop]) .ui5-button-root:focus-within:after,:host([ui5-segmented-button-item][active]) .ui5-button-root:focus-visible:after,:host([pressed][desktop]) .ui5-button-root:focus-within:after,:host([pressed]) .ui5-button-root:focus-visible:after{border-color:var(--_ui5-v2-13-0-rc-0_button_pressed_focused_border_color);outline:none}:host([ui5-segmented-button-item][desktop]:not(:last-child)) .ui5-button-root:focus-within:after,:host([ui5-segmented-button-item]:not(:last-child)) .ui5-button-root:focus-visible:after{border-top-right-radius:var(--_ui5-v2-13-0-rc-0_button_focused_inner_border_radius);border-bottom-right-radius:var(--_ui5-v2-13-0-rc-0_button_focused_inner_border_radius)}:host([ui5-segmented-button-item][desktop]:not(:first-child)) .ui5-button-root:focus-within:after,:host([ui5-segmented-button-item]:not(:first-child)) .ui5-button-root:focus-visible:after{border-top-left-radius:var(--_ui5-v2-13-0-rc-0_button_focused_inner_border_radius);border-bottom-left-radius:var(--_ui5-v2-13-0-rc-0_button_focused_inner_border_radius)}::slotted([slot="badge"][design="InlineText"]){pointer-events:initial;font-family:"72override",var(--sapButton_FontFamily);font-size:var(--sapFontSmallSize);padding-inline-start:.25rem;--_ui5-v2-13-0-rc-0-tag-height: .625rem}::slotted([slot="badge"][design="OverlayText"]){pointer-events:initial;position:absolute;top:0;inset-inline-end:0;margin:-.5rem;z-index:1000;font-family:"72override",var(--sapButton_FontFamily);font-size:var(--sapFontSmallSize);--_ui5-v2-13-0-rc-0-tag-height: .625rem}::slotted([slot="badge"][design="AttentionDot"]){pointer-events:initial;content:"";position:absolute;top:0;inset-inline-end:0;margin:-.25rem;z-index:1000}:host(:state(has-overlay-badge)){overflow:visible;margin-inline-end:.3125rem}
+    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
+    var buttonCss = `:host{vertical-align:middle}.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block}:host{min-width:var(--_ui5-v2-14-0-rc-0_button_base_min_width);height:var(--_ui5-v2-14-0-rc-0_button_base_height);line-height:normal;font-family:var(--_ui5-v2-14-0-rc-0_button_fontFamily);font-size:var(--sapFontSize);text-shadow:var(--_ui5-v2-14-0-rc-0_button_text_shadow);border-radius:var(--_ui5-v2-14-0-rc-0_button_border_radius);cursor:pointer;background-color:var(--sapButton_Background);border:var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);color:var(--sapButton_TextColor);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent}.ui5-button-root{min-width:inherit;cursor:inherit;height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;outline:none;padding:0 var(--_ui5-v2-14-0-rc-0_button_base_padding);position:relative;background:transparent;border:none;color:inherit;text-shadow:inherit;font:inherit;white-space:inherit;overflow:inherit;text-overflow:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host(:not([hidden]):not([disabled]).ui5_hovered){background:var(--sapButton_Hover_Background);border:1px solid var(--sapButton_Hover_BorderColor);color:var(--sapButton_Hover_TextColor)}.ui5-button-icon,.ui5-button-end-icon{color:inherit;flex-shrink:0}.ui5-button-end-icon{margin-inline-start:var(--_ui5-v2-14-0-rc-0_button_base_icon_margin)}:host([icon-only]:not([has-end-icon])) .ui5-button-root{min-width:auto;padding:0}:host([icon-only]) .ui5-button-text{display:none}.ui5-button-text{outline:none;position:relative;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([has-icon]:not(:empty)) .ui5-button-text{margin-inline-start:var(--_ui5-v2-14-0-rc-0_button_base_icon_margin)}:host([has-end-icon]:not([has-icon]):empty) .ui5-button-end-icon{margin-inline-start:0}:host([disabled]){opacity:var(--sapContent_DisabledOpacity);pointer-events:unset;cursor:default}:host([has-icon]:not([icon-only]):not([has-end-icon])) .ui5-button-text{min-width:calc(var(--_ui5-v2-14-0-rc-0_button_base_min_width) - var(--_ui5-v2-14-0-rc-0_button_base_icon_margin) - 1rem)}:host([disabled]:active){pointer-events:none}:host([desktop]:not([loading])) .ui5-button-root:focus-within:after,:host(:not([active])) .ui5-button-root:focus-visible:after,:host([desktop][active][design="Emphasized"]) .ui5-button-root:focus-within:after,:host([active][design="Emphasized"]) .ui5-button-root:focus-visible:after,:host([desktop][active]) .ui5-button-root:focus-within:before,:host([active]) .ui5-button-root:focus-visible:before{content:"";position:absolute;box-sizing:border-box;inset:.0625rem;border:var(--_ui5-v2-14-0-rc-0_button_focused_border);border-radius:var(--_ui5-v2-14-0-rc-0_button_focused_border_radius)}:host([desktop][active]) .ui5-button-root:focus-within:before,:host([active]) .ui5-button-root:focus-visible:before{border-color:var(--_ui5-v2-14-0-rc-0_button_pressed_focused_border_color)}:host([design="Emphasized"][desktop]) .ui5-button-root:focus-within:after,:host([design="Emphasized"]) .ui5-button-root:focus-visible:after{border-color:var(--_ui5-v2-14-0-rc-0_button_emphasized_focused_border_color)}:host([design="Emphasized"][desktop]) .ui5-button-root:focus-within:before,:host([design="Emphasized"]) .ui5-button-root:focus-visible:before{content:"";position:absolute;box-sizing:border-box;inset:.0625rem;border:var(--_ui5-v2-14-0-rc-0_button_emphasized_focused_border_before);border-radius:var(--_ui5-v2-14-0-rc-0_button_focused_border_radius)}.ui5-button-root::-moz-focus-inner{border:0}bdi{display:block;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([ui5-button][active]:not([disabled]):not([non-interactive])){background-image:none;background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([design="Positive"]){background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);color:var(--sapButton_Accept_Hover_TextColor)}:host([ui5-button][design="Positive"][active]:not([non-interactive])){background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Active_TextColor)}:host([design="Negative"]){background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);color:var(--sapButton_Reject_Hover_TextColor)}:host([ui5-button][design="Negative"][active]:not([non-interactive])){background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor)}:host([design="Attention"]){background-color:var(--sapButton_Attention_Background);border-color:var(--sapButton_Attention_BorderColor);color:var(--sapButton_Attention_TextColor)}:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Attention_Hover_Background);border-color:var(--sapButton_Attention_Hover_BorderColor);color:var(--sapButton_Attention_Hover_TextColor)}:host([ui5-button][design="Attention"][active]:not([non-interactive])){background-color:var(--sapButton_Attention_Active_Background);border-color:var(--sapButton_Attention_Active_BorderColor);color:var(--sapButton_Attention_Active_TextColor)}:host([design="Emphasized"]){background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor);border-width:var(--_ui5-v2-14-0-rc-0_button_emphasized_border_width);color:var(--sapButton_Emphasized_TextColor);font-family:var(--sapButton_Emphasized_FontFamily)}:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);border-width:var(--_ui5-v2-14-0-rc-0_button_emphasized_border_width);color:var(--sapButton_Emphasized_Hover_TextColor)}:host([ui5-button][design="Empasized"][active]:not([non-interactive])){background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_Active_TextColor)}:host([design="Emphasized"][desktop]) .ui5-button-root:focus-within:after,:host([design="Emphasized"]) .ui5-button-root:focus-visible:after{border-color:var(--_ui5-v2-14-0-rc-0_button_emphasized_focused_border_color);outline:none}:host([design="Emphasized"][desktop][active]:not([non-interactive])) .ui5-button-root:focus-within:after,:host([design="Emphasized"][active]:not([non-interactive])) .ui5-button-root:focus-visible:after{border-color:var(--_ui5-v2-14-0-rc-0_button_emphasized_focused_active_border_color)}:host([design="Transparent"]){background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);border-color:var(--sapButton_Lite_BorderColor)}:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Lite_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapButton_Lite_Hover_TextColor)}:host([ui5-button][design="Transparent"][active]:not([non-interactive])){background-color:var(--sapButton_Lite_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([ui5-segmented-button-item][active][desktop]) .ui5-button-root:focus-within:after,:host([ui5-segmented-button-item][active]) .ui5-button-root:focus-visible:after,:host([pressed][desktop]) .ui5-button-root:focus-within:after,:host([pressed]) .ui5-button-root:focus-visible:after{border-color:var(--_ui5-v2-14-0-rc-0_button_pressed_focused_border_color);outline:none}:host([ui5-segmented-button-item][desktop]:not(:last-child)) .ui5-button-root:focus-within:after,:host([ui5-segmented-button-item]:not(:last-child)) .ui5-button-root:focus-visible:after{border-top-right-radius:var(--_ui5-v2-14-0-rc-0_button_focused_inner_border_radius);border-bottom-right-radius:var(--_ui5-v2-14-0-rc-0_button_focused_inner_border_radius)}:host([ui5-segmented-button-item][desktop]:not(:first-child)) .ui5-button-root:focus-within:after,:host([ui5-segmented-button-item]:not(:first-child)) .ui5-button-root:focus-visible:after{border-top-left-radius:var(--_ui5-v2-14-0-rc-0_button_focused_inner_border_radius);border-bottom-left-radius:var(--_ui5-v2-14-0-rc-0_button_focused_inner_border_radius)}::slotted([slot="badge"][design="InlineText"]){pointer-events:initial;font-family:"72override",var(--sapButton_FontFamily);font-size:var(--sapFontSmallSize);padding-inline-start:.25rem;--_ui5-v2-14-0-rc-0-tag-height: .625rem}::slotted([slot="badge"][design="OverlayText"]){pointer-events:initial;position:absolute;top:0;inset-inline-end:0;margin:-.5rem;z-index:1;font-family:"72override",var(--sapButton_FontFamily);font-size:var(--sapFontSmallSize);--_ui5-v2-14-0-rc-0-tag-height: .625rem}::slotted([slot="badge"][design="AttentionDot"]){pointer-events:initial;content:"";position:absolute;top:0;inset-inline-end:0;margin:-.25rem;z-index:1}:host(:state(has-overlay-badge)){overflow:visible;margin-inline-end:.3125rem}:host([loading]){position:relative;pointer-events:unset}:host([loading]) .ui5-button-root{opacity:var(--sapContent_DisabledOpacity)}:host([loading][design="Emphasized"]){background-color:inherit;border:inherit}:host([design="Emphasized"][loading]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"][loading]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:inherit;border:inherit}:host([design="Emphasized"][loading]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover) .ui5-button-root,:host([design="Emphasized"][loading]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered) .ui5-button-root{background-color:var(--sapButton_Emphasized_Hover_Background)}:host([loading][design="Emphasized"]) .ui5-button-root{background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor)}.ui5-button-busy-indicator{position:absolute;height:100%;width:100%;top:0}
 `;
 
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -240,6 +265,22 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
              * @private
              */
             this.nonInteractive = false;
+            /**
+             * Defines whether the button shows a loading indicator.
+             *
+             * **Note:** If set to `true`, a busy indicator component will be displayed on the related button.
+             * @default false
+             * @public
+             * @since 2.13.0
+             */
+            this.loading = false;
+            /**
+             * Specifies the delay in milliseconds before the loading indicator appears within the associated button.
+             * @default 1000
+             * @public
+             * @since 2.13.0
+             */
+            this.loadingDelay = 1000;
             /**
              * @private
              */
@@ -319,6 +360,10 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             if (this.nonInteractive) {
                 return;
             }
+            if (this.loading) {
+                e.preventDefault();
+                return;
+            }
             const { altKey, ctrlKey, metaKey, shiftKey, } = e;
             const prevented = !this.fireDecoratorEvent("click", {
                 originalEvent: e,
@@ -349,7 +394,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             activeButton = this; // eslint-disable-line
         }
         _ontouchend(e) {
-            if (this.disabled) {
+            if (this.disabled || this.loading) {
                 e.preventDefault();
                 e.stopPropagation();
             }
@@ -361,7 +406,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             }
         }
         _onkeydown(e) {
-            this._cancelAction = webcomponentsBase.io(e) || webcomponentsBase.H(e);
+            this._cancelAction = webcomponentsBase.Ao(e) || webcomponentsBase.H(e);
             if (webcomponentsBase.i(e) || webcomponentsBase.b$1(e)) {
                 this._setActiveState(true);
             }
@@ -389,7 +434,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         }
         _setActiveState(active) {
             const eventPrevented = !this.fireDecoratorEvent("active-state-change");
-            if (eventPrevented) {
+            if (eventPrevented || this.loading) {
                 return;
             }
             this.active = active;
@@ -521,6 +566,12 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     __decorate([
         webcomponentsBase.s({ type: Boolean })
     ], Button.prototype, "nonInteractive", void 0);
+    __decorate([
+        webcomponentsBase.s({ type: Boolean })
+    ], Button.prototype, "loading", void 0);
+    __decorate([
+        webcomponentsBase.s({ type: Number })
+    ], Button.prototype, "loadingDelay", void 0);
     __decorate([
         webcomponentsBase.s({ noAttribute: true })
     ], Button.prototype, "buttonTitle", void 0);
@@ -543,7 +594,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         webcomponentsBase.d({ type: HTMLElement, invalidateOnChildChange: true })
     ], Button.prototype, "badge", void 0);
     __decorate([
-        i18nDefaults.i("sap/ushell/gen/ui5/webcomponents")
+        parametersBundle_css$1.i("sap/ushell/gen/ui5/webcomponents")
     ], Button, "i18nBundle", void 0);
     Button = Button_1 = __decorate([
         webcomponentsBase.m({

package/src/main/js/sap/ushell/thirdparty/FocusableElements.js

@@ -0,0 +1,10 @@
+sap.ui.define(['exports', 'sap/ushell/thirdparty/ListItemBase', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/Icons'], (function (exports, ListItemBase, webcomponentsBase, Icons) { 'use strict';
+
+	const n=/^(?:a|area)$/i,a=/^(?:input|select|textarea|button)$/i,r=e=>{if(e.disabled)return  false;const t=e.getAttribute("tabindex");return t!=null?parseInt(t)>=0:a.test(e.nodeName)||n.test(e.nodeName)&&!!e.href};
+
+	const c=e=>e.hasAttribute("data-ui5-focus-trap"),d=e=>{const l=getComputedStyle(e);return e.scrollHeight>e.clientHeight&&["scroll","auto"].indexOf(l.overflowY)>=0||e.scrollWidth>e.clientWidth&&["scroll","auto"].indexOf(l.overflowX)>=0},b=async(e,l)=>!e||ListItemBase.i(e)?null:m(e,true),H=async(e,l)=>!e||ListItemBase.i(e)?null:m(e,false),T=e=>e.hasAttribute("data-ui5-focus-redirect")||!ListItemBase.i(e),L=e=>{if(webcomponentsBase.v(e)){const l=e.getAttribute("tabindex");if(l!==null&&parseInt(l)<0)return  true}return  false},m=async(e,l,r$1)=>{let t,s,n=-1;e.shadowRoot?t=l?e.shadowRoot.firstChild:e.shadowRoot.lastChild:e instanceof HTMLSlotElement&&e.assignedNodes()?(s=e.assignedElements(),n=l?0:s.length-1,t=s[n]):t=l?e.firstElementChild:e.lastElementChild;let i;for(;t;){const u=t;if(!ListItemBase.i(u)&&!L(u)){if(webcomponentsBase.v(t)&&(await t._waitForDomRef(),t=t.getDomRef()),!t||ListItemBase.i(t))return null;if(t.nodeType===1&&T(t)&&!c(t)){if(r(t)||(i=await m(t,l),!Icons.h()&&!i&&d(t)))return t&&typeof t.focus=="function"?t:null;if(i)return i&&typeof i.focus=="function"?i:null}}t=l?u.nextElementSibling:u.previousElementSibling,s&&!s[n].contains(t)&&(n=l?n+1:n-1,t=s[n]);}return null};
+
+	exports.H = H;
+	exports.b = b;
+
+}));

package/src/main/js/sap/ushell/thirdparty/Icon.js

@@ -1,9 +1,28 @@
-sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/i18n-defaults'], (function (exports, webcomponentsBase, parametersBundle_css, eventStrict, Icons, i18nDefaults) { 'use strict';
+sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/parameters-bundle.css'], (function (exports, webcomponentsBase, parametersBundle_css, eventStrict, Icons, parametersBundle_css$1) { 'use strict';
 
     function IconTemplate() {
         return (parametersBundle_css.jsxs("svg", { class: "ui5-icon-root", part: "root", tabindex: this._tabIndex, dir: this._dir, viewBox: this.viewBox, role: this.effectiveAccessibleRole, focusable: "false", preserveAspectRatio: "xMidYMid meet", "aria-label": this.effectiveAccessibleName, "aria-hidden": this.effectiveAriaHidden, xmlns: "http://www.w3.org/2000/svg", onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, children: [this.hasIconTooltip &&
-                    parametersBundle_css.jsxs("title", { id: `${this._id}-tooltip`, children: [" ", this.effectiveAccessibleName, " "] }), parametersBundle_css.jsxs("g", { role: "presentation", children: [this.customSvg &&
-                            parametersBundle_css.jsx("g", { dangerouslySetInnerHTML: { __html: this.customSvg.strings?.join("") ?? "" } }), this.pathData.map(path => (parametersBundle_css.jsx("path", { d: path })))] })] }));
+                    parametersBundle_css.jsxs("title", { id: `${this._id}-tooltip`, children: [" ", this.effectiveAccessibleName, " "] }), parametersBundle_css.jsxs("g", { role: "presentation", children: [this.customSvg && svgTemplate.call(this, this.customSvg), this.pathData.map(path => (parametersBundle_css.jsx("path", { d: path })))] })] }));
+    }
+    function svgTemplate(template) {
+        if (template.strings) {
+            return parametersBundle_css.jsx("g", { dangerouslySetInnerHTML: { __html: renderLegacySVGTemplate(this.customSvg) ?? "" } });
+        }
+        return template;
+    }
+    // Renders legacy (lit) SVG template
+    function renderLegacySVGTemplate(customTemplate) {
+        const { strings, values } = customTemplate;
+        return strings.map((str, i) => {
+            const value = values && values[i];
+            if (typeof value === "string") {
+                return str + value;
+            }
+            if (typeof value === "object" && value?.strings) {
+                return str + renderLegacySVGTemplate(value);
+            }
+            return str;
+        }).join("");
     }
 
     /**
@@ -37,8 +56,8 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     var IconMode$1 = IconMode;
 
     Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var iconCss = `:host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([hidden]){display:none}:host([invalid]){display:none}:host(:not([hidden]).ui5_hovered){opacity:.7}:host{display:inline-block;width:1rem;height:1rem;color:var(--sapContent_IconColor);fill:currentColor;outline:none}:host([design="Contrast"]){color:var(--sapContent_ContrastIconColor)}:host([design="Critical"]){color:var(--sapCriticalElementColor)}:host([design="Information"]){color:var(--sapInformativeElementColor)}:host([design="Negative"]){color:var(--sapNegativeElementColor)}:host([design="Neutral"]){color:var(--sapNeutralElementColor)}:host([design="NonInteractive"]){color:var(--sapContent_NonInteractiveIconColor)}:host([design="Positive"]){color:var(--sapPositiveElementColor)}:host([mode="Interactive"][desktop]) .ui5-icon-root:focus,:host([mode="Interactive"]) .ui5-icon-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--ui5-v2-13-0-rc-0-icon-focus-border-radius)}.ui5-icon-root{display:flex;height:100%;width:100%;outline:none;vertical-align:top}:host([mode="Interactive"]){cursor:pointer}.ui5-icon-root:not([dir=ltr])>g{transform:var(--_ui5-v2-13-0-rc-0_icon_transform_scale);transform-origin:center}
+    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
+    var iconCss = `:host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([hidden]){display:none}:host([invalid]){display:none}:host(:not([hidden]).ui5_hovered){opacity:.7}:host{display:inline-block;width:1rem;height:1rem;color:var(--sapContent_IconColor);fill:currentColor;outline:none}:host([design="Contrast"]){color:var(--sapContent_ContrastIconColor)}:host([design="Critical"]){color:var(--sapCriticalElementColor)}:host([design="Information"]){color:var(--sapInformativeElementColor)}:host([design="Negative"]){color:var(--sapNegativeElementColor)}:host([design="Neutral"]){color:var(--sapNeutralElementColor)}:host([design="NonInteractive"]){color:var(--sapContent_NonInteractiveIconColor)}:host([design="Positive"]){color:var(--sapPositiveElementColor)}:host([mode="Interactive"][desktop]) .ui5-icon-root:focus,:host([mode="Interactive"]) .ui5-icon-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--ui5-v2-14-0-rc-0-icon-focus-border-radius)}.ui5-icon-root{display:flex;height:100%;width:100%;outline:none;vertical-align:top}:host([mode="Interactive"]){cursor:pointer}.ui5-icon-root:not([dir=ltr])>g{transform:var(--_ui5-v2-14-0-rc-0_icon_transform_scale);transform-origin:center}
 `;
 
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {

package/src/main/js/sap/ushell/thirdparty/Icons.js

@@ -1,34 +1,34 @@
 sap.ui.define(['exports'], (function (exports) { 'use strict';
 
+	const o$c=(t,n=document.body,r)=>{let e=document.querySelector(t);return e||(e=r?r():document.createElement(t),n.insertBefore(e,n.firstChild))};
+
+	const u$b=()=>{const t=document.createElement("meta");return t.setAttribute("name","ui5-shared-resources"),t.setAttribute("content",""),t},l$e=()=>typeof document>"u"?null:o$c('meta[name="ui5-shared-resources"]',document.head,u$b),m$9=(t,o)=>{const r=t.split(".");let e=l$e();if(!e)return o;for(let n=0;n<r.length;n++){const s=r[n],c=n===r.length-1;Object.prototype.hasOwnProperty.call(e,s)||(e[s]=c?o:{}),e=e[s];}return e};
+
 	const e$a=new Map,s$g=(t,r)=>{e$a.set(t,r);},n$e=t=>e$a.get(t);
 
-	var c$e={},e$9=c$e.hasOwnProperty,a$b=c$e.toString,o$c=e$9.toString,l$d=o$c.call(Object),i$g=function(r){var t,n;return !r||a$b.call(r)!=="[object Object]"?false:(t=Object.getPrototypeOf(r),t?(n=e$9.call(t,"constructor")&&t.constructor,typeof n=="function"&&o$c.call(n)===l$d):true)};
+	var c$e={},e$9=c$e.hasOwnProperty,a$b=c$e.toString,o$b=e$9.toString,l$d=o$b.call(Object),i$g=function(r){var t,n;return !r||a$b.call(r)!=="[object Object]"?false:(t=Object.getPrototypeOf(r),t?(n=e$9.call(t,"constructor")&&t.constructor,typeof n=="function"&&o$b.call(n)===l$d):true)};
 
-	var c$d=Object.create(null),u$c=function(p,m,A,d){var n,t,e,a,o,i,r=arguments[2]||{},f=3,l=arguments.length,s=arguments[0]||false,y=arguments[1]?void 0:c$d;for(typeof r!="object"&&typeof r!="function"&&(r={});f<l;f++)if((o=arguments[f])!=null)for(a in o)n=r[a],e=o[a],!(a==="__proto__"||r===e)&&(s&&e&&(i$g(e)||(t=Array.isArray(e)))?(t?(t=false,i=n&&Array.isArray(n)?n:[]):i=n&&i$g(n)?n:{},r[a]=u$c(s,arguments[1],i,e)):e!==y&&(r[a]=e));return r};
+	var c$d=Object.create(null),u$a=function(p,m,A,d){var n,t,e,a,o,i,r=arguments[2]||{},f=3,l=arguments.length,s=arguments[0]||false,y=arguments[1]?void 0:c$d;for(typeof r!="object"&&typeof r!="function"&&(r={});f<l;f++)if((o=arguments[f])!=null)for(a in o)n=r[a],e=o[a],!(a==="__proto__"||r===e)&&(s&&e&&(i$g(e)||(t=Array.isArray(e)))?(t?(t=false,i=n&&Array.isArray(n)?n:[]):i=n&&i$g(n)?n:{},r[a]=u$a(s,arguments[1],i,e)):e!==y&&(r[a]=e));return r};
 
-	const e$8=function(n,t){return u$c(true,false,...arguments)};
+	const e$8=function(n,t){return u$a(true,false,...arguments)};
 
 	const _$1={themes:{default:"sap_horizon",all:["sap_fiori_3","sap_fiori_3_dark","sap_fiori_3_hcb","sap_fiori_3_hcw","sap_horizon","sap_horizon_dark","sap_horizon_hcb","sap_horizon_hcw"]},languages:{default:"en"},locales:{default:"en",all:["ar","ar_EG","ar_SA","bg","ca","cnr","cs","da","de","de_AT","de_CH","el","el_CY","en","en_AU","en_GB","en_HK","en_IE","en_IN","en_NZ","en_PG","en_SG","en_ZA","es","es_AR","es_BO","es_CL","es_CO","es_MX","es_PE","es_UY","es_VE","et","fa","fi","fr","fr_BE","fr_CA","fr_CH","fr_LU","he","hi","hr","hu","id","it","it_CH","ja","kk","ko","lt","lv","ms","mk","nb","nl","nl_BE","pl","pt","pt_PT","ro","ru","ru_UA","sk","sl","sr","sr_Latn","sv","th","tr","uk","vi","zh_CN","zh_HK","zh_SG","zh_TW"]}},e$7=_$1.themes.default,s$f=_$1.themes.all,a$a=_$1.languages.default,r$e=_$1.locales.default,l$c=_$1.locales.all;
 
-	const o$b=typeof document>"u",n$d={search(){return o$b?"":window.location.search}},i$f=()=>o$b?"":window.location.hostname,c$c=()=>o$b?"":window.location.port,a$9=()=>o$b?"":window.location.protocol,s$e=()=>o$b?"":window.location.href,u$b=()=>n$d.search();
+	const o$a=typeof document>"u",n$d={search(){return o$a?"":window.location.search}},i$f=()=>o$a?"":window.location.hostname,c$c=()=>o$a?"":window.location.port,a$9=()=>o$a?"":window.location.protocol,s$e=()=>o$a?"":window.location.href,u$9=()=>n$d.search();
 
-	const o$a=e=>{const t=document.querySelector(`META[name="${e}"]`);return t&&t.getAttribute("content")},s$d=e=>{const t=o$a("sap-allowedThemeOrigins");return t&&t.split(",").some(n=>n==="*"||e===n.trim())},a$8=(e,t)=>{const n=new URL(e).pathname;return new URL(n,t).toString()},g$9=e=>{let t;try{if(e.startsWith(".")||e.startsWith("/"))t=new URL(e,s$e()).toString();else {const n=new URL(e),r=n.origin;r&&s$d(r)?t=n.toString():t=a$8(n.toString(),s$e());}return t.endsWith("/")||(t=`${t}/`),`${t}UI5/`}catch{}};
+	const s$d=e=>{const t=document.querySelector(`META[name="${e}"]`);return t&&t.getAttribute("content")},o$9=e=>{const t=s$d("sap-allowed-theme-origins")??s$d("sap-allowedThemeOrigins");return t?t.split(",").some(n=>n==="*"||e===n.trim()):false},a$8=(e,t)=>{const n=new URL(e).pathname;return new URL(n,t).toString()},g$9=e=>{let t;try{if(e.startsWith(".")||e.startsWith("/"))t=new URL(e,s$e()).toString();else {const n=new URL(e),r=n.origin;r&&o$9(r)?t=n.toString():t=a$8(n.toString(),s$e());}return t.endsWith("/")||(t=`${t}/`),`${t}UI5/`}catch{}};
 
-	var u$a=(l=>(l.Full="full",l.Basic="basic",l.Minimal="minimal",l.None="none",l))(u$a||{});
+	var u$8=(l=>(l.Full="full",l.Basic="basic",l.Minimal="minimal",l.None="none",l))(u$8||{});
 
 	let i$e = class i{constructor(){this._eventRegistry=new Map;}attachEvent(t,r){const n=this._eventRegistry,e=n.get(t);if(!Array.isArray(e)){n.set(t,[r]);return}e.includes(r)||e.push(r);}detachEvent(t,r){const n=this._eventRegistry,e=n.get(t);if(!e)return;const s=e.indexOf(r);s!==-1&&e.splice(s,1),e.length===0&&n.delete(t);}fireEvent(t,r){const e=this._eventRegistry.get(t);return e?e.map(s=>s.call(this,r)):[]}fireEventAsync(t,r){return Promise.all(this.fireEvent(t,r))}isHandlerAttached(t,r){const e=this._eventRegistry.get(t);return e?e.includes(r):false}hasListeners(t){return !!this._eventRegistry.get(t)}};
 
 	const e$6=new i$e,t$g="configurationReset",i$d=n=>{e$6.attachEvent(t$g,n);};
 
-	let p$5=false,t$f={animationMode:u$a.Full,theme:e$7,themeRoot:void 0,rtl:void 0,language:void 0,timezone:void 0,calendarType:void 0,secondaryCalendarType:void 0,noConflict:false,formatSettings:{},fetchDefaultLanguage:false,defaultFontLoading:true,enableDefaultTooltips:true};const C$1=()=>(o$9(),t$f.animationMode),T$3=()=>(o$9(),t$f.theme),S$2=()=>(o$9(),t$f.themeRoot),L$2=()=>(o$9(),t$f.language),F=()=>(o$9(),t$f.fetchDefaultLanguage),U$2=()=>(o$9(),t$f.noConflict),b$3=()=>(o$9(),t$f.defaultFontLoading),D=()=>(o$9(),t$f.enableDefaultTooltips),I$4=()=>(o$9(),t$f.calendarType),M$1=()=>(o$9(),t$f.formatSettings),i$c=new Map;i$c.set("true",true),i$c.set("false",false);const z=()=>{const n=document.querySelector("[data-ui5-config]")||document.querySelector("[data-id='sap-ui-config']");let e;if(n){try{e=JSON.parse(n.innerHTML);}catch{console.warn("Incorrect data-sap-ui-config format. Please use JSON");}e&&(t$f=e$8(t$f,e));}},E$1=()=>{const n=new URLSearchParams(u$b());n.forEach((e,a)=>{const r=a.split("sap-").length;r===0||r===a.split("sap-ui-").length||u$9(a,e,"sap");}),n.forEach((e,a)=>{a.startsWith("sap-ui")&&u$9(a,e,"sap-ui");});},P$5=n=>{const e=n.split("@")[1];return g$9(e)},w$6=(n,e)=>n==="theme"&&e.includes("@")?e.split("@")[0]:e,u$9=(n,e,a)=>{const r=e.toLowerCase(),s=n.split(`${a}-`)[1];i$c.has(e)&&(e=i$c.get(r)),s==="theme"?(t$f.theme=w$6(s,e),e&&e.includes("@")&&(t$f.themeRoot=P$5(e))):t$f[s]=e;},j=()=>{const n=n$e("OpenUI5Support");if(!n||!n.isOpenUI5Detected())return;const e=n.getConfigurationSettingsObject();t$f=e$8(t$f,e);},o$9=()=>{typeof document>"u"||p$5||(g$8(),p$5=true);},g$8=n=>{z(),E$1(),j();};
-
-	let l$b = class l{constructor(){this.list=[],this.lookup=new Set;}add(t){this.lookup.has(t)||(this.list.push(t),this.lookup.add(t));}remove(t){this.lookup.has(t)&&(this.list=this.list.filter(e=>e!==t),this.lookup.delete(t));}shift(){const t=this.list.shift();if(t)return this.lookup.delete(t),t}isEmpty(){return this.list.length===0}isAdded(t){return this.lookup.has(t)}process(t){let e;const s=new Map;for(e=this.shift();e;){const i=s.get(e)||0;if(i>10)throw new Error("Web component processed too many times this task, max allowed is: 10");t(e),s.set(e,i+1),e=this.shift();}}};
-
-	const o$8=(t,n=document.body,r)=>{let e=document.querySelector(t);return e||(e=r?r():document.createElement(t),n.insertBefore(e,n.firstChild))};
+	let p$5=false,t$f={animationMode:u$8.Full,theme:e$7,themeRoot:void 0,rtl:void 0,language:void 0,timezone:void 0,calendarType:void 0,secondaryCalendarType:void 0,noConflict:false,formatSettings:{},fetchDefaultLanguage:false,defaultFontLoading:true,enableDefaultTooltips:true};const C$1=()=>(o$8(),t$f.animationMode),T$3=()=>(o$8(),t$f.theme),S$2=()=>{if(o$8(),t$f.themeRoot!==void 0){if(!g$9(t$f.themeRoot)){console.warn(`The ${t$f.themeRoot} is not valid. Check the allowed origins as suggested in the "setThemeRoot" description.`);return}return t$f.themeRoot}},L$2=()=>(o$8(),t$f.language),R$2=()=>(o$8(),t$f.fetchDefaultLanguage),F=()=>(o$8(),t$f.noConflict),U$2=()=>(o$8(),t$f.defaultFontLoading),b$3=()=>(o$8(),t$f.enableDefaultTooltips),D=()=>(o$8(),t$f.calendarType),M$1=()=>(o$8(),t$f.formatSettings),i$c=new Map;i$c.set("true",true),i$c.set("false",false);const w$6=()=>{const n=document.querySelector("[data-ui5-config]")||document.querySelector("[data-id='sap-ui-config']");let e;if(n){try{e=JSON.parse(n.innerHTML);}catch{console.warn("Incorrect data-sap-ui-config format. Please use JSON");}e&&(t$f=e$8(t$f,e));}},z=()=>{const n=new URLSearchParams(u$9());n.forEach((e,r)=>{const a=r.split("sap-").length;a===0||a===r.split("sap-ui-").length||g$8(r,e,"sap");}),n.forEach((e,r)=>{r.startsWith("sap-ui")&&g$8(r,e,"sap-ui");});},E$1=n=>{const e=n.split("@")[1];return g$9(e)},P$5=(n,e)=>n==="theme"&&e.includes("@")?e.split("@")[0]:e,g$8=(n,e,r)=>{const a=e.toLowerCase(),s=n.split(`${r}-`)[1];i$c.has(e)&&(e=i$c.get(a)),s==="theme"?(t$f.theme=P$5(s,e),e&&e.includes("@")&&(t$f.themeRoot=E$1(e))):t$f[s]=e;},j=()=>{const n=n$e("OpenUI5Support");if(!n||!n.isOpenUI5Detected())return;const e=n.getConfigurationSettingsObject();t$f=e$8(t$f,e);},o$8=()=>{typeof document>"u"||p$5||(l$b(),p$5=true);},l$b=n=>{w$6(),z(),j();};
 
-	const u$8=()=>{const t=document.createElement("meta");return t.setAttribute("name","ui5-shared-resources"),t.setAttribute("content",""),t},l$a=()=>typeof document>"u"?null:o$8('meta[name="ui5-shared-resources"]',document.head,u$8),m$9=(t,o)=>{const r=t.split(".");let e=l$a();if(!e)return o;for(let n=0;n<r.length;n++){const s=r[n],c=n===r.length-1;Object.prototype.hasOwnProperty.call(e,s)||(e[s]=c?o:{}),e=e[s];}return e};
+	let l$a = class l{constructor(){this.list=[],this.lookup=new Set;}add(t){this.lookup.has(t)||(this.list.push(t),this.lookup.add(t));}remove(t){this.lookup.has(t)&&(this.list=this.list.filter(e=>e!==t),this.lookup.delete(t));}shift(){const t=this.list.shift();if(t)return this.lookup.delete(t),t}isEmpty(){return this.list.length===0}isAdded(t){return this.lookup.has(t)}process(t){let e;const s=new Map;for(e=this.shift();e;){const i=s.get(e)||0;if(i>10)throw new Error("Web component processed too many times this task, max allowed is: 10");t(e),s.set(e,i+1),e=this.shift();}}};
 
-	const e$5={version:"2.13.0-rc.0",major:2,minor:13,patch:0,suffix:"-rc.0",isNext:false,buildTime:1752135024};
+	const e$5={version:"2.14.0-rc.0",major:2,minor:14,patch:0,suffix:"-rc.0",isNext:false,buildTime:1754554256};
 
 	let s$c,t$e={include:[/^ui5-/],exclude:[]};const o$7=new Map,l$9=e=>{if(!e.match(/^[a-zA-Z0-9_-]+$/))throw new Error("Only alphanumeric characters and dashes allowed for the scoping suffix");R$1()&&console.warn("Setting the scoping suffix must be done before importing any components. For proper usage, read the scoping section: https://github.com/SAP/ui5-webcomponents/blob/main/docs/2-advanced/06-scoping.md."),s$c=e;},c$b=()=>s$c,p$4=e=>{if(!e||!e.include)throw new Error('"rules" must be an object with at least an "include" property');if(!Array.isArray(e.include)||e.include.some(n=>!(n instanceof RegExp)))throw new Error('"rules.include" must be an array of regular expressions');if(e.exclude&&(!Array.isArray(e.exclude)||e.exclude.some(n=>!(n instanceof RegExp))))throw new Error('"rules.exclude" must be an array of regular expressions');e.exclude=e.exclude||[],t$e=e,o$7.clear();},m$8=()=>t$e,i$b=e=>{if(!o$7.has(e)){const n=t$e.include.some(r=>e.match(r))&&!t$e.exclude.some(r=>e.match(r));o$7.set(e,n);}return o$7.get(e)},g$7=e=>{if(i$b(e))return c$b()},d$9=e=>{const n=`v${e$5.version.replaceAll(".","-")}`,r=/(--_?ui5)([^,:)\s]+)/g;return e.replaceAll(r,`$1-${n}$2`)};
 
@@ -46,7 +46,7 @@ To prevent other runtimes from defining tags that you use, consider using scopin
 
 	const t$d=new Set,n$c=e=>{t$d.add(e);},r$c=e=>t$d.has(e);
 
-	const s$9=new Set,d$7=new i$e,n$b=new l$b;let t$c,a$7,m$6,i$9;const l$8=async e=>{n$b.add(e),await P$4();},c$9=e=>{d$7.fireEvent("beforeComponentRender",e),s$9.add(e),e._render();},h$5=e=>{n$b.remove(e),s$9.delete(e);},P$4=async()=>{i$9||(i$9=new Promise(e=>{window.requestAnimationFrame(()=>{n$b.process(c$9),i$9=null,e(),m$6||(m$6=setTimeout(()=>{m$6=void 0,n$b.isEmpty()&&U$1();},200));});})),await i$9;},y$2=()=>t$c||(t$c=new Promise(e=>{a$7=e,window.requestAnimationFrame(()=>{n$b.isEmpty()&&(t$c=void 0,e());});}),t$c),I$2=()=>{const e=T$2().map(r=>customElements.whenDefined(r));return Promise.all(e)},f$6=async()=>{await I$2(),await y$2();},U$1=()=>{n$b.isEmpty()&&a$7&&(a$7(),a$7=void 0,t$c=void 0);},C=async e=>{s$9.forEach(r=>{const o=r.constructor,u=o.getMetadata().getTag(),w=r$c(o),p=o.getMetadata().isLanguageAware(),E=o.getMetadata().isThemeAware();(!e||e.tag===u||e.rtlAware&&w||e.languageAware&&p||e.themeAware&&E)&&l$8(r);}),await f$6();};
+	const s$9=new Set,d$7=new i$e,n$b=new l$a;let t$c,a$7,m$6,i$9;const l$8=async e=>{n$b.add(e),await P$4();},c$9=e=>{d$7.fireEvent("beforeComponentRender",e),s$9.add(e),e._render();},h$5=e=>{n$b.remove(e),s$9.delete(e);},P$4=async()=>{i$9||(i$9=new Promise(e=>{window.requestAnimationFrame(()=>{n$b.process(c$9),i$9=null,e(),m$6||(m$6=setTimeout(()=>{m$6=void 0,n$b.isEmpty()&&U$1();},200));});})),await i$9;},y$2=()=>t$c||(t$c=new Promise(e=>{a$7=e,window.requestAnimationFrame(()=>{n$b.isEmpty()&&(t$c=void 0,e());});}),t$c),I$2=()=>{const e=T$2().map(r=>customElements.whenDefined(r));return Promise.all(e)},f$6=async()=>{await I$2(),await y$2();},U$1=()=>{n$b.isEmpty()&&a$7&&(a$7(),a$7=void 0,t$c=void 0);},C=async e=>{s$9.forEach(r=>{const o=r.constructor,u=o.getMetadata().getTag(),w=r$c(o),p=o.getMetadata().isLanguageAware(),E=o.getMetadata().isThemeAware();(!e||e.tag===u||e.rtlAware&&w||e.languageAware&&p||e.themeAware&&E)&&l$8(r);}),await f$6();};
 
 	const g$5=typeof document>"u",i$8=(e,t)=>t?`${e}|${t}`:e,l$7=e=>e===void 0?true:b$2(I$3(),parseInt(e))===1,c$8=(e,t,r="",s)=>{const d=I$3(),n=new CSSStyleSheet;n.replaceSync(e),n._ui5StyleId=i$8(t,r),s&&(n._ui5RuntimeIndex=d,n._ui5Theme=s),document.adoptedStyleSheets=[...document.adoptedStyleSheets,n];},y$1=(e,t,r="",s)=>{const d=I$3(),n=document.adoptedStyleSheets.find(o=>o._ui5StyleId===i$8(t,r));if(n)if(!s)n.replaceSync(e||"");else {const o=n._ui5RuntimeIndex;(n._ui5Theme!==s||l$7(o))&&(n.replaceSync(e||""),n._ui5RuntimeIndex=String(d),n._ui5Theme=s);}},S$1=(e,t="")=>g$5?true:!!document.adoptedStyleSheets.find(r=>r._ui5StyleId===i$8(e,t)),f$5=(e,t="")=>{document.adoptedStyleSheets=document.adoptedStyleSheets.filter(r=>r._ui5StyleId!==i$8(e,t));},R=(e,t,r="",s)=>{S$1(t,r)?y$1(e,t,r,s):c$8(e,t,r,s);},m$5=(e,t)=>e===void 0?t:t===void 0?e:`${e} ${t}`;
 
@@ -70,7 +70,7 @@ To prevent other runtimes from defining tags that you use, consider using scopin
 
 	var n$7 = "@font-face{font-family:'72override';unicode-range:U+0102-0103,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EB7,U+1EB8-1EC7,U+1EC8-1ECB,U+1ECC-1EE3,U+1EE4-1EF1,U+1EF4-1EF7;src:local('Arial'),local('Helvetica'),local('sans-serif')}";
 
-	let o$4;i$d(()=>{o$4=void 0;});const a$4=()=>(o$4===void 0&&(o$4=b$3()),o$4);
+	let o$4;i$d(()=>{o$4=void 0;});const a$4=()=>(o$4===void 0&&(o$4=U$2()),o$4);
 
 	const i$5=()=>{const t=n$e("OpenUI5Support");(!t||!t.isOpenUI5Detected())&&p$2(),c$7();},p$2=()=>{const t=document.querySelector("head>style[data-ui5-font-face]");!a$4()||t||S$1("data-ui5-font-face")||c$8(a$5,"data-ui5-font-face");},c$7=()=>{S$1("data-ui5-font-face-override")||c$8(n$7,"data-ui5-font-face-override");};
 
@@ -78,7 +78,7 @@ To prevent other runtimes from defining tags that you use, consider using scopin
 
 	const e$4=()=>{S$1("data-ui5-system-css-vars")||c$8(a$3,"data-ui5-system-css-vars");};
 
-	const t$8=typeof document>"u",e$3={get userAgent(){return t$8?"":navigator.userAgent},get touch(){return t$8?false:"ontouchstart"in window||navigator.maxTouchPoints>0},get chrome(){return t$8?false:/(Chrome|CriOS)/.test(e$3.userAgent)},get firefox(){return t$8?false:/Firefox/.test(e$3.userAgent)},get safari(){return t$8?false:!e$3.chrome&&/(Version|PhantomJS)\/(\d+\.\d+).*Safari/.test(e$3.userAgent)},get webkit(){return t$8?false:/webkit/.test(e$3.userAgent)},get windows(){return t$8?false:navigator.platform.indexOf("Win")!==-1},get macOS(){return t$8?false:!!navigator.userAgent.match(/Macintosh|Mac OS X/i)},get iOS(){return t$8?false:!!navigator.platform.match(/iPhone|iPad|iPod/)||!!(e$3.userAgent.match(/Mac/)&&"ontouchend"in document)},get android(){return t$8?false:!e$3.windows&&/Android/.test(e$3.userAgent)},get androidPhone(){return t$8?false:e$3.android&&/(?=android)(?=.*mobile)/i.test(e$3.userAgent)},get ipad(){return t$8?false:/ipad/i.test(e$3.userAgent)||/Macintosh/i.test(e$3.userAgent)&&"ontouchend"in document},_isPhone(){return u$4(),e$3.touch&&!r$8}};let o$3,i$4,r$8;const s$5=()=>{if(t$8||!e$3.windows)return  false;if(o$3===void 0){const n=e$3.userAgent.match(/Windows NT (\d+).(\d)/);o$3=n?parseFloat(n[1]):0;}return o$3>=8},c$6=()=>{if(t$8||!e$3.webkit)return  false;if(i$4===void 0){const n=e$3.userAgent.match(/(webkit)[ /]([\w.]+)/);i$4=n?parseFloat(n[1]):0;}return i$4>=537.1},u$4=()=>{if(t$8)return  false;if(r$8===void 0){if(e$3.ipad){r$8=true;return}if(e$3.touch){if(s$5()){r$8=true;return}if(e$3.chrome&&e$3.android){r$8=!/Mobile Safari\/[.0-9]+/.test(e$3.userAgent);return}let n=window.devicePixelRatio?window.devicePixelRatio:1;e$3.android&&c$6()&&(n=1),r$8=Math.min(window.screen.width/n,window.screen.height/n)>=600;return}r$8=e$3.userAgent.indexOf("Touch")!==-1||e$3.android&&!e$3.androidPhone;}},l$5=()=>e$3.touch,h$3=()=>e$3.safari,g$4=()=>e$3.chrome,b$1=()=>e$3.firefox,a$2=()=>(u$4(),(e$3.touch||s$5())&&r$8),d$2=()=>e$3._isPhone(),f$4=()=>t$8?false:!a$2()&&!d$2()||s$5(),m$2=()=>a$2()&&f$4(),w$2=()=>e$3.iOS,P$1=()=>e$3.android||e$3.androidPhone;
+	const t$8=typeof document>"u",e$3={get userAgent(){return t$8?"":navigator.userAgent},get touch(){return t$8?false:"ontouchstart"in window||navigator.maxTouchPoints>0},get chrome(){return t$8?false:/(Chrome|CriOS)/.test(e$3.userAgent)},get firefox(){return t$8?false:/Firefox/.test(e$3.userAgent)},get safari(){return t$8?false:!e$3.chrome&&/(Version|PhantomJS)\/(\d+\.\d+).*Safari/.test(e$3.userAgent)},get webkit(){return t$8?false:/webkit/.test(e$3.userAgent)},get windows(){return t$8?false:navigator.platform.indexOf("Win")!==-1},get macOS(){return t$8?false:!!navigator.userAgent.match(/Macintosh|Mac OS X/i)},get iOS(){return t$8?false:!!navigator.platform.match(/iPhone|iPad|iPod/)||!!(e$3.userAgent.match(/Mac/)&&"ontouchend"in document)},get android(){return t$8?false:!e$3.windows&&/Android/.test(e$3.userAgent)},get androidPhone(){return t$8?false:e$3.android&&/(?=android)(?=.*mobile)/i.test(e$3.userAgent)},get ipad(){return t$8?false:/ipad/i.test(e$3.userAgent)||/Macintosh/i.test(e$3.userAgent)&&"ontouchend"in document},_isPhone(){return u$4(),e$3.touch&&!r$8}};let o$3,i$4,r$8;const s$5=()=>{if(t$8||!e$3.windows)return  false;if(o$3===void 0){const n=e$3.userAgent.match(/Windows NT (\d+).(\d)/);o$3=n?parseFloat(n[1]):0;}return o$3>=8},c$6=()=>{if(t$8||!e$3.webkit)return  false;if(i$4===void 0){const n=e$3.userAgent.match(/(webkit)[ /]([\w.]+)/);i$4=n?parseFloat(n[1]):0;}return i$4>=537.1},u$4=()=>{if(t$8)return  false;if(r$8===void 0){if(e$3.ipad){r$8=true;return}if(e$3.touch){if(s$5()){r$8=true;return}if(e$3.chrome&&e$3.android){r$8=!/Mobile Safari\/[.0-9]+/.test(e$3.userAgent);return}let n=window.devicePixelRatio?window.devicePixelRatio:1;e$3.android&&c$6()&&(n=1),r$8=Math.min(window.screen.width/n,window.screen.height/n)>=600;return}r$8=e$3.userAgent.indexOf("Touch")!==-1||e$3.android&&!e$3.androidPhone;}},l$5=()=>e$3.touch,h$3=()=>e$3.safari,g$4=()=>e$3.chrome,b$1=()=>e$3.firefox,a$2=()=>(u$4(),(e$3.touch||s$5())&&r$8),d$2=()=>e$3._isPhone(),f$4=()=>t$8?false:!a$2()&&!d$2()||s$5(),m$2=()=>a$2()&&f$4(),w$2=()=>e$3.iOS,A$2=()=>e$3.macOS,P$1=()=>e$3.android||e$3.androidPhone;
 
 	let t$7=false;const i$3=()=>{h$3()&&w$2()&&!t$7&&(document.body.addEventListener("touchstart",()=>{}),t$7=true);};
 
@@ -86,63 +86,64 @@ To prevent other runtimes from defining tags that you use, consider using scopin
 
 	let t$6;i$d(()=>{t$6=void 0;});const r$6=()=>(t$6===void 0&&(t$6=T$3()),t$6),u$3=async e=>{t$6!==e&&(t$6=e,h$2()&&(await I$1(t$6),await C({themeAware:true})));},g$3=()=>e$7,n$6=()=>{const e=r$6();return l$3(e)?!e.startsWith("sap_horizon"):!m$3()?.baseThemeName?.startsWith("sap_horizon")},l$3=e=>s$f.includes(e);
 
-	const t$5=new Map,e$2=(n,o)=>{t$5.set(n,o);},c$5=n=>t$5.get(n);
+	const t$5=typeof document>"u",o$1=()=>{if(t$5)return a$a;const a=navigator.languages,n=()=>navigator.language;return a&&a[0]||n()||a$a};
 
-	var t$4=(o=>(o.SAPIconsV4="SAP-icons-v4",o.SAPIconsV5="SAP-icons-v5",o.SAPIconsTNTV2="tnt-v2",o.SAPIconsTNTV3="tnt-v3",o.SAPBSIconsV1="business-suite-v1",o.SAPBSIconsV2="business-suite-v2",o))(t$4||{});const s$4=new Map;s$4.set("SAP-icons",{legacy:"SAP-icons-v4",sap_horizon:"SAP-icons-v5"}),s$4.set("tnt",{legacy:"tnt-v2",sap_horizon:"tnt-v3"}),s$4.set("business-suite",{legacy:"business-suite-v1",sap_horizon:"business-suite-v2"});const c$4=(n,e)=>{if(s$4.has(n)){s$4.set(n,{...e,...s$4.get(n)});return}s$4.set(n,e);},r$5=n=>{const e=n$6()?"legacy":"sap_horizon";return s$4.has(n)?s$4.get(n)[e]:n};
+	const e$2=new i$e,n$5="languageChange",t$4=a=>{e$2.attachEvent(n$5,a);},r$5=a=>{e$2.detachEvent(n$5,a);},o=a=>e$2.fireEventAsync(n$5,a);
 
-	var t$3=(s=>(s["SAP-icons"]="SAP-icons-v4",s.horizon="SAP-icons-v5",s["SAP-icons-TNT"]="tnt",s.BusinessSuiteInAppSymbols="business-suite",s))(t$3||{});const n$5=e=>t$3[e]?t$3[e]:e;
+	let e$1,t$3;i$d(()=>{e$1=void 0,t$3=void 0;});let a$1=false;const s$4=()=>a$1,l$2=()=>(e$1===void 0&&(e$1=L$2()),e$1),L$1=async n=>{e$1!==n&&(a$1=true,e$1=n,await o(n),a$1=false,h$2()&&await C({languageAware:true}));},c$5=()=>a$a,m$1=n=>{t$3=n;},h$1=()=>(t$3===void 0&&(t$3=R$2()),t$3);
 
-	const i$2=o=>{const t=c$5(r$6());return !o&&t?n$5(t):o?r$5(o):r$5("SAP-icons")};
+	const n$4=/^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;let r$4 = class r{constructor(s){const t=n$4.exec(s.replace(/_/g,"-"));if(t===null)throw new Error(`The given language ${s} does not adhere to BCP-47.`);this.sLocaleId=s,this.sLanguage=t[1]||a$a,this.sScript=t[2]||"",this.sRegion=t[3]||"",this.sVariant=t[4]&&t[4].slice(1)||null,this.sExtension=t[5]&&t[5].slice(1)||null,this.sPrivateUse=t[6]||null,this.sLanguage&&(this.sLanguage=this.sLanguage.toLowerCase()),this.sScript&&(this.sScript=this.sScript.toLowerCase().replace(/^[a-z]/,i=>i.toUpperCase())),this.sRegion&&(this.sRegion=this.sRegion.toUpperCase());}getLanguage(){return this.sLanguage}getScript(){return this.sScript}getRegion(){return this.sRegion}getVariant(){return this.sVariant}getVariantSubtags(){return this.sVariant?this.sVariant.split("-"):[]}getExtension(){return this.sExtension}getExtensionSubtags(){return this.sExtension?this.sExtension.slice(2).split("-"):[]}getPrivateUse(){return this.sPrivateUse}getPrivateUseSubtags(){return this.sPrivateUse?this.sPrivateUse.slice(2).split("-"):[]}hasPrivateUseSubtag(s){return this.getPrivateUseSubtags().indexOf(s)>=0}toString(){const s=[this.sLanguage];return this.sScript&&s.push(this.sScript),this.sRegion&&s.push(this.sRegion),this.sVariant&&s.push(this.sVariant),this.sExtension&&s.push(this.sExtension),this.sPrivateUse&&s.push(this.sPrivateUse),s.join("-")}};
 
-	const e$1=new i$e,n$4="languageChange",t$2=a=>{e$1.attachEvent(n$4,a);},r$4=a=>{e$1.detachEvent(n$4,a);},o$1=a=>e$1.fireEventAsync(n$4,a);
+	const r$3=new Map,n$3=t=>(r$3.has(t)||r$3.set(t,new r$4(t)),r$3.get(t)),c$4=t=>{try{if(t&&typeof t=="string")return n$3(t)}catch{}return new r$4(r$e)},s$3=t=>{const e=l$2();return e?n$3(e):c$4(o$1())};
 
-	let e,t$1;i$d(()=>{e=void 0,t$1=void 0;});let a$1=false;const s$3=()=>a$1,l$2=()=>(e===void 0&&(e=L$2()),e),L$1=async n=>{e!==n&&(a$1=true,e=n,await o$1(n),a$1=false,h$2()&&await C({languageAware:true}));},c$3=()=>a$a,m$1=n=>{t$1=n;},h$1=()=>(t$1===void 0&&(t$1=F()),t$1);
+	const _=/^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i,c$3=/(?:^|-)(saptrc|sappsd)(?:-|$)/i,f$3={he:"iw",yi:"ji",nb:"no",sr:"sh"},p=i=>{let e;if(!i)return r$e;if(typeof i=="string"&&(e=_.exec(i.replace(/_/g,"-")))){let t=e[1].toLowerCase(),n=e[3]?e[3].toUpperCase():void 0;const s=e[2]?e[2].toLowerCase():void 0,r=e[4]?e[4].slice(1):void 0,o=e[6];return t=f$3[t]||t,o&&(e=c$3.exec(o))||r&&(e=c$3.exec(r))?`en_US_${e[1].toLowerCase()}`:(t==="zh"&&!n&&(s==="hans"?n="CN":s==="hant"&&(n="TW")),t+(n?"_"+n+(r?"_"+r.replace("-","_"):""):""))}return r$e};
 
-	const t=typeof document>"u",o=()=>{if(t)return a$a;const a=navigator.languages,n=()=>navigator.language;return a&&a[0]||n()||a$a};
+	const r$2={zh_HK:"zh_TW",in:"id"},n$2=t=>{if(!t)return r$e;if(r$2[t])return r$2[t];const L=t.lastIndexOf("_");return L>=0?t.slice(0,L):t!==r$e?r$e:""};
 
-	const n$3=/^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;let r$3 = class r{constructor(s){const t=n$3.exec(s.replace(/_/g,"-"));if(t===null)throw new Error(`The given language ${s} does not adhere to BCP-47.`);this.sLocaleId=s,this.sLanguage=t[1]||a$a,this.sScript=t[2]||"",this.sRegion=t[3]||"",this.sVariant=t[4]&&t[4].slice(1)||null,this.sExtension=t[5]&&t[5].slice(1)||null,this.sPrivateUse=t[6]||null,this.sLanguage&&(this.sLanguage=this.sLanguage.toLowerCase()),this.sScript&&(this.sScript=this.sScript.toLowerCase().replace(/^[a-z]/,i=>i.toUpperCase())),this.sRegion&&(this.sRegion=this.sRegion.toUpperCase());}getLanguage(){return this.sLanguage}getScript(){return this.sScript}getRegion(){return this.sRegion}getVariant(){return this.sVariant}getVariantSubtags(){return this.sVariant?this.sVariant.split("-"):[]}getExtension(){return this.sExtension}getExtensionSubtags(){return this.sExtension?this.sExtension.slice(2).split("-"):[]}getPrivateUse(){return this.sPrivateUse}getPrivateUseSubtags(){return this.sPrivateUse?this.sPrivateUse.slice(2).split("-"):[]}hasPrivateUseSubtag(s){return this.getPrivateUseSubtags().indexOf(s)>=0}toString(){const s=[this.sLanguage];return this.sScript&&s.push(this.sScript),this.sRegion&&s.push(this.sRegion),this.sVariant&&s.push(this.sVariant),this.sExtension&&s.push(this.sExtension),this.sPrivateUse&&s.push(this.sPrivateUse),s.join("-")}};
+	const d$1=new Set,m=new Set,g$2=new Map,l$1=new Map,u$2=new Map,$=(n,t,e)=>{const r=`${n}/${t}`;u$2.set(r,e);},f$2=(n,t)=>{g$2.set(n,t);},A$1=n=>g$2.get(n),h=(n,t)=>{const e=`${n}/${t}`;return u$2.has(e)},B=(n,t)=>{const e=`${n}/${t}`,r=u$2.get(e);return r&&!l$1.get(e)&&l$1.set(e,r(t)),l$1.get(e)},M=n=>{d$1.has(n)||(console.warn(`[${n}]: Message bundle assets are not configured. Falling back to English texts.`,` Add \`import "${n}/dist/Assets.js"\` in your bundle and make sure your build tool supports dynamic imports and JSON imports. See section "Assets" in the documentation for more information.`),d$1.add(n));},L=(n,t)=>t!==a$a&&!h(n,t),w$1=async n=>{const t=s$3().getLanguage(),e=s$3().getRegion(),r=s$3().getVariant();let s=t+(e?`-${e}`:"")+(r?`-${r}`:"");if(L(n,s))for(s=p(s);L(n,s);)s=n$2(s);const I=h$1();if(s===a$a&&!I){f$2(n,null);return}if(!h(n,s)){M(n);return}try{const o=await B(n,s);f$2(n,o);}catch(o){const a=o;m.has(a.message)||(m.add(a.message),console.error(a.message));}};t$4(n=>{const t=[...g$2.keys()];return Promise.all(t.map(w$1))});
 
-	const r$2=new Map,n$2=t=>(r$2.has(t)||r$2.set(t,new r$3(t)),r$2.get(t)),c$2=t=>{try{if(t&&typeof t=="string")return n$2(t)}catch{}return new r$3(r$e)},s$2=t=>{const e=l$2();return e?n$2(e):c$2(o())};
+	const t$2=new Map,e=(n,o)=>{t$2.set(n,o);},c$2=n=>t$2.get(n);
 
-	const _=/^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i,c$1=/(?:^|-)(saptrc|sappsd)(?:-|$)/i,f$3={he:"iw",yi:"ji",nb:"no",sr:"sh"},p=i=>{let e;if(!i)return r$e;if(typeof i=="string"&&(e=_.exec(i.replace(/_/g,"-")))){let t=e[1].toLowerCase(),n=e[3]?e[3].toUpperCase():void 0;const s=e[2]?e[2].toLowerCase():void 0,r=e[4]?e[4].slice(1):void 0,o=e[6];return t=f$3[t]||t,o&&(e=c$1.exec(o))||r&&(e=c$1.exec(r))?`en_US_${e[1].toLowerCase()}`:(t==="zh"&&!n&&(s==="hans"?n="CN":s==="hant"&&(n="TW")),t+(n?"_"+n+(r?"_"+r.replace("-","_"):""):""))}return r$e};
+	var t$1=(o=>(o.SAPIconsV4="SAP-icons-v4",o.SAPIconsV5="SAP-icons-v5",o.SAPIconsTNTV2="tnt-v2",o.SAPIconsTNTV3="tnt-v3",o.SAPBSIconsV1="business-suite-v1",o.SAPBSIconsV2="business-suite-v2",o))(t$1||{});const s$2=new Map;s$2.set("SAP-icons",{legacy:"SAP-icons-v4",sap_horizon:"SAP-icons-v5"}),s$2.set("tnt",{legacy:"tnt-v2",sap_horizon:"tnt-v3"}),s$2.set("business-suite",{legacy:"business-suite-v1",sap_horizon:"business-suite-v2"});const c$1=(n,e)=>{if(s$2.has(n)){s$2.set(n,{...e,...s$2.get(n)});return}s$2.set(n,e);},r$1=n=>{const e=n$6()?"legacy":"sap_horizon";return s$2.has(n)?s$2.get(n)[e]:n};
 
-	const r$1={zh_HK:"zh_TW",in:"id"},n$1=t=>{if(!t)return r$e;if(r$1[t])return r$1[t];const L=t.lastIndexOf("_");return L>=0?t.slice(0,L):t!==r$e?r$e:""};
+	var t=(s=>(s["SAP-icons"]="SAP-icons-v4",s.horizon="SAP-icons-v5",s["SAP-icons-TNT"]="tnt",s.BusinessSuiteInAppSymbols="business-suite",s))(t||{});const n$1=e=>t[e]?t[e]:e;
 
-	const d$1=new Set,m=new Set,g$2=new Map,l$1=new Map,u$2=new Map,$=(n,t,e)=>{const r=`${n}/${t}`;u$2.set(r,e);},f$2=(n,t)=>{g$2.set(n,t);},A$1=n=>g$2.get(n),h=(n,t)=>{const e=`${n}/${t}`;return u$2.has(e)},B=(n,t)=>{const e=`${n}/${t}`,r=u$2.get(e);return r&&!l$1.get(e)&&l$1.set(e,r(t)),l$1.get(e)},M=n=>{d$1.has(n)||(console.warn(`[${n}]: Message bundle assets are not configured. Falling back to English texts.`,` Add \`import "${n}/dist/Assets.js"\` in your bundle and make sure your build tool supports dynamic imports and JSON imports. See section "Assets" in the documentation for more information.`),d$1.add(n));},L=(n,t)=>t!==a$a&&!h(n,t),w$1=async n=>{const t=s$2().getLanguage(),e=s$2().getRegion(),r=s$2().getVariant();let s=t+(e?`-${e}`:"")+(r?`-${r}`:"");if(L(n,s))for(s=p(s);L(n,s);)s=n$1(s);const I=h$1();if(s===a$a&&!I){f$2(n,null);return}if(!h(n,s)){M(n);return}try{const o=await B(n,s);f$2(n,o);}catch(o){const a=o;m.has(a.message)||(m.add(a.message),console.error(a.message));}};t$2(n=>{const t=[...g$2.keys()];return Promise.all(t.map(w$1))});
+	const i$2=o=>{const t=c$2(r$6());return !o&&t?n$1(t):o?r$1(o):r$1("SAP-icons")};
 
 	const g$1=/('')|'([^']+(?:''[^']*)*)(?:'|$)|\{([0-9]+(?:\s*,[^{}]*)?)\}|[{}]/g,i$1=(n,t)=>(t=t||[],n.replace(g$1,(p,s,e,r,o)=>{if(s)return "'";if(e)return e.replace(/''/g,"'");if(r){const a=typeof r=="string"?parseInt(r):r;return String(t[a])}throw new Error(`[i18n]: pattern syntax error at pos ${o}`)}));
 
 	const r=new Map;let s$1;let u$1 = class u{constructor(e){this.packageName=e;}getText(e,...i){if(typeof e=="string"&&(e={key:e,defaultText:e}),!e||!e.key)return "";const t=A$1(this.packageName);t&&!t[e.key]&&console.warn(`Key ${e.key} not found in the i18n bundle, the default text will be used`);const l=t&&t[e.key]?t[e.key]:e.defaultText||e.key;return i$1(l,i)}};const a=n=>{if(r.has(n))return r.get(n);const e=new u$1(n);return r.set(n,e),e},f$1=async n=>s$1?s$1(n):(await w$1(n),a(n)),y=n=>{s$1=n;};
 
-	const w="legacy",c=new Map,s=m$9("SVGIcons.registry",new Map),i=m$9("SVGIcons.promises",new Map),l="ICON_NOT_FOUND",T=(e,t)=>{c.set(e,t);},N=async e=>{if(!i.has(e)){if(!c.has(e))throw new Error(`No loader registered for the ${e} icons collection. Probably you forgot to import the "AllIcons.js" module for the respective package.`);const t=c.get(e);i.set(e,t(e));}return i.get(e)},I=e=>{Object.keys(e.data).forEach(t=>{const o=e.data[t];f(t,{pathData:o.path||o.paths,ltr:o.ltr,accData:o.acc,collection:e.collection,packageName:e.packageName});});},f=(e,t)=>{const o=`${t.collection}/${e}`;s.set(o,{pathData:t.pathData,ltr:t.ltr,accData:t.accData,packageName:t.packageName,customTemplate:t.customTemplate,viewBox:t.viewBox,collection:t.collection});},d=e=>{e.startsWith("sap-icon://")&&(e=e.replace("sap-icon://",""));let t;return [e,t]=e.split("/").reverse(),e=e.replace("icon-",""),t&&(t=n$5(t)),{name:e,collection:t}},u=e=>{const{name:t,collection:o}=d(e);return g(o,t)},n=async e=>{const{name:t,collection:o}=d(e);let r=l;try{r=await N(i$2(o));}catch(a){console.error(a.message);}if(r===l)return r;const p=g(o,t);return p||(Array.isArray(r)?r.forEach(a=>{I(a),c$4(o,{[a.themeFamily||w]:a.collection});}):I(r),g(o,t))},g=(e,t)=>{const o=`${i$2(e)}/${t}`;return s.get(o)},A=async e=>{if(!e)return;let t=u(e);if(t||(t=await n(e)),t&&t!==l&&t.accData)return (await f$1(t.packageName)).getText(t.accData)};
+	const w="legacy",c=new Map,s=m$9("SVGIcons.registry",new Map),i=m$9("SVGIcons.promises",new Map),l="ICON_NOT_FOUND",T=(e,t)=>{c.set(e,t);},N=async e=>{if(!i.has(e)){if(!c.has(e))throw new Error(`No loader registered for the ${e} icons collection. Probably you forgot to import the "AllIcons.js" module for the respective package.`);const t=c.get(e);i.set(e,t(e));}return i.get(e)},I=e=>{Object.keys(e.data).forEach(t=>{const o=e.data[t];f(t,{pathData:o.path||o.paths,ltr:o.ltr,accData:o.acc,collection:e.collection,packageName:e.packageName});});},f=(e,t)=>{const o=`${t.collection}/${e}`;s.set(o,{pathData:t.pathData,ltr:t.ltr,accData:t.accData,packageName:t.packageName,customTemplate:t.customTemplate,viewBox:t.viewBox,collection:t.collection});},d=e=>{e.startsWith("sap-icon://")&&(e=e.replace("sap-icon://",""));let t;return [e,t]=e.split("/").reverse(),e=e.replace("icon-",""),t&&(t=n$1(t)),{name:e,collection:t}},u=e=>{const{name:t,collection:o}=d(e);return g(o,t)},n=async e=>{const{name:t,collection:o}=d(e);let r=l;try{r=await N(i$2(o));}catch(a){console.error(a.message);}if(r===l)return r;const p=g(o,t);return p||(Array.isArray(r)?r.forEach(a=>{I(a),c$1(o,{[a.themeFamily||w]:a.collection});}):I(r),g(o,t))},g=(e,t)=>{const o=`${i$2(e)}/${t}`;return s.get(o)},A=async e=>{if(!e)return;let t=u(e);if(t||(t=await n(e)),t&&t!==l&&t.accData)return (await f$1(t.packageName)).getText(t.accData)};
 
-	exports.$ = $$1;
-	exports.$$1 = $;
+	exports.$ = $;
+	exports.$$1 = $$1;
 	exports.A = A;
+	exports.A$1 = A$2;
 	exports.C = C$1;
 	exports.C$1 = C;
 	exports.D = D;
-	exports.I = I$4;
+	exports.F = F;
 	exports.L = L$1;
 	exports.M = M$1;
 	exports.P = P;
 	exports.P$1 = P$1;
 	exports.S = S$1;
 	exports.T = T;
-	exports.U = U$2;
 	exports.a = a$9;
 	exports.a$1 = a$2;
-	exports.b = b$1;
+	exports.b = b$3;
+	exports.b$1 = b$1;
 	exports.c = c$c;
 	exports.c$1 = c$8;
 	exports.c$2 = c$9;
 	exports.c$3 = c$b;
-	exports.c$4 = c$5;
-	exports.c$5 = c$3;
+	exports.c$4 = c$2;
+	exports.c$5 = c$5;
 	exports.d = d$2;
 	exports.d$1 = d$9;
 	exports.e = e$8;
-	exports.e$1 = e$2;
+	exports.e$1 = e;
 	exports.f = f$4;
 	exports.f$1 = f$6;
 	exports.f$2 = f;
@@ -173,20 +174,20 @@ To prevent other runtimes from defining tags that you use, consider using scopin
 	exports.n$1 = n$e;
 	exports.n$2 = n$c;
 	exports.n$3 = n$9;
-	exports.o = o$8;
+	exports.o = o$c;
 	exports.o$1 = o$5;
 	exports.p = p$3;
 	exports.p$1 = p$4;
-	exports.r = r$e;
-	exports.r$1 = r$4;
-	exports.r$2 = r$6;
+	exports.r = r$6;
+	exports.r$1 = r$e;
+	exports.r$2 = r$5;
 	exports.s = s$g;
-	exports.s$1 = s$2;
-	exports.s$2 = s$3;
-	exports.t = t$2;
-	exports.t$1 = t$4;
+	exports.s$1 = s$3;
+	exports.s$2 = s$4;
+	exports.t = t$4;
+	exports.t$1 = t$1;
 	exports.u = u;
-	exports.u$1 = u$a;
+	exports.u$1 = u$8;
 	exports.u$2 = u$3;
 	exports.u$3 = u$1;
 	exports.w = w$2;