@openui5/sap.ui.documentation 1.117.0 → 1.118.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.documentation",
-  "version": "1.117.0",
+  "version": "1.118.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/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.m": "1.117.0",
-    "@openui5/sap.ui.core": "1.117.0",
-    "@openui5/sap.ui.layout": "1.117.0",
-    "@openui5/themelib_sap_belize": "1.117.0",
-    "@openui5/themelib_sap_fiori_3": "1.117.0",
-    "@openui5/themelib_sap_horizon": "1.117.0"
+    "@openui5/sap.m": "1.118.0",
+    "@openui5/sap.ui.core": "1.118.0",
+    "@openui5/sap.ui.layout": "1.118.0",
+    "@openui5/themelib_sap_belize": "1.118.0",
+    "@openui5/themelib_sap_fiori_3": "1.118.0",
+    "@openui5/themelib_sap_horizon": "1.118.0"
   }
 }

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

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

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

@@ -25,13 +25,13 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.documentation
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 * @since 1.48
 	 * @public
 	 */
 	var thisLibrary = Core.initLibrary({
 		name : 'sap.ui.documentation',
-		version: '1.117.0',
+		version: '1.118.0',
 		dependencies : ['sap.ui.core','sap.m'],
 		types: [],
 		interfaces: [],

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

@@ -752,10 +752,10 @@ TOOLS_CARD_14_IMG_ALT = Picture showing Flexible Programming Model Explorer
 TOOLS_CARD_15_TEXT = The Accessibility Guide provides in-depth information with examples about web accessibility. Whether you are a control or application developer, or a business user searching to know more about web accessibility in the SAPUI5 area.
 #XALT: Alternative text for image that shows Accessibility Guide
 TOOLS_CARD_15_IMG_ALT = Picture showing Accessibility Guide
-#XTXT: UI5 Test Recorder tools description
-TOOLS_CARD_16_TEXT = The UI5 Test Recorder is a tool that helps you to create UI5 integration tests by recording your actions in the browser.
-#XALT: Alternative text for image that shows UI5 Test Recorder
-TOOLS_CARD_16_IMG_ALT = Picture showing UI5 Test Recorder
+#XTXT: Test Recorder tools description
+TOOLS_CARD_16_TEXT = The Test Recorder is a tool that helps you to create UI5 integration tests by recording your actions in the browser.
+#XALT: Alternative text for image that shows Test Recorder
+TOOLS_CARD_16_IMG_ALT = Picture showing Test Recorder
 #XXLF: Placeholder for filter field
 API_MASTER_PLACEHOLDER = Search
 #XTOL: Tooltip for the button that expands a list of items

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

@@ -392,8 +392,8 @@ TOOLS_CARD_14_TEXT=The flexible programming model makes it easy for you to tailo
 TOOLS_CARD_14_IMG_ALT=Picture showing Flexible Programming Model Explorer
 TOOLS_CARD_15_TEXT=The Accessibility Guide provides in-depth information with examples about web accessibility, whether you are a control or application developer, or a business user searching to learn more about web accessibility in the SAPUI5 area.
 TOOLS_CARD_15_IMG_ALT=Picture showing Accessibility Guide
-TOOLS_CARD_16_TEXT=The UI5 Test Recorder is a tool that helps you to create UI5 integration tests by recording your actions in the browser.
-TOOLS_CARD_16_IMG_ALT=Picture showing UI5 Test Recorder
+TOOLS_CARD_16_TEXT=The Test Recorder is a tool that helps you to create UI5 integration tests by recording your actions in the browser.
+TOOLS_CARD_16_IMG_ALT=Picture showing Test Recorder
 API_MASTER_PLACEHOLDER=Search
 API_MASTER_EXPAND_BTN_TOOLTIP=Expand All
 API_MASTER_COLLAPSE_BTN_TOOLTIP=Collapse All

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

@@ -500,8 +500,30 @@ sap.ui.define([
 					bFilterChanged = false,
 					bGroupChanged = false,
 					oList = this._oView.byId("exploredMasterList"),
-					oBinding = oList.getBinding("items");
-
+					oBinding = oList.getBinding("items"),
+					fnNumericSort;
+
+					// fnNumericSort is needed to sort the entities only if the numeric sorter is requiered -
+					// it is selected the items to be sorted by release
+					if (this._oListSettings.groupProperty === "since") {
+						fnNumericSort = function(a,b) {
+							const aVersionA = a.split('.').map(Number);
+							const aVersionB = b.split('.').map(Number);
+
+							for (let i = 0; i < Math.max(aVersionA.length, aVersionB.length); i++) {
+								const iPartA = aVersionA[i] || 0;
+								const iPartB = aVersionB[i] || 0;
+
+								if (iPartA < iPartB) {
+									return -1;
+								} else if (iPartA > iPartB) {
+									return 1;
+								}
+							}
+
+							return 0;
+						};
+					}
 				bFilterChanged = true;
 				aFilters.push(new Filter("searchTags", FilterOperator.Contains, this._sFilterValue));
 
@@ -537,7 +559,8 @@ sap.ui.define([
 					oSorter = new Sorter(
 						this._oListSettings.groupProperty,
 						this._oListSettings.groupDescending,
-						this._mGroupFunctions[this._oListSettings.groupProperty]);
+						this._mGroupFunctions[this._oListSettings.groupProperty],
+						fnNumericSort);
 					aSorters.push(oSorter);
 					aSorters.push(new Sorter("name", false));
 					oBinding.sort(aSorters);

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

@@ -217,7 +217,7 @@ sap.ui.define([
 							this.getView().byId("apiRefButton").setVisible(bHasAPIReference);
 						}.bind(this));
 
-						this.oModel.setData(oModelData, true);
+						this.oModel.setData(oModelData);
 						this.appendPageTitle(this.getModel().getProperty("/name"));
 					}.bind(this))
 					.catch(function (oError) {

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

@@ -17,17 +17,6 @@ sap.ui.define([
 		var TMPL_REF = sap.ui.require.toUrl("sap/ui/documentation/sdk/tmpl"),
 			MOCK_DATA_REF = sap.ui.require.toUrl("sap/ui/demo/mock");
 
-		// TODO : refactor hardcoded libs
-		var OPENUI5_LIBS = ["sap.ui.core", "sap.ui.dt", "sap.m", "sap.ui.fl", "sap.ui.layout", "sap.ui.mdc", "sap.ui.unified",
-			"sap.f", "sap.ui.rta", "sap.ui.commons", "sap.ui.codeeditor", "sap.ui.table", "sap.uxap", "sap.ui.integration",
-			"sap.tnt", "sap.ui.ux3", "sap.ui.suite", "sap.ui.webc.common", "sap.ui.webc.fiori", "sap.ui.webc.main" ];
-		var SAPUI5_LIBS = ["sap.ushell", "sap.fe", "sap.viz", "sap.suite.ui.microchart", "sap.chart", "sap.ui.comp", "sap.ui.generic.app",
-			"sap.fe.navigation", "sap.suite.ui.generic.template", "sap.ui.richtexteditor", "sap.suite.ui.commons", "sap.ui.export",
-			"sap.ndc", "sap.me", "sap.fe.core", "sap.fe.macros", "sap.collaboration", "sap.fe.templates", "sap.ui.generic.template",
-			"sap.zen.dsh", "sap.ovp", "sap.zen.crosstab", "sap.zen.commons", "sap.gantt", "sap.ui.mdc", "sap.fe.plugins", "sap.ui.vbm",
-			"sap.apf", "sap.rules.ui", "sap.ui.vk", "sap.ui.vtm", "sap.ushell_abap", "sap.fe.placeholder", "sap.feedback.ui",
-			"sap.fileviewer", "sap.ca.ui", "sap.landvisz"];
-
 	return BaseController.extend("sap.ui.documentation.sdk.controller.SampleBaseController", {
 		_aMockFiles: ["products.json", "supplier.json", "img.json"],
 
@@ -61,7 +50,7 @@ sap.ui.define([
 							var sMockFileName = this._aMockFiles[j];
 							if ((typeof sRawFile === "string") && sRawFile.indexOf(sMockFileName) > -1) {
 								aMockFilePromises.push(this._addFileToZip({
-									name: "mockdata/" + sMockFileName,
+									name: this._formatWebAppPath("mockdata/" + sMockFileName),
 									url: MOCK_DATA_REF + "/" + sMockFileName,
 									formatter: this._formatMockFile
 								}, oZipFile));
@@ -80,20 +69,21 @@ sap.ui.define([
 					if (oFile.name === "manifest.json") {
 						oManifestFile = oFile;
 						aPromises.push(this._addFileToZip({
-						   name: oFile.name,
-						   url: sUrl,
-						   formatter: this._formatManifestJsFile
+							name: this._formatWebAppPath(oFile.name),
+							url: sUrl,
+							formatter: this._formatManifestJsFile
 						}, oZipFile));
 						continue;
-					 }
-
-					aPromises.push(this._addFileToZip({
-						name: oFile.name.replace(new RegExp(/(\.\.\/)+/g), "./"),
-						url: sUrl,
-						formatter:  (bChangeBootstrap && !bCustomIndexHTML) ? this._changeIframeBootstrapToCloud : undefined
-					}, oZipFile));
-
-					aPromises.push(this.fetchSourceFile(sUrl).then(fnAddMockFileToZip.bind(this)));
+					} else if (this._isRootLevelFile(oFile.name)) {
+						continue;
+					} else {
+						aPromises.push(this._addFileToZip({
+							name: this._formatWebAppPath(oFile.name.replace(new RegExp(/(\.\.\/)+/g), "./")),
+							url: sUrl,
+							formatter: (bChangeBootstrap && !bCustomIndexHTML) ? this._changeIframeBootstrapToCloud : undefined
+						}, oZipFile));
+						aPromises.push(this.fetchSourceFile(sUrl).then(fnAddMockFileToZip.bind(this)));
+					}
 				}
 
 				// iframe examples have a separate index file and a component file to describe it
@@ -104,14 +94,14 @@ sap.ui.define([
 
 
 					aPromises.push(this._addFileToZip({
-						name: "Component.js",
+						name: this._formatWebAppPath("Component.js"),
 						url: sRef + "/" + "Component.js"
 					}, oZipFile));
 
 
 					if (!bCustomIndexHTML) {
 						aPromises.push(this._addFileToZip({
-							name: "index.html",
+							name: this._formatWebAppPath("index.html"),
 							url: TMPL_REF + "/" + (bHasManifest ? "indexevo.html.tmpl" : "index.html.tmpl"),
 							formatter: function(sIndexFile) {
 								return this._changeIframeBootstrapToCloud(this._formatIndexHtmlFile(sIndexFile, oData));
@@ -122,7 +112,7 @@ sap.ui.define([
 
 					if (!bHasManifest) {
 						aPromises.push(this._addFileToZip({
-							name: "index.js",
+							name: this._formatWebAppPath("index.js"),
 							url: TMPL_REF + "/" + "index.js.tmpl",
 							formatter: function(sIndexJsFile) {
 								return this._changeIframeBootstrapToCloud(this._formatIndexJsFile(sIndexJsFile, oData));
@@ -135,7 +125,7 @@ sap.ui.define([
 				// add extra download files
 				aExtraFiles.forEach(function (sFileName) {
 					aPromises.push(this._addFileToZip({
-						name: sFileName,
+						name: this._formatWebAppPath(sFileName),
 						url: sRef + "/" + sFileName
 					}, oZipFile));
 				});
@@ -149,17 +139,17 @@ sap.ui.define([
 
 				aPromises.push(this._addFileToZip({
 					name: "ui5.yaml",
-					url: sCustomUI5Yaml ? sRef + "/" + sCustomUI5Yaml : TMPL_REF + "/ui5.yaml.tmpl",
+					url: sCustomUI5Yaml ? sRef + "/" + sCustomUI5Yaml.name : TMPL_REF + "/ui5.yaml.tmpl",
 					formatter: function(sYamlFile) {
-						return this._formatYamlFile(sYamlFile, oData);
+						return sCustomUI5Yaml ? this._formatCustomUI5Yaml(sYamlFile) : this._formatUI5Yaml(sYamlFile, oData, oManifestFile);
 					}.bind(this)
 				}, oZipFile, true));
 
 				aPromises.push(this._addFileToZip({
 					name: "package.json",
-					url: sCustomPkgJson ? sRef + "/" + sCustomPkgJson : TMPL_REF + "/package.json.tmpl",
+					url: sCustomPkgJson ? sRef + "/" + sCustomPkgJson.name : TMPL_REF + "/package.json.tmpl",
 					formatter: function(sPackageFile) {
-						return this._formatPackageJson(sPackageFile, oManifestFile, oData);
+						return sCustomPkgJson ? sPackageFile : this._formatPackageJson(sPackageFile, oData);
 					}.bind(this)
 				}, oZipFile, true));
 
@@ -222,37 +212,42 @@ sap.ui.define([
 				.join("-");
 		},
 
-		_formatPackageJson: function (sPackageFile, sManifestFile, oData) {
+		_formatPackageJson: function (sPackageFile, oData) {
 			var sFormattedPackageFile = sPackageFile.replace(/{{TITLE}}/g, oData.title)
 				.replace(/{{SAMPLE_ID}}/g, this._formatNameToNpmSpec(oData.id)),
-				oPackageFile = JSON.parse(sFormattedPackageFile),
-				oPackageDependencies = oPackageFile.dependencies,
-				oManifestFile,
-				oUi5Config,
-				oDependencies;
+				oPackageFile = JSON.parse(sFormattedPackageFile);
+
+			return JSON.stringify(oPackageFile, null, 2);
+		},
+
+		_formatUI5Yaml: function(sYamlFile, oData, sManifestFile) {
+			let sFormattedYamlFile = sYamlFile.replace(/{{SAMPLE_ID}}/g, this._formatNameToNpmSpec(oData.id));
+			const bIsOpenUI5 = this.getModel("versionData").getProperty("/isOpenUI5");
+			const sUI5Version = this.getModel("versionData").getProperty("/fullVersion");
+			sFormattedYamlFile = sFormattedYamlFile.replace(/{{UI5_KIND}}/g, bIsOpenUI5 ? "OpenUI5" : "SAPUI5");
+			sFormattedYamlFile = sFormattedYamlFile.replace(/{{UI5_VERSION}}/g, sUI5Version);
+
+			if (this._isOpenUI5NightlySDK()){
+				sFormattedYamlFile = sFormattedYamlFile.replace(/libraries:/g, "libraries:" + this._getSnapshotNote());
+			}
 
 			if (sManifestFile) {
-				oManifestFile = JSON.parse(sManifestFile.raw);
-				oUi5Config = oManifestFile["sap.ui5"];
-				oDependencies = oUi5Config && oUi5Config.dependencies;
+				const oManifestFile = JSON.parse(sManifestFile.raw);
+				const oUi5Config = oManifestFile["sap.ui5"];
+				const oDependencies = oUi5Config && oUi5Config.dependencies;
 
 				if (oDependencies && oDependencies.libs) {
 					Object.keys(oDependencies.libs).forEach(function(sKey) {
-						if (OPENUI5_LIBS.indexOf(sKey) > -1) {
-							oPackageDependencies["@openui5/" + sKey] = "^1";
-						}
-						if (SAPUI5_LIBS.indexOf(sKey) > -1) {
-							oPackageDependencies["@sapui5/" + sKey] = "^1";
-						}
+						sFormattedYamlFile += "\n    - name: " + sKey;
 					});
 				}
 			}
-
-			return JSON.stringify(oPackageFile, null, 2);
+			return sFormattedYamlFile;
 		},
 
-		_formatYamlFile: function(sFile, oData) {
-			return sFile.replace(/{{SAMPLE_ID}}/g, this._formatNameToNpmSpec(oData.id));
+		_formatCustomUI5Yaml: function(sYamlFile){
+			const sCommentReplacement = this._isOpenUI5NightlySDK() ? this._getSnapshotNote() : "";
+			return sYamlFile.replace(/ #MainVersion#/g, sCommentReplacement);
 		},
 
 		_formatManifestJsFile: function (sRawManifestFileJs) {
@@ -284,7 +279,30 @@ sap.ui.define([
 				oRelativeBootstrapURI = new URI(sap.ui.require.toUrl("") + "/sap-ui-core.js"),
 				sBootstrapURI = oRelativeBootstrapURI.toString();
 
-			return sRawIndexFileHtml.replace(rReplaceIndex, 'src="./' + sBootstrapURI + '"');
+			return sRawIndexFileHtml.replace(rReplaceIndex, 'src="' + sBootstrapURI + '"');
+		},
+
+		_formatWebAppPath: function(sPath) {
+			const sWebAppPath = "webapp/";
+			return sPath.startsWith(sWebAppPath) ? sPath : sWebAppPath + sPath;
+		},
+
+		_isRootLevelFile: function(sFileName){
+			return ["package.json", "ui5.yaml"].includes(sFileName);
+		},
+
+		_isOpenUI5NightlySDK: function(){
+			const oModel = this.getModel("versionData"),
+				bIsDevVersion = oModel.getProperty("/isDevVersion"),
+				bIsDevEnv = oModel.getProperty("/isDevEnv"),
+				bIsOpenUI5 = oModel.getProperty("/isOpenUI5");
+			return bIsDevVersion && bIsOpenUI5 && !bIsDevEnv;
+		},
+
+		_getSnapshotNote: function(){
+			return "\n  # Note: Consumption of SNAPSHOT versions is only available to SAP employees from within the corporate network.\n" +
+				"  # If this does not apply to you, please adjust the UI5 version to the latest stable version either manually\n" +
+				"  # or using the command \"ui5 use latest\".";
 		}
 	});
 }

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

@@ -31,6 +31,9 @@ sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/
 			},
 
 			_getIndices: function (aLibs, oDocIndicies, fnComponentLoadCallback) {
+				var aInternalCategoryAllowList = [
+					"_PRIVATE_"
+				];
 
 				var aCategoryAllowList = [
 					"Action",
@@ -54,7 +57,8 @@ sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/
 					"Data Visualization",
 					"Map",
 					"Utility",
-					"Web Components"
+					"Web Components",
+					"Smart Controls"
 				];
 				var afilterProps = ["namespace", "since", "category"]; // content density are set manually
 				var oFilterSets = {
@@ -175,7 +179,7 @@ sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/
 						}
 
 						// check category allowlist
-						if (aCategoryAllowList.indexOf(oEnt.category) === -1) {
+						if (aCategoryAllowList.indexOf(oEnt.category) === -1 && aInternalCategoryAllowList.indexOf(oEnt.category) === -1) {
 							Log.error("explored: cannot register entity '" + oEnt.id + "'. category '" + oEnt.category + "' is not allowed");
 							return;
 						}
@@ -212,7 +216,9 @@ sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/
 						oEnt.library = oDoc.library;
 
 						// add entity
-						data.entities.push(oEnt);
+						if (aCategoryAllowList.indexOf(oEnt.category) > -1) {
+							data.entities.push(oEnt);
+						}
 					});
 				});
 

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

@@ -81,7 +81,7 @@ sap.ui.define([],
 			},
 			{
 				"id": "ui5TestRecorder",
-				"text": "UI5 Test Recorder",
+				"text": "Test Recorder",
 				"href": "topic/2535ef9272064cb6bd6b44e5402d531d",
 				"hideOnPhone": true
 			}

package/src/sap/ui/documentation/sdk/tmpl/index.html.tmpl

@@ -8,7 +8,7 @@
 	<script id="sap-ui-bootstrap"
 		src="https://sdk.openui5.org/resources/sap-ui-core.js"
 		data-sap-ui-libs="sap.m"
-		data-sap-ui-theme="sap_fiori_3"
+		data-sap-ui-theme="sap_horizon"
 		data-sap-ui-resourceroots='{
 			"{{SAMPLE_ID}}": "./",
 			"sap.ui.demo.mock": "mockdata"

package/src/sap/ui/documentation/sdk/tmpl/indexevo.html.tmpl

@@ -7,7 +7,7 @@
 
 	<script id="sap-ui-bootstrap"
 		src="https://sdk.openui5.org/resources/sap-ui-core.js"
-		data-sap-ui-theme="sap_fiori_3"
+		data-sap-ui-theme="sap_horizon"
 		data-sap-ui-resourceroots='{
 			"{{SAMPLE_ID}}": "./",
 			"sap.ui.demo.mock": "mockdata"

package/src/sap/ui/documentation/sdk/tmpl/package.json.tmpl

@@ -7,9 +7,6 @@
 		"start": "ui5 serve",
 		"build": "ui5 build"
 	},
-	"dependencies": {
-		"@openui5/themelib_sap_fiori_3" : "^1"
-	},
 	"devDependencies": {
 		"@ui5/cli": "^3"
 	}

package/src/sap/ui/documentation/sdk/tmpl/ui5.yaml.tmpl

@@ -1,8 +1,9 @@
 specVersion: '3.0'
 metadata:
-  name: "{{SAMPLE_ID}}"
+  name: {{SAMPLE_ID}}
 type: application
-resources:
-  configuration:
-    paths:
-      webapp: .
+framework:
+  name: {{UI5_KIND}}
+  version: '{{UI5_VERSION}}'
+  libraries:
+    - name: themelib_sap_horizon

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

@@ -167,7 +167,7 @@
 											 columnTitles="Name,Type,Description"
 											 class="sapUiSmallMarginTop">
 											<custom:Row>
-												<custom:ParamText class="sapUiDocumentationParamBold" text="{name}" depth="{depth}" optional="{optional}" deprecated="{= ${deprecated} !== undefined }"/>
+												<custom:ParamText class="sapUiDocumentationParamBold sapUiDocumentationParamWrap" text="{name}" depth="{depth}" optional="{optional}" deprecated="{= ${deprecated} !== undefined }"/>
 												<layout:VerticalLayout content="{path: 'types', templateShareable: false}" width="100%">
 													<m:Link text="{path: 'value', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"
 															href="{href}"
@@ -347,8 +347,8 @@
 												<layout:VerticalLayout width="100%">
 													<custom:JSDocText sanitizeContent="false" text="{description}"/>
 													<m:MessageStrip
-															visible="{=${deprecated} !== undefined}"
-															text="Deprecated as of version {deprecated/since}"
+															visible="{=${deprecatedText} !== undefined}"
+															text="{path : 'deprecatedText', formatter: 'sap.ui.documentation.sdk.model.formatter.formatMessageStripLinks'}"
 															type="Error"
 															showIcon="true"
 															showCloseButton="false"

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

@@ -443,7 +443,7 @@
 					</VBox>
 				</f:content>
 			</f:Card>
-			<!-- UI5 Test Recorder -->
+			<!-- Test Recorder -->
 			<f:Card class="threeColumnLayoutCard"
 				visible="{
 							path: '/ui5TestRecorder',

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

@@ -100,6 +100,10 @@
 	word-wrap: break-word;
 }
 
+.sapUiDocumentationParamWrap {
+	word-wrap: break-word;
+}
+
 .sapUiDocLightTable .head .cell,
 .sapUiDocLightTable .cell div {
 	line-height: 1.4rem;
@@ -174,12 +178,12 @@
 		background-color: #232931;
 		border-bottom: solid 1px #3a4552;
 	}
-	
+
 	.sapUiDocLightTable .row {
 		background-color: #29313a;
 		border-bottom: solid 1px #3a4552;
 	}
-	
+
 	.sapUiDocLightTable .head,
 	.sapUiDocLightTable .row {
 		border-left: none;
@@ -196,14 +200,14 @@
 		border-left: solid 1px #ffffff;
 		border-right: solid 1px #ffffff;
 	}
-	
+
 	.sapUiDocLightTable .head {
 		border-top: 1px solid #ffffff;
 		border-bottom: 0.125rem solid #ffffff;
 	}
 }
 
-.sapUiTheme-sap_horizon_hcw 
+.sapUiTheme-sap_horizon_hcw
 .sapUiTheme-sap_fiori_3_hcw {
 	.sapUiDocLightTable .head,
 	.sapUiDocLightTable .row {