@sapui5/sap.cux.home 1.142.0 → 1.142.1

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

@@ -9,7 +9,7 @@ import HBox from "sap/m/HBox";
 import ObjectIdentifier from "sap/m/ObjectIdentifier";
 import Table from "sap/m/Table";
 import ToggleButton, { ToggleButton$PressEvent } from "sap/m/ToggleButton";
-import Control from "sap/ui/core/Control";
+import VBox from "sap/m/VBox";
 import CustomData from "sap/ui/core/CustomData";
 import { DropInfo$DropEvent } from "sap/ui/core/dnd/DropInfo";
 import type { MetadataOptions } from "sap/ui/core/Element";
@@ -21,6 +21,7 @@ import { CHANGE_TYPES } from "./flexibility/Layout.flexibility";
 import { IDragEvent, IElement } from "./interface/LayoutInterface";
 import KeyUserSettingsDialog from "./KeyUserSettingsDialog";
 import Layout from "./Layout";
+import NoDataContainer from "./NoDataContainer";
 import { KEYUSER_SETTINGS_PANELS_KEYS } from "./utils/Constants";
 import { recycleId } from "./utils/DataFormatUtils";
 import { focusDraggedItem } from "./utils/DragDropUtils";
@@ -102,58 +103,207 @@ export default class KeyUserLayoutSettingsPanel extends BaseSettingsPanel {
 		const layout = this._getPanel() as Layout;
 		await layout._calculateSectionsState();
 		this.orderedSections = layout.getSections() || [];
+		//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[]);
 
-		const keyUserSettingsDialog = this.getParent() as KeyUserSettingsDialog;
+		// create composite list item
+		const createEmptyCompositeItem = (): IElement => ({
+			completeId: "",
+			sContainerType: "",
+			blocked: false,
+			visible: false,
+			title: "",
+			text: "",
+			isComposite: false,
+			compositeId: null,
+			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;
+		});
 
 		this.layoutTable.removeAllItems();
 		this.orderedSections.forEach((section: IElement, index: number) => {
-			this.layoutTable
-				.addItem(
-					new ColumnListItem(recycleId(`${this.getId()}--layoutSettingsColumnListItem--${index}`), {
-						type: (this.getParent() as KeyUserSettingsDialog)?.hasDetailsPage?.(section.completeId) ? "Navigation" : "Inactive",
-						cells: [
-							new HBox(recycleId(`${this.getId()}--layoutColumnListHBox--${index}`), {
-								alignItems: "Center",
-								items: [
-									new Icon(recycleId(`${this.getId()}--layoutColumnListItemIcon--${index}`), {
-										src: "sap-icon://vertical-grip"
-									}).addStyleClass("sapUiSmallMarginEnd"),
-									new HBox(recycleId(`${this.getId()}--layoutColumnListItemHBox--${index}`), {
-										justifyContent: "SpaceBetween",
-										alignItems: "Center",
-										width: "100%",
-										items: [
-											new ObjectIdentifier(recycleId(`${this.getId()}--layoutColumnListObjectIdentifier--${index}`), {
-												title: section.title,
-												text: section.text,
-												tooltip: section.title
-											}),
-											new ToggleButton(recycleId(`${this.getId()}--layoutColumnListToggleButton--${index}`), {
-												tooltip: section.visible
-													? this._i18nBundle.getText("hideBtn")
-													: this._i18nBundle.getText("showBtn"),
-												icon: "sap-icon://show",
-												type: "Emphasized",
-												enabled: !section.blocked,
-												press: (event) => this.createShowHideChangeFile(event, section),
-												pressed: !section.visible,
-												ariaLabelledBy: ["selectLabel"]
-											}).addStyleClass("sapUiTinyMarginEnd sapUiTinyMarginTop")
-										]
-									}).addStyleClass("sapUiTinyMarginBegin")
-								],
-								width: "100%"
-							})
-						],
-						press: () => keyUserSettingsDialog?.navigateToPage?.(keyUserSettingsDialog.getDetailsPage(section.completeId)),
-						customData: new CustomData(recycleId(`${this.getId()}--custom-data--${index}`), {
-							key: "sectionObject",
-							value: section
+			this.layoutTable.addItem(this.getLayoutListItem(section, index)).addStyleClass("insightsListItem insightsListMargin");
+		});
+	}
+
+	private getLayoutListItem(section: IElement, index: number): ColumnListItem {
+		const keyUserSettingsDialog = this.getParent() as KeyUserSettingsDialog;
+
+		//check the condition for news and pages as it is a composite container
+		if (section?.isComposite === true) {
+			return this.getCompositeLayoutListItem(section, index);
+		}
+		return new ColumnListItem(recycleId(`${this.getId()}--layoutSettingsColumnListItem--${index}`), {
+			type: (this.getParent() as KeyUserSettingsDialog)?.hasDetailsPage?.(section.completeId) ? "Navigation" : "Inactive",
+			cells: [
+				new HBox(recycleId(`${this.getId()}--layoutColumnListHBox--${index}`), {
+					alignItems: "Center",
+					items: [
+						new Icon(recycleId(`${this.getId()}--layoutColumnListItemIcon--${index}`), {
+							src: "sap-icon://vertical-grip"
+						}).addStyleClass("sapUiSmallMarginEnd"),
+						new HBox(recycleId(`${this.getId()}--layoutColumnListItemHBox--${index}`), {
+							justifyContent: "SpaceBetween",
+							alignItems: "Center",
+							width: "100%",
+							items: [
+								new ObjectIdentifier(recycleId(`${this.getId()}--layoutColumnListObjectIdentifier--${index}`), {
+									title: section.title,
+									text: section.text,
+									tooltip: section.title
+								}),
+								new ToggleButton(recycleId(`${this.getId()}--layoutColumnListToggleButton--${index}`), {
+									tooltip: section.visible ? this._i18nBundle.getText("hideBtn") : this._i18nBundle.getText("showBtn"),
+									icon: "sap-icon://show",
+									type: "Emphasized",
+									enabled: !section.blocked,
+									press: (event) => this.createShowHideChangeFile(event, section),
+									pressed: !section.visible,
+									ariaLabelledBy: ["selectLabel"]
+								}).addStyleClass("sapUiTinyMarginEnd sapUiTinyMarginTop")
+							]
 						})
-					})
-				)
-				.addStyleClass("insightsListItem insightsListMargin");
+					],
+					width: "100%"
+				})
+			],
+			press: () => keyUserSettingsDialog?.navigateToPage?.(keyUserSettingsDialog.getDetailsPage(section.completeId)),
+			customData: new CustomData(recycleId(`${this.getId()}--custom-data--${index}`), {
+				key: "sectionObject",
+				value: section
+			})
+		});
+	}
+
+	private getCompositeLayoutListItem(section: IElement, index: number): ColumnListItem {
+		const keyUserSettingsDialog = this.getParent() as KeyUserSettingsDialog;
+
+		// Create child HBoxes dynamically based on number of children
+		const childBoxes = (section.children || []).map((child, childIndex) => {
+			return new HBox(recycleId(`${this.getId()}--columnListItemChildHBox--${index}-${childIndex}`), {
+				justifyContent: "SpaceBetween",
+				alignItems: "Center",
+				items: [
+					new ObjectIdentifier(recycleId(`${this.getId()}--childObjectIdentifier--${index}-${childIndex}`), {
+						title: child.title,
+						text: child.text,
+						tooltip: child.title
+					}),
+					new ToggleButton(recycleId(`${this.getId()}--layoutSettingstoggleButtonChild--${index}-${childIndex}`), {
+						tooltip: child.visible ? this._i18nBundle.getText("hideBtn") : this._i18nBundle.getText("showBtn"),
+						icon: "sap-icon://show",
+						type: "Emphasized",
+						enabled: !child.blocked,
+						press: (event) => this.createShowHideChangeFile(event, child),
+						pressed: !child.visible,
+						ariaLabelledBy: ["selectLabel"]
+					}).addStyleClass("sapUiTinyMarginEnd sapUiTinyMarginTop")
+				]
+			}).addStyleClass("sapCuxCompositeItem");
 		});
+
+		// Now build the main composite item layout
+		return new ColumnListItem(recycleId(`${this.getId()}--layoutSettingsColumnListItem--${index}`), {
+			type: keyUserSettingsDialog?.hasDetailsPage?.(section.completeId) ? "Navigation" : "Inactive",
+			press: () => keyUserSettingsDialog?.navigateToPage?.(keyUserSettingsDialog.getDetailsPage(section.completeId)),
+			customData: new CustomData(recycleId(`${this.getId()}--custom-data--${index}`), {
+				key: "sectionObject",
+				value: section
+			}),
+			cells: [
+				new VBox(recycleId(`${this.getId()}--compositeVBox--${index}`), {
+					items: [
+						// Parent section header (with main title)
+						new HBox(recycleId(`${this.getId()}--columnListHBox--${index}`), {
+							alignItems: "Center",
+							items: [
+								new Icon(recycleId(`${this.getId()}--columnListIcon--${index}`), {
+									src: "sap-icon://vertical-grip"
+								}).addStyleClass("sapUiSmallMarginEnd"),
+								new HBox(recycleId(`${this.getId()}--columnListItemHBox--${index}`), {
+									justifyContent: "SpaceBetween",
+									alignItems: "Center",
+									width: "100%",
+									items: [
+										new ObjectIdentifier(recycleId(`${this.getId()}--columnListObjectIdentifier--${index}`), {
+											title: section.title,
+											text: section.text,
+											tooltip: section.title
+										})
+									]
+								})
+							],
+							width: "100%"
+						}).addStyleClass("sapUiTinyMarginTopBottom"),
+
+						// All dynamically created child boxes
+						...childBoxes
+					]
+				})
+			]
+		}).addStyleClass("insightsListItem insightsListMargin");
+	}
+
+	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;
 	}
 
 	/**
@@ -162,7 +312,7 @@ export default class KeyUserLayoutSettingsPanel extends BaseSettingsPanel {
 	 * @private
 	 */
 	private onDropLayoutSettings(event: DropInfo$DropEvent | IDragEvent) {
-		const wrapper = this._getPanel() as Layout | Control;
+		const wrapper = this._getPanel() as Layout;
 		const wrapperId = wrapper.getId();
 		const dragItem = ((event as DropInfo$DropEvent).getParameter?.("draggedControl") ||
 			(event as IDragEvent).draggedControl) as ColumnListItem;
@@ -176,16 +326,49 @@ export default class KeyUserLayoutSettingsPanel extends BaseSettingsPanel {
 			const dragObject = dragItem.data("sectionObject") as IElement;
 			const dropObject = dropItem.data("sectionObject") 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(dragItemIndex, 1);
 			sectionOrder.splice(dropItemIndex, 0, dragObject);
-			(wrapper as Layout).setSections(sectionOrder);
-
+			wrapper.setSections(sectionOrder);
+			//loop through the wrapper.getItems() and find the index and noData Container
+			let noDataContainerIndex = -1;
+			const items = wrapper.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.orderedSections.reduce((accumulator, section) => {
+				if (section.isComposite && section.children) {
+					accumulator.push(...section.children);
+				} else {
+					accumulator.push(section);
+				}
+				return accumulator;
+			}, [] as IElement[]);
+			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) =>
+					dragObject.compositeId && dragObject.compositeId === element.compositeId && element.completeId !== dragObject.completeId
+			);
+			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.addKeyUserChanges({
-				selectorControl: wrapper as Control,
+				selectorControl: wrapper,
 				changeSpecificData: {
 					changeType: CHANGE_TYPES.MOVE,
 					content: {
@@ -193,7 +376,8 @@ export default class KeyUserLayoutSettingsPanel extends BaseSettingsPanel {
 							{
 								id: dragObject.completeId,
 								sourceIndex: actualDragItemIndex,
-								targetIndex: actualDropItemIndex
+								targetIndex:
+									dragItemIndex < dropItemIndex && dragObject.isComposite ? finalTargetIndex + 1 : finalTargetIndex
 							}
 						],
 						source: {
@@ -207,6 +391,33 @@ export default class KeyUserLayoutSettingsPanel extends BaseSettingsPanel {
 					}
 				}
 			});
+			if (compositeChildren.length > 0) {
+				compositeChildren.forEach((compositeChild) => {
+					this.addKeyUserChanges({
+						selectorControl: wrapper,
+						changeSpecificData: {
+							changeType: CHANGE_TYPES.MOVE,
+							content: {
+								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"
+								}
+							}
+						}
+					});
+				});
+			}
 
 			void this.loadSections();
 		}
@@ -222,7 +433,7 @@ export default class KeyUserLayoutSettingsPanel 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();
 
@@ -260,7 +471,9 @@ export default class KeyUserLayoutSettingsPanel extends BaseSettingsPanel {
 	 */
 	private createShowHideChangeFile(oControlEvent: ToggleButton$PressEvent, section: IElement): void {
 		const isCheckBoxSelected: boolean = !oControlEvent.getParameter("pressed");
+		const selectedCompleteId = section.completeId;
 		const keyUserChanges = this.getKeyUserChanges();
+		const wrapperItem = Element.getElementById(section.completeId) as BaseContainer;
 		const changeType = isCheckBoxSelected ? CHANGE_TYPES.UNHIDE : CHANGE_TYPES.HIDE;
 		const oExistingChange = keyUserChanges.find((oChange) => {
 			return oChange.selectorControl.getId() === section.completeId;
@@ -271,11 +484,28 @@ export default class KeyUserLayoutSettingsPanel extends BaseSettingsPanel {
 			oExistingChange.changeSpecificData.changeType = changeType;
 		} else {
 			this.addKeyUserChanges({
-				selectorControl: Element.getElementById(section.completeId) as Control,
+				selectorControl: Element.getElementById(section.completeId) as BaseContainer,
 				changeSpecificData: {
-					changeType
+					changeType: changeType,
+					content: {
+						compositeId: wrapperItem.getProperty("compositeId") as string
+					}
 				}
 			});
 		}
+		//update this.orderedSections
+		this.orderedSections.forEach((section) => {
+			//now check if oWrapperItem has composite id and check if section has same composite id and composite id is not undefined
+			// if yes, then loop through the children item and update its visibility
+			if (section.compositeId === wrapperItem.getProperty("compositeId") && section.compositeId !== undefined) {
+				section.children?.forEach((child) => {
+					if (child.completeId === selectedCompleteId) {
+						child.visible = isCheckBoxSelected;
+					}
+				});
+			} else if (section.completeId === selectedCompleteId) {
+				section.visible = isCheckBoxSelected;
+			}
+		});
 	}
 }

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

@@ -1 +1 @@
-{"version":3,"file":"KeyUserNewsPagesSettingsPanel.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/KeyUserNewsPagesSettingsPanel.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,4CAA4C,CAAC;IAc5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;IAM3D,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;IAY/D;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,iBAAiB;QAC3E,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAEvC;QACF,OAAO,CAAC,WAAW,CAAQ;QAC3B,OAAO,CAAC,SAAS,CAAa;QAC9B,OAAO,CAAC,iBAAiB,CAA4B;QACrD,OAAO,CAAC,gBAAgB,CAAQ;QAChC,OAAO,CAAC,gBAAgB,CAAQ;QAChC,OAAO,CAAC,SAAS,CAAa;QAC9B,OAAO,CAAC,iBAAiB,CAA6B;QACtD,OAAO,CAAC,gBAAgB,CAAQ;QAChC,OAAO,CAAC,kBAAkB,CAAU;QACpC,OAAO,CAAC,SAAS,CAAY;QAC7B,OAAO,CAAC,kBAAkB,CAAuB;QACjD,OAAO,CAAC,gBAAgB,CAAoB;QAE5C;;;;;WAKG;QACI,IAAI,IAAI,IAAI;QA2BnB;;;;;WAKG;QACH,OAAO,CAAC,UAAU;QAOlB;;;;WAIG;QACH,OAAO,CAAC,YAAY;QAgBpB,OAAO,CAAC,2BAA2B;QA4BnC;;;;;WAKG;QACH,OAAO,CAAC,mBAAmB;QA4B3B;;;;;WAKG;QACH,OAAO,CAAC,mBAAmB;QAkB3B,OAAO,CAAC,SAAS;QAOjB;;;;WAIG;QACH,OAAO,CAAC,0BAA0B;QAmBlC;;;;WAIG;QACH,OAAO,CAAC,sBAAsB;QAU9B;;;;;WAKG;QACH,OAAO,CAAC,mBAAmB;QAMd,kBAAkB;QAQxB,kBAAkB;QAKlB,2BAA2B;KAMlC;CAEA"}
+{"version":3,"file":"KeyUserNewsPagesSettingsPanel.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/KeyUserNewsPagesSettingsPanel.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,4CAA4C,CAAC;IAc5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;IAM3D,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;IAa/D;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,iBAAiB;QAC3E,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAEvC;QACF,OAAO,CAAC,WAAW,CAAQ;QAC3B,OAAO,CAAC,SAAS,CAAa;QAC9B,OAAO,CAAC,iBAAiB,CAA4B;QACrD,OAAO,CAAC,gBAAgB,CAAQ;QAChC,OAAO,CAAC,gBAAgB,CAAQ;QAChC,OAAO,CAAC,SAAS,CAAa;QAC9B,OAAO,CAAC,iBAAiB,CAA6B;QACtD,OAAO,CAAC,gBAAgB,CAAQ;QAChC,OAAO,CAAC,kBAAkB,CAAU;QACpC,OAAO,CAAC,SAAS,CAAY;QAC7B,OAAO,CAAC,kBAAkB,CAAuB;QACjD,OAAO,CAAC,gBAAgB,CAAoB;QAE5C;;;;;WAKG;QACI,IAAI,IAAI,IAAI;QA2BnB;;;;;WAKG;QACH,OAAO,CAAC,UAAU;QAOlB;;;;WAIG;QACH,OAAO,CAAC,YAAY;QAiBpB,OAAO,CAAC,2BAA2B;QA4BnC;;;;;WAKG;QACH,OAAO,CAAC,mBAAmB;QA4B3B;;;;;WAKG;QACH,OAAO,CAAC,mBAAmB;QAkB3B,OAAO,CAAC,SAAS;QAOjB;;;;WAIG;QACH,OAAO,CAAC,0BAA0B;QAmBlC;;;;WAIG;QACH,OAAO,CAAC,sBAAsB;QAU9B;;;;;WAKG;QACH,OAAO,CAAC,mBAAmB;QAMd,kBAAkB;QAQxB,kBAAkB;QAKlB,2BAA2B;KAMlC;CAEA"}

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

@@ -2,7 +2,7 @@
  * SAP UI development toolkit for HTML5 (SAPUI5)
  *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
  */
-sap.ui.define(["sap/m/List", "sap/m/Page", "sap/m/StandardListItem", "sap/m/VBox", "sap/ui/core/Element", "sap/ui/core/EventBus", "./BaseSettingsPanel", "./flexibility/Layout.flexibility", "./KeyUserNewsSettingsPanel", "./KeyUserPagesSettingsPanel", "./NewsPanel", "./PagePanel", "./utils/Constants", "./utils/DataFormatUtils"], function (List, Page, StandardListItem, VBox, Element, EventBus, __BaseSettingsPanel, ___flexibility_Layoutflexibility, __KeyUserNewsSettingsPanel, __KeyUserPagesSettingsPanel, __NewsPanel, __PagePanel, ___utils_Constants, ___utils_DataFormatUtils) {
+sap.ui.define(["sap/m/List", "sap/m/Page", "sap/m/StandardListItem", "sap/m/VBox", "sap/ui/core/Element", "sap/ui/core/EventBus", "./BaseSettingsPanel", "./flexibility/Layout.flexibility", "./KeyUserNewsSettingsPanel", "./KeyUserPagesSettingsPanel", "./NewsContainer", "./PagesContainer", "./utils/Constants", "./utils/DataFormatUtils"], function (List, Page, StandardListItem, VBox, Element, EventBus, __BaseSettingsPanel, ___flexibility_Layoutflexibility, __KeyUserNewsSettingsPanel, __KeyUserPagesSettingsPanel, __NewsContainer, __PagesContainer, ___utils_Constants, ___utils_DataFormatUtils) {
   "use strict";
 
   function _interopRequireDefault(obj) {
@@ -23,8 +23,8 @@ sap.ui.define(["sap/m/List", "sap/m/Page", "sap/m/StandardListItem", "sap/m/VBox
   const CHANGE_TYPES = ___flexibility_Layoutflexibility["CHANGE_TYPES"];
   const KeyUserNewsSettingsPanel = _interopRequireDefault(__KeyUserNewsSettingsPanel);
   const KeyUserPagesSettingsPanel = _interopRequireDefault(__KeyUserPagesSettingsPanel);
-  const NewsPanel = _interopRequireDefault(__NewsPanel);
-  const PagePanel = _interopRequireDefault(__PagePanel);
+  const NewsContainer = _interopRequireDefault(__NewsContainer);
+  const PagesContainer = _interopRequireDefault(__PagesContainer);
   const KEYUSER_SETTINGS_PANELS_KEYS = ___utils_Constants["KEYUSER_SETTINGS_PANELS_KEYS"];
   const recycleId = ___utils_DataFormatUtils["recycleId"];
   /**
@@ -94,14 +94,15 @@ sap.ui.define(["sap/m/List", "sap/m/Page", "sap/m/StandardListItem", "sap/m/VBox
       const associatedPanelId = this.getPanel();
       const associatedPanel = Element.getElementById(associatedPanelId);
       const container = associatedPanel?.getParent();
-      container.getContent()?.forEach(panel => {
-        if (panel instanceof NewsPanel) {
-          this.newsPanel = panel;
-          this.wrapperVBox.addItem(this.getNewsSettingsList(panel));
+      const layout = container.getParent();
+      layout.getContent()?.forEach(container => {
+        if (container instanceof NewsContainer) {
+          this.newsPanel = container.getContent()[0];
+          this.wrapperVBox.addItem(this.getNewsSettingsList(this.newsPanel));
         }
-        if (panel instanceof PagePanel) {
-          this.pagePanel = panel;
-          this.wrapperVBox.addItem(this.getPageSettingsList(panel));
+        if (container instanceof PagesContainer) {
+          this.pagePanel = container.getContent()[0];
+          this.wrapperVBox.addItem(this.getPageSettingsList(this.pagePanel));
         }
       });
     },

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

@@ -1 +1 @@
-{"version":3,"file":"KeyUserNewsPagesSettingsPanel.js","names":["sap","ui","define","List","Page","StandardListItem","VBox","Element","EventBus","__BaseSettingsPanel","___flexibility_Layoutflexibility","__KeyUserNewsSettingsPanel","__KeyUserPagesSettingsPanel","__NewsPanel","__PagePanel","___utils_Constants","___utils_DataFormatUtils","_interopRequireDefault","obj","__esModule","default","_catch","body","recover","result","e","then","BaseSettingsPanel","CHANGE_TYPES","KeyUserNewsSettingsPanel","KeyUserPagesSettingsPanel","NewsPanel","PagePanel","KEYUSER_SETTINGS_PANELS_KEYS","recycleId","KeyUserNewsPagesSettingsPanel","extend","metadata","library","init","_init","BaseSettingsPanel.prototype.init.call","setProperty","NEWS_PAGES","_i18nBundle","getText","_eventBus","getInstance","subscribe","channelId","eventId","data","changes","addNewsPagesChanges","addAggregation","getContent","attachPanelNavigated","loadSettings","_getContent","wrapperVBox","getId","_loadSettings","associatedPanelId","getPanel","associatedPanel","getElementById","container","getParent","forEach","panel","newsPanel","addItem","getNewsSettingsList","pagePanel","getPageSettingsList","newsVisibilityChangeHandler","_newsVisibilityChangeHandler","oEvent","newsVisibilityCheckBox","getParameter","newsFeedVisibility","getSelected","_getPanel","newsPageContainer","layout","keyUserChanges","getKeyUserChanges","existingChange","find","change","changeSpecificData","changeType","NEWS_FEED_VISIBILITY","newsSettingsPanel","removeUrlMesageStrip","addKeyUserChanges","selectorControl","content","isNewsFeedVisible","_getNewsSettingsList","newsSettingsList","selectionChange","bind","mode","standardListItem","selected","getVisible","press","navigateToNewsSettingsPage","type","getIsEndUserChange","isEndUser","title","setAssociation","undefined","setSelected","Boolean","getProperty","_getPageSettingsList","pageSettingsList","items","openPageSettingsDialog","onNavBack","_onNavBack","navContainer","back","_navigateToNewsSettingsPage","getNavContainer","newsSettingsPage","showHeader","getAggregation","backgroundDesign","showNavButton","navButtonPress","addPage","to","firePanelNavigated","_openPageSettingsDialog","pageSettingsPanel","pageSettingsDialog","open","_addNewsPagesChanges","isNewsChangesValid","_isNewsChangesValid","_this","Promise","resolve","isValidChanges","onSaveClearChanges","_onSaveClearChanges","clearKeyUserChanges","onCancelClearKeyUserChanges","_onCancelClearKeyUserChanges","clearNewsPanelChanges"],"sources":["KeyUserNewsPagesSettingsPanel.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport Dialog from \"sap/m/Dialog\";\nimport List from \"sap/m/List\";\nimport { ListBase$SelectionChangeEvent } from \"sap/m/ListBase\";\nimport NavContainer from \"sap/m/NavContainer\";\nimport Page from \"sap/m/Page\";\nimport StandardListItem from \"sap/m/StandardListItem\";\nimport VBox from \"sap/m/VBox\";\nimport Control from \"sap/ui/core/Control\";\nimport type { MetadataOptions } from \"sap/ui/core/Element\";\nimport Element from \"sap/ui/core/Element\";\nimport EventBus from \"sap/ui/core/EventBus\";\nimport BaseContainer from \"./BaseContainer\";\nimport BaseLayout from \"./BaseLayout\";\nimport BasePanel from \"./BasePanel\";\nimport BaseSettingsPanel from \"./BaseSettingsPanel\";\nimport { CHANGE_TYPES } from \"./flexibility/Layout.flexibility\";\nimport { IKeyUserChange, INewsFeedVisibiliyChange } from \"./interface/KeyUserInterface\";\nimport KeyUserNewsSettingsPanel from \"./KeyUserNewsSettingsPanel\";\nimport KeyUserPagesSettingsPanel from \"./KeyUserPagesSettingsPanel\";\nimport KeyUserSettingsDialog from \"./KeyUserSettingsDialog\";\nimport NewsAndPagesContainer from \"./NewsAndPagesContainer\";\nimport NewsPanel from \"./NewsPanel\";\nimport PagePanel from \"./PagePanel\";\nimport { KEYUSER_SETTINGS_PANELS_KEYS } from \"./utils/Constants\";\nimport { recycleId } from \"./utils/DataFormatUtils\";\n\n/**\n *\n * Class for News & Pages Settings Panel for KeyUser Settings Dialog.\n *\n * @extends BaseSettingsPanel\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n * @private\n *\n * @alias sap.cux.home.KeyUserNewsPagesSettingsPanel\n */\nexport default class KeyUserNewsPagesSettingsPanel extends BaseSettingsPanel {\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\"\n\t};\n\tprivate wrapperVBox!: VBox;\n\tprivate newsPanel!: NewsPanel;\n\tprivate newsSettingsPanel!: KeyUserNewsSettingsPanel;\n\tprivate newsSettingsList!: List;\n\tprivate newsSettingsPage!: Page;\n\tprivate pagePanel!: PagePanel;\n\tprivate pageSettingsPanel!: KeyUserPagesSettingsPanel;\n\tprivate pageSettingsList!: List;\n\tprivate pageSettingsDialog!: Dialog;\n\tprivate _eventBus!: EventBus;\n\tprivate newsFeedVisibility!: boolean | undefined;\n\tprivate standardListItem!: StandardListItem;\n\n\t/**\n\t * Init lifecycle method\n\t *\n\t * @public\n\t * @override\n\t */\n\tpublic init(): void {\n\t\tsuper.init();\n\n\t\t//setup panel\n\t\tthis.setProperty(\"key\", KEYUSER_SETTINGS_PANELS_KEYS.NEWS_PAGES);\n\t\tthis.setProperty(\"title\", this._i18nBundle.getText(\"editNewsPages\"));\n\n\t\t// Subscribe to event bus\n\t\tthis._eventBus = EventBus.getInstance();\n\t\tthis._eventBus.subscribe(\n\t\t\t\"KeyUserChanges\",\n\t\t\t\"addNewsPagesChanges\",\n\t\t\t(channelId?: string, eventId?: string, data?: object) => {\n\t\t\t\t//errorstate is false when import is successful\n\t\t\t\tconst { changes } = data as { changes: Array<IKeyUserChange> };\n\t\t\t\tthis.addNewsPagesChanges(changes);\n\t\t\t},\n\t\t\tthis\n\t\t);\n\n\t\t// setup layout content\n\t\tthis.addAggregation(\"content\", this.getContent());\n\n\t\t// fired every time on panel navigation\n\t\tthis.attachPanelNavigated(() => this.loadSettings());\n\t}\n\n\t/**\n\t * Returns the content for the KeyUser News Pages Settings Panel.\n\t *\n\t * @private\n\t * @returns {VBox} The control containing the KeyUser News Pages Settings Panel content.\n\t */\n\tprivate getContent(): VBox {\n\t\tif (!this.wrapperVBox) {\n\t\t\tthis.wrapperVBox = new VBox(`${this.getId()}-wrapperVBox`);\n\t\t}\n\t\treturn this.wrapperVBox;\n\t}\n\n\t/**\n\t * Load settings for the panel.\n\t *\n\t * @private\n\t */\n\tprivate loadSettings(): void {\n\t\tconst associatedPanelId = this.getPanel();\n\t\tconst associatedPanel = Element.getElementById(associatedPanelId) as BasePanel;\n\t\tconst container = associatedPanel?.getParent() as BaseContainer;\n\t\tcontainer.getContent()?.forEach((panel: BasePanel) => {\n\t\t\tif (panel instanceof NewsPanel) {\n\t\t\t\tthis.newsPanel = panel;\n\t\t\t\tthis.wrapperVBox.addItem(this.getNewsSettingsList(panel));\n\t\t\t}\n\t\t\tif (panel instanceof PagePanel) {\n\t\t\t\tthis.pagePanel = panel;\n\t\t\t\tthis.wrapperVBox.addItem(this.getPageSettingsList(panel));\n\t\t\t}\n\t\t});\n\t}\n\n\tprivate newsVisibilityChangeHandler(oEvent: ListBase$SelectionChangeEvent): void {\n\t\tconst newsVisibilityCheckBox = oEvent.getParameter(\"listItem\");\n\t\tthis.newsFeedVisibility = newsVisibilityCheckBox?.getSelected();\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tconst newsPageContainer = newsPanel.getParent() as NewsAndPagesContainer;\n\t\tconst layout = newsPageContainer.getParent() as BaseLayout;\n\t\tconst keyUserChanges = this.getKeyUserChanges();\n\t\tconst existingChange = keyUserChanges.find((change) => {\n\t\t\treturn change.changeSpecificData.changeType === CHANGE_TYPES.NEWS_FEED_VISIBILITY;\n\t\t});\n\t\tif (!this.newsFeedVisibility && this.newsSettingsPanel) {\n\t\t\tthis.newsSettingsPanel.removeUrlMesageStrip();\n\t\t}\n\t\tif (!existingChange) {\n\t\t\tthis.addKeyUserChanges({\n\t\t\t\tselectorControl: layout,\n\t\t\t\tchangeSpecificData: {\n\t\t\t\t\tchangeType: CHANGE_TYPES.NEWS_FEED_VISIBILITY,\n\t\t\t\t\tcontent: {\n\t\t\t\t\t\tisNewsFeedVisible: this.newsFeedVisibility\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else if ((existingChange.changeSpecificData.content as INewsFeedVisibiliyChange).isNewsFeedVisible !== this.newsFeedVisibility) {\n\t\t\t(existingChange.changeSpecificData.content as INewsFeedVisibiliyChange).isNewsFeedVisible = this.newsFeedVisibility;\n\t\t}\n\t}\n\n\t/**\n\t * Returns News Settings Panel to the content.\n\t *\n\t * @private\n\t * @returns {List} The control containing the News Settings Panel content.\n\t */\n\tprivate getNewsSettingsList(panel: NewsPanel): List {\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tconst newsPageContainer = newsPanel.getParent() as NewsAndPagesContainer;\n\t\tif (!this.newsSettingsList) {\n\t\t\tthis.newsSettingsList = new List(`${this.getId()}-news-settings-list`, {\n\t\t\t\tselectionChange: this.newsVisibilityChangeHandler.bind(this),\n\t\t\t\tmode: \"MultiSelect\"\n\t\t\t});\n\t\t\tthis.standardListItem = new StandardListItem(`${this.getId()}-newsSettingsStandardListItem`, {\n\t\t\t\tselected: newsPanel.getVisible(), // TO-DO: Integrate with keyuser data\n\t\t\t\tpress: this.navigateToNewsSettingsPage.bind(this),\n\t\t\t\ttype: newsPageContainer.getIsEndUserChange().isEndUser ? \"Inactive\" : \"Navigation\",\n\t\t\t\ttitle: this._i18nBundle.getText(\"newsFeed\")\n\t\t\t});\n\t\t\tthis.newsSettingsList.addItem(this.standardListItem);\n\t\t\tthis.newsSettingsList.setAssociation(\"panel\", panel);\n\t\t} else {\n\t\t\tif (this.newsFeedVisibility === undefined) {\n\t\t\t\tthis.standardListItem.setSelected(\n\t\t\t\t\tBoolean(newsPanel.getParent()?.getProperty(\"newsFeedVisibility\")) && Boolean(newsPanel.getProperty(\"newsAvailable\"))\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.standardListItem.setSelected(this.newsFeedVisibility);\n\t\t\t}\n\t\t}\n\t\treturn this.newsSettingsList;\n\t}\n\n\t/**\n\t * Returns Page Settings Panel to the content.\n\t *\n\t * @private\n\t * @returns {List} The control containing the Page Settings Panel content.\n\t */\n\tprivate getPageSettingsList(panel: PagePanel): List {\n\t\tif (!this.pageSettingsList) {\n\t\t\tthis.pageSettingsList = new List(`${this.getId()}-page-settings-list`, {\n\t\t\t\tmode: \"None\",\n\t\t\t\titems: [\n\t\t\t\t\tnew StandardListItem(`${this.getId()}-pageSettingsList`, {\n\t\t\t\t\t\tselected: true, // TO-DO: Integrate with keyuser data\n\t\t\t\t\t\tpress: this.openPageSettingsDialog.bind(this),\n\t\t\t\t\t\ttype: \"Navigation\",\n\t\t\t\t\t\ttitle: this._i18nBundle.getText(\"pageGroupHeader\")\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t});\n\t\t\tthis.pageSettingsList.setAssociation(\"panel\", panel);\n\t\t}\n\t\treturn this.pageSettingsList;\n\t}\n\n\tprivate onNavBack(navContainer: NavContainer): void {\n\t\tnavContainer?.back();\n\t\tif (!this.standardListItem.getSelected()) {\n\t\t\tthis.newsSettingsPanel?.removeUrlMesageStrip();\n\t\t}\n\t}\n\n\t/**\n\t * Adds News Settings Page to the dialog.\n\t *\n\t * @private\n\t */\n\tprivate navigateToNewsSettingsPage(): void {\n\t\tconst navContainer = (this.getParent() as KeyUserSettingsDialog)?.getNavContainer?.();\n\t\tif (!this.newsSettingsPage) {\n\t\t\tthis.newsSettingsPanel = new KeyUserNewsSettingsPanel(recycleId(`${this.getId()}--news-settings-panel`));\n\t\t\tthis.newsSettingsPanel.setAssociation(\"panel\", this.newsPanel);\n\t\t\tthis.newsSettingsPage = new Page(`${this.getId()}-news-settings-page`, {\n\t\t\t\ttitle: this.newsSettingsPanel.getProperty(\"title\") as string,\n\t\t\t\tshowHeader: true,\n\t\t\t\tcontent: this.newsSettingsPanel.getAggregation(\"content\") as Control,\n\t\t\t\tbackgroundDesign: \"Transparent\",\n\t\t\t\tshowNavButton: true,\n\t\t\t\tnavButtonPress: this.onNavBack.bind(this, navContainer)\n\t\t\t});\n\t\t}\n\t\tnavContainer?.addPage(this.newsSettingsPage);\n\t\tnavContainer?.to(this.newsSettingsPage);\n\t\tthis.newsSettingsPanel.firePanelNavigated();\n\t}\n\n\t/**\n\t * Opens Page Settings Dialog.\n\t *\n\t * @private\n\t */\n\tprivate openPageSettingsDialog(): void {\n\t\tif (!this.pageSettingsPanel) {\n\t\t\tthis.pageSettingsPanel = new KeyUserPagesSettingsPanel(`${this.getId()}--pages-settings-panel`);\n\t\t\tthis.pageSettingsPanel.setAssociation(\"panel\", this.pagePanel);\n\t\t\tthis.pageSettingsDialog = (this.pageSettingsPanel.getAggregation(\"content\") as Dialog[])?.[0];\n\t\t}\n\t\tthis.pageSettingsDialog?.open();\n\t\tthis.pageSettingsPanel?.firePanelNavigated();\n\t}\n\n\t/**\n\t * Handles Space Page Changes.\n\t *\n\t * @private\n\t * @param {Array<IKeyUserChange>} changes All Key User Changes.\n\t */\n\tprivate addNewsPagesChanges(changes: Array<IKeyUserChange>): void {\n\t\tchanges.forEach((change) => {\n\t\t\tthis.addKeyUserChanges(change);\n\t\t});\n\t}\n\n\tpublic async isNewsChangesValid() {\n\t\ttry {\n\t\t\treturn await this.newsSettingsPanel?.isValidChanges(this.standardListItem.getSelected());\n\t\t} catch {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tpublic onSaveClearChanges() {\n\t\tthis.newsFeedVisibility = undefined;\n\t\tthis.newsSettingsPanel?.clearKeyUserChanges();\n\t}\n\n\tpublic onCancelClearKeyUserChanges() {\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tthis.newsFeedVisibility = undefined;\n\t\tthis.standardListItem?.setSelected(newsPanel.getVisible());\n\t\tthis.newsSettingsPanel?.clearNewsPanelChanges();\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"KeyUserNewsPagesSettingsPanel.js","names":["sap","ui","define","List","Page","StandardListItem","VBox","Element","EventBus","__BaseSettingsPanel","___flexibility_Layoutflexibility","__KeyUserNewsSettingsPanel","__KeyUserPagesSettingsPanel","__NewsContainer","__PagesContainer","___utils_Constants","___utils_DataFormatUtils","_interopRequireDefault","obj","__esModule","default","_catch","body","recover","result","e","then","BaseSettingsPanel","CHANGE_TYPES","KeyUserNewsSettingsPanel","KeyUserPagesSettingsPanel","NewsContainer","PagesContainer","KEYUSER_SETTINGS_PANELS_KEYS","recycleId","KeyUserNewsPagesSettingsPanel","extend","metadata","library","init","_init","BaseSettingsPanel.prototype.init.call","setProperty","NEWS_PAGES","_i18nBundle","getText","_eventBus","getInstance","subscribe","channelId","eventId","data","changes","addNewsPagesChanges","addAggregation","getContent","attachPanelNavigated","loadSettings","_getContent","wrapperVBox","getId","_loadSettings","associatedPanelId","getPanel","associatedPanel","getElementById","container","getParent","layout","forEach","newsPanel","addItem","getNewsSettingsList","pagePanel","getPageSettingsList","newsVisibilityChangeHandler","_newsVisibilityChangeHandler","oEvent","newsVisibilityCheckBox","getParameter","newsFeedVisibility","getSelected","_getPanel","newsPageContainer","keyUserChanges","getKeyUserChanges","existingChange","find","change","changeSpecificData","changeType","NEWS_FEED_VISIBILITY","newsSettingsPanel","removeUrlMesageStrip","addKeyUserChanges","selectorControl","content","isNewsFeedVisible","_getNewsSettingsList","panel","newsSettingsList","selectionChange","bind","mode","standardListItem","selected","getVisible","press","navigateToNewsSettingsPage","type","getIsEndUserChange","isEndUser","title","setAssociation","undefined","setSelected","Boolean","getProperty","_getPageSettingsList","pageSettingsList","items","openPageSettingsDialog","onNavBack","_onNavBack","navContainer","back","_navigateToNewsSettingsPage","getNavContainer","newsSettingsPage","showHeader","getAggregation","backgroundDesign","showNavButton","navButtonPress","addPage","to","firePanelNavigated","_openPageSettingsDialog","pageSettingsPanel","pageSettingsDialog","open","_addNewsPagesChanges","isNewsChangesValid","_isNewsChangesValid","_this","Promise","resolve","isValidChanges","onSaveClearChanges","_onSaveClearChanges","clearKeyUserChanges","onCancelClearKeyUserChanges","_onCancelClearKeyUserChanges","clearNewsPanelChanges"],"sources":["KeyUserNewsPagesSettingsPanel.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport Dialog from \"sap/m/Dialog\";\nimport List from \"sap/m/List\";\nimport { ListBase$SelectionChangeEvent } from \"sap/m/ListBase\";\nimport NavContainer from \"sap/m/NavContainer\";\nimport Page from \"sap/m/Page\";\nimport StandardListItem from \"sap/m/StandardListItem\";\nimport VBox from \"sap/m/VBox\";\nimport Control from \"sap/ui/core/Control\";\nimport type { MetadataOptions } from \"sap/ui/core/Element\";\nimport Element from \"sap/ui/core/Element\";\nimport EventBus from \"sap/ui/core/EventBus\";\nimport BaseContainer from \"./BaseContainer\";\nimport BaseLayout from \"./BaseLayout\";\nimport BasePanel from \"./BasePanel\";\nimport BaseSettingsPanel from \"./BaseSettingsPanel\";\nimport { CHANGE_TYPES } from \"./flexibility/Layout.flexibility\";\nimport { IKeyUserChange, INewsFeedVisibiliyChange } from \"./interface/KeyUserInterface\";\nimport KeyUserNewsSettingsPanel from \"./KeyUserNewsSettingsPanel\";\nimport KeyUserPagesSettingsPanel from \"./KeyUserPagesSettingsPanel\";\nimport KeyUserSettingsDialog from \"./KeyUserSettingsDialog\";\nimport NewsContainer from \"./NewsContainer\";\nimport NewsPanel from \"./NewsPanel\";\nimport PagePanel from \"./PagePanel\";\nimport PagesContainer from \"./PagesContainer\";\nimport { KEYUSER_SETTINGS_PANELS_KEYS } from \"./utils/Constants\";\nimport { recycleId } from \"./utils/DataFormatUtils\";\n\n/**\n *\n * Class for News & Pages Settings Panel for KeyUser Settings Dialog.\n *\n * @extends BaseSettingsPanel\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n * @private\n *\n * @alias sap.cux.home.KeyUserNewsPagesSettingsPanel\n */\nexport default class KeyUserNewsPagesSettingsPanel extends BaseSettingsPanel {\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\"\n\t};\n\tprivate wrapperVBox!: VBox;\n\tprivate newsPanel!: NewsPanel;\n\tprivate newsSettingsPanel!: KeyUserNewsSettingsPanel;\n\tprivate newsSettingsList!: List;\n\tprivate newsSettingsPage!: Page;\n\tprivate pagePanel!: PagePanel;\n\tprivate pageSettingsPanel!: KeyUserPagesSettingsPanel;\n\tprivate pageSettingsList!: List;\n\tprivate pageSettingsDialog!: Dialog;\n\tprivate _eventBus!: EventBus;\n\tprivate newsFeedVisibility!: boolean | undefined;\n\tprivate standardListItem!: StandardListItem;\n\n\t/**\n\t * Init lifecycle method\n\t *\n\t * @public\n\t * @override\n\t */\n\tpublic init(): void {\n\t\tsuper.init();\n\n\t\t//setup panel\n\t\tthis.setProperty(\"key\", KEYUSER_SETTINGS_PANELS_KEYS.NEWS_PAGES);\n\t\tthis.setProperty(\"title\", this._i18nBundle.getText(\"editNewsPages\"));\n\n\t\t// Subscribe to event bus\n\t\tthis._eventBus = EventBus.getInstance();\n\t\tthis._eventBus.subscribe(\n\t\t\t\"KeyUserChanges\",\n\t\t\t\"addNewsPagesChanges\",\n\t\t\t(channelId?: string, eventId?: string, data?: object) => {\n\t\t\t\t//errorstate is false when import is successful\n\t\t\t\tconst { changes } = data as { changes: Array<IKeyUserChange> };\n\t\t\t\tthis.addNewsPagesChanges(changes);\n\t\t\t},\n\t\t\tthis\n\t\t);\n\n\t\t// setup layout content\n\t\tthis.addAggregation(\"content\", this.getContent());\n\n\t\t// fired every time on panel navigation\n\t\tthis.attachPanelNavigated(() => this.loadSettings());\n\t}\n\n\t/**\n\t * Returns the content for the KeyUser News Pages Settings Panel.\n\t *\n\t * @private\n\t * @returns {VBox} The control containing the KeyUser News Pages Settings Panel content.\n\t */\n\tprivate getContent(): VBox {\n\t\tif (!this.wrapperVBox) {\n\t\t\tthis.wrapperVBox = new VBox(`${this.getId()}-wrapperVBox`);\n\t\t}\n\t\treturn this.wrapperVBox;\n\t}\n\n\t/**\n\t * Load settings for the panel.\n\t *\n\t * @private\n\t */\n\tprivate loadSettings(): void {\n\t\tconst associatedPanelId = this.getPanel();\n\t\tconst associatedPanel = Element.getElementById(associatedPanelId) as BasePanel;\n\t\tconst container = associatedPanel?.getParent() as BaseContainer;\n\t\tconst layout = container.getParent() as BaseLayout;\n\t\tlayout.getContent()?.forEach((container) => {\n\t\t\tif (container instanceof NewsContainer) {\n\t\t\t\tthis.newsPanel = container.getContent()[0] as NewsPanel;\n\t\t\t\tthis.wrapperVBox.addItem(this.getNewsSettingsList(this.newsPanel));\n\t\t\t}\n\t\t\tif (container instanceof PagesContainer) {\n\t\t\t\tthis.pagePanel = container.getContent()[0] as PagePanel;\n\t\t\t\tthis.wrapperVBox.addItem(this.getPageSettingsList(this.pagePanel));\n\t\t\t}\n\t\t});\n\t}\n\n\tprivate newsVisibilityChangeHandler(oEvent: ListBase$SelectionChangeEvent): void {\n\t\tconst newsVisibilityCheckBox = oEvent.getParameter(\"listItem\");\n\t\tthis.newsFeedVisibility = newsVisibilityCheckBox?.getSelected();\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tconst newsPageContainer = newsPanel.getParent() as NewsContainer;\n\t\tconst layout = newsPageContainer.getParent() as BaseLayout;\n\t\tconst keyUserChanges = this.getKeyUserChanges();\n\t\tconst existingChange = keyUserChanges.find((change) => {\n\t\t\treturn change.changeSpecificData.changeType === CHANGE_TYPES.NEWS_FEED_VISIBILITY;\n\t\t});\n\t\tif (!this.newsFeedVisibility && this.newsSettingsPanel) {\n\t\t\tthis.newsSettingsPanel.removeUrlMesageStrip();\n\t\t}\n\t\tif (!existingChange) {\n\t\t\tthis.addKeyUserChanges({\n\t\t\t\tselectorControl: layout,\n\t\t\t\tchangeSpecificData: {\n\t\t\t\t\tchangeType: CHANGE_TYPES.NEWS_FEED_VISIBILITY,\n\t\t\t\t\tcontent: {\n\t\t\t\t\t\tisNewsFeedVisible: this.newsFeedVisibility\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else if ((existingChange.changeSpecificData.content as INewsFeedVisibiliyChange).isNewsFeedVisible !== this.newsFeedVisibility) {\n\t\t\t(existingChange.changeSpecificData.content as INewsFeedVisibiliyChange).isNewsFeedVisible = this.newsFeedVisibility;\n\t\t}\n\t}\n\n\t/**\n\t * Returns News Settings Panel to the content.\n\t *\n\t * @private\n\t * @returns {List} The control containing the News Settings Panel content.\n\t */\n\tprivate getNewsSettingsList(panel: NewsPanel): List {\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tconst newsPageContainer = newsPanel.getParent() as NewsContainer;\n\t\tif (!this.newsSettingsList) {\n\t\t\tthis.newsSettingsList = new List(`${this.getId()}-news-settings-list`, {\n\t\t\t\tselectionChange: this.newsVisibilityChangeHandler.bind(this),\n\t\t\t\tmode: \"MultiSelect\"\n\t\t\t});\n\t\t\tthis.standardListItem = new StandardListItem(`${this.getId()}-newsSettingsStandardListItem`, {\n\t\t\t\tselected: newsPanel.getVisible(), // TO-DO: Integrate with keyuser data\n\t\t\t\tpress: this.navigateToNewsSettingsPage.bind(this),\n\t\t\t\ttype: newsPageContainer.getIsEndUserChange().isEndUser ? \"Inactive\" : \"Navigation\",\n\t\t\t\ttitle: this._i18nBundle.getText(\"newsFeed\")\n\t\t\t});\n\t\t\tthis.newsSettingsList.addItem(this.standardListItem);\n\t\t\tthis.newsSettingsList.setAssociation(\"panel\", panel);\n\t\t} else {\n\t\t\tif (this.newsFeedVisibility === undefined) {\n\t\t\t\tthis.standardListItem.setSelected(\n\t\t\t\t\tBoolean(newsPanel.getParent()?.getProperty(\"newsFeedVisibility\")) && Boolean(newsPanel.getProperty(\"newsAvailable\"))\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.standardListItem.setSelected(this.newsFeedVisibility);\n\t\t\t}\n\t\t}\n\t\treturn this.newsSettingsList;\n\t}\n\n\t/**\n\t * Returns Page Settings Panel to the content.\n\t *\n\t * @private\n\t * @returns {List} The control containing the Page Settings Panel content.\n\t */\n\tprivate getPageSettingsList(panel: PagePanel): List {\n\t\tif (!this.pageSettingsList) {\n\t\t\tthis.pageSettingsList = new List(`${this.getId()}-page-settings-list`, {\n\t\t\t\tmode: \"None\",\n\t\t\t\titems: [\n\t\t\t\t\tnew StandardListItem(`${this.getId()}-pageSettingsList`, {\n\t\t\t\t\t\tselected: true, // TO-DO: Integrate with keyuser data\n\t\t\t\t\t\tpress: this.openPageSettingsDialog.bind(this),\n\t\t\t\t\t\ttype: \"Navigation\",\n\t\t\t\t\t\ttitle: this._i18nBundle.getText(\"pageGroupHeader\")\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t});\n\t\t\tthis.pageSettingsList.setAssociation(\"panel\", panel);\n\t\t}\n\t\treturn this.pageSettingsList;\n\t}\n\n\tprivate onNavBack(navContainer: NavContainer): void {\n\t\tnavContainer?.back();\n\t\tif (!this.standardListItem.getSelected()) {\n\t\t\tthis.newsSettingsPanel?.removeUrlMesageStrip();\n\t\t}\n\t}\n\n\t/**\n\t * Adds News Settings Page to the dialog.\n\t *\n\t * @private\n\t */\n\tprivate navigateToNewsSettingsPage(): void {\n\t\tconst navContainer = (this.getParent() as KeyUserSettingsDialog)?.getNavContainer?.();\n\t\tif (!this.newsSettingsPage) {\n\t\t\tthis.newsSettingsPanel = new KeyUserNewsSettingsPanel(recycleId(`${this.getId()}--news-settings-panel`));\n\t\t\tthis.newsSettingsPanel.setAssociation(\"panel\", this.newsPanel);\n\t\t\tthis.newsSettingsPage = new Page(`${this.getId()}-news-settings-page`, {\n\t\t\t\ttitle: this.newsSettingsPanel.getProperty(\"title\") as string,\n\t\t\t\tshowHeader: true,\n\t\t\t\tcontent: this.newsSettingsPanel.getAggregation(\"content\") as Control,\n\t\t\t\tbackgroundDesign: \"Transparent\",\n\t\t\t\tshowNavButton: true,\n\t\t\t\tnavButtonPress: this.onNavBack.bind(this, navContainer)\n\t\t\t});\n\t\t}\n\t\tnavContainer?.addPage(this.newsSettingsPage);\n\t\tnavContainer?.to(this.newsSettingsPage);\n\t\tthis.newsSettingsPanel.firePanelNavigated();\n\t}\n\n\t/**\n\t * Opens Page Settings Dialog.\n\t *\n\t * @private\n\t */\n\tprivate openPageSettingsDialog(): void {\n\t\tif (!this.pageSettingsPanel) {\n\t\t\tthis.pageSettingsPanel = new KeyUserPagesSettingsPanel(`${this.getId()}--pages-settings-panel`);\n\t\t\tthis.pageSettingsPanel.setAssociation(\"panel\", this.pagePanel);\n\t\t\tthis.pageSettingsDialog = (this.pageSettingsPanel.getAggregation(\"content\") as Dialog[])?.[0];\n\t\t}\n\t\tthis.pageSettingsDialog?.open();\n\t\tthis.pageSettingsPanel?.firePanelNavigated();\n\t}\n\n\t/**\n\t * Handles Space Page Changes.\n\t *\n\t * @private\n\t * @param {Array<IKeyUserChange>} changes All Key User Changes.\n\t */\n\tprivate addNewsPagesChanges(changes: Array<IKeyUserChange>): void {\n\t\tchanges.forEach((change) => {\n\t\t\tthis.addKeyUserChanges(change);\n\t\t});\n\t}\n\n\tpublic async isNewsChangesValid() {\n\t\ttry {\n\t\t\treturn await this.newsSettingsPanel?.isValidChanges(this.standardListItem.getSelected());\n\t\t} catch {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tpublic onSaveClearChanges() {\n\t\tthis.newsFeedVisibility = undefined;\n\t\tthis.newsSettingsPanel?.clearKeyUserChanges();\n\t}\n\n\tpublic onCancelClearKeyUserChanges() {\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tthis.newsFeedVisibility = undefined;\n\t\tthis.standardListItem?.setSelected(newsPanel.getVisible());\n\t\tthis.newsSettingsPanel?.clearNewsPanelChanges();\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AAHAA,GAAA,CAAAC,EAAA,CAAAC,MAAA,+UAAAC,IAAA,EAAAC,IAAA,EAAAC,gBAAA,EAAAC,IAAA,EAAAC,OAAA,EAAAC,QAAA,EAAAC,mBAAA,EAAAC,gCAAA,EAAAC,0BAAA,EAAAC,2BAAA,EAAAC,eAAA,EAAAC,gBAAA,EAAAC,kBAAA,EAAAC,wBAAA;EAAA;;EAAA,SAAAC,uBAAAC,GAAA;IAAA,OAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,CAAAE,OAAA,mBAAAF,GAAA,CAAAE,OAAA,GAAAF,GAAA;EAAA;EAkjBO,SAAAG,OAAgBC,IAAI,EAAEC,OAAO,EAAE;IACrC,IAAI;MACH,IAAIC,MAAM,GAAGF,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC,OAAMG,CAAC,EAAE;MACV,OAAOF,OAAO,CAACE,CAAC,CAAC;IAClB;IACA,IAAID,MAAM,IAAIA,MAAM,CAACE,IAAI,EAAE;MAC1B,OAAOF,MAAM,CAACE,IAAI,CAAC,KAAK,CAAC,EAAEH,OAAO,CAAC;IACpC;IACA,OAAOC,MAAM;EACd;EAAC,MAziBMG,iBAAiB,GAAAV,sBAAA,CAAAR,mBAAA;EAAA,MACfmB,YAAY,GAAAlB,gCAAA;EAAA,MAEdmB,wBAAwB,GAAAZ,sBAAA,CAAAN,0BAAA;EAAA,MACxBmB,yBAAyB,GAAAb,sBAAA,CAAAL,2BAAA;EAAA,MAEzBmB,aAAa,GAAAd,sBAAA,CAAAJ,eAAA;EAAA,MAGbmB,cAAc,GAAAf,sBAAA,CAAAH,gBAAA;EAAA,MACZmB,4BAA4B,GAAAlB,kBAAA;EAAA,MAC5BmB,SAAS,GAAAlB,wBAAA;EAElB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAZA,MAaqBmB,6BAA6B,GAASR,iBAAiB,CAAAS,MAAA;IAC3DC,QAAQ,EAAoB;MAC3CC,OAAO,EAAE;IACV,CAAC;IAcD;AACD;AACA;AACA;AACA;AACA;IACQC,IAAI,WAAAC,MAAA,EAAS;MACnBC,qCAAA;;MAEA;MACA,IAAI,CAACC,WAAW,CAAC,KAAK,EAAET,4BAA4B,CAACU,UAAU,CAAC;MAChE,IAAI,CAACD,WAAW,CAAC,OAAO,EAAE,IAAI,CAACE,WAAW,CAACC,OAAO,CAAC,eAAe,CAAC,CAAC;;MAEpE;MACA,IAAI,CAACC,SAAS,GAAGtC,QAAQ,CAACuC,WAAW,CAAC,CAAC;MACvC,IAAI,CAACD,SAAS,CAACE,SAAS,CACvB,gBAAgB,EAChB,qBAAqB,EACrB,CAACC,SAAkB,EAAEC,OAAgB,EAAEC,IAAa,KAAK;QACxD;QACA,MAAM;UAAEC;QAAQ,CAAC,GAAGD,IAA0C;QAC9D,IAAI,CAACE,mBAAmB,CAACD,OAAO,CAAC;MAClC,CAAC,EACD,IACD,CAAC;;MAED;MACA,IAAI,CAACE,cAAc,CAAC,SAAS,EAAE,IAAI,CAACC,UAAU,CAAC,CAAC,CAAC;;MAEjD;MACA,IAAI,CAACC,oBAAoB,CAAC,MAAM,IAAI,CAACC,YAAY,CAAC,CAAC,CAAC;IACrD,CAAC;IAED;AACD;AACA;AACA;AACA;AACA;IACSF,UAAU,WAAAG,YAAA,EAAS;MAC1B,IAAI,CAAC,IAAI,CAACC,WAAW,EAAE;QACtB,IAAI,CAACA,WAAW,GAAG,IAAIrD,IAAI,CAAC,GAAG,IAAI,CAACsD,KAAK,CAAC,CAAC,cAAc,CAAC;MAC3D;MACA,OAAO,IAAI,CAACD,WAAW;IACxB,CAAC;IAED;AACD;AACA;AACA;AACA;IACSF,YAAY,WAAAI,cAAA,EAAS;MAC5B,MAAMC,iBAAiB,GAAG,IAAI,CAACC,QAAQ,CAAC,CAAC;MACzC,MAAMC,eAAe,GAAGzD,OAAO,CAAC0D,cAAc,CAACH,iBAAiB,CAAc;MAC9E,MAAMI,SAAS,GAAGF,eAAe,EAAEG,SAAS,CAAC,CAAkB;MAC/D,MAAMC,MAAM,GAAGF,SAAS,CAACC,SAAS,CAAC,CAAe;MAClDC,MAAM,CAACb,UAAU,CAAC,CAAC,EAAEc,OAAO,CAAEH,SAAS,IAAK;QAC3C,IAAIA,SAAS,YAAYnC,aAAa,EAAE;UACvC,IAAI,CAACuC,SAAS,GAAGJ,SAAS,CAACX,UAAU,CAAC,CAAC,CAAC,CAAC,CAAc;UACvD,IAAI,CAACI,WAAW,CAACY,OAAO,CAAC,IAAI,CAACC,mBAAmB,CAAC,IAAI,CAACF,SAAS,CAAC,CAAC;QACnE;QACA,IAAIJ,SAAS,YAAYlC,cAAc,EAAE;UACxC,IAAI,CAACyC,SAAS,GAAGP,SAAS,CAACX,UAAU,CAAC,CAAC,CAAC,CAAC,CAAc;UACvD,IAAI,CAACI,WAAW,CAACY,OAAO,CAAC,IAAI,CAACG,mBAAmB,CAAC,IAAI,CAACD,SAAS,CAAC,CAAC;QACnE;MACD,CAAC,CAAC;IACH,CAAC;IAEOE,2BAA2B,WAAAC,6BAACC,MAAqC,EAAQ;MAChF,MAAMC,sBAAsB,GAAGD,MAAM,CAACE,YAAY,CAAC,UAAU,CAAC;MAC9D,IAAI,CAACC,kBAAkB,GAAGF,sBAAsB,EAAEG,WAAW,CAAC,CAAC;MAC/D,MAAMX,SAAS,GAAG,IAAI,CAACY,SAAS,CAAC,CAAc;MAC/C,MAAMC,iBAAiB,GAAGb,SAAS,CAACH,SAAS,CAAC,CAAkB;MAChE,MAAMC,MAAM,GAAGe,iBAAiB,CAAChB,SAAS,CAAC,CAAe;MAC1D,MAAMiB,cAAc,GAAG,IAAI,CAACC,iBAAiB,CAAC,CAAC;MAC/C,MAAMC,cAAc,GAAGF,cAAc,CAACG,IAAI,CAAEC,MAAM,IAAK;QACtD,OAAOA,MAAM,CAACC,kBAAkB,CAACC,UAAU,KAAK9D,YAAY,CAAC+D,oBAAoB;MAClF,CAAC,CAAC;MACF,IAAI,CAAC,IAAI,CAACX,kBAAkB,IAAI,IAAI,CAACY,iBAAiB,EAAE;QACvD,IAAI,CAACA,iBAAiB,CAACC,oBAAoB,CAAC,CAAC;MAC9C;MACA,IAAI,CAACP,cAAc,EAAE;QACpB,IAAI,CAACQ,iBAAiB,CAAC;UACtBC,eAAe,EAAE3B,MAAM;UACvBqB,kBAAkB,EAAE;YACnBC,UAAU,EAAE9D,YAAY,CAAC+D,oBAAoB;YAC7CK,OAAO,EAAE;cACRC,iBAAiB,EAAE,IAAI,CAACjB;YACzB;UACD;QACD,CAAC,CAAC;MACH,CAAC,MAAM,IAAKM,cAAc,CAACG,kBAAkB,CAACO,OAAO,CAA8BC,iBAAiB,KAAK,IAAI,CAACjB,kBAAkB,EAAE;QAChIM,cAAc,CAACG,kBAAkB,CAACO,OAAO,CAA8BC,iBAAiB,GAAG,IAAI,CAACjB,kBAAkB;MACpH;IACD,CAAC;IAED;AACD;AACA;AACA;AACA;AACA;IACSR,mBAAmB,WAAA0B,qBAACC,KAAgB,EAAQ;MACnD,MAAM7B,SAAS,GAAG,IAAI,CAACY,SAAS,CAAC,CAAc;MAC/C,MAAMC,iBAAiB,GAAGb,SAAS,CAACH,SAAS,CAAC,CAAkB;MAChE,IAAI,CAAC,IAAI,CAACiC,gBAAgB,EAAE;QAC3B,IAAI,CAACA,gBAAgB,GAAG,IAAIjG,IAAI,CAAC,GAAG,IAAI,CAACyD,KAAK,CAAC,CAAC,qBAAqB,EAAE;UACtEyC,eAAe,EAAE,IAAI,CAAC1B,2BAA2B,CAAC2B,IAAI,CAAC,IAAI,CAAC;UAC5DC,IAAI,EAAE;QACP,CAAC,CAAC;QACF,IAAI,CAACC,gBAAgB,GAAG,IAAInG,gBAAgB,CAAC,GAAG,IAAI,CAACuD,KAAK,CAAC,CAAC,+BAA+B,EAAE;UAC5F6C,QAAQ,EAAEnC,SAAS,CAACoC,UAAU,CAAC,CAAC;UAAE;UAClCC,KAAK,EAAE,IAAI,CAACC,0BAA0B,CAACN,IAAI,CAAC,IAAI,CAAC;UACjDO,IAAI,EAAE1B,iBAAiB,CAAC2B,kBAAkB,CAAC,CAAC,CAACC,SAAS,GAAG,UAAU,GAAG,YAAY;UAClFC,KAAK,EAAE,IAAI,CAACpE,WAAW,CAACC,OAAO,CAAC,UAAU;QAC3C,CAAC,CAAC;QACF,IAAI,CAACuD,gBAAgB,CAAC7B,OAAO,CAAC,IAAI,CAACiC,gBAAgB,CAAC;QACpD,IAAI,CAACJ,gBAAgB,CAACa,cAAc,CAAC,OAAO,EAAEd,KAAK,CAAC;MACrD,CAAC,MAAM;QACN,IAAI,IAAI,CAACnB,kBAAkB,KAAKkC,SAAS,EAAE;UAC1C,IAAI,CAACV,gBAAgB,CAACW,WAAW,CAChCC,OAAO,CAAC9C,SAAS,CAACH,SAAS,CAAC,CAAC,EAAEkD,WAAW,CAAC,oBAAoB,CAAC,CAAC,IAAID,OAAO,CAAC9C,SAAS,CAAC+C,WAAW,CAAC,eAAe,CAAC,CACpH,CAAC;QACF,CAAC,MAAM;UACN,IAAI,CAACb,gBAAgB,CAACW,WAAW,CAAC,IAAI,CAACnC,kBAAkB,CAAC;QAC3D;MACD;MACA,OAAO,IAAI,CAACoB,gBAAgB;IAC7B,CAAC;IAED;AACD;AACA;AACA;AACA;AACA;IACS1B,mBAAmB,WAAA4C,qBAACnB,KAAgB,EAAQ;MACnD,IAAI,CAAC,IAAI,CAACoB,gBAAgB,EAAE;QAC3B,IAAI,CAACA,gBAAgB,GAAG,IAAIpH,IAAI,CAAC,GAAG,IAAI,CAACyD,KAAK,CAAC,CAAC,qBAAqB,EAAE;UACtE2C,IAAI,EAAE,MAAM;UACZiB,KAAK,EAAE,CACN,IAAInH,gBAAgB,CAAC,GAAG,IAAI,CAACuD,KAAK,CAAC,CAAC,mBAAmB,EAAE;YACxD6C,QAAQ,EAAE,IAAI;YAAE;YAChBE,KAAK,EAAE,IAAI,CAACc,sBAAsB,CAACnB,IAAI,CAAC,IAAI,CAAC;YAC7CO,IAAI,EAAE,YAAY;YAClBG,KAAK,EAAE,IAAI,CAACpE,WAAW,CAACC,OAAO,CAAC,iBAAiB;UAClD,CAAC,CAAC;QAEJ,CAAC,CAAC;QACF,IAAI,CAAC0E,gBAAgB,CAACN,cAAc,CAAC,OAAO,EAAEd,KAAK,CAAC;MACrD;MACA,OAAO,IAAI,CAACoB,gBAAgB;IAC7B,CAAC;IAEOG,SAAS,WAAAC,WAACC,YAA0B,EAAQ;MACnDA,YAAY,EAAEC,IAAI,CAAC,CAAC;MACpB,IAAI,CAAC,IAAI,CAACrB,gBAAgB,CAACvB,WAAW,CAAC,CAAC,EAAE;QACzC,IAAI,CAACW,iBAAiB,EAAEC,oBAAoB,CAAC,CAAC;MAC/C;IACD,CAAC;IAED;AACD;AACA;AACA;AACA;IACSe,0BAA0B,WAAAkB,4BAAA,EAAS;MAC1C,MAAMF,YAAY,GAAI,IAAI,CAACzD,SAAS,CAAC,CAAC,EAA4B4D,eAAe,GAAG,CAAC;MACrF,IAAI,CAAC,IAAI,CAACC,gBAAgB,EAAE;QAC3B,IAAI,CAACpC,iBAAiB,GAAG,IAAI/D,wBAAwB,CAACK,SAAS,CAAC,GAAG,IAAI,CAAC0B,KAAK,CAAC,CAAC,uBAAuB,CAAC,CAAC;QACxG,IAAI,CAACgC,iBAAiB,CAACqB,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC3C,SAAS,CAAC;QAC9D,IAAI,CAAC0D,gBAAgB,GAAG,IAAI5H,IAAI,CAAC,GAAG,IAAI,CAACwD,KAAK,CAAC,CAAC,qBAAqB,EAAE;UACtEoD,KAAK,EAAE,IAAI,CAACpB,iBAAiB,CAACyB,WAAW,CAAC,OAAO,CAAW;UAC5DY,UAAU,EAAE,IAAI;UAChBjC,OAAO,EAAE,IAAI,CAACJ,iBAAiB,CAACsC,cAAc,CAAC,SAAS,CAAY;UACpEC,gBAAgB,EAAE,aAAa;UAC/BC,aAAa,EAAE,IAAI;UACnBC,cAAc,EAAE,IAAI,CAACX,SAAS,CAACpB,IAAI,CAAC,IAAI,EAAEsB,YAAY;QACvD,CAAC,CAAC;MACH;MACAA,YAAY,EAAEU,OAAO,CAAC,IAAI,CAACN,gBAAgB,CAAC;MAC5CJ,YAAY,EAAEW,EAAE,CAAC,IAAI,CAACP,gBAAgB,CAAC;MACvC,IAAI,CAACpC,iBAAiB,CAAC4C,kBAAkB,CAAC,CAAC;IAC5C,CAAC;IAED;AACD;AACA;AACA;AACA;IACSf,sBAAsB,WAAAgB,wBAAA,EAAS;MACtC,IAAI,CAAC,IAAI,CAACC,iBAAiB,EAAE;QAC5B,IAAI,CAACA,iBAAiB,GAAG,IAAI5G,yBAAyB,CAAC,GAAG,IAAI,CAAC8B,KAAK,CAAC,CAAC,wBAAwB,CAAC;QAC/F,IAAI,CAAC8E,iBAAiB,CAACzB,cAAc,CAAC,OAAO,EAAE,IAAI,CAACxC,SAAS,CAAC;QAC9D,IAAI,CAACkE,kBAAkB,GAAI,IAAI,CAACD,iBAAiB,CAACR,cAAc,CAAC,SAAS,CAAC,GAAgB,CAAC,CAAC;MAC9F;MACA,IAAI,CAACS,kBAAkB,EAAEC,IAAI,CAAC,CAAC;MAC/B,IAAI,CAACF,iBAAiB,EAAEF,kBAAkB,CAAC,CAAC;IAC7C,CAAC;IAED;AACD;AACA;AACA;AACA;AACA;IACSnF,mBAAmB,WAAAwF,qBAACzF,OAA8B,EAAQ;MACjEA,OAAO,CAACiB,OAAO,CAAEmB,MAAM,IAAK;QAC3B,IAAI,CAACM,iBAAiB,CAACN,MAAM,CAAC;MAC/B,CAAC,CAAC;IACH,CAAC;IAEYsD,kBAAkB,WAAAC,oBAAA,EAAG;MAAA,MAAAC,KAAA,GAEnB,IAAI;MAAA,OAAAC,OAAA,CAAAC,OAAA,CAAA7H,MAAA,aADd;QAAA,OAAA4H,OAAA,CAAAC,OAAA,CACUF,KAAA,CAAKpD,iBAAiB,EAAEuD,cAAc,CAACH,KAAA,CAAKxC,gBAAgB,CAACvB,WAAW,CAAC,CAAC,CAAC;MACzF,CAAC,cAAO;QACP,OAAO,IAAI;MACZ,CAAC;IACF,CAAC;IAEMmE,kBAAkB,WAAAC,oBAAA,EAAG;MAC3B,IAAI,CAACrE,kBAAkB,GAAGkC,SAAS;MACnC,IAAI,CAACtB,iBAAiB,EAAE0D,mBAAmB,CAAC,CAAC;IAC9C,CAAC;IAEMC,2BAA2B,WAAAC,6BAAA,EAAG;MACpC,MAAMlF,SAAS,GAAG,IAAI,CAACY,SAAS,CAAC,CAAc;MAC/C,IAAI,CAACF,kBAAkB,GAAGkC,SAAS;MACnC,IAAI,CAACV,gBAAgB,EAAEW,WAAW,CAAC7C,SAAS,CAACoC,UAAU,CAAC,CAAC,CAAC;MAC1D,IAAI,CAACd,iBAAiB,EAAE6D,qBAAqB,CAAC,CAAC;IAChD;EAAC;EAAA,OAvPmBtH,6BAA6B;AAAA","ignoreList":[]}

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

@@ -23,9 +23,10 @@ import { IKeyUserChange, INewsFeedVisibiliyChange } from "./interface/KeyUserInt
 import KeyUserNewsSettingsPanel from "./KeyUserNewsSettingsPanel";
 import KeyUserPagesSettingsPanel from "./KeyUserPagesSettingsPanel";
 import KeyUserSettingsDialog from "./KeyUserSettingsDialog";
-import NewsAndPagesContainer from "./NewsAndPagesContainer";
+import NewsContainer from "./NewsContainer";
 import NewsPanel from "./NewsPanel";
 import PagePanel from "./PagePanel";
+import PagesContainer from "./PagesContainer";
 import { KEYUSER_SETTINGS_PANELS_KEYS } from "./utils/Constants";
 import { recycleId } from "./utils/DataFormatUtils";
 
@@ -114,14 +115,15 @@ export default class KeyUserNewsPagesSettingsPanel extends BaseSettingsPanel {
 		const associatedPanelId = this.getPanel();
 		const associatedPanel = Element.getElementById(associatedPanelId) as BasePanel;
 		const container = associatedPanel?.getParent() as BaseContainer;
-		container.getContent()?.forEach((panel: BasePanel) => {
-			if (panel instanceof NewsPanel) {
-				this.newsPanel = panel;
-				this.wrapperVBox.addItem(this.getNewsSettingsList(panel));
+		const layout = container.getParent() as BaseLayout;
+		layout.getContent()?.forEach((container) => {
+			if (container instanceof NewsContainer) {
+				this.newsPanel = container.getContent()[0] as NewsPanel;
+				this.wrapperVBox.addItem(this.getNewsSettingsList(this.newsPanel));
 			}
-			if (panel instanceof PagePanel) {
-				this.pagePanel = panel;
-				this.wrapperVBox.addItem(this.getPageSettingsList(panel));
+			if (container instanceof PagesContainer) {
+				this.pagePanel = container.getContent()[0] as PagePanel;
+				this.wrapperVBox.addItem(this.getPageSettingsList(this.pagePanel));
 			}
 		});
 	}
@@ -130,7 +132,7 @@ export default class KeyUserNewsPagesSettingsPanel extends BaseSettingsPanel {
 		const newsVisibilityCheckBox = oEvent.getParameter("listItem");
 		this.newsFeedVisibility = newsVisibilityCheckBox?.getSelected();
 		const newsPanel = this._getPanel() as NewsPanel;
-		const newsPageContainer = newsPanel.getParent() as NewsAndPagesContainer;
+		const newsPageContainer = newsPanel.getParent() as NewsContainer;
 		const layout = newsPageContainer.getParent() as BaseLayout;
 		const keyUserChanges = this.getKeyUserChanges();
 		const existingChange = keyUserChanges.find((change) => {
@@ -162,7 +164,7 @@ export default class KeyUserNewsPagesSettingsPanel extends BaseSettingsPanel {
 	 */
 	private getNewsSettingsList(panel: NewsPanel): List {
 		const newsPanel = this._getPanel() as NewsPanel;
-		const newsPageContainer = newsPanel.getParent() as NewsAndPagesContainer;
+		const newsPageContainer = newsPanel.getParent() as NewsContainer;
 		if (!this.newsSettingsList) {
 			this.newsSettingsList = new List(`${this.getId()}-news-settings-list`, {
 				selectionChange: this.newsVisibilityChangeHandler.bind(this),