npm - @sapui5/sap.cux.home - Versions diffs - 1.141.0 → 1.142.1 - Mend

@sapui5/sap.cux.home 1.141.0 → 1.142.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (361) hide show

package/src/sap/cux/home/utils/fragment/appsAdditionContent.fragment.xml CHANGED Viewed

@@ -4,122 +4,122 @@
 -->
 <core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:fesr="http://schemas.sap.com/sapui5/extension/sap.ui.core.FESR/1">
 	<VBox id="container" height="100%" renderType="Bare">
-		<!-- HEADER CONTENT -->
-		<VBox id="headerContent" class="headerContent" backgroundDesign="Solid">
-			<Text id="appsAdditionDescription" text="{i18n>addAppsSearchDescription}" />
-			<HBox id="searchContainer" class="sapUiTinyMarginTop" renderType="Bare" justifyContent="SpaceBetween" gap="0.5rem">
-				<TextArea
-					id="searchTextArea"
-					rows="2"
-					width="100%"
-					maxLength="500"
-					valueLiveUpdate="true"
-					showExceededText="true"
-					liveChange=".onSearchTextAreaLiveChange"
-					placeholder="{i18n>searchPlaceholder}"
-					enabled="{= ${/searchStatus} !== 'searching' }"
-					value="{ path: '/query', mode: 'TwoWay' }"
-				/>
-				<Button
-					id="goBtn"
-					text="{i18n>goButton}"
-					enabled="{= ${/searchStatus} !== 'searching' &amp;&amp; !${/invalidQuery} }"
-					press=".onPressGo"
-					fesr:press="myh:apps:go"
-				/>
-				<Button
-					id="clearAllBtn"
-					text="{i18n>clearAllButton}"
-					enabled="{= ${/searchStatus} !== 'searching' &amp;&amp; ${/query/length} &gt; 0 }"
-					press=".resetPanel"
-					fesr:press="myh:apps:clearAll"
-					type="Transparent"
-				/>
-			</HBox>
-			<VBox id="sampleQueriesContainer" renderType="Bare" visible="{= ${/searchStatus} === 'idle' }" class="sapUiTinyMarginBottom">
-				<HBox id="sampleQueriesHeader" alignItems="Center" renderType="Bare">
-					<core:Icon src="sap-icon://sys-help" color="Neutral" size="0.875rem" class="sapUiTinyMarginEnd" />
-					<Label id="sampleQueries" text="{i18n>sampleQueries}" />
+		<ScrollContainer id="wrapperContainer" vertical="true" class="wrapperContainer">
+			<!-- HEADER CONTENT -->
+			<VBox id="headerContent" class="headerContent" backgroundDesign="Solid">
+				<Text id="appsAdditionDescription" text="{i18n>addAppsSearchDescription}" />
+				<HBox id="searchContainer" class="sapUiTinyMarginTop" renderType="Bare" justifyContent="SpaceBetween" gap="0.5rem">
+					<TextArea
+						id="searchTextArea"
+						rows="2"
+						width="100%"
+						maxLength="2000"
+						valueLiveUpdate="true"
+						showExceededText="true"
+						liveChange=".onSearchTextAreaLiveChange"
+						placeholder="{i18n>searchPlaceholder}"
+						enabled="{= ${/searchStatus} !== 'searching' }"
+						value="{ path: '/query', mode: 'TwoWay' }"
+						class="sapUiNoMargin"
+					/>
+					<Button
+						id="goBtn"
+						text="{i18n>goButton}"
+						enabled="{= ${/searchStatus} !== 'searching' &amp;&amp; !${/invalidQuery} }"
+						press=".onPressGo"
+						fesr:press="myh:apps:go"
+					/>
+					<Button
+						id="clearAllBtn"
+						text="{i18n>clearAllButton}"
+						enabled="{= ${/searchStatus} !== 'searching' &amp;&amp; ${/query/length} &gt; 0 }"
+						press=".resetPanel"
+						fesr:press="myh:apps:clearAll"
+						type="Transparent"
+					/>
 				</HBox>
 				<VBox
-					id="sampleQueriesList"
+					id="sampleQueriesContainer"
 					renderType="Bare"
-					items="{/sampleQueries}"
-					justifyContent="SpaceBetween"
-					class="sapUiTinyMarginTop"
+					visible="{= ${/searchStatus} === 'idle' }"
+					class="sapUiTinyMarginBottom"
 				>
-					<HBox id="sampleQuery" renderType="Bare">
-						<FormattedText
-							id="number"
-							htmlText="&lt;em style='color:var(--sapContent_LabelColor)'&gt;{index}.&lt;/em&gt;"
-							class="sapUiTinyMarginTop sapUiTinyMarginEnd"
-						/>
-						<FormattedText
-							id="query"
-							htmlText="&lt;em style='color:var(--sapContent_LabelColor)'&gt;{query}&lt;/em&gt;"
-							class="sapUiTinyMarginTop"
-						/>
+					<HBox id="sampleQueriesHeader" alignItems="Center" renderType="Bare">
+						<core:Icon src="sap-icon://sys-help" color="Neutral" size="0.875rem" class="sapUiTinyMarginEnd" />
+						<Label id="sampleQueries" text="{i18n>sampleQueries}" />
 					</HBox>
+					<VBox id="sampleQueriesList" renderType="Bare" items="{/sampleQueries}" justifyContent="SpaceBetween">
+						<HBox id="sampleQuery" renderType="Bare">
+							<FormattedText
+								id="number"
+								htmlText="&lt;em style='color:var(--sapContent_LabelColor)'&gt;{index}.&lt;/em&gt;"
+								class="sapUiTinyMarginTop sapUiTinyMarginEnd"
+							/>
+							<FormattedText
+								id="query"
+								htmlText="&lt;em style='color:var(--sapContent_LabelColor)'&gt;{query}&lt;/em&gt;"
+								class="sapUiTinyMarginTop"
+							/>
+						</HBox>
+					</VBox>
 				</VBox>
 			</VBox>
-		</VBox>
-		<!-- CONTENT AREA -->
-		<VBox id="resultContent" renderType="Bare">
-			<!-- RESULT AREA HEADER -->
-			<VBox id="resultHeader" renderType="Bare" class="sapUiSmallMarginBeginEnd sapUiSmallMarginBottom">
-				<HBox renderType="Bare" alignItems="Center" justifyContent="SpaceBetween" width="100%">
-					<Title
-						id="resultTitle"
-						text="{= ${/suggestedAppsCount} > 0 ? ${i18n>resultTitle} + ' (' + ${/suggestedAppsCount} + ')' : ${i18n>resultTitle} }"
-						titleStyle="H6"
-					/>
-					<HBox
-						id="footer"
-						renderType="Bare"
-						class="footer"
-						alignItems="Center"
-						visible="{= !${/hasError} &amp;&amp; ${/searchStatus} === 'complete' }"
-					>
-						<Label id="createdwithAI" text="{/aiPolicyText}" class="sapUiTinyMarginEnd" />
-						<ToggleButton
-							id="thumbsUp"
-							icon="sap-icon://thumb-up"
-							type="Transparent"
-							tooltip="{i18n>thumbsUpButton}"
-							pressed="{= ${/feedback/thumbsUp} }"
-							press=".sendFeedback('thumbsUp')"
-							fesr:press="myh:apps:thumbsUp"
-						/>
-						<ToggleButton
-							id="thumbsDown"
-							icon="sap-icon://thumb-down"
-							type="Transparent"
-							tooltip="{i18n>thumbsDownButton}"
-							pressed="{= ${/feedback/thumbsDown} }"
-							press=".sendFeedback('thumbsDown')"
-							fesr:press="myh:apps:thumbsDown"
-							class="sapUiTinyMarginBegin"
+			<!-- CONTENT AREA -->
+			<VBox id="resultContent" renderType="Bare">
+				<!-- RESULT AREA HEADER -->
+				<VBox id="resultHeader" renderType="Bare" class="sapUiTinyMarginTop sapUiSmallMarginBeginEnd sapUiSmallMarginBottom">
+					<HBox renderType="Bare" alignItems="Center" justifyContent="SpaceBetween" width="100%">
+						<Title
+							id="resultTitle"
+							text="{= ${/suggestedAppsCount} > 0 ? ${i18n>resultTitle} + ' (' + ${/suggestedAppsCount} + ')' : ${i18n>resultTitle} }"
+							titleStyle="H6"
 						/>
+						<HBox
+							id="footer"
+							renderType="Bare"
+							class="footer"
+							alignItems="Center"
+							visible="{= !${/hasError} &amp;&amp; ${/searchStatus} === 'complete' }"
+						>
+							<Label id="createdwithAI" text="{/aiPolicyText}" class="sapUiTinyMarginEnd" />
+							<ToggleButton
+								id="thumbsUp"
+								icon="sap-icon://thumb-up"
+								type="Transparent"
+								tooltip="{i18n>thumbsUpButton}"
+								pressed="{= ${/feedback/thumbsUp} }"
+								press=".sendFeedback('thumbsUp')"
+								fesr:press="myh:apps:thumbsUp"
+							/>
+							<ToggleButton
+								id="thumbsDown"
+								icon="sap-icon://thumb-down"
+								type="Transparent"
+								tooltip="{i18n>thumbsDownButton}"
+								pressed="{= ${/feedback/thumbsDown} }"
+								press=".sendFeedback('thumbsDown')"
+								fesr:press="myh:apps:thumbsDown"
+								class="sapUiTinyMarginBegin"
+							/>
+						</HBox>
 					</HBox>
-				</HBox>
-				<Text
-					id="resultDescription"
-					text="{i18n>resultDescription}"
-					visible="{= !${/hasError} &amp;&amp; ${/searchStatus} === 'complete' }"
-				/>
-				<MessageStrip
-					id="searchingMessage"
-					type="Information"
-					showIcon="true"
-					class="sapUiTinyMarginTop"
-					text="{i18n>searchingMessage}"
-					visible="{= ${/searchStatus} === 'searching' }"
-				/>
-			</VBox>
+					<Text
+						id="resultDescription"
+						text="{i18n>resultDescription}"
+						visible="{= !${/hasError} &amp;&amp; ${/searchStatus} === 'complete' }"
+					/>
+					<MessageStrip
+						id="searchingMessage"
+						type="Information"
+						showIcon="true"
+						class="sapUiTinyMarginTop"
+						text="{i18n>searchingMessage}"
+						visible="{= ${/searchStatus} === 'searching' }"
+					/>
+				</VBox>
-			<!-- SUGGESTION LIST CONTAINER -->
-			<ScrollContainer id="resultsContainer" vertical="true" class="suggestionListContainer">
+				<!-- SUGGESTION LIST CONTAINER -->
 				<!-- SEARCHING ANIMATION -->
 				<VBox
 					id="lodingAnimationContainer"
@@ -142,55 +142,54 @@
 					selectionChange=".onListSelectionChange"
 					class="appSuggestionList"
 				/>
-			</ScrollContainer>
-			<!-- SEARCH ILLUSTRATION CONTAINER -->
-			<VBox
-				id="beforeSearchContainer"
-				renderType="Bare"
-				height="23.3125rem"
-				justifyContent="Center"
-				class="illustratedMessageContainer"
-				visible="{= ${/searchStatus} === 'idle' }"
-			>
-				<!-- BEFORE SEARCH ILLUSTRATION -->
-				<IllustratedMessage
-					id="beforeSearch"
-					illustrationSize="Medium"
-					src="sap-illustration://SimpleMagnifier"
-					description="{i18n>beforeSearchDescription}"
+				<!-- SEARCH ILLUSTRATION CONTAINER -->
+				<VBox
+					id="beforeSearchContainer"
+					renderType="Bare"
+					justifyContent="Center"
+					class="illustratedMessageContainer"
 					visible="{= ${/searchStatus} === 'idle' }"
-				/>
-			</VBox>
+				>
+					<!-- BEFORE SEARCH ILLUSTRATION -->
+					<IllustratedMessage
+						id="beforeSearch"
+						illustrationSize="Dot"
+						src="sap-illustration://SimpleMagnifier"
+						description="{i18n>beforeSearchDescription}"
+						visible="{= ${/searchStatus} === 'idle' }"
+					/>
+				</VBox>
-			<!-- GENERIC ERROR CONTAINER -->
-			<VBox
-				id="errorContainer"
-				renderType="Bare"
-				height="29.3125rem"
-				class="illustratedMessageContainer"
-				visible="{/hasError}"
-				justifyContent="Center"
-			>
-				<!-- NO RESULTS FOUND -->
-				<IllustratedMessage
-					id="noResultsFound"
-					illustrationSize="Medium"
-					title="{i18n>validationErrorTitle}"
-					description="{/errorDescription}"
-					src="sap-illustration://SimpleNotFoundMagnifier"
-					visible="{= ${/errorType} === 'noResultsFound' }"
-				/>
-				<!-- SERVICE INTERRUPTED -->
-				<IllustratedMessage
-					id="serviceError"
-					illustrationSize="Medium"
-					title="{i18n>serviceErrorTitle}"
-					description="{/errorDescription}"
-					illustrationType="sapIllus-SimpleConnection"
-					visible="{= ${/errorType} === 'serviceError' }"
-				/>
+				<!-- GENERIC ERROR CONTAINER -->
+				<VBox
+					id="errorContainer"
+					renderType="Bare"
+					height="29.3125rem"
+					class="illustratedMessageContainer"
+					visible="{/hasError}"
+					justifyContent="Center"
+				>
+					<!-- NO RESULTS FOUND -->
+					<IllustratedMessage
+						id="noResultsFound"
+						illustrationSize="Medium"
+						title="{i18n>validationErrorTitle}"
+						description="{/errorDescription}"
+						illustrationType="sapIllus-PageNotFound"
+						visible="{= ${/errorType} === 'noResultsFound' }"
+					/>
+					<!-- SERVICE INTERRUPTED -->
+					<IllustratedMessage
+						id="serviceError"
+						illustrationSize="Medium"
+						title="{i18n>serviceErrorTitle}"
+						description="{/errorDescription}"
+						illustrationType="sapIllus-SimpleConnection"
+						visible="{= ${/errorType} === 'serviceError' }"
+					/>
+				</VBox>
 			</VBox>
-		</VBox>
+		</ScrollContainer>
 	</VBox>
 </core:FragmentDefinition>

package/src/sap/cux/home/utils/placeholder/CardsPlaceholder.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+declare module "sap/cux/home/utils/placeholder/CardsPlaceholder" {
+    /*!
+     * SAP UI development toolkit for HTML5 (SAPUI5)
+     *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
+     */
+    function getCardsPlaceholder(): string;
+}
+//# sourceMappingURL=CardsPlaceholder.d.ts.map

package/src/sap/cux/home/utils/placeholder/CardsPlaceholder.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"CardsPlaceholder.d.ts","sourceRoot":"../../../../../../..","sources":["src/sap/cux/home/utils/placeholder/CardsPlaceholder.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,iDAAiD,CAAC;IACjE;;;OAGG;IACH,SAAgB,mBAAmB,IAAI,MAAM,CAwT5C;CAEA"}

package/src/sap/cux/home/utils/placeholder/{InsightsPlaceholder.js → CardsPlaceholder.js} RENAMED Viewed

@@ -5,84 +5,10 @@
 sap.ui.define([], function () {
   "use strict";
-  function getInsightsPlaceholder() {
+  function getCardsPlaceholder() {
     return `
         <div class="plText sapMGTLoadingShimmer plTextWeightL plTextWidthM" style="width: 225px;"></div>
         <div class='plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop plContent plResponsivePadding' style="background-color:transparent">
-            <div class="pInsightsTilesContainer">
-                <div class="plOVPCard pInsightsTiles" style="background-color:white">
-                    <div class="plOVPCardHeader">
-                        <div class="plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop">
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 100px;"></div>
-                            <div class="plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop">
-                                <div class="plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div>
-                            </div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="plOVPCard pInsightsTiles" style="background-color:white">
-                    <div class="plOVPCardHeader">
-                        <div class="plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop">
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 100px;"></div>
-                            <div class="plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop">
-                                <div class="plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div>
-                            </div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="plOVPCard pInsightsTiles" style="background-color:white">
-                    <div class="plOVPCardHeader">
-                        <div class="plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop">
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 100px;"></div>
-                            <div class="plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop">
-                                <div class="plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div>
-                            </div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="plOVPCard pInsightsTiles" style="background-color:white">
-                    <div class="plOVPCardHeader">
-                        <div class="plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop">
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 100px;"></div>
-                            <div class="plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop">
-                                <div class="plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div>
-                            </div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="plOVPCard pInsightsTiles" style="background-color:white">
-                    <div class="plOVPCardHeader">
-                        <div class="plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop">
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 100px;"></div>
-                            <div class="plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop">
-                                <div class="plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div>
-                            </div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="plOVPCard pInsightsTiles" style="background-color:white">
-                    <div class="plOVPCardHeader">
-                        <div class="plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop">
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 100px;"></div>
-                            <div class="plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop">
-                                <div class="plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div>
-                            </div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
             <div class="plOVPCardContainer">
                 <div class="plOVPCard plOVPCardVersion4 OVPContentCard5 plSmallestVisibleSizeS" style="background-color:white">
                     <div class="plOVPCardHeader">
@@ -395,7 +321,7 @@ sap.ui.define([], function () {
   var __exports = {
     __esModule: true
   };
-  __exports.getInsightsPlaceholder = getInsightsPlaceholder;
+  __exports.getCardsPlaceholder = getCardsPlaceholder;
   return __exports;
 });
-//# sourceMappingURL=InsightsPlaceholder.js.map
+//# sourceMappingURL=CardsPlaceholder.js.map

package/src/sap/cux/home/utils/placeholder/CardsPlaceholder.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CardsPlaceholder.js","names":["sap","ui","define","getCardsPlaceholder","__exports","__esModule"],"sources":["CardsPlaceholder.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n * * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\nexport function getCardsPlaceholder(): string {\n\treturn `\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM\" style=\"width: 225px;\"></div>\n <div class='plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop plContent plResponsivePadding' style=\"background-color:transparent\">\n <div class=\"plOVPCardContainer\">\n <div class=\"plOVPCard plOVPCardVersion4 OVPContentCard5 plSmallestVisibleSizeS\" style=\"background-color:white\">\n <div class=\"plOVPCardHeader\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 100px;\"></div>\n <div class=\"plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar\" style=\"width: 120px; height: 40px; background-size: 900px 900px;\"></div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n </div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n </div>\n </div>\n <div class=\"plOVPCardContent\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plBarChart\">\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop plVerticalRepeater plOVPCardContentChart plChartHorMeasure plChartVertMeasure plHorizontalBarChart\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 160px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 120px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"plOVPCard plOVPCardVersion4 OVPContentCard5 plSmallestVisibleSizeM\" style=\"background-color:white\">\n <div class=\"plOVPCardHeader\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 100px;\"></div>\n <div class=\"plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar\" style=\"width: 120px; height: 40px; background-size: 900px 900px;\"></div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n </div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n </div>\n </div>\n <div class=\"plOVPCardContent\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plBarChart\">\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop plVerticalRepeater plOVPCardContentChart plChartHorMeasure plChartVertMeasure plHorizontalBarChart\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 160px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 120px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"plOVPCard plOVPCardVersion3 OVPContentCard6 plSmallestVisibleSizeM\" style=\"background-color:white\">\n <div class=\"plOVPCardHeader\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 100px;\"></div>\n <div class=\"plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar\" style=\"width: 120px; height: 40px; background-size: 900px 900px;\"></div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n </div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n </div>\n </div>\n <div class=\"plOVPCardContent\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plBarChart\">\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop plVerticalRepeater plOVPCardContentChart plChartHorMeasure plChartVertMeasure plHorizontalBarChart\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 160px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 120px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"plOVPCard plOVPCardVersion4 OVPContentCard5 plSmallestVisibleSizeM\" style=\"background-color:white\">\n <div class=\"plOVPCardHeader\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 100px;\"></div>\n <div class=\"plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar\" style=\"width: 120px; height: 40px; background-size: 900px 900px;\"></div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n </div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n </div>\n </div>\n <div class=\"plOVPCardContent\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plBarChart\">\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop plVerticalRepeater plOVPCardContentChart plChartHorMeasure plChartVertMeasure plHorizontalBarChart\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 160px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 120px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"plOVPCard plOVPCardVersion4 OVPContentCard5 plSmallestVisibleSizeL\" style=\"background-color:white\">\n <div class=\"plOVPCardHeader\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 100px;\"></div>\n <div class=\"plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar\" style=\"width: 120px; height: 40px; background-size: 900px 900px;\"></div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n </div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n </div>\n </div>\n <div class=\"plOVPCardContent\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plBarChart\">\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop plVerticalRepeater plOVPCardContentChart plChartHorMeasure plChartVertMeasure plHorizontalBarChart\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 160px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 120px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"plOVPCard plOVPCardVersion4 OVPContentCard5 plSmallestVisibleSizeL\" style=\"background-color:white\">\n <div class=\"plOVPCardHeader\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 100px;\"></div>\n <div class=\"plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar\" style=\"width: 120px; height: 40px; background-size: 900px 900px;\"></div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n </div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n </div>\n </div>\n <div class=\"plOVPCardContent\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plBarChart\">\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop plVerticalRepeater plOVPCardContentChart plChartHorMeasure plChartVertMeasure plHorizontalBarChart\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 160px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 120px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"plOVPCard plOVPCardVersion4 OVPContentCard5 plSmallestVisibleSizeXL\" style=\"background-color:white\">\n <div class=\"plOVPCardHeader\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 100px;\"></div>\n <div class=\"plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar\" style=\"width: 120px; height: 40px; background-size: 900px 900px;\"></div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n </div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n </div>\n </div>\n <div class=\"plOVPCardContent\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plBarChart\">\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop plVerticalRepeater plOVPCardContentChart plChartHorMeasure plChartVertMeasure plHorizontalBarChart\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 160px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 120px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"plOVPCard plOVPCardVersion4 OVPContentCard5 plSmallestVisibleSizeXL\" style=\"background-color:white\">\n <div class=\"plOVPCardHeader\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 100px;\"></div>\n <div class=\"plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar\" style=\"width: 120px; height: 40px; background-size: 900px 900px;\"></div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignEnd plVerticalAlignTop plVerticalRepeater plOVPCardHeaderText\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 50px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plVerticalRepeaterItem\" style=\"width: 30px;\"></div>\n </div>\n </div>\n </div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText\" style=\"width: 80px;\"></div>\n </div>\n </div>\n <div class=\"plOVPCardContent\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop\">\n <div class=\"plBarChart\">\n <div style=\"vertical-align: inherit;\">\n <div class=\"plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop plVerticalRepeater plOVPCardContentChart plChartHorMeasure plChartVertMeasure plHorizontalBarChart\">\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 160px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 120px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n <div class=\"plText sapMGTLoadingShimmer plTextWeightL plTextWidthM plVerticalRepeaterItem\" style=\"width: 90px;\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AAHAA,GAAA,CAAAC,EAAA,CAAAC,MAAA;EAAA;;EAIO,SAASC,mBAAmBA,CAAA,EAAW;IAC7C,OAAO;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;EACL;EAAC,IAAAC,SAAA;IAAAC,UAAA;EAAA;EAAAD,SAAA,CAAAD,mBAAA,GAAAA,mBAAA;EAAA,OAAAC,SAAA;AAAA","ignoreList":[]}

package/src/sap/cux/home/utils/placeholder/{InsightsPlaceholder.ts → CardsPlaceholder.ts} RENAMED Viewed

@@ -2,84 +2,10 @@
  * SAP UI development toolkit for HTML5 (SAPUI5)
  *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
  */
-export function getInsightsPlaceholder(): string {
+export function getCardsPlaceholder(): string {
 	return `
         <div class="plText sapMGTLoadingShimmer plTextWeightL plTextWidthM" style="width: 225px;"></div>
         <div class='plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop plContent plResponsivePadding' style="background-color:transparent">
-            <div class="pInsightsTilesContainer">
-                <div class="plOVPCard pInsightsTiles" style="background-color:white">
-                    <div class="plOVPCardHeader">
-                        <div class="plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop">
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 100px;"></div>
-                            <div class="plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop">
-                                <div class="plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div>
-                            </div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="plOVPCard pInsightsTiles" style="background-color:white">
-                    <div class="plOVPCardHeader">
-                        <div class="plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop">
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 100px;"></div>
-                            <div class="plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop">
-                                <div class="plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div>
-                            </div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="plOVPCard pInsightsTiles" style="background-color:white">
-                    <div class="plOVPCardHeader">
-                        <div class="plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop">
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 100px;"></div>
-                            <div class="plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop">
-                                <div class="plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div>
-                            </div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="plOVPCard pInsightsTiles" style="background-color:white">
-                    <div class="plOVPCardHeader">
-                        <div class="plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop">
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 100px;"></div>
-                            <div class="plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop">
-                                <div class="plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div>
-                            </div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="plOVPCard pInsightsTiles" style="background-color:white">
-                    <div class="plOVPCardHeader">
-                        <div class="plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop">
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 100px;"></div>
-                            <div class="plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop">
-                                <div class="plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div>
-                            </div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="plOVPCard pInsightsTiles" style="background-color:white">
-                    <div class="plOVPCardHeader">
-                        <div class="plVerticalLayout plVerticalContent plTextAlignStart plVerticalAlignTop">
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 100px;"></div>
-                            <div class="plHorizontalLayout plHorizontalContent plTextAlignStart plVerticalAlignTop">
-                                <div class="plAvatar sapMGTLoadingShimmer plAvatarSizeM plAvatarShapeSquare plOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div>
-                            </div>
-                            <div class="plText sapMGTLoadingShimmer plTextWeightM plTextWidthM plOVPCardHeaderText" style="width: 80px;"></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
             <div class="plOVPCardContainer">
                 <div class="plOVPCard plOVPCardVersion4 OVPContentCard5 plSmallestVisibleSizeS" style="background-color:white">
                     <div class="plOVPCardHeader">