@openui5/sap.ui.documentation 1.103.1 → 1.104.0

package/.reuse/dep5

@@ -137,6 +137,11 @@ Copyright: jQuery Foundation and other contributors
 License: MIT
 Comment: these files belong to: QUnit 2
 
+Files: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.18.*
+Copyright: jQuery Foundation and other contributors
+License: MIT
+Comment: these files belong to: QUnit 2.18
+
 Files: src/sap.ui.core/src/sap/ui/thirdparty/jquery-compat.js
 Copyright: OpenJS Foundation and other contributors
 License: MIT
@@ -234,6 +239,11 @@ Copyright: 2010-2017, Christian Johansen, christian@cjohansen.no
 License: BSD-3-Clause
 Comment: these files belong to: SinonJS
 
+Files: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/sinon-14.0.*
+Copyright: 2010-2022, Christian Johansen, christian@cjohansen.no
+License: BSD-3-Clause
+Comment: these files belong to: SinonJS 14
+
 Files: src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js
 Copyright: 2010-2011, Christian Johansen
 License: BSD-3-Clause
@@ -339,6 +349,13 @@ Copyright:
 License: Apache-2.0 and ISC
 Comment: these files contain content from SAP and node-lru-cache: LRUPersistentCache.js is overall written by SAP, but portions ('Least Recently Used' logic) are taken from the node-lru-cache project (see https://github.com/isaacs/node-lru-cache/blob/v2.7.3/README.md) and modified.
 
+Files: src/sap.ui.core/test/sap/ui/core/qunit/i18n/helper/_timezones.js
+Copyright:
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    Arthur David Olson, Paul Eggert and other contributors
+License: Apache-2.0 and LicenseRef-tzdata-PublicDomain
+Comment: these files contain content from SAP and Time Zone Database: _timezones.js is overall written by SAP, but the list of IANA timezone IDs is taken from the Timezone Database
+
 
 # Library: sap.ui.documentation:
 

package/LICENSES/LicenseRef-tzdata-PublicDomain.txt

@@ -0,0 +1,5 @@
+Unless specified below, all files in the tz code and data (including
+this LICENSE file) are in the public domain.
+
+If the files date.c, newstrftime.3, and strftime.c are present, they
+contain material derived from BSD and use the BSD 3-clause license.

package/THIRDPARTY.txt

@@ -76,6 +76,12 @@ License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/qunit-2.*
 
+Component: QUnit 2.18, version: 2.18.0
+Copyright: jQuery Foundation and other contributors
+License: MIT
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
+Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.18.*
+
 Component: jQuery-Migrate, version: 3.3.1
 Copyright: OpenJS Foundation and other contributors
 License: MIT
@@ -191,13 +197,19 @@ License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/sinon-4.js
 
+Component: SinonJS 14, version: 14.0.0
+Copyright: 2010-2022, Christian Johansen, christian@cjohansen.no
+License: BSD-3-Clause
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
+Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/sinon-14.0.*
+
 Component: Sinon-qunit, version: 2.0.0
 Copyright: 2010-2011, Christian Johansen
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js
 
-Component: URI.js, version: 1.19.10
+Component: URI.js, version: 1.19.11
 Copyright: Rodney Rehm
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
@@ -315,6 +327,12 @@ License: ISC
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/ISC.txt
 Contained in: src/sap.ui.core/src/sap/ui/core/cache/LRUPersistentCache.js
 
+Component: Time Zone Database, version: 2022a
+Copyright: Arthur David Olson, Paul Eggert and other contributors
+License: LicenseRef-tzdata-PublicDomain
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/LicenseRef-tzdata-PublicDomain.txt
+Contained in: src/sap.ui.core/test/sap/ui/core/qunit/i18n/helper/_timezones.js
+
 
 Library: sap.ui.documentation:
 
@@ -450,7 +468,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.1.39
+Component: SAP Theming Base Content, version: 11.1.40
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -980,6 +998,21 @@ END of license: LicenseRef-JSONinJSPublicDomain
 =================================
 
 
+=================================
+BEGIN of license: LicenseRef-tzdata-PublicDomain
+=================================
+
+Unless specified below, all files in the tz code and data (including
+this LICENSE file) are in the public domain.
+
+If the files date.c, newstrftime.3, and strftime.c are present, they
+contain material derived from BSD and use the BSD 3-clause license.
+
+=================================
+END of license: LicenseRef-tzdata-PublicDomain
+=================================
+
+
 =================================
 BEGIN of license: MIT
 =================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.documentation",
-  "version": "1.103.1",
+  "version": "1.104.0",
   "description": "OpenUI5 UI Library sap.ui.documentation",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,10 +14,10 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.m": "1.103.1",
-    "@openui5/sap.ui.core": "1.103.1",
-    "@openui5/sap.ui.layout": "1.103.1",
-    "@openui5/themelib_sap_belize": "1.103.1",
-    "@openui5/themelib_sap_fiori_3": "1.103.1"
+    "@openui5/sap.m": "1.104.0",
+    "@openui5/sap.ui.core": "1.104.0",
+    "@openui5/sap.ui.layout": "1.104.0",
+    "@openui5/themelib_sap_belize": "1.104.0",
+    "@openui5/themelib_sap_fiori_3": "1.104.0"
   }
 }

package/src/sap/ui/documentation/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.103.1</version>
+  <version>1.104.0</version>
 
   <documentation>SAPUI5 library for the Demokit 2.0.</documentation>
 

package/src/sap/ui/documentation/library.js

@@ -25,13 +25,13 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.documentation
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 * @since 1.48
 	 * @public
 	 */
 	var thisLibrary = sap.ui.getCore().initLibrary({
 		name : 'sap.ui.documentation',
-		version: '1.103.1',
+		version: '1.104.0',
 		dependencies : ['sap.ui.core','sap.m'],
 		types: [],
 		interfaces: [],

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

@@ -102,9 +102,9 @@ sap.ui.define([
 			DEMOKIT_CONFIGURATION_APPEARANCE = "appearance",
 			SITEMAP = "sitemap";
 
-		DEMOKIT_APPEARANCE[DEMOKIT_APPEARANCE_KEY_LIGHT] = "sap_fiori_3";
-		DEMOKIT_APPEARANCE[DEMOKIT_APPEARANCE_KEY_DARK] = "sap_fiori_3_dark";
-		DEMOKIT_APPEARANCE[DEMOKIT_APPEARANCE_KEY_AUTO] = "sap_fiori_3"; // fallback if window.matchMedia is not supported
+		DEMOKIT_APPEARANCE[DEMOKIT_APPEARANCE_KEY_LIGHT] = "sap_horizon";
+		DEMOKIT_APPEARANCE[DEMOKIT_APPEARANCE_KEY_DARK] = "sap_horizon_dark";
+		DEMOKIT_APPEARANCE[DEMOKIT_APPEARANCE_KEY_AUTO] = "sap_horizon"; // fallback if window.matchMedia is not supported
 
 		return BaseController.extend("sap.ui.documentation.sdk.controller.App", {
 			formatter: globalFormatter,

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

@@ -219,7 +219,7 @@ sap.ui.define([
 					sEditorTheme = "github";
 				} else if (sTheme === "sap_fiori_3") {
 					sEditorTheme = "crimson_editor";
-				} else if (sTheme === "sap_fiori_3_dark") {
+				} else if (sTheme === "sap_fiori_3_dark" || sTheme === "sap_horizon_dark") {
 					sEditorTheme = "clouds_midnight";
 				}
 				this._getCodeEditor().setColorTheme(sEditorTheme);

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

@@ -51,12 +51,12 @@ sap.ui.define([
 			_sStorageKey: "UI5_EXPLORED_LIST_SETTINGS_FROM_1_48",
 			_oViewSettings: {
 				densityMode: COMPACT,
-				themeActive: "sap_fiori_3",
+				themeActive: "sap_horizon",
 				rtl: false
 			},
 			_oDefaultSettings: {
 				densityMode: COMPACT,
-				themeActive: "sap_fiori_3",
+				themeActive: "sap_horizon",
 				rtl: false
 			},
 			_oListSettings: {

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

@@ -18,7 +18,6 @@ sap.ui.define([
 	"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",
@@ -36,7 +35,6 @@ sap.ui.define([
 	HTML,
 	mobileLibrary,
 	Log,
-	UriParameters,
 	Fragment,
 	ResourcesUtil,
 	sampleForwardingConfig,
@@ -95,11 +93,18 @@ sap.ui.define([
 			 * @private
 			 */
 			_onSampleMatched: function (event) {
+				var bShouldRedirect = new URLSearchParams(window.location.search).has("dk-sample-standalone");
+
 				this._sId = event.getParameter("arguments").sampleId;
 				this._sEntityId = event.getParameter("arguments").entityId;
 
 				this.byId("page").setBusy(true);
 
+				// check whether to open sample standalone
+				if (bShouldRedirect) {
+					this._handleRedirect();
+				}
+
 				if (sampleForwardingConfig[this._sId]) {
 					return this.router.navTo("sample", {
 						entityId: sampleForwardingConfig[this._sId].entityId,
@@ -207,6 +212,42 @@ sap.ui.define([
 					});
 			},
 
+			/**
+			 * Handles redirection from DemoKit to the sample page, rather than loading it as an iFrame.
+			 * The 'dk-sample-standalone' query parameter must be in the URI to take effect.
+			 * @private
+			 */
+			_handleRedirect : function () {
+				this._initIframeURL();
+				this._applySearchParamValueToIframeURL('sap-ui-theme', this._sDefaultSampleTheme);
+				this.sIFrameUrl += "&dk-sample-standalone";
+				URLHelper.redirect(this.sIFrameUrl, false);
+			},
+
+			/**
+			 * Initializes the URL of the sample itself, loaded either in an iFrame or standalone.
+			 * @private
+			 */
+			_initIframeURL : function () {
+				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=" + this._sId
+					+ "&sap-ui-xx-sample-origin=" + sSampleOrigin + sSampleVersion
+					+ "&sap-ui-xx-dk-origin=" + window.location.origin;
+
+				this.sIFrameUrl = ResourcesUtil.getResourceOrigin() + "/resources/sap/ui/documentation/sdk/index.html" + sSampleSearchParams;
+			},
+
 			/**
 			 * Opens the View settings dialog
 			 * @public
@@ -361,7 +402,11 @@ sap.ui.define([
 				this.getRouter().navTo("apiId", {id: this.entityId});
 			},
 
-			onNewTab : function () {
+			onNewTab: function () {
+				if (this.oModel.getProperty("/iframe")) {
+					URLHelper.redirect(this.sIFrameUrl, true);
+					return;
+				}
 				// this._applySearchParamValueToIframeURL('sap-ui-theme', this._sDefaultSampleTheme);
 				this.loadSampleSettings(function(eMessage){
 					this._applySearchParamValueToIframeURL('sap-ui-theme', eMessage.data.data.theme);
@@ -369,7 +414,9 @@ sap.ui.define([
 					this._applySearchParamValueToIframeURL('sap-ui-density', eMessage.data.data.density);
 				}.bind(this)).then(function(){
 					URLHelper.redirect(this.sIFrameUrl, true);
-				}.bind(this));
+				}.bind(this)).catch(function(err){
+					Log.error(err);
+				});
 			},
 
 			onPreviousSample: function (oEvent) {
@@ -429,7 +476,7 @@ sap.ui.define([
 
 			_createIframe : function () {
 				return new Promise(function (resolve, reject) {
-					var sSampleId = this._sId,
+					var sSampleId,
 					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)
@@ -440,23 +487,8 @@ sap.ui.define([
 
 					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;
 
-					this.sIFrameUrl = ResourcesUtil.getResourceOrigin() + "/resources/sap/ui/documentation/sdk/index.html" + sSampleSearchParams;
+					this._initIframeURL();
 
 					if (this._oHtmlControl) {
 						this._oHtmlControl.destroy();

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

@@ -7,12 +7,12 @@
 sap.ui.define([
 	"./BaseController",
 	"sap/ui/thirdparty/jquery",
-	"sap/ui/thirdparty/URI",
+	"sap/ui/documentation/sdk/controller/util/URLUtil",
 	"sap/m/library"
 ], function (
 	BaseController,
 	jQuery,
-	URI,
+	DemokitURLUtil,
 	mLib
 ) {
 	"use strict";
@@ -44,22 +44,29 @@ sap.ui.define([
 		_onVersionInfo: function (oVersionInfo) {
 			var oMessagePage = this.getView().byId("page"),
 				oReadMoreBtn = this.getView().byId("readMoreButton"),
-				reVersion = new RegExp("^([0-9]+)(?:\\.([0-9]+)(?:\\.([0-9]+))?)?(.+)?"),
-				oURI = new URI(document.location.href),
-				aSegments = oURI.segment(),
-				sVersion,
+				sUrl = document.location.href,
+				sRedirectUrl,
+				sVersion = DemokitURLUtil.parseVersion(sUrl),
 				isRemoved = false;
 
 			oMessagePage.setBusy(false);
 
-			for (var i = 0, l = aSegments.length; i < l; i++) {
-				if (reVersion.test(aSegments[i])) {
-					sVersion = aSegments[i];
-					break;
-				}
+			isRemoved = this._isVersionRemoved(oVersionInfo, sVersion);
+
+			if (isRemoved && DemokitURLUtil.requestsDemokitView(sUrl)) {
+				// redirect to the latest (version-less) URL
+				sRedirectUrl = DemokitURLUtil.removeVersion(sUrl);
+				mLib.URLHelper.redirect(sRedirectUrl);
+				return;
 			}
 
-			isRemoved = this._isVersionRemoved(oVersionInfo, sVersion);
+			if (DemokitURLUtil.hasSEOOptimizedFormat(sUrl)) {
+				// 404 may be due to server not supporting SEO-optimized urls =>
+				// redirect to the corresponding non-optimized URL
+				sRedirectUrl = DemokitURLUtil.convertToNonSEOFormat(sUrl);
+				mLib.URLHelper.redirect(sRedirectUrl);
+				return;
+			}
 
 			if (isRemoved) {
 				// show removed message

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

@@ -58,7 +58,8 @@ sap.ui.define([],
 			{
 				"id": "liveEditor",
 				"text": "Live Editor",
-				"href": "liveEditor"
+				"href": "liveEditor",
+				"hideOnPhone": true
 			},
 			{
 				"id": "fioriTools",
@@ -68,12 +69,15 @@ sap.ui.define([],
 			{
 				"id": "flexibleProgrammingModelExplorer",
 				"text": "Flexible Programming Model Explorer",
-				"href": "https://sapui5.hana.ondemand.com/test-resources/sap/fe/core/fpmExplorer/index.html#/overview/introduction"
+				"href": "test-resources/sap/fe/core/fpmExplorer/index.html#/overview/introduction",
+				"isDistributionScope": true,
+				"hideOnPhone": true
 			},
 			{
 				"id": "accessibilityGuide",
 				"text": "Accessibility Guide",
-				"href": "test-resources/sap/m/demokit/accessibilityGuide/webapp/index.html"
+				"href": "test-resources/sap/m/demokit/accessibilityGuide/webapp/index.html",
+				"hideOnPhone": true
 			}
 		];
 

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

@@ -0,0 +1,117 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides reuse functionality for parsing and manipulating demokit urls
+sap.ui.define(["sap/ui/thirdparty/URI"], function(URI) {
+
+	"use strict";
+
+	var reVersion = new RegExp("^([0-9]+)(?:\\.([0-9]+)(?:\\.([0-9]+))?)?(.+)?"),
+		// compiling a single RegExp seems a less readable option
+		// so bellow are the patterns for individual Demokit sections
+		aDemokitPaths = [
+			/^\/controls/,
+			/^\/group/,
+			/^\/entity/,
+			/^\/sample/,
+			/^\/downloads/,
+			/^\/api/,
+			/^\/topic/,
+			/^\/liveEditor/,
+			/^\/sitemap\//,
+			/\/sitemap$/,
+			/^\/demoapps/,
+			/^\/tools/,
+			/^\/news\//,
+			/\/news$/,
+			/^\/search\//,
+			/^\/license[.]txt/,
+			/^\/docs\/guide/,
+			/^\/docs\/api\/symbols/
+		];
+
+	function pathMatchesDemokitRoute (path) {
+		return aDemokitPaths.some(function(regexp) {
+			return regexp.test(path);
+		});
+	}
+
+	return {
+		parseVersion: function(sUrl) {
+			var oURI = new URI(sUrl),
+				aSegments = oURI.segment(),
+				sVersion;
+
+			for (var i = 0, l = aSegments.length; i < l; i++) {
+				if (reVersion.test(aSegments[i])) {
+					sVersion = aSegments[i];
+					break;
+				}
+				if (pathMatchesDemokitRoute("/" + aSegments[i] + "/")) {
+					break; // version not found
+				}
+			}
+			return sVersion;
+		},
+
+		removeVersion: function(sUrl) {
+			var oURI = new URI(sUrl),
+				sPath = oURI.path(),
+				sVersion = this.parseVersion(sUrl);
+
+			// remove the version string from <code>sPath</code>
+			if (sVersion) {
+				sPath = sPath.substring(sPath.indexOf(sVersion) + sVersion.length);
+				oURI.path(sPath);
+				return oURI.href();
+			}
+			return sUrl;
+		},
+
+		requestsDemokitView: function(sUrl) {
+			if (this.hasSEOOptimizedFormat(sUrl)) {
+				return true;
+			}
+
+			return pathMatchesDemokitRoute(new URI(sUrl).fragment());
+		},
+
+		hasSEOOptimizedFormat: function(sUrl) {
+			var sPath = new URI(sUrl).path();
+
+			if (pathMatchesDemokitRoute(sPath)) {
+				return true;
+			}
+
+			sUrl = this.removeVersion(sUrl);
+			sPath = new URI(sUrl).path();
+			return pathMatchesDemokitRoute(sPath);
+		},
+
+		convertToNonSEOFormat: function(sUrl) {
+			var oURI = new URI(sUrl),
+				sViewPath = new URI(this.removeVersion(sUrl)).path(),
+				sFragment = oURI.fragment(),
+				sNewPath,
+				sNewFragment;
+
+			// move the <code>sViewPath</code> from the URL path into the URL fragment:
+			sNewPath = oURI.path().replace(sViewPath, "/");
+			sNewFragment = sViewPath;
+
+			if (sFragment) {
+				// preserve any existing fragment part by appending at the end
+				sNewFragment += encodeURIComponent("#") + sFragment;
+			}
+
+			oURI.path(sNewPath);
+			oURI.fragment(sNewFragment);
+
+			return oURI.href();
+		}
+	};
+
+});

package/src/sap/ui/documentation/sdk/css/style.css

@@ -219,8 +219,10 @@ html:not(.sapUiMedia-StdExt-Phone) .sapUiDocumentationFooter {
 	height: 3rem;
 }
 
-.sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect,
-.sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect .sapMSltArrow {
+.sapUiTheme-sap_fiori_3 .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect,
+.sapUiTheme-sap_fiori_3_dark .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect,
+.sapUiTheme-sap_fiori_3 .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect .sapMSltArrow,
+.sapUiTheme-sap_fiori_3_dark .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect .sapMSltArrow {
 	border:none;
 	background: #2f3c48;
 }
@@ -246,8 +248,10 @@ html:not(.sapUiMedia-StdExt-Phone) .sapUiDocumentationFooter {
 }
 
 /* Menu Select`s hover bakground */
-.sapContrast.sapUiDocumentationSelect.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover,
-.sapContrast .sapUiDocumentationSelect.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
+.sapUiTheme-sap_fiori_3 .sapContrast.sapUiDocumentationSelect.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover,
+.sapUiTheme-sap_fiori_3_dark .sapContrast.sapUiDocumentationSelect.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover,
+.sapUiTheme-sap_fiori_3 .sapContrast .sapUiDocumentationSelect.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover,
+.sapUiTheme-sap_fiori_3_dark .sapContrast .sapUiDocumentationSelect.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
 	background: #2f3c48;
 }
 
@@ -275,7 +279,8 @@ html.sap-desktop .sapContrast.sapMSlt.sapUiDocumentationSelect:not(.sapMSltExpan
 }
 
 /* Menu Select`s label */
-.sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect .sapMSltLabel {
+.sapUiTheme-sap_fiori_3 .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect .sapMSltLabel,
+.sapUiTheme-sap_fiori_3_dark .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect .sapMSltLabel {
 	color: #91c8f6;
 	font-size: 1rem;
 	border-bottom: 0.1625rem solid;
@@ -290,7 +295,8 @@ html.sap-desktop .sapContrast.sapMSlt.sapUiDocumentationSelect:not(.sapMSltExpan
 }
 
 /* Menu Select`s arrow color on press */
-.sapTntToolHeader .sapMSlt.sapMSltPressed > .sapMSltArrow::before {
+:not(.sapUiTheme-sap_fiori_3) .sapTntToolHeader .sapMSlt.sapMSltPressed > .sapMSltArrow::before,
+:not(.sapUiTheme-sap_fiori_3_dark) .sapTntToolHeader .sapMSlt.sapMSltPressed > .sapMSltArrow::before {
 	color: #cae4fb;
 }
 
@@ -981,11 +987,13 @@ html.sapUiTheme-sap_belize_hcw .sapUiJSD a {
 	color: #000000;
 }
 
-html:not(.sapUiTheme-sap_belize_hcb):not(.sapUiTheme-sap_belize_hcw):not(.sapUiTheme-sap_fiori_3_hcb):not(.sapUiTheme-sap_fiori_3_hcw) .sapUiJSD a {
+html:not(.sapUiTheme-sap_belize_hcb):not(.sapUiTheme-sap_belize_hcw):not(.sapUiTheme-sap_fiori_3_hcb):not(.sapUiTheme-sap_fiori_3_hcw)
+.sapUiJSD a {
 	color: #0070b1;
 }
 
-html:not(.sapUiTheme-sap_belize_hcb):not(.sapUiTheme-sap_belize_hcw):not(.sapUiTheme-sap_fiori_3_hcb):not(.sapUiTheme-sap_fiori_3_hcw) .sapUiJSD a,
+html:not(.sapUiTheme-sap_belize_hcb):not(.sapUiTheme-sap_belize_hcw):not(.sapUiTheme-sap_fiori_3_hcb):not(.sapUiTheme-sap_fiori_3_hcw):not(.sapUiTheme-sap_horizon):not(.sapUiTheme-sap_horizon_dark)
+.sapUiJSD a,
 html.sapUiTheme-sap_fiori_3_hcb .sapUiJSD a:hover,
 html.sapUiTheme-sap_fiori_3_hcw .sapUiJSD a:hover,
 html.sapUiTheme-sap_belize_hcb .sapUiJSD a:hover,
@@ -1800,11 +1808,6 @@ html[dir="rtl"] .sapUiDemoKitTreeItemIcon {
 	background: #ffffff;
 }
 
-.sapUiTheme-sap_fiori_3 .sapUiDemokit .sapUiHomePage .sapMTitleStyleH1,
-.sapUiTheme-sap_fiori_3 .sapUiDemokit .sapUiDemoApps .sapMTitleStyleH1 {
-	font-size: 1.625rem;
-}
-
 .sapUiTheme-sap_fiori_3 .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect,
 .sapUiTheme-sap_fiori_3 .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect:hover,
 .sapUiTheme-sap_fiori_3 .sapTntToolHeader .sapMSlt.menuSelect.sapUiDocumentationSelect .sapMSltArrow,
@@ -1839,4 +1842,10 @@ html[dir="rtl"] .sapUiDemoKitTreeItemIcon {
 .sapUiForcedHidden .editorSrcWindow {
 	width: 0;
 	height: 0;
+}
+
+/* override default 3rem on desktop */
+.sapUiDemokit .sapUiHomePage .sapMTitleStyleH1,
+.sapUiDemokit .sapUiDemoApps .sapMTitleStyleH1 {
+	font-size: 1.625rem;
 }

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

@@ -177,13 +177,32 @@
 
 					var oContainer = new ComponentContainer({component : oComponent, height: "100%"})
 							.placeAt("content");
+					var oConfig = oComponent.getMetadata().getConfig();
+					var bOpenStandalone = new URLSearchParams(window.location.search).has("dk-sample-standalone");
+
+					// if dk-sample-standalone is used,
+					// display message for samples with own index.html
+					if (bOpenStandalone && oConfig.sample && oConfig.sample.iframe) {
+						sap.ui.require([
+							"sap/m/IllustratedMessage",
+							"sap/m/IllustratedMessageType"
+						], function (IllustratedMessage, IllustratedMessageType) {
+							oContainer.destroy();
+							new IllustratedMessage({
+								title: "Sample unsupported",
+								description: "Samples with own index.html are currently unsupported by dk-sample-standalone.",
+								illustrationType: IllustratedMessageType.PageNotFound
+							}).placeAt("content");
+						});
+					}
+
 					var oMessage = {};
 					var objRta = null;
 					oMessage.type = "INIT";
 					oMessage.data = {
 						"msg": "fired after component container is placed in DOM"
 					};
-					oMessage.config = oComponent.getMetadata().getConfig();
+					oMessage.config = oConfig;
 					window.parent.postMessage(oMessage, getUrlParam('sap-ui-xx-dk-origin'));
 
 					window.addEventListener("message", function(eMessage){