@openui5/sap.ui.documentation 1.99.0 → 1.100.0

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/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

@@ -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

package/src/sap/ui/documentation/sdk/util/DocumentationRouter.js

@@ -175,10 +175,14 @@ sap.ui.define([
 		 * @private
 		 */
 		_destroySampleComponent: function () {
-			var oComponent = this._getOwnerComponent()._oCurrentOpenedSample;
-			if (oComponent) {
-				oComponent.destroy();
-				oComponent = null;
+			var oSample = this._getOwnerComponent()._oCurrentOpenedSample;
+			if (oSample) {
+				oSample.getDomRef().contentWindow.postMessage({
+					type: "EXIT",
+					data: {
+						"msg": "Destroy the container"
+					}
+				}, this._getOwnerComponent()._sSampleIframeOrigin);
 			}
 		}
 

package/src/sap/ui/documentation/sdk/util/Resources.js

@@ -30,7 +30,7 @@
 			if (oUri && oUri.is("absolute")) {
 				return sPath;
 			}
-			sOrigin = this.getConfig() || '.';
+			sOrigin = this.getConfig();
 
 			return sOrigin + sVersionPrefixPath + this._formatPath(sPath);
 		},
@@ -42,7 +42,10 @@
 			return this.getHasProxy() && window.sessionStorage.getItem("versionPrefixPath") || "";
 		},
 		getConfig: function() {
-			return self['sap-ui-documentation-config'] && self['sap-ui-documentation-config'].demoKitResourceOrigin;
+			return self['sap-ui-documentation-config'] && self['sap-ui-documentation-config'].demoKitResourceOrigin || ".";
+		},
+		getResourceOrigin: function() {
+			return this.getConfig().replace("/sapui5", "").replace("/openui5", "");
 		},
 		_formatPath: function(sPath) {
 			sPath = sPath.replace(/^\.\//, '/');

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

@@ -61,7 +61,7 @@
 							class="sapUiHideOnPhone"
 							tooltip="{i18n>SAMPLE_ADAPT_BTN_TOOLTIP}"
 							press="onToggleAdaptationMode"
-							visible="{= ${/rtaLoaded}}" />
+							visible="{= ${/rtaLoaded} && !${/iframe} }" />
 					<Button
 							id="code"
 							icon="sap-icon://syntax"
@@ -73,7 +73,7 @@
 							icon="sap-icon://inspect"
 							press="onNewTab" />
 					<Button id="sampleSettings"
-							visible="{= ${/showSettings}}"
+							visible="{= ${/showSettings} &amp;&amp; !${/iframe} }"
 							icon="sap-icon://action-settings"
 							press="handleSettings" />
 					<Button

package/src/sap/ui/documentation/themes/sap_horizon_dark/library.source.less

@@ -0,0 +1,9 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+@import "../base/library.source.less";
+@import "../../../../../sap/ui/core/themes/sap_horizon_dark/base.less";
+@import "../../../../../sap/ui/core/themes/sap_horizon_dark/global.less";