@openui5/sap.ui.documentation 1.97.1 → 1.100.0

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

@@ -6,33 +6,41 @@
 
 
 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"
+	"sap/ui/documentation/sdk/util/Resources",
+	"./config/sampleForwardingConfig",
+	"sap/base/strings/capitalize"
 ], function(
-    jQuery,
 	SampleBaseController,
 	JSONModel,
+	ResourceModel,
 	Component,
 	ComponentContainer,
 	ControlsInfo,
 	ToggleFullScreenHandler,
+	BusyDialog,
 	Text,
 	HTML,
 	mobileLibrary,
 	Log,
+	UriParameters,
 	Fragment,
-	ResourcesUtil
+	ResourcesUtil,
+	sampleForwardingConfig,
+	capitalize
 ) {
 		"use strict";
 
@@ -57,18 +65,15 @@ sap.ui.define([
 
 				this._sId = null; // Used to hold sample ID
 				this._sEntityId = null; // Used to hold entity ID for the sample currently shown
-
-				// Load runtime authoring asynchronously
-				Promise.all([
-					sap.ui.getCore().loadLibrary("sap.ui.fl", {async: true}),
-					sap.ui.getCore().loadLibrary("sap.ui.rta", {async: true})
-				]).then(this._loadRTA.bind(this));
+				this.router = this.getRouter();
 
 				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;
 			},
 
 			/* =========================================================== */
@@ -85,6 +90,14 @@ sap.ui.define([
 				this._sEntityId = event.getParameter("arguments").entityId;
 
 				this.byId("page").setBusy(true);
+
+				if (sampleForwardingConfig[this._sId]) {
+					return this.router.navTo("sample", {
+						entityId: sampleForwardingConfig[this._sId].entityId,
+						sampleId: sampleForwardingConfig[this._sId].sampleId
+					}, true);
+				}
+
 				this.getModel("appView").setProperty("/bHasMaster", false);
 
 				ControlsInfo.loadData().then(this._loadSample.bind(this));
@@ -133,23 +146,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;
+						this.getOwnerComponent()._oCurrentOpenedSample = this._oHtmlControl;
 
 						if (oSampleConfig) {
 
@@ -168,30 +175,10 @@ 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 || ResourcesUtil.getHasProxy();
-
-						// handle stretch content
-						var bStretch = !!oSampleConfig.stretch;
-						var sHeight = bStretch ? "100%" : null;
-						oPage.setEnableScrolling(!bStretch);
-						if (oComponentContainer.setHeight) {
-							oComponentContainer.setHeight(sHeight);
+							// Sets the current iframe URL or restores it to "undefined"
+							oModelData.iframe = oSampleConfig.iframe;
+							oPage.setProperty("enableScrolling", !!oSampleConfig.stretch, true);
 						}
-						// 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);
@@ -211,6 +198,125 @@ sap.ui.define([
 					});
 			},
 
+			/**
+			 * Opens the View settings dialog
+			 * @public
+			 */
+			handleSettings: function () {
+
+				if (!this._oMessageBundle) {
+					this._oMessageBundle = new ResourceModel({
+						bundleName: "sap.ui.documentation.messagebundle"
+					});
+				}
+
+				if (!this._oSettingsDialog) {
+					this._oSettingsDialog = sap.ui.xmlfragment("sample", "sap.ui.documentation.sdk.view.appSettingsDialog", this);
+
+					// oView = sap.ui.getCore().byId("__xmlview0") || sap.ui.getCore().byId("__container0");
+					this._oSettingsDialog.setModel(this._oMessageBundle, "i18n");
+					// oView.addDependent(this._oSettingsDialog);
+				}
+
+				this.loadSampleSettings().then(function() {
+					this._oSettingsDialog.open();
+				}.bind(this)).catch(function(err) {
+					Log.error(err);
+				});
+			},
+
+			loadSampleSettings: function() {
+				return new Promise(function (resolve, reject) {
+					var oIframe = this._oHtmlControl.getDomRef();
+					oIframe.contentWindow.postMessage({
+						type: "SETTINGS",
+						reason: "get"
+					}, this.getOwnerComponent()._sSampleIframeOrigin);
+
+					window.addEventListener("message", loadSettings);
+
+					function loadSettings(eMessage) {
+						if (eMessage.data.type === "SETTINGS") {
+							var oThemeSelect = sap.ui.getCore().byId("sample--ThemeSelect");
+
+						// 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));
+			},
+
+			/**
+			 * Closes the View settings dialog
+			 * @public
+			 */
+			handleCloseAppSettings: function () {
+				this._oSettingsDialog.close();
+			},
+
+			handleSaveAppSettings: function () {
+				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) {
+					this._oBusyDialog = new BusyDialog();
+					// oView.addDependent(this._oBusyDialog);
+					this._handleBusyDialog();
+				} else {
+					this._handleBusyDialog();
+				}
+
+				// handle settings change
+				this._applyAppConfiguration(sTheme, sDensityMode, bRTL);
+			},
+
+			/**
+			 * Apply content configuration
+			 * @param {string} sThemeActive name of the theme
+			 * @param {string} sDensityMode content density mode
+			 * @param {boolean} bRTL right to left mode
+			 * @private
+			 */
+			_applyAppConfiguration: function(sThemeActive, sDensityMode, bRTL){
+				var oIframe = this._oHtmlControl.getDomRef();
+				oIframe.contentWindow.postMessage({
+					type: "SETTINGS",
+					reason: "set",
+					data: {
+						"density": "sapUiSize" + capitalize(sDensityMode),
+						"RTL": bRTL,
+						"theme": sThemeActive
+					}
+				}, this.getOwnerComponent()._sSampleIframeOrigin);
+			},
+
+			/**
+			 * Handles View settings dialog
+			 * @public
+			 */
+			_handleBusyDialog : function () {
+				this._oBusyDialog.open();
+				setTimeout(function () {
+					this._oBusyDialog.close();
+				}.bind(this), 1000);
+			},
+
 			_updateFileContent: function(sRef, sFile) {
 				this.fetchSourceFile(sRef + "/" + sFile).then(function(vContent) {
 					var aFiles = this.oModel.getProperty("/files");
@@ -267,7 +373,7 @@ sap.ui.define([
 			/**
 			 * Extends the sSampleId with the relative path defined in sIframePath and returns the resulting path.
 			 * @param {string} sSampleId
-			 * @param {string} sIframe
+			 * @param {string} sIframePath
 			 * @returns {string}
 			 * @private
 			 */
@@ -288,85 +394,92 @@ 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) || "",
+					sFileEnding,
+					vIframe;
+
+					this.fResolve = resolve;
+					this.fReject = reject;
+					var sSampleOrigin = (window['sap-ui-documentation-config'] && window['sap-ui-documentation-config'].demoKitResourceOrigin) || "",
 						sSampleVersion = ResourcesUtil.getResourcesVersion();
 
-					this.sIFrameUrl =
-						"resources/sap/ui/documentation/sdk/index.html" +
+					this.sIFrameUrl = ResourcesUtil.getResourceOrigin() +
+						"/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;
-				}
-
-				if (!this._oHtmlControl) {
-					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();
-
-									// Apply theme settings to iframe sample
-									oSampleFrame.sap.ui.getCore().attachInit(function () {
-										var bCompact = jQuery(document.body).hasClass("sapUiSizeCompact");
-
-										oSampleFrameCore.applyTheme(ResourcesUtil.getHasProxy() ? this._sDefaultSampleTheme : this._oCore.getConfiguration().getTheme());
-										oSampleFrameCore.getConfiguration().setRTL(this._oCore.getConfiguration().getRTL());
-										oSampleFrame.jQuery('body')
-											.toggleClass("sapUiSizeCompact", bCompact)
-											.toggleClass("sapUiSizeCozy", !bCompact);
-
-										// Notify Core for content density change
-										oSampleFrameCore.notifyContentDensityChanged();
-									}.bind(this));
-								}.bind(this));
-
-								this._oHtmlControl._jQueryHTMLControlLoadEventAttached = true;
+						+ "&sap-ui-xx-sample-origin=" + sSampleOrigin + sSampleVersion
+						+ "&sap-ui-xx-dk-origin=" + window.location.origin;
+
+					if (!this._oHtmlControl) {
+
+						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({
+							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;
+					}
+					this.byId("page").removeAllContent();
+					this.byId("page").addContent(this._oHtmlControl);
 
-						}.bind(this)
-					});
-				} else {
-					// If we already have the control just navigate to the new URL
-					this._oHtmlControl.getDomRef().src = this.sIFrameUrl;
-				}
-
-				return this._oHtmlControl;
-
+				}.bind(this));
 			},
 
 			_createComponent : function () {
+
 				// create component only once
 				var sCompId = 'sampleComp-' + this._sId;
 				var sCompName = this._sId;
@@ -395,10 +508,10 @@ sap.ui.define([
 			},
 
 			onDemoKitThemeChanged: function(sChannelId, sEventId, oData) {
-				if (this._oHtmlControl) {
-					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) {
@@ -437,28 +550,8 @@ sap.ui.define([
 			},
 
 			_loadRTA: function () {
-				sap.ui.require([
-					"sap/ui/fl/Utils",
-					"sap/ui/fl/FakeLrepConnectorLocalStorage",
-					"sap/ui/core/util/reflection/JsControlTreeModifier"
-				], function (
-					Utils,
-					FakeLrepConnectorLocalStorage,
-					JsControlTreeModifier
-				) {
 					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);
@@ -469,27 +562,20 @@ sap.ui.define([
 							this._oRTA = null;
 						}
 					}, this);
-				}.bind(this));
 			},
 
 			onToggleAdaptationMode : function (oEvt) {
-				sap.ui.require([
-					"sap/ui/rta/api/startKeyUserAdaptation"
-				], function (
-					startKeyUserAdaptation
-				) {
-					if (!this._oRTA) {
-						startKeyUserAdaptation({
-							rootControl : this.byId("page").getContent()[0].getComponentInstance()
-						}).then(function(oRta) {
-							this._oRTA = oRta;
-							this._oRTA.attachStop(function () {
-								this._oRTA.destroy();
-								delete this._oRTA;
-							}.bind(this));
-						}.bind(this));
+				if (!this._oHtmlControl || !this._oHtmlControl.getDomRef()) {
+					return false;
+				}
+
+				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

@@ -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(),

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", {