@sapui5/sap.cux.home 1.142.0 → 1.142.2

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

@@ -1,6 +1,6 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
- *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
+ *  * (c) Copyright 2009-2026 SAP SE. All rights reserved
  */
 
 import Log from "sap/base/Log";
@@ -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);
 	}
@@ -499,8 +808,15 @@ export default class LayoutSettingsPanel extends BaseSettingsPanel {
 					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/MenuItem.d.ts

@@ -1,7 +1,7 @@
 declare module "sap/cux/home/MenuItem" {
     /*!
      * SAP UI development toolkit for HTML5 (SAPUI5)
-     *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
+     *  * (c) Copyright 2009-2026 SAP SE. All rights reserved
      */
     import type { MetadataOptions } from "sap/ui/core/Element";
     import Element from "sap/ui/core/Element";

package/src/sap/cux/home/MenuItem.gen.d.ts

@@ -1,7 +1,7 @@
 declare module "sap/cux/home/MenuItem" {
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
- *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
+ *  * (c) Copyright 2009-2026 SAP SE. All rights reserved
  */
 import Event from "sap/ui/base/Event";
 import { URI } from "sap/ui/core/library";

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

@@ -1,6 +1,6 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
- *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
+ *  * (c) Copyright 2009-2026 SAP SE. All rights reserved
  */
 sap.ui.define(["sap/ui/core/Element"], function (Element) {
   "use strict";

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["sap","ui","define","Element","MenuItem","extend","metadata","library","properties","title","type","group","defaultValue","visibility","icon","visible","events","press","constructor","_constructor","id","settings","Element.prototype.constructor.call"],"sources":["MenuItem.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport type { MetadataOptions } from \"sap/ui/core/Element\";\nimport Element from \"sap/ui/core/Element\";\nimport { $MenuItemSettings } from \"./MenuItem\";\n\n/**\n *\n * Class for managing and storing menu items.\n *\n * @extends Element\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n *\n * @private\n * @ui5-restricted ux.eng.s4producthomes1\n *\n * @alias sap.cux.home.MenuItem\n */\nexport default class MenuItem extends Element {\n\tconstructor(id?: string | $MenuItemSettings);\n\tconstructor(id?: string, settings?: $MenuItemSettings);\n\t/**\n\t * Constructor for a new menu item.\n\t *\n\t * @param {string} [id] ID for the new control, generated automatically if an ID is not provided\n\t * @param {object} [settings] Initial settings for the new control\n\t */\n\tpublic constructor(id?: string, settings?: $MenuItemSettings) {\n\t\tsuper(id, settings);\n\t}\n\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\",\n\t\tproperties: {\n\t\t\t/**\n\t\t\t * Title of the menu item.\n\t\t\t *\n\t\t\t * @public\n\t\t\t */\n\t\t\ttitle: { type: \"string\", group: \"Misc\", defaultValue: \"\", visibility: \"public\" },\n\t\t\t/**\n\t\t\t * Icon of the menu item.\n\t\t\t *\n\t\t\t * @public\n\t\t\t */\n\t\t\ticon: { type: \"sap.ui.core.URI\", group: \"Misc\", defaultValue: \"\", visibility: \"public\" },\n\t\t\t/**\n\t\t\t * Type of the menu item visualization in the menu list\n\t\t\t *\n\t\t\t * @public\n\t\t\t */\n\t\t\ttype: { type: \"string\", group: \"Misc\", defaultValue: \"Active\", visibility: \"public\" },\n\t\t\t/**\n\t\t\t * Visibility of the menu item in the menu list\n\t\t\t *\n\t\t\t * @public\n\t\t\t */\n\t\t\tvisible: { type: \"boolean\", group: \"Misc\", defaultValue: true, visibility: \"public\" }\n\t\t},\n\t\tevents: {\n\t\t\t/**\n\t\t\t * Fires whenever the menu item is pressed.\n\t\t\t *\n\t\t\t * @public\n\t\t\t */\n\t\t\tpress: {}\n\t\t}\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AAHAA,GAAA,CAAAC,EAAA,CAAAC,MAAA,oCAAAC,OAAA;EAAA;;EASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAdA,MAeqBC,QAAQ,GAASD,OAAO,CAAAE,MAAA;IAa5BC,QAAQ,EAAoB;MAC3CC,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE;QACX;AACH;AACA;AACA;AACA;QACGC,KAAK,EAAE;UAAEC,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE,EAAE;UAAEC,UAAU,EAAE;QAAS,CAAC;QAChF;AACH;AACA;AACA;AACA;QACGC,IAAI,EAAE;UAAEJ,IAAI,EAAE,iBAAiB;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE,EAAE;UAAEC,UAAU,EAAE;QAAS,CAAC;QACxF;AACH;AACA;AACA;AACA;QACGH,IAAI,EAAE;UAAEA,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE,QAAQ;UAAEC,UAAU,EAAE;QAAS,CAAC;QACrF;AACH;AACA;AACA;AACA;QACGE,OAAO,EAAE;UAAEL,IAAI,EAAE,SAAS;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE,IAAI;UAAEC,UAAU,EAAE;QAAS;MACrF,CAAC;MACDG,MAAM,EAAE;QACP;AACH;AACA;AACA;AACA;QACGC,KAAK,EAAE,CAAC;MACT;IACD,CAAC;IA9CD;AACD;AACA;AACA;AACA;AACA;IACQC,WAAW,WAAAC,aAACC,EAAW,EAAEC,QAA4B,EAAE;MAC7DC,kCAAA,OAAMF,EAAE,EAAEC,QAAQ;IACnB;EAAC;EAAA,OAXmBjB,QAAQ;AAAA","ignoreList":[]}
+{"version":3,"file":"MenuItem.js","names":["sap","ui","define","Element","MenuItem","extend","metadata","library","properties","title","type","group","defaultValue","visibility","icon","visible","events","press","constructor","_constructor","id","settings","Element.prototype.constructor.call"],"sources":["MenuItem.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2026 SAP SE. All rights reserved\n */\n\nimport type { MetadataOptions } from \"sap/ui/core/Element\";\nimport Element from \"sap/ui/core/Element\";\nimport { $MenuItemSettings } from \"./MenuItem\";\n\n/**\n *\n * Class for managing and storing menu items.\n *\n * @extends Element\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n *\n * @private\n * @ui5-restricted ux.eng.s4producthomes1\n *\n * @alias sap.cux.home.MenuItem\n */\nexport default class MenuItem extends Element {\n\tconstructor(id?: string | $MenuItemSettings);\n\tconstructor(id?: string, settings?: $MenuItemSettings);\n\t/**\n\t * Constructor for a new menu item.\n\t *\n\t * @param {string} [id] ID for the new control, generated automatically if an ID is not provided\n\t * @param {object} [settings] Initial settings for the new control\n\t */\n\tpublic constructor(id?: string, settings?: $MenuItemSettings) {\n\t\tsuper(id, settings);\n\t}\n\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\",\n\t\tproperties: {\n\t\t\t/**\n\t\t\t * Title of the menu item.\n\t\t\t *\n\t\t\t * @public\n\t\t\t */\n\t\t\ttitle: { type: \"string\", group: \"Misc\", defaultValue: \"\", visibility: \"public\" },\n\t\t\t/**\n\t\t\t * Icon of the menu item.\n\t\t\t *\n\t\t\t * @public\n\t\t\t */\n\t\t\ticon: { type: \"sap.ui.core.URI\", group: \"Misc\", defaultValue: \"\", visibility: \"public\" },\n\t\t\t/**\n\t\t\t * Type of the menu item visualization in the menu list\n\t\t\t *\n\t\t\t * @public\n\t\t\t */\n\t\t\ttype: { type: \"string\", group: \"Misc\", defaultValue: \"Active\", visibility: \"public\" },\n\t\t\t/**\n\t\t\t * Visibility of the menu item in the menu list\n\t\t\t *\n\t\t\t * @public\n\t\t\t */\n\t\t\tvisible: { type: \"boolean\", group: \"Misc\", defaultValue: true, visibility: \"public\" }\n\t\t},\n\t\tevents: {\n\t\t\t/**\n\t\t\t * Fires whenever the menu item is pressed.\n\t\t\t *\n\t\t\t * @public\n\t\t\t */\n\t\t\tpress: {}\n\t\t}\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AAHAA,GAAA,CAAAC,EAAA,CAAAC,MAAA,oCAAAC,OAAA;EAAA;;EASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAdA,MAeqBC,QAAQ,GAASD,OAAO,CAAAE,MAAA;IAa5BC,QAAQ,EAAoB;MAC3CC,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE;QACX;AACH;AACA;AACA;AACA;QACGC,KAAK,EAAE;UAAEC,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE,EAAE;UAAEC,UAAU,EAAE;QAAS,CAAC;QAChF;AACH;AACA;AACA;AACA;QACGC,IAAI,EAAE;UAAEJ,IAAI,EAAE,iBAAiB;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE,EAAE;UAAEC,UAAU,EAAE;QAAS,CAAC;QACxF;AACH;AACA;AACA;AACA;QACGH,IAAI,EAAE;UAAEA,IAAI,EAAE,QAAQ;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE,QAAQ;UAAEC,UAAU,EAAE;QAAS,CAAC;QACrF;AACH;AACA;AACA;AACA;QACGE,OAAO,EAAE;UAAEL,IAAI,EAAE,SAAS;UAAEC,KAAK,EAAE,MAAM;UAAEC,YAAY,EAAE,IAAI;UAAEC,UAAU,EAAE;QAAS;MACrF,CAAC;MACDG,MAAM,EAAE;QACP;AACH;AACA;AACA;AACA;QACGC,KAAK,EAAE,CAAC;MACT;IACD,CAAC;IA9CD;AACD;AACA;AACA;AACA;AACA;IACQC,WAAW,WAAAC,aAACC,EAAW,EAAEC,QAA4B,EAAE;MAC7DC,kCAAA,OAAMF,EAAE,EAAEC,QAAQ;IACnB;EAAC;EAAA,OAXmBjB,QAAQ;AAAA","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
- *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
+ *  * (c) Copyright 2009-2026 SAP SE. All rights reserved
  */
 
 import type { MetadataOptions } from "sap/ui/core/Element";