@sapui5/sap.cux.home 1.141.0 → 1.143.0

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

@@ -28,6 +28,7 @@ import BaseContainer from "./BaseContainer";
 import BaseLayout from "./BaseLayout";
 import BaseSettingsPanel, { $BaseSettingsPanelSettings } from "./BaseSettingsPanel";
 import Layout from "./Layout";
+import NoDataContainer from "./NoDataContainer";
 import { CHANGE_TYPES } from "./flexibility/Layout.flexibility";
 import { IControlPersonalizationWriteAPI, IDragEvent, IElement, IManagePersChanges } from "./interface/LayoutInterface";
 import { getInvisibleText } from "./utils/Accessibility";
@@ -102,24 +103,24 @@ export default class LayoutSettingsPanel extends BaseSettingsPanel {
 	 *
 	 * @private
 	 */
-	private async createShowHideChangeFile(oControlEvent: Event): Promise<void> {
+	private async createShowHideChangeFile(oControlEvent: Event, itemIndex: number): Promise<void> {
 		const toggle = oControlEvent.getSource<ToggleButton>();
 		const bValue = !toggle.getPressed();
-		const oContext = toggle.getBindingContext()?.getObject() as IElement;
-
-		oContext.visible = bValue;
-		(this._getPanel() as Layout).getSections().find((section) => section.completeId === oContext.completeId)!.visible = bValue;
+		const contextObject = toggle.getBindingContext()?.getObject() as IElement;
+		const selectedCompleteId = contextObject.isComposite ? contextObject.children![itemIndex].completeId : contextObject.completeId;
 
 		const sChangeType = bValue ? CHANGE_TYPES.UNHIDE : CHANGE_TYPES.HIDE;
-		const oWrapperItem = Element.getElementById(oContext.completeId) as BaseContainer;
+		const oWrapperItem = Element.getElementById(selectedCompleteId) as BaseContainer;
 
 		this._manageSectionsChanges.push({
 			selectorElement: oWrapperItem,
 			changeSpecificData: {
-				changeType: sChangeType
+				changeType: sChangeType,
+				content: {
+					compositeId: oWrapperItem.getProperty("compositeId") as string
+				}
 			}
 		});
-		// }
 		await this._saveManageSectionsDialog();
 		setTimeout(() => oWrapperItem.adjustLayout());
 
@@ -127,6 +128,25 @@ export default class LayoutSettingsPanel extends BaseSettingsPanel {
 		if (!bValue) {
 			this._switchToCollapsedViewIfRequired([oWrapperItem]);
 		}
+
+		//update this._orderedSections visibility
+		toggle.setPressed(!bValue);
+
+		//loop through this._orderedSections and update the visibility of the section which has same composite id as oWrapperItem
+		for (const section of this._orderedSections) {
+			// Check for matching composite ID
+			if (section.compositeId === oWrapperItem.getProperty("compositeId") && section.compositeId !== undefined) {
+				for (const child of section.children || []) {
+					if (child.completeId === selectedCompleteId) {
+						child.visible = bValue;
+						return; // Exit the whole function once found & set
+					}
+				}
+			} else if (section.completeId === selectedCompleteId) {
+				section.visible = bValue;
+				return; // Exit the whole function once found & set
+			}
+		}
 	}
 
 	/**
@@ -139,15 +159,75 @@ export default class LayoutSettingsPanel extends BaseSettingsPanel {
 	private _switchToCollapsedViewIfRequired(containers: BaseContainer[]): void {
 		const layout = this._getPanel() as Layout;
 		const isLayoutExpanded = layout.getProperty("expanded") as boolean;
-		const expandedContainer = containers.filter(
-			(container) => layout._getCurrentExpandedElementName() === container.getProperty("fullScreenName")
-		);
+		const expandedContainer = containers.filter((container) => {
+			//find the fullscreename of the container if available else loop through the content of container
+			// and search in its panels which are present in its content aggregation
+			let fullScreenName = (container.getProperty("fullScreenName") as string) || undefined;
+			if (!fullScreenName) {
+				return container
+					.getContent()
+					.some((panel) => layout._getCurrentExpandedElementName() === panel.getProperty("fullScreenName"));
+			}
+			return layout._getCurrentExpandedElementName() === container.getProperty("fullScreenName");
+		});
 
 		if (isLayoutExpanded) {
 			layout.toggleFullScreen(expandedContainer[0]._getSelectedPanel());
 		}
 	}
 
+	//function to update this._orderedSections
+	private _updateOrderedSections(): void {
+		const createEmptyCompositeItem = (): IElement => ({
+			completeId: "",
+			sContainerType: "",
+			blocked: false,
+			visible: false,
+			title: "",
+			text: "",
+			isComposite: false,
+			children: []
+		});
+		const compositeMap: { [key: string]: IElement[] } = {};
+		this._orderedSections.forEach((section) => {
+			const container = Element.getElementById(section.completeId) as BaseContainer | null;
+
+			if (container instanceof BaseContainer) {
+				const compositeId = container.getProperty("compositeId") as string;
+				if (compositeId) {
+					if (!compositeMap[compositeId]) {
+						compositeMap[compositeId] = [];
+					}
+					section.compositeId = compositeId;
+					section.groupTitle = container.getCustomSettings().groupTitle || "";
+					compositeMap[compositeId].push(section);
+				} else {
+					section.compositeId = null;
+				}
+			}
+		});
+
+		// map through this.orderedSections and replace items with compositeId with a single composite item containing its children
+		this._orderedSections = this._orderedSections.map((section) => {
+			if (section.compositeId && compositeMap[section.compositeId]) {
+				const compositeItem = createEmptyCompositeItem();
+				compositeMap[section.compositeId].forEach((section) => {
+					this.addToCompositeItem(section, compositeItem, section.groupTitle as string);
+				});
+				delete compositeMap[section.compositeId];
+				return compositeItem;
+			}
+			return section;
+		});
+
+		//filter this.orderedSections to remove items which has same composite item with no children
+		this._orderedSections = this._orderedSections.filter((section) => {
+			if (section.compositeId) {
+				return section.children && section.children.length > 0;
+			}
+			return true;
+		});
+	}
 	/**
 	 * Method to load the sections
 	 *
@@ -156,29 +236,157 @@ export default class LayoutSettingsPanel extends BaseSettingsPanel {
 	private async _loadSections(): Promise<void> {
 		const layout = this._getPanel() as Layout;
 		await layout._calculateSectionsState();
-
-		this._orderedSections = JSON.parse(JSON.stringify(layout.getSections())) as IElement[];
-		// not a good way as there could be more than one insights container, discuss
-		this._orderedSections.forEach((oSection) => {
-			if (oSection.sContainerType === "sap.cux.home.InsightsContainer" && !oSection.title) {
-				oSection.title = String(this._i18nBundle?.getText("insights"));
+		const sections = layout.getSections();
+		this._orderedSections = JSON.parse(JSON.stringify(sections)) as IElement[];
+
+		//loop through this._orderedSections and take out the children items from composite items and add them to same list
+		this._orderedSections = this._orderedSections.reduce((accumulator, section) => {
+			if (section.isComposite && section.children) {
+				accumulator.push(...section.children);
+			} else {
+				accumulator.push(section);
 			}
-		});
+			return accumulator;
+		}, [] as IElement[]);
+		this._updateOrderedSections();
 		this._controlModel = new JSONModel(this._orderedSections);
 		this._layoutTable.setModel(this._controlModel);
 
 		this._layoutTable.bindItems({
 			path: "/",
-			factory: (id) => {
+			factory: (id, context) => {
 				if (!this._dndInvisibleText || this._dndInvisibleText.isDestroyed()) {
 					this._dndInvisibleText = getInvisibleText(
 						this.getId() + "--layoutDndText",
 						this._i18nBundle.getText("keyPressAriaText")
 					);
 				}
-				return new ColumnListItem(`${id}--columnListItem`, {
-					type: "Inactive",
-					cells: [
+				//check the condition for news and pages as it is a composite container
+				if ((context.getObject() as IElement)?.isComposite === true) {
+					return this.getCompositeLayoutListItem(id);
+				}
+				return this.getLayoutListItem(id);
+			}
+		});
+
+		// attach collapse event handler to rearrange layout elements if required
+		if (!this._isCollapseHandlerAttached) {
+			this._isCollapseHandlerAttached = true;
+			layout.attachEvent("onCollapse", () => this._rearrangeLayoutIfRequired());
+		}
+	}
+
+	private addToCompositeItem(section: IElement, compositeItem: IElement, compositeTitle: string) {
+		compositeItem.isComposite = true;
+		compositeItem.title = compositeTitle;
+
+		if (!compositeItem.completeId) {
+			compositeItem.completeId = section.completeId;
+		}
+		//Add compositeId
+		compositeItem.compositeId = section.compositeId;
+
+		compositeItem.children?.push({ ...section });
+
+		compositeItem.text = section.text;
+		compositeItem.blocked = section.blocked;
+		compositeItem.visible = section.visible;
+	}
+
+	private getLayoutListItem(id: string): ColumnListItem {
+		return new ColumnListItem(`${id}--columnListItem`, {
+			type: "Inactive",
+			cells: [
+				new HBox(`${id}--columnListHBox`, {
+					alignItems: "Center",
+					items: [
+						new Icon(`${id}--columnListIcon`, {
+							src: "sap-icon://vertical-grip"
+						}).addStyleClass("sapUiSmallMarginEnd"),
+						new HBox(`${id}--columnListItemHBox`, {
+							justifyContent: "SpaceBetween",
+							alignItems: "Center",
+							width: "100%",
+							items: [
+								new ObjectIdentifier(`${id}--columnListObjectIdentifier`, {
+									title: "{title}",
+									text: "{text}",
+									tooltip: "{title}"
+								}),
+								new ToggleButton(`${id}--layoutSettingstoggleButton`, {
+									tooltip:
+										"{= ${visible} ? '" +
+										this._i18nBundle.getText("hideBtn") +
+										"' : '" +
+										this._i18nBundle.getText("showBtn") +
+										"' }",
+									icon: "sap-icon://show",
+									type: "Emphasized",
+									enabled: "{= !${blocked}}",
+									press: (event: Event) => {
+										void this.createShowHideChangeFile(event, 0);
+									},
+									pressed: "{= !${visible}}",
+									ariaLabelledBy: ["selectLabel"]
+								}).addStyleClass("sapUiTinyMarginEnd sapUiTinyMarginTop")
+							]
+						}),
+						this._dndInvisibleText
+					],
+					width: "100%"
+				})
+			],
+			ariaLabelledBy: [this._dndInvisibleText.getId()]
+		}).addStyleClass("insightsListItem insightsListMargin");
+	}
+
+	private getCompositeLayoutListItem(id: string): ColumnListItem {
+		const oTemplateHBox = new VBox(`${id}--compositeVBox`, {
+			items: {
+				path: "children",
+				factory: (childId: string, oContext) => {
+					const iIndex = parseInt(childId.split("-").pop() || "0", 10);
+
+					return new HBox(`${id}--columnListItemChildHBox${iIndex}`, {
+						justifyContent: "SpaceBetween",
+						alignItems: "Center",
+						items: [
+							new ObjectIdentifier(`${id}--childObjectIdentifier${iIndex}`, {
+								title: oContext.getProperty("title") as string,
+								text: oContext.getProperty("text") as string,
+								tooltip: oContext.getProperty("title") as string
+							}),
+							new ToggleButton(`${id}--layoutSettingstoggleButtonChild${iIndex}`, {
+								tooltip: {
+									parts: [{ path: "visible" }, { path: "blocked" }],
+									formatter: (bVisible: boolean, bBlocked: boolean) => {
+										if (bBlocked) {
+											return this._i18nBundle.getText("blockedTooltip");
+										}
+										return bVisible ? this._i18nBundle.getText("hideBtn") : this._i18nBundle.getText("showBtn");
+									}
+								},
+								icon: "sap-icon://show",
+								type: "Emphasized",
+								enabled: "{= !${blocked}}",
+								pressed: "{= !${visible}}",
+								ariaLabelledBy: ["selectLabel"],
+								press: (event: Event) => {
+									void this.createShowHideChangeFile(event, iIndex);
+								}
+							}).addStyleClass("sapUiTinyMarginEnd sapUiTinyMarginTop")
+						]
+					}).addStyleClass("sapCuxCompositeItem");
+				}
+			}
+		});
+
+		return new ColumnListItem(`${id}--columnListItem`, {
+			type: "Inactive",
+			cells: [
+				new VBox(`${id}--compositeVBoxContainer`, {
+					items: [
+						// Header (main title)
 						new HBox(`${id}--columnListHBox`, {
 							alignItems: "Center",
 							items: [
@@ -194,40 +402,39 @@ export default class LayoutSettingsPanel extends BaseSettingsPanel {
 											title: "{title}",
 											text: "{text}",
 											tooltip: "{title}"
-										}),
-										new ToggleButton(`${id}--layoutSettingstoggleButton`, {
-											tooltip:
-												"{= ${visible} ? '" +
-												this._i18nBundle.getText("hideBtn") +
-												"' : '" +
-												this._i18nBundle.getText("showBtn") +
-												"' }",
-											icon: "sap-icon://show",
-											type: "Emphasized",
-											enabled: "{= !${blocked}}",
-											press: (event: Event) => {
-												void this.createShowHideChangeFile(event);
-											},
-											pressed: "{= !${visible}}",
-											ariaLabelledBy: ["selectLabel"]
-										}).addStyleClass("sapUiTinyMarginEnd sapUiTinyMarginTop")
+										})
 									]
-								}),
-								this._dndInvisibleText
+								})
 							],
 							width: "100%"
-						})
-					],
-					ariaLabelledBy: [this._dndInvisibleText.getId()]
-				}).addStyleClass("insightsListItem insightsListMargin");
+						}).addStyleClass("sapUiTinyMarginTopBottom"),
+
+						// Dynamically bound children
+						oTemplateHBox,
+
+						// Drag-n-drop invisible text
+						this._dndInvisibleText
+					]
+				})
+			],
+			ariaLabelledBy: [this._dndInvisibleText.getId()]
+		}).addStyleClass("insightsListItem insightsListMargin");
+	}
+	/**
+	 * Reduces the ordered sections by flattening composite items.
+	 * @private
+	 * @returns {IElement[]} The reduced list of ordered sections.
+	 */
+	private _reduceOrderedSections(): IElement[] {
+		//loop through this._orderedSections and take out the children items from composite items and add them to same list
+		return this._orderedSections.reduce((accumulator, section) => {
+			if (section.isComposite && section.children) {
+				accumulator.push(...section.children);
+			} else {
+				accumulator.push(section);
 			}
-		});
-
-		// attach collapse event handler to rearrange layout elements if required
-		if (!this._isCollapseHandlerAttached) {
-			this._isCollapseHandlerAttached = true;
-			layout.attachEvent("onCollapse", () => this._rearrangeLayoutIfRequired());
-		}
+			return accumulator;
+		}, [] as IElement[]);
 	}
 
 	/**
@@ -240,6 +447,12 @@ export default class LayoutSettingsPanel extends BaseSettingsPanel {
 		const currentLayoutElements = layout.getItems();
 
 		if (Array.isArray(this._allLayoutElements) && currentLayoutElements.length === this._allLayoutElements.length) {
+			//pick each elements out from this._orderedSections
+			const elementList = this._reduceOrderedSections();
+			//Now loop through elementList and _allLayoutElements to rearrange _allLayoutElements list based on completeId
+			this._allLayoutElements = elementList.map((element) => {
+				return this._allLayoutElements.find((layoutElement) => layoutElement.getId() === element.completeId)!;
+			});
 			const isOrderChanged = currentLayoutElements.some((element, index) => {
 				return element.getId() !== this._allLayoutElements[index].getId();
 			});
@@ -386,7 +599,7 @@ export default class LayoutSettingsPanel extends BaseSettingsPanel {
 	 */
 	private _getActualIndex(id: string): number {
 		const layout = this._getPanel() as Layout;
-		this._allLayoutElements = this._allLayoutElements || [...layout.getItems()];
+		this._allLayoutElements = [...layout.getItems()];
 		const isLayoutExpanded = layout.getProperty("expanded") as boolean;
 		const expandedElementConfig = layout._getCurrentExpandedElement();
 
@@ -437,19 +650,54 @@ export default class LayoutSettingsPanel extends BaseSettingsPanel {
 		const oDropItem = ((oEvent as DropInfo$DropEvent).getParameter?.("droppedControl") ||
 			(oEvent as IDragEvent).droppedControl) as ColumnListItem;
 		const iDropItemIndex = (oDragItem.getParent() as Table)?.indexOfItem(oDropItem);
-
 		if (iDragItemIndex !== iDropItemIndex) {
 			const sectionOrder = this._orderedSections;
 			const dragObject = oDragItem.getBindingContext()?.getObject() as IElement;
 			const dropObject = oDropItem.getBindingContext()?.getObject() as IElement;
 
-			const actualDragItemIndex = this._getActualIndex(dragObject.completeId);
-			const actualDropItemIndex = this._getActualIndex(dropObject.completeId);
+			let actualDragItemIndex = this._getActualIndex(dragObject.completeId);
+			let actualDropItemIndex = this._getActualIndex(dropObject.completeId);
 			this._rearrangeLayoutElements(actualDragItemIndex, actualDropItemIndex);
 
 			sectionOrder.splice(iDragItemIndex, 1);
 			sectionOrder.splice(iDropItemIndex, 0, dragObject);
 			oWrapper.setSections(sectionOrder);
+			//loop through the oWrapper.getItems() and find the index and noData Container
+			let noDataContainerIndex = -1;
+			const items = oWrapper.getItems();
+			let noDataContainer: NoDataContainer | null = null;
+			for (let i = 0; i < items.length; i++) {
+				const item = items[i];
+				if (item instanceof NoDataContainer) {
+					noDataContainerIndex = i;
+					noDataContainer = item;
+				}
+			}
+
+			//now insert the noDataContainer back to its noDataContainerIndex in sectionOrder
+			if (noDataContainer && noDataContainerIndex !== -1) {
+				sectionOrder.splice(noDataContainerIndex, 0, noDataContainer as unknown as IElement);
+			}
+
+			let finalTargetIndex = 0;
+			const elementList = this._reduceOrderedSections();
+			finalTargetIndex = elementList.findIndex((element) => element.completeId === dragObject.completeId);
+
+			//find the composite child for this dragObject if it has a composite id
+			const compositeChildren = elementList.filter((element) => {
+				if (
+					dragObject.compositeId &&
+					dragObject.compositeId === element.compositeId &&
+					element.completeId !== dragObject.completeId
+				) {
+					return true;
+				}
+			});
+
+			if (noDataContainer && noDataContainerIndex !== -1) {
+				//remove noDataContainer from sectionOrder to avoid the display of an empty item in myhome Settings dialog
+				sectionOrder.splice(noDataContainerIndex, 1);
+			}
 
 			this._manageSectionsChanges.push({
 				selectorElement: oWrapper,
@@ -459,7 +707,10 @@ export default class LayoutSettingsPanel extends BaseSettingsPanel {
 						{
 							id: dragObject.completeId,
 							sourceIndex: actualDragItemIndex,
-							targetIndex: actualDropItemIndex
+							targetIndex:
+								iDragItemIndex < iDropItemIndex && dragObject.isComposite && compositeChildren.length
+									? finalTargetIndex + 1 // Adjust index when composite has children and moving forward
+									: finalTargetIndex
 						}
 					],
 					source: {
@@ -473,12 +724,70 @@ export default class LayoutSettingsPanel extends BaseSettingsPanel {
 				}
 			});
 
+			if (compositeChildren.length > 0) {
+				compositeChildren.forEach((compositeChild) => {
+					this._manageSectionsChanges.push({
+						selectorElement: oWrapper,
+						changeSpecificData: {
+							changeType: CHANGE_TYPES.MOVE,
+							movedElements: [
+								{
+									id: compositeChild.completeId,
+									sourceIndex: actualDragItemIndex,
+									targetIndex: finalTargetIndex + 1 // +1 as it will be after the main dragObject
+								}
+							],
+							source: {
+								id: wrapperId,
+								aggregation: "items"
+							},
+							target: {
+								id: wrapperId,
+								aggregation: "items"
+							}
+						}
+					});
+				});
+			}
+
 			await this._saveManageSectionsDialog();
+			// Switch to collapsed view if any of the containers is in expanded view
+			const isLayoutExpanded = oWrapper.getProperty("expanded") as boolean;
+			if (isLayoutExpanded && dragObject.isComposite) {
+				const expandedElementName = oWrapper._getCurrentExpandedElementName();
+				const compositeContainer = Element.getElementById(dragObject.completeId) as BaseContainer;
+				//find the fullScreenName of the expanded element from the content of composite container
+				const fullScreenName = compositeContainer
+					.getContent()
+					.find((panel) => panel.getProperty("fullScreenName") === expandedElementName)
+					?.getProperty("fullScreenName") as string;
+				let draggedContainer: BaseContainer | undefined;
+
+				// If expanded element name differs, find the matching child container
+				if (expandedElementName !== fullScreenName) {
+					const matchingChild = dragObject.children?.find((child) => {
+						const childContainer = Element.getElementById(child.completeId) as BaseContainer;
+						//loop through the content of childContainer to find the panel which has fullScreenName property same as expandedElementName
+						return childContainer.getContent().find((panel) => {
+							return panel.getProperty("fullScreenName") === expandedElementName;
+						});
+					});
 
-			//switch to collapsed view if any of the containers is in expanded view
-			const draggedContainer = Element.getElementById(dragObject.completeId) as BaseContainer;
-			const droppedContainer = Element.getElementById(dropObject.completeId) as BaseContainer;
-			this._switchToCollapsedViewIfRequired([draggedContainer, droppedContainer]);
+					draggedContainer = matchingChild
+						? (Element.getElementById(matchingChild.completeId) as BaseContainer)
+						: (Element.getElementById(dragObject.completeId) as BaseContainer);
+				} else {
+					draggedContainer = Element.getElementById(dragObject.completeId) as BaseContainer;
+				}
+
+				const droppedContainer = Element.getElementById(dropObject.completeId) as BaseContainer;
+				this._switchToCollapsedViewIfRequired([draggedContainer, droppedContainer]);
+			} else {
+				// Fallback: always collapse dragged and dropped containers
+				const draggedContainer = Element.getElementById(dragObject.completeId) as BaseContainer;
+				const droppedContainer = Element.getElementById(dropObject.completeId) as BaseContainer;
+				this._switchToCollapsedViewIfRequired([draggedContainer, droppedContainer]);
+			}
 		}
 		focusDraggedItem(this._layoutTable, iDropItemIndex);
 	}
@@ -494,13 +803,20 @@ export default class LayoutSettingsPanel extends BaseSettingsPanel {
 			icon: MessageBox.Icon.QUESTION,
 			title: this._i18nBundle.getText("reset_cards_confirmation_title"),
 			actions: [this._i18nBundle.getText("reset_cards_button") as string, MessageBox.Action.CANCEL],
-			onClose: async (oAction: string) => {
+			onClose: async (oAction: string | null) => {
 				if (oAction === this._i18nBundle.getText("reset_cards_button")) {
 					const aChangesForDeletion: (BaseContainer | BaseLayout)[] = [];
 
 					for (let section of this._orderedSections) {
-						const element = Element.getElementById(section.completeId) as BaseContainer;
-						aChangesForDeletion.push(element);
+						if (section.isComposite && section.children) {
+							for (let panel of section.children) {
+								const element = Element.getElementById(panel.completeId) as BaseContainer;
+								aChangesForDeletion.push(element);
+							}
+						} else {
+							const element = Element.getElementById(section.completeId) as BaseContainer;
+							aChangesForDeletion.push(element);
+						}
 					}
 					// Revert Changes Related to DragnDrop
 					aChangesForDeletion.push(this._getPanel() as Layout);

package/src/sap/cux/home/{NewsAndPagesContainer.d.ts → NewsContainer.d.ts}

@@ -1,12 +1,8 @@
-declare module "sap/cux/home/NewsAndPagesContainer" {
-    /*!
-     * SAP UI development toolkit for HTML5 (SAPUI5)
-     *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
-     */
+declare module "sap/cux/home/NewsContainer" {
     import type { MetadataOptions } from "sap/ui/core/Element";
     import BaseContainer from "sap/cux/home/BaseContainer";
     import BasePanel from "sap/cux/home/BasePanel";
-    import type { $NewsAndPagesContainerSettings } from "sap/cux/home/NewsAndPagesContainer";
+    import type { $NewsContainerSettings } from "sap/cux/home/NewsContainer";
     import { INewsFeedVisibiliyChange, INewsPersData } from "sap/cux/home/interface/KeyUserInterface";
     import { NewsType } from "sap/cux/home/library";
     interface IpanelLoaded {
@@ -21,20 +17,20 @@ declare module "sap/cux/home/NewsAndPagesContainer" {
     }
     /**
      *
-     * Container class for managing and storing News and Pages.
+     * Container class for managing and storing News.
      *
      * @extends BaseContainer
      *
      * @author SAP SE
      * @version 0.0.1
-     * @since 1.121
+     * @since 1.142
      *
      * @private
      * @ui5-restricted ux.eng.s4producthomes1
      *
-     * @alias sap.cux.home.NewsAndPagesContainer
+     * @alias sap.cux.home.NewsContainer
      */
-    export default class NewsAndPagesContainer extends BaseContainer {
+    export default class NewsContainer extends BaseContainer {
         static renderer: {
             apiVersion: number;
             render: (rm: import("sap/ui/core/RenderManager").default, control: BaseContainer) => void;
@@ -42,12 +38,11 @@ declare module "sap/cux/home/NewsAndPagesContainer" {
         };
         static readonly metadata: MetadataOptions;
         private panelLoaded;
-        private pagePanel;
         private newsPanel;
         private keyUserChange;
         private isEndUserChange;
-        constructor(id?: string | $NewsAndPagesContainerSettings);
-        constructor(id?: string, settings?: $NewsAndPagesContainerSettings);
+        constructor(id?: string | $NewsContainerSettings);
+        constructor(id?: string, settings?: $NewsContainerSettings);
         /**
          * Init lifecycle method
          *
@@ -56,7 +51,7 @@ declare module "sap/cux/home/NewsAndPagesContainer" {
          */
         init(): void;
         /**
-         * Loads the News and Pages section.
+         * Loads the News section.
          * Overrides the load method of the BaseContainer.
          *
          * @private
@@ -83,7 +78,7 @@ declare module "sap/cux/home/NewsAndPagesContainer" {
             loaded: boolean;
             count: number;
         }): void;
-        adjustStyleLayout(bIsNewsTileVisible: boolean): void;
+        adjustStyleLayout(): void;
         /**
          * Adjusts the layout of the all panels in the container.
          *
@@ -92,11 +87,11 @@ declare module "sap/cux/home/NewsAndPagesContainer" {
          */
         adjustLayout(): void;
         /**
-         * Retrieves the generic placeholder content for the News and Pages container.
+         * Retrieves the generic placeholder content for the News container.
          *
-         * @returns {string} The HTML string representing the News and Pages container's placeholder content.
+         * @returns {string} The HTML string representing the News container's placeholder content.
          */
         protected getGenericPlaceholderContent(): string;
     }
 }
-//# sourceMappingURL=NewsAndPagesContainer.d.ts.map
+//# sourceMappingURL=NewsContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewsContainer.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/NewsContainer.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,4BAA4B,CAAC;IAO5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;IAC3D,OAAO,aAAa,MAAM,4BAA4B,CAAC;IACvD,OAAO,SAAS,MAAM,wBAAwB,CAAC;IAC/C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;IAEzE,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;IAClG,OAAO,EAAE,QAAQ,EAAmB,MAAM,sBAAsB,CAAC;IAIjE,UAAU,YAAY;QACrB,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,MAAM,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAC;KAClD;IAED,UAAU,mBAAmB;QAC5B,SAAS,EAAE,OAAO,CAAC;QACnB,QAAQ,EAAE,QAAQ,CAAC;KACnB;IAED;;;;;;;;;;;;;;OAcG;IAEH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,aAAa;QACvD,MAAM,CAAC,QAAQ;;;;UAGb;QACF,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAOvC;QAEF,OAAO,CAAC,WAAW,CAAoB;QACvC,OAAO,CAAC,SAAS,CAAa;QAC9B,OAAO,CAAC,aAAa,CAAkB;QACvC,OAAO,CAAC,eAAe,CAAsE;oBAEjF,EAAE,CAAC,EAAE,MAAM,GAAG,sBAAsB;oBACpC,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,sBAAsB;QAY1D;;;;;WAKG;QACI,IAAI,IAAI,IAAI;QAoBnB;;;;;;WAMG;QACU,IAAI;QAmBjB;;;;;WAKG;QACI,mBAAmB,CAAC,QAAQ,EAAE,SAAS;QAM9C;;;;;WAKG;QACI,kBAAkB,IAAI,mBAAmB;QAIzC,2BAA2B,CAAC,eAAe,EAAE,wBAAwB;QAgBrE,mBAAmB,CAAC,gBAAgB,EAAE,aAAa;QA0CnD,aAAa,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE;YAAE,MAAM,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE;QAY1E,iBAAiB;QAMxB;;;;;WAKG;QACI,YAAY;QAQnB;;;;WAIG;QACH,SAAS,CAAC,4BAA4B,IAAI,MAAM;KAGhD;CAEA"}