@sapui5/sap.cux.home 1.140.0 → 1.142.0

package/src/sap/cux/home/NewsSettingsPanel.ts

@@ -3,13 +3,16 @@
  *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
  */
 
+import Button from "sap/m/Button";
 import CheckBox from "sap/m/CheckBox";
+import Column from "sap/m/Column";
+import ColumnListItem from "sap/m/ColumnListItem";
 import CustomListItem from "sap/m/CustomListItem";
 import HBox from "sap/m/HBox";
 import Label from "sap/m/Label";
 import List from "sap/m/List";
-import ListItemBase from "sap/m/ListItemBase";
 import Switch from "sap/m/Switch";
+import Table from "sap/m/Table";
 import Text from "sap/m/Text";
 import Title from "sap/m/Title";
 import VBox from "sap/m/VBox";
@@ -54,6 +57,9 @@ export default class NewsSettingsPanel extends BaseSettingsPanel {
 	private deselectedDefaultFeeds!: string[];
 	private headerText!: Text;
 	private title!: Title;
+	private groupTable!: Table;
+	private newsListVBox!: VBox;
+	private _resetActionButton!: Button;
 
 	/**
 	 * Init lifecycle method
@@ -69,6 +75,15 @@ export default class NewsSettingsPanel extends BaseSettingsPanel {
 		this.setProperty("title", this._i18nBundle.getText("news"));
 		this.setProperty("icon", "sap-icon://newspaper");
 
+		this._resetActionButton = new Button({
+			id: `${this.getId()}-newsResetBtn`,
+			visible: false,
+			enabled: false,
+			text: this._i18nBundle.getText("resetDefaultButton"),
+			press: () => this.resetDefaultNewsSettings()
+		});
+		// Add button to actionButtons aggregation
+		this.addActionButton(this._resetActionButton);
 		//setup layout content
 		this.addAggregation("content", this.getContent());
 
@@ -91,7 +106,7 @@ export default class NewsSettingsPanel extends BaseSettingsPanel {
 		const oContentVBox = new VBox(this.getId() + "--idNewsPageOuterVBoX", {
 			alignItems: "Start",
 			justifyContent: "SpaceBetween",
-			items: [oHeader, oTitle, this.setNewsList()]
+			items: [oHeader, oTitle, this.createCustomNewsList(), this.createNewsGroupTable()]
 		});
 		return oContentVBox;
 	}
@@ -152,56 +167,92 @@ export default class NewsSettingsPanel extends BaseSettingsPanel {
 	}
 
 	/**
-	 * Returns the content for the news List
+	 * Returns the content for the news List for custom news feed
 	 *
 	 * @private
 	 * @returns {sap.ui.core.Control} The control containing the News Settings Panel's List
 	 */
-	private setNewsList() {
-		//showAllPrepRequired Switch
-		const oShowSwitchLabel = new Label(this.getId() + "--idShowAllCustNewsSwitchLabel", {
-			text: this._i18nBundle.getText("showAllPreparationRequiredSwitchLabel")
-		});
-		this.oShowSwitch = new Switch(`${this.getId()}-showSwitch`, {
-			// 'ariaLabelledBy': "idShowAllCustNewsSwitchLabel idShowAllCustNewsSwitch",
-			customTextOn: " ",
-			customTextOff: " ",
-			change: () => {
-				void this.saveNewsFeedSettings();
-			},
-			// 'fesr:change': "showPrepRequire",
-			state: false,
-			ariaLabelledBy: [`${this.getId()}--idShowAllCustNewsSwitchLabel`]
-		});
-		addFESRSemanticStepName(this.oShowSwitch, FESR_EVENTS.CHANGE, "showPrepRequire");
-		this.oCustNewsSwitchContainer = new HBox(this.getId() + "--idShowAllCustNewsSwitchContainer", {
-			alignItems: "Center",
-			items: [oShowSwitchLabel, this.oShowSwitch],
-			width: "94%"
-		}).addStyleClass("sapUiSmallMarginTop");
-
-		const oShowAllPrep = new VBox(this.getId() + "--idShowAllCustNewsSwitchVBox", {
-			items: [this.oCustNewsSwitchContainer],
-			width: "94%"
-		}).addStyleClass("sapUiSmallMarginTop");
-		const oInvisibleText = getInvisibleText(`${this.getId()}--newsTitleText`, this._i18nBundle.getText("newsTitle"));
-		//List of news items
-		this.oList = new List(this.getId() + "--idCustNewsFeedList", {
-			ariaLabelledBy: [
-				oInvisibleText.getId(),
-				`${this.getId()}--idCustNewsFeedSettingsText`,
-				`${this.getId()}--idCustNewsFeedSettignsTitle`
-			]
-		});
-		//Outer VBox
-		const oNewsListVBox = new VBox(this.getId() + "--idCustNewsFeedListContainer", {
-			direction: "Column",
-			items: [this.oList, oShowAllPrep, oInvisibleText],
-			width: "96%"
-		}).addStyleClass("sapUiSmallMarginTop sapUiSmallMarginBegin");
-		return oNewsListVBox;
+	private createCustomNewsList() {
+		if (!this.newsListVBox) {
+			//showAllPrepRequired Switch
+			const oShowSwitchLabel = new Label(this.getId() + "--idShowAllCustNewsSwitchLabel", {
+				text: this._i18nBundle.getText("showAllPreparationRequiredSwitchLabel")
+			});
+			this.oShowSwitch = new Switch(`${this.getId()}-showSwitch`, {
+				customTextOn: " ",
+				customTextOff: " ",
+				change: () => {
+					void this.saveNewsFeedSettings();
+				},
+				state: false,
+				ariaLabelledBy: [`${this.getId()}--idShowAllCustNewsSwitchLabel`]
+			});
+			addFESRSemanticStepName(this.oShowSwitch, FESR_EVENTS.CHANGE, "showPrepRequire");
+			this.oCustNewsSwitchContainer = new HBox(this.getId() + "--idShowAllCustNewsSwitchContainer", {
+				alignItems: "Center",
+				items: [oShowSwitchLabel, this.oShowSwitch],
+				width: "94%"
+			}).addStyleClass("sapUiSmallMarginTop");
+
+			const oShowAllPrep = new VBox(this.getId() + "--idShowAllCustNewsSwitchVBox", {
+				items: [this.oCustNewsSwitchContainer],
+				width: "94%"
+			}).addStyleClass("sapUiSmallMarginTop");
+			const oInvisibleText = getInvisibleText(`${this.getId()}--newsTitleText`, this._i18nBundle.getText("newsTitle"));
+			//List of news items
+			this.oList = new List(this.getId() + "--idCustNewsFeedList", {
+				ariaLabelledBy: [
+					oInvisibleText.getId(),
+					`${this.getId()}--idCustNewsFeedSettingsText`,
+					`${this.getId()}--idCustNewsFeedSettignsTitle`
+				]
+			});
+			//Outer VBox
+			this.newsListVBox = new VBox(this.getId() + "--idCustNewsFeedListContainer", {
+				direction: "Column",
+				visible: false,
+				items: [this.oList, oShowAllPrep, oInvisibleText],
+				width: "96%"
+			}).addStyleClass("sapUiSmallMarginTop sapUiSmallMarginBegin");
+		}
+		return this.newsListVBox;
 	}
 
+	/**
+	 *	Creates and returns a table for managing default news group settings.
+	 * @returns {Table} Table for news groups for default manage news feed
+	 * @private
+	 */
+	private createNewsGroupTable() {
+		//Table for news groups
+		if (!this.groupTable) {
+			this.groupTable = new Table(this.getId() + "--idNewsGroupTbl", {
+				includeItemInSelection: true,
+				visible: false
+			}).addStyleClass("sapUiTinyMarginBegin");
+			const placeHolderCol = new Column(this.getId() + "--idNewsGroupPlaceHolder", {
+				width: "8%"
+			});
+
+			//title column
+			const titleCol = new Column(this.getId() + "--idNewsGroupTitle", {
+				header: new Label(this.getId() + "--idNewsGroupTitleLbl", {
+					text: this._i18nBundle.getText("defaultNewsSettingsHeading")
+				}),
+				width: "50%"
+			});
+			const articleCount = new Column(this.getId() + "--idNewsGroupCount", {
+				header: new Label(this.getId() + "--idNewsGroupCountLbl", {
+					text: this._i18nBundle.getText("articleCount")
+				}),
+				width: "42%"
+			});
+			this.groupTable.addColumn(placeHolderCol);
+			this.groupTable.addColumn(titleCol);
+			this.groupTable.addColumn(articleCount);
+		}
+		return this.groupTable;
+	}
 	/**
 	 * Checks if the custom file format is CSV based on the custom file name.
 	 *
@@ -225,22 +276,11 @@ export default class NewsSettingsPanel extends BaseSettingsPanel {
 		const showDefault = newsType === NewsType.Default;
 		const customFileName = this.oNewsPanel.getProperty("customFileName") as string;
 		const feedKey = this.oNewsPanel.getCustomFeedKey();
-
-		this.oList.getItems().forEach((item: ListItemBase) => {
-			const newsListContent = item.getAggregation("content") as Control[];
-			const newsListHBox = newsListContent[0] as HBox;
-			const [checkbox, label] = newsListHBox.getItems() as [CheckBox, Text];
-			const isSelected = checkbox.getSelected();
-
-			if (showDefault) {
-				const groupId = this.getDefaultGroupId(newsListHBox);
-				if (!isSelected && groupId) {
-					deselectedDefaultFeeds.push(groupId);
-				}
-			} else if (isSelected) {
-				selectedFeeds.push(label.getText());
-			}
-		});
+		if (showDefault) {
+			deselectedDefaultFeeds.push(...this.collectDeselectedDefaultGroupIds());
+		} else {
+			selectedFeeds.push(...this.collectSelectedCustomFeedTitles());
+		}
 
 		const personalizer = await this.getPersonalization();
 		const personalizationData = (await personalizer.read()) || {};
@@ -259,28 +299,64 @@ export default class NewsSettingsPanel extends BaseSettingsPanel {
 		// get the latest value of switch and set the state
 		if (!showDefault) {
 			this.oShowSwitch.setState(personalizationData.favNewsFeed?.showAllPreparationRequired);
+		} else {
+			this._resetActionButton.setEnabled(!!(deselectedDefaultFeeds.length > 0));
 		}
 		await this.oNewsPanel.setCustomNewsFeed(showDefault ? "" : feedKey);
 	}
 
-	/** Get groupId info  for the default NewsList
-	 * @param {HBox} [contentBox] content Hbox
+	/**
+	 * Collect selected custom feed titles from the list
+	 * @returns {string[]} Array of selected custom feed titles
+	 * @private
+	 */
+	private collectSelectedCustomFeedTitles(): string[] {
+		const items = this.oList?.getItems() ?? [];
+		if (!items.length) return [];
+		return items.flatMap((item) => {
+			const content = item.getAggregation("content") as Control[] | undefined;
+			const hBox = content?.[0] as HBox | undefined;
+			if (!hBox) return [];
+			const [checkBox, text] = hBox.getItems() as [CheckBox, Text];
+			return checkBox.getSelected() ? [text.getText()] : [];
+		});
+	}
+
+	/**
+	 * Collect deselected default group IDs from the table
+	 * @returns {string[]} Array of deselected default group IDs from the table
+	 * @private
+	 */
+	private collectDeselectedDefaultGroupIds(): string[] {
+		const rows = (this.groupTable?.getItems() as ColumnListItem[]) ?? [];
+		if (!rows.length) return [];
+		return rows.flatMap((row: ColumnListItem) => {
+			const cells = row.getCells() as [CheckBox, Text, Text];
+			const checkBox = cells[0];
+			if (checkBox.getSelected()) return [];
+			const groupId = this.getDefaultGroupId(row);
+			return groupId ? [groupId] : [];
+		});
+	}
+
+	/**
+	 * Get groupId info  for the default NewsList
+	 * @param {HBox | ColumnListItem} contentBox, content Hbox or ColumnListItem
 	 * @returns {string} groupId
 	 * @private
 	 */
-	private getDefaultGroupId(contentBox: HBox): string {
+	private getDefaultGroupId(contentBox: HBox | ColumnListItem): string {
 		const customData = contentBox.getCustomData();
 		return customData?.length ? (customData[0].getValue() as string) : "";
 	}
 
-	/** Set items for the NewsList
+	/**
+	 * Set items for the NewsList for custom news feed
 	 * @param {Array} [aItems] news items to be set as items aggregation
 	 * @private
 	 */
-	private setItems(aItems: INewsFeed[]) {
+	private setCustomNewsItems(aItems: INewsFeed[]) {
 		this.oList.destroyAggregation("items", true);
-		const newsType = this.oNewsPanel?.getNewsType();
-		let showDefault = newsType === NewsType.Default;
 		(aItems || []).forEach((oItem: INewsFeed, i: number) => {
 			let oNewsListItemHbox = new HBox({
 				id: `${this.getId()}--idCustNewsFeedItemContent--${i}`,
@@ -297,10 +373,7 @@ export default class NewsSettingsPanel extends BaseSettingsPanel {
 				],
 				width: "100%"
 			});
-			if (showDefault) {
-				// if showDefault is true, add group_id as custom data to the item
-				oNewsListItemHbox.addCustomData(new CustomData({ key: "newsGroupId", value: oItem.group_id }));
-			}
+
 			const customListItem = new CustomListItem({
 				id: `${this.getId()}--idCustNewsFeedItem--${i}`,
 				content: [oNewsListItemHbox]
@@ -330,11 +403,15 @@ export default class NewsSettingsPanel extends BaseSettingsPanel {
 		const aPersNewsFeed = (showDefaultNewsFeed ? oPersData?.["defaultNewsFeed"] : oPersData?.["favNewsFeed"]) as IFavNewsFeed;
 		const showAllPreparationRequired = aPersNewsFeed?.showAllPreparationRequired ?? !aPersNewsFeed;
 
-		let aNewsFeed: INewsFeed[] = await this.oNewsPanel.getCustomOrDefaultNewsFeed(showDefaultNewsFeed ? "" : sFeedKey, false);
-
+		let aNewsFeed: INewsFeed[];
 		if (showDefaultNewsFeed) {
+			this._resetActionButton.setVisible(true);
+			this._resetActionButton.setEnabled(!!(aPersNewsFeed?.items?.length > 0));
+			aNewsFeed = await this.oNewsPanel.getDefaultNewsData();
 			return this._handleDefaultNewsFeed(aNewsFeed, aPersNewsFeed);
 		} else {
+			this._resetActionButton.setVisible(false);
+			aNewsFeed = await this.oNewsPanel.getCustomOrDefaultNewsFeed(showDefaultNewsFeed ? "" : sFeedKey, false);
 			return this._handleCustomNewsFeed(aNewsFeed, aPersNewsFeed, showAllPreparationRequired);
 		}
 	}
@@ -350,8 +427,13 @@ export default class NewsSettingsPanel extends BaseSettingsPanel {
 	 * If no news feed is provided, it returns undefined.
 	 */
 	private _handleDefaultNewsFeed(aNewsFeed: INewsFeed[], aPersNewsFeed: IFavNewsFeed): INewsFeed[] | undefined {
-		this.headerText.setText(this._i18nBundle.getText("defaultNewsSettingsText"));
-		this.title.setText(this._i18nBundle.getText("defaultNewsSettingsHeading"));
+		this.headerText.setText(
+			this._i18nBundle.getText("defaultNewsSettingsText") + "\n" + this._i18nBundle.getText("defaultNewsSettingsSubText")
+		);
+		this.title.setVisible(false);
+		this.newsListVBox.setVisible(false);
+		this.oShowSwitch.setState(false);
+
 		const mandatoryNewsFeed = this.oNewsPanel.getMandatoryDefaultNewsFeed();
 		this.deselectedDefaultFeeds = aPersNewsFeed?.items || [];
 
@@ -372,11 +454,44 @@ export default class NewsSettingsPanel extends BaseSettingsPanel {
 			return oNewsFeed;
 		});
 
-		this.setItems(aNewsFeed);
-		this.oShowSwitch.setState(false);
+		this.groupTable.setVisible(true);
+		this.setColumnListItems(aNewsFeed);
+
 		return aNewsFeed;
 	}
 
+	/**
+	 * This method populates the column list items in the group table for the default news feed settings.
+	 * @param aItems Array of news feed items
+	 * @private
+	 */
+	private setColumnListItems(aItems: INewsFeed[]) {
+		this.groupTable.destroyItems();
+		//add column list item, title and article count
+		(aItems || []).forEach((oItem: INewsFeed, i: number) => {
+			const colListItem = new ColumnListItem({
+				id: `${this.getId()}--idNewsGroupColListItem--${i}`,
+				selected: oItem.selected as boolean,
+				type: "Active",
+				cells: [
+					new CheckBox({
+						id: `${this.getId()}--idNewsGroupCheckBox--${i}`,
+						selected: oItem.selected as boolean,
+						enabled: !oItem.disabled,
+						select: () => {
+							void this.saveNewsFeedSettings();
+						}
+					}),
+					new Text({ text: oItem.title }),
+					new Text({ text: String(oItem._group_to_article?.length ?? 0) })
+				]
+			});
+
+			// if showDefault is true, add group_id as custom data to the item
+			colListItem.addCustomData(new CustomData({ key: "newsGroupId", value: oItem.group_id }));
+			this.groupTable.addItem(colListItem);
+		});
+	}
 	/**
 	 * @param {INewsFeed[]} aNewsFeed
 	 * @param aPersNewsFeed
@@ -393,8 +508,11 @@ export default class NewsSettingsPanel extends BaseSettingsPanel {
 		aPersNewsFeed: IFavNewsFeed,
 		showAllPreparationRequired: boolean
 	): INewsFeed[] | undefined {
+		this.groupTable.setVisible(false);
 		this.headerText.setText(this._i18nBundle.getText("newsFeedSettingsText"));
 		this.title.setText(this._i18nBundle.getText("newsFeedSettingsHeading"));
+		this.title.setVisible(true);
+		this.newsListVBox.setVisible(true);
 
 		if (!aNewsFeed || aNewsFeed.length === 0) {
 			return;
@@ -408,11 +526,28 @@ export default class NewsSettingsPanel extends BaseSettingsPanel {
 		});
 
 		this.aFavNewsFeed = aNewsFeed;
-		this.setItems(this.aFavNewsFeed);
+		this.setCustomNewsItems(this.aFavNewsFeed);
 		this.oShowSwitch.setState(!!showAllPreparationRequired);
 		return aNewsFeed;
 	}
 
+	/**
+	 * Resets the default manage news' news settings to default by clearing
+	 * the personalization data and updating the news panel.
+	 * @private
+	 * @returns {Promise<INewsFeed[] | undefined>} A promise that resolves to the updated news feed items or undefined.
+	 */
+	private async resetDefaultNewsSettings() {
+		const personalizer = await this.getPersonalization();
+		const personalizationData = (await personalizer.read()) || {};
+		personalizationData.defaultNewsFeed = { items: [] };
+		await personalizer.write(personalizationData);
+		await this.oNewsPanel.setCustomNewsFeed("");
+		let aNewsFeed = await this.oNewsPanel.getDefaultNewsData();
+		this._resetActionButton.setEnabled(false);
+		return this._handleDefaultNewsFeed(aNewsFeed, personalizationData.defaultNewsFeed);
+	}
+
 	/**
 	 * Checks if the News Settings Panel is supported based on the properties of the News Panel.
 	 *

package/src/sap/cux/home/Page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/Page.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,mBAAmB,CAAC;IACnC;;;OAGG;IAEH,OAAO,OAAO,EAAE,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;IAG/D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;IAClD,OAAO,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;IAElE;;;;;;;;;;;;OAYG;IAEH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,OAAO;oBAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,aAAa;oBACrC,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,aAAa;QAIjD,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAkDvC;QAEW,eAAe,CAAC,KAAK,EAAE,KAAK;KAezC;CAEA"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/Page.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,mBAAmB,CAAC;IACnC;;;OAGG;IAEH,OAAO,OAAO,EAAE,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;IAG/D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;IAClD,OAAO,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;IAGlE;;;;;;;;;;;;OAYG;IAEH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,OAAO;oBAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,aAAa;oBACrC,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,aAAa;QAIjD,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAkDvC;QAEW,eAAe,CAAC,KAAK,EAAE,KAAK;KAgBzC;CAEA"}

package/src/sap/cux/home/Page.js

@@ -2,9 +2,11 @@
  * SAP UI development toolkit for HTML5 (SAPUI5)
  *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
  */
-sap.ui.define(["sap/ui/core/Element", "sap/ushell/Container"], function (Element, Container) {
+sap.ui.define(["sap/ui/core/Element", "sap/ushell/Container", "./utils/FESRUtil"], function (Element, Container, ___utils_FESRUtil) {
   "use strict";
 
+  const addFESRNavigationSource = ___utils_FESRUtil["addFESRNavigationSource"];
+  const FESRNavigationSource = ___utils_FESRUtil["FESRNavigationSource"];
   /**
    *
    * Class for managing and storing Pages.
@@ -110,6 +112,7 @@ sap.ui.define(["sap/ui/core/Element", "sap/ushell/Container"], function (Element
         const sPageId = oPage.getProperty?.("pageId"),
           sSpaceId = oPage.getProperty?.("spaceId");
         return Promise.resolve(Container.getServiceAsync("Navigation")).then(function (navigationService) {
+          addFESRNavigationSource(FESRNavigationSource.Page);
           return Promise.resolve(navigationService.navigate({
             target: {
               semanticObject: "Launchpad",

package/src/sap/cux/home/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","names":["sap","ui","define","Element","Container","Page","extend","metadata","library","properties","title","type","group","defaultValue","icon","subTitle","bgColor","pageId","spaceId","spaceTitle","url","events","press","constructor","_constructor","id","settings","Element.prototype.constructor.call","onPageTilePress","_onPageTilePress","oPage","sPageId","getProperty","sSpaceId","Promise","resolve","getServiceAsync","then","navigationService","navigate","target","semanticObject","action","params","e","reject"],"sources":["Page.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport Element, { MetadataOptions } from \"sap/ui/core/Element\";\nimport Container from \"sap/ushell/Container\";\nimport Navigation from \"sap/ushell/services/Navigation\";\nimport { $PageSettings } from \"./Page\";\nimport { IPage } from \"./interface/PageSpaceInterface\";\n\n/**\n *\n * Class for managing and storing Pages.\n *\n * @extends sap.ui.core.Element\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n * @private\n *\n * @alias sap.cux.home.Page\n */\n\nexport default class Page extends Element {\n\tconstructor(idOrSettings?: string | $PageSettings);\n\tconstructor(id?: string, settings?: $PageSettings);\n\tconstructor(id?: string, settings?: $PageSettings) {\n\t\tsuper(id, settings);\n\t}\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\",\n\t\tproperties: {\n\t\t\t/**\n\t\t\t * Title for the  page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\ttitle: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Icon for the  page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\ticon: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Subtitle for the  page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\tsubTitle: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Background color for the  page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\tbgColor: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Id for the corresponding page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\tpageId: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Space id for the corresponding page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\tspaceId: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Space title for the corresponding page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\tspaceTitle: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Url to be launched for the corresponding page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\turl: { type: \"string\", group: \"Misc\", defaultValue: \"\" }\n\t\t},\n\t\tevents: {\n\t\t\t/**\n\t\t\t * Press event for the page\n\t\t\t */\n\t\t\tpress: {}\n\t\t}\n\t};\n\n\tpublic async onPageTilePress(oPage: IPage) {\n\t\tconst sPageId = oPage.getProperty?.(\"pageId\"),\n\t\t\tsSpaceId = oPage.getProperty?.(\"spaceId\");\n\t\tconst navigationService = await Container.getServiceAsync<Navigation>(\"Navigation\");\n\t\tawait navigationService.navigate({\n\t\t\ttarget: {\n\t\t\t\tsemanticObject: \"Launchpad\",\n\t\t\t\taction: \"openFLPPage\"\n\t\t\t},\n\t\t\tparams: {\n\t\t\t\tpageId: sPageId,\n\t\t\t\tspaceId: sSpaceId\n\t\t\t}\n\t\t});\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AAHAA,GAAA,CAAAC,EAAA,CAAAC,MAAA,4DAAAC,OAAA,EAAAC,SAAA;EAAA;;EAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAZA,MAcqBC,IAAI,GAASF,OAAO,CAAAG,MAAA;IAMxBC,QAAQ,EAAoB;MAC3CC,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE;QACX;AACH;AACA;AACA;QACGC,KAAK,EAAE;UAAEC,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QAC1D;AACH;AACA;AACA;QACGC,IAAI,EAAE;UAAEH,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QACzD;AACH;AACA;AACA;QACGE,QAAQ,EAAE;UAAEJ,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QAC7D;AACH;AACA;AACA;QACGG,OAAO,EAAE;UAAEL,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QAC5D;AACH;AACA;AACA;QACGI,MAAM,EAAE;UAAEN,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QAC3D;AACH;AACA;AACA;QACGK,OAAO,EAAE;UAAEP,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QAC5D;AACH;AACA;AACA;QACGM,UAAU,EAAE;UAAER,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QAC/D;AACH;AACA;AACA;QACGO,GAAG,EAAE;UAAET,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG;MACxD,CAAC;MACDQ,MAAM,EAAE;QACP;AACH;AACA;QACGC,KAAK,EAAE,CAAC;MACT;IACD,CAAC;IArDDC,WAAW,WAAAC,aAACC,EAAW,EAAEC,QAAwB,EAAE;MAClDC,kCAAA,OAAMF,EAAE,EAAEC,QAAQ;IACnB,CAAC;IAqDYE,eAAe,WAAAC,iBAACC,KAAY;MAAA,IAAE;QAC1C,MAAMC,OAAO,GAAGD,KAAK,CAACE,WAAW,GAAG,QAAQ,CAAC;UAC5CC,QAAQ,GAAGH,KAAK,CAACE,WAAW,GAAG,SAAS,CAAC;QAAC,OAAAE,OAAA,CAAAC,OAAA,CACX/B,SAAS,CAACgC,eAAe,CAAa,YAAY,CAAC,EAAAC,IAAA,WAA7EC,iBAAiB;UAAA,OAAAJ,OAAA,CAAAC,OAAA,CACjBG,iBAAiB,CAACC,QAAQ,CAAC;YAChCC,MAAM,EAAE;cACPC,cAAc,EAAE,WAAW;cAC3BC,MAAM,EAAE;YACT,CAAC;YACDC,MAAM,EAAE;cACP1B,MAAM,EAAEc,OAAO;cACfb,OAAO,EAAEe;YACV;UACD,CAAC,CAAC,EAAAI,IAAA;QAAA;MACH,CAAC,QAAAO,CAAA;QAAA,OAAAV,OAAA,CAAAW,MAAA,CAAAD,CAAA;MAAA;IAAA;EAAA;EAAA,OAxEmBvC,IAAI;AAAA","ignoreList":[]}
+{"version":3,"file":"Page.js","names":["sap","ui","define","Element","Container","___utils_FESRUtil","addFESRNavigationSource","FESRNavigationSource","Page","extend","metadata","library","properties","title","type","group","defaultValue","icon","subTitle","bgColor","pageId","spaceId","spaceTitle","url","events","press","constructor","_constructor","id","settings","Element.prototype.constructor.call","onPageTilePress","_onPageTilePress","oPage","sPageId","getProperty","sSpaceId","Promise","resolve","getServiceAsync","then","navigationService","navigate","target","semanticObject","action","params","e","reject"],"sources":["Page.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport Element, { MetadataOptions } from \"sap/ui/core/Element\";\nimport Container from \"sap/ushell/Container\";\nimport Navigation from \"sap/ushell/services/Navigation\";\nimport { $PageSettings } from \"./Page\";\nimport { IPage } from \"./interface/PageSpaceInterface\";\nimport { addFESRNavigationSource, FESRNavigationSource } from \"./utils/FESRUtil\";\n\n/**\n *\n * Class for managing and storing Pages.\n *\n * @extends sap.ui.core.Element\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n * @private\n *\n * @alias sap.cux.home.Page\n */\n\nexport default class Page extends Element {\n\tconstructor(idOrSettings?: string | $PageSettings);\n\tconstructor(id?: string, settings?: $PageSettings);\n\tconstructor(id?: string, settings?: $PageSettings) {\n\t\tsuper(id, settings);\n\t}\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\",\n\t\tproperties: {\n\t\t\t/**\n\t\t\t * Title for the  page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\ttitle: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Icon for the  page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\ticon: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Subtitle for the  page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\tsubTitle: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Background color for the  page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\tbgColor: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Id for the corresponding page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\tpageId: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Space id for the corresponding page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\tspaceId: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Space title for the corresponding page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\tspaceTitle: { type: \"string\", group: \"Misc\", defaultValue: \"\" },\n\t\t\t/**\n\t\t\t * Url to be launched for the corresponding page\n\t\t\t * @since 1.120\n\t\t\t */\n\t\t\turl: { type: \"string\", group: \"Misc\", defaultValue: \"\" }\n\t\t},\n\t\tevents: {\n\t\t\t/**\n\t\t\t * Press event for the page\n\t\t\t */\n\t\t\tpress: {}\n\t\t}\n\t};\n\n\tpublic async onPageTilePress(oPage: IPage) {\n\t\tconst sPageId = oPage.getProperty?.(\"pageId\"),\n\t\t\tsSpaceId = oPage.getProperty?.(\"spaceId\");\n\t\tconst navigationService = await Container.getServiceAsync<Navigation>(\"Navigation\");\n\t\taddFESRNavigationSource(FESRNavigationSource.Page);\n\t\tawait navigationService.navigate({\n\t\t\ttarget: {\n\t\t\t\tsemanticObject: \"Launchpad\",\n\t\t\t\taction: \"openFLPPage\"\n\t\t\t},\n\t\t\tparams: {\n\t\t\t\tpageId: sPageId,\n\t\t\t\tspaceId: sSpaceId\n\t\t\t}\n\t\t});\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AAHAA,GAAA,CAAAC,EAAA,CAAAC,MAAA,gFAAAC,OAAA,EAAAC,SAAA,EAAAC,iBAAA;EAAA;;EAAA,MAUSC,uBAAuB,GAAAD,iBAAA;EAAA,MAAEE,oBAAoB,GAAAF,iBAAA;EAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAZA,MAcqBG,IAAI,GAASL,OAAO,CAAAM,MAAA;IAMxBC,QAAQ,EAAoB;MAC3CC,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE;QACX;AACH;AACA;AACA;QACGC,KAAK,EAAE;UAAEC,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QAC1D;AACH;AACA;AACA;QACGC,IAAI,EAAE;UAAEH,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QACzD;AACH;AACA;AACA;QACGE,QAAQ,EAAE;UAAEJ,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QAC7D;AACH;AACA;AACA;QACGG,OAAO,EAAE;UAAEL,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QAC5D;AACH;AACA;AACA;QACGI,MAAM,EAAE;UAAEN,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QAC3D;AACH;AACA;AACA;QACGK,OAAO,EAAE;UAAEP,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QAC5D;AACH;AACA;AACA;QACGM,UAAU,EAAE;UAAER,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG,CAAC;QAC/D;AACH;AACA;AACA;QACGO,GAAG,EAAE;UAAET,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE;QAAG;MACxD,CAAC;MACDQ,MAAM,EAAE;QACP;AACH;AACA;QACGC,KAAK,EAAE,CAAC;MACT;IACD,CAAC;IArDDC,WAAW,WAAAC,aAACC,EAAW,EAAEC,QAAwB,EAAE;MAClDC,kCAAA,OAAMF,EAAE,EAAEC,QAAQ;IACnB,CAAC;IAqDYE,eAAe,WAAAC,iBAACC,KAAY;MAAA,IAAE;QAC1C,MAAMC,OAAO,GAAGD,KAAK,CAACE,WAAW,GAAG,QAAQ,CAAC;UAC5CC,QAAQ,GAAGH,KAAK,CAACE,WAAW,GAAG,SAAS,CAAC;QAAC,OAAAE,OAAA,CAAAC,OAAA,CACXlC,SAAS,CAACmC,eAAe,CAAa,YAAY,CAAC,EAAAC,IAAA,WAA7EC,iBAAiB;UACvBnC,uBAAuB,CAACC,oBAAoB,CAACC,IAAI,CAAC;UAAC,OAAA6B,OAAA,CAAAC,OAAA,CAC7CG,iBAAiB,CAACC,QAAQ,CAAC;YAChCC,MAAM,EAAE;cACPC,cAAc,EAAE,WAAW;cAC3BC,MAAM,EAAE;YACT,CAAC;YACDC,MAAM,EAAE;cACP1B,MAAM,EAAEc,OAAO;cACfb,OAAO,EAAEe;YACV;UACD,CAAC,CAAC,EAAAI,IAAA;QAAA;MACH,CAAC,QAAAO,CAAA;QAAA,OAAAV,OAAA,CAAAW,MAAA,CAAAD,CAAA;MAAA;IAAA;EAAA;EAAA,OAzEmBvC,IAAI;AAAA","ignoreList":[]}

package/src/sap/cux/home/Page.ts

@@ -8,6 +8,7 @@ import Container from "sap/ushell/Container";
 import Navigation from "sap/ushell/services/Navigation";
 import { $PageSettings } from "./Page";
 import { IPage } from "./interface/PageSpaceInterface";
+import { addFESRNavigationSource, FESRNavigationSource } from "./utils/FESRUtil";
 
 /**
  *
@@ -85,6 +86,7 @@ export default class Page extends Element {
 		const sPageId = oPage.getProperty?.("pageId"),
 			sSpaceId = oPage.getProperty?.("spaceId");
 		const navigationService = await Container.getServiceAsync<Navigation>("Navigation");
+		addFESRNavigationSource(FESRNavigationSource.Page);
 		await navigationService.navigate({
 			target: {
 				semanticObject: "Launchpad",

package/src/sap/cux/home/PagePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PagePanel.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/PagePanel.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,wBAAwB,CAAC;IAOxC,OAAO,OAAO,EAAE,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;IAU1D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;IAGtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;IACzE,OAAO,aAAa,MAAM,4BAA4B,CAAC;IAIvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;IACpF,OAAO,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;IAWlE,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;KAsBd,CAAC;IAEF,MAAM,kBAAkB,IAAI,CAAC;IAC7B,MAAM,YAAY,IAAI,CAAC;IACvB,MAAM,WAAW,IAAI,CAAC;IAEtB;;;;;;;;;;;;OAYG;IACH,MAAM,aAAc,SAAQ,OAAO;oBACtB,YAAY,CAAC,EAAE,MAAM,GAAG,gBAAgB;oBACxC,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,gBAAgB;QAKpD,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAKvC;QACF,MAAM,CAAC,QAAQ;;UAEb;KACF;IAED;;;;;;;;;;;;;;OAcG;IAEH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,aAAa;QACnD,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAkBvC;QACF,OAAO,CAAC,gBAAgB,CAAiB;QACzC,OAAO,CAAC,YAAY,CAAQ;QAC5B,OAAO,CAAC,YAAY,CAA2B;QAC/C,OAAO,CAAC,mBAAmB,CAAe;QAC1C,OAAO,CAAC,SAAS,CAAW;QAC5B,OAAO,CAAC,cAAc,CAAiB;QACvC,OAAO,CAAC,UAAU,CAAsB;QACxC,OAAO,CAAC,kBAAkB,CAAQ;QAClC,OAAO,CAAC,WAAW,CAAU;QAC7B,OAAO,CAAC,aAAa,CAAsB;QAC3C,OAAO,CAAC,SAAS,CAAY;QAE7B;;;;;WAKG;oBACgB,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,sBAAsB;QAIjE,IAAI;QAiDJ,OAAO,CAAC,WAAW;QAKN,OAAO,CAAC,WAAW,GAAE,OAAe;QAYjD;;;;;WAKG;QACH,OAAO,CAAC,gBAAgB;QAKxB;;;WAGG;QACH,OAAO,CAAC,uBAAuB;QAiBxB,mBAAmB,CACzB,iBAAiB,EAAE,OAAO,EAC1B,cAAc,EAAE,MAAM,EACtB,mBAAmB,EAAE,OAAO,GAC1B,IAAI;QAqDM,qBAAqB;QAIlC,OAAO,CAAC,oBAAoB;QAoB5B,OAAO,CAAC,iBAAiB;QAqEzB,OAAO,CAAC,mBAAmB;QAQ3B,OAAO,CAAC,oBAAoB;QAkB5B,OAAO,CAAC,iBAAiB;QAiBzB,OAAO,CAAC,kBAAkB;gBAaZ,cAAc;gBAkBd,eAAe;QAe7B;;;;;;;;WAQG;QACH,OAAO,CAAC,eAAe;QASvB;;;;;;;WAOG;gBACW,qBAAqB;QAc5B,0BAA0B,CAAC,gBAAgB,EAAE,KAAK,CAAC,yBAAyB,CAAC;QAI7E,yBAAyB,CAAC,gBAAgB,EAAE,KAAK,CAAC,yBAAyB,CAAC;QAInF,OAAO,CAAC,uBAAuB;QAK/B;;;;;WAKG;QACI,cAAc,IAAI,OAAO;KAGhC;CAEA"}
+{"version":3,"file":"PagePanel.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/PagePanel.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,wBAAwB,CAAC;IAOxC,OAAO,OAAO,EAAE,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;IAU1D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;IAGtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;IACzE,OAAO,aAAa,MAAM,4BAA4B,CAAC;IAIvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;IACpF,OAAO,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;IAWlE,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;KAsBd,CAAC;IAEF,MAAM,kBAAkB,IAAI,CAAC;IAC7B,MAAM,YAAY,IAAI,CAAC;IACvB,MAAM,WAAW,IAAI,CAAC;IAEtB;;;;;;;;;;;;OAYG;IACH,MAAM,aAAc,SAAQ,OAAO;oBACtB,YAAY,CAAC,EAAE,MAAM,GAAG,gBAAgB;oBACxC,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,gBAAgB;QAKpD,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAKvC;QACF,MAAM,CAAC,QAAQ;;UAEb;KACF;IAED;;;;;;;;;;;;;;OAcG;IAEH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,aAAa;QACnD,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAkBvC;QACF,OAAO,CAAC,gBAAgB,CAAiB;QACzC,OAAO,CAAC,YAAY,CAAQ;QAC5B,OAAO,CAAC,YAAY,CAA2B;QAC/C,OAAO,CAAC,mBAAmB,CAAe;QAC1C,OAAO,CAAC,SAAS,CAAW;QAC5B,OAAO,CAAC,cAAc,CAAiB;QACvC,OAAO,CAAC,UAAU,CAAsB;QACxC,OAAO,CAAC,kBAAkB,CAAQ;QAClC,OAAO,CAAC,WAAW,CAAU;QAC7B,OAAO,CAAC,aAAa,CAAsB;QAC3C,OAAO,CAAC,SAAS,CAAY;QAE7B;;;;;WAKG;oBACgB,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,sBAAsB;QAIjE,IAAI;QAqDJ,OAAO,CAAC,WAAW;QAKN,OAAO,CAAC,WAAW,GAAE,OAAe;QAYjD;;;;;WAKG;QACH,OAAO,CAAC,gBAAgB;QAKxB;;;WAGG;QACH,OAAO,CAAC,uBAAuB;QAiBxB,mBAAmB,CAAC,iBAAiB,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,mBAAmB,EAAE,OAAO,GAAG,IAAI;QAqDrG,qBAAqB;QAIlC,OAAO,CAAC,oBAAoB;QAoB5B,OAAO,CAAC,iBAAiB;QAqEzB,OAAO,CAAC,mBAAmB;QAQ3B,OAAO,CAAC,oBAAoB;QAkB5B,OAAO,CAAC,iBAAiB;QAiBzB,OAAO,CAAC,kBAAkB;gBAaZ,cAAc;gBAkBd,eAAe;QAe7B;;;;;;;;WAQG;QACH,OAAO,CAAC,eAAe;QASvB;;;;;;;WAOG;gBACW,qBAAqB;QAc5B,0BAA0B,CAAC,gBAAgB,EAAE,KAAK,CAAC,yBAAyB,CAAC;QAI7E,yBAAyB,CAAC,gBAAgB,EAAE,KAAK,CAAC,yBAAyB,CAAC;QAInF,OAAO,CAAC,uBAAuB;QAK/B;;;;;WAKG;QACI,cAAc,IAAI,OAAO;KAGhC;CAEA"}

package/src/sap/cux/home/PagePanel.js

@@ -153,7 +153,10 @@ sap.ui.define(["sap/m/Button", "sap/m/FlexBox", "sap/m/GenericTile", "sap/m/Illu
         renderType: "Bare",
         wrap: "Wrap",
         items: this.getPlaceholderPageTiles()
-      }).addStyleClass("pagesFlexGap sapUiSmallMarginTop sapCuxPagesWrapper");
+      }).addStyleClass("pagesFlexGap sapCuxPagesWrapper");
+      if (this.getDeviceType() !== DeviceType.Mobile) {
+        this._oWrapperFlexBox.addStyleClass("sapUiSmallMarginTop");
+      }
       this._pageWrapper = new VBox(`${this.getId()}-pageContentWrapper`, {
         items: [this._oWrapperFlexBox]
       });
@@ -258,7 +261,7 @@ sap.ui.define(["sap/m/Button", "sap/m/FlexBox", "sap/m/GenericTile", "sap/m/Illu
           hBoxWidth,
           finalTilesWidth,
           wrapperWidth = domRefClientWidth / 16; // Divide by 16 to convert to rem,
-        const gap = 1;
+        const gap = deviceType === DeviceType.Mobile ? 0.5 : 1;
         pagesContentWrapper.setWidth("100%");
         if (favPagesCount > 0) {
           const pagesPerRow = this.calculatePagesPerRow(favPagesCount, isNewsTileVisible);