@openui5/sap.ui.documentation 1.99.1 → 1.102.0

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

@@ -6,29 +6,32 @@
 
 
 sap.ui.define([
-    "sap/ui/thirdparty/jquery",
-    "sap/ui/documentation/sdk/controller/SampleBaseController",
-    "sap/ui/model/json/JSONModel",
-    "sap/ui/core/Component",
-    "sap/ui/core/ComponentContainer",
-    "sap/ui/documentation/sdk/controller/util/ControlsInfo",
-    "sap/ui/documentation/sdk/util/ToggleFullScreenHandler",
-    "sap/m/Text",
-    "sap/ui/core/HTML",
-    "sap/m/library",
-    "sap/base/Log",
+	"sap/ui/documentation/sdk/controller/SampleBaseController",
+	"sap/ui/model/json/JSONModel",
+	"sap/ui/model/resource/ResourceModel",
+	"sap/ui/core/Component",
+	"sap/ui/core/ComponentContainer",
+	"sap/ui/documentation/sdk/controller/util/ControlsInfo",
+	"sap/ui/documentation/sdk/util/ToggleFullScreenHandler",
+	"sap/m/BusyDialog",
+	"sap/m/Text",
+	"sap/ui/core/HTML",
+	"sap/m/library",
+	"sap/base/Log",
 	"sap/base/util/UriParameters",
 	"sap/ui/core/Fragment",
 	"sap/ui/documentation/sdk/util/Resources",
-	"./config/sampleForwardingConfig"
+	"./config/sampleForwardingConfig",
+	"sap/base/strings/capitalize"
 ], function(
-    jQuery,
 	SampleBaseController,
 	JSONModel,
+	ResourceModel,
 	Component,
 	ComponentContainer,
 	ControlsInfo,
 	ToggleFullScreenHandler,
+	BusyDialog,
 	Text,
 	HTML,
 	mobileLibrary,
@@ -36,16 +39,18 @@ sap.ui.define([
 	UriParameters,
 	Fragment,
 	ResourcesUtil,
-	sampleForwardingConfig
+	sampleForwardingConfig,
+	capitalize
 ) {
 		"use strict";
 
 		// shortcut for sap.m.URLHelper
 		var URLHelper = mobileLibrary.URLHelper;
 
-		var COZY = "cozy",
-			COMPACT = "compact",
-			CONDENSED = "condensed";
+		var ALLOWLIST_SAMPLES_SEARCH_PARAMS = [
+			"sap-ui-rtl",
+			"sap-ui-language"
+		];
 
 		return SampleBaseController.extend("sap.ui.documentation.sdk.controller.Sample", {
 			/* =========================================================== */
@@ -62,35 +67,18 @@ sap.ui.define([
 					showNewTab: false,
 					rtaLoaded: false
 				});
-				this._oSampleIframeSettings = {
-					densityMode: COMPACT,
-					themeActive: "sap_fiori_3",
-					rtl: false
-				};
 
 				this._sId = null; // Used to hold sample ID
 				this._sEntityId = null; // Used to hold entity ID for the sample currently shown
 				this.router = this.getRouter();
 
-				// Load runtime authoring asynchronously
-				if (!ResourcesUtil.getHasProxy()) {
-					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"
-						], this._loadRTA.bind(this));
-					}.bind(this));
-				}
-
 				this.getView().setModel(this.oModel);
 
 				this.bus = sap.ui.getCore().getEventBus();
 				this.setDefaultSampleTheme();
 				this.bus.subscribe("themeChanged", "onDemoKitThemeChanged", this.onDemoKitThemeChanged, this);
+
+				this.getOwnerComponent()._sSampleIframeOrigin = ResourcesUtil.getConfig() !== "." ? ResourcesUtil.getConfig() : window.origin;
 			},
 
 			/* =========================================================== */
@@ -163,24 +151,17 @@ sap.ui.define([
 
 				// set page title
 				oModelData.title = "Sample: " + oSample.name;
-
-				this._createComponent()
-					.then(function (oComponentContainer) {
+				oModelData.showNewTab = true;
+				oModelData.id = oSample.id;
+				oModelData.name = oSample.name;
+				oModelData.details = oSample.details;
+				oModelData.description = oSample.description;
+				oModelData.showSettings = true;
+
+				this._createIframe()
+					.then(function (oSampleConfig) {
 						// Store a reference to the currently opened sample on the application component
-						this.getOwnerComponent()._oCurrentOpenedSample = oComponentContainer ? oComponentContainer : undefined;
-
-						//get config
-						var oComponent = Component.get(oComponentContainer.getComponent());
-						var oConfig = (oComponent.getMetadata()) ? oComponent.getMetadata().getConfig() : null;
-						var oSampleConfig = oConfig && oConfig.sample || {};
-
-						// only have the option to run standalone if there is an iframe
-						oModelData.showNewTab = !!oSampleConfig.iframe || !!ResourcesUtil.getHasProxy();
-						oModelData.id = oSample.id;
-						oModelData.name = oSample.name;
-						oModelData.details = oSample.details;
-						oModelData.description = oSample.description;
-						oModelData.showSettings = !!ResourcesUtil.getHasProxy();
+						this.getOwnerComponent()._oCurrentOpenedSample = this._oHtmlControl;
 
 						if (oSampleConfig) {
 
@@ -199,31 +180,11 @@ sap.ui.define([
 									this._updateFileContent(sRef, sFile);
 								}
 							}
-
-							if (oSampleConfig.iframe || ResourcesUtil.getHasProxy()) {
-								oComponentContainer = this._createIframe(oComponentContainer, oSampleConfig.iframe);
-							} else {
-								this.sIFrameUrl = null;
-							}
+							// Sets the current iframe URL or restores it to "undefined"
+							oModelData.iframe = oSampleConfig.iframe;
+							oPage.setProperty("enableScrolling", !!oSampleConfig.stretch, true);
 						}
 
-						// Sets the current iframe URL or restores it to "undefined"
-						oModelData.iframe = oSampleConfig.iframe || ResourcesUtil.getHasProxy();
-
-						// handle stretch content
-						var bStretch = !!oSampleConfig.stretch;
-						var sHeight = bStretch ? "100%" : null;
-						oPage.setEnableScrolling(!bStretch);
-						if (oComponentContainer.setHeight) {
-							oComponentContainer.setHeight(sHeight);
-						}
-						// add content
-						oPage.removeAllContent();
-						oPage.addContent(oComponentContainer);
-
-						// scroll to top of page
-						oPage.scrollTo(0);
-
 						this.getAPIReferenceCheckPromise(oSample.entityId).then(function (bHasAPIReference) {
 							this.getView().byId("apiRefButton").setVisible(bHasAPIReference);
 						}.bind(this));
@@ -247,41 +208,59 @@ sap.ui.define([
 			 * @public
 			 */
 			handleSettings: function () {
-				var oSampleFrame = this._oHtmlControl.$()[0].contentWindow,
-					oSampleFrameCore = oSampleFrame.sap.ui.getCore(),
-					oView;
 
 				if (!this._oMessageBundle) {
-					this._oMessageBundle = new oSampleFrame.sap.ui.model.resource.ResourceModel({
+					this._oMessageBundle = new ResourceModel({
 						bundleName: "sap.ui.documentation.messagebundle"
 					});
 				}
 
 				if (!this._oSettingsDialog) {
-					this._oSettingsDialog = new oSampleFrame.sap.ui.xmlfragment("sap.ui.documentation.sdk.view.appSettingsDialog", this);
+					this._oSettingsDialog = sap.ui.xmlfragment("sample", "sap.ui.documentation.sdk.view.appSettingsDialog", this);
 
-					oView = oSampleFrameCore.byId("__xmlview0");
-					oView.setModel(this._oMessageBundle, "i18n");
-					oView.addDependent(this._oSettingsDialog);
+					// oView = sap.ui.getCore().byId("__xmlview0") || sap.ui.getCore().byId("__container0");
+					this._oSettingsDialog.setModel(this._oMessageBundle, "i18n");
+					// oView.addDependent(this._oSettingsDialog);
 				}
 
-				setTimeout(function () {
-					var oAppSettings = oSampleFrameCore.getConfiguration(),
-						oThemeSelect = oSampleFrameCore.byId("ThemeSelect"),
-						sUriParamTheme = UriParameters.fromQuery(window.location.search).get("sap-theme"),
-						bDensityMode = this._oSampleIframeSettings.densityMode;
+				this.loadSampleSettings().then(function() {
+					this._oSettingsDialog.open();
+				}.bind(this)).catch(function(err) {
+					Log.error(err);
+				});
+			},
 
-					// Theme select
-					oThemeSelect.setSelectedKey(sUriParamTheme ? sUriParamTheme : oAppSettings.getTheme());
+			loadSampleSettings: function() {
+				return new Promise(function (resolve, reject) {
+					var oIframe = this._oHtmlControl.getDomRef();
+					oIframe.contentWindow.postMessage({
+						type: "SETTINGS",
+						reason: "get"
+					}, this.getOwnerComponent()._sSampleIframeOrigin);
 
-					// RTL
-					oSampleFrameCore.byId("RTLSwitch").setState(oAppSettings.getRTL());
+					window.addEventListener("message", loadSettings);
 
-					// Density mode select
-					oSampleFrameCore.byId("DensityModeSwitch").setSelectedKey(bDensityMode);
+					function loadSettings(eMessage) {
+						if (eMessage.data.type === "SETTINGS") {
+							var oThemeSelect = sap.ui.getCore().byId("sample--ThemeSelect");
 
-					this._oSettingsDialog.open();
-				}.bind(this), 0);
+						// Theme select
+						oThemeSelect.setSelectedKey(eMessage.data.data.theme);
+
+						// RTL
+						sap.ui.getCore().byId("sample--RTLSwitch").setState(eMessage.data.data.RTL);
+
+						// Density mode select
+						sap.ui.getCore().byId("sample--DensityModeSwitch").setSelectedKey(eMessage.data.data.density.slice(9).toLowerCase());
+
+						window.removeEventListener("message", loadSettings);
+						resolve();
+						}
+					}
+					setTimeout(function() {
+						reject("The sample iframe is not loading settings");
+					},3000);
+				}.bind(this));
 			},
 
 			/**
@@ -293,22 +272,17 @@ sap.ui.define([
 			},
 
 			handleSaveAppSettings: function () {
-				var oSampleFrame = this._oHtmlControl.$()[0].contentWindow,
-					oSampleFrameCore = oSampleFrame.sap.ui.getCore(),
-					sDensityMode = oSampleFrameCore.byId("DensityModeSwitch").getSelectedKey(),
-					sTheme = oSampleFrameCore.byId("ThemeSelect").getSelectedKey(),
-					bRTL = oSampleFrameCore.byId("RTLSwitch").getState(),
-					oView = oSampleFrameCore.byId("__xmlview0");
+				var	sDensityMode = sap.ui.getCore().byId("sample--DensityModeSwitch").getSelectedKey(),
+					sTheme = sap.ui.getCore().byId("sample--ThemeSelect").getSelectedKey(),
+					bRTL = sap.ui.getCore().byId("sample--RTLSwitch").getState();
 
 				this._oSettingsDialog.close();
 
 				// Lazy loading of busy dialog
 				if (!this._oBusyDialog) {
-					oSampleFrame.sap.ui.require(["sap/m/BusyDialog"], function () {
-						this._oBusyDialog = new oSampleFrame.sap.m.BusyDialog();
-						oView.addDependent(this._oBusyDialog);
-						this._handleBusyDialog();
-					}.bind(this));
+					this._oBusyDialog = new BusyDialog();
+					// oView.addDependent(this._oBusyDialog);
+					this._handleBusyDialog();
 				} else {
 					this._handleBusyDialog();
 				}
@@ -325,45 +299,16 @@ sap.ui.define([
 			 * @private
 			 */
 			_applyAppConfiguration: function(sThemeActive, sDensityMode, bRTL){
-				var oSampleFrame = this._oHtmlControl.$()[0].contentWindow,
-					oSampleFrameCore = oSampleFrame.sap.ui.getCore();
-
-				if (this._oSampleIframeSettings.densityMode !== sDensityMode) {
-					this._oSampleIframeSettings.densityMode = sDensityMode;
-					this._toggleContentDensityClasses(oSampleFrame.jQuery("body"), sDensityMode);
-				}
-
-				if (this._oSampleIframeSettings.rtl !== bRTL) {
-					oSampleFrameCore.getConfiguration().setRTL(bRTL);
-					this._oSampleIframeSettings.rtl = bRTL;
-				}
-
-				if (oSampleFrameCore.getConfiguration().getTheme() !== sThemeActive) {
-					oSampleFrameCore.applyTheme(sThemeActive);
-					this._oSampleIframeSettings.themeActive = sThemeActive;
-				} else if (this._oSampleIframeSettings.densityMode !== sDensityMode) {
-					// Notify Core for content density change only if no theme change happened
-					oSampleFrameCore.notifyContentDensityChanged();
-				}
-			},
-
-			/**
-			 * Toggles content density classes in the provided html body
-			 * @param {object} oBody the html body to set the correct class on
-			 * @param {string} sDensityMode content density mode
-			 * @private
-			 */
-			_toggleContentDensityClasses: function(oBody, sDensityMode){
-				switch (sDensityMode) {
-					case COMPACT:
-						oBody.toggleClass("sapUiSizeCompact", true).toggleClass("sapUiSizeCozy", false).toggleClass("sapUiSizeCondensed", false);
-						break;
-					case CONDENSED:
-						oBody.toggleClass("sapUiSizeCondensed", true).toggleClass("sapUiSizeCozy", false).toggleClass("sapUiSizeCompact", true);
-						break;
-					default:
-						oBody.toggleClass("sapUiSizeCozy", true).toggleClass("sapUiSizeCondensed", false).toggleClass("sapUiSizeCompact", false);
-				}
+				var oIframe = this._oHtmlControl.getDomRef();
+				oIframe.contentWindow.postMessage({
+					type: "SETTINGS",
+					reason: "set",
+					data: {
+						"density": "sapUiSize" + capitalize(sDensityMode),
+						"RTL": bRTL,
+						"theme": sThemeActive
+					}
+				}, this.getOwnerComponent()._sSampleIframeOrigin);
 			},
 
 			/**
@@ -454,140 +399,100 @@ sap.ui.define([
 				return sSampleId;
 			},
 
-			_createIframe : function (oIframeContent, vIframe) {
-				var sSampleId = this._sId,
+			_createIframe : function () {
+				return new Promise(function (resolve, reject) {
+					var sSampleId = this._sId,
 					sIframePath = "",
 					rExtractFilename = /\/([^\/]*)$/,// extracts everything after the last slash (e.g. some/path/index.html -> index.html)
 					rStripUI5Ending = /\..+$/,// removes everything after the first dot in the filename (e.g. someFile.qunit.html -> .qunit.html)
 					aFileNameMatches,
 					sFileName,
-					sFileEnding;
-
-				if (typeof vIframe === "string") {
-					sIframePath = this._resolveIframePath(sSampleId, vIframe);
-
-					// strip the file extension to be able to use jQuery.sap.getModulePath
-					aFileNameMatches = rExtractFilename.exec(vIframe);
-					sFileName = (aFileNameMatches && aFileNameMatches.length > 1 ? aFileNameMatches[1] : vIframe);
-					sFileEnding = rStripUI5Ending.exec(sFileName)[0];
-					var sIframeWithoutUI5Ending = sFileName.replace(rStripUI5Ending, "");
-
-					// combine namespace with the file name again
-					this.sIFrameUrl = sap.ui.require.toUrl((sIframePath + "/" + sIframeWithoutUI5Ending).replace(/\./g, "/")) + sFileEnding || ".html";
-				} else if (ResourcesUtil.getHasProxy()) {
-					var sSamplePath =  ResourcesUtil.getResourceOriginPath(sap.ui.require.toUrl(this._sId.replace(/\./g, "/"))),
-						sSampleOrigin = (window['sap-ui-documentation-config'] && window['sap-ui-documentation-config'].demoKitResourceOrigin) || "",
-						sSampleVersion = ResourcesUtil.getResourcesVersion();
-
-					this.sIFrameUrl =
-						"resources/sap/ui/documentation/sdk/index.html" +
-						"?sap-ui-xx-sample-id=" + sSampleId
-						+ "&&sap-ui-xx-sample-path=" + sSamplePath
-						+ "&&sap-ui-xx-sample-origin=" + sSampleOrigin
-						+ "&&sap-ui-xx-sample-version=" + sSampleVersion;
-				} else {
-					Log.error("no iframe source was provided");
-					return;
-				}
+					sFileEnding,
+					vIframe;
+
+					this.fResolve = resolve;
+					this.fReject = reject;
+					var sSampleOrigin = (window['sap-ui-documentation-config'] && window['sap-ui-documentation-config'].demoKitResourceOrigin) || "",
+						sSampleVersion = ResourcesUtil.getResourcesVersion(),
+						sSampleSearchParams = "";
+
+					// Assigning allowed query parameters from Demo Kit URL
+					ALLOWLIST_SAMPLES_SEARCH_PARAMS.forEach(function(oParam, index){
+						if (new URL(document.location.href).searchParams.get(oParam)){
+							sSampleSearchParams += (sSampleSearchParams === "" ? "?" : "&") + oParam + "=" + new URL(document.location.href).searchParams.get(oParam);
+						}
+					});
+
+					sSampleSearchParams = (sSampleSearchParams === "" ? "?" : sSampleSearchParams + "&") +
+					"sap-ui-xx-sample-id=" + sSampleId
+					+ "&sap-ui-xx-sample-origin=" + sSampleOrigin + sSampleVersion
+					+ "&sap-ui-xx-dk-origin=" + window.location.origin;
 
-				if (!this._oHtmlControl) {
-					var oComponent = this.getOwnerComponent();
-
-					// Guarantees the sample initially to have the same content density, as the whole Demo Kit
-					switch (oComponent.getContentDensityClass()) {
-						case "sapUiSizeCompact":
-							this._oSampleIframeSettings.densityMode = COMPACT;
-							break;
-						case "sapUiSizeCondensed":
-							this._oSampleIframeSettings.densityMode = CONDENSED;
-							break;
-						default:
-							this._oSampleIframeSettings.densityMode = COZY;
+					this.sIFrameUrl = ResourcesUtil.getResourceOrigin() + "/resources/sap/ui/documentation/sdk/index.html" + sSampleSearchParams;
+
+					if (this._oHtmlControl) {
+						this._oHtmlControl.destroy();
 					}
 
+					var fnMessage =  function (eMessage) {
+						if (eMessage.data.type === "INIT") {
+							var oConfiguration = sap.ui.getCore().getConfiguration();
+							if (eMessage.data.config && eMessage.data.config.sample && eMessage.data.config.sample.iframe) {
+								sSampleId = this._sId;
+								vIframe = eMessage.data.config.sample.iframe;
+								sIframePath = this._resolveIframePath(sSampleId, vIframe);
+
+								//vlaid only for samples that contains own index.html
+								// strip the file extension to be able to use jQuery.sap.getModulePath
+								aFileNameMatches = rExtractFilename.exec(vIframe);
+								sFileName = (aFileNameMatches && aFileNameMatches.length > 1 ? aFileNameMatches[1] : vIframe);
+								sFileEnding = rStripUI5Ending.exec(sFileName)[0];
+								var sIframeWithoutUI5Ending = sFileName.replace(rStripUI5Ending, "");
+
+								// combine namespace with the file name again
+								this.sIFrameUrl = (sap.ui.require.toUrl((sIframePath + "/" + sIframeWithoutUI5Ending).replace(/\./g, "/")) + sFileEnding || ".html")
+								+ "?sap-ui-theme=" + sap.ui.getCore().getConfiguration().getTheme();
+								this._oHtmlControl.getDomRef().src = this.sIFrameUrl;
+							}
+							this._oHtmlControl.getDomRef().contentWindow.postMessage({
+								type: "SETTINGS",
+								reason: "set",
+								data: {
+									"density": this.getOwnerComponent().getContentDensityClass(),
+									"RTL": oConfiguration.getRTL(),
+									"theme": oConfiguration.getTheme()
+								}
+							}, this.getOwnerComponent()._sSampleIframeOrigin);
+							this.fResolve(eMessage.data.config.sample);
+						} else if (eMessage.data.type === "ERR") {
+							this.fReject(eMessage.data.data.msg);
+						} else if (eMessage.data.type === "RTA") {
+							this._loadRTA.call(this);
+						}
+					}.bind(this);
+
 					this._oHtmlControl = new HTML({
 						id : "sampleFrame",
 						content : '<iframe src="' + this.sIFrameUrl + '" id="sampleFrame" frameBorder="0"></iframe>'
 					}).addEventDelegate({
-						onAfterRendering : function () {
-
-							// Do not attach on "load" event on every onAfterRendering of the HTML control
-							if (!this._oHtmlControl._jQueryHTMLControlLoadEventAttached) {
-								this._oHtmlControl.$().on("load", function () {
-									var oSampleFrame = this._oHtmlControl.$()[0].contentWindow,
-										oSampleFrameCore = oSampleFrame.sap.ui.getCore(),
-										oFrame = document.getElementById("sampleFrame");
-
-									this._oMessageBundle = null;
-									this._oSettingsDialog = null;
-									this._oBusyDialog = null;
-
-									if (this.oModel.getData().iframe) {
-										Promise.all([
-											oSampleFrameCore.loadLibrary("sap.ui.fl", {async: true}),
-											oSampleFrameCore.loadLibrary("sap.ui.rta", {async: true})
-										]).then(function () {
-											oSampleFrame.sap.ui.require([
-												"sap/ui/fl/Utils",
-												"sap/ui/fl/FakeLrepConnectorLocalStorage",
-												"sap/ui/core/util/reflection/JsControlTreeModifier"
-											], this._loadRTA.bind(this));
-										}.bind(this));
-
-
-										oFrame.onToggleAdaptationMode = function () {
-											oSampleFrame.sap.ui.require([
-												"sap/ui/rta/api/startKeyUserAdaptation"
-											], function (
-												startKeyUserAdaptation
-											) {
-												if (!this._oRTA) {
-													var oContainer = oSampleFrameCore.byId("__container0");
-
-													startKeyUserAdaptation({
-														rootControl : oContainer.getComponentInstance()
-													}).then(function(oRta) {
-														this._oRTA = oRta;
-														oContainer.$().css({"padding-top": "2.5rem", "box-sizing": "border-box"});
-														this._oRTA.attachStop(function () {
-															oContainer.$().css({"padding-top": "0", "box-sizing": "content-box"});
-															this._oRTA.destroy();
-															delete this._oRTA;
-														}.bind(this));
-													}.bind(this));
-												}
-											}.bind(this));
-										};
-									}
-
-									// Apply theme settings to iframe sample
-									oSampleFrame.sap.ui.getCore().attachInit(function () {
-										oSampleFrameCore.applyTheme(ResourcesUtil.getHasProxy() ?
-											this._oSampleIframeSettings.themeActive : this._oCore.getConfiguration().getTheme());
-										oSampleFrameCore.getConfiguration().setRTL(ResourcesUtil.getHasProxy() ?
-											this._oSampleIframeSettings.rtl : this._oCore.getConfiguration().getRTL());
-										this._toggleContentDensityClasses(oSampleFrame.jQuery('body'), this._oSampleIframeSettings.densityMode);
-
-										// Notify Core for content density change
-										oSampleFrameCore.notifyContentDensityChanged();
-									}.bind(this));
-								}.bind(this));
-
-								this._oHtmlControl._jQueryHTMLControlLoadEventAttached = true;
-							}
-
-						}.bind(this)
+						onBeforeRendering: function () {
+							window.removeEventListener("message", fnMessage);
+						}
+					})
+					.addEventDelegate({
+						onAfterRendering: function () {
+							window.addEventListener("message", fnMessage);
+						}
 					});
-				} else {
-					// If we already have the control just navigate to the new URL
-					this._oHtmlControl.getDomRef().src = this.sIFrameUrl;
-				}
 
-				return this._oHtmlControl;
+					this.byId("page").removeAllContent();
+					this.byId("page").addContent(this._oHtmlControl);
 
+				}.bind(this));
 			},
 
 			_createComponent : function () {
+
 				// create component only once
 				var sCompId = 'sampleComp-' + this._sId;
 				var sCompName = this._sId;
@@ -616,10 +521,10 @@ sap.ui.define([
 			},
 
 			onDemoKitThemeChanged: function(sChannelId, sEventId, oData) {
-				if (this._oHtmlControl && !ResourcesUtil.getHasProxy()) {
-					this._oHtmlControl.$()[0].contentWindow.sap.ui.getCore().applyTheme(oData.sThemeActive);
+				if (this._oHtmlControl && this.getModel().getProperty("/iframe")) {
+					this._applySearchParamValueToIframeURL("sap-ui-theme", oData.sThemeActive);
+					this._oHtmlControl.getDomRef().src = this.sIFrameUrl;
 				}
-				this.setDefaultSampleTheme();
 			},
 
 			onNavBack : function (oEvt) {
@@ -657,24 +562,9 @@ sap.ui.define([
 				this.sIFrameUrl = this.sIFrameUrl + decodeURI(oIFrameURL.search);
 			},
 
-			_loadRTA: function (
-					Utils,
-					FakeLrepConnectorLocalStorage,
-					JsControlTreeModifier
-				) {
+			_loadRTA: function () {
 					var oModelData = this.oModel.getData();
 
-					// fake stable IDs
-					JsControlTreeModifier.checkControlId = function () {
-						return true;
-					};
-					Utils.checkControlId = function() {
-						return true;
-					};
-
-					FakeLrepConnectorLocalStorage.enableFakeConnector({
-						"isProductiveSystem": true
-					});
 					oModelData.rtaLoaded = true;
 
 					this.oModel.setData(oModelData);
@@ -688,29 +578,17 @@ sap.ui.define([
 			},
 
 			onToggleAdaptationMode : function (oEvt) {
-				if (this.oModel.getData().iframe) {
-					window.document.getElementsByTagName("iframe")[0].onToggleAdaptationMode();
-					return;
+				if (!this._oHtmlControl || !this._oHtmlControl.getDomRef()) {
+					return false;
 				}
-				sap.ui.require([
-					"sap/ui/rta/api/startKeyUserAdaptation"
-				], function (
-					startKeyUserAdaptation
-				) {
-					if (!this._oRTA) {
-						var oContainer = this.byId("page").getContent()[0];
-
-						startKeyUserAdaptation({
-							rootControl : oContainer.getComponentInstance()
-						}).then(function(oRta) {
-							this._oRTA = oRta;
-							this._oRTA.attachStop(function () {
-								this._oRTA.destroy();
-								delete this._oRTA;
-							}.bind(this));
-						}.bind(this));
+
+				var oIframe = this._oHtmlControl.getDomRef();
+				oIframe.contentWindow.postMessage({
+					type: "RTA",
+					data: {
+						"msg": "Start the RTA"
 					}
-				}.bind(this));
+				}, this.getOwnerComponent()._sSampleIframeOrigin);
 			},
 
 			onRouteNotFound: function() {

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

@@ -19,7 +19,7 @@ sap.ui.define([
 
 		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.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",
@@ -38,9 +38,8 @@ sap.ui.define([
 		},
 		onDownload: function () {
 			sap.ui.require([
-				"sap/ui/thirdparty/jszip",
-				"sap/ui/core/util/File"
-			], function (JSZip, File) {
+				"sap/ui/thirdparty/jszip"
+			], function (JSZip) {
 				var oZipFile = new JSZip(),
 					sRef = ResourcesUtil.getResourceOriginPath(sap.ui.require.toUrl((this._sId).replace(/\./g, "/"))),
 					oData = this.oModel.getData(),