@openui5/sap.ui.documentation 1.97.1 → 1.100.0

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');
@@ -405,7 +403,7 @@ sap.ui.define([
 			/**
 			 *  Iterates over all links marked as external and adds a icon and disclaimer proxy
 			 *
-			 * @param oElement, the dom ref to the container
+			 * @param {Element} oElement the DOM ref to the container
 			 * @private
 			 */
 			_fixExternalLinks: function (oElement) {
@@ -432,7 +430,7 @@ sap.ui.define([
 			 *  1. First loop - calculates the sum of all colgroup children
 			 *  2. Second loop - transforms the origin values to percent
 			 *
-			 * @param oElement, the dom ref to the container
+			 * @param {Element} oElement the DOM ref to the container
 			 * @private
 			 */
 			_computeColumnGroupValues: function (oElement) {
@@ -471,8 +469,8 @@ sap.ui.define([
 			 * 1) The link is a non SAP and the icon image is link-external.png
 			 * 2) The link is a SAP and the icon image is link-sap.png
 			 *
-			 * @param aDomRef, the dom ref to the external link
-			 * @param sHref, the url string
+			 * @param {Element} aDomRef the DOM ref to the external link
+			 * @param {string} sHref the url string
 			 * @private
 			 */
 			_addIconToExternalUrl: function (aDomRef, sHref) {
@@ -529,9 +527,9 @@ sap.ui.define([
 			 * 3) The first seven symbols from the ID used in the Demo Kit URLs are added at the end
 			 * 4) The file type is added at the end “.md”
 			 *
-			 * @param sUrl, the url of the file in the internal repo
-			 * @param sTitle, the title of the file
-			 * @returns {string}, the url of the file in the GitHub repo
+			 * @param {string} sUrl the url of the file in the internal repo
+			 * @param {string} sTitle the title of the file
+			 * @returns {string} the url of the file in the GitHub repo
 			 * @private
 			 */
 			_formatToGitHubUrl: function(sUrl, sTitle) {

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/config/sampleForwardingConfig.js

@@ -0,0 +1,40 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([], function () {
+	"use strict";
+
+	return {
+		"sap.f.sample.IllustratedMessageInCardNoActivities": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInCardNoActivities"
+		},
+		"sap.f.sample.IllustratedMessageInCardNoEmail": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInCardNoEmail"
+		},
+		"sap.f.sample.IllustratedMessageInDialog": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInDialog"
+		},
+		"sap.f.sample.IllustratedMessageInPage": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInPage"
+		},
+		"sap.f.sample.IllustratedMessageInPageTNT": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageInPageTNT"
+		},
+		"sap.f.sample.IllustratedMessageSessionTimeout": {
+			entityId: "sap.m.IllustratedMessage",
+			sampleId: "sap.m.sample.IllustratedMessageSessionTimeout"
+		},
+		"sap.f.sample.Avatar": {
+			entityId: "sap.m.Avatar",
+			sampleId: "sap.m.sample.Avatar"
+		}
+	};
+});

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/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/DataTableFilterDropDownRenderer.js

@@ -34,6 +34,7 @@ sap.ui.define([],
             oRm.text('Filter');
             oRm.close('a');
             oRm.openStart("ul", oControl.getId() + "-optionsList");
+			oRm.attr("tabindex", 0);
             if (!oControl.getProperty("expanded")){
                 oRm.style("display", "none");
             }
@@ -56,9 +57,14 @@ sap.ui.define([],
                     oRm.attr("checked", "true");
                 }
                 oRm.attr("type", "checkbox");
+				oRm.attr("id", "dropDownFilterOption" + index);
                 oRm.attr("index", index);
                 oRm.voidEnd();
-                oRm.text(sOption);
+				oRm.openStart("label");
+				oRm.attr("for", "dropDownFilterOption" + index);
+				oRm.openEnd("label");
+				oRm.text(sOption);
+				oRm.close("label");
                 oRm.close("li");
             });
 

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/css/style.css

@@ -1816,12 +1816,21 @@ html[dir="rtl"] .sapUiDemoKitTreeItemIcon {
 .sapUiTheme-sap_fiori_3 .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect .sapMSltLabel:after {
 	content: "";
 	position: absolute;
-	bottom: 0;
+	bottom: 0.188rem;
 	left: 0.5rem;
 	right: 2.5rem;
 	padding-right: 1rem;
 	border-bottom: 0.188rem solid #d1e8ff;
-	border-radius: 0.125rem 0.125rem 0 0;
+	border-radius: 0.125rem;
+}
+
+.sapUiTheme-sap_fiori_3.sapUiMedia-Std-Phone .sapTntToolHeader .sapMSlt.sapUiDocumentationSelect,
+.sap-phone .sapTntToolHeader .sapMSlt.sapUiDocumentationSelect {
+	height: 2.75rem;
+}
+
+.sapUiTheme-sap_fiori_3 .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect .sapMSltLabel {
+	border: none;
 }
 
 /* SAP Quartz Light theme - end */

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

@@ -6,48 +6,156 @@
 	<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'),
+		var getUrlParam = function(sParamName) {
+			return new window.URLSearchParams(window.location.search).get(sParamName);
+		};
+
+		var encodeOrigin = function (sResourceOrigin) {
+			return sResourceOrigin
+					.replaceAll("&", "&amp;")
+					.replaceAll("<", "&lt;")
+					.replaceAll(">", "&gt;")
+					.replaceAll("\"", "&quot;")
+					.replaceAll("’", "&#x27;");
+		};
+
+		var sSampleId = getUrlParam('sap-ui-xx-sample-id'),
+				sOrigin = getUrlParam('sap-ui-xx-sample-origin'),
+				oPath = {};
 
-			oPath = {};
 		if (!sOrigin || sOrigin == ".") {
 			sOrigin = window.location.origin + (window.location.pathname.includes("testsuite") ? "/testsuite" : "");
-		} else {
-			sOrigin = sOrigin + sVersion;
 		}
 
-		oPath[sSampleId.replace(/\./g, "/")] = sSamplePath;
 		oPath["sap/ui/demo/mock"] = sOrigin + "/test-resources/sap/ui/documentation/sdk";
 		oPath["test-resources/sap/ui/documentation/sdk"] = ".";
-		oPath["sap/uxap/sample"] = sOrigin + "/test-resources/sap/uxap/demokit/sample";
-
-
-
-		document.write("<script src=" + sOrigin  + '/resources/sap-ui-core.js' + " id='sap-ui-bootstrap' " +
-				"data-sap-ui-libs='sap.m' data-sap-ui-bindingSyntax='complex' data-sap-ui-compatVersion='edge'></scr" + "ipt>");
-		document.write("<base href=" + sOrigin + "/>");
 
+		document.write("<script src=" + encodeOrigin(sOrigin)  + '/resources/sap-ui-core.js' + " id='sap-ui-bootstrap' " +
+				"data-sap-ui-libs='sap.m' data-sap-ui-bindingSyntax='complex' data-sap-ui-theme='sap_fiori_3' data-sap-ui-compatVersion='edge' data-sap-ui-resourceroots=" + JSON.stringify(oPath) + "></scr" + "ipt>");
+		document.write("<base href=" + encodeOrigin(sOrigin) + "/>");
 	</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/sdk/controller/util/ControlsInfo",
+			"sap/base/Log"
+		], function (ComponentContainer, Component, ControlsInfo, Log) {
+
+			ControlsInfo.loadData().then(function(){
+				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) {
 
-			sap.ui.loader.config({
-				paths: oPath
-			});
+					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'));
 
-			var oContainer = new ComponentContainer({
-				name : sSampleId,
-				height : "100%",
-				manifest: false
-			}).placeAt('content');
+					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) {

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

@@ -4,7 +4,12 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/base/Log"],function(jQuery, library, Log) {
+sap.ui.define([
+	"sap/ui/documentation/library",
+	"sap/base/Log",
+	"sap/base/util/extend",
+	"sap/base/util/isPlainObject"
+],function(library, Log, extend, isPlainObject) {
 	"use strict";
 
 	// function to compute the app objects for a demo object
@@ -12,7 +17,7 @@ sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/
 		// transform simple demo app link to a configuration object
 		var aLinks = [];
 		// transform link object to a bindable array of objects
-		if (jQuery.isPlainObject(oDemoAppMetadata.links)) {
+		if (isPlainObject(oDemoAppMetadata.links)) {
 			aLinks = Object.keys(oDemoAppMetadata.links).map(function (sKey) {
 				return {
 					name: sKey,
@@ -52,7 +57,7 @@ sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/
 	 * 	}
 	 *
 	 * Under path /demoApps the following properties can be found: lib, name, icon, desc, type, ref
-	 * Under path /demoApps by category the apps are structured by the entry "category" and grouped in batches
+	 * Under path /demoAppsByCategory the apps are structured by the entry "category" and grouped in batches
 	 * of 4 items so that they can be bound to the BlockLayoutRow control directly
 	 * @param {array} aLibs an array of the currently loaded UI5 libraries
 	 * @param {object} oDocIndicies an object of the currently loaded UI5 library docu metadata
@@ -152,7 +157,7 @@ sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/
 
 				// set model
 				var oModelData = oModel.getData();
-				oModel.setData(jQuery.extend(oModelData, createModelData(aLibs, oDocIndicies)));
+				oModel.setData(extend(oModelData, createModelData(aLibs, oDocIndicies)));
 			}
 
 			// load and process all lib info