@sapui5/sap.ushell 1.139.0 → 1.139.2

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

@@ -1,4 +1,4 @@
-sap.ui.define(['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/Button2', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Icon'], (function (webcomponentsBase, webcomponents, eventStrict, i18nDefaults, parametersBundle_css, AccessibilityTextsHelper, Icons, willShowContent, Button, toLowercaseEnumValue, Icon) { 'use strict';
+sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/Icon'], (function (webcomponentsBase, webcomponents, eventStrict, i18nDefaults, parametersBundle_css, BusyIndicator, Icons, willShowContent, Button, toLowercaseEnumValue, Label, Icon) { 'use strict';
 
 
 

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/i18n-defaults', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Icon'], (function (exports, webcomponentsBase, webcomponents, eventStrict, i18nDefaults, parametersBundle_css, BusyIndicator, Icons, willShowContent, toLowercaseEnumValue, Icon) { '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._computedAccessibilityAttributes?.expanded, "aria-controls": this._computedAccessibilityAttributes?.controls, "aria-haspopup": this._computedAccessibilityAttributes?.hasPopup, "aria-label": this._computedAccessibilityAttributes?.ariaLabel, "aria-keyshortcuts": this._computedAccessibilityAttributes?.ariaKeyShortcuts, "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("@" + "ui5" + "/" + "sap/ushell/thirdparty/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
+    Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "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-15-0_button_base_min_width);height:var(--_ui5-v2-15-0_button_base_height);line-height:normal;font-family:var(--_ui5-v2-15-0_button_fontFamily);font-size:var(--sapFontSize);text-shadow:var(--_ui5-v2-15-0_button_text_shadow);border-radius:var(--_ui5-v2-15-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-15-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-15-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-15-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-15-0_button_base_min_width) - var(--_ui5-v2-15-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;pointer-events:none;inset:.0625rem;border:var(--_ui5-v2-15-0_button_focused_border);border-radius:var(--_ui5-v2-15-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-15-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-15-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-15-0_button_emphasized_focused_border_before);border-radius:var(--_ui5-v2-15-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-15-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-15-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-15-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-15-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-15-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-15-0_button_focused_inner_border_radius);border-bottom-right-radius:var(--_ui5-v2-15-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-15-0_button_focused_inner_border_radius);border-bottom-left-radius:var(--_ui5-v2-15-0_button_focused_inner_border_radius)}::slotted([slot="badge"][design="InlineText"]){pointer-events:initial;font-family:var(--sapButton_FontFamily);font-size:var(--sapFontSmallSize);padding-inline-start:.25rem;--_ui5-v2-15-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:var(--sapButton_FontFamily);font-size:var(--sapFontSmallSize);--_ui5-v2-15-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) {
@@ -188,6 +213,11 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
              * - **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.
              * Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
              *
+             * - **ariaLabel**: Defines the accessible ARIA name of the component.
+             * Accepts any string value.
+             *
+             *  - **ariaKeyShortcuts**: Defines keyboard shortcuts that activate or give focus to the button.
+             *
              * - **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.
              * Accepts a lowercase string value.
              *
@@ -240,6 +270,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 +365,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,
@@ -335,7 +385,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
                 webcomponentsBase.i$1(this);
             }
             if (this._isReset) {
-                webcomponentsBase.m$2(this);
+                webcomponentsBase.m$1(this);
             }
             if (Icons.h()) {
                 this.getDomRef()?.focus();
@@ -349,7 +399,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,8 +411,8 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             }
         }
         _onkeydown(e) {
-            this._cancelAction = webcomponentsBase.io(e) || webcomponentsBase.H(e);
-            if (webcomponentsBase.i(e) || webcomponentsBase.b$1(e)) {
+            this._cancelAction = webcomponentsBase.Ko(e) || webcomponentsBase.m$2(e);
+            if (webcomponentsBase.A(e) || webcomponentsBase.b$1(e)) {
                 this._setActiveState(true);
             }
             else if (this._cancelAction) {
@@ -373,7 +423,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             if (this._cancelAction) {
                 e.preventDefault();
             }
-            if (webcomponentsBase.i(e) || webcomponentsBase.b$1(e)) {
+            if (webcomponentsBase.A(e) || webcomponentsBase.b$1(e)) {
                 if (this.active) {
                     this._setActiveState(false);
                 }
@@ -389,14 +439,11 @@ 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;
         }
-        get _hasPopup() {
-            return this.accessibilityAttributes.hasPopup;
-        }
         get hasButtonType() {
             return this.design !== ButtonDesign$1.Default && this.design !== ButtonDesign$1.Transparent;
         }
@@ -434,15 +481,25 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             return this.nonInteractive ? -1 : Number.parseInt(this.forcedTabIndex);
         }
         get ariaLabelText() {
-            const ariaLabelText = AccessibilityTextsHelper.A(this) || "";
+            const textContent = this.textContent || "";
+            const ariaLabelText = BusyIndicator.A(this) || "";
             const typeLabelText = this.hasButtonType ? this.buttonTypeText : "";
             const internalLabelText = this.effectiveBadgeDescriptionText || "";
-            const labelParts = [ariaLabelText, typeLabelText, internalLabelText].filter(part => part);
+            const labelParts = [textContent, ariaLabelText, typeLabelText, internalLabelText].filter(part => part);
             return labelParts.join(" ");
         }
         get ariaDescriptionText() {
             return this.accessibleDescription === "" ? undefined : this.accessibleDescription;
         }
+        get _computedAccessibilityAttributes() {
+            return {
+                expanded: this.accessibilityAttributes.expanded,
+                hasPopup: this.accessibilityAttributes.hasPopup,
+                controls: this.accessibilityAttributes.controls,
+                ariaKeyShortcuts: this.accessibilityAttributes.ariaKeyShortcuts,
+                ariaLabel: this.accessibilityAttributes.ariaLabel || this.ariaLabelText,
+            };
+        }
         get effectiveBadgeDescriptionText() {
             if (!this.shouldRenderBadge) {
                 return "";
@@ -521,6 +578,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);

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:u(e,true),H=async(e,l)=>!e||ListItemBase.i(e)?null:u(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},u=async(e,l,r$1)=>{let t,s,n=-1;e.shadowRoot?t=l?e.shadowRoot.firstElementChild:e.shadowRoot.lastElementChild: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 m=t;if(!ListItemBase.i(m)&&!L(m)){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 u(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?m.nextElementSibling:m.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,17 @@
-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.css', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/i18n-defaults'], (function (exports, webcomponentsBase, parametersBundle_css, eventStrict, Icons, i18nDefaults) { '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.jsx("g", { role: "presentation", children: content.call(this) })] }));
+    }
+    function content() {
+        if (this.customTemplate) {
+            return this.customTemplate;
+        }
+        if (this.customTemplateAsString) {
+            return parametersBundle_css.jsx("g", { dangerouslySetInnerHTML: { __html: this.customTemplateAsString } });
+        }
+        return this.pathData.map(path => (parametersBundle_css.jsx("path", { d: path })));
     }
 
     /**
@@ -36,9 +44,9 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     })(IconMode || (IconMode = {}));
     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("@" + "ui5" + "/" + "sap/ushell/thirdparty/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
+    Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "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-15-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-15-0_icon_transform_scale);transform-origin:center}
 `;
 
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -159,12 +167,12 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             if (webcomponentsBase.b$1(e)) {
                 this.fireDecoratorEvent("click");
             }
-            if (webcomponentsBase.i(e)) {
+            if (webcomponentsBase.A(e)) {
                 e.preventDefault(); // prevent scrolling
             }
         }
         _onkeyup(e) {
-            if (this.mode === IconMode$1.Interactive && webcomponentsBase.i(e)) {
+            if (this.mode === IconMode$1.Interactive && webcomponentsBase.A(e)) {
                 this.fireDecoratorEvent("click");
             }
         }
@@ -200,7 +208,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             if (!name) {
                 return;
             }
-            let iconData = Icons.u(name);
+            let iconData = Icons.D(name);
             if (!iconData) {
                 iconData = await Icons.n(name);
             }
@@ -215,13 +223,17 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
                 return console.warn(`Required icon is not registered. You can either import the icon as a module in order to use it e.g. "sap/ushell/gen/ui5/webcomponents-icons/dist/${name.replace("sap-icon://", "")}.js", or setup a JSON build step and import "sap/ushell/gen/ui5/webcomponents-icons/dist/AllIcons.js".`);
             }
             this.viewBox = iconData.viewBox || "0 0 512 512";
-            if (iconData.customTemplate) {
-                iconData.pathData = [];
-                this.customSvg = webcomponentsBase.n(iconData.customTemplate, this);
+            if ("customTemplate" in iconData && iconData.customTemplate) {
+                this.customTemplate = webcomponentsBase.n$1(iconData.customTemplate, this);
+            }
+            if ("customTemplateAsString" in iconData) {
+                this.customTemplateAsString = iconData.customTemplateAsString;
             }
             // in case a new valid name is set, show the icon
             this.invalid = false;
-            this.pathData = Array.isArray(iconData.pathData) ? iconData.pathData : [iconData.pathData];
+            if ("pathData" in iconData && iconData.pathData) {
+                this.pathData = Array.isArray(iconData.pathData) ? iconData.pathData : [iconData.pathData];
+            }
             this.accData = iconData.accData;
             this.ltr = iconData.ltr;
             this.packageName = iconData.packageName;
@@ -229,8 +241,13 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
                 this.effectiveAccessibleName = this.accessibleName;
             }
             else if (this.accData) {
-                const i18nBundle = await Icons.f$3(this.packageName);
-                this.effectiveAccessibleName = i18nBundle.getText(this.accData) || undefined;
+                if (this.packageName) {
+                    const i18nBundle = await Icons.f$2(this.packageName);
+                    this.effectiveAccessibleName = i18nBundle.getText(this.accData) || undefined;
+                }
+                else {
+                    this.effectiveAccessibleName = this.accData?.defaultText || undefined;
+                }
             }
             else {
                 this.effectiveAccessibleName = undefined;