@sapui5/sap.ushell 1.139.0 → 1.139.2

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

@@ -1,4 +1,4 @@
-sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/ListItemGroup', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/BusyIndicator'], (function (exports, webcomponentsBase, parametersBundle_css, toLowercaseEnumValue, eventStrict, i18nDefaults, Icons, ListItemGroup, AccessibilityTextsHelper, BusyIndicator) { 'use strict';
+sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/ListItemGroup', 'sap/ushell/thirdparty/BusyIndicator'], (function (exports, webcomponentsBase, parametersBundle_css, toLowercaseEnumValue, eventStrict, i18nDefaults, Icons, ListItemGroup, BusyIndicator) { 'use strict';
 
     /**
      * Different list selection modes.
@@ -46,38 +46,6 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     })(ListSelectionMode || (ListSelectionMode = {}));
     var ListSelectionMode$1 = ListSelectionMode;
 
-    const r="ui5-content-native-scrollbars",o=typeof document>"u",a=()=>o||document.body.classList.contains(r)?"":`
-::-webkit-scrollbar:horizontal {
-	height: var(--sapScrollBar_Dimension);
-}
-
-::-webkit-scrollbar:vertical {
-	width: var(--sapScrollBar_Dimension);
-}
-
-::-webkit-scrollbar {
-	background-color: var(--sapScrollBar_TrackColor);
-	border-left: none;
-}
-
-::-webkit-scrollbar-thumb {
-	border-radius: var(--sapElement_BorderCornerRadius);
-	background-color: var(--sapScrollBar_FaceColor);
-	border: 0.125rem solid var(--sapScrollBar_TrackColor);
-}
-
-::-webkit-scrollbar-thumb:hover {
-	background-color: var(--sapScrollBar_Hover_FaceColor);
-}
-
-::-webkit-scrollbar-corner {
-	background-color: var(--sapScrollBar_TrackColor);
-}`;
-
-    function i(t,o,n,m,r={}){const a=ListItemGroup.p.getDraggedElement(),e={targetReference:null,placement:null};if(!a&&!r?.crossDnD)return e;const s=n.placements;return e.targetReference=t.target,s.some(l=>{const c=r.originalEvent?{originalEvent:t}:{};return o.fireDecoratorEvent("move-over",{...c,source:{element:a},destination:{element:m,placement:l}})?false:(t.preventDefault(),e.targetReference=n.element,e.placement=l,true)})||(e.targetReference=null),e}
-
-    function m(t,r,o,a,n={}){t.preventDefault();const e=ListItemGroup.p.getDraggedElement();if(!e&&n?.crossDnD)return;const i=n.originalEvent?{originalEvent:t}:{};r.fireDecoratorEvent("move",{...i,source:{element:e},destination:{element:o,placement:a}}),e?.focus();}
-
     const t=e=>{let o=e;return e.shadowRoot&&e.shadowRoot.activeElement&&(o=e.shadowRoot.activeElement),o};
 
     let e=null;const u=(t,o)=>{e&&clearTimeout(e),e=setTimeout(()=>{e=null,t();},o);};
@@ -166,7 +134,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     var ListSeparator$1 = ListSeparator;
 
     function ListTemplate() {
-        return (parametersBundle_css.jsx("div", { class: "ui5-list-root", onFocusIn: this._onfocusin, onKeyDown: this._onkeydown, onDragEnter: this._ondragenter, onDragOver: this._ondragover, onDrop: this._ondrop, onDragLeave: this._ondragleave, "onui5-close": this.onItemClose, "onui5-toggle": this.onItemToggle, "onui5-request-tabindex-change": this.onItemTabIndexChange, "onui5-_focused": this.onItemFocused, "onui5-forward-after": this.onForwardAfter, "onui5-forward-before": this.onForwardBefore, "onui5-selection-requested": this.onSelectionRequested, "onui5-focus-requested": this.onFocusRequested, "onui5-_press": this.onItemPress, children: parametersBundle_css.jsxs(BusyIndicator.BusyIndicator, { id: `${this._id}-busyIndicator`, delay: this.loadingDelay, active: this.showBusyIndicatorOverlay, class: "ui5-list-busy-indicator", children: [parametersBundle_css.jsxs("div", { class: "ui5-list-scroll-container", children: [this.header.length > 0 && parametersBundle_css.jsx("slot", { name: "header" }), this.shouldRenderH1 &&
+        return (parametersBundle_css.jsx("div", { class: "ui5-list-root", onFocusIn: this._onfocusin, onKeyDown: this._onkeydown, onDragEnter: this._ondragenter, onDragOver: this._ondragover, onDrop: this._ondrop, onDragLeave: this._ondragleave, "onui5-_close": this.onItemClose, "onui5-toggle": this.onItemToggle, "onui5-request-tabindex-change": this.onItemTabIndexChange, "onui5-_focused": this.onItemFocused, "onui5-forward-after": this.onForwardAfter, "onui5-forward-before": this.onForwardBefore, "onui5-selection-requested": this.onSelectionRequested, "onui5-focus-requested": this.onFocusRequested, "onui5-_press": this.onItemPress, children: parametersBundle_css.jsxs(BusyIndicator.BusyIndicator, { id: `${this._id}-busyIndicator`, delay: this.loadingDelay, active: this.showBusyIndicatorOverlay, class: "ui5-list-busy-indicator", children: [parametersBundle_css.jsxs("div", { class: "ui5-list-scroll-container", children: [parametersBundle_css.jsx("span", { tabindex: -1, "aria-hidden": "true", class: "ui5-list-start-marker" }), this.header.length > 0 && parametersBundle_css.jsx("slot", { name: "header" }), this.shouldRenderH1 &&
                                 parametersBundle_css.jsx("header", { id: this.headerID, class: "ui5-list-header", children: this.headerText }), this.hasData &&
                                 parametersBundle_css.jsx("div", { id: `${this._id}-before`, tabindex: 0, role: "none", class: "ui5-list-focusarea" }), parametersBundle_css.jsx("span", { id: `${this._id}-modeLabel`, class: "ui5-hidden-text", children: this.ariaLabelModeText }), parametersBundle_css.jsxs("ul", { id: `${this._id}-listUl`, class: "ui5-list-ul", role: this.listAccessibleRole, "aria-label": this.ariaLabelTxt, "aria-labelledby": this.ariaLabelledBy, "aria-description": this.ariaDescriptionText, children: [parametersBundle_css.jsx("slot", {}), this.showNoDataText &&
                                         parametersBundle_css.jsx("li", { tabindex: 0, id: `${this._id}-nodata`, class: "ui5-list-nodata", role: "listitem", children: parametersBundle_css.jsx("div", { id: `${this._id}-nodata-text`, class: "ui5-list-nodata-text", children: this.noDataText }) })] }), this.growsWithButton && moreRow.call(this), this.footerText &&
@@ -177,31 +145,15 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         return (parametersBundle_css.jsx("div", { class: "ui5-growing-button", part: "growing-button", children: parametersBundle_css.jsxs("div", { id: `${this._id}-growing-btn`, role: "button", tabindex: 0, part: "growing-button-inner", class: {
                     "ui5-growing-button-inner": true,
                     "ui5-growing-button-inner-active": this._loadMoreActive,
-                }, "aria-labelledby": `${this._id}-growingButton-text`, onClick: this._onLoadMoreClick, onKeyDown: this._onLoadMoreKeydown, onKeyUp: this._onLoadMoreKeyup, onMouseDown: this._onLoadMoreMousedown, onMouseUp: this._onLoadMoreMouseup, children: [this.loading &&
+                }, "aria-label": this.growingButtonAriaLabel, "aria-labelledby": this.growingButtonAriaLabelledBy, onClick: this._onLoadMoreClick, onKeyDown: this._onLoadMoreKeydown, onKeyUp: this._onLoadMoreKeyup, onMouseDown: this._onLoadMoreMousedown, onMouseUp: this._onLoadMoreMouseup, children: [this.loading &&
                         parametersBundle_css.jsx(BusyIndicator.BusyIndicator, { delay: this.loadingDelay, part: "growing-button-busy-indicator", class: "ui5-list-growing-button-busy-indicator", active: true }), parametersBundle_css.jsx("span", { id: `${this._id}-growingButton-text`, class: "ui5-growing-button-text", "growing-button-text": true, children: this._growingButtonText })] }) }));
     }
 
-    Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var listCss = `.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}.ui5-growing-button{display:flex;align-items:center;padding:var(--_ui5-v2-13-0-rc-0_load_more_padding);border-top:1px solid var(--sapList_BorderColor);border-bottom:var(--_ui5-v2-13-0-rc-0_load_more_border-bottom);box-sizing:border-box;cursor:pointer;outline:none}.ui5-growing-button-inner{display:flex;align-items:center;justify-content:center;flex-direction:row;min-height:var(--_ui5-v2-13-0-rc-0_load_more_text_height);width:100%;color:var(--sapButton_TextColor);background-color:var(--sapList_Background);border:var(--_ui5-v2-13-0-rc-0_load_more_border);border-radius:var(--_ui5-v2-13-0-rc-0_load_more_border_radius);box-sizing:border-box}.ui5-growing-button-inner:focus-visible{outline:var(--_ui5-v2-13-0-rc-0_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.125rem;border-color:transparent}.ui5-growing-button-inner:hover{background-color:var(--sapList_Hover_Background)}.ui5-growing-button-inner:active,.ui5-growing-button-inner.ui5-growing-button-inner--active{background-color:var(--sapList_Active_Background);border-color:var(--sapList_Active_Background)}.ui5-growing-button-inner:active>*,.ui5-growing-button-inner.ui5-growing-button-inner--active>*{color:var(--sapList_Active_TextColor)}.ui5-growing-button-text{text-align:center;font-family:"72override",var(--sapFontFamily);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.ui5-growing-button-text{height:var(--_ui5-v2-13-0-rc-0_load_more_text_height);padding:.875rem 1rem 1rem;font-size:var(--_ui5-v2-13-0-rc-0_load_more_text_font_size);font-weight:700}:host([loading]) .ui5-list-growing-button-busy-indicator:not([_is-busy]){display:none}:host([loading]) .ui5-list-growing-button-busy-indicator[_is-busy]+.ui5-growing-button-text{padding-left:.5rem}:host(:not([hidden])){display:block;max-width:100%;width:100%;-webkit-tap-highlight-color:transparent}:host([indent]) .ui5-list-root{padding:2rem}:host([separators="None"]) .ui5-list-nodata{border-bottom:0}.ui5-list-root,.ui5-list-busy-indicator{width:100%;height:100%;position:relative;box-sizing:border-box}.ui5-list-scroll-container{overflow:auto;height:100%;width:100%}.ui5-list-ul{list-style-type:none;padding:0;margin:0}.ui5-list-ul:focus{outline:none}.ui5-list-focusarea{position:fixed}.ui5-list-header{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;font-size:var(--sapFontHeader4Size);font-family:"72override",var(--sapFontFamily);color:var(--sapGroup_TitleTextColor);height:3rem;line-height:3rem;padding:0 1rem;background-color:var(--sapGroup_TitleBackground);border-bottom:1px solid var(--sapGroup_TitleBorderColor)}.ui5-list-footer{height:2rem;box-sizing:border-box;-webkit-text-size-adjust:none;font-size:var(--sapFontSize);font-family:"72override",var(--sapFontFamily);line-height:2rem;background-color:var(--sapList_FooterBackground);color:var(--ui5-v2-13-0-rc-0_list_footer_text_color);padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-list-nodata{list-style-type:none;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;color:var(--sapTextColor);background-color:var(--sapList_Background);border-bottom:1px solid var(--sapList_BorderColor);padding:0 1rem!important;outline:none;min-height:var(--_ui5-v2-13-0-rc-0_list_no_data_height);font-size:var(--_ui5-v2-13-0-rc-0_list_no_data_font_size);font-family:"72override",var(--sapFontFamily);position:relative}.ui5-list-nodata:focus:after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:.125rem;pointer-events:none}.ui5-list-nodata-text{overflow:hidden;text-overflow:ellipsis;white-space:normal;margin:var(--_ui5-v2-13-0-rc-0_list_item_content_vertical_offset) 0}:host([growing="Scroll"]) .ui5-list-end-marker{display:inline-block}
+    Icons.p("@" + "ui5" + "/" + "sap/ushell/thirdparty/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
+    Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => i18nDefaults.defaultTheme);
+    var listCss = `.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}.ui5-growing-button{display:flex;align-items:center;padding:var(--_ui5-v2-15-0_load_more_padding);border-top:1px solid var(--sapList_BorderColor);border-bottom:var(--_ui5-v2-15-0_load_more_border-bottom);box-sizing:border-box;cursor:pointer;outline:none}.ui5-growing-button-inner{display:flex;align-items:center;justify-content:center;flex-direction:row;min-height:var(--_ui5-v2-15-0_load_more_text_height);width:100%;color:var(--sapButton_TextColor);background-color:var(--sapList_Background);border:var(--_ui5-v2-15-0_load_more_border);border-radius:var(--_ui5-v2-15-0_load_more_border_radius);box-sizing:border-box}.ui5-growing-button-inner:focus-visible{outline:var(--_ui5-v2-15-0_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.125rem;border-color:transparent}.ui5-growing-button-inner:hover{background-color:var(--sapList_Hover_Background)}.ui5-growing-button-inner:active,.ui5-growing-button-inner.ui5-growing-button-inner--active{background-color:var(--sapList_Active_Background);border-color:var(--sapList_Active_Background)}.ui5-growing-button-inner:active>*,.ui5-growing-button-inner.ui5-growing-button-inner--active>*{color:var(--sapList_Active_TextColor)}.ui5-growing-button-text{text-align:center;font-family:var(--sapFontFamily);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.ui5-growing-button-text{height:var(--_ui5-v2-15-0_load_more_text_height);padding:.875rem 1rem 1rem;font-size:var(--_ui5-v2-15-0_load_more_text_font_size);font-weight:700}:host([loading]) .ui5-list-growing-button-busy-indicator:not([_is-busy]){display:none}:host([loading]) .ui5-list-growing-button-busy-indicator[_is-busy]+.ui5-growing-button-text{padding-left:.5rem}:host(:not([hidden])){display:block;max-width:100%;width:100%;-webkit-tap-highlight-color:transparent}:host([indent]) .ui5-list-root{padding:2rem}:host([separators="None"]) .ui5-list-nodata{border-bottom:0}.ui5-list-root,.ui5-list-busy-indicator{width:100%;height:100%;position:relative;box-sizing:border-box}.ui5-list-scroll-container{overflow:auto;height:100%;width:100%}.ui5-list-ul{list-style-type:none;padding:0;margin:0}.ui5-list-ul:focus{outline:none}.ui5-list-focusarea{position:fixed}.ui5-list-header{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;font-size:var(--sapFontHeader4Size);font-family:var(--sapFontFamily);color:var(--sapGroup_TitleTextColor);height:3rem;line-height:3rem;padding:0 1rem;background-color:var(--sapGroup_TitleBackground);border-bottom:1px solid var(--sapGroup_TitleBorderColor)}.ui5-list-footer{height:2rem;box-sizing:border-box;-webkit-text-size-adjust:none;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);line-height:2rem;background-color:var(--sapList_FooterBackground);color:var(--ui5-v2-15-0_list_footer_text_color);padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-list-nodata{list-style-type:none;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;color:var(--sapTextColor);background-color:var(--sapList_Background);border-bottom:1px solid var(--sapList_BorderColor);padding:0 1rem!important;outline:none;min-height:var(--_ui5-v2-15-0_list_no_data_height);font-size:var(--_ui5-v2-15-0_list_no_data_font_size);font-family:var(--sapFontFamily);position:relative}.ui5-list-nodata:focus:after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:.125rem;pointer-events:none}.ui5-list-nodata-text{overflow:hidden;text-overflow:ellipsis;white-space:normal;margin:var(--_ui5-v2-15-0_list_item_content_vertical_offset) 0}:host([growing="Scroll"]) .ui5-list-end-marker{display:inline-block}
 `;
 
-    const findVerticalScrollContainer = (element) => {
-        while (element) {
-            const { overflowY } = window.getComputedStyle(element);
-            if (overflowY === "auto" || overflowY === "scroll") {
-                return element;
-            }
-            if (element.parentNode instanceof ShadowRoot) {
-                element = element.parentNode.host;
-            }
-            else {
-                element = element.parentElement;
-            }
-        }
-        return document.scrollingElement || document.documentElement;
-    };
-
     var __decorate = (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);
@@ -313,6 +265,24 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
              * @public
              */
             this.loadingDelay = 1000;
+            /**
+            * Defines additional accessibility attributes on different areas of the component.
+            *
+            * The accessibilityAttributes object has the following field:
+            *
+            *  - **growingButton**: `growingButton.name`.
+            *
+            * The accessibility attributes support the following values:
+            *
+            * - **name**: Defines the accessible ARIA name of the growing button.
+            * Accepts any string.
+            *
+            * **Note:** The `accessibilityAttributes` property is in an experimental state and is a subject to change.
+            * @default {}
+            * @public
+            * @since 2.13.0
+            */
+            this.accessibilityAttributes = {};
             /**
              * Defines the accessible role of the component.
              * @public
@@ -336,26 +306,29 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
              * @private
              */
             this.mediaRange = "S";
+            this._startMarkerOutOfView = false;
             this._previouslyFocusedItem = null;
             // Indicates that the List is forwarding the focus before or after the internal ul.
             this._forwardingFocus = false;
-            // Indicates if the IntersectionObserver started observing the List
-            this.listEndObserved = false;
             this._itemNavigation = new webcomponentsBase.f$1(this, {
                 skipItemsSize: PAGE_UP_DOWN_SIZE, // PAGE_UP and PAGE_DOWN will skip trough 10 items
                 navigationMode: webcomponentsBase.r.Vertical,
                 getItemsCallback: () => this.getEnabledItems(),
             });
-            this._handleResizeCallback = this._handleResize.bind(this);
-            // Indicates the List bottom most part has been detected by the IntersectionObserver
-            // for the first time.
-            this.initialIntersection = true;
+            this.handleResizeCallback = this._handleResize.bind(this);
             this._groupCount = 0;
             this._groupItemCount = 0;
             this.onItemFocusedBound = this.onItemFocused.bind(this);
             this.onForwardAfterBound = this.onForwardAfter.bind(this);
             this.onForwardBeforeBound = this.onForwardBefore.bind(this);
             this.onItemTabIndexChangeBound = this.onItemTabIndexChange.bind(this);
+            // Initialize the DragAndDropHandler with the necessary configurations
+            // The handler will manage the drag and drop operations for the list items.
+            this._dragAndDropHandler = new ListItemGroup.DragAndDropHandler(this, {
+                getItems: () => this.items,
+                getDropIndicator: () => this.dropIndicatorDOM,
+                useOriginalEvent: true,
+            });
         }
         /**
          * Returns an array containing the list item instances without the groups in a flat structure.
@@ -367,19 +340,18 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             return this.getItems();
         }
         _updateAssociatedLabelsTexts() {
-            this._associatedDescriptionRefTexts = AccessibilityTextsHelper.p(this);
-            this._associatedLabelsRefTexts = AccessibilityTextsHelper.E(this);
+            this._associatedDescriptionRefTexts = BusyIndicator.p(this);
+            this._associatedLabelsRefTexts = BusyIndicator.E(this);
         }
         onEnterDOM() {
-            AccessibilityTextsHelper.y(this, this._updateAssociatedLabelsTexts.bind(this));
-            ListItemGroup.p.subscribe(this);
-            webcomponentsBase.f.register(this.getDomRef(), this._handleResizeCallback);
+            BusyIndicator.y(this, this._updateAssociatedLabelsTexts.bind(this));
+            webcomponentsBase.f.register(this.getDomRef(), this.handleResizeCallback);
         }
         onExitDOM() {
-            AccessibilityTextsHelper.T(this);
+            BusyIndicator.T(this);
             this.unobserveListEnd();
-            webcomponentsBase.f.deregister(this.getDomRef(), this._handleResizeCallback);
-            ListItemGroup.p.unsubscribe(this);
+            this.unobserveListStart();
+            webcomponentsBase.f.deregister(this.getDomRef(), this.handleResizeCallback);
         }
         onBeforeRendering() {
             this.detachGroupHeaderEvents();
@@ -389,9 +361,11 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             this.attachGroupHeaderEvents();
             if (this.growsOnScroll) {
                 this.observeListEnd();
+                this.observeListStart();
             }
-            else if (this.listEndObserved) {
+            else {
                 this.unobserveListEnd();
+                this.unobserveListStart();
             }
             if (this.grows) {
                 this.checkListInViewport();
@@ -432,6 +406,9 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         get listEndDOM() {
             return this.shadowRoot.querySelector(".ui5-list-end-marker");
         }
+        get listStartDOM() {
+            return this.shadowRoot.querySelector(".ui5-list-start-marker");
+        }
         get dropIndicatorDOM() {
             return this.shadowRoot.querySelector("[ui5-drop-indicator]");
         }
@@ -472,17 +449,20 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             return ids.length ? ids.join(" ") : undefined;
         }
         get ariaLabelTxt() {
-            return this._associatedLabelsRefTexts || AccessibilityTextsHelper.A(this);
+            return this._associatedLabelsRefTexts || BusyIndicator.A(this);
         }
         get ariaDescriptionText() {
-            return this._associatedDescriptionRefTexts || AccessibilityTextsHelper.L(this) || this._getDescriptionForGroups();
+            return this._associatedDescriptionRefTexts || BusyIndicator.L(this) || this._getDescriptionForGroups();
+        }
+        get growingButtonAriaLabel() {
+            return this.accessibilityAttributes.growingButton?.name;
         }
-        get scrollContainer() {
-            return this.shadowRoot.querySelector(".ui5-list-scroll-container");
+        get growingButtonAriaLabelledBy() {
+            return this.accessibilityAttributes.growingButton?.name ? undefined : `${this._id}-growingButton-text`;
         }
         hasGrowingComponent() {
-            if (this.growsOnScroll && this.scrollContainer) {
-                return this.scrollContainer.clientHeight !== this.scrollContainer.scrollHeight;
+            if (this.growsOnScroll) {
+                return this._startMarkerOutOfView;
             }
             return this.growsWithButton;
         }
@@ -548,30 +528,37 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             });
         }
         async observeListEnd() {
-            if (!this.listEndObserved) {
-                await Icons.f$1();
-                this.getIntersectionObserver().observe(this.listEndDOM);
-                this.listEndObserved = true;
-            }
+            await Icons.f$1();
+            this.getEndIntersectionObserver().observe(this.listEndDOM);
         }
         unobserveListEnd() {
-            if (this.growingIntersectionObserver) {
-                this.growingIntersectionObserver.disconnect();
-                this.growingIntersectionObserver = null;
-                this.listEndObserved = false;
+            if (this._endIntersectionObserver) {
+                this._endIntersectionObserver.disconnect();
+                this._endIntersectionObserver = null;
             }
         }
-        onInteresection(entries) {
-            if (this.initialIntersection) {
-                this.initialIntersection = false;
-                return;
+        async observeListStart() {
+            await Icons.f$1();
+            this.getStartIntersectionObserver().observe(this.listStartDOM);
+        }
+        unobserveListStart() {
+            if (this._startIntersectionObserver) {
+                this._startIntersectionObserver.disconnect();
+                this._startIntersectionObserver = null;
             }
+        }
+        onEndIntersection(entries) {
             entries.forEach(entry => {
                 if (entry.isIntersecting) {
                     u(this.loadMore.bind(this), INFINITE_SCROLL_DEBOUNCE_RATE);
                 }
             });
         }
+        onStartIntersection(entries) {
+            entries.forEach(entry => {
+                this._startMarkerOutOfView = !entry.isIntersecting;
+            });
+        }
         /*
         * ITEM SELECTION BASED ON THE CURRENT MODE
         */
@@ -668,25 +655,25 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             });
         }
         _onkeydown(e) {
-            if (webcomponentsBase.W(e)) {
+            if (webcomponentsBase.n(e)) {
                 this._handleEnd();
                 e.preventDefault();
                 return;
             }
-            if (webcomponentsBase.F(e)) {
+            if (webcomponentsBase.M(e)) {
                 this._handleHome();
                 return;
             }
-            if (webcomponentsBase.P(e)) {
+            if (webcomponentsBase._(e)) {
                 this._handleDown();
                 e.preventDefault();
                 return;
             }
-            if (webcomponentsBase.f$2(e)) {
+            if (webcomponentsBase.C(e)) {
                 this._moveItem(e.target, e);
                 return;
             }
-            if (webcomponentsBase.B(e)) {
+            if (webcomponentsBase.x(e)) {
                 this._handleTabNext(e);
             }
         }
@@ -726,7 +713,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             }
         }
         _onLoadMoreKeydown(e) {
-            if (webcomponentsBase.i(e)) {
+            if (webcomponentsBase.A(e)) {
                 e.preventDefault();
                 this._loadMoreActive = true;
             }
@@ -734,14 +721,14 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
                 this._onLoadMoreClick();
                 this._loadMoreActive = true;
             }
-            if (webcomponentsBase.B(e)) {
+            if (webcomponentsBase.x(e)) {
                 this.focusAfterElement();
             }
-            if (webcomponentsBase.D(e)) {
+            if (webcomponentsBase.P(e)) {
                 this._handleLodeMoreUp(e);
                 return;
             }
-            if (webcomponentsBase.m$1(e)) {
+            if (webcomponentsBase.V(e)) {
                 if (this.getPreviouslyFocusedItem()) {
                     this.focusPreviouslyFocusedItem();
                 }
@@ -752,7 +739,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             }
         }
         _onLoadMoreKeyup(e) {
-            if (webcomponentsBase.i(e)) {
+            if (webcomponentsBase.A(e)) {
                 this._onLoadMoreClick();
             }
             this._loadMoreActive = false;
@@ -848,34 +835,16 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             this.setForwardingFocus(false);
         }
         _ondragenter(e) {
-            e.preventDefault();
+            this._dragAndDropHandler.ondragenter(e);
         }
         _ondragleave(e) {
-            if (e.relatedTarget instanceof Node && this.shadowRoot.contains(e.relatedTarget)) {
-                return;
-            }
-            this.dropIndicatorDOM.targetReference = null;
+            this._dragAndDropHandler.ondragleave(e);
         }
         _ondragover(e) {
-            if (!(e.target instanceof HTMLElement)) {
-                return;
-            }
-            const closestPosition = ListItemGroup.L(this.items, e.clientY, ListItemGroup.a.Vertical);
-            if (!closestPosition) {
-                this.dropIndicatorDOM.targetReference = null;
-                return;
-            }
-            const { targetReference, placement } = i(e, this, closestPosition, closestPosition.element, { originalEvent: true });
-            this.dropIndicatorDOM.targetReference = targetReference;
-            this.dropIndicatorDOM.placement = placement;
+            this._dragAndDropHandler.ondragover(e);
         }
         _ondrop(e) {
-            if (!this.dropIndicatorDOM?.targetReference || !this.dropIndicatorDOM?.placement) {
-                e.preventDefault();
-                return;
-            }
-            m(e, this, this.dropIndicatorDOM.targetReference, this.dropIndicatorDOM.placement, { originalEvent: true });
-            this.dropIndicatorDOM.targetReference = null;
+            this._dragAndDropHandler.ondrop(e);
         }
         isForwardElement(element) {
             const elementId = element.id;
@@ -1057,16 +1026,25 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             }
             return this._beforeElement;
         }
-        getIntersectionObserver() {
-            if (!this.growingIntersectionObserver) {
-                const scrollContainer = this.scrollContainer || findVerticalScrollContainer(this.getDomRef());
-                this.growingIntersectionObserver = new IntersectionObserver(this.onInteresection.bind(this), {
-                    root: scrollContainer,
-                    rootMargin: "5px",
+        getEndIntersectionObserver() {
+            if (!this._endIntersectionObserver) {
+                this._endIntersectionObserver = new IntersectionObserver(this.onEndIntersection.bind(this), {
+                    root: null, // null means the viewport
+                    rootMargin: "0px",
                     threshold: 1.0,
                 });
             }
-            return this.growingIntersectionObserver;
+            return this._endIntersectionObserver;
+        }
+        getStartIntersectionObserver() {
+            if (!this._startIntersectionObserver) {
+                this._startIntersectionObserver = new IntersectionObserver(this.onStartIntersection.bind(this), {
+                    root: null, // null means the viewport
+                    rootMargin: "0px",
+                    threshold: 1.0,
+                });
+            }
+            return this._startIntersectionObserver;
         }
     };
     __decorate([
@@ -1102,6 +1080,9 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     __decorate([
         webcomponentsBase.s()
     ], List.prototype, "accessibleName", void 0);
+    __decorate([
+        webcomponentsBase.s({ type: Object })
+    ], List.prototype, "accessibilityAttributes", void 0);
     __decorate([
         webcomponentsBase.s()
     ], List.prototype, "accessibleNameRef", void 0);
@@ -1150,7 +1131,6 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             template: ListTemplate,
             styles: [
                 listCss,
-                a(),
             ],
         })
         /**
@@ -1269,6 +1249,5 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     exports.ListAccessibleRole = ListAccessibleRole$1;
     exports.ListSelectionMode = ListSelectionMode$1;
     exports.ListSeparator = ListSeparator$1;
-    exports.a = a;
 
 }));

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

@@ -1,4 +1,4 @@
-sap.ui.define(['exports', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/ListItemGroup'], (function (exports, parametersBundle_css, ListItemGroup) { 'use strict';
+sap.ui.define(['exports', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/ListItemGroup'], (function (exports, parametersBundle_css, ListItemGroup) { 'use strict';
 
     function ListItemGroupTemplate(hooks) {
         const items = hooks?.items || defaultItems;

package/src/main/js/sap/ushell/thirdparty/ListItemAdditionalText.css.js

@@ -0,0 +1,10 @@
+sap.ui.define(['exports', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/i18n-defaults'], (function (exports, Icons, parametersBundle_css, i18nDefaults) { 'use strict';
+
+	Icons.p("@" + "ui5" + "/" + "sap/ushell/thirdparty/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
+	Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => i18nDefaults.defaultTheme);
+	var listItemAdditionalTextCss = `.ui5-li-additional-text{margin:0 .25rem;color:var(--sapNeutralTextColor);font-size:var(--sapFontSize);min-width:3.75rem;text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+`;
+
+	exports.listItemAdditionalTextCss = listItemAdditionalTextCss;
+
+}));

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

@@ -1,18 +1,18 @@
-sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/i18n-defaults'], (function (exports, webcomponentsBase, parametersBundle_css, eventStrict, Icons, i18nDefaults) { 'use strict';
+sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/i18n-defaults'], (function (exports, webcomponentsBase, parametersBundle_css, eventStrict, Icons, i18nDefaults) { 'use strict';
 
     const i=t=>{if(t.nodeName==="SLOT")return  false;const e=window.getComputedStyle(t);return e.display!=="contents"&&t.offsetWidth<=0&&t.offsetHeight<=0||e.visibility==="hidden"};
 
     const r=e=>{if(!e||e.hasAttribute("data-sap-no-tab-ref")||i(e))return  false;const t=e.getAttribute("tabindex");if(t!=null)return parseInt(t)>=0;const n=e.nodeName.toLowerCase();return n==="a"||/^(input|select|textarea|button|object)$/.test(n)?!e.disabled:false};
 
-    const b=t=>a([...t.children]),a=(t,n)=>{const l=n||[];return t&&t.forEach(r$1=>{if(r$1.nodeType===Node.TEXT_NODE||r$1.nodeType===Node.COMMENT_NODE)return;const e=r$1;if(!e.hasAttribute("data-sap-no-tab-ref"))if(r(e)&&l.push(e),e.tagName==="SLOT")a(e.assignedNodes(),l);else {const s=e.shadowRoot?e.shadowRoot.children:e.children;a([...s],l);}}),l};
+    const b=e=>l(e.tagName==="SLOT"?[e]:[...e.children]),l=(e,n)=>{const a=n||[];return e&&e.forEach(r$1=>{if(r$1.nodeType===Node.TEXT_NODE||r$1.nodeType===Node.COMMENT_NODE)return;const t=r$1;if(!t.hasAttribute("data-sap-no-tab-ref"))if(r(t)&&a.push(t),t.tagName==="SLOT")l(t.assignedElements(),a);else {const s=t.shadowRoot?t.shadowRoot.children:t.children;l([...s],a);}}),a};
 
-    Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var styles = `:host{box-sizing:border-box;height:var(--_ui5-v2-13-0-rc-0_list_item_base_height);background-color:var(--ui5-v2-13-0-rc-0-listitem-background-color);border-bottom:.0625rem solid transparent}:host(:not([hidden])){display:block}:host([disabled]){opacity:var(--_ui5-v2-13-0-rc-0-listitembase_disabled_opacity);pointer-events:none}:host([actionable]:not([disabled]):not([ui5-li-group-header])){cursor:pointer}:host([has-border]){border-bottom:var(--ui5-v2-13-0-rc-0-listitem-border-bottom)}:host([selected]){background-color:var(--sapList_SelectionBackgroundColor);border-bottom:var(--ui5-v2-13-0-rc-0-listitem-selected-border-bottom)}:host([selected]) .ui5-li-additional-text{text-shadow:var(--sapContent_TextShadow)}:host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover){background-color:var(--sapList_Hover_Background)}:host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover) .ui5-li-additional-text{text-shadow:var(--sapContent_TextShadow)}:host([actionable][selected]:not([active],[data-moving]):hover){background-color:var(--sapList_Hover_SelectionBackground)}:host([active][actionable]:not([data-moving])),:host([active][actionable][selected]:not([data-moving])){background-color:var(--sapList_Active_Background)}:host([desktop]:not([data-moving])) .ui5-li-root.ui5-li--focusable:focus:after,:host([desktop][focused]:not([data-moving])) .ui5-li-root.ui5-li--focusable:after,:host(:not([data-moving])) .ui5-li-root.ui5-li--focusable:focus-visible:after,:host([desktop]:not([data-moving])) .ui5-li-root .ui5-li-content:focus:after,:host([desktop][focused]:not([data-moving])) .ui5-li-root .ui5-li-content:after,:host(:not([data-moving])) .ui5-li-root .ui5-li-content:focus-visible:after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:.125rem;pointer-events:none}.ui5-li-root{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:var(--_ui5-v2-13-0-rc-0_list_item_base_padding);box-sizing:border-box;background-color:inherit}.ui5-li-root.ui5-li--focusable{outline:none}.ui5-li-content{display:flex;align-items:center;flex:auto;overflow:hidden;max-width:100%;font-family:"72override",var(--sapFontFamily);color:var(--sapList_TextColor)}.ui5-li-content .ui5-li-title{color:var(--sapList_TextColor);font-size:var(--_ui5-v2-13-0-rc-0_list_item_title_size)}.ui5-li-text-wrapper{display:flex;flex-direction:row;justify-content:space-between;flex:auto;min-width:1px;line-height:normal}
+    Icons.p("@" + "ui5" + "/" + "sap/ushell/thirdparty/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
+    Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => i18nDefaults.defaultTheme);
+    var styles = `:host{box-sizing:border-box;height:var(--_ui5-v2-15-0_list_item_base_height);background-color:var(--ui5-v2-15-0-listitem-background-color);border-bottom:.0625rem solid transparent}:host(:not([hidden])){display:block}:host([disabled]){opacity:var(--_ui5-v2-15-0-listitembase_disabled_opacity);pointer-events:none}:host([actionable]:not([disabled]):not([ui5-li-group-header])){cursor:pointer}:host([has-border]){border-bottom:var(--ui5-v2-15-0-listitem-border-bottom)}:host([selected]){background-color:var(--sapList_SelectionBackgroundColor);border-bottom:var(--ui5-v2-15-0-listitem-selected-border-bottom)}:host([selected]) .ui5-li-additional-text{text-shadow:var(--sapContent_TextShadow)}:host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover){background-color:var(--sapList_Hover_Background)}:host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover) .ui5-li-additional-text{text-shadow:var(--sapContent_TextShadow)}:host([actionable][selected]:not([active],[data-moving]):hover){background-color:var(--sapList_Hover_SelectionBackground)}:host([active][actionable]:not([data-moving])),:host([active][actionable][selected]:not([data-moving])){background-color:var(--sapList_Active_Background)}:host([desktop]:not([data-moving])) .ui5-li-root.ui5-li--focusable:focus:after,:host([desktop][focused]:not([data-moving])) .ui5-li-root.ui5-li--focusable:after,:host(:not([data-moving])) .ui5-li-root.ui5-li--focusable:focus-visible:after,:host([desktop]:not([data-moving])) .ui5-li-root .ui5-li-content:focus:after,:host([desktop][focused]:not([data-moving])) .ui5-li-root .ui5-li-content:after,:host(:not([data-moving])) .ui5-li-root .ui5-li-content:focus-visible:after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:.125rem;pointer-events:none}.ui5-li-root{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:var(--_ui5-v2-15-0_list_item_base_padding);box-sizing:border-box;background-color:inherit}.ui5-li-root.ui5-li--focusable{outline:none}.ui5-li-content{display:flex;align-items:center;flex:auto;overflow:hidden;max-width:100%;font-family:var(--sapFontFamily);color:var(--sapList_TextColor)}.ui5-li-content .ui5-li-title{color:var(--sapList_TextColor);font-size:var(--_ui5-v2-15-0_list_item_title_size)}.ui5-li-text-wrapper{display:flex;flex-direction:row;justify-content:space-between;flex:auto;min-width:1px;line-height:normal}
 `;
 
-    Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
+    Icons.p("@" + "ui5" + "/" + "sap/ushell/thirdparty/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
+    Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => i18nDefaults.defaultTheme);
     var draggableElementStyles = `[draggable=true]{cursor:grab!important}[draggable=true][data-moving]{cursor:grabbing!important;opacity:var(--sapContent_DisabledOpacity)}
 `;
 
@@ -88,19 +88,19 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             this.fireDecoratorEvent("_focused", e);
         }
         _onkeydown(e) {
-            if (webcomponentsBase.B(e)) {
+            if (webcomponentsBase.x(e)) {
                 return this._handleTabNext(e);
             }
-            if (webcomponentsBase.m$1(e)) {
+            if (webcomponentsBase.V(e)) {
                 return this._handleTabPrevious(e);
             }
             if (this.getFocusDomRef().matches(":has(:focus-within)")) {
                 return;
             }
-            if (webcomponentsBase.i(e)) {
+            if (this._isSpace(e)) {
                 e.preventDefault();
             }
-            if (webcomponentsBase.b$1(e)) {
+            if (this._isEnter(e)) {
                 this.fireItemPress(e);
             }
         }
@@ -108,7 +108,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             if (this.getFocusDomRef().matches(":has(:focus-within)")) {
                 return;
             }
-            if (webcomponentsBase.i(e)) {
+            if (this._isSpace(e)) {
                 this.fireItemPress(e);
             }
         }
@@ -118,6 +118,18 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             }
             this.fireItemPress(e);
         }
+        /**
+         * Override from subcomponent, if needed
+         */
+        _isSpace(e) {
+            return webcomponentsBase.A(e);
+        }
+        /**
+         * Override from subcomponent, if needed
+         */
+        _isEnter(e) {
+            return webcomponentsBase.b$1(e);
+        }
         fireItemPress(e) {
             if (this.disabled || !this._pressable) {
                 return;