@sapui5/sap.suite.ui.generic.template 1.124.2 → 1.126.0

package/src/sap/suite/ui/generic/template/listTemplates/fragments/DetailSmartTable.fragment.xml

@@ -4,17 +4,19 @@
 	template:require="{ AH: 'sap/suite/ui/generic/template/js/AnnotationHelper',
 						AHModel: 'sap/ui/model/odata/AnnotationHelper', 
 						ALPHelper: 'sap/suite/ui/generic/template/AnalyticalListPage/util/AnnotationHelper', 
-						AHMultipleViews:'sap/suite/ui/generic/template/js/AnnotationHelperMultipleViews'}">
+						AHMultipleViews:'sap/suite/ui/generic/template/js/AnnotationHelperMultipleViews',
+						StableIdHelper: 'sap/suite/ui/generic/template/js/StableIdHelper'}">
 
 	<template:with path="entityType&gt;com.sap.vocabularies.UI.v1.HeaderInfo" var="header">
 		<template:with path="tableAnnotationPath>" var="collection">
 			<template:with path="entitySet&gt;dummy" var="facet">
 			<template:with path="entitySet&gt;dummy" var="chartItem">
-				<template:with path="parameter>/" helper="sap.suite.ui.generic.template.js.StableIdHelper.preparePathForStableId" var="smartControlId">
+				<template:with path="parameter>/" helper="StableIdHelper.preparePathForStableId" var="smartControlId">
 					<template:with path="parameter>/settings/keyPerformanceIndicators" helper="ALPHelper.getFilterableKPIs" var="kpiContext">
 						<template:with path="kpiContext>filterableKPIs" var="kpis">
 						<template:if test="{= ${smartControlId>}.buildStableId({type: 'ALPTable', subType: 'SmartTable', sQuickVariantKey: ${tabItem>key}})}" />
 							<smarttable:SmartTable
+									core:require="{setRowNavigated: 'sap/suite/ui/generic/template/js/formatters/setRowNavigated'}"
 									id="{smartControlId>id}"
 									smartFilterId="template::SmartFilterBar"
 									visible="{path: 'tabItem>', formatter: 'AHMultipleViews.getVisibleForALPTableTabs'}"
@@ -107,7 +109,6 @@
 										<!-- ANALYTICAL TABLE -->
 										<table:AnalyticalTable id="{:= ${parameter>/stableId}.getStableId({type: 'ALPTable', subType: 'AnalyticalTable', sQuickVariantKey: ${tabItem>key}})}" 
 											visibleRowCountMode="Auto" enableColumnReordering="true" 
-											showColumnVisibilityMenu="false"  
 											enableColumnFreeze="true" 
 											enableCellFilter="true" 
 											rowActionCount="{= ${_templPriv&gt;/listReport/isLeaf} ? 0 : 1 }" 
@@ -130,7 +131,6 @@
 										<table:Table id="{:= ${parameter>/stableId}.getStableId({type: 'ALPTable', subType: 'GridTable', sQuickVariantKey: ${tabItem>key}})}" 
 											visibleRowCountMode="Auto" 
 											enableColumnReordering="true" 
-											showColumnVisibilityMenu="false" 
 											enableColumnFreeze="true" 
 											enableCellFilter="true" 
 											rowActionCount="{= ${_templPriv&gt;/listReport/isLeaf} ? 0 : 1 }" 
@@ -157,7 +157,6 @@
 											id="{:= ${parameter>/stableId}.getStableId({type: 'ALPTable', subType: 'TreeTable', sQuickVariantKey: ${tabItem>key}})}" 
 											visibleRowCountMode="Auto" 
 											enableColumnReordering="true" 
-											showColumnVisibilityMenu="false" 
 											enableColumnFreeze="true" 
 											enableCellFilter="true" 
 											rowActionCount="{= ${_templPriv&gt;/listReport/isLeaf} ? 0 : 1 }" 
@@ -185,19 +184,19 @@
 											mode="{tableSettings>mode}" 
 											selectionChange="._templateEventHandlers.onRowSelectionChange" 
 											beforeOpenContextMenu="._templateEventHandlers.beforeOpenContextMenu($event, '{smartControlId>id}')"
-											sticky="ColumnHeaders,HeaderToolbar" 
+											sticky="ColumnHeaders,HeaderToolbar,InfoToolbar" 
 											multiSelectMode="{= (${tableSettings>multiSelect} &amp;&amp; ${tableSettings>selectAll}) ? 'SelectAll' : 'ClearAll'}">
 											<template:with path="entitySet>" var="listEntitySet">
 												<core:Fragment fragmentName="sap.suite.ui.generic.template.fragments.TableColumns" type="XML" />
 												<!-- The cloumnListItem added below for the semantic coloring of the table columns overrides the type and press properties of the columnListItem present in the common table column fragment used by responsive table. Hence we are reintroducing them here -->
 												<items>
-													<ColumnListItem highlight="None" id="{:= ${parameter>/stableId}.getStableId({type: 'ALPTable', subType: 'ColumnListItem', sQuickVariantKey: ${tabItem>key}})}" type="{parts: [{path: 'entitySet&gt;'}, {path: 'parameter&gt;/settings/subPages/'}, {path: 'parameter&gt;/manifest/'}, {path: 'parameter&gt;/treeNode/'}, {path:'parameter&gt;/isDraftEnabled'}, {path: 'facet&gt;Target/AnnotationPath'}], formatter: 'AH.getColumnListItemType'}" press="._templateEventHandlers.onListNavigate" navigated="{parts: [{path: '_templPriv>/generic/currentActiveChildContext'}, {path: ''}], formatter: 'sap.suite.ui.generic.template.js.RuntimeFormatters.setRowNavigated'}" >
+													<ColumnListItem highlight="None" id="{:= ${parameter>/stableId}.getStableId({type: 'ALPTable', subType: 'ColumnListItem', sQuickVariantKey: ${tabItem>key}})}" type="{parts: [{path: 'entitySet&gt;'}, {path: 'parameter&gt;/settings/subPages/'}, {path: 'parameter&gt;/manifest/'}, {path: 'parameter&gt;/treeNode/'}, {path:'parameter&gt;/isDraftEnabled'}, {path: 'facet&gt;Target/AnnotationPath'}], formatter: 'AH.getColumnListItemType'}" press="._templateEventHandlers.onListNavigate" navigated="{parts: [{path: '_templPriv>/generic/currentActiveChildContext'}, {path: ''}], formatter: 'setRowNavigated'}" >
 														<customData>
 															<core:CustomData key="CrossNavigation" value="{parts: [{path: 'listEntitySet>name'}, {path: 'parameter>/settings/subPages/'}, {path: 'facet>Target/AnnotationPath'}], formatter: 'AH.getDisplayNavigationIntent'}" />
 														</customData>
 														<cells>
 															<template:repeat list="{collection>}" var="lineItems">
-																<template:with path="parameter>/" helper="sap.suite.ui.generic.template.js.StableIdHelper.preparePathForStableId" var="columnId">
+																<template:with path="parameter>/" helper="StableIdHelper.preparePathForStableId" var="columnId">
 																	<template:if test="{= ${lineItems>RecordType} === 'com.sap.vocabularies.UI.v1.DataField' }">
 																		<template:then>
 																			<template:if test="{= ${columnId>}.buildStableId({type: 'TableColumn', subType: 'DataField', sSmartTableId: ${smartControlId>id}, sProperty: ${lineItems>Value/Path}})}" />

package/src/sap/suite/ui/generic/template/listTemplates/fragments/SmartTableToolbar.fragment.xml

@@ -20,7 +20,7 @@
 		<template:if test="{= !${parameter>/settings/quickVariantSelectionX} &amp;&amp; (${parameter>/settings/showAutoHide} !== false) }">
 			<SegmentedButton
 				selectedKey="{_templPriv>/alp/autoHide}"
-				select="._templateEventHandlers.onAutoHideToggle">
+				selectionChange="._templateEventHandlers.onAutoHideToggle">
 				<items>
 					<SegmentedButtonItem
 						tooltip="{i18n>CHARTTABLE_AUTOHIDE_OFF}"

package/src/sap/suite/ui/generic/template/listTemplates/i18n/i18n_sh.properties

@@ -1,2 +1,2 @@
 
-ST_LIST_DISPLAY_TEXT_FOR_EXECUTE_ON_SELECTION=Ako su dostupne prethodno definisane vrijednosti filtera, sadr\u017Eaj se u\u010Ditava automatski.
+ST_LIST_DISPLAY_TEXT_FOR_EXECUTE_ON_SELECTION=Ako su dostupne prethodno definisane vrednosti filtera, sadr\u017Eaj se u\u010Ditava automatski.

package/src/sap/suite/ui/generic/template/themes/sap_belize/library.source.less

@@ -1,4 +1,13 @@
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../../../../sap/ui/core/themes/sap_belize/base.less";
 @import "../../../../../../../sap/ui/core/themes/sap_belize/global.less";
 

package/src/sap/suite/ui/generic/template/themes/sap_belize_base/ALPConstants.less

@@ -0,0 +1,47 @@
+/* KPI TAG */
+@_sap_suite_ui_generic_template_ALPConstants_KpiCardMinHeight: 37.5rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiCardMinWidth: 25rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerMarginLeft : 21px;
+@_sap_suite_ui_generic_template_ALPConstants_KpiErrorPopOverContainerPadding : 10px;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagPaddingLeftRight: 0.75rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagCompactPaddingTopBottom: 0rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagCozyPaddingTopBottom: 0rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerHeightCompact : 2rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerHeightCozy : 3rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagHeightCozy: 2.25rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagCozyMarginTopBottom:0rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagHeightCompact: 1.625rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagLineHeight: 1.4;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagMinWidth: 4.5rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagMarginTopBottom: 0rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagBorderWidth: 1px 1px 1px 3px;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftMargin: 0rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftPadding: 1rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagMarginInOverflow: 0.4rem 0.2rem 0.5rem 0.1rem;
+
+/* VF */
+@_sap_suite_ui_generic_template_ALPConstants_VisualFilterMargin: 0 0.0625rem 0.0625rem 0.0625rem;
+@_sap_suite_ui_generic_template_ALPConstants_ChartTitlePadding: 0 0 0.5rem 0.25rem;
+@_sap_suite_ui_generic_template_ALPConstants_VisualFilterChartHeight: 10rem;
+@_sap_suite_ui_generic_template_ALPConstants_VisualFilterPadding: 0 0 0 1rem;
+@_sap_suite_ui_generic_template_ALPConstants_VisualFilterToolbarMargin : 2rem;
+@_sap_suite_ui_generic_template_ALPConstants_VisualFilterToolbarSapMiBarMargin : 1.25rem;
+@_sap_suite_ui_generic_template_ALPConstants_VisualFilterToolbarClosed : 1rem;
+@_sap_suite_ui_generic_template_ALPConstants_VFOverflowOpacity: 1.0;
+@_sap_suite_ui_generic_template_ALPConstants_VFOverflowFontSize: 0.875rem;
+@_sap_suite_ui_generic_template_ALPConstants_SelectedLinkDialogWidth: 15rem;
+@_sap_suite_ui_generic_template_ALPConstants_BackgroundColorNone: none;
+@_sap_suite_ui_generic_template_ALPConstants_BackgroundOpacity: .5;
+@_sap_suite_ui_generic_template_ALPConstants_ShowSelectedPadding: .25rem;
+
+
+
+
+/* ALP PAGE */
+@_sap_suite_ui_generic_template_ALPConstants_ToolbarMarginBottom : 0.75rem;
+@_sap_suite_ui_generic_template_ALPConstants_PageTitlePadding : 0 2rem 0.5rem 2.4rem;
+@_sap_suite_ui_generic_template_ALPConstants_PageChartTitlePadding: 0.2rem 0 0.5rem 0.15rem;
+@_sap_suite_ui_generic_template_ALPConstants_PageHeadingPadding : 0.5rem 2.75rem 0.5rem 1.8rem;
+@_sap_suite_ui_generic_template_ALPConstants_PageContentPadding : 1rem 2rem 1rem 2rem;
+@_sap_suite_ui_generic_template_ALPConstants_ZeroPadding : 0 0 0 0;
+@_sap_suite_ui_generic_template_ALPConstants_PageChartMinHeight : 15rem;

package/src/sap/suite/ui/generic/template/themes/sap_belize_base/AnalyticalListPage.less

@@ -0,0 +1,475 @@
+
+@import "ALPConstants.less";
+
+.sapSmartTemplatesAnalyticalListPageContentContainer{
+	.sapMBtnTransparent.sapMSegBBtnSel>.sapMBtnIcon {
+		color: @sapHighlightTextColor;
+	}
+    .sapMIBar>.sapMBarChild.sapMSegB:last-child{
+		margin-right: 0;
+    }
+}
+
+.sapSmartTemplatesAnalyticalListPageMasterExtension {
+	overflow: hidden;
+}
+
+.sapSmartTemplatesAnalyticalListPageFilterContainer.sapUiVlt{
+	display:block;
+	overflow:inherit;
+}
+
+.sapSmartTemplatesAnalyticalListPageChartContainer {
+	min-height: @_sap_suite_ui_generic_template_ALPConstants_PageChartMinHeight;
+}
+.sapSmartTemplatesAnalyticalListPageInheritHeight{
+	height:inherit;
+}
+.sapSmartTemplatesAnalyticalListPageCompactFilter {
+	border-bottom: none;
+}
+.sapSmartTemplatesAnalyticalListPageVFDialogChartTitle {
+	padding-left: 0.4rem;
+}
+.sap-desktop .sapSmartTemplatesAnalyticalListPageVFDialogChartTitle {
+	padding-left: 0.4rem;
+	max-width: 60%;
+}
+
+.sapSmartTemplatesAnalyticalListPageVFDialogGroupTitle {
+	font-family: @sapUiFontHeaderFamily; 
+	font-size: @sapMFontHeader5Size !important;
+	font-weight: @sapUiFontHeaderWeight; 
+	color: @sapUiGroupTitleTextColor;
+}
+
+.sapSmartTemplatesAnalyticalListPageDynamicPageTitle>.sapFDynamicPageTitleMain.sapFDynamicPageTitleMainNoContent>.sapFDynamicPageTitleMainLeft {
+	width: 59% !important;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageDynamicPageTitleMargin>.sapFDynamicPageTitleMain>.sapFDynamicPageTitleMainLeft {
+	margin-top: 3px;
+	.sapUiCompVarMngmt {
+		margin-right: 1rem;
+		height: 2.4365rem;
+	}
+}
+.sapSmartTemplatesAnalyticalListPageDynamicPageTitle>.sapFDynamicPageTitleMain.sapFDynamicPageTitleMainNoContent>.sapFDynamicPageTitleMainRight {
+	width: 41% !important;
+}
+/***** Required end *****/
+
+/***** UI Tweaks start *****/
+
+.sapUiCompSmartFullScreenDialog{
+	.sapSmartTemplatesAnalyticalListPageContentContainer{
+		.sapMTB{
+			border-bottom-color: @sapUiChartBackgroundColor;
+ 		}
+	}
+}
+
+.sapSmartTemplatesAnalyticalListPageFilterDialogToolbar.sapMTB{
+	border-bottom-color: @sapUiChartBackgroundColor;
+}
+
+.sapSmartTemplatesAnalyticalListPageSmartChart{
+	.sapMTB{
+		border-bottom-color: @sapUiChartBackgroundColor;
+	}
+}
+.sapMListBGTranslucent{
+	.sapSmartTemplatesAnalyticalListPageRowHighlighted.sapMLIB.sapMListTblRow{
+		background-color: @sapUiListSelectionBackgroundColor !important;
+		> td{ 
+			border-bottom: .0625rem solid @sapUiListSelectionBorderColor;
+		}
+	}
+}
+.sapSmartTemplatesAnalyticalListPageRowHighlighted{
+	background-color: @sapUiListSelectionBackgroundColor !important;
+	.sapUiTableCell{
+		border-bottom: .0625rem solid @sapUiListSelectionBorderColor;
+		&.sapUiTableRowSelectionCell{
+			box-shadow: none !important;
+		}
+	}
+}
+
+.sapSmartTemplatesAnalyticalListPageDropdownDialogCancelButton.sapUiIcon{
+    margin-right: @_sap_suite_ui_generic_template_ALPConstants_ShowSelectedPadding !important;
+	padding: @_sap_suite_ui_generic_template_ALPConstants_ShowSelectedPadding !important;
+}
+.sapSmartTemplatesAnalyticalListPageShowSelectedSelectAllDisabled{
+	opacity: @_sap_suite_ui_generic_template_ALPConstants_BackgroundOpacity;
+	background: @sapUiButtonLiteBackground;
+}
+.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog .sapMTB-Info-CTX.sapMTB{
+	padding: 0 0.25rem !important;
+}
+.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog .sapMLIB{
+	padding:0 .75rem 0 .75rem;
+}
+.sapUiTableCtrl{
+	.sapUiTableGroupHeader.sapSmartTemplatesAnalyticalListPageRowHighlighted{
+		background-color: @sapUiListSelectionBackgroundColor;
+	}
+}
+
+.sapUiTableRowHdr.sapUiTableGroupHeader.sapSmartTemplatesAnalyticalListPageRowHighlighted{
+	background-color: @sapUiListSelectionBackgroundColor;
+}
+
+.sapUiTable{
+	.sapUiTableCtrl{
+		.sapUiTableRowHvr.sapSmartTemplatesAnalyticalListPageRowHighlighted{
+			> td{
+				background-color: @sapUiListSelectionBackgroundColor;
+			}
+	   	}
+	}
+	.sapUiTableRowHdr.sapUiTableGroupHeader.sapUiTableRowHvr.sapSmartTemplatesAnalyticalListPageRowHighlighted{
+		background-color: @sapUiListSelectionBackgroundColor;
+	}
+}
+
+.sapSmartTemplatesAnalyticalListPageTableContainer>.sapUiCompSmartTable{
+    .sapMTB{
+		margin-bottom: @_sap_suite_ui_generic_template_ALPConstants_ToolbarMarginBottom;
+		border-bottom-color: @sapUiChartBackgroundColor;
+	}
+}
+.sapSmartTemplatesAnalyticalListPageVisualFilterBar{
+    .ui5-viz-controls-viz-frame{
+    	.v-datapoint-group{
+        	.v-datapoint{
+            	> rect{
+                    rx: 3px;
+                    ry: 3px;
+                }
+            }
+        }
+    }
+    .sapMHdrCntrItemCntr.sapMHrdrCntrInner {
+    	vertical-align: top;
+    	height: 11rem;
+    }
+    height: 11rem !important;
+}
+
+.sapSmartTemplatesAnalyticalListPageVisualFilterBarCozy {
+   .ui5-viz-controls-viz-frame{
+    	.v-datapoint-group{
+        	.v-datapoint{
+            	> rect{
+                    rx: 3px;
+                    ry: 3px;
+                }
+            }
+        }
+    }
+    .sapMHdrCntrItemCntr.sapMHrdrCntrInner {
+    	vertical-align: top;
+    	height: 14rem;
+    }
+    height: 14rem !important;
+}
+.sapSmartTemplatesAnalyticalListPageVisualFilterBarCozyPhone {
+   .ui5-viz-controls-viz-frame{
+    	.v-datapoint-group{
+        	.v-datapoint{
+            	> rect{
+                    rx: 3px;
+                    ry: 3px;
+                }
+            }
+        }
+    }
+}
+.sapSmartTemplatesAnalyticalListPageVisualFilterToolbar{
+	margin-right: @_sap_suite_ui_generic_template_ALPConstants_VisualFilterToolbarMargin;
+}
+
+.sapSmartTemplatesAnalyticalListPageVisualFilterTitleToolbar.sapMTB { /* not possible to hide the line at the bottom of the toolbar via settings, have to do this via CSS*/
+	border-bottom: none;
+	padding: @_sap_suite_ui_generic_template_ALPConstants_PageChartTitlePadding;
+
+}
+
+.sapUiSizeCompact .sapFDynamicPageTitleWrapper>.sapSmartTemplatesAnalyticalListPageDynamicPageTitle{
+	padding: @_sap_suite_ui_generic_template_ALPConstants_PageHeadingPadding;
+	border: none;
+}
+
+.sapUiSizeCompact .sapFDynamicPageTitleWrapper>.sapSmartTemplatesAnalyticalListPageDynamicPageTitle .sapFDynamicPageTitleSnapped>.sapSmartTemplatesAnalyticalListPageSnappedContentText{
+	margin-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerMarginLeft;
+	cursor: pointer;
+}
+
+.sapFDynamicPageContent .sapSmartTemplatesAnalyticalListPageContentContainer {
+	padding: @_sap_suite_ui_generic_template_ALPConstants_ZeroPadding;
+}
+.sapMFlexBox.sapMFlexBoxAlignContentStretch.sapMFlexBoxAlignItemsEnd {
+	padding: @_sap_suite_ui_generic_template_ALPConstants_ZeroPadding;
+}
+.sapSmartTemplatesAnalyticalListPageFilterDialogTitleToolbar {
+	border-bottom: none !important;
+	padding-left: 0rem !important;
+}
+.sapSmartTemplatesAnalyticalListPageDynamicPage.sapFDynamicPage-Std-Phone .sapFDynamicPageContentFitContainer {
+	padding: 2rem 1rem 0 1rem !important;
+}
+// .sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageDynamicPage .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
+// 	padding-top: 0.5rem !important;
+// 	padding-bottom: 1.5rem !important;
+// }
+
+.sapSmartTemplatesAnalyticalListPageDynamicPage {
+	.sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
+		padding: 0rem 2rem 1rem 2rem !important;
+	}
+}
+/***** UI Tweaks end *****/
+
+/***** new controls start *****/
+
+/**************** KPI TAG START ****************/
+
+.sapSmartTemplatesAnalyticalListPageAlignVariantTitle{
+	margin-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerMarginLeft;
+}
+
+.sapSmartTemplatesAnalyticalListPageErrorPopOver{
+	padding: @_sap_suite_ui_generic_template_ALPConstants_KpiErrorPopOverContainerPadding;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageAlignVariantTitle{
+	margin-left: 0rem;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageKpiTagContainer {
+	height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerHeightCozy;
+}
+.sapUiSizeCompact .sapSmartTemplatesAnalyticalListPageKpiTagContainer {
+	height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerHeightCompact;
+}
+.sapUiSizeCompact .sapSmartTemplatesAnalyticalListPageKpiTag {
+	height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagHeightCompact;
+	padding-top:@_sap_suite_ui_generic_template_ALPConstants_KpiTagCompactPaddingTopBottom;
+	padding-bottom:@_sap_suite_ui_generic_template_ALPConstants_KpiTagCompactPaddingTopBottom;
+	margin-top:@_sap_suite_ui_generic_template_ALPConstants_KpiTagMarginTopBottom;
+	margin-bottom:@_sap_suite_ui_generic_template_ALPConstants_KpiTagMarginTopBottom;
+	border-width:@_sap_suite_ui_generic_template_ALPConstants_KpiTagBorderWidth;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageKpiTag {
+	height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagHeightCozy;
+	margin-top:@_sap_suite_ui_generic_template_ALPConstants_KpiTagCozyMarginTopBottom;
+	margin-bottom:@_sap_suite_ui_generic_template_ALPConstants_KpiTagCozyMarginTopBottom;
+	padding-top:@_sap_suite_ui_generic_template_ALPConstants_KpiTagCozyPaddingTopBottom;
+	padding-bottom:@_sap_suite_ui_generic_template_ALPConstants_KpiTagCozyPaddingTopBottom;
+	margin-top:@_sap_suite_ui_generic_template_ALPConstants_KpiTagMarginTopBottom;
+	border-width:@_sap_suite_ui_generic_template_ALPConstants_KpiTagBorderWidth;
+}
+.sapSmartTemplatesAnalyticalListPageKpiTag{
+	align-items: center !important;
+	background-color: @sapUiListBackground;
+	border-left-width: 3px;
+	border-style: solid;
+	border-right-style: none;
+	margin-top: 2px;
+	margin-bottom: 1px;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
+	border-color: @sapUiListBorderColor;
+	padding-left:@_sap_suite_ui_generic_template_ALPConstants_KpiTagPaddingLeftRight;
+	padding-right:@_sap_suite_ui_generic_template_ALPConstants_KpiTagPaddingLeftRight;
+	cursor: pointer;
+	min-width: @_sap_suite_ui_generic_template_ALPConstants_KpiTagMinWidth;
+	display: flex !important;
+	font-family: @sapUiFontFamily;
+	font-size: @sapMFontMediumSize;
+	font-weight: @sapUiFontHeaderWeight;
+	box-shadow: @sapUiShadowLevel0;
+}
+.sapSmartTemplatesAnalyticalListPageKpiTag:hover {
+	background-color: @sapUiListHoverBackground;
+}
+.sapSmartTemplatesAnalyticalListPageKpiTagValue{
+	text-align: right;
+	line-height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLineHeight;
+	padding-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftPadding;
+	padding-right: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftMargin;
+}
+.sapSmartTemplatesAnalyticalListPageKpiTagName{
+	color: @sapUiContentLabelColor;
+	line-height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLineHeight;
+	text-align: left;
+	padding-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftMargin;
+}
+.sapSmartTemplatesAnalyticalListPageKPIErrorIcon {
+	color: @sapUiNegativeText;
+	text-align: right;
+	line-height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLineHeight;
+	padding-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftPadding;
+	padding-right: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftMargin;
+}
+.sapSmartTemplatesAnalyticalListPageKPIWarningIcon {
+  color: @sapUiCriticalText;
+  text-align: right;
+  line-height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLineHeight;
+  padding-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftPadding;
+  padding-right: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftMargin;
+}
+.sapSmartTemplatesAnalyticalListPageKPIInformationIcon {
+	color: @sapUiNeutralText;
+	text-align: right;
+	line-height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLineHeight;
+	padding-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftPadding;
+	padding-right: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftMargin;
+  }
+.sapSmartTemplatesAnalyticalListPageKPINeutral{
+	color: @sapUiNeutralText;
+	border-left-color: @sapUiNeutralBorder;
+}
+.sapSmartTemplatesAnalyticalListPageKPICritical{
+	color: @sapUiCriticalText;
+	border-left-color: @sapUiWarningBorder;
+}
+.sapSmartTemplatesAnalyticalListPageKPIPositive{
+	color: @sapUiPositiveText;
+	border-left-color: @sapUiSuccessBorder;
+}
+.sapSmartTemplatesAnalyticalListPageKPINegative{
+	color: @sapUiNegativeText;
+	border-left-color: @sapUiErrorBorder;
+}
+
+.sapSmartTemplatesAnalyticalListPageKPIUndetermined{
+	color: @sapUiBaseText;
+	border-left-color: @sapUiBaseText;
+}
+.sapSmartTemplatesAnalyticalListPageKpiCardStyle{
+	min-height: @_sap_suite_ui_generic_template_ALPConstants_KpiCardMinHeight;
+	min-width: @_sap_suite_ui_generic_template_ALPConstants_KpiCardMinWidth;
+}
+.sapMOverflowToolbarMenu-CTX .sapSmartTemplatesAnalyticalListPageKpiTag {
+	margin: @_sap_suite_ui_generic_template_ALPConstants_KpiTagMarginInOverflow !important
+}
+.sapMOverflowToolbarMenu-CTX .sapSmartTemplatesAnalyticalListPageKpiTagValue {
+	text-align: end;
+	padding-left: 1.8rem;
+}
+.sapSmartTemplatesAnalyticalListPageVFTitle {
+	margin: 0.5rem 1.5rem 0.5rem 1rem !important;
+	width: 20rem !important;
+}
+
+@media screen and (max-width: 600px) {
+	.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageDynamicPage .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
+		padding: 0rem 1rem 1rem 1rem !important;
+	}
+
+	.sapSmartTemplatesAnalyticalListPageVFTitle {
+		margin-top: 0.75rem !important;
+		margin-bottom: 0.75rem !important;
+	}
+
+	.sapSmartTemplatesAnalyticalListPageVisualFilterTitleText {
+		font-family: @sapUiFontFamily; 
+		font-size: @sapMFontLargeSize;
+		line-height: 1.5; 
+		color: @sapUiBaseText; 
+	}
+}
+
+.sapSmartTemplatesAnalyticalListPageVFChart {
+	margin: 0rem 1.5rem 0.5rem 1rem !important;
+	width: 20rem !important;
+}
+
+/**************** KPI TAG END ****************/
+
+.sapSmartTemplatesAnalyticalListPageVFOverflow {
+	background-color: @sapUiTileBackground;
+	opacity: @_sap_suite_ui_generic_template_ALPConstants_VFOverflowOpacity;
+	border-color: fade(@sapUiBrand, 20%);
+	font-size: @_sap_suite_ui_generic_template_ALPConstants_VFOverflowFontSize;
+	border-width: 1px;
+	border-style: solid;
+	white-space: pre-line;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-top: 0;
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom:initial;
+	text-align: center;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageKpiTagCozy {
+	height: 2.4365rem;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageVFOverflowCozy {
+	margin-top: 0.25rem;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageVFDShowInFilterBarCozy.sapMCb {
+	padding-left: 38px !important;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageVFDShowInFilterBarCozy .sapMCbBg {
+	left: 0.4375rem !important;
+}
+.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog{
+	min-width:	@_sap_suite_ui_generic_template_ALPConstants_SelectedLinkDialogWidth;
+}
+
+ .sapUiSizeCompact .sapSmartTemplatesAnalyticalListPageFilterableKPIContainer{
+ 	width: inherit;
+	padding: 0.5rem 1rem;
+	height: 3rem;
+	border-bottom: none;
+ }
+
+ .sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageFilterableKPIContainer{
+ 	width: inherit;
+	padding: 0.5rem 1rem;
+	height: 3rem;
+	border-bottom: none;
+ }
+
+ .sapSmartTemplatesAnalyticalListPageFilterableKPITitle{
+ 	font-family: @sapUiFontHeaderFamily;
+	font-size: @sapMFontHeader2Size;
+	font-weight: @sapUiFontHeaderWeight;
+	color: @sapUiGroupTitleTextColor;
+	line-height: 2rem;
+	padding-right: 1rem;
+	max-width: 25rem;
+ }
+
+ .sapSmartTemplatesAnalyticalListPageKpiTagDisable{
+	z-index: -1;
+	opacity: 0.5;
+	background-color: transparent;
+ }
+
+ .sapSmartTemplatesAnalyticalListPageKpiTagOverflow {
+	border-bottom: none;
+}
+
+.sapSmartTemplatesAnalyticalListPageHeaderContainerBorder {
+	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10), inset 0 -1px 0 0 #d9d9d9 !important;
+}
+
+
+.sapUiTheme-sap_fiori_3 .sapSmartTemplatesAnalyticalListPageDynamicPage .sapFDynamicPageContentWrapper {
+    background: #f7f7f7;
+}
+
+.sapSmartTemplatesAnalyticalListPageRequired:before {
+	content:"*";
+	color: @sapUiFieldRequiredColor;
+	font-family: @sapUiFontFamily;
+	font-size: @sapMFontLargeSize;
+	font-weight: bold;
+	position: relative;
+	vertical-align: middle;
+	line-height: 0;
+}
+

package/src/sap/suite/ui/generic/template/themes/sap_belize_base/ListReport.less

@@ -0,0 +1,33 @@
+.sapSmartTemplatesListReportDraftInfoIcon.sapUiIcon {
+  font-family: SAP-icons;
+  font-size: 1rem;
+  padding-right: 0.5rem;
+}
+
+.sapSmartTemplatesListReportFilterSummary {
+  cursor: pointer;
+}
+
+.sapSmartTemplatesSLIPositive > .sapMLIBContent > .sapMGHLITitle {
+	color: @sapPositiveElementColor;
+}
+.sapSmartTemplatesSLINeutral > .sapMLIBContent > .sapMGHLITitle {
+	color: @sapNeutralElementColor;
+}
+.sapSmartTemplatesSLINegative > .sapMLIBContent > .sapMGHLITitle {
+	color: @sapNegativeElementColor;
+}
+.sapSmartTemplatesSLICritical > .sapMLIBContent > .sapMGHLITitle {
+	color: @sapCriticalElementColor;
+}
+
+.sapSmartTemplatesSLIBold > .sapMLIBContent > .sapMSLITitleDiv > .sapMSLITitleOnly {
+	font-weight: bold;
+}
+
+.sapSmartTemplatesListReportFirstText {
+	overflow: visible;
+	font-weight: bold;
+	display: inline-block;
+	word-wrap: break-word;
+}