@sapui5/sap.ushell 1.135.0 → 1.136.0

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

@@ -1,831 +1,33 @@
-sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/parameters-bundle.css25', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/i18n-defaults'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, eventStrict, parametersBundle_css, Icons, i18nDefaults) { 'use strict';
-
-    const o=e=>(t,r)=>{Object.defineProperty(t,r,{get(){return this.shadowRoot?.querySelector(e)}});};
-
-    function AvatarTemplate() {
-        return (parametersBundle_css.jsxs("div", { class: "ui5-avatar-root", tabindex: this.tabindex, "data-sap-focus-ref": true, role: this._role, "aria-haspopup": this._ariaHasPopup, "aria-label": this.accessibleNameText, onKeyUp: this._onkeyup, onKeyDown: this._onkeydown, onClick: this._onclick, children: [this.hasImage ?
-                    parametersBundle_css.jsx("slot", {})
-                    :
-                        parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [this.icon && parametersBundle_css.jsx(parametersBundle_css.Icon, { class: "ui5-avatar-icon", name: this.icon, accessibleName: this.accessibleName }), this.initials &&
-                                    parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsx("span", { class: "ui5-avatar-initials ui5-avatar-initials-hidden", children: this.validInitials }), parametersBundle_css.jsx(parametersBundle_css.Icon, { name: this.fallbackIcon, class: "ui5-avatar-icon ui5-avatar-icon-fallback ui5-avatar-fallback-icon-hidden" })] })] }), parametersBundle_css.jsx("slot", { name: "badge" })] }));
-    }
-
-    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("@ui5/webcomponents", "sap_horizon", async () => parametersBundle_css.defaultTheme$1);
-    var AvatarCss = `:host(:not([hidden])){display:inline-block;box-sizing:border-box;position:relative;font-family:"72override",var(--sapFontFamily)}:host(:not([hidden]).ui5_hovered){opacity:.7}:host([interactive]:not([disabled])){cursor:pointer}:host([interactive]:not([hidden]):active){background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([interactive]:not([hidden]):not([disabled]):not(:active):not([focused]):hover){box-shadow:var(--ui5-v2-9-0-avatar-hover-box-shadow-offset)}:host([interactive][desktop]:not([hidden])) .ui5-avatar-root:focus,:host([interactive]:not([hidden])) .ui5-avatar-root:focus-visible{outline:var(--_ui5-v2-9-0_avatar_outline);outline-offset:var(--_ui5-v2-9-0_avatar_focus_offset)}:host([disabled]){opacity:var(--sapContent_DisabledOpacity)}:host{height:3rem;width:3rem;border-radius:50%;border:var(--ui5-v2-9-0-avatar-initials-border);outline:none;color:var(--ui5-v2-9-0-avatar-initials-color)}.ui5-avatar-root{display:flex;align-items:center;justify-content:center;outline:none;height:100%;width:100%;border-radius:inherit}:host([_size="XS"]),:host([size="XS"]){height:2rem;width:2rem;min-height:2rem;min-width:2rem;font-size:var(--_ui5-v2-9-0_avatar_fontsize_XS)}:host(:not([size])),:host([_size="S"]),:host([size="S"]){min-height:3rem;min-width:3rem;font-size:var(--_ui5-v2-9-0_avatar_fontsize_S)}:host([_size="M"]),:host([size="M"]){min-height:4rem;min-width:4rem;font-size:var(--_ui5-v2-9-0_avatar_fontsize_M)}:host([_size="L"]),:host([size="L"]){min-height:5rem;min-width:5rem;font-size:var(--_ui5-v2-9-0_avatar_fontsize_L)}:host([_size="XL"]),:host([size="XL"]){min-height:7rem;min-width:7rem;font-size:var(--_ui5-v2-9-0_avatar_fontsize_XL)}:host .ui5-avatar-icon{height:var(--_ui5-v2-9-0_avatar_fontsize_S);width:var(--_ui5-v2-9-0_avatar_fontsize_S);color:inherit}:host([_size="XS"]) .ui5-avatar-icon,:host([size="XS"]) .ui5-avatar-icon{height:var(--_ui5-v2-9-0_avatar_icon_XS);width:var(--_ui5-v2-9-0_avatar_icon_XS)}:host([_size="S"]) .ui5-avatar-icon,:host([size="S"]) .ui5-avatar-icon{height:var(--_ui5-v2-9-0_avatar_icon_S);width:var(--_ui5-v2-9-0_avatar_icon_S)}:host([_size="M"]) .ui5-avatar-icon,:host([size="M"]) .ui5-avatar-icon{height:var(--_ui5-v2-9-0_avatar_icon_M);width:var(--_ui5-v2-9-0_avatar_icon_M)}:host([_size="L"]) .ui5-avatar-icon,:host([size="L"]) .ui5-avatar-icon{height:var(--_ui5-v2-9-0_avatar_icon_L);width:var(--_ui5-v2-9-0_avatar_icon_L)}:host([_size="XL"]) .ui5-avatar-icon,:host([size="XL"]) .ui5-avatar-icon{height:var(--_ui5-v2-9-0_avatar_icon_XL);width:var(--_ui5-v2-9-0_avatar_icon_XL)}::slotted(*){border-radius:50%;width:100%;height:100%;pointer-events:none}:host([shape="Square"]){border-radius:var(--ui5-v2-9-0-avatar-border-radius)}:host([shape="Square"]) ::slotted(*){border-radius:calc(var(--ui5-v2-9-0-avatar-border-radius) - var(--ui5-v2-9-0-avatar-border-radius-img-deduction))}:host(:not([color-scheme])),:host(:not([_has-image])),:host([color-scheme="Auto"]),:host([_color-scheme="Accent6"]),:host([ui5-avatar][color-scheme="Accent6"]){background-color:var(--ui5-v2-9-0-avatar-accent6);color:var(--ui5-v2-9-0-avatar-accent6-color);border-color:var(--ui5-v2-9-0-avatar-accent6-border-color)}:host([_color-scheme="Accent6"][interactive]:not([hidden]):not([disabled]):not(:active):hover),:host([ui5-avatar][color-scheme="Accent6"][interactive]:not([hidden]):not([disabled]):not(:active):hover){background-color:var(--sapAvatar_6_Hover_Background)}:host([_color-scheme="Accent1"]),:host([ui5-avatar][color-scheme="Accent1"]){background-color:var(--ui5-v2-9-0-avatar-accent1);color:var(--ui5-v2-9-0-avatar-accent1-color);border-color:var(--ui5-v2-9-0-avatar-accent1-border-color)}:host([_color-scheme="Accent1"][interactive]:not([hidden]):not([disabled]):not(:active):hover),:host([ui5-avatar][color-scheme="Accent1"][interactive]:not([hidden]):not([disabled]):not(:active):hover){background-color:var(--sapAvatar_1_Hover_Background)}:host([_color-scheme="Accent2"]),:host([ui5-avatar][color-scheme="Accent2"]){background-color:var(--ui5-v2-9-0-avatar-accent2);color:var(--ui5-v2-9-0-avatar-accent2-color);border-color:var(--ui5-v2-9-0-avatar-accent2-border-color)}:host([_color-scheme="Accent2"][interactive]:not([hidden]):not([disabled]):not(:active):hover),:host([ui5-avatar][color-scheme="Accent2"][interactive]:not([hidden]):not([disabled]):not(:active):hover){background-color:var(--sapAvatar_2_Hover_Background)}:host([_color-scheme="Accent3"]),:host([ui5-avatar][color-scheme="Accent3"]){background-color:var(--ui5-v2-9-0-avatar-accent3);color:var(--ui5-v2-9-0-avatar-accent3-color);border-color:var(--ui5-v2-9-0-avatar-accent3-border-color)}:host([_color-scheme="Accent3"][interactive]:not([hidden]):not([disabled]):not(:active):hover),:host([ui5-avatar][color-scheme="Accent3"][interactive]:not([hidden]):not([disabled]):not(:active):hover){background-color:var(--sapAvatar_3_Hover_Background)}:host([_color-scheme="Accent4"]),:host([ui5-avatar][color-scheme="Accent4"]){background-color:var(--ui5-v2-9-0-avatar-accent4);color:var(--ui5-v2-9-0-avatar-accent4-color);border-color:var(--ui5-v2-9-0-avatar-accent4-border-color)}:host([_color-scheme="Accent4"][interactive]:not([hidden]):not([disabled]):not(:active):hover),:host([ui5-avatar][color-scheme="Accent4"][interactive]:not([hidden]):not([disabled]):not(:active):hover){background-color:var(--sapAvatar_4_Hover_Background)}:host([_color-scheme="Accent5"]),:host([ui5-avatar][color-scheme="Accent5"]){background-color:var(--ui5-v2-9-0-avatar-accent5);color:var(--ui5-v2-9-0-avatar-accent5-color);border-color:var(--ui5-v2-9-0-avatar-accent5-border-color)}:host([_color-scheme="Accent5"][interactive]:not([hidden]):not([disabled]):not(:active):hover),:host([ui5-avatar][color-scheme="Accent5"][interactive]:not([hidden]):not([disabled]):not(:active):hover){background-color:var(--sapAvatar_5_Hover_Background)}:host([_color-scheme="Accent7"]),:host([ui5-avatar][color-scheme="Accent7"]){background-color:var(--ui5-v2-9-0-avatar-accent7);color:var(--ui5-v2-9-0-avatar-accent7-color);border-color:var(--ui5-v2-9-0-avatar-accent7-border-color)}:host([_color-scheme="Accent7"][interactive]:not([hidden]):not([disabled]):not(:active):hover),:host([ui5-avatar][color-scheme="Accent7"][interactive]:not([hidden]):not([disabled]):not(:active):hover){background-color:var(--sapAvatar_7_Hover_Background)}:host([_color-scheme="Accent8"]),:host([ui5-avatar][color-scheme="Accent8"]){background-color:var(--ui5-v2-9-0-avatar-accent8);color:var(--ui5-v2-9-0-avatar-accent8-color);border-color:var(--ui5-v2-9-0-avatar-accent8-border-color)}:host([_color-scheme="Accent8"][interactive]:not([hidden]):not([disabled]):not(:active):hover),:host([ui5-avatar][color-scheme="Accent8"][interactive]:not([hidden]):not([disabled]):not(:active):hover){background-color:var(--sapAvatar_8_Hover_Background)}:host([_color-scheme="Accent9"]),:host([ui5-avatar][color-scheme="Accent9"]){background-color:var(--ui5-v2-9-0-avatar-accent9);color:var(--ui5-v2-9-0-avatar-accent9-color);border-color:var(--ui5-v2-9-0-avatar-accent9-border-color)}:host([_color-scheme="Accent9"][interactive]:not([hidden]):not([disabled]):not(:active):hover),:host([ui5-avatar][color-scheme="Accent9"][interactive]:not([hidden]):not([disabled]):not(:active):hover){background-color:var(--sapAvatar_9_Hover_Background)}:host([_color-scheme="Accent10"]),:host([ui5-avatar][color-scheme="Accent10"]){background-color:var(--ui5-v2-9-0-avatar-accent10);color:var(--ui5-v2-9-0-avatar-accent10-color);border-color:var(--ui5-v2-9-0-avatar-accent10-border-color)}:host([_color-scheme="Accent10"][interactive]:not([hidden]):not([disabled]):not(:active):hover),:host([ui5-avatar][color-scheme="Accent10"][interactive]:not([hidden]):not([disabled]):not(:active):hover){background-color:var(--sapAvatar_10_Hover_Background)}:host([_color-scheme="Placeholder"]),:host([ui5-avatar][color-scheme="Placeholder"]){background-color:var(--ui5-v2-9-0-avatar-placeholder);color:var(--ui5-v2-9-0-avatar-placeholder-color);border-color:var(--sapAvatar_Lite_BorderColor)}:host([_has-image]){color:var(--ui5-v2-9-0-avatar-accent10-color);background-color:transparent;vertical-align:middle}.ui5-avatar-initials{color:inherit}.ui5-avatar-icon~.ui5-avatar-initials,.ui5-avatar-icon~.ui5-avatar-icon-fallback{display:none}.ui5-avatar-fallback-icon-hidden{display:none}.ui5-avatar-initials-hidden{position:absolute;visibility:hidden;z-index:0;pointer-events:none}::slotted([slot="badge"]){pointer-events:initial;position:absolute;bottom:0;right:0;width:1.125rem;height:1.125rem;font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSmallSize);color:var(--sapBackgroundColor);--_ui5-v2-9-0-tag-height: 1.125rem;--_ui5-v2-9-0-tag-border-radius: 50%}:host([_size="L"]) ::slotted([slot="badge"]),:host([size="L"]) ::slotted([slot="badge"]){width:1.25rem;height:1.25rem;--_ui5-v2-9-0-tag-height: 1.25rem;--_ui5-v2-9-0-tag-icon-width: .875rem}:host([_size="XL"]) ::slotted([slot="badge"]),:host([size="XL"]) ::slotted([slot="badge"]){width:1.75rem;height:1.75rem;--_ui5-v2-9-0-tag-height: 1.75rem;--_ui5-v2-9-0-tag-icon-width: 1rem}:host([shape="Square"]) ::slotted([slot="badge"]){bottom:-.125rem;right:-.125rem}:host([_size="L"][shape="Square"]) ::slotted([slot="badge"]),:host([size="L"][shape="Square"]) ::slotted([slot="badge"]){bottom:-.1875rem;right:-.1875rem}:host([_size="XL"][shape="Square"]) ::slotted([slot="badge"]),:host([size="XL"][shape="Square"]) ::slotted([slot="badge"]){bottom:-.25rem;right:-.25rem}
-`;
-
-    /**
-     * Different types of AvatarSize.
-     * @public
-     */
-    var AvatarSize;
-    (function (AvatarSize) {
-        /**
-         * component size - 2rem
-         * font size - 1rem
-         * @public
-         */
-        AvatarSize["XS"] = "XS";
-        /**
-         * component size - 3rem
-         * font size - 1.5rem
-         * @public
-         */
-        AvatarSize["S"] = "S";
-        /**
-         * component size - 4rem
-         * font size - 2rem
-         * @public
-         */
-        AvatarSize["M"] = "M";
-        /**
-         * component size - 5rem
-         * font size - 2.5rem
-         * @public
-         */
-        AvatarSize["L"] = "L";
-        /**
-         * component size - 7rem
-         * font size - 3rem
-         * @public
-         */
-        AvatarSize["XL"] = "XL";
-    })(AvatarSize || (AvatarSize = {}));
-    var AvatarSize$1 = AvatarSize;
-
-    const name$b = "employee";
-    const pathData$b = "M448 512H64V384q0-26 10-49.5t27.5-41T142 266t50-10h64q-27 0-50-10t-40.5-27.5T138 178t-10-50q0-26 10-49.5t27.5-41T206 10t50-10q26 0 49.5 10t41 27.5 27.5 41 10 49.5q0 27-10 50t-27.5 40.5-41 27.5-49.5 10h64q26 0 49.5 10t41 27.5 27.5 41 10 49.5v128zM96 384v96h320v-96q0-40-28-68t-68-28H192q-40 0-68 28t-28 68zm160-160q40 0 68-28t28-68-28-68-68-28-68 28-28 68 28 68 68 28zm32 192v-32h96v32h-96z";
-    const ltr$b = false;
-    const collection$b = "SAP-icons-v4";
-    const packageName$b = "@ui5/webcomponents-icons";
-
-    Icons.f(name$b, { pathData: pathData$b, ltr: ltr$b, collection: collection$b, packageName: packageName$b });
-
-    const name$a = "employee";
-    const pathData$a = "M342 255q48 23 77 67.5t29 99.5v32q0 11-7.5 18.5T422 480H90q-11 0-18.5-7.5T64 454v-32q0-55 29-99.5t77-67.5l-4-5q-19-17-28.5-40.5T128 160q0-27 10-50t27.5-40.5 41-27.5T256 32t49.5 10.5 41 28T374 111t10 49q0 27-11 52t-31 43zm-163-95q0 32 22.5 54.5T256 237t54.5-22.5T333 160t-22.5-54.5T256 83t-54.5 22.5T179 160zm51 181l-25-15q-13-7-13-19v-6q-34 17-55.5 49T115 422v7h115v-88zm167 81q0-40-21-72t-56-49v6q0 12-13 19l-26 15v88h116v-7zm-71-70q11 0 18.5 7.5T352 378t-7.5 18-18.5 7h-12q-11 0-18.5-7t-7.5-18 7.5-18.5T314 352h12z";
-    const ltr$a = false;
-    const collection$a = "SAP-icons-v5";
-    const packageName$a = "@ui5/webcomponents-icons";
-
-    Icons.f(name$a, { pathData: pathData$a, ltr: ltr$a, collection: collection$a, packageName: packageName$a });
-
-    var __decorate$5 = (this && this.__decorate) || function (decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    };
-    var Avatar_1;
-    /**
-     * @class
-     * ### Overview
-     *
-     * An image-like component that has different display options for representing images and icons
-     * in different shapes and sizes, depending on the use case.
-     *
-     * The shape can be circular or square. There are several predefined sizes, as well as an option to
-     * set a custom size.
-     *
-     * ### Keyboard Handling
-     *
-     * - [Space] / [Enter] or [Return] - Fires the `click` event if the `interactive` property is set to true.
-     * - [Shift] - If [Space] is pressed, pressing [Shift] releases the component without triggering the click event.
-     *
-     * ### ES6 Module Import
-     * `import "@ui5/webcomponents/dist/Avatar.js";`
-     * @constructor
-     * @extends UI5Element
-     * @since 1.0.0-rc.6
-     * @implements {IAvatarGroupItem}
-     * @public
-     */
-    let Avatar = Avatar_1 = class Avatar extends webcomponentsBase.b {
-        constructor() {
-            super();
-            /**
-             * Defines whether the component is disabled.
-             * A disabled component can't be pressed or
-             * focused, and it is not in the tab chain.
-             * @default false
-             * @public
-             */
-            this.disabled = false;
-            /**
-             * Defines if the avatar is interactive (focusable and pressable).
-             *
-             * **Note:** This property won't have effect if the `disabled`
-             * property is set to `true`.
-             * @default false
-             * @public
-             */
-            this.interactive = false;
-            /**
-             * Defines the name of the fallback icon, which should be displayed in the following cases:
-             *
-             * 	- If the initials are not valid (more than 3 letters, unsupported languages or empty initials).
-             * 	- If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes).
-             * 	- If the image src is wrong.
-             *
-             * **Note:** If not set, a default fallback icon "employee" is displayed.
-             *
-             * **Note:** You should import the desired icon first, then use its name as "fallback-icon".
-             *
-             * `import "@ui5/webcomponents-icons/dist/{icon_name}.js"`
-             *
-             * `<ui5-avatar fallback-icon="alert">`
-             *
-             * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
-             * @default "employee"
-             * @public
-             */
-            this.fallbackIcon = "employee";
-            /**
-             * Defines the shape of the component.
-             * @default "Circle"
-             * @public
-             */
-            this.shape = "Circle";
-            /**
-             * Defines predefined size of the component.
-             * @default "S"
-             * @public
-             */
-            this.size = "S";
-            /**
-             * Defines the background color of the desired image.
-             * If `colorScheme` is set to `Auto`, the avatar will be displayed with the `Accent6` color.
-             *
-             * @default "Auto"
-             * @public
-             */
-            this.colorScheme = "Auto";
-            /**
-             * @private
-             */
-            this._colorScheme = "Auto";
-            /**
-             * Defines the additional accessibility attributes that will be applied to the component.
-             * The following field is supported:
-             *
-             * - **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`.
-             *
-             * @public
-             * @since 2.0.0
-             * @default {}
-             */
-            this.accessibilityAttributes = {};
-            this._hasImage = false;
-            this._handleResizeBound = this.handleResize.bind(this);
-        }
-        get tabindex() {
-            if (this.forcedTabIndex) {
-                return parseInt(this.forcedTabIndex);
-            }
-            return this._interactive ? 0 : undefined;
-        }
-        /**
-         * Returns the effective avatar size.
-         * @default "S"
-         * @private
-         */
-        get effectiveSize() {
-            // we read the attribute, because the "size" property will always have a default value
-            return this.getAttribute("size") || AvatarSize$1.S;
-        }
-        /**
-         * Returns the effective background color.
-         * @default "Auto"
-         * @private
-         */
-        get effectiveBackgroundColor() {
-            // we read the attribute, because the "background-color" property will always have a default value
-            return this.getAttribute("color-scheme") || this._colorScheme;
-        }
-        get _role() {
-            return this._interactive ? "button" : "img";
-        }
-        get _ariaHasPopup() {
-            return this._getAriaHasPopup();
-        }
-        get _interactive() {
-            return this.interactive && !this.disabled;
-        }
-        get validInitials() {
-            // initials should consist of only 1,2 or 3 latin letters
-            const validInitials = /^[a-zA-Zà-üÀ-Ü]{1,3}$/, areInitialsValid = this.initials && validInitials.test(this.initials);
-            if (areInitialsValid) {
-                return this.initials;
-            }
-            return null;
-        }
-        get accessibleNameText() {
-            if (this.accessibleName) {
-                return this.accessibleName;
-            }
-            const defaultLabel = Avatar_1.i18nBundle.getText(parametersBundle_css.AVATAR_TOOLTIP);
-            return this.initials ? `${defaultLabel} ${this.initials}`.trim() : defaultLabel;
-        }
-        get hasImage() {
-            this._hasImage = !!this.image.length;
-            return this._hasImage;
-        }
-        get initialsContainer() {
-            return this.getDomRef().querySelector(".ui5-avatar-initials");
-        }
-        get fallBackIconDomRef() {
-            return this.getDomRef().querySelector(".ui5-avatar-icon-fallback");
-        }
-        async onAfterRendering() {
-            await Icons.f$1();
-            if (this.initials && !this.icon) {
-                this._checkInitials();
-            }
-        }
-        onEnterDOM() {
-            if (Icons.f$2()) {
-                this.setAttribute("desktop", "");
-            }
-            this.initialsContainer && webcomponentsBase.f$1.register(this.initialsContainer, this._handleResizeBound);
-        }
-        onExitDOM() {
-            this.initialsContainer && webcomponentsBase.f$1.deregister(this.initialsContainer, this._handleResizeBound);
-        }
-        handleResize() {
-            if (this.initials && !this.icon) {
-                this._checkInitials();
-            }
-        }
-        _checkInitials() {
-            const avatar = this.getDomRef();
-            const avatarInitials = avatar.querySelector(".ui5-avatar-initials");
-            const validInitials = this.validInitials && avatarInitials && avatarInitials.scrollWidth <= avatar.scrollWidth;
-            if (validInitials) {
-                this.showInitials();
-                return;
-            }
-            this.showFallbackIcon();
-        }
-        showFallbackIcon() {
-            this.initialsContainer?.classList.add("ui5-avatar-initials-hidden");
-            this.fallBackIconDomRef?.classList.remove("ui5-avatar-fallback-icon-hidden");
-        }
-        showInitials() {
-            this.initialsContainer?.classList.remove("ui5-avatar-initials-hidden");
-            this.fallBackIconDomRef?.classList.add("ui5-avatar-fallback-icon-hidden");
-        }
-        _onclick(e) {
-            e.stopPropagation();
-            this._fireClick();
-        }
-        _onkeydown(e) {
-            if (!this._interactive) {
-                return;
-            }
-            if (webcomponentsBase.b$1(e)) {
-                this._fireClick();
-            }
-            if (webcomponentsBase.i(e)) {
-                e.preventDefault(); // prevent scrolling
-            }
-        }
-        _onkeyup(e) {
-            if (this._interactive && !e.shiftKey && webcomponentsBase.i(e)) {
-                this._fireClick();
-            }
-        }
-        _fireClick() {
-            this.fireDecoratorEvent("click");
-        }
-        _getAriaHasPopup() {
-            const ariaHaspopup = this.accessibilityAttributes.hasPopup;
-            if (!this._interactive || !ariaHaspopup) {
-                return;
-            }
-            return ariaHaspopup;
-        }
-    };
-    __decorate$5([
-        webcomponentsBase.s({ type: Boolean })
-    ], Avatar.prototype, "disabled", void 0);
-    __decorate$5([
-        webcomponentsBase.s({ type: Boolean })
-    ], Avatar.prototype, "interactive", void 0);
-    __decorate$5([
-        webcomponentsBase.s()
-    ], Avatar.prototype, "icon", void 0);
-    __decorate$5([
-        webcomponentsBase.s()
-    ], Avatar.prototype, "fallbackIcon", void 0);
-    __decorate$5([
-        webcomponentsBase.s()
-    ], Avatar.prototype, "initials", void 0);
-    __decorate$5([
-        webcomponentsBase.s()
-    ], Avatar.prototype, "shape", void 0);
-    __decorate$5([
-        webcomponentsBase.s()
-    ], Avatar.prototype, "size", void 0);
-    __decorate$5([
-        webcomponentsBase.s()
-    ], Avatar.prototype, "colorScheme", void 0);
-    __decorate$5([
-        webcomponentsBase.s()
-    ], Avatar.prototype, "_colorScheme", void 0);
-    __decorate$5([
-        webcomponentsBase.s()
-    ], Avatar.prototype, "accessibleName", void 0);
-    __decorate$5([
-        webcomponentsBase.s({ type: Object })
-    ], Avatar.prototype, "accessibilityAttributes", void 0);
-    __decorate$5([
-        webcomponentsBase.s({ noAttribute: true })
-    ], Avatar.prototype, "forcedTabIndex", void 0);
-    __decorate$5([
-        webcomponentsBase.s({ type: Boolean })
-    ], Avatar.prototype, "_hasImage", void 0);
-    __decorate$5([
-        webcomponentsBase.d({ type: HTMLElement, "default": true })
-    ], Avatar.prototype, "image", void 0);
-    __decorate$5([
-        webcomponentsBase.d()
-    ], Avatar.prototype, "badge", void 0);
-    __decorate$5([
-        parametersBundle_css.i("@ui5/webcomponents")
-    ], Avatar, "i18nBundle", void 0);
-    Avatar = Avatar_1 = __decorate$5([
-        webcomponentsBase.m({
-            tag: "ui5-avatar",
-            languageAware: true,
-            renderer: parametersBundle_css.d,
-            styles: AvatarCss,
-            template: AvatarTemplate,
-        })
-        /**
-         * Fired on mouseup, space and enter if avatar is interactive
-         *
-         * **Note:** The event will not be fired if the `disabled`
-         * property is set to `true`.
-         * @private
-         * @since 1.0.0-rc.11
-         */
-        ,
-        eventStrict.l("click", {
-            bubbles: true,
-        })
-    ], Avatar);
-    Avatar.define();
-    var Avatar$1 = Avatar;
-
-    const name$9 = "sys-help-2";
-    const pathData$9 = "M256 0q53 0 99.5 20T437 74.5t55 81.5 20 100-20 99.5-55 81.5-81.5 55-99.5 20-100-20-81.5-55T20 355.5 0 256t20-100 54.5-81.5T156 20 256 0zm-5 425q15 0 26-11t11-26-11-25.5-26-10.5-25.5 10.5T215 388t10.5 26 25.5 11zm101-239q0-32-27-57t-77-25q-46 0-72.5 24T146 187h52q5-24 17.5-32.5T251 146t35 12.5 12 27.5q0 10-2.5 14T282 215l-20 17q-15 12-23 21t-11.5 18.5-4.5 21-1 27.5h50q0-12 .5-19t3-12.5T283 278t15-13l27-25 16-18 9-16z";
-    const ltr$9 = true;
-    const collection$9 = "SAP-icons-v4";
-    const packageName$9 = "@ui5/webcomponents-icons";
-
-    Icons.f(name$9, { pathData: pathData$9, ltr: ltr$9, collection: collection$9, packageName: packageName$9 });
-
-    const name$8 = "sys-help-2";
-    const pathData$8 = "M256 0q53 0 99.5 20T437 75t55 81.5 20 99.5-20 99.5-55 81.5-81.5 55-99.5 20-99.5-20T75 437t-55-81.5T0 256t20-99.5T75 75t81.5-55T256 0zm32 289q31-10 50.5-36.5T358 192q0-43-29.5-72.5T256 90q-21 0-39.5 8T184 118.5 162 148t-8 35q0 20 9 30.5t23 10.5q13 0 22.5-9t9.5-23q0-16 11-27t27-11 27 11 11 27-11 27-27 11q-14 0-23 9.5t-9 22.5v26q0 14 9 23t23 9q13 0 22-9t10-22zm-32 127q14 0 23-9t9-23-9-23-23-9-23 9-9 23 9 23 23 9z";
-    const ltr$8 = true;
-    const collection$8 = "SAP-icons-v5";
-    const packageName$8 = "@ui5/webcomponents-icons";
-
-    Icons.f(name$8, { pathData: pathData$8, ltr: ltr$8, collection: collection$8, packageName: packageName$8 });
-
-    var selectedAccount = "sys-enter-2";
-
-    /**
-     * Defines tag design types.
-     * @public
-     */
-    var TagDesign;
-    (function (TagDesign) {
-        /**
-         * Set1 of generic indication colors that are intended for industry-specific use cases
-         * @public
-         */
-        TagDesign["Set1"] = "Set1";
-        /**
-         * Set2 of generic indication colors that are intended for industry-specific use cases
-         * @public
-         */
-        TagDesign["Set2"] = "Set2";
-        /**
-         * Neutral design
-         * @public
-         */
-        TagDesign["Neutral"] = "Neutral";
-        /**
-         * Information design
-         * @public
-         */
-        TagDesign["Information"] = "Information";
-        /**
-         * Positive design
-         * @public
-         */
-        TagDesign["Positive"] = "Positive";
-        /**
-         * Negative design
-         * @public
-         */
-        TagDesign["Negative"] = "Negative";
-        /**
-         * Critical design
-         * @public
-         */
-        TagDesign["Critical"] = "Critical";
-    })(TagDesign || (TagDesign = {}));
-    var TagDesign$1 = TagDesign;
-
-    function TagTemplate() {
-        return (parametersBundle_css.jsx(parametersBundle_css.Fragment, { children: this.interactive ?
-                parametersBundle_css.jsx("button", { class: "ui5-tag-root", title: this._title, "aria-roledescription": this._roleDescription, "aria-description": this._valueState, onClick: this._onclick, part: "root", children: content.call(this) })
-                :
-                    parametersBundle_css.jsx("div", { class: "ui5-tag-root", title: this._title, part: "root", children: content.call(this) }) }));
-    }
-    function content() {
-        return (parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsx("slot", { name: "icon" }), this._semanticIconName &&
-                    parametersBundle_css.jsx(parametersBundle_css.Icon, { class: "ui5-tag-semantic-icon", name: this._semanticIconName }), parametersBundle_css.jsx("span", { class: "ui5-hidden-text", children: this.tagDescription }), this.hasText &&
-                    parametersBundle_css.jsx("span", { class: "ui5-tag-text", children: parametersBundle_css.jsx("slot", {}) })] }));
-    }
-
-    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("@ui5/webcomponents", "sap_horizon", async () => parametersBundle_css.defaultTheme$1);
-    var tagCss = `.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{font-size:var(--sapFontSmallSize);font-family:var(--sapFontBoldFamily);font-weight:var(--_ui5-v2-9-0-tag-font-weight);letter-spacing:var(--_ui5-v2-9-0-tag-letter-spacing);line-height:var(--_ui5-v2-9-0-tag-height)}.ui5-tag-root{display:flex;align-items:baseline;justify-content:center;width:100%;min-width:1.125em;max-width:100%;box-sizing:border-box;padding:var(--_ui5-v2-9-0-tag-text-padding);border:.0625rem solid;border-radius:var(--sapButton_BorderCornerRadius);white-space:normal;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}:host([interactive]) .ui5-tag-root:active{text-shadow:var(--ui5-v2-9-0-tag-text-shadow)}:host([interactive]) .ui5-tag-root{cursor:pointer}:host([desktop][interactive]) .ui5-tag-root:focus,:host([interactive]) .ui5-tag-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:1px}:host([wrapping-type="None"]) .ui5-tag-root{white-space:nowrap}:host([_icon-only]) .ui5-tag-root{padding-inline:var(--_ui5-v2-9-0-tag-padding-inline-icon-only)}.ui5-tag-text{text-transform:var(--_ui5-v2-9-0-tag-text-transform);text-align:start;pointer-events:none;overflow:hidden;text-overflow:ellipsis}:host([_has-icon]) .ui5-tag-text{padding-inline-start:var(--_ui5-v2-9-0-tag-icon-gap)}[ui5-icon],::slotted([ui5-icon]){width:var(--_ui5-v2-9-0-tag-icon-width);min-width:var(--_ui5-v2-9-0-tag-icon-width);color:inherit;pointer-events:none;align-self:flex-start}.ui5-tag-root{background-color:var(--sapNeutralBackground);border-color:var(--sapNeutralBorderColor);color:var(--sapTextColor);text-shadow:var(--ui5-v2-9-0-tag-text-shadow)}:host([interactive]) .ui5-tag-root:hover{background-color:var(--sapButton_Neutral_Hover_Background);border-color:var(--sapButton_Neutral_Hover_BorderColor);color:var(--sapButton_Neutral_Hover_TextColor)}:host([interactive]) .ui5-tag-root:active{background-color:var(--sapButton_Neutral_Active_Background);border-color:var(--sapButton_Neutral_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([design="Positive"]) .ui5-tag-root{background-color:var(--sapButton_Success_Background);border-color:var(--sapButton_Success_BorderColor);color:var(--sapButton_Success_TextColor);text-shadow:var(--ui5-v2-9-0-tag-contrast-text-shadow)}:host([interactive][design="Positive"]) .ui5-tag-root:hover{background-color:var(--sapButton_Success_Hover_Background);border-color:var(--sapButton_Success_Hover_BorderColor);color:var(--sapButton_Success_Hover_TextColor)}:host([interactive][design="Positive"]) .ui5-tag-root:active{background-color:var(--sapButton_Success_Active_Background);border-color:var(--sapButton_Success_Active_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host([design="Negative"]) .ui5-tag-root{background-color:var(--sapButton_Negative_Background);border-color:var(--sapButton_Negative_BorderColor);color:var(--sapButton_Negative_TextColor);text-shadow:var(--ui5-v2-9-0-tag-contrast-text-shadow)}:host([interactive][design="Negative"]) .ui5-tag-root:hover{background-color:var(--sapButton_Negative_Hover_Background);border-color:var(--sapButton_Negative_Hover_BorderColor);color:var(--sapButton_Negative_Hover_TextColor)}:host([interactive][design="Negative"]) .ui5-tag-root:active{background-color:var(--sapButton_Negative_Active_Background);border-color:var(--sapButton_Negative_Active_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host([design="Critical"]) .ui5-tag-root{background-color:var(--sapButton_Critical_Background);border-color:var(--sapButton_Critical_BorderColor);color:var(--sapButton_Critical_TextColor);text-shadow:var(--ui5-v2-9-0-tag-contrast-text-shadow)}:host([interactive][design="Critical"]) .ui5-tag-root:hover{background-color:var(--sapButton_Critical_Hover_Background);border-color:var(--sapButton_Critical_Hover_BorderColor);color:var(--sapButton_Critical_Hover_TextColor)}:host([interactive][design="Critical"]) .ui5-tag-root:active{background-color:var(--sapButton_Critical_Active_Background);border-color:var(--sapButton_Critical_Active_BorderColor);color:var(--sapButton_Attention_Selected_TextColor)}:host([design="Information"]) .ui5-tag-root{background-color:var(--sapButton_Information_Background);border-color:var(--sapButton_Information_BorderColor);color:var(--sapButton_Information_TextColor);text-shadow:var(--ui5-v2-9-0-tag-information-text-shadow)}:host([interactive][design="Information"]) .ui5-tag-root:hover{background-color:var(--sapButton_Information_Hover_Background);border-color:var(--sapButton_Information_Hover_BorderColor);color:var(--sapButton_Information_Hover_TextColor)}:host([interactive][design="Information"]) .ui5-tag-root:active{background-color:var(--sapButton_Information_Active_Background);border-color:var(--sapButton_Information_Active_BorderColor);color:var(--sapButton_Selected_TextColor)}:host([design="Set1"]) .ui5-tag-root{text-shadow:var(--ui5-v2-9-0-tag-contrast-text-shadow)}:host([design="Set1"]) .ui5-tag-root,:host([interactive][design="Set1"]) .ui5-tag-root{background-color:var(--sapIndicationColor_1_Background);border-color:var(--sapIndicationColor_1_BorderColor);color:var(--sapIndicationColor_1_TextColor)}:host([interactive][design="Set1"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_1_Hover_Background)}:host([interactive][design="Set1"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_1_Active_Background);border-color:var(--sapIndicationColor_1_Active_BorderColor);color:var(--sapIndicationColor_1_Active_TextColor)}:host([design="Set1"][color-scheme="2"]) .ui5-tag-root{background-color:var(--sapIndicationColor_2_Background);border-color:var(--sapIndicationColor_2_BorderColor);color:var(--sapIndicationColor_2_TextColor)}:host([interactive][design="Set1"][color-scheme="2"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_2_Hover_Background)}:host([interactive][design="Set1"][color-scheme="2"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_2_Active_Background);border-color:var(--sapIndicationColor_2_Active_BorderColor);color:var(--sapIndicationColor_2_Active_TextColor)}:host([design="Set1"][color-scheme="3"]) .ui5-tag-root{background-color:var(--sapIndicationColor_3_Background);border-color:var(--sapIndicationColor_3_BorderColor);color:var(--sapIndicationColor_3_TextColor)}:host([interactive][design="Set1"][color-scheme="3"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_3_Hover_Background)}:host([interactive][design="Set1"][color-scheme="3"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_3_Active_Background);border-color:var(--sapIndicationColor_3_Active_BorderColor);color:var(--sapIndicationColor_3_Active_TextColor)}:host([design="Set1"][color-scheme="4"]) .ui5-tag-root{background-color:var(--sapIndicationColor_4_Background);border-color:var(--sapIndicationColor_4_BorderColor);color:var(--sapIndicationColor_4_TextColor)}:host([interactive][design="Set1"][color-scheme="4"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_4_Hover_Background)}:host([interactive][design="Set1"][color-scheme="4"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_4_Active_Background);border-color:var(--sapIndicationColor_4_Active_BorderColor);color:var(--sapIndicationColor_4_Active_TextColor)}:host([design="Set1"][color-scheme="5"]) .ui5-tag-root{background-color:var(--sapIndicationColor_5_Background);border-color:var(--sapIndicationColor_5_BorderColor);color:var(--sapIndicationColor_5_TextColor)}:host([interactive][design="Set1"][color-scheme="5"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_5_Hover_Background)}:host([interactive][design="Set1"][color-scheme="5"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_5_Active_Background);border-color:var(--sapIndicationColor_5_Active_BorderColor);color:var(--sapIndicationColor_5_Active_TextColor)}:host([design="Set1"][color-scheme="6"]) .ui5-tag-root{background-color:var(--sapIndicationColor_6_Background);border-color:var(--sapIndicationColor_6_BorderColor);color:var(--sapIndicationColor_6_TextColor)}:host([interactive][design="Set1"][color-scheme="6"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_6_Hover_Background)}:host([interactive][design="Set1"][color-scheme="6"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_6_Active_Background);border-color:var(--sapIndicationColor_6_Active_BorderColor);color:var(--sapIndicationColor_6_Active_TextColor)}:host([design="Set1"][color-scheme="7"]) .ui5-tag-root{background-color:var(--sapIndicationColor_7_Background);border-color:var(--sapIndicationColor_7_BorderColor);color:var(--sapIndicationColor_7_TextColor)}:host([interactive][design="Set1"][color-scheme="7"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_7_Hover_Background)}:host([interactive][design="Set1"][color-scheme="7"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_7_Active_Background);border-color:var(--sapIndicationColor_7_Active_BorderColor);color:var(--sapIndicationColor_7_Active_TextColor)}:host([design="Set1"][color-scheme="8"]) .ui5-tag-root{background-color:var(--sapIndicationColor_8_Background);border-color:var(--sapIndicationColor_8_BorderColor);color:var(--sapIndicationColor_8_TextColor)}:host([interactive][design="Set1"][color-scheme="8"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_8_Hover_Background)}:host([interactive][design="Set1"][color-scheme="8"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_8_Active_Background);border-color:var(--sapIndicationColor_8_Active_BorderColor);color:var(--sapIndicationColor_8_Active_TextColor)}:host([design="Set1"][color-scheme="9"]) .ui5-tag-root{background-color:var(--sapIndicationColor_9_Background);border-color:var(--sapIndicationColor_9_BorderColor);color:var(--sapIndicationColor_9_TextColor)}:host([interactive][design="Set1"][color-scheme="9"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_9_Hover_Background)}:host([interactive][design="Set1"][color-scheme="9"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_9_Active_Background);border-color:var(--sapIndicationColor_9_Active_BorderColor);color:var(--sapIndicationColor_9_Active_TextColor)}:host([design="Set1"][color-scheme="10"]) .ui5-tag-root{background-color:var(--sapIndicationColor_10_Background);border-color:var(--sapIndicationColor_10_BorderColor);color:var(--sapIndicationColor_10_TextColor)}:host([interactive][design="Set1"][color-scheme="10"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_10_Hover_Background)}:host([interactive][design="Set1"][color-scheme="10"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_10_Active_Background);border-color:var(--sapIndicationColor_10_Active_BorderColor);color:var(--sapIndicationColor_10_Active_TextColor)}:host([design="Set2"]) .ui5-tag-root{text-shadow:var(--ui5-v2-9-0-tag-text-shadow)}:host([design="Set2"]) .ui5-tag-root,:host([interactive][design="Set2"]) .ui5-tag-root{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-1-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-1-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-1-color)}:host([interactive][design="Set2"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-1-hover-background)}:host([interactive][design="Set2"]) .ui5-tag-root:active{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-1-active-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-1-active-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-1-active-color)}:host([design="Set2"][color-scheme="2"]) .ui5-tag-root{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-2-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-2-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-2-color)}:host([design="Set2"][color-scheme="3"]) .ui5-tag-root{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-3-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-3-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-3-color)}:host([interactive][design="Set2"][color-scheme="3"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-3-hover-background)}:host([interactive][design="Set2"][color-scheme="3"]) .ui5-tag-root:active{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-3-active-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-3-active-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-3-active-color)}:host([design="Set2"][color-scheme="4"]) .ui5-tag-root{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-4-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-4-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-4-color)}:host([interactive][design="Set2"][color-scheme="4"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-4-hover-background)}:host([interactive][design="Set2"][color-scheme="4"]) .ui5-tag-root:active{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-4-active-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-4-active-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-4-active-color)}:host([design="Set2"][color-scheme="5"]) .ui5-tag-root{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-5-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-5-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-5-color)}:host([interactive][design="Set2"][color-scheme="5"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-5-hover-background)}:host([interactive][design="Set2"][color-scheme="5"]) .ui5-tag-root:active{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-5-active-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-5-active-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-5-active-color)}:host([design="Set2"][color-scheme="6"]) .ui5-tag-root{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-6-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-6-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-6-color)}:host([interactive][design="Set2"][color-scheme="6"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-6-hover-background)}:host([interactive][design="Set2"][color-scheme="6"]) .ui5-tag-root:active{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-6-active-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-6-active-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-6-active-color)}:host([design="Set2"][color-scheme="7"]) .ui5-tag-root{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-7-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-7-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-7-color)}:host([interactive][design="Set2"][color-scheme="7"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-7-hover-background)}:host([interactive][design="Set2"][color-scheme="7"]) .ui5-tag-root:active{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-7-active-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-7-active-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-7-active-color)}:host([design="Set2"][color-scheme="8"]) .ui5-tag-root{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-8-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-8-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-8-color)}:host([interactive][design="Set2"][color-scheme="8"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-8-hover-background)}:host([interactive][design="Set2"][color-scheme="8"]) .ui5-tag-root:active{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-8-active-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-8-active-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-8-active-color)}:host([design="Set2"][color-scheme="9"]) .ui5-tag-root{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-9-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-9-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-9-color)}:host([interactive][design="Set2"][color-scheme="9"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-9-hover-background)}:host([interactive][design="Set2"][color-scheme="9"]) .ui5-tag-root:active{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-9-active-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-9-active-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-9-active-color)}:host([interactive][design="Set2"][color-scheme="10"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-10-hover-background)}:host([interactive][design="Set2"][color-scheme="10"]) .ui5-tag-root:active{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-10-active-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-10-active-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-10-active-color)}:host([design="Set2"][color-scheme="10"]) .ui5-tag-root{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-10-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-10-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-10-color)}:host([interactive][design="Set2"][color-scheme="2"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-2-hover-background)}:host([interactive][design="Set2"][color-scheme="2"]) .ui5-tag-root:active{background-color:var(--ui5-v2-9-0-tag-set2-color-scheme-2-active-background);border-color:var(--ui5-v2-9-0-tag-set2-color-scheme-2-active-border);color:var(--ui5-v2-9-0-tag-set2-color-scheme-2-active-color)}:host([size="L"]){font-family:var(--sapFontSemiboldDuplexFamily);line-height:var(--_ui5-v2-9-0-tag-height_size_l)}:host([size="L"]) .ui5-tag-root{font-size:var(--_ui5-v2-9-0-tag-font-size_size_l);min-width:var(--_ui5-v2-9-0-tag-min-width_size_l);padding:var(--_ui5-v2-9-0-tag-text_padding_size_l)}:host([size="L"]) [ui5-icon],:host([size="L"]) ::slotted([ui5-icon]){min-width:var(--_ui5-v2-9-0-tag-icon_min_width_size_l);min-height:var(--_ui5-v2-9-0-tag-icon_min_height_size_l);height:var(--_ui5-v2-9-0-tag-icon_height_size_l)}
-`;
-
-    var __decorate$4 = (this && this.__decorate) || function (decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    };
-    var Tag_1;
-    /**
-     * @class
-     * ### Overview
-     *
-     * The `ui5-tag` is a component which serves
-     * the purpose to attract the user attention to some piece
-     * of information (state, quantity, condition, etc.).
-     * It can contain icon and text information, and its design can be chosen from specific design types.
-     *
-     * ### Usage Guidelines
-     *
-     * - If the text is longer than the width of the component, it can wrap, or it can show ellipsis, depending on the `wrappingType` property.
-      * - Colors can be semantic or not semantic.
-     *
-     * ### ES6 Module Import
-     *
-     * `import "@ui5/webcomponents/dist/Tag.js";`
-     * @csspart root - Used to style the root element.
-     * @constructor
-     * @extends UI5Element
-     * @since 2.0.0
-     * @public
-     */
-    let Tag = Tag_1 = class Tag extends webcomponentsBase.b {
-        constructor() {
-            super(...arguments);
-            /**
-             * Defines the design type of the component.
-             * @default "Neutral"
-             * @public
-             * @since 1.22.0
-             */
-            this.design = "Neutral";
-            /**
-             * Defines the color scheme of the component.
-             * There are 10 predefined schemes.
-             * To use one you can set a number from `"1"` to `"10"`. The `colorScheme` `"1"` will be set by default.
-             * @default "1"
-             * @public
-             */
-            this.colorScheme = "1";
-            /**
-             * Defines if the default state icon is shown.
-             * @default false
-             * @public
-             * @since 1.22.0
-             */
-            this.hideStateIcon = false;
-            /**
-             * Defines if the component is interactive (focusable and pressable).
-             *
-             * @default false
-             * @public
-             * @since 1.22.0
-             */
-            this.interactive = false;
-            /**
-             * Defines how the text of a component will be displayed when there is not enough space.
-             *
-             * **Note:** For option "Normal" the text will wrap and the
-             * words will not be broken based on hyphenation.
-             * @default "Normal"
-             * @public
-             * @since 1.22.0
-             */
-            this.wrappingType = "Normal";
-            /**
-             * Defines predefined size of the component.
-             * @default "S"
-             * @public
-             * @since 2.0.0
-             */
-            this.size = "S";
-            /**
-             * Defines if the tag has an icon.
-             * @private
-             */
-            this._hasIcon = false;
-            /**
-             * Defines if the tag has only an icon (and no text).
-             * @private
-             */
-            this._iconOnly = false;
-        }
-        onEnterDOM() {
-            if (Icons.f$2()) {
-                this.setAttribute("desktop", "");
-            }
-        }
-        onBeforeRendering() {
-            this._hasIcon = this.hasIcon || !!this._semanticIconName;
-            this._iconOnly = this.iconOnly;
-        }
-        get _roleDescription() {
-            return Tag_1.i18nBundle.getText(parametersBundle_css.TAG_ROLE_DESCRIPTION);
-        }
-        get _valueState() {
-            switch (this.design) {
-                case TagDesign$1.Positive:
-                    return Tag_1.i18nBundle.getText(parametersBundle_css.TAG_SUCCESS);
-                case TagDesign$1.Negative:
-                    return Tag_1.i18nBundle.getText(parametersBundle_css.TAG_ERROR);
-                case TagDesign$1.Critical:
-                    return Tag_1.i18nBundle.getText(parametersBundle_css.TAG_WARNING);
-                case TagDesign$1.Information:
-                    return Tag_1.i18nBundle.getText(parametersBundle_css.TAG_INFORMATION);
-            }
-            return undefined;
-        }
-        get hasText() {
-            return parametersBundle_css.t(this.text);
-        }
-        get hasIcon() {
-            return !!this.icon.length;
-        }
-        get iconOnly() {
-            return this.hasIcon && !this.hasText;
-        }
-        get _title() {
-            return this.title || undefined;
-        }
-        get tagDescription() {
-            if (this.interactive) {
-                return undefined;
-            }
-            const valueState = this._valueState;
-            let description = Tag_1.i18nBundle.getText(parametersBundle_css.TAG_DESCRIPTION_TAG);
-            if (valueState) {
-                description = `${description} ${valueState}`;
-            }
-            return description;
-        }
-        get _semanticIconName() {
-            if (this.hideStateIcon || this.hasIcon) {
-                return null;
-            }
-            switch (this.design) {
-                case TagDesign$1.Neutral:
-                    return "sys-help-2";
-                case TagDesign$1.Positive:
-                    return "sys-enter-2";
-                case TagDesign$1.Negative:
-                    return "error";
-                case TagDesign$1.Critical:
-                    return "alert";
-                case TagDesign$1.Information:
-                    return "information";
-                default:
-                    return null;
-            }
-        }
-        _onclick(e) {
-            e.stopPropagation();
-            this.fireDecoratorEvent("click");
-        }
-    };
-    __decorate$4([
-        webcomponentsBase.s()
-    ], Tag.prototype, "design", void 0);
-    __decorate$4([
-        webcomponentsBase.s()
-    ], Tag.prototype, "colorScheme", void 0);
-    __decorate$4([
-        webcomponentsBase.s({ type: Boolean })
-    ], Tag.prototype, "hideStateIcon", void 0);
-    __decorate$4([
-        webcomponentsBase.s({ type: Boolean })
-    ], Tag.prototype, "interactive", void 0);
-    __decorate$4([
-        webcomponentsBase.s()
-    ], Tag.prototype, "wrappingType", void 0);
-    __decorate$4([
-        webcomponentsBase.s()
-    ], Tag.prototype, "size", void 0);
-    __decorate$4([
-        webcomponentsBase.s({ type: Boolean })
-    ], Tag.prototype, "_hasIcon", void 0);
-    __decorate$4([
-        webcomponentsBase.s({ type: Boolean })
-    ], Tag.prototype, "_iconOnly", void 0);
-    __decorate$4([
-        webcomponentsBase.d({ type: Node, "default": true })
-    ], Tag.prototype, "text", void 0);
-    __decorate$4([
-        webcomponentsBase.d()
-    ], Tag.prototype, "icon", void 0);
-    __decorate$4([
-        parametersBundle_css.i("@ui5/webcomponents")
-    ], Tag, "i18nBundle", void 0);
-    Tag = Tag_1 = __decorate$4([
-        webcomponentsBase.m({
-            tag: "ui5-tag",
-            languageAware: true,
-            renderer: parametersBundle_css.d,
-            template: TagTemplate,
-            styles: tagCss,
-        })
-        /**
-         * Fired when the user clicks on an interactive tag.
-         *
-         * **Note:** The event will be fired if the `interactive` property is `true`
-         * @public
-         * @since 1.22.0
-         */
-        ,
-        eventStrict.l("click", {
-            bubbles: true,
-        })
-    ], Tag);
-    Tag.define();
-    var Tag$1 = Tag;
-
-    /**
-     * Empty Indicator Mode.
-     * @public
-     */
-    var TextEmptyIndicatorMode;
-    (function (TextEmptyIndicatorMode) {
-        /**
-         * Empty indicator is never rendered.
-         * @public
-         */
-        TextEmptyIndicatorMode["Off"] = "Off";
-        /**
-         * Empty indicator is rendered always when the component's content is empty.
-         * @public
-         */
-        TextEmptyIndicatorMode["On"] = "On";
-    })(TextEmptyIndicatorMode || (TextEmptyIndicatorMode = {}));
-    var TextEmptyIndicatorMode$1 = TextEmptyIndicatorMode;
-
-    function TextTemplate() {
-        return parametersBundle_css.jsx(parametersBundle_css.Fragment, { children: parametersBundle_css.jsx("span", { children: this._renderEmptyIndicator ?
-                    parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsx("span", { className: "empty-indicator", "aria-hidden": "true", children: this._emptyIndicatorSymbol }), parametersBundle_css.jsx("span", { className: "empty-indicator-aria-label", children: this._emptyIndicatorAriaLabel })] })
-                    :
-                        parametersBundle_css.jsx("slot", {}) }) });
-    }
-
-    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("@ui5/webcomponents", "sap_horizon", async () => parametersBundle_css.defaultTheme$1);
-    var styles = `:host{max-width:100%;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);color:var(--sapTextColor);line-height:normal;cursor:text;overflow:hidden}:host([max-lines="1"]){display:inline-block;text-overflow:ellipsis;white-space:nowrap}:host(:not([max-lines="1"])){display:-webkit-box;-webkit-line-clamp:var(--_ui5-v2-9-0_text_max_lines);line-clamp:var(--_ui5-v2-9-0_text_max_lines);-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.empty-indicator-aria-label{position:absolute!important;clip:rect(1px,1px,1px,1px);user-select:none;left:0;top:0;font-size:0}
-`;
-
-    var __decorate$3 = (this && this.__decorate) || function (decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    };
-    var Text_1;
-    /**
-     * @class
-     *
-     * <h3>Overview</h3>
-     *
-     * The `ui5-text` component displays text that can be used in any content area of an application.
-     *
-     * <h3>Usage</h3>
-     *
-     * - Use the `ui5-text` if you want to display text inside a form, table, or any other content area.
-     * - Do not use the `ui5-text` if you need to reference input type of components (use ui5-label).
-     *
-     * <h3>Responsive behavior</h3>
-     *
-     * The `ui5-text` component is fully adaptive to all screen sizes.
-     * By default, the text will wrap when the space is not enough.
-     * In addition, the component supports truncation via the <code>max-lines</code> property,
-     * by defining the number of lines the text should wrap before start truncating.
-     *
-     * <h3>ES6 Module Import</h3>
-     *
-     * <code>import "@ui5/webcomponents/dist/Text";</code>
-     *
-     * @constructor
-     * @extends UI5Element
-     * @public
-     * @since 2.0.0
-     */
-    let Text = Text_1 = class Text extends webcomponentsBase.b {
-        constructor() {
-            super(...arguments);
-            /**
-             * Defines the number of lines the text should wrap before it truncates.
-             * @default Infinity
-             * @public
-             */
-            this.maxLines = Infinity;
-            /**
-             * Specifies if an empty indicator should be displayed when there is no text.
-             * @default "Off"
-             * @since 2.2.0
-             * @public
-             */
-            this.emptyIndicatorMode = "Off";
-        }
-        onBeforeRendering() {
-            this.style.setProperty(Icons.d$1("--_ui5_text_max_lines"), `${this.maxLines}`);
-        }
-        get hasText() {
-            return parametersBundle_css.t(this.text);
-        }
-        get _renderEmptyIndicator() {
-            return !this.hasText && this.emptyIndicatorMode === TextEmptyIndicatorMode$1.On;
-        }
-        get _emptyIndicatorAriaLabel() {
-            return Text_1.i18nBundle.getText(parametersBundle_css.EMPTY_INDICATOR_ACCESSIBLE_TEXT);
-        }
-        get _emptyIndicatorSymbol() {
-            return Text_1.i18nBundle.getText(parametersBundle_css.EMPTY_INDICATOR_SYMBOL);
-        }
-    };
-    __decorate$3([
-        webcomponentsBase.s({ type: Number })
-    ], Text.prototype, "maxLines", void 0);
-    __decorate$3([
-        webcomponentsBase.s()
-    ], Text.prototype, "emptyIndicatorMode", void 0);
-    __decorate$3([
-        webcomponentsBase.d({ type: Node, "default": true })
-    ], Text.prototype, "text", void 0);
-    __decorate$3([
-        parametersBundle_css.i("@ui5/webcomponents")
-    ], Text, "i18nBundle", void 0);
-    Text = Text_1 = __decorate$3([
-        webcomponentsBase.m({
-            tag: "ui5-text",
-            renderer: parametersBundle_css.d,
-            template: TextTemplate,
-            styles,
-        })
-    ], Text);
-    Text.define();
-    var Text$1 = Text;
+sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/Tag', 'sap/ushell/thirdparty/ListItemTemplate', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/Avatar', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/Text', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/ListItemCustom', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/toLowercaseEnumValue'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, eventStrict, i18nDefaults, Tag, ListItemTemplate, Icons, Avatar, Button, Icon, Text, Label, List, ListItemCustom, information, parametersBundle_css, i18nDefaults$1, BusyIndicator, toLowercaseEnumValue) { 'use strict';
 
     function PanelTemplate() {
-        return (parametersBundle_css.jsx(parametersBundle_css.Fragment, { children: parametersBundle_css.jsxs("div", { class: "ui5-panel-root", role: this.accRole, "aria-label": this.effectiveAccessibleName, "aria-labelledby": this.fixedPanelAriaLabelledbyReference, children: [this.hasHeaderOrHeaderText &&
+        return (i18nDefaults.jsx(i18nDefaults.Fragment, { children: i18nDefaults.jsxs("div", { class: "ui5-panel-root", role: this.accRole, "aria-label": this.effectiveAccessibleName, "aria-labelledby": this.fixedPanelAriaLabelledbyReference, children: [this.hasHeaderOrHeaderText &&
                         // header: either header or h1 with header text
-                        parametersBundle_css.jsx("div", { class: {
+                        i18nDefaults.jsx("div", { class: {
                                 "ui5-panel-heading-wrapper": true,
                                 "ui5-panel-heading-wrapper-sticky": this.stickyHeader,
-                            }, role: this.headingWrapperRole, "aria-level": this.headingWrapperAriaLevel, children: parametersBundle_css.jsxs("div", { onClick: this._headerClick, onKeyDown: this._headerKeyDown, onKeyUp: this._headerKeyUp, class: "ui5-panel-header", tabindex: this.headerTabIndex, role: this.accInfo.role, "aria-expanded": this.accInfo.ariaExpanded, "aria-controls": this.accInfo.ariaControls, "aria-labelledby": this.accInfo.ariaLabelledby, part: "header", children: [!this.fixed &&
-                                        parametersBundle_css.jsx("div", { class: "ui5-panel-header-button-root", children: this._hasHeader ?
-                                                parametersBundle_css.jsx(parametersBundle_css.Button, { design: "Transparent", class: "ui5-panel-header-button ui5-panel-header-button-with-icon", onClick: this._toggleButtonClick, accessibilityAttributes: this.accInfo.button.accessibilityAttributes, tooltip: this.accInfo.button.title, accessibleName: this.accInfo.button.ariaLabelButton, children: parametersBundle_css.jsx("div", { class: "ui5-panel-header-icon-wrapper", children: parametersBundle_css.jsx(parametersBundle_css.Icon, { class: {
+                            }, role: this.headingWrapperRole, "aria-level": this.headingWrapperAriaLevel, children: i18nDefaults.jsxs("div", { onClick: this._headerClick, onKeyDown: this._headerKeyDown, onKeyUp: this._headerKeyUp, class: "ui5-panel-header", tabindex: this.headerTabIndex, role: this.accInfo.role, "aria-expanded": this.accInfo.ariaExpanded, "aria-controls": this.accInfo.ariaControls, "aria-labelledby": this.accInfo.ariaLabelledby, part: "header", children: [!this.fixed &&
+                                        i18nDefaults.jsx("div", { class: "ui5-panel-header-button-root", children: this._hasHeader ?
+                                                i18nDefaults.jsx(Button.Button, { design: "Transparent", class: "ui5-panel-header-button ui5-panel-header-button-with-icon", onClick: this._toggleButtonClick, accessibilityAttributes: this.accInfo.button.accessibilityAttributes, tooltip: this.accInfo.button.title, accessibleName: this.accInfo.button.ariaLabelButton, children: i18nDefaults.jsx("div", { class: "ui5-panel-header-icon-wrapper", children: i18nDefaults.jsx(Icon.Icon, { class: {
                                                                 "ui5-panel-header-icon": true,
                                                                 "ui5-panel-header-button-animated": !this.shouldNotAnimate,
-                                                            }, name: parametersBundle_css.slimArrowRight }) }) })
+                                                            }, name: ListItemTemplate.slimArrowRight }) }) })
                                                 : // else
-                                                    parametersBundle_css.jsx(parametersBundle_css.Icon, { class: {
+                                                    i18nDefaults.jsx(Icon.Icon, { class: {
                                                             "ui5-panel-header-button": true,
                                                             "ui5-panel-header-icon": true,
                                                             "ui5-panel-header-button-animated": !this.shouldNotAnimate,
-                                                        }, name: parametersBundle_css.slimArrowRight, showTooltip: true, accessibleName: this.toggleButtonTitle }) }), this._hasHeader ?
-                                        parametersBundle_css.jsx("slot", { name: "header" })
+                                                        }, name: ListItemTemplate.slimArrowRight, showTooltip: true, accessibleName: this.toggleButtonTitle }) }), this._hasHeader ?
+                                        i18nDefaults.jsx("slot", { name: "header" })
                                         : // else
-                                            parametersBundle_css.jsx("div", { id: `${this._id}-header-title`, class: "ui5-panel-header-title", children: this.headerText })] }) }), parametersBundle_css.jsx("div", { class: "ui5-panel-content", id: `${this._id}-content`, tabindex: -1, style: {
+                                            i18nDefaults.jsx("div", { id: `${this._id}-header-title`, class: "ui5-panel-header-title", children: this.headerText })] }) }), i18nDefaults.jsx("div", { class: "ui5-panel-content", id: `${this._id}-content`, tabindex: -1, style: {
                             display: this._contentExpanded ? "block" : "none",
-                        }, part: "content", children: parametersBundle_css.jsx("slot", {}) })] }) }));
+                        }, part: "content", children: i18nDefaults.jsx("slot", {}) })] }) }));
     }
 
-    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("@ui5/webcomponents", "sap_horizon", async () => parametersBundle_css.defaultTheme$1);
-    var panelCss = `.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:block}:host{font-family:"72override",var(--sapFontFamily);background-color:var(--sapGroup_TitleBackground);border-radius:var(--_ui5-v2-9-0_panel_border_radius)}:host(:not([collapsed])){border-bottom:var(--_ui5-v2-9-0_panel_border_bottom)}:host([fixed]) .ui5-panel-header{padding-left:1rem}.ui5-panel-header{min-height:var(--_ui5-v2-9-0_panel_header_height);width:100%;position:relative;display:flex;justify-content:flex-start;align-items:center;outline:none;box-sizing:border-box;padding-right:var(--_ui5-v2-9-0_panel_header_padding_right);font-family:"72override",var(--sapFontHeaderFamily);font-size:var(--sapGroup_Title_FontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.ui5-panel-header-icon{color:var(--_ui5-v2-9-0_panel_icon_color)}.ui5-panel-header-button-animated{transition:transform .4s ease-out}:host(:not([_has-header]):not([fixed])) .ui5-panel-header{cursor:pointer}:host(:not([_has-header]):not([fixed])) .ui5-panel-header:focus:after{content:"";position:absolute;pointer-events:none;z-index:2;border:var(--_ui5-v2-9-0_panel_focus_border);border-radius:var(--_ui5-v2-9-0_panel_border_radius);top:var(--_ui5-v2-9-0_panel_focus_offset);bottom:var(--_ui5-v2-9-0_panel_focus_bottom_offset);left:var(--_ui5-v2-9-0_panel_focus_offset);right:var(--_ui5-v2-9-0_panel_focus_offset)}:host(:not([collapsed]):not([_has-header]):not([fixed])) .ui5-panel-header:focus:after{border-radius:var(--_ui5-v2-9-0_panel_border_radius_expanded)}:host(:not([collapsed])) .ui5-panel-header-button:not(.ui5-panel-header-button-with-icon),:host(:not([collapsed])) .ui5-panel-header-icon-wrapper [ui5-icon]{transform:var(--_ui5-v2-9-0_panel_toggle_btn_rotation)}:host([fixed]) .ui5-panel-header-title{width:100%}.ui5-panel-heading-wrapper.ui5-panel-heading-wrapper-sticky{position:sticky;top:0;background-color:var(--_ui5-v2-9-0_panel_header_background_color);z-index:100;border-radius:var(--_ui5-v2-9-0_panel_border_radius)}.ui5-panel-header-title{width:calc(100% - var(--_ui5-v2-9-0_panel_button_root_width));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-panel-content{padding:var(--_ui5-v2-9-0_panel_content_padding);background-color:var(--sapGroup_ContentBackground);outline:none;border-bottom-left-radius:var(--_ui5-v2-9-0_panel_border_radius);border-bottom-right-radius:var(--_ui5-v2-9-0_panel_border_radius);overflow:auto}.ui5-panel-header-button-root{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--_ui5-v2-9-0_panel_button_root_width);height:var(--_ui5-v2-9-0_panel_button_root_height);padding:var(--_ui5-v2-9-0_panel_header_button_wrapper_padding);box-sizing:border-box}:host([fixed]:not([collapsed]):not([_has-header])) .ui5-panel-header,:host([collapsed]) .ui5-panel-header{border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor)}:host([collapsed]) .ui5-panel-header{border-bottom-left-radius:var(--_ui5-v2-9-0_panel_border_radius);border-bottom-right-radius:var(--_ui5-v2-9-0_panel_border_radius)}:host(:not([fixed]):not([collapsed])) .ui5-panel-header{border-bottom:var(--_ui5-v2-9-0_panel_default_header_border)}[ui5-button].ui5-panel-header-button{display:flex;justify-content:center;align-items:center;min-width:initial;height:100%;width:100%}.ui5-panel-header-icon-wrapper{display:flex;justify-content:center;align-items:center}.ui5-panel-header-icon-wrapper,.ui5-panel-header-icon-wrapper .ui5-panel-header-icon{color:inherit}.ui5-panel-header-icon-wrapper,[ui5-button].ui5-panel-header-button-with-icon [ui5-icon]{pointer-events:none}.ui5-panel-root{height:100%;display:flex;flex-direction:column}
+    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
+    Icons.p("@ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
+    var panelCss = `.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:block}:host{font-family:"72override",var(--sapFontFamily);background-color:var(--sapGroup_TitleBackground);border-radius:var(--_ui5-v2-10-0-rc-2_panel_border_radius)}:host(:not([collapsed])){border-bottom:var(--_ui5-v2-10-0-rc-2_panel_border_bottom)}:host([fixed]) .ui5-panel-header{padding-left:1rem}.ui5-panel-header{min-height:var(--_ui5-v2-10-0-rc-2_panel_header_height);width:100%;position:relative;display:flex;justify-content:flex-start;align-items:center;outline:none;box-sizing:border-box;padding-right:var(--_ui5-v2-10-0-rc-2_panel_header_padding_right);font-family:"72override",var(--sapFontHeaderFamily);font-size:var(--sapGroup_Title_FontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.ui5-panel-header-icon{color:var(--_ui5-v2-10-0-rc-2_panel_icon_color)}.ui5-panel-header-button-animated{transition:transform .4s ease-out}:host(:not([_has-header]):not([fixed])) .ui5-panel-header{cursor:pointer}:host(:not([_has-header]):not([fixed])) .ui5-panel-header:focus:after{content:"";position:absolute;pointer-events:none;z-index:2;border:var(--_ui5-v2-10-0-rc-2_panel_focus_border);border-radius:var(--_ui5-v2-10-0-rc-2_panel_border_radius);top:var(--_ui5-v2-10-0-rc-2_panel_focus_offset);bottom:var(--_ui5-v2-10-0-rc-2_panel_focus_bottom_offset);left:var(--_ui5-v2-10-0-rc-2_panel_focus_offset);right:var(--_ui5-v2-10-0-rc-2_panel_focus_offset)}:host(:not([collapsed]):not([_has-header]):not([fixed])) .ui5-panel-header:focus:after{border-radius:var(--_ui5-v2-10-0-rc-2_panel_border_radius_expanded)}:host(:not([collapsed])) .ui5-panel-header-button:not(.ui5-panel-header-button-with-icon),:host(:not([collapsed])) .ui5-panel-header-icon-wrapper [ui5-icon]{transform:var(--_ui5-v2-10-0-rc-2_panel_toggle_btn_rotation)}:host([fixed]) .ui5-panel-header-title{width:100%}.ui5-panel-heading-wrapper.ui5-panel-heading-wrapper-sticky{position:sticky;top:0;background-color:var(--_ui5-v2-10-0-rc-2_panel_header_background_color);z-index:100;border-radius:var(--_ui5-v2-10-0-rc-2_panel_border_radius)}.ui5-panel-header-title{width:calc(100% - var(--_ui5-v2-10-0-rc-2_panel_button_root_width));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-panel-content{padding:var(--_ui5-v2-10-0-rc-2_panel_content_padding);background-color:var(--sapGroup_ContentBackground);outline:none;border-bottom-left-radius:var(--_ui5-v2-10-0-rc-2_panel_border_radius);border-bottom-right-radius:var(--_ui5-v2-10-0-rc-2_panel_border_radius);overflow:auto}.ui5-panel-header-button-root{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--_ui5-v2-10-0-rc-2_panel_button_root_width);height:var(--_ui5-v2-10-0-rc-2_panel_button_root_height);padding:var(--_ui5-v2-10-0-rc-2_panel_header_button_wrapper_padding);box-sizing:border-box}:host([fixed]:not([collapsed]):not([_has-header])) .ui5-panel-header,:host([collapsed]) .ui5-panel-header{border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor)}:host([collapsed]) .ui5-panel-header{border-bottom-left-radius:var(--_ui5-v2-10-0-rc-2_panel_border_radius);border-bottom-right-radius:var(--_ui5-v2-10-0-rc-2_panel_border_radius)}:host(:not([fixed]):not([collapsed])) .ui5-panel-header{border-bottom:var(--_ui5-v2-10-0-rc-2_panel_default_header_border)}[ui5-button].ui5-panel-header-button{display:flex;justify-content:center;align-items:center;min-width:initial;height:100%;width:100%}.ui5-panel-header-icon-wrapper{display:flex;justify-content:center;align-items:center}.ui5-panel-header-icon-wrapper,.ui5-panel-header-icon-wrapper .ui5-panel-header-icon{color:inherit}.ui5-panel-header-icon-wrapper,[ui5-button].ui5-panel-header-button-with-icon [ui5-icon]{pointer-events:none}.ui5-panel-root{height:100%;display:flex;flex-direction:column}
 `;
 
     var __decorate$2 = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -969,7 +171,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
             return true;
         }
         get shouldNotAnimate() {
-            return this.noAnimation || webcomponentsBase.d$1() === Icons.u.None;
+            return this.noAnimation || webcomponentsBase.d$2() === Icons.u$1.None;
         }
         _headerClick(e) {
             if (!this.shouldToggle(e.target)) {
@@ -1034,7 +236,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
             return target.classList.contains("sapMPanelWrappingDiv");
         }
         get toggleButtonTitle() {
-            return Panel_1.i18nBundle.getText(parametersBundle_css.PANEL_ICON);
+            return Panel_1.i18nBundle.getText(i18nDefaults.PANEL_ICON);
         }
         get expanded() {
             return !this.collapsed;
@@ -1128,14 +330,14 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
         webcomponentsBase.d()
     ], Panel.prototype, "header", void 0);
     __decorate$2([
-        parametersBundle_css.i("@ui5/webcomponents")
+        i18nDefaults.i("@ui5/webcomponents")
     ], Panel, "i18nBundle", void 0);
     Panel = Panel_1 = __decorate$2([
         webcomponentsBase.m({
             tag: "ui5-panel",
             fastNavigation: true,
             languageAware: true,
-            renderer: parametersBundle_css.d,
+            renderer: i18nDefaults.d,
             template: PanelTemplate,
             styles: panelCss,
         })
@@ -1152,12 +354,12 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
     var Panel$1 = Panel;
 
     function BarTemplate() {
-        return (parametersBundle_css.jsxs("div", { class: "ui5-bar-root", "aria-label": this.accInfo.label, role: "toolbar", part: "bar", children: [parametersBundle_css.jsx("div", { class: "ui5-bar-content-container ui5-bar-startcontent-container", part: "startContent", children: parametersBundle_css.jsx("slot", { name: "startContent" }) }), parametersBundle_css.jsx("div", { class: "ui5-bar-content-container ui5-bar-midcontent-container", part: "midContent", children: parametersBundle_css.jsx("slot", {}) }), parametersBundle_css.jsx("div", { class: "ui5-bar-content-container ui5-bar-endcontent-container", part: "endContent", children: parametersBundle_css.jsx("slot", { name: "endContent" }) })] }));
+        return (i18nDefaults.jsxs("div", { class: "ui5-bar-root", "aria-label": this.accInfo.label, role: "toolbar", part: "bar", children: [i18nDefaults.jsx("div", { class: "ui5-bar-content-container ui5-bar-startcontent-container", part: "startContent", children: i18nDefaults.jsx("slot", { name: "startContent" }) }), i18nDefaults.jsx("div", { class: "ui5-bar-content-container ui5-bar-midcontent-container", part: "midContent", children: i18nDefaults.jsx("slot", {}) }), i18nDefaults.jsx("div", { class: "ui5-bar-content-container ui5-bar-endcontent-container", part: "endContent", children: i18nDefaults.jsx("slot", { name: "endContent" }) })] }));
     }
 
-    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("@ui5/webcomponents", "sap_horizon", async () => parametersBundle_css.defaultTheme$1);
-    var BarCss = `:host{background-color:var(--sapPageHeader_Background);height:var(--_ui5-v2-9-0_bar_base_height);width:100%;box-shadow:var(--sapContent_HeaderShadow);display:block}.ui5-bar-root{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;background-color:inherit;box-shadow:inherit;border-radius:inherit}.ui5-bar-root .ui5-bar-startcontent-container{padding-inline-start:var(--_ui5-v2-9-0_bar-start-container-padding-start);display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.ui5-bar-root .ui5-bar-content-container{min-width:calc(30% - calc(var(--_ui5-v2-9-0_bar-start-container-padding-start) + var(--_ui5-v2-9-0_bar-end-container-padding-end) + (2*var(--_ui5-v2-9-0_bar-mid-container-padding-start-end))))}.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container{min-width:0px;overflow:hidden;height:100%}.ui5-bar-root .ui5-bar-endcontent-container{padding-inline-end:var(--_ui5-v2-9-0_bar-end-container-padding-end);display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.ui5-bar-root .ui5-bar-midcontent-container{padding:0 var(--_ui5-v2-9-0_bar-mid-container-padding-start-end);display:flex;flex-direction:row;align-items:center;justify-content:center}:host([design="Footer"]){background-color:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);box-shadow:none}:host([design="Subheader"]){height:var(--_ui5-v2-9-0_bar_subheader_height);margin-top:var(--_ui5-v2-9-0_bar_subheader_margin-top)}:host([design="FloatingFooter"]){border-radius:var(--sapElement_BorderCornerRadius);background-color:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border:none}::slotted(*){margin:0 .25rem}
+    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
+    Icons.p("@ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
+    var BarCss = `:host{background-color:var(--sapPageHeader_Background);height:var(--_ui5-v2-10-0-rc-2_bar_base_height);width:100%;box-shadow:var(--sapContent_HeaderShadow);display:block}.ui5-bar-root{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;background-color:inherit;box-shadow:inherit;border-radius:inherit}.ui5-bar-root .ui5-bar-startcontent-container{padding-inline-start:var(--_ui5-v2-10-0-rc-2_bar-start-container-padding-start);display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.ui5-bar-root .ui5-bar-content-container{min-width:calc(30% - calc(var(--_ui5-v2-10-0-rc-2_bar-start-container-padding-start) + var(--_ui5-v2-10-0-rc-2_bar-end-container-padding-end) + (2*var(--_ui5-v2-10-0-rc-2_bar-mid-container-padding-start-end))))}.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container{min-width:0px;overflow:hidden;height:100%}.ui5-bar-root .ui5-bar-endcontent-container{padding-inline-end:var(--_ui5-v2-10-0-rc-2_bar-end-container-padding-end);display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.ui5-bar-root .ui5-bar-midcontent-container{padding:0 var(--_ui5-v2-10-0-rc-2_bar-mid-container-padding-start-end);display:flex;flex-direction:row;align-items:center;justify-content:center}:host([design="Footer"]){background-color:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);box-shadow:none}:host([design="Subheader"]){height:var(--_ui5-v2-10-0-rc-2_bar_subheader_height);margin-top:var(--_ui5-v2-10-0-rc-2_bar_subheader_margin-top)}:host([design="FloatingFooter"]){border-radius:var(--sapElement_BorderCornerRadius);background-color:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border:none}::slotted(*){margin:0 .25rem}
 `;
 
     var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -1228,15 +430,15 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
             bar.classList.toggle("ui5-bar-root-shrinked", needShrinked);
         }
         onEnterDOM() {
-            webcomponentsBase.f$1.register(this, this._handleResizeBound);
+            webcomponentsBase.f.register(this, this._handleResizeBound);
             this.getDomRef().querySelectorAll(".ui5-bar-content-container").forEach(child => {
-                webcomponentsBase.f$1.register(child, this._handleResizeBound);
+                webcomponentsBase.f.register(child, this._handleResizeBound);
             }, this);
         }
         onExitDOM() {
-            webcomponentsBase.f$1.deregister(this, this._handleResizeBound);
+            webcomponentsBase.f.deregister(this, this._handleResizeBound);
             this.getDomRef().querySelectorAll(".ui5-bar-content-container").forEach(child => {
-                webcomponentsBase.f$1.deregister(child, this._handleResizeBound);
+                webcomponentsBase.f.deregister(child, this._handleResizeBound);
             }, this);
         }
     };
@@ -1256,7 +458,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
         webcomponentsBase.m({
             tag: "ui5-bar",
             fastNavigation: true,
-            renderer: parametersBundle_css.d,
+            renderer: i18nDefaults.d,
             styles: BarCss,
             template: BarTemplate,
         })
@@ -1337,41 +539,41 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
     var userEdit = "user-edit";
 
     function UserMenuTemplate() {
-        return (parametersBundle_css.jsxs(parametersBundle_css.ResponsivePopover, { id: "user-menu-rp", class: "ui5-user-menu-rp", placement: "Bottom", verticalAlign: "Bottom", horizontalAlign: "End", tabindex: -1, accessibleName: this.accessibleNameText, "aria-labelledby": this.accessibleNameText, open: this.open, opener: this.opener, onClose: this._handlePopoverAfterClose, onOpen: this._handlePopoverAfterOpen, onScroll: this._handleScroll, children: [parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsxs(Bar$1, { class: {
+        return (i18nDefaults.jsxs(ListItemTemplate.ResponsivePopover, { id: "user-menu-rp", class: "ui5-user-menu-rp", placement: "Bottom", verticalAlign: "Bottom", horizontalAlign: "End", tabindex: -1, accessibleName: this.accessibleNameText, "aria-labelledby": this.accessibleNameText, open: this.open, opener: this.opener, onClose: this._handlePopoverAfterClose, onOpen: this._handlePopoverAfterOpen, onScroll: this._handleScroll, children: [i18nDefaults.jsxs(i18nDefaults.Fragment, { children: [i18nDefaults.jsxs(Bar$1, { class: {
                                 "ui5-user-menu-fixed-header": true,
                                 "ui5-user-menu-rp-scrolled": this._isScrolled || this._titleMovedToHeader
                             }, slot: "header", children: [this._titleMovedToHeader &&
-                                    parametersBundle_css.jsx(parametersBundle_css.Title, { level: "H1", wrappingType: "None", children: this._selectedAccount.titleText }), this._isPhone && parametersBundle_css.jsx(parametersBundle_css.Button, { icon: parametersBundle_css.declineIcon, design: "Transparent", accessibleName: this._closeDialogAriaLabel, onClick: this._closeUserMenu, slot: "endContent" })] }), parametersBundle_css.jsx("div", { class: "ui5-user-menu-header", children: headerContent.call(this) })] }), this.showOtherAccounts &&
-                    parametersBundle_css.jsx(parametersBundle_css.Fragment, { children: otherAccountsContent.call(this) }), this.menuItems.length > 0 &&
-                    parametersBundle_css.jsx(parametersBundle_css.List, { id: "ui5-user-menu-list", class: "ui5-user-menu-list", selectionMode: "None", separators: "None", accessibleRole: "Menu", onItemClick: this._handleMenuItemClick, "onui5-close-menu": this._handleMenuItemClose, children: parametersBundle_css.jsx("slot", {}) }), parametersBundle_css.jsx("div", { slot: "footer", class: "ui5-user-menu-footer", children: parametersBundle_css.jsx(parametersBundle_css.Button, { class: "ui5-user-menu-sign-out-btn", design: "Transparent", icon: log, onClick: this._handleSignOutClick, children: this._signOutButtonText }) })] }));
+                                    i18nDefaults.jsx(ListItemTemplate.Title, { level: "H1", wrappingType: "None", children: this._selectedAccount.titleText }), this._isPhone && i18nDefaults.jsx(Button.Button, { icon: information.decline, design: "Transparent", accessibleName: this._closeDialogAriaLabel, onClick: this._closeUserMenu, slot: "endContent" })] }), i18nDefaults.jsx("div", { class: "ui5-user-menu-header", children: headerContent.call(this) })] }), this.showOtherAccounts &&
+                    i18nDefaults.jsx(i18nDefaults.Fragment, { children: otherAccountsContent.call(this) }), this.menuItems.length > 0 &&
+                    i18nDefaults.jsx(List.List, { id: "ui5-user-menu-list", class: "ui5-user-menu-list", selectionMode: "None", separators: "None", accessibleRole: "Menu", onItemClick: this._handleMenuItemClick, "onui5-close-menu": this._handleMenuItemClose, children: i18nDefaults.jsx("slot", {}) }), i18nDefaults.jsx("div", { slot: "footer", class: "ui5-user-menu-footer", children: i18nDefaults.jsx(Button.Button, { class: "ui5-user-menu-sign-out-btn", design: "Transparent", icon: log, onClick: this._handleSignOutClick, children: this._signOutButtonText }) })] }));
     }
     function headerContent() {
-        return (parametersBundle_css.jsx(parametersBundle_css.Fragment, { children: this._selectedAccount &&
-                parametersBundle_css.jsxs("div", { class: "ui5-user-menu-selected-account", "aria-labelledby": this._ariaLabelledByAccountInformationText, children: [parametersBundle_css.jsxs(Avatar$1, { size: "L", onClick: this._handleAvatarClick, initials: this._selectedAccount._initials, fallbackIcon: personPlaceholder, class: "ui5-user-menu--selected-account-avatar", interactive: true, children: [this._selectedAccount.avatarSrc &&
-                                    parametersBundle_css.jsx("img", { src: this._selectedAccount.avatarSrc }), this.showEditButton &&
-                                    parametersBundle_css.jsx(Tag$1, { slot: "badge", wrappingType: "None", design: "Set1", colorScheme: "5", title: this._editAvatarTooltip, children: parametersBundle_css.jsx(parametersBundle_css.Icon, { slot: "icon", name: parametersBundle_css.edit }) })] }), this._selectedAccount.titleText &&
-                            parametersBundle_css.jsx(Text$1, { maxLines: 2, id: "selected-account-title", class: "ui5-user-menu-selected-account-title", children: this._selectedAccount.titleText }), this._selectedAccount.subtitleText &&
-                            parametersBundle_css.jsx(Text$1, { maxLines: 1, class: "ui5-user-menu-selected-account-subtitleText", children: this._selectedAccount.subtitleText }), this._selectedAccount.description &&
-                            parametersBundle_css.jsx(Text$1, { maxLines: 1, class: "ui5-user-menu-selected-account-description", children: this._selectedAccount.description }), this.showManageAccount &&
-                            parametersBundle_css.jsx(parametersBundle_css.Button, { id: "selected-account-manage-btn", icon: userSettings, class: "ui5-user-menu-manage-account-btn", onClick: this._handleManageAccountClick, children: this._manageAccountButtonText })] }) }));
+        return (i18nDefaults.jsx(i18nDefaults.Fragment, { children: this._selectedAccount &&
+                i18nDefaults.jsxs("div", { class: "ui5-user-menu-selected-account", "aria-labelledby": this._ariaLabelledByAccountInformationText, children: [i18nDefaults.jsxs(Avatar, { size: "L", onClick: this._handleAvatarClick, initials: this._selectedAccount._initials, fallbackIcon: personPlaceholder, class: "ui5-user-menu--selected-account-avatar", interactive: true, children: [this._selectedAccount.avatarSrc &&
+                                    i18nDefaults.jsx("img", { src: this._selectedAccount.avatarSrc }), this.showEditButton &&
+                                    i18nDefaults.jsx(Tag.Tag, { slot: "badge", wrappingType: "None", design: "Set1", colorScheme: "5", title: this._editAvatarTooltip, children: i18nDefaults.jsx(Icon.Icon, { slot: "icon", name: ListItemTemplate.edit }) })] }), this._selectedAccount.titleText &&
+                            i18nDefaults.jsx(Text.Text, { maxLines: 2, id: "selected-account-title", class: "ui5-user-menu-selected-account-title", children: this._selectedAccount.titleText }), this._selectedAccount.subtitleText &&
+                            i18nDefaults.jsx(Text.Text, { maxLines: 1, class: "ui5-user-menu-selected-account-subtitleText", children: this._selectedAccount.subtitleText }), this._selectedAccount.description &&
+                            i18nDefaults.jsx(Text.Text, { maxLines: 1, class: "ui5-user-menu-selected-account-description", children: this._selectedAccount.description }), this.showManageAccount &&
+                            i18nDefaults.jsx(Button.Button, { id: "selected-account-manage-btn", icon: userSettings, class: "ui5-user-menu-manage-account-btn", onClick: this._handleManageAccountClick, children: this._manageAccountButtonText })] }) }));
     }
     function otherAccountsContent() {
-        return (parametersBundle_css.jsx(parametersBundle_css.Fragment, { children: parametersBundle_css.jsxs(Panel$1, { collapsed: true, class: "ui5-user-menu-other-accounts", "aria-labelledby": this._otherAccountsButtonText, children: [parametersBundle_css.jsxs("div", { slot: "header", class: "ui5-user-menu-account-header", children: [parametersBundle_css.jsxs(parametersBundle_css.Title, { slot: "header", level: "H4", "wrapping-type": "None", children: [this._otherAccountsButtonText, " (", this._otherAccounts.length, ")"] }), this.showEditAccounts &&
-                                parametersBundle_css.jsx(parametersBundle_css.Button, { slot: "header", class: "ui5-user-menu-add-account-btn", design: "Transparent", icon: userEdit, onClick: this._handleEditAccountsClick, tooltip: this._editAccountsTooltip })] }), this._otherAccounts.length > 0 &&
-                        parametersBundle_css.jsx(parametersBundle_css.Fragment, { children: otherAccountsList.call(this) })] }) }));
+        return (i18nDefaults.jsx(i18nDefaults.Fragment, { children: i18nDefaults.jsxs(Panel$1, { collapsed: true, class: "ui5-user-menu-other-accounts", "aria-labelledby": this._otherAccountsButtonText, children: [i18nDefaults.jsxs("div", { slot: "header", class: "ui5-user-menu-account-header", children: [i18nDefaults.jsxs(ListItemTemplate.Title, { slot: "header", level: "H4", "wrapping-type": "None", children: [this._otherAccountsButtonText, " (", this._otherAccounts.length, ")"] }), this.showEditAccounts &&
+                                i18nDefaults.jsx(Button.Button, { slot: "header", class: "ui5-user-menu-add-account-btn", design: "Transparent", icon: userEdit, onClick: this._handleEditAccountsClick, tooltip: this._editAccountsTooltip })] }), this._otherAccounts.length > 0 &&
+                        i18nDefaults.jsx(i18nDefaults.Fragment, { children: otherAccountsList.call(this) })] }) }));
     }
     function otherAccountsList() {
-        return (parametersBundle_css.jsx(parametersBundle_css.Fragment, { children: parametersBundle_css.jsx(parametersBundle_css.List, { onItemClick: this._handleAccountSwitch, "aria-labelledby": this._ariaLabelledByActions, loadingDelay: 0, loading: this._otherAccounts.some(account => account.loading === true), children: this._otherAccounts.map((account, index) => parametersBundle_css.jsx(i18nDefaults.ListItemCustom, { ref: this.captureRef.bind(account), "aria-labelledby": account.titleText, "aria-possition": index + 1, "aria-setsize": this._otherAccounts.length, "aria-dectiption": this.getAccountDescriptionText(account), children: parametersBundle_css.jsxs("div", { class: "ui5-user-menu-other-accounts-content", children: [parametersBundle_css.jsx(Avatar$1, { slot: "image", size: "S", initials: account._initials, fallbackIcon: personPlaceholder, children: account.avatarSrc &&
-                                    parametersBundle_css.jsx("img", { src: account.avatarSrc }) }), parametersBundle_css.jsxs("div", { class: "ui5-user-menu-other-accounts-info", children: [account.titleText &&
-                                        parametersBundle_css.jsx(parametersBundle_css.Title, { class: "ui5-user-menu-other-accounts-title", "wrapping-type": "None", children: account.titleText }), account.subtitleText &&
-                                        parametersBundle_css.jsx(parametersBundle_css.Label, { class: "ui5-user-menu-other-accounts-additional-info", "wrapping-type": "None", children: account.subtitleText }), account.description &&
-                                        parametersBundle_css.jsx(parametersBundle_css.Label, { class: "ui5-user-menu-other-accounts-additional-info", "wrapping-type": "None", children: account.description })] }), parametersBundle_css.jsx("div", { children: account.selected &&
-                                    parametersBundle_css.jsx(parametersBundle_css.Icon, { part: "icon", name: selectedAccount, class: "ui5-user-menu-selected-account-icon", mode: "Decorative" }) })] }) })) }) }));
+        return (i18nDefaults.jsx(i18nDefaults.Fragment, { children: i18nDefaults.jsx(List.List, { onItemClick: this._handleAccountSwitch, "aria-labelledby": this._ariaLabelledByActions, loadingDelay: 0, loading: this._otherAccounts.some(account => account.loading === true), children: this._otherAccounts.map((account, index) => i18nDefaults.jsx(ListItemCustom.ListItemCustom, { ref: this.captureRef.bind(account), "aria-labelledby": account.titleText, "aria-possition": index + 1, "aria-setsize": this._otherAccounts.length, "aria-dectiption": this.getAccountDescriptionText(account), children: i18nDefaults.jsxs("div", { class: "ui5-user-menu-other-accounts-content", children: [i18nDefaults.jsx(Avatar, { slot: "image", size: "S", initials: account._initials, fallbackIcon: personPlaceholder, children: account.avatarSrc &&
+                                    i18nDefaults.jsx("img", { src: account.avatarSrc }) }), i18nDefaults.jsxs("div", { class: "ui5-user-menu-other-accounts-info", children: [account.titleText &&
+                                        i18nDefaults.jsx(ListItemTemplate.Title, { class: "ui5-user-menu-other-accounts-title", "wrapping-type": "None", children: account.titleText }), account.subtitleText &&
+                                        i18nDefaults.jsx(Label, { class: "ui5-user-menu-other-accounts-additional-info", "wrapping-type": "None", children: account.subtitleText }), account.description &&
+                                        i18nDefaults.jsx(Label, { class: "ui5-user-menu-other-accounts-additional-info", "wrapping-type": "None", children: account.description })] }), i18nDefaults.jsx("div", { children: account.selected &&
+                                    i18nDefaults.jsx(Icon.Icon, { part: "icon", name: Tag.selectedAccount, class: "ui5-user-menu-selected-account-icon", mode: "Decorative" }) })] }) })) }) }));
     }
 
-    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
+    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
     Icons.p("@ui5/webcomponents-fiori", "sap_horizon", async () => parametersBundle_css.defaultTheme);
-    var UserMenuCss = `.ui5-user-menu-rp{width:20rem}.ui5-user-menu-rp::part(content),.ui5-user-menu-rp::part(footer){padding-inline:.5rem}.ui5-user-menu-rp::part(header){box-shadow:none;padding:0}.ui5-user-menu-header{display:flex;flex-direction:column}[on-phone] .ui5-user-menu-header{padding-inline:0}.ui5-user-menu-fixed-header:not(.ui5-user-menu-rp-scrolled){box-shadow:none}.ui5-user-menu-fixed-header::part(startContent),.ui5-user-menu-fixed-header::part(endContent){padding:0}.ui5-user-menu-fixed-header [ui5-button]{margin-inline:.5rem;font-family:var(--sapFontSemiboldFamily)}.ui5-user-menu-rp::part(content){padding-top:0;padding-bottom:.5rem}.ui5-user-menu-rp::part(footer){padding-block:.5rem}.ui5-user-menu-selected-account{display:flex;align-items:center;flex-direction:column;margin-bottom:1rem;overflow:hidden}.ui5-user-menu--selected-account-avatar{margin-block-start:.25rem;margin-block-end:.5rem}.ui5-user-menu-selected-account-title{margin-block:.25rem;font-family:var(--sapFontBoldFamily);font-size:var(--sapFontLargeSize);color:var(--sapTextColor)}.ui5-user-menu-selected-account-subtitleText{margin-bottom:.25rem;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapContent_LabelColor)}.ui5-user-menu-selected-account-description{margin-bottom:1rem;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapContent_LabelColor)}.ui5-user-menu-decline-btn{align-self:flex-end;font-family:var(--sapFontSemiboldFamily)}.ui5-user-menu-manage-account-btn,.ui5-user-menu-sign-out-btn{font-family:var(--sapFontSemiboldFamily)}.ui5-user-menu-other-accounts{margin-bottom:1rem}.ui5-user-menu-other-accounts::part(header){border-bottom-left-radius:0;border-bottom-right-radius:0}.ui5-user-menu-other-accounts::part(content){padding:0}.ui5-user-menu-other-accounts-content{display:flex;align-items:center;width:100%;height:4.5rem;gap:12px;padding-block:8px 16px}.ui5-user-menu-other-accounts-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;width:100%;overflow:hidden}.ui5-user-menu-other-accounts-title{overflow:hidden;color:var(--sapList_TextColor);text-overflow:ellipsis;font-family:var(--sapFontBoldFamily);font-size:var(--sapFontSize);font-style:normal;line-height:normal}.ui5-user-menu-other-accounts-additional-info{overflow:hidden;color:var(--sapContent_LabelColor);text-overflow:ellipsis;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-style:normal;line-height:normal}.ui5-user-menu-selected-account-icon{display:flex;width:18px;align-items:center;align-self:stretch;color:var(--sapContent_NonInteractiveIconColor);font-family:var(--_ui5-v2-9-0_slider_handle_font_family);font-size:1.125rem}.ui5-user-menu-account-header{display:flex;flex:1;justify-content:space-between;align-items:center}.ui5-user-menu-footer{display:flex;flex:1;justify-content:flex-end;align-items:center}
+    var UserMenuCss = `.ui5-user-menu-rp{width:20rem}.ui5-user-menu-rp::part(content),.ui5-user-menu-rp::part(footer){padding-inline:.5rem}.ui5-user-menu-rp::part(header){box-shadow:none;padding:0}.ui5-user-menu-header{display:flex;flex-direction:column}[on-phone] .ui5-user-menu-header{padding-inline:0}.ui5-user-menu-fixed-header:not(.ui5-user-menu-rp-scrolled){box-shadow:none}.ui5-user-menu-fixed-header::part(startContent),.ui5-user-menu-fixed-header::part(endContent){padding:0}.ui5-user-menu-fixed-header [ui5-button]{margin-inline:.5rem;font-family:var(--sapFontSemiboldFamily)}.ui5-user-menu-rp::part(content){padding-top:0;padding-bottom:.5rem}.ui5-user-menu-rp::part(footer){padding-block:.5rem}.ui5-user-menu-selected-account{display:flex;align-items:center;flex-direction:column;margin-bottom:1rem;overflow:hidden}.ui5-user-menu--selected-account-avatar{margin-block-start:.25rem;margin-block-end:.5rem}.ui5-user-menu-selected-account-title{margin-block:.25rem;font-family:var(--sapFontBoldFamily);font-size:var(--sapFontLargeSize);color:var(--sapTextColor)}.ui5-user-menu-selected-account-subtitleText{margin-bottom:.25rem;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapContent_LabelColor)}.ui5-user-menu-selected-account-description{margin-bottom:1rem;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapContent_LabelColor)}.ui5-user-menu-decline-btn{align-self:flex-end;font-family:var(--sapFontSemiboldFamily)}.ui5-user-menu-manage-account-btn,.ui5-user-menu-sign-out-btn{font-family:var(--sapFontSemiboldFamily)}.ui5-user-menu-other-accounts{margin-bottom:1rem}.ui5-user-menu-other-accounts::part(header){border-bottom-left-radius:0;border-bottom-right-radius:0}.ui5-user-menu-other-accounts::part(content){padding:0}.ui5-user-menu-other-accounts-content{display:flex;align-items:center;width:100%;height:4.5rem;gap:12px;padding-block:8px 16px}.ui5-user-menu-other-accounts-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;width:100%;overflow:hidden}.ui5-user-menu-other-accounts-title{overflow:hidden;color:var(--sapList_TextColor);text-overflow:ellipsis;font-family:var(--sapFontBoldFamily);font-size:var(--sapFontSize);font-style:normal;line-height:normal}.ui5-user-menu-other-accounts-additional-info{overflow:hidden;color:var(--sapContent_LabelColor);text-overflow:ellipsis;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-style:normal;line-height:normal}.ui5-user-menu-selected-account-icon{display:flex;width:18px;align-items:center;align-self:stretch;color:var(--sapContent_NonInteractiveIconColor);font-family:var(--_ui5-v2-10-0-rc-2_slider_handle_font_family);font-size:1.125rem}.ui5-user-menu-account-header{display:flex;flex:1;justify-content:space-between;align-items:center}.ui5-user-menu-footer{display:flex;flex:1;justify-content:flex-end;align-items:center}
 `;
 
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -1468,7 +670,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
             }
         }
         get _isPhone() {
-            return Icons.d();
+            return Icons.d$1();
         }
         _handleScroll(e) {
             this._isScrolled = e.detail.scrollTop > 0;
@@ -1556,37 +758,37 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
             return this.accounts;
         }
         get _manageAccountButtonText() {
-            return UserMenu_1.i18nBundle.getText(i18nDefaults.USER_MENU_MANAGE_ACCOUNT_BUTTON_TXT);
+            return UserMenu_1.i18nBundle.getText(i18nDefaults$1.USER_MENU_MANAGE_ACCOUNT_BUTTON_TXT);
         }
         get _otherAccountsButtonText() {
-            return UserMenu_1.i18nBundle.getText(i18nDefaults.USER_MENU_OTHER_ACCOUNT_BUTTON_TXT);
+            return UserMenu_1.i18nBundle.getText(i18nDefaults$1.USER_MENU_OTHER_ACCOUNT_BUTTON_TXT);
         }
         get _signOutButtonText() {
-            return UserMenu_1.i18nBundle.getText(i18nDefaults.USER_MENU_SIGN_OUT_BUTTON_TXT);
+            return UserMenu_1.i18nBundle.getText(i18nDefaults$1.USER_MENU_SIGN_OUT_BUTTON_TXT);
         }
         get _editAvatarTooltip() {
-            return UserMenu_1.i18nBundle.getText(i18nDefaults.USER_MENU_EDIT_AVATAR_TXT);
+            return UserMenu_1.i18nBundle.getText(i18nDefaults$1.USER_MENU_EDIT_AVATAR_TXT);
         }
         get _editAccountsTooltip() {
-            return UserMenu_1.i18nBundle.getText(i18nDefaults.USER_MENU_EDIT_ACCOUNTS_TXT);
+            return UserMenu_1.i18nBundle.getText(i18nDefaults$1.USER_MENU_EDIT_ACCOUNTS_TXT);
         }
         get _closeDialogAriaLabel() {
-            return UserMenu_1.i18nBundle.getText(i18nDefaults.USER_MENU_CLOSE_DIALOG_BUTTON);
+            return UserMenu_1.i18nBundle.getText(i18nDefaults$1.USER_MENU_CLOSE_DIALOG_BUTTON);
         }
         get accessibleNameText() {
             if (!this._selectedAccount) {
                 return "";
             }
-            return `${UserMenu_1.i18nBundle.getText(i18nDefaults.USER_MENU_POPOVER_ACCESSIBLE_NAME)} ${this._selectedAccount.titleText}`;
+            return `${UserMenu_1.i18nBundle.getText(i18nDefaults$1.USER_MENU_POPOVER_ACCESSIBLE_NAME)} ${this._selectedAccount.titleText}`;
         }
         get _ariaLabelledByAccountInformationText() {
-            return UserMenu_1.i18nBundle.getText(i18nDefaults.USER_MENU_CURRENT_INFORMATION_TXT);
+            return UserMenu_1.i18nBundle.getText(i18nDefaults$1.USER_MENU_CURRENT_INFORMATION_TXT);
         }
         get _ariaLabelledByActions() {
-            return UserMenu_1.i18nBundle.getText(i18nDefaults.USER_MENU_ACTIONS_TXT);
+            return UserMenu_1.i18nBundle.getText(i18nDefaults$1.USER_MENU_ACTIONS_TXT);
         }
         getAccountDescriptionText(account) {
-            return `${account.subtitleText} ${account.description} ${account.selected ? UserMenu_1.i18nBundle.getText(i18nDefaults.USER_MENU_POPOVER_ACCESSIBLE_ACCOUNT_SELECTED_TXT) : ""}`;
+            return `${account.subtitleText} ${account.description} ${account.selected ? UserMenu_1.i18nBundle.getText(i18nDefaults$1.USER_MENU_POPOVER_ACCESSIBLE_ACCOUNT_SELECTED_TXT) : ""}`;
         }
         getAccountByRefId(refId) {
             return this.accounts.find(account => account._id === refId);
@@ -1601,7 +803,7 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
         webcomponentsBase.s({ type: Boolean })
     ], UserMenu.prototype, "open", void 0);
     __decorate([
-        webcomponentsBase.s({ converter: parametersBundle_css.e })
+        webcomponentsBase.s({ converter: ListItemTemplate.e })
     ], UserMenu.prototype, "opener", void 0);
     __decorate([
         webcomponentsBase.s({ type: Boolean })
@@ -1637,22 +839,22 @@ sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdpart
         webcomponentsBase.s({ type: Boolean })
     ], UserMenu.prototype, "_isScrolled", void 0);
     __decorate([
-        o("#user-menu-rp")
+        Tag.o("#user-menu-rp")
     ], UserMenu.prototype, "_responsivePopover", void 0);
     __decorate([
-        o("#selected-account-title")
+        Tag.o("#selected-account-title")
     ], UserMenu.prototype, "_selectedAccountTitleEl", void 0);
     __decorate([
-        o("#selected-account-manage-btn")
+        Tag.o("#selected-account-manage-btn")
     ], UserMenu.prototype, "_selectedAccountManageBtn", void 0);
     __decorate([
-        parametersBundle_css.i("@ui5/webcomponents-fiori")
+        i18nDefaults.i("@ui5/webcomponents-fiori")
     ], UserMenu, "i18nBundle", void 0);
     UserMenu = UserMenu_1 = __decorate([
         webcomponentsBase.m({
             tag: "ui5-user-menu",
             languageAware: true,
-            renderer: parametersBundle_css.d,
+            renderer: i18nDefaults.d,
             template: UserMenuTemplate,
             styles: [UserMenuCss],
         })