@sapui5/sap.ushell 1.117.1 → 1.118.0

package/src/main/js/sap/ushell/components/contentFinder/view/AppSearch.view.xml

@@ -6,17 +6,23 @@
     xmlns:l="sap.ui.layout"
     xmlns:grid="sap.ui.layout.cssgrid"
     controllerName="sap.ushell.components.contentFinder.controller.AppSearch"
-    id="sapContentFinderAppSearch"
+    id="contentFinderAppSearchView"
     height="100%">
-    <!-- The container needs any fixed height (e.g. minFlexSize="1px") to calculate the content heights. -->
-    <l:FixFlex minFlexSize="1px">
+    <!-- The container needs any fixed height (e.g. minFlexSize="1px") to calculate the content
+    heights. -->
+    <l:FixFlex
+        id="contentFinderAppSearchLayout"
+        minFlexSize="1px">
         <l:fixContent>
             <OverflowToolbar
                 id="appSearchOverflowToolbar"
                 asyncMode="false"
                 style="Clear"
-                class="sapCepContentFinderToolbar sapUiMediumMargin">
-                <Title id="appBoxContainerTitle" titleStyle="H5" text="{
+                class="contentFinderToolbar sapUiMediumMargin">
+                <Title
+                    id="appBoxContainerTitle"
+                    titleStyle="H5"
+                    text="{
                     parts: [
                         '/activeNavigationTarget',
                         '/appSearch/searchTerm',
@@ -27,17 +33,24 @@
                         '/appSearch/filteredAppCount'
                     ], formatter: '.formatter.formatAppSearchTitle' }">
                     <layoutData>
-                        <OverflowToolbarLayoutData minWidth="6rem" shrinkable="true" priority="High"/>
+                        <OverflowToolbarLayoutData
+                            minWidth="6rem"
+                            shrinkable="true"
+                            priority="High" />
                     </layoutData>
                 </Title>
-                <ToolbarSpacer/>
+                <ToolbarSpacer />
                 <SearchField
                     id="appSearchField"
                     value="{/appSearch/searchTerm}"
                     placeholder="{i18n>ContentFinder.AppSearch.SearchPlaceholder}"
                     liveChange=".onAppSearch">
                     <layoutData>
-                        <OverflowToolbarLayoutData minWidth= "6rem" maxWidth="13.75rem" shrinkable="true" priority="NeverOverflow"/>
+                        <OverflowToolbarLayoutData
+                            minWidth="6rem"
+                            maxWidth="13.75rem"
+                            shrinkable="true"
+                            priority="NeverOverflow" />
                     </layoutData>
                 </SearchField>
                 <ToggleButton
@@ -49,18 +62,21 @@
                     tooltip="{i18n>ContentFinder.AppSearch.Button.Tooltip.ShowSelected}"
                     press=".onShowSelectedPressed">
                     <layoutData>
-                        <OverflowToolbarLayoutData shrinkable="false" priority="Low"/>
+                        <OverflowToolbarLayoutData
+                            shrinkable="false"
+                            priority="Low" />
                     </layoutData>
                 </ToggleButton>
             </OverflowToolbar>
         </l:fixContent>
         <l:flexContent>
             <Page
+                id="contentPage"
                 showHeader="false"
                 class="sapUiResponsiveContentPadding"
                 busy="{= !${/appSearch/visualizationsLoaded}}">
                 <f:GridList
-                    id="tilesGridList"
+                    id="tiles"
                     includeItemInSelection="true"
                     mode="MultiSelect"
                     growing="true"
@@ -75,15 +91,17 @@
                                 <grid:GridSettings
                                     gridTemplateColumns="repeat(auto-fill, 19.0625rem)"
                                     gridAutoRows="12.75rem"
-                                    gridGap="1rem"
-                                />
+                                    gridGap="1rem" />
                             </grid:layout>
                         </grid:GridResponsiveLayout>
                     </f:customLayout>
-                    <core:Fragment fragmentName="sap.ushell.components.contentFinder.view.AppSearchBox" type="XML" />
+                    <core:Fragment
+                        id="tilesBox"
+                        fragmentName="sap.ushell.components.contentFinder.view.AppSearchBox"
+                        type="XML" />
                 </f:GridList>
                 <f:GridList
-                    id="cardsGridList"
+                    id="cards"
                     includeItemInSelection="true"
                     mode="SingleSelectMaster"
                     items="{/appSearch/visualizations/cards}"
@@ -98,12 +116,14 @@
                                 <grid:GridSettings
                                     gridTemplateColumns="repeat(auto-fill, 19.0625rem)"
                                     gridAutoRows="12.75rem"
-                                    gridGap="1rem"
-                                />
+                                    gridGap="1rem" />
                             </grid:layout>
                         </grid:GridResponsiveLayout>
                     </f:customLayout>
-                    <core:Fragment fragmentName="sap.ushell.components.contentFinder.view.AppSearchBox" type="XML" />
+                    <core:Fragment
+                        id="cardsBox"
+                        fragmentName="sap.ushell.components.contentFinder.view.AppSearchBox"
+                        type="XML" />
                 </f:GridList>
             </Page>
         </l:flexContent>

package/src/main/js/sap/ushell/components/contentFinder/view/AppSearchBox.fragment.xml

@@ -2,64 +2,140 @@
     xmlns="sap.m"
     xmlns:core="sap.ui.core"
     xmlns:launchpad="sap.ushell.ui.launchpad">
-
-    <CustomListItem class="sapUshellCepAppBox" highlight="{= ${added} ? 'Information' : 'None'}" selected="{selected}" accDescription="{= ${parts: ['title', 'subtitle', 'added'], formatter: '.formatAppBoxAccDescription'}}">
+    <CustomListItem
+        id="searchResult"
+        class="contentFinderAppBox"
+        highlight="{= ${added} ? 'Information' : 'None'}"
+        selected="{selected}"
+        accDescription="{= ${parts: ['title', 'subtitle', 'added'], formatter: '.formatAppBoxAccDescription'}}">
         <customData>
-            <launchpad:AccessibilityCustomData writeToDom="true" key="help-id" value="{:= ${dataHelpId}}"/>
+            <launchpad:AccessibilityCustomData
+                writeToDom="true"
+                key="help-id"
+                value="{:= ${dataHelpId}}" />
         </customData>
-        <VBox justifyContent="SpaceBetween" fitContainer="true">
-            <HBox alignItems="Stretch">
+        <VBox
+            id="content"
+            justifyContent="SpaceBetween"
+            fitContainer="true">
+            <HBox
+                alignItems="Stretch"
+                id="contentHeader">
                 <layoutData>
-                    <FlexItemData shrinkFactor="0" growFactor="0"/>
+                    <FlexItemData
+                        shrinkFactor="0"
+                        growFactor="0" />
                 </layoutData>
-                <VBox class="sapUiTinyMarginEnd">
-                    <Avatar src="{:= icon}" backgroundColor="Transparent" showBorder="true" displaySize="XS"/>
+                <VBox
+                    id="avatar"
+                    class="sapUiTinyMarginEnd">
+                    <Avatar
+                        id="appAvatar"
+                        src="{:= icon}"
+                        backgroundColor="Transparent"
+                        showBorder="true"
+                        displaySize="XS" />
                 </VBox>
-                <VBox justifyContent="Center">
-                    <Text wrapping="true" maxLines="2" text="{:= ${title}}" class="sapUshellCepAppBoxTitle"
-                          visible="{:= !!${title}}" tooltip="{:= ${title}}"/>
-                    <Text wrapping="false" text="{:= ${subtitle}}" width="13rem"
-                          class="sapUshellCepAppBoxSubtitle"
-                          visible="{:= !!${subtitle}}" tooltip="{:= ${subtitle}}"/>
+                <VBox
+                    id="title"
+                    justifyContent="Center">
+                    <Text
+                        id="appTitle"
+                        wrapping="true"
+                        maxLines="2"
+                        text="{:= ${title}}"
+                        class="contentFinderAppBoxTitle"
+                        visible="{:= !!${title}}"
+                        tooltip="{:= ${title}}" />
+                    <Text
+                        id="appSubTitle"
+                        wrapping="false"
+                        text="{:= ${subtitle}}"
+                        width="13rem"
+                        class="contentFinderAppBoxSubtitle"
+                        visible="{:= !!${subtitle}}"
+                        tooltip="{:= ${subtitle}}" />
                 </VBox>
             </HBox>
 
-            <VBox>
+            <VBox id="shrinkableVBox">
                 <layoutData>
-                    <FlexItemData shrinkFactor="1" growFactor="1"/>
+                    <FlexItemData
+                        shrinkFactor="1"
+                        growFactor="1" />
                 </layoutData>
             </VBox>
 
-            <HBox height="64px" alignItems="Stretch" class="sapUiTinyMarginBottom">
+            <HBox
+                id="appInformation"
+                height="64px"
+                alignItems="Stretch"
+                class="sapUiTinyMarginBottom">
                 <layoutData>
-                    <FlexItemData shrinkFactor="0" growFactor="0"/>
+                    <FlexItemData
+                        shrinkFactor="0"
+                        growFactor="0" />
                 </layoutData>
-                <VBox class="sapUiTinyMarginEnd sapUshellCepAppBoxLabel" justifyContent="Start">
-                    <Label showColon="true" text="{:= ${i18n>ContentFinder.AppSearch.Label.FioriId}}" class="sapUiTinyMarginEnd"/>
-<!--                    <Label showColon="true" text="{:= ${i18n>ContentFinder.AppSearch.Label.SystemId}}" class="sapUiTinyMarginEnd"/>-->
-                    <Label showColon="true" text="{:= ${i18n>ContentFinder.AppSearch.Label.Information}}" class="sapUiTinyMarginEnd"/>
+                <VBox
+                    id="labels"
+                    class="sapUiTinyMarginEnd contentFinderAppBoxLabel"
+                    justifyContent="Start">
+                    <Label
+                        id="fioriIdLabel"
+                        showColon="true"
+                        text="{:= ${i18n>ContentFinder.AppSearch.Label.FioriId}}"
+                        class="sapUiTinyMarginEnd" />
+                    <Label
+                        id="informationLabel"
+                        showColon="true"
+                        text="{:= ${i18n>ContentFinder.AppSearch.Label.Information}}"
+                        class="sapUiTinyMarginEnd" />
                 </VBox>
-                <VBox width="0px" justifyContent="Start" class="sapUshellCepAppBoxValue">
+                <VBox
+                    id="texts"
+                    width="0px"
+                    justifyContent="Start"
+                    class="contentFinderAppBoxValue">
                     <layoutData>
-                        <FlexItemData growFactor="1"/>
+                        <FlexItemData growFactor="1" />
                     </layoutData>
-
-                    <Text wrapping="false" text="{:= ${appId} || ${i18n>ContentFinder.AppSearch.Text.FieldEmpty}}" tooltip="{:= ${appId} || ${i18n>ContentFinder.AppSearch.Text.FieldEmpty}}"/>
-<!--                    <Text wrapping="false" text="{:= ${systemId} || ${i18n>ContentFinder.AppSearch.Text.FieldEmpty}}" tooltip="{:= ${systemId} || ${i18n>ContentFinder.AppSearch.Text.FieldEmpty}}"/>-->
-                    <Text wrapping="false" text="{:= ${info} || ${i18n>ContentFinder.AppSearch.Text.FieldEmpty}}" tooltip="{:= ${info} || ${i18n>ContentFinder.AppSearch.Text.FieldEmpty}}"/>
+                    <Text
+                        id="fioriId"
+                        wrapping="false"
+                        text="{:= ${appId} || ${i18n>ContentFinder.AppSearch.Text.FieldEmpty}}"
+                        tooltip="{:= ${appId} || ${i18n>ContentFinder.AppSearch.Text.FieldEmpty}}" />
+                    <Text
+                        id="information"
+                        wrapping="false"
+                        text="{:= ${info} || ${i18n>ContentFinder.AppSearch.Text.FieldEmpty}}"
+                        tooltip="{:= ${info} || ${i18n>ContentFinder.AppSearch.Text.FieldEmpty}}" />
                 </VBox>
             </HBox>
 
-
-            <HBox justifyContent="SpaceBetween" alignItems="Center" height="2rem">
+            <HBox
+                id="actions"
+                justifyContent="SpaceBetween"
+                alignItems="Center"
+                height="2rem">
                 <layoutData>
-                    <FlexItemData shrinkFactor="0" growFactor="0"/>
+                    <FlexItemData
+                        shrinkFactor="0"
+                        growFactor="0" />
                 </layoutData>
-                <Button icon="sap-icon://action" type="Transparent" visible="false" tooltip="{:= ${i18n>ContentFinder.AppSearch.Button.Tooltip.LaunchApplication}}" />
-                <Button text="{:= ${i18n>ContentFinder.AppSearch.Button.Preview}}" iconFirst="false" icon="sap-icon://navigation-down-arrow" visible="false" type="Transparent" />
+                <Button
+                    id="launchApplication"
+                    icon="sap-icon://action"
+                    type="Transparent"
+                    visible="false"
+                    tooltip="{:= ${i18n>ContentFinder.AppSearch.Button.Tooltip.LaunchApplication}}" />
+                <Button
+                    id="previewApplication"
+                    text="{:= ${i18n>ContentFinder.AppSearch.Button.Preview}}"
+                    iconFirst="false"
+                    icon="sap-icon://navigation-down-arrow"
+                    visible="false"
+                    type="Transparent" />
             </HBox>
         </VBox>
     </CustomListItem>
-
-
 </core:FragmentDefinition>

package/src/main/js/sap/ushell/components/contentFinder/view/AppSearchPaginated.view.xml

@@ -6,17 +6,23 @@
     xmlns:l="sap.ui.layout"
     xmlns:grid="sap.ui.layout.cssgrid"
     controllerName="sap.ushell.components.contentFinder.controller.AppSearch"
-    id="sapContentFinderAppSearch"
+    id="contentFinderAppSearchView"
     height="100%">
-    <!-- The container needs any fixed height (e.g. minFlexSize="1px") to calculate the content heights. -->
-    <l:FixFlex minFlexSize="1px">
+    <!-- The container needs any fixed height (e.g. minFlexSize="1px") to calculate the content
+    heights. -->
+    <l:FixFlex
+        id="contentFinderAppSearchLayout"
+        minFlexSize="1px">
         <l:fixContent>
             <OverflowToolbar
                 id="appSearchOverflowToolbar"
                 asyncMode="false"
                 style="Clear"
-                class="sapCepContentFinderToolbar sapUiMediumMargin">
-                <Title id="appBoxContainerTitle" titleStyle="H5" text="{
+                class="contentFinderToolbar sapUiMediumMargin">
+                <Title
+                    id="appBoxContainerTitle"
+                    titleStyle="H5"
+                    text="{
                     parts: [
                         '/activeNavigationTarget',
                         '/appSearch/searchTerm',
@@ -29,10 +35,13 @@
                         '/appSearch/totalCount'
                     ], formatter: '.formatter.formatAppSearchTitle' }">
                     <layoutData>
-                        <OverflowToolbarLayoutData minWidth="6rem" shrinkable="true" priority="High"/>
+                        <OverflowToolbarLayoutData
+                            minWidth="6rem"
+                            shrinkable="true"
+                            priority="High" />
                     </layoutData>
                 </Title>
-                <ToolbarSpacer/>
+                <ToolbarSpacer />
 
                 <!-- Add 'search=".onSearch"' for server side searching -->
                 <SearchField
@@ -41,7 +50,11 @@
                     placeholder="{i18n>ContentFinder.AppSearch.SearchPlaceholder}"
                     search=".onSearch">
                     <layoutData>
-                        <OverflowToolbarLayoutData minWidth= "6rem" maxWidth="13.75rem" shrinkable="true" priority="NeverOverflow"/>
+                        <OverflowToolbarLayoutData
+                            minWidth="6rem"
+                            maxWidth="13.75rem"
+                            shrinkable="true"
+                            priority="NeverOverflow" />
                     </layoutData>
                 </SearchField>
                 <ToggleButton
@@ -53,18 +66,21 @@
                     tooltip="{i18n>ContentFinder.AppSearch.Button.Tooltip.ShowSelected}"
                     press=".onShowSelectedPressed">
                     <layoutData>
-                        <OverflowToolbarLayoutData shrinkable="false" priority="Low"/>
+                        <OverflowToolbarLayoutData
+                            shrinkable="false"
+                            priority="Low" />
                     </layoutData>
                 </ToggleButton>
             </OverflowToolbar>
         </l:fixContent>
         <l:flexContent>
             <Page
+                id="contentPage"
                 showHeader="false"
                 class="sapUiResponsiveContentPadding"
                 busy="{= !${/appSearch/visualizationsLoaded}}">
                 <f:GridList
-                    id="tilesGridList"
+                    id="tiles"
                     includeItemInSelection="true"
                     mode="MultiSelect"
                     growing="true"
@@ -80,16 +96,17 @@
                                 <grid:GridSettings
                                     gridTemplateColumns="repeat(auto-fill, 19.0625rem)"
                                     gridAutoRows="12.75rem"
-                                    gridGap="1rem"
-                                />
+                                    gridGap="1rem" />
                             </grid:layout>
                         </grid:GridResponsiveLayout>
                     </f:customLayout>
-                    <core:Fragment fragmentName="sap.ushell.components.contentFinder.view.AppSearchBox" type="XML" />
+                    <core:Fragment
+                        id="tilesBox"
+                        fragmentName="sap.ushell.components.contentFinder.view.AppSearchBox"
+                        type="XML" />
                 </f:GridList>
-
                 <f:GridList
-                    id="cardsGridList"
+                    id="cards"
                     includeItemInSelection="true"
                     mode="SingleSelectMaster"
                     growing="true"
@@ -105,12 +122,14 @@
                                 <grid:GridSettings
                                     gridTemplateColumns="repeat(auto-fill, 19.0625rem)"
                                     gridAutoRows="12.75rem"
-                                    gridGap="1rem"
-                                />
+                                    gridGap="1rem" />
                             </grid:layout>
                         </grid:GridResponsiveLayout>
                     </f:customLayout>
-                    <core:Fragment fragmentName="sap.ushell.components.contentFinder.view.AppSearchBox" type="XML" />
+                    <core:Fragment
+                        id="cardsBox"
+                        fragmentName="sap.ushell.components.contentFinder.view.AppSearchBox"
+                        type="XML" />
                 </f:GridList>
             </Page>
         </l:flexContent>

package/src/main/js/sap/ushell/components/contentFinder/view/ContentFinderDialog.view.xml

@@ -17,12 +17,15 @@
         verticalScrolling="false"
         afterClose=".onClose">
         <customHeader>
-            <OverflowToolbar>
-                <Button icon="sap-icon://nav-back"
-                        id="sapContentFinderBackButton"
-                        visible="{= ${/activeNavigationTarget} !== ${/navigationTargets/widgetGallery} &amp;&amp; !${/restrictedMode}}"
-                        press=".onBackButtonPressed"/>
-                <Title text="{
+            <OverflowToolbar id="contentFinderHeaderToolbar">
+                <Button
+                    id="contentFinderBackButton"
+                    icon="sap-icon://nav-back"
+                    visible="{= ${/activeNavigationTarget} !== ${/navigationTargets/widgetGallery} &amp;&amp; !${/restrictedMode}}"
+                    press=".onBackButtonPressed" />
+                <Title
+                    id="headerTitle"
+                    text="{
                     parts: [
                         '/activeNavigationTarget'
                     ], formatter: '.formatter.formatDialogTitle' }" />
@@ -37,6 +40,8 @@
                     enableScrolling="false"
                     showHeader="false">
                     <mvc:XMLView
+                        id="contentFinderWidgetGalleryView"
+                        async="true"
                         height="100%"
                         viewName="sap.ushell.components.contentFinder.view.WidgetGallery" />
                 </Page>
@@ -45,27 +50,31 @@
                     enableScrolling="false"
                     showHeader="false">
                     <mvc:XMLView
+                        id="contentFinderAppSearchView"
+                        async="true"
                         height="100%"
                         viewName="sap.ushell.components.contentFinder.view.AppSearch" />
                 </Page>
             </NavContainer>
         </content>
         <beginButton>
-            <Button id="sapContentFinderAddButton"
-                    type="Emphasized"
-                    visible="{
+            <Button
+                id="contentFinderAddButton"
+                type="Emphasized"
+                visible="{
                         parts: [
                             '/activeNavigationTarget'
                         ], formatter: '.formatter.addButtonIsVisibleInAppSearch' }"
-                    text="{parts: [{path: 'i18n>ContentFinder.Button.Add'}, {path: '/appSearch/selectedAppCount'}],
+                text="{parts: [{path: 'i18n>ContentFinder.Button.Add'}, {path: '/appSearch/selectedAppCount'}],
                     formatter: 'formatMessage' }"
-                    enabled="{= ${/appSearch/selectedAppCount} > 0}"
-                    press=".onAddButtonPressed"/>
+                enabled="{= ${/appSearch/selectedAppCount} > 0}"
+                press=".onAddButtonPressed" />
         </beginButton>
         <endButton>
-            <Button id="sapContentFinderCancelButton"
-                    text="{i18n>ContentFinder.Button.Cancel}"
-                    press=".onCancelButtonPressed"/>
+            <Button
+                id="contentFinderCancelButton"
+                text="{i18n>ContentFinder.Button.Cancel}"
+                press=".onCancelButtonPressed" />
         </endButton>
     </Dialog>
 </mvc:View>

package/src/main/js/sap/ushell/components/contentFinder/view/WidgetGallery.view.xml

@@ -6,51 +6,79 @@
     xmlns:cssgrid="sap.ui.layout.cssgrid"
     xmlns:f="sap.f"
     controllerName="sap.ushell.components.contentFinder.controller.WidgetGallery"
-    id="sapContentFinderWidgetGallery"
+    id="contentFinderWidgetGallery"
     height="100%">
-
-    <VBox items="{path: '/widgetGallery/widgetGroups'}" class="sapUiMediumMargin">
-        <items>
-            <VBox class="sapUiTinyMarginBottom">
-                <OverflowToolbar asyncMode="true" style="Clear" class="sapCepContentFinderToolbar" visible="{= !!${title}}">
-                    <Title titleStyle="H6" text="{title}" />
-                </OverflowToolbar>
-                <f:GridList
-                        id="sapCepContentFinderGridList"
-                        mode="None"
-                        items="{
+    <VBox
+        id="widgetGroups"
+        items="{path: '/widgetGallery/widgetGroups'}"
+        class="sapUiMediumMargin">
+        <VBox
+            id="widgetGroup"
+            class="sapUiTinyMarginBottom">
+            <OverflowToolbar
+                id="widgetGroupToolbar"
+                asyncMode="true"
+                style="Clear"
+                class="contentFinderToolbar"
+                visible="{= !!${title}}">
+                <Title
+                    id="title"
+                    titleStyle="H6"
+                    text="{title}" />
+            </OverflowToolbar>
+            <f:GridList
+                id="contentFinderWidgets"
+                mode="None"
+                items="{
                             path: 'widgets',
                             templateShareable: false,
                             key: 'id'
                         }">
-                    <f:customLayout>
-                        <cssgrid:GridResponsiveLayout containerQuery="true">
-                            <cssgrid:layout>
-                                <cssgrid:GridSettings gridGap="1.5rem"
-                                                      gridTemplateColumns="repeat(2, calc(50% - 0.75rem))"
-                                                      gridAutoRows="5rem"/>
-                            </cssgrid:layout>
-                        </cssgrid:GridResponsiveLayout>
-                    </f:customLayout>
-
-                    <f:GridListItem type="Active" press=".onSelectWidgetType">
-                        <HBox alignItems="Center" height="100%" class="sapUiSmallMarginEnd">
+                <f:customLayout>
+                    <cssgrid:GridResponsiveLayout containerQuery="true">
+                        <cssgrid:layout>
+                            <cssgrid:GridSettings
+                                gridGap="1.5rem"
+                                gridTemplateColumns="repeat(2, calc(50% - 0.75rem))"
+                                gridAutoRows="5rem" />
+                        </cssgrid:layout>
+                    </cssgrid:GridResponsiveLayout>
+                </f:customLayout>
+                <f:GridListItem
+                    id="widget"
+                    type="Active"
+                    press=".onSelectWidgetType">
+                    <HBox
+                        id="widgetContent"
+                        alignItems="Center"
+                        height="100%"
+                        class="sapUiSmallMarginEnd">
 
-                            <Avatar src="{icon}" class="sapUiSmallMarginEnd sapUiSmallMarginBegin"
-                                    backgroundColor="Placeholder">
-                                <layoutData>
-                                    <FlexItemData maxHeight="3rem" />
-                                </layoutData>
-                            </Avatar>
+                        <Avatar
+                            id="avatar"
+                            src="{icon}"
+                            class="sapUiSmallMarginEnd sapUiSmallMarginBegin"
+                            backgroundColor="Placeholder">
+                            <layoutData>
+                                <FlexItemData maxHeight="3rem" />
+                            </layoutData>
+                        </Avatar>
 
-                            <VBox>
-                                <Title text="{title}" titleStyle="H6" wrapping="true" />
-                                <Label text="{description}" visible="{= !!${description}}" wrapping="true" />
-                            </VBox>
-                        </HBox>
-                    </f:GridListItem>
-                </f:GridList>
-            </VBox>
-        </items>
+                        <VBox id="widgetTitleContent">
+                            <Title
+                                id="widgetTitle"
+                                text="{title}"
+                                titleStyle="H6"
+                                wrapping="true" />
+                            <Label
+                                id="widgetDescription"
+                                text="{description}"
+                                visible="{= !!${description}}"
+                                wrapping="true" />
+                        </VBox>
+                    </HBox>
+                </f:GridListItem>
+            </f:GridList>
+        </VBox>
     </VBox>
 </mvc:View>

package/src/main/js/sap/ushell/components/factsheet/Component.js

@@ -17,7 +17,7 @@ sap.ui.define([
 
         // use inline declaration instead of component.json to save 1 round trip
         metadata: {
-            version: "1.117.1",
+            version: "1.118.0",
             library: "sap.ushell",
             dependencies: {
                 libs: ["sap.m", "sap.ui.vbm", "sap.suite.ui.commons", "sap.ui.layout", "sap.viz"],

package/src/main/js/sap/ushell/components/factsheet/tools/ODataUrlTemplating.js

@@ -1,7 +1,7 @@
 // Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 /**
  * @fileOverview This file contains an annotation parser for factsheets.
- * @deprecated
+ * @deprecated since 1.111
  */
 sap.ui.define(function () {
     "use strict";

package/src/main/js/sap/ushell/components/homepage/ActionMode.js

@@ -20,7 +20,7 @@
  *  - Deactivation handler
  *  - Rendering tile action menu
  *
- * @version 1.117.1
+ * @version 1.118.0
  *
  * @deprecated since 1.112
  */