@sapui5/sap.ushell 1.123.1 → 1.124.1

package/src/main/js/sap/ushell/components/cepsearchresult/app/i18n/i18n_en_US_saprigi.properties

@@ -1,19 +1,19 @@
 
-SEARCHRESULTAPP.App.Title=\u206A\u206A\u206A\u200C\u200B\u200D\u200B\u200D\u200B\u200D\u200C\u200D\u200C\u200B\u200D\u200C\u200D\u200C\u200B\u200D\u200D\u200D\u200D\u200C\u200C\u200B\u200C\u200B\u200D\u200D\u200C\u200D\u200C\u200B\u200B\u200D\u200B\u200C\u200B\u200C\u200D\u200B\u200C\u200D\u206ASearch Result Application\u206A\u206A
+SEARCHRESULTAPP.App.Title=\u206A\u206A\u206A\u200C\u200B\u200B\u200B\u200C\u200C\u200B\u200B\u200D\u200D\u200B\u200B\u200B\u200B\u200D\u200D\u200D\u200D\u200B\u200D\u200D\u200D\u200C\u200B\u200C\u200B\u200B\u200D\u200D\u200C\u200C\u200B\u200C\u200C\u200C\u200B\u200D\u200D\u200C\u200D\u200B\u206ASearch Result Application\u206A\u206A
 
-SEARCHRESULTAPP.App.SubTitle=\u206A\u206A\u206A\u200D\u200D\u200C\u200D\u200B\u200C\u200B\u200D\u200C\u200D\u200D\u200C\u200B\u200D\u200D\u200B\u200C\u200C\u200D\u200B\u200B\u200B\u200D\u200B\u200D\u200B\u200B\u200C\u200B\u200B\u200D\u200D\u200D\u200B\u200C\u200B\u200C\u200C\u200D\u206ASearch Result Application for Work Zone Content\u206A\u206A
+SEARCHRESULTAPP.App.SubTitle=\u206A\u206A\u206A\u200C\u200B\u200C\u200C\u200C\u200C\u200B\u200C\u200C\u200B\u200D\u200B\u200D\u200C\u200D\u200C\u200C\u200B\u200B\u200D\u200D\u200C\u200B\u200C\u200C\u200B\u200C\u200D\u200C\u200C\u200D\u200C\u200D\u200C\u200C\u200C\u200B\u200D\u200D\u200B\u206ASearch Result Application for Work Zone Content\u206A\u206A
 
-SEARCHRESULTAPP.Config.ButtonText=\u206A\u206A\u206A\u200C\u200C\u200C\u200C\u200C\u200D\u200B\u200B\u200C\u200B\u200B\u200D\u200B\u200D\u200B\u200D\u200C\u200C\u200C\u200C\u200B\u200B\u200B\u200C\u200C\u200D\u200B\u200D\u200C\u200D\u200C\u200B\u200B\u200B\u200D\u200B\u200C\u200B\u200B\u200B\u200D\u206AConfigure\u206A\u206A
+SEARCHRESULTAPP.Config.ButtonText=\u206A\u206A\u206A\u200C\u200B\u200B\u200B\u200C\u200B\u200B\u200D\u200B\u200B\u200C\u200D\u200B\u200D\u200C\u200B\u200B\u200C\u200B\u200D\u200B\u200D\u200B\u200D\u200C\u200D\u200D\u200B\u200D\u200B\u200D\u200D\u200C\u200B\u200B\u200B\u200D\u200B\u200C\u200B\u200C\u206AConfigure\u206A\u206A
 
-SEARCHRESULTAPP.Config.ButtonTooltip=\u206A\u206A\u206A\u200C\u200C\u200B\u200B\u200C\u200B\u200C\u200C\u200C\u200B\u200B\u200D\u200D\u200B\u200D\u200D\u200D\u200B\u200C\u200B\u200D\u200D\u200B\u200B\u200C\u200B\u200B\u200D\u200C\u200C\u200B\u200D\u200C\u200B\u200D\u200B\u200D\u200D\u200C\u200B\u200C\u206AConfigure the Search Result Application\u206A\u206A
+SEARCHRESULTAPP.Config.ButtonTooltip=\u206A\u206A\u206A\u200D\u200B\u200D\u200B\u200B\u200D\u200B\u200C\u200D\u200C\u200D\u200B\u200B\u200C\u200B\u200C\u200C\u200B\u200B\u200B\u200B\u200C\u200B\u200D\u200C\u200C\u200C\u200D\u200D\u200B\u200B\u200B\u200D\u200C\u200D\u200C\u200C\u200C\u200B\u200D\u206AConfigure the Search Result Application\u206A\u206A
 
-SEARCHRESULTAPP.HeaderTitle=\u206A\u206A\u206A\u200D\u200B\u200C\u200B\u200B\u200D\u200B\u200C\u200D\u200B\u200D\u200C\u200D\u200D\u200C\u200B\u200D\u200B\u200C\u200B\u200C\u200D\u200B\u200D\u200D\u200D\u200D\u200B\u200C\u200D\u200D\u200B\u200B\u200C\u200B\u200B\u200C\u200D\u200D\u200B\u206ASearch Results for\: \u200B\u200B\u200B{0}\u200C\u200C\u200C \u200B\u200B\u200B{1}\u200C\u200C\u200C\u206A\u206A
+SEARCHRESULTAPP.HeaderTitle=\u206A\u206A\u206A\u200C\u200C\u200C\u200B\u200D\u200D\u200B\u200D\u200B\u200B\u200C\u200B\u200C\u200D\u200C\u200C\u200D\u200C\u200C\u200B\u200D\u200B\u200B\u200C\u200D\u200D\u200D\u200C\u200D\u200D\u200D\u200C\u200B\u200C\u200B\u200B\u200B\u200C\u200C\u200D\u206ASearch Results for\: \u200B\u200B\u200B{0}\u200C\u200C\u200C \u200B\u200B\u200B{1}\u200C\u200C\u200C\u206A\u206A
 
-SEARCHRESULTAPP.TitleMenu.SaveAsTile=\u206A\u206A\u206A\u200C\u200B\u200D\u200C\u200C\u200B\u200D\u200D\u200B\u200D\u200B\u200D\u200C\u200B\u200B\u200D\u200D\u200D\u200C\u200C\u200D\u200D\u200D\u200B\u200D\u200D\u200D\u200C\u200B\u200C\u200B\u200D\u200B\u200D\u200D\u200B\u200D\u200D\u200D\u200D\u200B\u206ASave as Tile\u206A\u206A
+SEARCHRESULTAPP.TitleMenu.SaveAsTile=\u206A\u206A\u206A\u200C\u200B\u200B\u200D\u200D\u200C\u200B\u200D\u200B\u200B\u200C\u200D\u200C\u200D\u200D\u200B\u200C\u200D\u200B\u200D\u200C\u200D\u200B\u200C\u200D\u200D\u200B\u200D\u200C\u200C\u200C\u200B\u200B\u200D\u200C\u200D\u200B\u200D\u200B\u200B\u206ASave as Tile\u206A\u206A
 
-SEARCHRESULTAPP.TitleMenu.Email=\u206A\u206A\u206A\u200D\u200C\u200B\u200B\u200D\u200B\u200B\u200C\u200C\u200B\u200B\u200D\u200D\u200D\u200C\u200D\u200B\u200B\u200C\u200C\u200C\u200D\u200C\u200B\u200C\u200B\u200C\u200C\u200C\u200C\u200B\u200C\u200D\u200C\u200B\u200C\u200B\u200C\u200C\u200D\u206AEmail\u206A\u206A
+SEARCHRESULTAPP.TitleMenu.Email=\u206A\u206A\u206A\u200D\u200C\u200B\u200B\u200D\u200D\u200B\u200D\u200D\u200B\u200B\u200D\u200C\u200B\u200C\u200B\u200C\u200D\u200B\u200C\u200C\u200B\u200C\u200B\u200C\u200B\u200B\u200B\u200B\u200C\u200B\u200D\u200C\u200C\u200D\u200C\u200C\u200D\u200B\u200B\u206AEmail\u206A\u206A
 
-SEARCHRESULTAPP.EMail.Subject=\u206A\u206A\u206A\u200D\u200D\u200D\u200C\u200B\u200B\u200D\u200C\u200B\u200D\u200D\u200B\u200D\u200C\u200D\u200C\u200B\u200C\u200D\u200C\u200B\u200D\u200B\u200D\u200D\u200D\u200C\u200B\u200D\u200B\u200C\u200C\u200B\u200C\u200C\u200C\u200C\u206ASearch Results for \u200B\u200B\u200B{0}\u200C\u200C\u200C\u206A\u206A
+SEARCHRESULTAPP.EMail.Subject=\u206A\u206A\u206A\u200C\u200C\u200C\u200C\u200C\u200D\u200C\u200D\u200C\u200D\u200D\u200C\u200B\u200B\u200D\u200C\u200C\u200D\u200B\u200D\u200C\u200C\u200C\u200D\u200B\u200D\u200C\u200C\u200B\u200D\u200C\u200B\u200D\u200C\u200C\u200C\u200C\u200C\u200C\u200B\u206ASearch Results for "\u200B\u200B\u200B{0}\u200C\u200C\u200C"\u206A\u206A
 
-SEARCHRESULTAPP.Bookmark.Title=\u206A\u206A\u206A\u200D\u200D\u200B\u200D\u200D\u200B\u200C\u200B\u200C\u200B\u200C\u200B\u200D\u200B\u200C\u200D\u200D\u200D\u200B\u200D\u200D\u200C\u200C\u200B\u200B\u200C\u200B\u200B\u200C\u200B\u200B\u200B\u200B\u200C\u200B\u200B\u200C\u200D\u200C\u200C\u206ASearch for \u200B\u200B\u200B{0}\u200C\u200C\u200C\u206A\u206A
+SEARCHRESULTAPP.Bookmark.Title=\u206A\u206A\u206A\u200D\u200C\u200B\u200B\u200C\u200B\u200C\u200C\u200D\u200D\u200D\u200B\u200D\u200B\u200B\u200B\u200B\u200C\u200D\u200D\u200D\u200C\u200C\u200D\u200B\u200C\u200C\u200C\u200D\u200B\u200C\u200D\u200B\u200D\u200D\u200C\u200B\u200D\u200D\u200B\u206ASearch for \u200B\u200B\u200B{0}\u200C\u200C\u200C\u206A\u206A
 

package/src/main/js/sap/ushell/components/cepsearchresult/app/i18n/i18n_hi.properties

@@ -15,5 +15,5 @@ SEARCHRESULTAPP.TitleMenu.Email=\u0908\u092E\u0947\u0932
 
 SEARCHRESULTAPP.EMail.Subject="{0}\u201D \u0915\u0947 \u0932\u093F\u090F \u0916\u094B\u091C \u092A\u0930\u093F\u0923\u093E\u092E
 
-SEARCHRESULTAPP.Bookmark.Title={0} \u0915\u0947 \u0932\u093F\u090F \u0916\u094B\u091C 
+SEARCHRESULTAPP.Bookmark.Title={0} \u0915\u0947 \u0932\u093F\u090F \u0916\u094B\u091C
 

package/src/main/js/sap/ushell/components/cepsearchresult/app/i18n/i18n_mk.properties

@@ -0,0 +1,19 @@
+
+SEARCHRESULTAPP.App.Title=\u0410\u043F\u043B\u0438\u043A\u0430\u0446\u0438\u0458\u0430 \u0437\u0430 \u043F\u0440\u0435\u0431\u0430\u0440\u0443\u0432\u0430\u045A\u0435 \u0440\u0435\u0437\u0443\u043B\u0442\u0430\u0442\u0438
+
+SEARCHRESULTAPP.App.SubTitle=\u0410\u043F\u043B\u0438\u043A\u0430\u0446\u0438\u0458\u0430 \u0437\u0430 \u043F\u0440\u0435\u0431\u0430\u0440\u0443\u0432\u0430\u045A\u0435 \u0440\u0435\u0437\u0443\u043B\u0442\u0430\u0442\u0438 \u0437\u0430 \u0441\u043E\u0434\u0440\u0436\u0438\u043D\u0430\u0442\u0430 \u043D\u0430 Work Zone
+
+SEARCHRESULTAPP.Config.ButtonText=\u041A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0438\u0440\u0430\u0458
+
+SEARCHRESULTAPP.Config.ButtonTooltip=\u041A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0438\u0440\u0430\u0458\u0442\u0435 \u0458\u0430 \u0430\u043F\u043B\u0438\u043A\u0430\u0446\u0438\u0458\u0430\u0442\u0430 \u0437\u0430 \u043F\u0440\u0435\u0431\u0430\u0440\u0443\u0432\u0430\u045A\u0435 \u0440\u0435\u0437\u0443\u043B\u0442\u0430\u0442\u0438
+
+SEARCHRESULTAPP.HeaderTitle=\u0420\u0435\u0437\u0443\u043B\u0442\u0430\u0442\u0438 \u043E\u0434 \u043F\u0440\u0435\u0431\u0430\u0440\u0443\u0432\u0430\u045A\u0435\u0442\u043E \u0437\u0430\: {0} {1}
+
+SEARCHRESULTAPP.TitleMenu.SaveAsTile=\u0417\u0430\u0447\u0443\u0432\u0430\u0458 \u043A\u0430\u043A\u043E \u043F\u043B\u043E\u0447\u043A\u0430
+
+SEARCHRESULTAPP.TitleMenu.Email=\u0415-\u043F\u043E\u0448\u0442\u0430
+
+SEARCHRESULTAPP.EMail.Subject=\u0420\u0435\u0437\u0443\u043B\u0442\u0430\u0442\u0438 \u043E\u0434 \u043F\u0440\u0435\u0431\u0430\u0440\u0443\u0432\u0430\u045A\u0435\u0442\u043E \u0437\u0430 \u201E{0}\u201C
+
+SEARCHRESULTAPP.Bookmark.Title=\u041F\u0440\u0435\u0431\u0430\u0440\u0443\u0432\u0430\u0458\u0442\u0435 {0}
+

package/src/main/js/sap/ushell/components/cepsearchresult/app/i18n/i18n_sh.properties

@@ -13,7 +13,7 @@ SEARCHRESULTAPP.TitleMenu.SaveAsTile=Sa\u010Duvaj kao podekran
 
 SEARCHRESULTAPP.TitleMenu.Email=E-po\u0161ta
 
-SEARCHRESULTAPP.EMail.Subject=Rezultati tra\u017Eenja za "{0}"
+SEARCHRESULTAPP.EMail.Subject=Rezultati tra\u017Eenja za \u201E{0}\u201C
 
 SEARCHRESULTAPP.Bookmark.Title=Tra\u017Ei {0}
 

package/src/main/js/sap/ushell/components/cepsearchresult/app/i18n/i18n_sr.properties

@@ -0,0 +1,19 @@
+
+SEARCHRESULTAPP.App.Title=\u0410\u043F\u043B\u0438\u043A\u0430\u0446\u0438\u0458\u0430 \u0440\u0435\u0437\u0443\u043B\u0442\u0430\u0442\u0430 \u0442\u0440\u0430\u0436\u0435\u045A\u0430
+
+SEARCHRESULTAPP.App.SubTitle=\u0410\u043F\u043B\u0438\u043A\u0430\u0446\u0438\u0458\u0430 \u0440\u0435\u0437\u0443\u043B\u0442\u0430\u0442\u0430 \u0442\u0440\u0430\u0436\u0435\u045A\u0430 \u0437\u0430 \u0441\u0430\u0434\u0440\u0436\u0430\u0458 \u0437\u043E\u043D\u0435 \u043F\u043E\u0441\u043B\u0430
+
+SEARCHRESULTAPP.Config.ButtonText=\u041A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0438\u0448\u0438
+
+SEARCHRESULTAPP.Config.ButtonTooltip=\u041A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0438\u0448\u0438 \u0430\u043F\u043B\u0438\u043A\u0430\u0446\u0438\u0458\u0443 \u0440\u0435\u0437\u0443\u043B\u0442\u0430\u0442\u0430 \u0442\u0440\u0430\u0436\u0435\u045A\u0430
+
+SEARCHRESULTAPP.HeaderTitle=\u0420\u0435\u0437\u0443\u043B\u0442\u0430\u0442\u0438 \u0442\u0440\u0430\u0436\u0435\u045A\u0430 \u0437\u0430\: {0} {1}
+
+SEARCHRESULTAPP.TitleMenu.SaveAsTile=\u0421\u0430\u0447\u0443\u0432\u0430\u0458 \u043A\u0430\u043E \u043F\u043E\u0434\u0435\u043A\u0440\u0430\u043D
+
+SEARCHRESULTAPP.TitleMenu.Email=\u0415-\u043F\u043E\u0448\u0442\u0430
+
+SEARCHRESULTAPP.EMail.Subject=\u0420\u0435\u0437\u0443\u043B\u0442\u0430\u0442\u0438 \u0442\u0440\u0430\u0436\u0435\u045A\u0430 \u0437\u0430 \u201E{0}\u201C
+
+SEARCHRESULTAPP.Bookmark.Title=\u0422\u0440\u0430\u0436\u0438 {0}
+

package/src/main/js/sap/ushell/components/cepsearchresult/app/util/Edition.js

@@ -76,6 +76,7 @@ sap.ui.define(
         return oCategory.instance;
       }
       oCategory.instance = this.createCategoryInstance(sCategory);
+      oCategory.instance.setUseIllustrations(true);
       return oCategory.instance;
     };
 

package/src/main/js/sap/ushell/components/cepsearchresult/app/util/controls/Category.css

@@ -115,14 +115,6 @@
   align-content: start;
 }
 
-.sapUiCEPSearchCatList.tile .sapUiCEPSearchCatLI.tile {
-  border-radius: var(--sapUiElementBorderCornerRadius);
-  box-shadow: var(--sapUiShadowLevel0);
-  border: none;
-  width: 11rem;
-  height: 11rem;
-}
-
 .sapUiCEPSearchCatList.tile .sapUiCEPSearchCatLI.tile.app {
   position: relative;
   border-radius: 0;
@@ -133,11 +125,23 @@
   width: unset;
   min-width: 11rem;
   height: 11rem;
+  outline-offset: 1px;
+  cursor: pointer;
+  border-radius: calc(var(--sapUiElementBorderCornerRadius) + (var(--sapUiElementBorderCornerRadius) / 2));
+}
+
+.sapUiCEPSearchCatList.list .sapUiCEPSearchCatLI.list.app {
+  cursor: pointer;
+}
+
+.sapUiCEPSearchCatList.list .sapUiCEPSearchCatLI.list.app:hover,
+.sapUiCEPSearchCatList.list .sapUiCEPSearchCatLI.list.app:focus {
+  background: var(--sapUiExtraLightBG);
 }
 
 .sapUiCEPSearchCatList.list .sapUiCEPSearchCatLI.list.app .hiddentile,
 .sapUiCEPSearchCatList.card .sapUiCEPSearchCatLI.card.app .hiddentile {
-  display: none;
+ display: none;
 }
 
 .sapUiCEPSearchCatList.tile .sapUiCEPSearchCatLI.tile.app .sapUshellVizInstance {
@@ -157,7 +161,7 @@
 /** Event/People**/
 .sapUiCEPSearchCatList .sapUiCEPSearchCatLI.people .sapMObjectIdentifier,
 .sapUiCEPSearchCatList .sapUiCEPSearchCatLI.event .sapMObjectIdentifier {
-    min-width: 13rem;
+  min-width: 13rem;
   max-width: 13rem;
 
 }
@@ -255,7 +259,7 @@
   position: absolute;
   background-size: 200% 500%;
   background-image: repeating-linear-gradient(
-		90deg,
+		90deg,Active
 		rgb(227, 227, 227) 0%,
 		rgb(194, 194, 194) 50%,
 		rgb(227, 227, 227) 100%
@@ -274,6 +278,10 @@
   }
 }
 
+.sapUiCEPSearchCatList .sapMLIBFocusable:focus {
+  border-radius: 0.5rem;
+}
+
 .sapUiCEPSearchCatList.loading .sapUiCEPSearchCatLI .sapMLabel:before {
   min-width: 3rem;
 }
@@ -310,4 +318,56 @@
 
 .sapUiCEPSearchCatList .resetHighlight .defaultHighlightedText {
   all:inherit;
+}
+
+
+.sapUiCEPSearchCatList .appObjectIdentifier {
+  gap: 0.4rem;
+  margin: 0.2rem 1rem;
+}
+
+.sapUiCEPSearchCatList .appTitleText {
+  font-weight: bold;
+  font-size: 1rem !important;
+  vertical-align: middle;
+}
+.sapUiCEPSearchCatList .appDescriptionText {
+  font-size: 1rem !important;
+}
+
+.sapUiCEPSearchCatList .appTitleSeparator,
+.sapUiCEPSearchCatList .appProviderInfoSeparator {
+  margin: 0 0.35rem;
+}
+
+.sapUiCEPSearchCatList .diminishedText {
+  color: var(--sapUiContentLabelColor);
+  font-size: 0.85rem;
+}
+
+.sapUiCEPSearchCatList .keywordText {
+  box-sizing: border-box;
+  display: inline-block;
+  border: 1px solid var(--sapUiContentLabelColor);
+  border-radius: max(4px, calc(var(--sapUiElementBorderCornerRadius) - (var(--sapUiElementBorderCornerRadius) / 2.5)));
+  padding: 0.1rem 0.4rem;
+  background: var(--sapUiTileBackground);
+  margin-top: 0.7rem;
+}
+
+.sapUiCEPSearchCatList .sapMLnk:hover {
+  text-decoration: none !important;
+}
+.sapUiCEPSearchCatNoDataIllustration {
+  opacity: 0;
+  animation: fadeIn 0.5s 0.5s forwards;
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }

package/src/main/js/sap/ushell/components/cepsearchresult/app/util/controls/Category.js

@@ -51,6 +51,7 @@ sap.ui.define(
     appendStyleVars([
       "sapUiShadowLevel0",
       "sapUiElementBorderCornerRadius",
+      "sapUiContentLabelColor",
       "sapUiMarginSmall",
       "sapUiMarginMedium",
       "sapUiMarginTiny",
@@ -65,7 +66,8 @@ sap.ui.define(
       "sapUiButtonSuccessActiveBackground",
       "sapUiButtonNeutralBackground",
       "sapUiTileBackground",
-      "sapUiExtraLightBG"
+      "sapUiExtraLightBG",
+      "sapUiButtonLiteActionSelectHoverBackground"
     ]);
 
     // Include the css for the control once
@@ -230,13 +232,13 @@ sap.ui.define(
 
     Category.SearchResultList.prototype._startItemNavigation = function () {
       List.prototype._startItemNavigation.apply(this, [false]);
-      if (this._oItemNavigation) {
-        var aTiles = Array.from(this.getDomRef().querySelectorAll(".sapMGT"));
-        if (aTiles.length > 0) {
-          this._oItemNavigation.setItemDomRefs(aTiles);
-        }
+      var iColCount = this._getCurrentColCount();
+      var aTiles = Array.from(this.getDomRef().querySelectorAll(".sapMGT"));
+      if (this._oItemNavigation && iColCount > 1 && aTiles.length > 0) {
+        this._oItemNavigation.setTableMode(false, true).setColumns(iColCount);
+      } else if (this._oItemNavigation) {
+        this._oItemNavigation.setTableMode(false, true).setColumns(iColCount);
       }
-      this._oItemNavigation.setTableMode(false, true).setColumns(this._getCurrentColCount());
     };
 
     Category.prototype.init = function () {
@@ -490,7 +492,8 @@ sap.ui.define(
       this._oList.addStyleClass(sView);
       this._oList.bindItems({
         path: "data>/data",
-        template: oTemplate
+        template: oTemplate,
+        templateShareable: false
       });
     };
 
@@ -558,7 +561,7 @@ sap.ui.define(
     };
 
     Category.prototype.getResultCount = function () {
-      this.getModel("data").getProperty("/count");
+      return this.getModel("data").getProperty("/count");
     };
 
     Category.prototype.getResourceModel = function () {
@@ -683,6 +686,8 @@ sap.ui.define(
     };
 
     Category.prototype.createDefaultItemTemplate = function () {
+      var oAvatar = new Avatar(this.getItemAvatarSettings())
+        .addStyleClass("sapUiSmallMarginBegin");
       var oListItem = new Category.CustomListItem({
         press: this.itemNavigate.bind(this),
         type: "Active",
@@ -693,10 +698,8 @@ sap.ui.define(
               new FlexBox({
                 direction: "Row",
                 items: [
-                  new Avatar(this.getItemAvatarSettings())
-                    .addStyleClass("sapUiSmallMarginBegin"),
-                  new ObjectIdentifier(this.getItemObjectIdentifierSettings())
-                    .addStyleClass("sapUiSmallMarginBeginEnd")
+                  oAvatar,
+                  this.getItemObjectIdentifier()
                 ]
               })
             ]
@@ -706,6 +709,11 @@ sap.ui.define(
       return oListItem;
     };
 
+    Category.prototype.getItemObjectIdentifier = function () {
+      return new ObjectIdentifier(this.getItemObjectIdentifierSettings())
+        .addStyleClass("sapUiSmallMarginBeginEnd");
+    };
+
     Category.prototype.getItemObjectIdentifierSettings = function () {
       return {
         text: "{data>description}",
@@ -792,6 +800,7 @@ sap.ui.define(
             }.bind(this)
           })]
         });
+        this._oNoDataIllustration.addStyleClass("sapUiCEPSearchCatNoDataIllustration");
       }
       if (this._iCurrentCount === 0) {
         if (sType === "NoData") {

package/src/main/js/sap/ushell/components/cepsearchresult/app/util/controls/categories/Application.js

@@ -5,12 +5,16 @@ sap.ui.define(
     "../Category",
     "sap/ushell/services/VisualizationInstantiation",
     "sap/m/Text",
+    "sap/m/Link",
+    "sap/m/FlexBox",
     "sap/ui/thirdparty/jquery"
   ],
   function (
     Category,
     VisualizationInstantiation,
     Text,
+    Link,
+    FlexBox,
     jQuery
   ) {
     "use strict";
@@ -40,32 +44,34 @@ sap.ui.define(
     };
 
     Application.prototype.createListItemTemplate = function () {
-      var oListItem = Category.prototype.createListItemTemplate.apply(this);
+      var oListItem = Category.prototype.createListItemTemplate.apply(this).addStyleClass("sapMLIBHoverable");
 
       // add description as text
       oListItem.getContent()[0].addItem(
         new Text({
-          visible: "{= ${data>visualization/subTitle} ?  true : false}",
-          text: "{= ${data>visualization/subTitle}}"
+          visible: "{= !!${data>longDescription}}",
+          text: "{= ${data>longDescription}}"
         })
+        .addStyleClass("diminishedText")
         .addStyleClass("sapUiSmallMarginBeginEnd")
         .addStyleClass("sapUiTinyMarginTop")
         .addStyleClass("resetHighlight") // not in searchTerm, avoid highlighting
       );
-
-      // add providerInfo and info as text
       oListItem.getContent()[0].addItem(
-        new Text({
-          visible: "{= ${data>contentProviderLabel} || ${data>info} ? true : false}",
-          text: "{= ( ${data>contentProviderLabel} ? ${data>contentProviderLabel}.toUpperCase() : '' ) + " +
-                "( ${data>contentProviderLabel} && ${data>visualization/info} ? ' | ' : '' ) + " +
-                "( ${data>visualization/info} ? ${data>visualization/info} : '') }"
-        })
-        .addStyleClass("sapUiSmallMarginBeginEnd")
-        .addStyleClass("sapUiTinyMarginTop")
-        .addStyleClass("resetHighlight") // not in searchTerm, avoid highlighting
+        new FlexBox({
+          items: {
+            path: "data>visualization/keywords",
+            templateShareable: true,
+            template: new Text({
+              visible: "{= !!${data>}}",
+              text: "{= ${data>}}"
+            })
+            .addStyleClass("diminishedText")
+            .addStyleClass("keywordText")
+            .addStyleClass("sapUiTinyMarginEnd")
+          }
+        }).addStyleClass("sapUiSmallMarginBeginEnd")
       );
-
       oListItem.attachModelContextChange(this.addTile.bind(this));
       return oListItem;
     };
@@ -77,7 +83,10 @@ sap.ui.define(
     };
 
     Application.prototype.createTileItemTemplate = function () {
-      var oListItem = new Category.CustomListItem({});
+      var oListItem = new Category.CustomListItem({
+        type: "Active",
+        press: this.itemNavigate.bind(this)
+      });
       oListItem.attachModelContextChange(this.addTile.bind(this));
       return oListItem;
     };
@@ -102,7 +111,17 @@ sap.ui.define(
           this.activateTile(oViz, true, iTileActivationTime);
         } else {
           // render a hidden tile to trigger event in itemNavigate
-          oItem.addContent(oViz.addStyleClass("hiddentile"));
+          oItem.getContent()[0].getItems()[0].addItem(oViz.addStyleClass("hiddentile"));
+          var oAvatar = oItem.getContent()[0].getItems()[0].getItems()[0];
+          // Ugly hack to force the avatar to rerender as the data binding does not work properly
+          oItem.addDelegate({
+            onAfterRendering: function () {
+              setTimeout(function() {
+                oAvatar.setSrc(oAvatar.getSrc());
+                oAvatar.invalidate();
+              }, 5);
+            }
+          });
         }
       }
     };
@@ -119,15 +138,46 @@ sap.ui.define(
     };
 
     Application.prototype.itemNavigate = function (oEvent) {
+      if (this.bIgnoreNextItemNavigation) {
+        this.bIgnoreNextItemNavigation = false;
+        return;
+      }
       if (this.isLoading()) {
         return;
       }
       var oItem = oEvent.getSource();
-      if (oItem.isA("sap.m.ObjectIdentifier")) {
-        oItem = oItem.getParent().getParent().getParent();
-      }
       // trigger a tap event on the hidden tile
-      jQuery(oItem._oViz.getDomRef().querySelector("a")).trigger("tap");
+      this.bIgnoreNextItemNavigation = oItem.isA("sap.m.CustomListItem");
+      while (oItem && !oItem.isA("sap.m.CustomListItem")) {
+        oItem = oItem.getParent();
+      }
+      if (!oItem && !oItem._oViz) {
+        return;
+      }
+
+      oItem._oViz.getDomRef().querySelector("a").click();
+    };
+
+    Application.prototype.getItemObjectIdentifier = function () {
+      return new FlexBox({
+        direction: "Column",
+        items: [
+          new FlexBox({
+            items: [
+              new Link({ text: "{data>title}", press: this.itemNavigate.bind(this) }).addStyleClass("appTitleText"),
+              new Text({ text: "–", visible: "{= !!${data>title} && !!${data>description}}"}).addStyleClass("appTitleSeparator"),
+              new Text({ text: "{data>description}" }).addStyleClass("appDescriptionText")
+            ]
+          }).addStyleClass("appTitle"),
+          new FlexBox({
+            items: [
+              new Text({ text: "{data>contentProviderLabel}" }).addStyleClass("appProviderText").addStyleClass("diminishedText"),
+              new Text({ text: " • ", visible: "{= !!${data>contentProviderLabel} && !!${data>visualization/info}}"}).addStyleClass("appProviderInfoSeparator").addStyleClass("diminishedText"),
+              new Text({ text: "{data>visualization/info}", visible: "{= !!${data>visualization/info}}"}).addStyleClass("appInfoText").addStyleClass("diminishedText")
+            ]
+          }).addStyleClass("appProvider")
+        ]
+      }).addStyleClass("appObjectIdentifier");
     };
 
     Application.prototype._getSearchParameters = function (sSearchTerm, iSkip, iTop) {
@@ -162,7 +212,7 @@ sap.ui.define(
     Application.prototype.fetchData = function (sSearchTerm, iSkip, iTop) {
       return this.getMaxRowItemsAsync().then(function (iMaxRowItems) {
         var iMaxTop = Math.ceil(iTop / iMaxRowItems) * iMaxRowItems;
-        return this.getData(this._getSearchParameters(sSearchTerm, iSkip, iMaxTop)).then(function(oData) {
+        return this.getData(this._getSearchParameters(sSearchTerm, iSkip, iMaxTop)).then(function (oData) {
           var aData = oData.data;
           aData.forEach(function (o, i) {
             if (aData.length > iTop && o.visualization.displayFormatHint === "standardWide") {

package/src/main/js/sap/ushell/components/cepsearchresult/app/util/i18n/i18n_ar.properties

@@ -37,7 +37,7 @@ CATEGORIES.Task.Title=\u0627\u0644\u0645\u0647\u0627\u0645
 CATEGORIES.Task.ShortTitle=\u0627\u0644\u0645\u0647\u0627\u0645
 CATEGORIES.Task.Card.Title=\u0627\u0644\u0645\u0647\u0627\u0645
 CATEGORIES.Task.Card.SubTitle=
-CATEGORIES.Task.LoadingData=\u062C\u0627\u0631\u064D \u0627\u0644\u0628\u062D\u062B \u0639\u0646 \u0627\u0644\u0645\u0647\u0627\u0645...
+CATEGORIES.Task.LoadingData=\u062C\u0627\u0631\u064D \u0627\u0644\u0628\u062D\u062B \u0639\u0646 \u0645\u0647\u0627\u0645...
 CATEGORIES.Task.NoData=\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u0645\u0647\u0627\u0645 \u0645\u0637\u0627\u0628\u0642\u0629
 CATEGORIES.Forum.Title=\u0627\u0644\u0645\u0646\u062A\u062F\u064A\u0627\u062A
 CATEGORIES.Forum.ShortTitle=\u0627\u0644\u0645\u0646\u062A\u062F\u064A\u0627\u062A
@@ -79,7 +79,7 @@ CATEGORIES.BusinessRecord.Title=\u0633\u062C\u0644\u0627\u062A \u062A\u062C\u062
 CATEGORIES.BusinessRecord.ShortTitle=\u0627\u0644\u0633\u062C\u0644\u0627\u062A
 CATEGORIES.BusinessRecord.Card.Title=\u0633\u062C\u0644\u0627\u062A \u062A\u062C\u0627\u0631\u064A\u0629
 CATEGORIES.BusinessRecord.Card.SubTitle=
-CATEGORIES.BusinessRecord.LoadingData=\u062C\u0627\u0631\u064D \u0627\u0644\u0628\u062D\u062B \u0639\u0646 \u0633\u062C\u0644\u0627\u062A \u062A\u062C\u0627\u0631\u064A\u0629...
+CATEGORIES.BusinessRecord.LoadingData=\u062C\u0627\u0631\u064D \u0627\u0644\u0628\u062D\u062B \u0639\u0646 \u0633\u062C\u0644\u0627\u062A \u0627\u0644\u0623\u0639\u0645\u0627\u0644...
 CATEGORIES.BusinessRecord.NoData=\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u0633\u062C\u0644\u0627\u062A \u062A\u062C\u0627\u0631\u064A\u0629 \u0645\u0637\u0627\u0628\u0642\u0629
 
 CATEGORIES.Document.Title=\u0627\u0644\u0645\u0633\u062A\u0646\u062F\u0627\u062A

package/src/main/js/sap/ushell/components/cepsearchresult/app/util/i18n/i18n_bg.properties

@@ -3,7 +3,7 @@ CATEGORIES.All.ShortTitle=\u0412\u0441\u0438\u0447\u043A\u0438
 CATEGORIES.All.Card.Title=\u0420\u0435\u0437\u0443\u043B\u0442\u0430\u0442\u0438 \u043E\u0442 \u0442\u044A\u0440\u0441\u0435\u043D\u0435
 CATEGORIES.All.Card.SubTitle=
 CATEGORIES.All.LoadingData=\u0422\u044A\u0440\u0441\u0435\u043D\u0435
-CATEGORIES.All.NoData=\u041D\u0435 \u0441\u0430 \u043D\u0430\u043C\u0435\u0440\u0435\u043D\u0438 \u0441\u044A\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F
+CATEGORIES.All.NoData=\u041D\u0435 \u0441\u0430 \u043D\u0430\u043C\u0435\u0440\u0435\u043D\u0438 \u0441\u044A\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u044F
 CATEGORIES.App.Title=\u0417\u0430\u044F\u0432\u043B\u0435\u043D\u0438\u044F
 CATEGORIES.App.ShortTitle=\u041F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F
 CATEGORIES.App.Card.Title=\u0417\u0430\u044F\u0432\u043B\u0435\u043D\u0438\u044F
@@ -37,37 +37,37 @@ CATEGORIES.Task.Title=\u0417\u0430\u0434\u0430\u0447\u0438
 CATEGORIES.Task.ShortTitle=\u0417\u0430\u0434\u0430\u0447\u0438
 CATEGORIES.Task.Card.Title=\u0417\u0430\u0434\u0430\u0447\u0438
 CATEGORIES.Task.Card.SubTitle=
-CATEGORIES.Task.LoadingData=\u0422\u044A\u0440\u0441\u0438 \u0437\u0430\u0434\u0430\u0447\u0438...
+CATEGORIES.Task.LoadingData=\u0422\u044A\u0440\u0441\u0435\u043D\u0435 \u043D\u0430 \u0437\u0430\u0434\u0430\u0447\u0438...
 CATEGORIES.Task.NoData=\u041D\u044F\u043C\u0430 \u043E\u0442\u043A\u0440\u0438\u0442\u0438 \u0441\u044A\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0430\u0449\u0438 \u0437\u0430\u0434\u0430\u0447\u0438
 CATEGORIES.Forum.Title=\u0424\u043E\u0440\u0443\u043C\u0438
 CATEGORIES.Forum.ShortTitle=\u0424\u043E\u0440\u0443\u043C\u0438
 CATEGORIES.Forum.Card.Title=\u0424\u043E\u0440\u0443\u043C\u0438
 CATEGORIES.Forum.Card.SubTitle=
-CATEGORIES.Forum.LoadingData=\u0422\u044A\u0440\u0441\u0438 \u0444\u043E\u0440\u0443\u043C\u0438...
+CATEGORIES.Forum.LoadingData=\u0422\u044A\u0440\u0441\u0435\u043D\u0435 \u043D\u0430 \u0444\u043E\u0440\u0443\u043C\u0438...
 CATEGORIES.Forum.NoData=\u041D\u044F\u043C\u0430 \u043E\u0442\u043A\u0440\u0438\u0442\u0438 \u0441\u044A\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0430\u0449\u0438 \u0444\u043E\u0440\u0443\u043C\u0438
 CATEGORIES.KnowledgeBase.Title=\u0421\u0442\u0430\u0442\u0438\u0438 \u043E\u0442 \u0431\u0430\u0437\u0430 \u0437\u043D\u0430\u043D\u0438\u044F
 CATEGORIES.KnowledgeBase.ShortTitle=\u0411\u0430\u0437\u0430 \u0437\u043D\u0430\u043D\u0438\u044F
 CATEGORIES.KnowledgeBase.Card.Title=\u0421\u0442\u0430\u0442\u0438\u0438 \u043E\u0442 \u0431\u0430\u0437\u0430 \u0437\u043D\u0430\u043D\u0438\u044F
 CATEGORIES.KnowledgeBase.Card.SubTitle=
-CATEGORIES.KnowledgeBase.LoadingData=\u0422\u044A\u0440\u0441\u0435\u043D\u0435 \u043D\u0430 \u0441\u0442\u0430\u0442\u0438\u0438 \u043E\u0442 \u0431\u0430\u0437\u0430 \u0437\u043D\u0430\u043D\u0438\u044F
+CATEGORIES.KnowledgeBase.LoadingData=\u0422\u044A\u0440\u0441\u0435\u043D\u0435 \u043D\u0430 \u0441\u0442\u0430\u0442\u0438\u0438 \u043E\u0442 \u0431\u0430\u0437\u0430 \u0437\u043D\u0430\u043D\u0438\u044F...
 CATEGORIES.KnowledgeBase.NoData=\u041D\u044F\u043C\u0430 \u043E\u0442\u043A\u0440\u0438\u0442\u0438 \u0441\u044A\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0430\u0449\u0438 \u0441\u0442\u0430\u0442\u0438\u0438 \u043E\u0442 \u0431\u0430\u0437\u0430 \u0437\u043D\u0430\u043D\u0438\u044F
 CATEGORIES.Tag.Title=\u0422\u0430\u0433\u043E\u0432\u0435
 CATEGORIES.Tag.ShortTitle=\u0422\u0430\u0433\u043E\u0432\u0435
 CATEGORIES.Tag.Card.Title=\u0422\u0430\u0433\u043E\u0432\u0435
 CATEGORIES.Tag.Card.SubTitle=
-CATEGORIES.Tag.LoadingData=\u0422\u044A\u0440\u0441\u0438 \u0442\u0430\u0433\u043E\u0432\u0435...
+CATEGORIES.Tag.LoadingData=\u0422\u044A\u0440\u0441\u0435\u043D\u0435 \u043D\u0430 \u0442\u0430\u0433\u043E\u0432\u0435...
 CATEGORIES.Tag.NoData=\u041D\u044F\u043C\u0430 \u043E\u0442\u043A\u0440\u0438\u0442\u0438 \u0441\u044A\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0430\u0449\u0438 \u0442\u0430\u0433\u043E\u0432\u0435
 CATEGORIES.WorkPage.Title=\u0420\u0430\u0431.\u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0438
 CATEGORIES.WorkPage.ShortTitle=\u0420\u0430\u0431.\u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0438
 CATEGORIES.WorkPage.Card.Title=\u0420\u0430\u0431.\u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0438
 CATEGORIES.WorkPage.Card.SubTitle=
-CATEGORIES.WorkPage.LoadingData=\u0422\u044A\u0440\u0441\u0438 \u0440\u0430\u0431\u043E\u0442\u043D\u0438 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0438...
+CATEGORIES.WorkPage.LoadingData=\u0422\u044A\u0440\u0441\u0435\u043D\u0435 \u043D\u0430 \u0440\u0430\u0431\u043E\u0442\u043D\u0438 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0438...
 CATEGORIES.WorkPage.NoData=\u041D\u044F\u043C\u0430 \u043E\u0442\u043A\u0440\u0438\u0442\u0438 \u0441\u044A\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0430\u0449\u0438 \u0440\u0430\u0431\u043E\u0442\u043D\u0438 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0438
 CATEGORIES.WorkSpace.Title=\u0420\u0430\u0431. \u043E\u0431\u043B\u0430\u0441\u0442\u0438
 CATEGORIES.WorkSpace.ShortTitle=\u0420\u0430\u0431. \u043E\u0431\u043B\u0430\u0441\u0442\u0438
 CATEGORIES.WorkSpace.Card.Title=\u0420\u0430\u0431. \u043E\u0431\u043B\u0430\u0441\u0442\u0438
 CATEGORIES.WorkSpace.Card.SubTitle=
-CATEGORIES.WorkSpace.LoadingData=\u0422\u044A\u0440\u0441\u0438 \u0440\u0430\u0431\u043E\u0442\u043D\u0438 \u043E\u0431\u043B\u0430\u0441\u0442\u0438...
+CATEGORIES.WorkSpace.LoadingData=\u0422\u044A\u0440\u0441\u0435\u043D\u0435 \u043D\u0430 \u0440\u0430\u0431\u043E\u0442\u043D\u0438 \u043E\u0431\u043B\u0430\u0441\u0442\u0438...
 CATEGORIES.WorkSpace.NoData=\u041D\u044F\u043C\u0430 \u043E\u0442\u043A\u0440\u0438\u0442\u0438 \u0441\u044A\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0430\u0449\u0438 \u0440\u0430\u0431\u043E\u0442\u043D\u0438 \u043E\u0431\u043B\u0430\u0441\u0442\u0438
 CATEGORIES.Comment.Title=\u041A\u043E\u043C\u0435\u043D\u0442\u0430\u0440\u0438
 CATEGORIES.Comment.ShortTitle=\u041A\u043E\u043C\u0435\u043D\u0442\u0430\u0440\u0438
@@ -93,7 +93,7 @@ CATEGORIES.Video.Title=\u0412\u0438\u0434\u0435\u0430
 CATEGORIES.Video.ShortTitle=\u0412\u0438\u0434\u0435\u0430
 CATEGORIES.Video.Card.Title=\u0412\u0438\u0434\u0435\u0430
 CATEGORIES.Video.Card.SubTitle=
-CATEGORIES.Video.LoadingData=\u0422\u044A\u0440\u0441\u0435\u043D\u0435 \u043D\u0430 \u0432\u0438\u0434\u0435\u0430...
+CATEGORIES.Video.LoadingData=\u0422\u044A\u0440\u0441\u0435\u043D\u0435 \u043D\u0430 \u0432\u0438\u0434\u0435\u043E\u043A\u043B\u0438\u043F\u043E\u0432\u0435...
 CATEGORIES.Video.NoData=\u041D\u0435 \u0441a \u043D\u0430\u043C\u0435\u0440\u0435\u043D\u0438 \u0441\u044A\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0430\u0449\u0438 \u0432\u0438\u0434\u0435\u0430
 
 CATEGORIES.All.ViewAll=\u041F\u043E\u043A\u0430\u0437\u0432\u0430\u043D\u0435 \u043D\u0430 \u0432\u0441\u0438\u0447\u043A\u0438

package/src/main/js/sap/ushell/components/cepsearchresult/app/util/i18n/i18n_ca.properties

@@ -49,7 +49,7 @@ CATEGORIES.KnowledgeBase.Title=Articles BD de coneixements
 CATEGORIES.KnowledgeBase.ShortTitle=BD coneix.
 CATEGORIES.KnowledgeBase.Card.Title=Articles BD de coneixements
 CATEGORIES.KnowledgeBase.Card.SubTitle=
-CATEGORIES.KnowledgeBase.LoadingData=S'estan cercant articles BD de coneixements...
+CATEGORIES.KnowledgeBase.LoadingData=S'estan cercant articles de la base de dades de coneixements...
 CATEGORIES.KnowledgeBase.NoData=No s'ha trobat cap article de BD de coneixements
 CATEGORIES.Tag.Title=Etiquetes
 CATEGORIES.Tag.ShortTitle=Etiquetes
@@ -98,10 +98,10 @@ CATEGORIES.Video.NoData=No s'ha trobat cap v\u00EDdeo coincident
 
 CATEGORIES.All.ViewAll=Veure-ho tot
 
-FILTERS.Tags.Label=Etiquetes/Paraules clau
+FILTERS.Tags.Label=Etiquetes/paraules clau
 FILTERS.Tags.Description=Filtrar per etiq.i par.clau
 
-FILTERS.System.Label=Sistema/Prove\u00EFdor
+FILTERS.System.Label=Sistema/prove\u00EFdor
 FILTERS.System.Description=Filtrar a sist.connectats esp.
 
 FILTERS.Modified.Label=Modificat