@sapui5/sap.suite.ui.generic.template 1.125.0 → 1.127.0

package/src/sap/suite/ui/generic/template/listTemplates/filterSettingsPreparationHelper.js

@@ -40,7 +40,7 @@ sap.ui.define(["sap/suite/ui/generic/template/genericUtilities/FeError", "sap/ba
 				key: oSelectionField.PropertyPath.replace('/', '.'),
 				groupId: "_BASIC",
 				index: 10 * (i + 1),
-				visibleInFilterBar: true
+				visibleInAdvancedArea: true
 			};
 		});
 	}
@@ -145,7 +145,9 @@ sap.ui.define(["sap/suite/ui/generic/template/genericUtilities/FeError", "sap/ba
 
 		if (Array.isArray(aNavigationProperties)) {
 			bUseProvidedNavigationProperties = true;
-			sIncludedNavigationProperties = aNavigationProperties.join(",");	
+			sIncludedNavigationProperties = aNavigationProperties.join(",");
+		} else {
+			bUseProvidedNavigationProperties = true;
 		}
 		return {
 			navigationProperties: sIncludedNavigationProperties,

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

@@ -1,4 +1,4 @@
-<core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:smartlink="sap.ui.comp.navpopover" xmlns:smarttable="sap.ui.comp.smarttable" xmlns:table="sap.ui.table" xmlns:plugins="sap.m.plugins" xmlns:rowmodes="sap.ui.table.rowmodes"
+<core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:smartlink="sap.ui.comp.navpopover" xmlns:smarttable="sap.ui.comp.smarttable" xmlns:table="sap.ui.table" xmlns:plugins="sap.m.plugins"
 	xmlns:customData="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"
 	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
 	template:require="{ AH: 'sap/suite/ui/generic/template/js/AnnotationHelper',
@@ -108,8 +108,7 @@
 									<template:then>
 										<!-- ANALYTICAL TABLE -->
 										<table:AnalyticalTable id="{:= ${parameter>/stableId}.getStableId({type: 'ALPTable', subType: 'AnalyticalTable', sQuickVariantKey: ${tabItem>key}})}" 
-											enableColumnReordering="true" 
-											showColumnVisibilityMenu="false"  
+											visibleRowCountMode="Auto" enableColumnReordering="true" 
 											enableColumnFreeze="true" 
 											enableCellFilter="true" 
 											rowActionCount="{= ${_templPriv&gt;/listReport/isLeaf} ? 0 : 1 }" 
@@ -125,16 +124,13 @@
 													<core:Fragment fragmentName="sap.suite.ui.generic.template.fragments.AnalyticalTableColumns" type="XML" />
 												</table:columns>
 											</template:with>
-											<table:rowMode>
-												<rowmodes:Auto/>
-											</table:rowMode>
 										</table:AnalyticalTable>
 									</template:then>
 									<template:elseif test="{= ${tableSettings>type} === 'GridTable'}">
 										<!-- GRID TABLE -->
 										<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 }" 
@@ -153,17 +149,14 @@
 													<core:Fragment fragmentName="sap.suite.ui.generic.template.fragments.GridTableColumns" type="XML" />
 												</table:columns>
 											</template:with>
-											<table:rowMode>
-												<rowmodes:Auto/>
-											</table:rowMode>
 										</table:Table>
 									</template:elseif>
 									<template:elseif test="{= ${tableSettings>type} === 'TreeTable'}">
 										<!-- TREE TABLE -->
 										<table:TreeTable 
 											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 }" 
@@ -177,9 +170,6 @@
 													<core:Fragment fragmentName="sap.suite.ui.generic.template.fragments.TreeTableColumns" type="XML" />
 												</table:columns>
 											</template:with>
-											<table:rowMode>
-												<rowmodes:Auto/>
-											</table:rowMode>
 										</table:TreeTable>
 									</template:elseif>
 									<!-- On failing all the above conditions or if the display mode is anything but desktop i.e tablet or phone or any other device it falls back to responsive -->

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/semanticDateRangeTypeHelper.js

@@ -287,7 +287,7 @@ sap.ui.define(["sap/suite/ui/generic/template/genericUtilities/FeError", "sap/ba
 	/**
 	 * checks for date value is semantic or not
 	 * @param {Object} oState - state of the app
-	 * @returns {object} return true if atleast one semantic date value present else false
+	 * @returns {boolean} return true if at least one semantic date value present else false
 	 */
 	function fnHasSemanticDateValue(oState) {
 		var oSemanticDates = oState.oSmartFilterbar.getUiState().getSemanticDates();

package/src/sap/suite/ui/generic/template/themes/base/ObjectPage.less

@@ -386,6 +386,6 @@ html[dir="rtl"] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSect
   display:flex;
 }
 
-.sapSmartTemplatesObjectPageHeaderFormField .sapMObjStatusText {
+.sapSmartTemplatesObjectPageHeaderFormObjectStatus{
   line-height: 1.320rem !important;
 }

package/src/sap/suite/ui/generic/template/themes/base/base.less

@@ -5,3 +5,7 @@
 .sapSmartTemplatesCreateDialog {
 	max-width: fit-content;
 }
+
+.sapSmartTemplateEasyFilterInputPadding {
+  padding: 0.5rem 1rem;
+}

package/src/sap/suite/ui/generic/template/themes/sap_bluecrystal_base/ObjectPage.less

@@ -386,6 +386,6 @@ html[dir="rtl"] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSect
   display:flex;
 }
 
-.sapSmartTemplatesObjectPageHeaderFormField .sapMObjStatusText {
+.sapSmartTemplatesObjectPageHeaderFormObjectStatus{
   line-height: 1.320rem !important;
 }

package/src/sap/suite/ui/generic/template/themes/sap_hcb/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_hcb/base.less

@@ -0,0 +1,7 @@
+.sapSmartTemplatesSmartLinkNavPopoverContentAvatar{
+  margin-right: .75rem;
+}
+
+.sapSmartTemplatesCreateDialog {
+	max-width: fit-content;
+}

package/src/sap/suite/ui/generic/template/themes/sap_hcb/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;
+}
+