@openui5/sap.ui.documentation 1.99.1 → 1.102.0

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

@@ -5,14 +5,13 @@
  */
 
 sap.ui.define([
-    "sap/ui/thirdparty/jquery",
-    "sap/ui/documentation/sdk/controller/BaseController",
+	"sap/ui/documentation/sdk/controller/BaseController",
 	"sap/ui/documentation/sdk/controller/util/SearchUtil",
 	"sap/ui/documentation/sdk/controller/util/Highlighter",
 	"sap/ui/model/json/JSONModel",
-    "sap/m/GroupHeaderListItem",
-    "sap/base/Log"
-], function(jQuery, BaseController, SearchUtil, Highlighter, JSONModel, GroupHeaderListItem, Log) {
+	"sap/m/GroupHeaderListItem",
+	"sap/base/Log"
+], function(BaseController, SearchUtil, Highlighter, JSONModel, GroupHeaderListItem, Log) {
 		"use strict";
 
 		return BaseController.extend("sap.ui.documentation.sdk.controller.SearchPage", {

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

@@ -7,10 +7,7 @@
 sap.ui.define([
 		"sap/ui/thirdparty/jquery",
 		"sap/ui/documentation/sdk/controller/BaseController",
-		"sap/ui/model/json/JSONModel",
-		"sap/ui/documentation/sdk/controller/util/ControlsInfo",
 		"sap/ui/documentation/sdk/util/ToggleFullScreenHandler",
-		"sap/ui/documentation/sdk/controller/util/APIInfo",
 		"sap/ui/documentation/sdk/model/formatter",
 		"sap/m/Image",
 		"sap/m/Label",
@@ -23,9 +20,12 @@ sap.ui.define([
 		"sap/m/library",
 		"sap/ui/core/library",
 		"sap/m/CustomListItem",
-		"sap/m/List"
-	], function (jQuery, BaseController, JSONModel, ControlsInfo, ToggleFullScreenHandler, APIInfo,
-			formatter, Image, Label, Link, Text, HBox, ObjectAttribute, ObjectStatus, Popover, library, coreLibrary, CustomListItem, List) {
+		"sap/m/List",
+		"sap/ui/dom/includeStylesheet",
+		"sap/ui/dom/includeScript"
+	], function (jQuery, BaseController, ToggleFullScreenHandler,
+			formatter, Image, Label, Link, Text, HBox, ObjectAttribute, ObjectStatus, Popover,
+			library, coreLibrary, CustomListItem, List, includeStylesheet, includeScript) {
 		"use strict";
 
 		// shortcut for sap.m.FlexWrap
@@ -48,9 +48,8 @@ sap.ui.define([
 
 				if ( !window.hljs ) {
 					//solarized-light
-					jQuery.sap.includeStyleSheet("resources/sap/ui/documentation/sdk/thirdparty/highlight.js/styles.css");
-					jQuery.sap.includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/highlight.js/highlight.js" });
-
+					includeStylesheet("resources/sap/ui/documentation/sdk/thirdparty/highlight.js/styles.css");
+					includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/highlight.js/highlight.js" });
 				}
 			},
 

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

@@ -5,8 +5,9 @@
  */
 
 sap.ui.define([
-	"sap/ui/documentation/sdk/controller/BaseController"
-], function (BaseController) {
+	"sap/ui/documentation/sdk/controller/BaseController",
+	"sap/ui/thirdparty/jquery"
+], function (BaseController, jQuery) {
 	"use strict";
 
 	return BaseController.extend("sap.ui.documentation.sdk.controller.TermsOfUse", {

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

@@ -5,7 +5,7 @@
  */
 
 sap.ui.define([
-		"jquery.sap.global",
+		"sap/ui/thirdparty/jquery",
 		"sap/ui/core/ResizeHandler",
 		"sap/ui/documentation/sdk/controller/BaseController",
 		"sap/ui/model/json/JSONModel",
@@ -15,15 +15,14 @@ sap.ui.define([
 		"sap/ui/documentation/sdk/util/Resources",
 		"sap/ui/documentation/sdk/controller/util/ResponsiveImageMap",
 		"sap/ui/documentation/sdk/controller/util/SidyBySideImageMap",
-		"sap/ui/core/HTML",
-		"sap/base/Log",
 		"sap/m/LightBox",
 		"sap/m/LightBoxItem",
 		"./util/DataTableHelper",
 		"./util/DataTable",
 		"sap/m/Button",
-		"sap/m/MessageToast"
-
+		"sap/m/MessageToast",
+		"sap/ui/dom/includeStylesheet",
+		"sap/ui/dom/includeScript"
 	],
 	function (
 		jQuery,
@@ -36,14 +35,14 @@ sap.ui.define([
 		ResourcesUtil,
 		ResponsiveImageMap,
 		SidyBySideImageMap,
-		HTML,
-		Log,
 		LightBox,
 		LightBoxItem,
 		DataTableHelper,
 		DataTable,
 		Button,
-		MessageToast
+		MessageToast,
+		includeStylesheet,
+		includeScript
 	) {
 		"use strict";
 
@@ -78,30 +77,29 @@ sap.ui.define([
 
 				if ( !window.hljs ) {
 					//solarized-light
-					jQuery.sap.includeStyleSheet("resources/sap/ui/documentation/sdk/thirdparty/highlight.js/styles.css");
-					jQuery.sap.includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/highlight.js/highlight.js" });
-
+					includeStylesheet("resources/sap/ui/documentation/sdk/thirdparty/highlight.js/styles.css");
+					includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/highlight.js/highlight.js" });
 				}
 
-				jQuery.sap.includeStyleSheet("resources/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-1.10.15/css/dataTables.jqueryui.css");
-				jQuery.sap.includeStyleSheet("resources/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-1.4.0/css/buttons.jqueryui.css");
+				includeStylesheet("resources/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-1.10.15/css/dataTables.jqueryui.css");
+				includeStylesheet("resources/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-1.4.0/css/buttons.jqueryui.css");
 
 				// order is important
-				jQuery.sap.includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-1.10.15/js/jquery.dataTables.js" })
+				includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-1.10.15/js/jquery.dataTables.js" })
 					.then(function () {
-						return jQuery.sap.includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-1.10.15/js/dataTables.jqueryui.js" });
+						return includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-1.10.15/js/dataTables.jqueryui.js" });
 					})
 					.then(function () {
-						return jQuery.sap.includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-1.4.0/js/dataTables.buttons.js" });
+						return includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-1.4.0/js/dataTables.buttons.js" });
 					})
 					.then(function () {
-						return jQuery.sap.includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-1.4.0/js/buttons.jqueryui.js" });
+						return includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-1.4.0/js/buttons.jqueryui.js" });
 					})
 					.then(function () {
-						return jQuery.sap.includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-1.4.0/js/buttons.html5.js" });
+						return includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-1.4.0/js/buttons.html5.js" });
 					})
 					.then(function () {
-						return jQuery.sap.includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-1.4.0/js/buttons.colVis.js" });
+						return includeScript({ url: "resources/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-1.4.0/js/buttons.colVis.js" });
 					})
 					.then(function () {
 						dataTablesConfigURL = ResourcesUtil.getResourceOriginPath(oConfig.docuPath + 'dataTablesConfig.json');

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

@@ -8,7 +8,7 @@ sap.ui.define([
     "sap/ui/documentation/sdk/controller/BaseController",
     "sap/ui/Device",
     "sap/ui/thirdparty/jquery"
-], function(BaseController, Device, jQuery0) {
+], function(BaseController, Device, jQuery) {
 		"use strict";
 
 		var GIT_HUB_URL = "https://github.com/SAP/openui5-docs";
@@ -35,7 +35,7 @@ sap.ui.define([
 			 * to show disclaimer message if such is available in the loaded json file.
 			 */
 			handleDocumentationDisclaimer: function () {
-				jQuery0.ajax(this.getConfig().docuPath + "disclaimer.json", {dataType: "json"}).then(function (oData) {
+				jQuery.ajax(this.getConfig().docuPath + "disclaimer.json", {dataType: "json"}).then(function (oData) {
 					var oView = this.getView();
 					if (oData.showDisclaimer && oData.message) {
 						oView.byId("disclaimerBlock").setVisible(true);

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

@@ -6,10 +6,12 @@
 
 sap.ui.define([
 	"./BaseController",
+	"sap/ui/thirdparty/jquery",
 	"sap/ui/thirdparty/URI",
 	"sap/m/library"
 ], function (
 	BaseController,
+	jQuery,
 	URI,
 	mLib
 ) {

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

@@ -7,10 +7,10 @@
 sap.ui.define([
 		"sap/ui/documentation/sdk/controller/BaseController",
 		"sap/ui/Device",
+		"sap/ui/VersionInfo",
 		"sap/ui/model/json/JSONModel",
-		"sap/ui/model/resource/ResourceModel",
 		"sap/base/Log"
-	], function (BaseController, Device, JSONModel, ResourceModel, Log) {
+	], function (BaseController, Device, VersionInfo, JSONModel, Log) {
 		"use strict";
 
 		return BaseController.extend("sap.ui.documentation.sdk.controller.Welcome", {
@@ -22,7 +22,7 @@ sap.ui.define([
 			onInit: function () {
 				this.getRouter().getRoute("welcome").attachPatternMatched(this._onMatched, this);
 
-				sap.ui.getVersionInfo({async: true}).then(function (oVersionInfo) {
+				VersionInfo.load().then(function (oVersionInfo) {
 					var oModel = new JSONModel({
 						isOpenUI5: oVersionInfo && oVersionInfo.gav && /openui5/i.test(oVersionInfo.gav)
 					});

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

@@ -93,10 +93,9 @@ sap.ui.define([
 
 		_getRouteConfig: function(sRouteName) {
 			var oConfig = this._getSapUI5ConfigEntry(),
-				aRoutes = oConfig.routing.routes,
-				aRoute = jQuery.grep(aRoutes, function(oRoute){return oRoute.name === sRouteName; }),
-				oRoute = aRoute.length && aRoute[0];
-			return oRoute;
+				aRoutes = oConfig.routing.routes;
+
+			return aRoutes.find(function(oRoute){return oRoute.name === sRouteName; });
 		},
 
 		_getSapUI5ConfigEntry: function () {

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

@@ -5,8 +5,8 @@
  */
 
 // Provides information about 'explored' samples.
-sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/base/Log"],
-	function(jQuery, library, Log) {
+sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/base/Log", "sap/ui/documentation/sdk/util/Resources"],
+	function(jQuery, library, Log, ResourcesUtil) {
 		"use strict";
 
 		var oPromise;
@@ -52,7 +52,8 @@ sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/
 					"Data Binding",
 					"Data Visualization",
 					"Map",
-					"Utility"
+					"Utility",
+					"Web Components"
 				];
 				var afilterProps = ["namespace", "since", "category"]; // content density are set manually
 				var oFilterSets = {
@@ -118,7 +119,7 @@ sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/
 						oDoc.explored.samplesRef.forEach(function (oItem) {
 							(function() {
 								var paths = {};
-								paths[oItem.namespace.replace(/\./g, "/")] = "" + oItem.ref || ".";
+								paths[oItem.namespace.replace(/\./g, "/")] = "" + ResourcesUtil.getResourceOriginPath(oItem.ref || ".");
 								sap.ui.loader.config({paths: paths});
 							}());
 						});
@@ -126,7 +127,7 @@ sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/
 						// register a single namespace
 						(function() {
 							var paths = {};
-							paths[oDoc.explored.samplesRef.namespace.replace(/\./g, "/")] = "" + oDoc.explored.samplesRef.ref || ".";
+							paths[oDoc.explored.samplesRef.namespace.replace(/\./g, "/")] = "" + ResourcesUtil.getResourceOriginPath(oDoc.explored.samplesRef.ref || ".");
 							sap.ui.loader.config({paths: paths});
 						}());
 					}
@@ -420,4 +421,4 @@ sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/
 
 		return ControlsInfo;
 
-	}, /* bExport= */ true);
+	}, /* bExport= */ true);

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

@@ -5,7 +5,7 @@
  */
 
 sap.ui.define([
-	"jquery.sap.global",
+	"sap/ui/thirdparty/jquery",
 	"sap/m/Input",
 	"sap/m/library",
 	"../config/datatable",

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

@@ -5,7 +5,7 @@
  */
 
 sap.ui.define([
-	"jquery.sap.global",
+	"sap/ui/thirdparty/jquery",
 	"./DataTableUtil"
 ], function (
 	$,

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

@@ -206,7 +206,7 @@
 	/**
 	 * Searches the index, given a search string
 	 *
-	 * @param sQuery, the search string
+	 * @param sQuery - the search string
 	 * @returns {Promise<any>}
 	 */
 	function searchIndex(sQuery, oOptions) {

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

@@ -57,7 +57,7 @@ sap.ui.define([], function() {
 			},
 
 			_getExpectedResponseType: function(sResourceUrl, bTreatAsText) {
-				if (sResourceUrl.match(/.+(.js|.json|.less|.xml|.html|.properties|.css|.svg|.md|.txt|.yaml|.yml)$/i) || bTreatAsText) { // supported text types
+				if (sResourceUrl.match(/.+(.js|.json|.less|.xml|.html|.properties|.css|.svg|.md|.txt|.feature|.yaml|.yml)$/i) || bTreatAsText) { // supported text types
 					return "text";
 				}
 

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

@@ -69,6 +69,11 @@ sap.ui.define([],
 				"id": "flexibleProgrammingModelExplorer",
 				"text": "Flexible Programming Model Explorer",
 				"href": "https://sapui5.hana.ondemand.com/test-resources/sap/fe/core/fpmExplorer/index.html#/overview/introduction"
+			},
+			{
+				"id": "accessibilityGuide",
+				"text": "Accessibility Guide",
+				"href": "test-resources/sap/m/demokit/accessibilityGuide/webapp/index.html"
 			}
 		];
 

package/src/sap/ui/documentation/sdk/controller/util/datatable/filters/DataTableFilterDropDown.js

@@ -6,11 +6,9 @@
 
 sap.ui.define(
 	[
-		"jquery.sap.global",
 		'sap/ui/core/Control',
 		'./DataTableFilterDropDownRenderer'
 	], function (
-		$,
 		Control,
 		DataTableFilterDropDownRenderer
 	) {

package/src/sap/ui/documentation/sdk/controller/util/datatable/filters/DataTableFilterRange.js

@@ -6,11 +6,9 @@
 
 sap.ui.define(
     [
-        "jquery.sap.global",
         'sap/ui/core/Control',
         './DataTableFilterRangeRenderer'
     ], function (
-        $,
         Control,
         DataTableFilterRangeRenderer
     ) {
@@ -44,8 +42,8 @@ sap.ui.define(
             oFrom = this.getAggregation("from");
             oTo = this.getAggregation("to");
 
-            [oFrom, oTo].forEach(function (oConrtol) {
-                oConrtol.attachLiveChange(function () {
+            [oFrom, oTo].forEach(function (oControl) {
+                oControl.attachLiveChange(function () {
                     oValue = {
                         from: oFrom.getValue(),
                         to: oTo.getValue()

package/src/sap/ui/documentation/sdk/controller/util/overlay/Overlay.js

@@ -4,7 +4,7 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(["sap/base/Log", "./shapes/ShapeFactory"], function (Log, ShapeFactory) {
+sap.ui.define(["./shapes/ShapeFactory"], function (ShapeFactory) {
 	"use strict";
 
 	var SVG_NAMESPACE = "http://www.w3.org/2000/svg";

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

@@ -6,12 +6,11 @@
 
 sap.ui.define([
 		"sap/ui/core/mvc/Controller",
-		"sap/m/library",
 		"sap/ui/model/json/JSONModel",
 		"sap/ui/core/Fragment",
 		"sap/ui/model/resource/ResourceModel",
 		"sap/ui/core/Core"
-	], function (Controller, mobileLibrary, JSONModel, Fragment, ResourceModel, Core) {
+	], function (Controller, JSONModel, Fragment, ResourceModel, Core) {
 		"use strict";
 
 		return Controller.extend("sap.ui.documentation.sdk.cookieSettingsDialog.controller.CookieSettingsDialog", {

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

@@ -7,27 +7,30 @@
 	<title>SAPUI5 Navigation</title>
 	<script>
 
-		var sSampleId = new window.URLSearchParams(window.location.search).get('sap-ui-xx-sample-id'),
-			sSamplePath = new window.URLSearchParams(window.location.search).get('sap-ui-xx-sample-path'),
-			sOrigin = new window.URLSearchParams(window.location.search).get('sap-ui-xx-sample-origin'),
-			sVersion = new window.URLSearchParams(window.location.search).get('sap-ui-xx-sample-version'),
-			sOriginEncoded,
-			oBaseTag,
-			oScriptTag,
-			oPath = {};
-
-		if (!sOrigin || sOrigin == ".") {
-			sOrigin = window.location.origin + (window.location.pathname.includes("testsuite") ? "/testsuite" : "");
+		var getUrlParam = function(sParamName) {
+			return new window.URLSearchParams(window.location.search).get(sParamName);
+		};
+
+		var sSampleId = getUrlParam('sap-ui-xx-sample-id'),
+				sOrigin = getUrlParam('sap-ui-xx-sample-origin'),
+				sPresetTheme = getUrlParam('sap-ui-theme') || 'sap_fiori_3',
+				sPresetRTL = getUrlParam('sap-ui-rtl') || false,
+				oPath = {},
+				sOriginEncoded,
+				oBaseTag,
+				oScriptTag;
+
+		if (sOrigin === "" || sOrigin === ".") {
+			var sHref = document.location.href;
+			sOrigin = sHref.substring(0, sHref.lastIndexOf('resources/sap/ui/documentation/sdk/') - 1);
 		} else {
-			sOrigin = new URL(sOrigin, document.baseURI).pathname + sVersion;
+			sOrigin = new URL(sOrigin, document.baseURI).pathname;
 		}
 
 		sOriginEncoded = encodeURI(sOrigin);
 
-		oPath[sSampleId.replace(/\./g, "/")] = encodeURI(sSamplePath);
 		oPath["sap/ui/demo/mock"] = sOriginEncoded + "/test-resources/sap/ui/documentation/sdk";
 		oPath["test-resources/sap/ui/documentation/sdk"] = ".";
-		oPath["sap/uxap/sample"] = sOriginEncoded + "/test-resources/sap/uxap/demokit/sample";
 
 		oBaseTag = document.createElement("base");
 		oBaseTag.setAttribute("href", sOriginEncoded + "/");
@@ -39,29 +42,197 @@
 		oScriptTag.setAttribute("data-sap-ui-compatVersion", "edge");
 		oScriptTag.dataset.sapUiAsync = true;
 		oScriptTag.dataset.sapUiLibs = "sap.m";
+		oScriptTag.dataset.sapUiRtl = sPresetRTL;
 		oScriptTag.dataset.sapUiResourceroots = JSON.stringify(oPath);
+		oScriptTag.dataset.sapUiTheme = sPresetTheme;
 
 		document.write(oScriptTag.outerHTML);
-
 	</script>
 </head>
 <body class="sapUiBody sapUiSizeCompact" id="content">
 <script>
 	sap.ui.getCore().attachInit(function () {
 		sap.ui.require([
-			"sap/ui/core/ComponentContainer"
-		], function (ComponentContainer) {
+			"sap/ui/core/ComponentContainer",
+			"sap/ui/core/Component",
+			"sap/ui/documentation/library",
+			"sap/ui/documentation/sdk/controller/util/ControlsInfo",
+			"sap/base/Log"
+		], function (ComponentContainer, Component, library, ControlsInfo, Log) {
 
-			sap.ui.loader.config({
-				paths: oPath
-			});
+			var oLibraryInfoSingleton = library._getLibraryInfoSingleton();
+			oLibraryInfoSingleton.getResourceUrl = undefined;
+
+			var loadInfo = function() {
+				return new Promise(function (resolve) {
+					var fnCallback = function(oAppInfo) {
+						if (oAppInfo && oAppInfo.libraries) {
+							var aLibPromises = [];
+							oAppInfo.libraries.forEach(function(oLib) {
+								var oLibPromise = new Promise(function(innResolve) {
+									oLibraryInfoSingleton._getDocuIndex(oLib.name, function(oDoc) {
+									if (!oDoc.explored) {
+										innResolve();
+										return;
+									}
+
+									if (Array.isArray(oDoc.explored.samplesRef)) {
+										// register an array of namespaces
+										oDoc.explored.samplesRef.forEach(function (oItem) {
+											var paths = {};
+											paths[oItem.namespace.replace(/\./g, "/")] = "" + (oItem.ref || ".");
+											sap.ui.loader.config({paths: paths});
+										});
+									} else {
+										// register a single namespace
+
+										var paths = {};
+										paths[oDoc.explored.samplesRef.namespace.replace(/\./g, "/")] = "" + (oDoc.explored.samplesRef.ref || ".");
+										sap.ui.loader.config({paths: paths});
+									}
+									innResolve();
+									});
+								});
+								aLibPromises.push(oLibPromise);
+							});
+						}
+						Promise.all(aLibPromises).then(function(){
+							resolve();
+						})
+					};
+
+					jQuery.ajax({
+						url: sap.ui.require.toUrl("sap-ui-version.json"),
+						dataType: "json",
+						error: function(xhr, status, e) {
+							Log.error("failed to load library list from '" + sUrl + "': " + status + ", " + e);
+							resolve();
+						},
+						success : function(oAppInfo, sStatus, oXHR) {
+							if (!oAppInfo) {
+								Log.error("failed to load library list from '" + sUrl + "': " + sStatus + ", Data: " + oAppInfo);
+								resolve();
+								return;
+							}
+
+							fnCallback(oAppInfo);
+						}
+					});
+				});
+			}
+			loadInfo().then(function(){
 
-			var oContainer = new ComponentContainer({
-				name : sSampleId,
-				height : "100%",
-				manifest: false
-			}).placeAt('content');
+				Log.info("Samples paths added successfully");
 
+				var sCompId = 'sampleComp-' + sSampleId;
+				var sCompName = sSampleId;
+
+				Promise.all([
+					sap.ui.getCore().loadLibrary("sap.ui.fl", {async: true}),
+					sap.ui.getCore().loadLibrary("sap.ui.rta", {async: true})
+				]).then(function () {
+					sap.ui.require([
+						"sap/ui/fl/Utils",
+						"sap/ui/fl/FakeLrepConnectorLocalStorage",
+						"sap/ui/core/util/reflection/JsControlTreeModifier"
+					], function(Utils,
+							FakeLrepConnectorLocalStorage,
+							JsControlTreeModifier) {
+							// fake stable IDs
+							JsControlTreeModifier.checkControlId = function () {
+								return true;
+							};
+							Utils.checkControlId = function() {
+								return true;
+							};
+
+							FakeLrepConnectorLocalStorage.enableFakeConnector({
+								"isProductiveSystem": true
+							});
+							window.parent.postMessage({
+							type: "RTA",
+							data: {
+								"msg": "RTA is loaded"
+							}
+						}, getUrlParam('sap-ui-xx-dk-origin'))
+					});
+				});
+
+				Component.create({
+					id: sCompId,
+					name: sCompName
+				}).then(function (oComponent) {
+
+					var oContainer = new ComponentContainer({component : oComponent, height: "100%"})
+							.placeAt("content");
+					var oMessage = {};
+					oMessage.type = "INIT";
+					oMessage.data = {
+						"msg": "fired after component container is placed in DOM"
+					};
+					oMessage.config = oComponent.getMetadata().getConfig();
+					window.parent.postMessage(oMessage, getUrlParam('sap-ui-xx-dk-origin'));
+
+					window.addEventListener("message", function(eMessage){
+						if (eMessage.data.type === "EXIT") {
+							oComponent.destroy();
+						} else if (eMessage.data.type === "RTA") {
+							enableRta();
+						} else if (eMessage.data.type === "SETTINGS") {
+							if (eMessage.data.reason === "get") {
+								window.parent.postMessage({
+								type: "SETTINGS",
+								data: {
+									"density": document.body.classList[1],
+									"theme": sap.ui.getCore().getConfiguration().getTheme(),
+									"RTL": sap.ui.getCore().getConfiguration().getRTL()
+								}
+							}, getUrlParam('sap-ui-xx-dk-origin'));
+							} else if (eMessage.data.reason === "set") {
+								var sBodyDensityClass = Array.prototype.find.call(document.body.classList, function(el){
+									return el.includes("sapUiSize");
+								});
+								sBodyDensityClass ? document.body.classList.replace(sBodyDensityClass, eMessage.data.data.density) :
+								document.body.classList.add(eMessage.data.data.density);
+								sap.ui.getCore().getConfiguration().setRTL(eMessage.data.data.RTL);
+								sap.ui.getCore().applyTheme(eMessage.data.data.theme);
+							}
+						}
+					});
+
+					function enableRta() {
+						sap.ui.require([
+							"sap/ui/rta/api/startKeyUserAdaptation"
+						], function (
+							startKeyUserAdaptation
+						) {
+							startKeyUserAdaptation({
+								rootControl: oContainer.getComponentInstance()
+							}).then(function (oRta) {
+								oContainer.$().css({
+									"padding-top": "2.5rem",
+									"box-sizing": "border-box"
+								});
+								oRta.attachStop(function () {
+									oContainer.$().css({
+										"padding-top": "0",
+										"box-sizing": "content-box"
+									});
+									oRta.destroy();
+								});
+							});
+						});
+					};
+				}).catch(function(err){
+					window.parent.postMessage({
+						type: "ERR",
+						data: {
+							"msg": err
+						}
+					}, getUrlParam('sap-ui-xx-dk-origin'));
+				});
+
+			});
 		});
 	});
 </script>

package/src/sap/ui/documentation/sdk/model/formatter.js

@@ -23,7 +23,7 @@ sap.ui.define([
 		 * Formats a library namespace to link to the API reference if it starts with sap.
 		 *
 		 * @public
-		 * @param {string} sNamespace value to be formatted
+		 * @param {string} sLink value to be formatted
 		 * @returns {string} formatted link
 		 */
 		crossLink: function (sLink) {