@openui5/sap.ui.documentation 1.145.0 → 1.146.0

package/THIRDPARTY.txt

@@ -6,31 +6,31 @@ The full text of all referenced licenses is appended at the end of this file.
 
 Library: sap.f:
 
-Component: UI5 Web Components, version: 2.15.0
+Component: UI5 Web Components, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Fiori, version: 2.15.0
+Component: UI5 Web Components Fiori, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons, version: 2.15.0
+Component: UI5 Web Components Icons, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons Business Suite, version: 2.15.0
+Component: UI5 Web Components Icons Business Suite, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons TNT, version: 2.15.0
+Component: UI5 Web Components Icons TNT, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -309,7 +309,7 @@ License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/bignumber.js
 
-Component: lodash, version: 4.17.21
+Component: lodash, version: 4.17.23
 Copyright: OpenJS Foundation and other contributors
 License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
@@ -498,7 +498,7 @@ License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.32.2-20250827135846+79bb30d311678435d61b21db26ecbe07d6b05079
+Component: SAP Theming Base Content, version: 11.34.0
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.documentation",
-  "version": "1.145.0",
+  "version": "1.146.0",
   "description": "OpenUI5 UI Library sap.ui.documentation",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,11 +14,11 @@
     "url": "https://github.com/UI5/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.m": "1.145.0",
-    "@openui5/sap.ui.core": "1.145.0",
-    "@openui5/sap.ui.layout": "1.145.0",
-    "@openui5/themelib_sap_belize": "1.145.0",
-    "@openui5/themelib_sap_fiori_3": "1.145.0",
-    "@openui5/themelib_sap_horizon": "1.145.0"
+    "@openui5/sap.m": "1.146.0",
+    "@openui5/sap.ui.core": "1.146.0",
+    "@openui5/sap.ui.layout": "1.146.0",
+    "@openui5/themelib_sap_belize": "1.146.0",
+    "@openui5/themelib_sap_fiori_3": "1.146.0",
+    "@openui5/themelib_sap_horizon": "1.146.0"
   }
 }

package/src/sap/ui/documentation/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.145.0</version>
+  <version>1.146.0</version>
 
   <documentation>SAPUI5 library for the Demokit 2.0.</documentation>
 

package/src/sap/ui/documentation/LightTable.js

@@ -37,68 +37,42 @@ sap.ui.define(['sap/ui/core/Control'],
 				}
 			},
 			renderer: {
-			apiVersion: 2,
+				apiVersion: 2,
 
-			render: function(oRm, oControl) {
-				var aRows = oControl.getRows(),
-					aControls,
+				render: function(oRm, oControl) {
+					var aRows = oControl.getRows(),
 					aColumnTitles = oControl.getColumnTitles(),
-					aLen,
-					a,
 					iLen,
 					i;
 
-				oRm.openStart("div", oControl);
-				oRm.class("sapUiDocLightTable");
-				oRm.class("columns-" + oControl.getColumnCount());
-				oRm.openEnd();
+					oRm.openStart("div", oControl);
+					oRm.class("sapUiDocLightTable");
+					oRm.class("columns-" + oControl.getColumnCount());
+					oRm.openEnd();
 
-				// Column titles
-				oRm.openStart("div")
-					.class("head")
-					.openEnd();
-
-				for (i = 0, iLen = aColumnTitles.length; i < iLen; i++) {
-					oRm.openStart("div")
-						.class("cell")
-						.openEnd();
-
-					oRm.text(aColumnTitles[i])
-						.close("div");
-				}
-
-				oRm.close("div");
-
-				// Rows
-				for (i = 0, iLen = aRows.length; i < iLen; i++) {
+					// Column titles
 					oRm.openStart("div")
-						.class("row")
+						.class("head")
 						.openEnd();
 
-					aControls = aRows[i].getContent();
-					for (a = 0, aLen = aControls.length; a < aLen; a++) {
+					for (i = 0, iLen = aColumnTitles.length; i < iLen; i++) {
 						oRm.openStart("div")
 							.class("cell")
 							.openEnd();
 
-						// Handle inline title
-						if (a > 0) {
-							oRm.openStart("div")
-								.class("inTitle")
-								.openEnd()
-								.text(aColumnTitles[a] + ":")
-								.close("div");
-						}
+						oRm.text(aColumnTitles[i])
+							.close("div");
+					}
+
+					oRm.close("div");
 
-						oRm.renderControl(aControls[a]);
-						oRm.close("div");
+					// Render rows (each row handles its own rendering including subRows)
+					for (i = 0, iLen = aRows.length; i < iLen; i++) {
+						oRm.renderControl(aRows[i]);
 					}
 
 					oRm.close("div");
 				}
-
-				oRm.close("div");
 			}
-		}});
-
-	});
+		});
+});

package/src/sap/ui/documentation/Row.js

@@ -3,34 +3,173 @@
  * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
-sap.ui.define(['sap/ui/core/Element'],
-	function(Element) {
+sap.ui.define([
+	'sap/ui/core/Control',
+	'sap/ui/core/Icon'
+], function(Control, Icon) {
 	"use strict";
 
 		/**
 		 * @class
 		 * Provides a row element for the <code>LightTable</code>.
-		 * @extends sap.ui.core.Element
+		 * @extends sap.ui.core.Control
 		 * @private
 		 * @ui5-restricted sdk
 		 */
-		return Element.extend("sap.ui.documentation.Row", {
+		var Row = Control.extend("sap.ui.documentation.Row", {
 			metadata : {
 				library: "sap.ui.documentation",
 				properties: {
 					/**
 					 * Determines whether the row is visible.
 					 */
-					visible: {type: "boolean"}
+					visible: {type: "boolean", defaultValue: true},
+					/**
+					 * Determines whether the row is expanded (showing subRows).
+					 */
+					expanded: {type: "boolean", defaultValue: false},
+					/**
+					 * Determines whether the row can be expanded/collapsed (shows expand/collapse icon).
+					 */
+					expandable: {type: "boolean", defaultValue: false},
+					/**
+					 * The name of the typedef that this parameter refers to
+					 */
+					typedefName: {type : "string", defaultValue : ""}
 				},
 				defaultAggregation : "content",
 				aggregations: {
 					/**
 					 * Controls to be displayed by the <code>LightTable</code>.
 					 */
-					content: {type: "sap.ui.core.Control", multiple: true}
+					content: {type: "sap.ui.core.Control", multiple: true},
+					/**
+					 * Sub-rows to be displayed when the row is expanded.
+					 */
+					subRows: {type: "sap.ui.documentation.Row", multiple: true},
+					/**
+					 * Internal Icon control for the expand/collapse functionality
+					 */
+					_expandIcon: {type: "sap.ui.core.Icon", multiple: false, visibility: "hidden"}
+				},
+				events: {
+					/**
+					 * Event is fired when the user clicks on the expand/collapse icon.
+					 */
+					expandToggle: {}
+				}
+			},
+
+			/**
+			 * Creates the expand/collapse icon
+			 * @private
+			 */
+			_getExpandCollapseIcon: function() {
+				if (!this.getAggregation("_expandIcon")) {
+					var oExpandIcon = new Icon({
+						press: function() {
+							this.fireExpandToggle();
+						}.bind(this)
+					});
+
+					// Add custom classes for styling
+					oExpandIcon.addStyleClass("sapUiTinyMarginEnd").addStyleClass("sapUiDocTypedefExpandIcon");
+
+					this.setAggregation("_expandIcon", oExpandIcon);
+
+					// Update the icon appearance based on the current expanded state
+					this._updateExpandIconState();
+				}
+
+				return this.getAggregation("_expandIcon");
+			},
+
+			/**
+			 * Updates the expand icon state (src) based on the expanded property
+			 * @private
+			 */
+			_updateExpandIconState: function() {
+				var oExpandIcon = this.getAggregation("_expandIcon");
+
+				if (oExpandIcon) {
+					var bExpanded = this.getExpanded();
+					oExpandIcon.setSrc(bExpanded ? "sap-icon://slim-arrow-down" : "sap-icon://slim-arrow-right");
+				}
+			},
+
+			/**
+			 * Updates the expand icon when the expanded property changes
+			 */
+			setExpanded: function(bExpanded) {
+				this.setProperty("expanded", bExpanded, true); // Suppress rerendering
+				this._updateExpandIconState();
+				return this;
+			},
+			renderer: {
+				apiVersion: 2,
+
+				render: function(oRm, oControl) {
+					var aControls = oControl.getContent(),
+						aSubRows = oControl.getSubRows(),
+						bExpanded = oControl.getExpanded(),
+						bExpandable = oControl.getExpandable(),
+						bVisible = oControl.getVisible(),
+						aLen,
+						a;
+
+					// Don't render if not visible
+					if (!bVisible) {
+						return;
+					}
+
+					// Get column titles from parent LightTable
+					var oParent = oControl.getParent(),
+						aColumnTitles = oParent && oParent.getColumnTitles ? oParent.getColumnTitles() : [];
+
+					// Render the main row
+					oRm.openStart("div", oControl);
+					oRm.class("row");
+					if (bExpandable) {
+						oRm.class(bExpanded ? "expanded" : "collapsed");
+					}
+					oRm.openEnd();
+
+					// Render cells
+					for (a = 0, aLen = aControls.length; a < aLen; a++) {
+						oRm.openStart("div")
+							.class("cell")
+							.openEnd();
+
+						// Handle inline title (for responsive view)
+						if (a > 0 && aColumnTitles[a]) {
+							oRm.openStart("div")
+								.class("inTitle")
+								.openEnd()
+								.text(aColumnTitles[a] + ":")
+								.close("div");
+						}
+
+						// Render the expand/collapse icon in the first cell if expandable
+						if (a === 0 && bExpandable) {
+							oRm.renderControl(oControl._getExpandCollapseIcon());
+						}
+
+						oRm.renderControl(aControls[a]);
+						oRm.close("div");
+					}
+
+					oRm.close("div");
+
+					// Render sub-rows if expanded
+					if (bExpanded && aSubRows.length > 0) {
+						for (var i = 0; i < aSubRows.length; i++) {
+							oRm.renderControl(aSubRows[i]);
+						}
+					}
 				}
 			}
 		});
 
-	});
+		return Row;
+
+});

package/src/sap/ui/documentation/library.js

@@ -25,14 +25,14 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.documentation
 	 * @author SAP SE
-	 * @version 1.145.0
+	 * @version 1.146.0
 	 * @since 1.48
 	 * @public
 	 */
 	var thisLibrary = Lib.init({
 		apiVersion: 2,
 		name : 'sap.ui.documentation',
-		version: '1.145.0',
+		version: '1.146.0',
 		dependencies : ['sap.ui.core','sap.m'],
 		types: [],
 		interfaces: [],

package/src/sap/ui/documentation/messagebundle_de.properties

@@ -8,7 +8,7 @@ APP_TABHEADER_ITEM_API_REFERENCE=API-Referenz
 APP_TABHEADER_ITEM_SAMPLES=Beispiele
 APP_TABHEADER_ITEM_DEMO_APPS=Demo-Apps
 APP_TABHEADER_ITEM_RESOURCES=Ressourcen
-APP_TABHEADER_SUBITEM_FIORI_TOOLS=Fiori-Tools
+APP_TABHEADER_SUBITEM_FIORI_TOOLS=SAP Fiori tools
 APP_TABHEADER_SUBITEM_ICON_EXPLORER=Symbolexplorer
 APP_TABHEADER_SUBITEM_UI5_INSPECTOR=UI5 Inspector
 APP_TABHEADER_SUBITEM_UI5_CLI=UI5 CLI

package/src/sap/ui/documentation/sdk/controller/App.controller.js

@@ -1477,7 +1477,7 @@ sap.ui.define([
 			// Handle the case when the user deletes the query and the search picker is open
 			// Only on desktop, because on mobile we don't want to close the picker
 			if (!sQuery && Device.system.desktop) {
-				if (this.oPicker.isOpen()) {
+				if (this.oPicker && this.oPicker.isOpen()) {
 					this.oPicker.close();
 				}
 

package/src/sap/ui/documentation/sdk/controller/Code.controller.js

@@ -35,6 +35,7 @@ sap.ui.define(
 
 		return SampleController.extend("sap.ui.documentation.sdk.controller.Code", {
 			constructor: function () {
+				SampleController.apply(this, arguments);
 				this.onFileEditorFileChangeDebounced = _debounce(this.onFileEditorFileChangeDebounced, 500);
 			},
 

package/src/sap/ui/documentation/sdk/controller/ErrorHandler.js

@@ -20,6 +20,7 @@ sap.ui.define([
 			 * @alias sap.ui.documentation.sdk.controller.ErrorHandler
 			 */
 			constructor : function (oComponent) {
+				UI5Object.call(this);
 				this._oComponent = oComponent;
 				this._oModel = oComponent.getModel();
 				this._bMessageOpen = false;

package/src/sap/ui/documentation/sdk/controller/Sample.controller.js

@@ -409,10 +409,13 @@ sap.ui.define([
 					});
 
 					var fnLoadSettings = function(eMessage) {
+						if (!this._isMessageFromSampleIframe(eMessage)) {
+							return;
+						}
 						fnCallback(eMessage);
 						window.removeEventListener("message", fnLoadSettings);
 						resolve();
-					};
+					}.bind(this);
 
 					window.addEventListener("message", fnLoadSettings);
 
@@ -680,6 +683,11 @@ sap.ui.define([
 				return this.byId("page");
 			},
 
+			_isMessageFromSampleIframe: function(eMessage) {
+				return eMessage.origin === this.getOwnerComponent()._sSampleIframeOrigin &&
+					eMessage.source === this._oHtmlControl.getDomRef().contentWindow;
+			},
+
 			onMessage: function(eMessage) {
 				var oModelData = this.oModel.getData();
 
@@ -687,10 +695,7 @@ sap.ui.define([
 					return;
 				}
 
-				if (eMessage.origin !== this.getOwnerComponent()._sSampleIframeOrigin) {
-					return;
-				}
-				if (eMessage.source !== this._oHtmlControl.getDomRef().contentWindow) {
+				if (!this._isMessageFromSampleIframe(eMessage)) {
 					return;
 				}
 

package/src/sap/ui/documentation/sdk/controller/SubApiDetail.controller.js

@@ -6,10 +6,16 @@
 
 sap.ui.define([
 		"sap/ui/thirdparty/jquery",
+		"sap/base/Log",
 		"sap/ui/core/Fragment",
+		"sap/ui/documentation/sdk/controller/util/APIInfo",
 		"sap/ui/documentation/sdk/controller/BaseController",
 		"sap/ui/documentation/sdk/util/ToggleFullScreenHandler",
 		"sap/ui/documentation/sdk/model/formatter",
+		"sap/ui/documentation/Row",
+		"sap/ui/documentation/ParamText",
+		"sap/ui/documentation/JSDocType",
+		"sap/ui/documentation/JSDocText",
 		"sap/m/Image",
 		"sap/m/Label",
 		"sap/m/Link",
@@ -23,10 +29,14 @@ sap.ui.define([
 		"sap/m/CustomListItem",
 		"sap/m/List",
 		"sap/ui/dom/includeStylesheet",
-		"sap/ui/dom/includeScript"
-	], function (jQuery, Fragment, BaseController, ToggleFullScreenHandler,
-			formatter, Image, Label, Link, Text, HBox, ObjectAttribute, ObjectStatus, Popover,
-			library, coreLibrary, CustomListItem, List, includeStylesheet, includeScript) {
+		"sap/ui/dom/includeScript",
+		"sap/uxap/ObjectPageSection",
+		"sap/ui/documentation/ObjectPageSubSection",
+		"sap/ui/core/HTML"
+	], function (jQuery, Log, Fragment, APIInfo, BaseController, ToggleFullScreenHandler,
+			formatter, Row, ParamText, JSDocType, JSDocText, Image, Label, Link, Text, HBox, ObjectAttribute, ObjectStatus, Popover,
+			library, coreLibrary, CustomListItem, List, includeStylesheet, includeScript,
+			ObjectPageSection, ObjectPageSubSection, HTML) {
 		"use strict";
 
 		// shortcut for sap.m.FlexWrap
@@ -122,21 +132,56 @@ sap.ui.define([
 					this._oModel.setProperty("/ui5-metadata/associations", bHasSelfAssoc ? this._selfAssociations : this._allAssociations);
 				}
 
-				if (this._oModel.getProperty("/hasFAQ")) {
-					var sLibName = this._oEntityData.lib,
-						sLibPath = sLibName.replace(/\./g, '/'),
-						sFile = this._oEntityData.name.replace(sLibName, "").replace(/^[.]/, "").replace(/\./g, '/') + ".html";
-					jQuery.ajax({
-						type: "GET",
-						url: './docs/api/' + sLibPath +
-						'/demokit/faq/' + sFile,
-						success: function (data) {
-							this._oModel.setProperty("/faqContent", data);
-						}.bind(this)
+				var sLibName = this._oEntityData.lib,
+					sLibPath = sLibName.replace(/\./g, '/'),
+					sComponentPath = this._oEntityData.name.replace(sLibName, "").replace(/^[.]/, "").replace(/\./g, '/'),
+					aSectionTypes = (this._oControlData.customSections || []).map(function(section) {
+						var sType = typeof section === 'string' ? section : section.name;
+						return {
+							type: sType,
+							property: sType + "Content",
+							displayTitle: sType.charAt(0).toUpperCase() + sType.slice(1),
+							sectionId: sType.toLowerCase(),
+							hasSubsections: section.hasSubsections || false,
+							subsections: section.subsections || null
+						};
 					});
-				}
 
-				// Attach the model to the view
+				var fnLoadContent = function(sUrl, sProperty) {
+					return new Promise(function(resolve) {
+						jQuery.ajax({
+							url: sUrl,
+							success: function(data) {
+								this._oModel.setProperty("/" + sProperty, data);
+								resolve(true);
+							}.bind(this),
+							error: function() { resolve(false); }
+						});
+					}.bind(this));
+				}.bind(this);
+
+				var aContentPromises = aSectionTypes.map(function(oSection) {
+					var aPromises = [];
+					var sBaseUrl = './docs/api/' + sLibPath + '/demokit/sections/' + sComponentPath + '/';
+
+					if (oSection.hasSubsections) {
+						// Load main + subsections
+						aPromises.push(fnLoadContent(sBaseUrl + oSection.type + '.html', oSection.type + "_mainContent"));
+						oSection.subsections.forEach(function(sub) {
+							aPromises.push(fnLoadContent(sBaseUrl + oSection.type + '/' + sub + '.html', oSection.type + "_" + sub + "Content"));
+						});
+					} else {
+						// Load single section
+						aPromises.push(fnLoadContent(sBaseUrl + oSection.type + '.html', oSection.property));
+					}
+
+					return Promise.all(aPromises).then(function() { return oSection; });
+			});
+
+			Promise.all(aContentPromises).then(function(aSections) {
+					aSections.forEach(this._createAndAddSection, this);
+				}.bind(this));
+
 				this.setModel(this._oModel);
 
 				// Build needed resources and pre-process data
@@ -305,6 +350,40 @@ sap.ui.define([
 				}
 			},
 
+			/**
+			 * Applies syntax highlighting to a LightTable after it is re-rendered.
+			 * Attaches an onAfterRendering delegate to the LightTable, applies highlighting,
+			 * and then removes the delegate.
+			 * @param {sap.ui.documentation.LightTable} oLightTable The LightTable control to apply highlighting to
+			 * @private
+			 */
+			_applyHljsToLightTable: function(oLightTable) {
+				if (!oLightTable || !window.hljs) {
+					return;
+				}
+
+				var oDelegate = {
+					onAfterRendering: function() {
+						// Find unprocessed pre elements within the LightTable's DOM
+						var oDomRef = oLightTable.getDomRef();
+						if (oDomRef) {
+							var aPreElements = oDomRef.querySelectorAll('pre:not(.hljs)');
+							if (aPreElements.length > 0) {
+								aPreElements.forEach(function(oElement) {
+									oElement.classList.add('hljs');
+									window.hljs.highlightElement(oElement);
+								});
+							}
+						}
+						// Remove the delegate after execution
+						oLightTable.removeEventDelegate(oDelegate);
+					}
+				};
+
+				// Attach the delegate to the LightTable
+				oLightTable.addEventDelegate(oDelegate);
+			},
+
 			scrollToEntity: function (sSectionId, sEntityId) {
 
 				var aFilteredSubSections,
@@ -657,6 +736,366 @@ sap.ui.define([
 				return this._oPopover;
 			},
 
+			/**
+			 * Handles the typedef toggle event
+			 * @param {sap.ui.base.Event} oEvent The event object
+			 */
+			onTypedefToggle: function(oEvent) {
+				var oRow = oEvent.getSource(),
+					oLightTable = this._findParentLightTable(oRow),
+					sTypedefName = oRow?.getTypedefName();
+
+				if (!sTypedefName || !oLightTable) {
+					return;
+				}
+
+				if (oRow.getExpanded()) {
+					oRow.setExpanded(false);
+
+					oLightTable.invalidate();
+					this._applyHljsToLightTable(oLightTable);
+
+					return;
+				}
+
+				if (oRow.getSubRows().length > 0) {
+					// Already loaded typedef properties, just expand
+					oRow.setExpanded(true);
+
+					oLightTable.invalidate();
+					this._applyHljsToLightTable(oLightTable);
+
+					return;
+				}
+
+				// Find the typedef entity in the API index first
+				var oTypedefInfo = this._findTypedefInApiIndex(sTypedefName);
+
+				if (oTypedefInfo) {
+					// Fetch complete typedef data from API.json including inherited properties
+					this._collectTypedefPropertiesWithInheritance(oTypedefInfo)
+						.then(function(aTypedefProperties) {
+							// Add Row controls to the LightTable for each typedef property
+							if (aTypedefProperties && aTypedefProperties.length > 0) {
+								this._addTypedefSubRows(oRow, aTypedefProperties);
+
+								oRow.setExpanded(true);
+								oLightTable.invalidate();
+								this._applyHljsToLightTable(oLightTable);
+							}
+						}.bind(this))
+						.catch(function(oError) {
+							// Handle error silently
+							Log.error("Error loading typedef data: " + oError);
+						});
+				}
+			},
+
+			/**
+			 * Collects typedef properties including inherited properties from base typedefs.
+			 * Traverses the inheritance chain and concatenates all properties.
+			 * @param {object} oTypedefInfo Initial typedef info from API index
+			 * @returns {Promise} Promise that resolves with array of all typedef properties (own + inherited)
+			 * @private
+			 */
+			_collectTypedefPropertiesWithInheritance: function(oTypedefInfo) {
+				var aInheritanceChain = [],
+					aRequiredLibs = [];
+
+				// Build the inheritance chain by traversing the extends property
+				// Also collect all required libraries for loading
+				return this._buildTypedefInheritanceChain(oTypedefInfo)
+					.then(function(oChainResult) {
+						aInheritanceChain = oChainResult.chain;
+						aRequiredLibs = oChainResult.libs;
+
+						// Generate promises for all required libraries
+						var aPromises = aRequiredLibs.map(function(sLibName) {
+							return APIInfo.getLibraryElementsJSONPromise(sLibName);
+						});
+
+						return Promise.all(aPromises);
+					})
+					.then(function(aLibResults) {
+						// Combine all library elements into one array
+						var aAllLibraryElements = [];
+						aLibResults.forEach(function(aSingleLibraryElements) {
+							aAllLibraryElements = aAllLibraryElements.concat(aSingleLibraryElements);
+						});
+
+						// Collect properties from all typedefs in the inheritance chain
+						var aAllProperties = [],
+							aPropertyNames = []; // Track property names to handle overrides
+
+						// Process inheritance chain in order (current typedef first, then base typedefs)
+						aInheritanceChain.forEach(function(sTypedefName, iIndex) {
+							var oTypedefData = this._findEntityInLibraryData(aAllLibraryElements, sTypedefName);
+
+							if (oTypedefData?.properties) {
+								oTypedefData.properties.forEach(function(oProperty) {
+									// Only add property if it's not already defined (handle overrides)
+									if (aPropertyNames.indexOf(oProperty.name) === -1) {
+										// Clone the property to avoid modifying the original
+										var oClone = jQuery.extend(true, {}, oProperty);
+										oClone.depth = 1;
+
+										// Mark inherited properties (not from the first typedef in chain)
+										if (iIndex > 0) {
+											oClone.borrowedFrom = sTypedefName;
+										}
+
+										aAllProperties.push(oClone);
+										aPropertyNames.push(oProperty.name);
+									}
+								});
+							}
+						}.bind(this));
+
+						return aAllProperties;
+					}.bind(this));
+			},
+
+			/**
+			 * Builds the inheritance chain for a typedef by following the extends property.
+			 * @param {object} oTypedefInfo Initial typedef info from API index
+			 * @returns {Promise} Promise that resolves with object containing chain array and libs array
+			 * @private
+			 */
+			_buildTypedefInheritanceChain: function(oTypedefInfo) {
+				var aInheritanceChain = [oTypedefInfo.name],
+					aRequiredLibs = [];
+
+				// Add the initial library
+				if (oTypedefInfo.lib && aRequiredLibs.indexOf(oTypedefInfo.lib) === -1) {
+					aRequiredLibs.push(oTypedefInfo.lib);
+				}
+
+				// Load the initial typedef to get its extends property
+				return this._loadCompleteTypedefData(oTypedefInfo)
+					.then(function(oFullTypedefData) {
+						// Check if typedef has a base typedef (extends property)
+						if (!oFullTypedefData.extends) {
+							return {
+								chain: aInheritanceChain,
+								libs: aRequiredLibs
+							};
+						}
+
+						// Build the rest of the inheritance chain
+						return this._traverseTypedefInheritanceChain(
+							oFullTypedefData.extends,
+							aInheritanceChain,
+							aRequiredLibs
+						);
+					}.bind(this));
+			},
+
+			/**
+			 * Recursively traverses the typedef inheritance chain.
+			 * @param {string} sBaseTypedefName Name of the base typedef to process
+			 * @param {array} aInheritanceChain Current inheritance chain array
+			 * @param {array} aRequiredLibs Current required libraries array
+			 * @returns {Promise} Promise that resolves with object containing chain and libs arrays
+			 * @private
+			 */
+			_traverseTypedefInheritanceChain: function(sBaseTypedefName, aInheritanceChain, aRequiredLibs) {
+				// Find the base typedef in the API index
+				var oBaseTypedefInfo = this._findTypedefInApiIndex(sBaseTypedefName);
+
+				// If base typedef not found, stop traversal
+				if (!oBaseTypedefInfo) {
+					return Promise.resolve({
+						chain: aInheritanceChain,
+						libs: aRequiredLibs
+					});
+				}
+
+				// Add to inheritance chain
+				aInheritanceChain.push(sBaseTypedefName);
+
+				// Add library if not already included
+				if (oBaseTypedefInfo.lib && aRequiredLibs.indexOf(oBaseTypedefInfo.lib) === -1) {
+					aRequiredLibs.push(oBaseTypedefInfo.lib);
+				}
+
+				// Load the base typedef to check if it also has a parent
+				return this._loadCompleteTypedefData(oBaseTypedefInfo)
+					.then(function(oBaseTypedefData) {
+						// If this typedef also extends another, continue traversal
+						if (oBaseTypedefData.extends) {
+							return this._traverseTypedefInheritanceChain(
+								oBaseTypedefData.extends,
+								aInheritanceChain,
+								aRequiredLibs
+							);
+						}
+
+						// No more parents, return the complete chain
+						return {
+							chain: aInheritanceChain,
+							libs: aRequiredLibs
+						};
+					}.bind(this))
+					.catch(function() {
+						// If loading fails, return what we have so far
+						return {
+							chain: aInheritanceChain,
+							libs: aRequiredLibs
+						};
+					});
+			},
+
+			/**
+			 * Adds Row controls to the LightTable for typedef properties
+			 * @param {sap.ui.documentation.Row} oParentRow The parent row being expanded
+			 * @param {array} aTypedefProperties Array of typedef properties to add as rows
+			 * @private
+			 */
+			_addTypedefSubRows: function(oParentRow, aTypedefProperties) {
+				// Create sub-row controls for typedef properties
+				var aSubRows = aTypedefProperties.map(function(oProperty) {
+					return new Row({
+						content: [
+							new ParamText({
+								text: oProperty.name,
+								phoneText: oProperty.phoneName,
+								depth: oProperty.depth || 1,
+								optional: oProperty.optional
+							}),
+							new JSDocType({
+								typeInfo: oProperty.typeInfo
+							}),
+							new Text({
+								text: oProperty.defaultValue || "",
+								wrapping: false
+							}),
+							new JSDocText({
+								sanitizeContent: false,
+								text: this.formatter.escapeSettingsValue(oProperty.description)
+							})
+						]
+					}).addStyleClass("subrow");
+				}.bind(this));
+
+				// Add sub-rows to the parent row
+				aSubRows.forEach(function(oSubRow) {
+					oParentRow.addSubRow(oSubRow);
+				});
+			},
+
+			/**
+			 * Finds the parent LightTable control of a given control
+			 * @param {sap.ui.core.Control} oControl - The control to find the parent LightTable for
+			 * @returns {sap.ui.documentation.LightTable|null} The parent LightTable control or null if not found
+			 * @private
+			 */
+			_findParentLightTable: function(oControl) {
+				var oParent = oControl?.getParent();
+
+				while (oParent) {
+					if (oParent.isA("sap.ui.documentation.LightTable")) {
+						return oParent;
+					}
+					oParent = oParent.getParent();
+				}
+
+				return null;
+			},
+
+			/**
+			 * Finds a typedef entity in the API index
+			 * @param {string} sTypedefName The name of the typedef to find
+			 * @returns {object} The typedef entity data or null if not found
+			 * @private
+			 */
+			_findTypedefInApiIndex: function(sTypedefName) {
+				var oTypedefData = null;
+
+				// Recursive function to find the typedef in the API index
+				function findSymbol(aNodes) {
+					if (!aNodes) {
+						return false;
+					}
+
+					return aNodes.some(function(oNode) {
+						var bFound = oNode.name === sTypedefName;
+						if (bFound) {
+							oTypedefData = oNode;
+							return true;
+						} else if (oNode.nodes && sTypedefName.startsWith(oNode.name + ".")) {
+							return findSymbol(oNode.nodes);
+						}
+						return false;
+					});
+				}
+
+				// Search in the API index
+				if (this._aApiIndex) {
+					findSymbol(this._aApiIndex);
+				}
+
+				return oTypedefData;
+			},
+
+			/**
+			 * Loads complete typedef data from API.json files
+			 * @param {object} oTypedefInfo Initial typedef info from API index
+			 * @returns {Promise} Promise that resolves with the complete typedef data
+			 * @private
+			 */
+			_loadCompleteTypedefData: function(oTypedefInfo) {
+				// Get the library name from the typedef info
+				var sLibName = oTypedefInfo.lib;
+
+				if (!sLibName) {
+					return Promise.reject("Library name not found for typedef");
+				}
+
+				// Use APIInfo to load the library's API.json data
+				return APIInfo.getLibraryElementsJSONPromise(sLibName)
+					.then(function(aLibData) {
+						try {
+							// Find the complete typedef data in the library elements
+							var oTypedefData = this._findEntityInLibraryData(aLibData, oTypedefInfo.name);
+
+							if (oTypedefData) {
+								return oTypedefData;
+							} else {
+								return Promise.reject("Typedef not found in library data");
+							}
+						} catch (oProcessError) {
+							return Promise.reject("Error processing typedef data: " + oProcessError);
+						}
+					}.bind(this))
+					.catch(function(oError) {
+						return Promise.reject("Error loading library data: " + oError);
+					});
+			},
+
+			/**
+			 * Finds an entity in library data loaded from API.json
+			 * @param {array} aLibraryData Array of library elements from API.json
+			 * @param {string} sEntityName Name of the entity to find
+			 * @returns {object} The entity data or null if not found
+			 * @private
+			 */
+			_findEntityInLibraryData: function(aLibraryData, sEntityName) {
+				// Find entity in loaded libs data
+				for (var i = 0, iLen = aLibraryData.length; i < iLen; i++) {
+					var oLibItem = aLibraryData[i];
+					if (oLibItem.name === sEntityName) {
+						// Check if we are allowed to display the requested symbol
+						// BCP: 1870269087 item may not have visibility info at all. In this case we show the item
+						if (oLibItem.visibility === undefined || this._aAllowedMembers.indexOf(oLibItem.visibility) >= 0) {
+							return oLibItem;
+						} else {
+							return null;
+						}
+					}
+				}
+				return null;
+			},
+
 			/**
 			 * Builds the header layout structure.
 			 * The header displays the entity data in 3 columns
@@ -727,6 +1166,37 @@ sap.ui.define([
 				}, this);
 			},
 
+			/**
+			 * Creates and adds a dynamic section to the ObjectPageLayout
+			 * @param {object} oSectionConfig Section configuration object
+			 * @private
+			 */
+			_createAndAddSection: function(oSectionConfig) {
+				var fnCreateSubSection = function(sProperty, sTitle) {
+					var oHTML = new HTML({content: "{/" + sProperty + "}"});
+					oHTML.setModel(this._oModel);
+					return new ObjectPageSubSection(sTitle ? {title: sTitle, blocks: [oHTML]} : {blocks: [oHTML]});
+				}.bind(this);
+
+				var aSubSections = [];
+				if (oSectionConfig.hasSubsections) {
+					aSubSections.push(fnCreateSubSection(oSectionConfig.type + "_mainContent", "Overview"));
+					oSectionConfig.subsections.forEach(function(sub) {
+						aSubSections.push(fnCreateSubSection(oSectionConfig.type + "_" + sub + "Content", sub));
+					});
+				} else {
+					aSubSections.push(fnCreateSubSection(oSectionConfig.property));
+				}
+
+				var oPageSection = new ObjectPageSection({
+					id: this.createId(oSectionConfig.sectionId),
+					title: oSectionConfig.displayTitle,
+					titleUppercase: false,
+					subSections: aSubSections
+				});
+				oPageSection.addStyleClass("sectionContent");
+				this._objectPage.addSection(oPageSection);
+			},
 			onAnnotationsLinkPress: function () {
 				this.scrollToEntity("annotations", "Summary");
 			},

package/src/sap/ui/documentation/sdk/controller/util/ConfigUtil.js

@@ -34,6 +34,7 @@ sap.ui.define([
 		},
 
 		constructor : function (oComponent) {
+			BaseObject.call(this);
 			this._oComponent = oComponent;
 		},
 

package/src/sap/ui/documentation/sdk/controller/util/CookiesConsentManager.js

@@ -74,6 +74,7 @@ sap.ui.define(
             "sap.ui.documentation.sdk.controller.util.DefaultConsentManager",
             {
                 constructor: function (oComponent, oConfig) {
+                    BaseObject.call(this);
                     this._oCmponent = oComponent;
                     this._oConfigUtil = oComponent.getConfigUtil();
                     this._sConsentDialogComponentId = oConfig.defaultConsentDialogComponentId;

package/src/sap/ui/documentation/sdk/controller/util/UsageTracker.js

@@ -69,6 +69,7 @@ sap.ui.define(
             "sap.ui.documentation.sdk.controller.util.UsageTracker",
             {
                 constructor: function (oComponent) {
+                    BaseObject.call(this);
                     this._oComponent = oComponent;
                     this._oRouter = oComponent.getRouter();
                     this._oConfig = oComponent.getConfig();

package/src/sap/ui/documentation/sdk/cookieSettingsDialog/controller/CookieSettingsDialog.controller.js

@@ -16,6 +16,7 @@ sap.ui.define([
 		return Controller.extend("sap.ui.documentation.sdk.cookieSettingsDialog.controller.CookieSettingsDialog", {
 
 			constructor: function() {
+				Controller.call(this);
 				this._oCookiesUtil = null;
 				this._oRootView = null;
 				this._oInitOptions = null;

package/src/sap/ui/documentation/sdk/thirdparty/highlight.js/highlight.js

@@ -998,10 +998,10 @@ var hljs = (function () {
    * @param {string} message
    */
   const deprecated = (version, message) => {
-    if (seenDeprecations[`1.145.0/${message}`]) return;
+    if (seenDeprecations[`1.146.0/${message}`]) return;
 
-    console.log(`Deprecated as of 1.145.0. ${message}`);
-    seenDeprecations[`1.145.0/${message}`] = true;
+    console.log(`Deprecated as of 1.146.0. ${message}`);
+    seenDeprecations[`1.146.0/${message}`] = true;
   };
 
   /* eslint-disable no-throw-literal */

package/src/sap/ui/documentation/sdk/view/SubApiDetail.view.xml

@@ -248,7 +248,7 @@
 														columnTitles="Param,Type,Default Value,Description"
 														columnCount="4"
 														class="sapUiDocumentationParamsTable">
-													<custom:Row>
+													<custom:Row expandable="{= ${typeInfo/refersToTypedef} === true}" typedefName="{= ${typeInfo/UI5Types} ? ${typeInfo/UI5Types/0} : ${typeInfo/type} }" expandToggle="onTypedefToggle">
 														<custom:ParamText text="{name}" phoneText="{phoneName}" depth="{depth}" optional="{optional}"/>
 														<custom:JSDocType typeInfo="{parts: ['typeInfo', 'types', 'type', 'linkEnabled'], formatter: '.formatter.formatJSDocType'}"/>
 														<m:Text text="{defaultValue}" wrapping="false"/>
@@ -544,7 +544,7 @@
 												<template:if test="{= !!${event>parameters} &amp;&amp; ${event>parameters}.length > 0}">
 													<custom:LightTable columnTitles="Param,Type,Description" columnCount="3">
 														<template:repeat list="{event>parameters}" var="parameter">
-															<custom:Row>
+															<custom:Row expandable="{= ${parameter>typeInfo/refersToTypedef} === true}" typedefName="{= ${parameter>typeInfo/UI5Types} ? ${parameter>typeInfo/UI5Types/0} : ${parameter>typeInfo/type} }" expandToggle="onTypedefToggle">
 																<custom:ParamText text="{parameter>name}" phoneText="{parameter>phoneName}" depth="{parameter>depth}" optional="{parameter>optional}"/>
 																<custom:JSDocType typeInfo="{parts: ['parameter>typeInfo', 'parameter>types', 'parameter>type', 'parameter>linkEnabled'], formatter: '.formatter.stringifyJSDocType'}"/>
 																<layout:VerticalLayout>
@@ -668,7 +668,7 @@
 																columnTitles="Param,Type,Default Value,Description"
 																class="sapUiDocumentationParamsTable">
 															<template:repeat list="{method>parameters}" var="parameter">
-																<custom:Row>
+																<custom:Row expandable="{= ${parameter>typeInfo/refersToTypedef} === true}" typedefName="{= ${parameter>typeInfo/UI5Types} ? ${parameter>typeInfo/UI5Types/0} : ${parameter>typeInfo/type} }" expandToggle="onTypedefToggle">
 																	<custom:ParamText text="{parameter>name}" phoneText="{parameter>phoneName}" depth="{parameter>depth}" optional="{parameter>optional}"/>
 																	<custom:JSDocType typeInfo="{parts: ['parameter>typeInfo','parameter>types'], formatter: '.formatter.stringifyJSDocType'}"/>
 																	<m:Text text="{parameter>defaultValue}" wrapping="false"/>
@@ -782,20 +782,6 @@
 						</ObjectPageSection>
 					</template:if>
 
-					<template:if test="{data>/hasFAQ}">
-						<ObjectPageSection id="faq" title="FAQ" class="faqContent">
-							<subSections>
-								<custom:ObjectPageSubSection>
-									<custom:blocks>
-										<core:HTML id="parserId" content="{/faqContent}"/>
-									</custom:blocks>
-								</custom:ObjectPageSubSection>
-							</subSections>
-						</ObjectPageSection>
-					</template:if>
-
-					<core:ExtensionPoint name="customSections" />
-
 				</sections>
 
 			</ObjectPageLayout>

package/src/sap/ui/documentation/themes/base/Documentation.less

@@ -42,7 +42,7 @@ html.sap-tablet:not(.sap-desktop) {
     }
 }
 
-.faqContent {
+.sectionContent {
     details {
         margin: 0.8em;
     }
@@ -67,10 +67,10 @@ html.sap-tablet:not(.sap-desktop) {
 }
 
 #d4h5-main-container,
-.faqContent {
+.sectionContent {
     font-size: 0.875em;
 
-    &.faqContent pre > code {
+    &.sectionContent pre > code {
         font-family: monospace;
     }
 
@@ -157,7 +157,7 @@ html.sap-tablet:not(.sap-desktop) {
         }
     }
 
-    &.faqContent h2,
+    &.sectionContent h2,
     .section.topic > .innerTitle > h2 {
         font-size: 2em;
         font-weight: 400;

package/src/sap/ui/documentation/themes/base/LightTable.less

@@ -144,6 +144,30 @@
 	border-bottom: solid 1px #e5e5e5;
 	border-left: solid 1px #e5e5e5;
 	border-right: solid 1px #e5e5e5;
+
+	&.subrow,
+	&.expanded {
+		background-color: #f5f5f5;
+	}
+
+	/* Expandable rows - display icon and ParamText inline */
+	&.collapsed,
+	&.expanded {
+		> .cell:first-child {
+			display: flex;
+			align-items: flex-start;
+
+			.sapUiDocTypedefExpandIcon {
+				margin-top: 0.25rem;
+				flex-shrink: 0;
+				color: var(--sapButton_Lite_TextColor);
+			}
+
+			.sapUiParamText {
+				flex: 1;
+			}
+		}
+	}
 }
 
 .sapUiTheme-sap_belize_hcb .sapUiDocLightTable .head,
@@ -182,6 +206,11 @@
 	.sapUiDocLightTable .row {
 		background-color: @sapBaseColor;
 		border-bottom: solid 1px @sapPageHeader_BorderColor;
+
+		&.subrow,
+		&.expanded {
+			background-color: #282c34;
+		}
 	}
 
 	.sapUiDocLightTable .head,

package/src/sap/ui/documentation/themes/sap_belize_base/Documentation.less

@@ -42,7 +42,7 @@ html.sap-tablet:not(.sap-desktop) {
     }
 }
 
-.faqContent {
+.sectionContent {
     details {
         margin: 0.8em;
     }
@@ -67,10 +67,10 @@ html.sap-tablet:not(.sap-desktop) {
 }
 
 #d4h5-main-container,
-.faqContent {
+.sectionContent {
     font-size: 0.875em;
 
-    &.faqContent pre > code {
+    &.sectionContent pre > code {
         font-family: monospace;
     }
 
@@ -156,7 +156,7 @@ html.sap-tablet:not(.sap-desktop) {
         }
     }
 
-    &.faqContent h2,
+    &.sectionContent h2,
     .section.topic > .innerTitle > h2 {
         font-size: 2em;
         font-weight: 400;

package/src/sap/ui/documentation/themes/sap_horizon_dark/Documentation.less

@@ -3,7 +3,7 @@
 @code-highlight-color: #24435e;
 
 #d4h5-main-container,
-.faqContent {
+.sectionContent {
 
 	.note,
 	pre.codeblock,