@openui5/sap.ui.documentation 1.121.1 → 1.122.0

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

@@ -17,7 +17,9 @@ sap.ui.define([
 	"sap/ui/model/Sorter",
 	"sap/ui/util/Storage",
 	"sap/ui/documentation/sdk/controller/util/Highlighter",
-	"sap/ui/core/Fragment"
+	"sap/ui/core/Fragment",
+	"sap/base/i18n/Localization",
+	"sap/ui/core/Theming"
 ], function(
 	EventBus,
 	jQuery,
@@ -31,7 +33,9 @@ sap.ui.define([
 	Sorter,
 	Storage,
 	Highlighter,
-	Fragment
+	Fragment,
+	Localization,
+	Theming
 ) {
 		"use strict";
 
@@ -140,12 +144,14 @@ sap.ui.define([
 				//DOM rendering delay value is minimal by default, but some function may increase it if that function calls intensive DOM operation
 				// (e.g. RTL change, that leads to new CSS to be requested and applied on entire DOM)
 				this._iDomRenderingDelay = 0; // (ms)
+				this._fnBoundScrollToSelectedListItem = this._scrollToSelectedListItem.bind(this);
+				this._fnBoundOnLocalizationChange = this._onLocalizationChange.bind(this);
 				this._getList().addEventDelegate({
 					onAfterRendering : function() {
-						setTimeout(this._scrollToSelectedListItem.bind(this), this._iDomRenderingDelay);
+						setTimeout(this._fnBoundScrollToSelectedListItem, this._iDomRenderingDelay);
 					}}, this);
-				this._oCore.attachThemeChanged(this._scrollToSelectedListItem, this); // theme change requires us to restore scroll position
-				this._oCore.attachLocalizationChanged(this._onLocalizationChange, this);
+				Theming.attachApplied(this._fnBoundScrollToSelectedListItem); // theme change requires us to restore scroll position
+				Localization.attachChange(this._fnBoundOnLocalizationChange);
 
 				// Subscribe to view event to apply to it the current configuration
 				this._oView.addEventDelegate({
@@ -167,7 +173,7 @@ sap.ui.define([
 						this._oViewSettings.densityMode = COZY;
 				}
 
-				this._oViewSettings.rtl = this._oCore.getConfiguration().getRTL();
+				this._oViewSettings.rtl = Localization.getRTL();
 
 				// Keep default settings for density mode up to date
 				this._oDefaultSettings.densityMode = this._oViewSettings.densityMode;
@@ -317,7 +323,7 @@ sap.ui.define([
 				this._toggleListItem(oItemToSelect, true);
 
 				if (!this._bNavToEntityViaList) {
-					setTimeout(this._scrollToSelectedListItem.bind(this), 0);
+					setTimeout(this._fnBoundScrollToSelectedListItem, 0);
 				}
 				this._bNavToEntityViaList = false;
 			},
@@ -432,8 +438,8 @@ sap.ui.define([
 			 * @override
 			 */
 			onExit: function() {
-				this._oCore.detachThemeChanged(this._scrollToSelectedListItem, this);
-				this._oCore.detachLocalizationChanged(this._onLocalizationChange, this);
+				Theming.detachApplied(this._fnBoundScrollToSelectedListItem);
+				Localization.detachChange(this._fnBoundOnLocalizationChange);
 				this.highlighter.destroy();
 			},
 

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

@@ -44,7 +44,7 @@ sap.ui.define([
 				var oModel = new JSONModel(aDemoApps);
 				this.setModel(oModel);
 
-				this.addCategoryClassToGridItems("sapUiDemoKitDemoAppsMainContent");
+				this.addCategoryClassToGridItems("sapUiDemoKitDemoAppsMain");
 			}.bind(this));
 		},
 
@@ -67,7 +67,7 @@ sap.ui.define([
 		 */
 		addCategoryClassToGridItems(gridId) {
 			this.byId(gridId).getItems().forEach(function(gridItem) {
-				var cssClass = gridItem.data("demo-apps-category");
+				var cssClass = gridItem.data("demoAppsCategoryClass");
 				gridItem.addStyleClass(cssClass);
 			});
 		},

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

@@ -41,7 +41,9 @@ sap.ui.define([
 					iMajor,
 					iMinor,
 					sVersion,
-					oVersions;
+					oVersions,
+					aNeoAppVersions = this._oNeoAppVersions || [],
+					versionFormat = new RegExp(/^(\d+\.)?(\d+\.)?(\*|\d+)$/);
 
 				if (!(oAppInfo)) {
 					return;
@@ -65,7 +67,10 @@ sap.ui.define([
 					items : []
 				};
 
-				oVersions.items = this._oNeoAppVersions.reduce(function(result, oVersion) {
+				oVersions.items = aNeoAppVersions.reduce(function(result, oVersion) {
+					if (!versionFormat.test(oVersion.target.version)) {
+						return result;
+					}
 					var sMajorMinorVersion = oVersion.target.version.split(".")[0] + "." + oVersion.target.version.split(".")[1];
 
 					if (!result.some((o) => o.key == sMajorMinorVersion)) {

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

@@ -0,0 +1,79 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/ui/documentation/sdk/controller/BaseController",
+	"sap/ui/documentation/sdk/controller/util/ResourcesInfo",
+	"sap/ui/documentation/sdk/model/formatter",
+	"sap/ui/util/openWindow",
+	"sap/ui/model/json/JSONModel"
+], function (BaseController, ResourcesInfo, formatter, openWindow, JSONModel) {
+	"use strict";
+
+	return BaseController.extend("sap.ui.documentation.sdk.controller.Resources", {
+
+		formatter: formatter,
+
+		/**
+		 * Called when the controller is instantiated.
+		 */
+		onInit: function () {
+			BaseController.prototype.onInit.call(this);
+
+			this._oRouter = this.getRouter();
+			this._oResourcesModel = new JSONModel();
+			this.setModel(this._oResourcesModel, "resources");
+
+			ResourcesInfo.getResourcesConfig().then(this.onResourceConfigLoaded.bind(this));
+
+			this._oRouter.getRoute("tools").attachPatternMatched(function() {
+				this._oRouter.navTo("resources");
+			}, this);
+
+			this._oRouter.getRoute("resources").attachPatternMatched(this.onPatternMatched, this);
+		},
+
+		/**
+		 * Called when the configuration for tools are loaded.
+		 * @param {object[]} aResourcesConfig - An array of objects where each object represents the configuration for a tool.
+		 */
+		onResourceConfigLoaded: function (aResourcesConfig) {
+			var oData = {};
+
+			aResourcesConfig.forEach(function (oEntry) {
+				oData[oEntry.id] = oEntry;
+			}, this);
+
+			this._oResourcesModel.setData(oData);
+			this._oResourcesModel.setProperty("/_raw", aResourcesConfig);
+		},
+
+		/**
+		 * Handles the press event of the card action button.
+		 * Formats and opens the URL in a new window if it starts with "topic/".
+		 *
+		 * @param {sap.ui.base.Event} oEvent - The event object.
+		 */
+		onButtonPress: function (oEvent) {
+			var sUrl = oEvent.getSource().data("href");
+
+			if (!sUrl) { return; }
+
+			if (sUrl.startsWith("topic/")) {
+				sUrl = formatter.formatHttpHrefForNewWindow(sUrl);
+			}
+
+			openWindow(sUrl, "_blank");
+		},
+
+		/**
+		 * Called when the user navigates to this view.
+		 */
+		onPatternMatched: function () {
+			this.hideMasterSide();
+		}
+	});
+});

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

@@ -25,7 +25,8 @@ sap.ui.define([
 	"sap/ui/documentation/sdk/util/Resources",
 	"./config/sampleForwardingConfig",
 	"sap/base/strings/capitalize",
-	"sap/ui/core/Configuration"
+	"sap/ui/core/Configuration",
+	"sap/base/i18n/Localization"
 ], function(
 	Element,
 	EventBus,
@@ -46,7 +47,8 @@ sap.ui.define([
 	ResourcesUtil,
 	sampleForwardingConfig,
 	capitalize,
-	Configuration
+	Configuration,
+	Localization
 ) {
 		"use strict";
 
@@ -75,7 +77,7 @@ sap.ui.define([
 					showNewTab: false,
 					rtaLoaded: false,
 					density: this.getOwnerComponent().getContentDensityClass(),
-					rtl: oConfiguration.getRTL(),
+					rtl: Localization.getRTL(),
 					theme: oConfiguration.getTheme(),
 					showWarning: false
 				});

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

@@ -10,7 +10,7 @@ sap.ui.define([
 	"sap/ui/documentation/sdk/controller/util/DocuInfo",
 	"sap/ui/model/json/JSONModel",
 	"sap/ui/documentation/sdk/controller/util/ControlsInfo",
-	"sap/ui/documentation/sdk/controller/util/ToolsInfo",
+	"sap/ui/documentation/sdk/controller/util/ResourcesInfo",
 	'sap/ui/documentation/sdk/model/libraryData'
 ], function (
 	BaseController,
@@ -18,7 +18,7 @@ sap.ui.define([
 	DocuInfo,
 	JSONModel,
 	ControlsInfo,
-	ToolsInfo,
+	ResourcesInfo,
 	libraryData
 ) {
 	"use strict";
@@ -26,7 +26,7 @@ sap.ui.define([
 	var RESOURCES_TYPES = {
 		API: "api",
 		TOPIC: "topic",
-		TOOLS: "tools",
+		RESOURCES: "resources",
 		ENTITY: "entity",
 		DEMO_APPS: "demoApps"
 	};
@@ -77,8 +77,8 @@ sap.ui.define([
 		}
 	};
 
-	parsers[RESOURCES_TYPES.TOOLS] = {
-		getData: ToolsInfo.getToolsConfig,
+	parsers[RESOURCES_TYPES.RESOURCES] = {
+		getData: ResourcesInfo.getResourcesConfig,
 		formatNode: function (oNode) {
 			return {
 				name: oNode.text,
@@ -176,8 +176,8 @@ sap.ui.define([
 				case RESOURCES_TYPES.DEMO_APPS:
 					this._onDemoAppsData(oParams.data);
 					break;
-				case RESOURCES_TYPES.TOOLS:
-					this._onToolsData(oParams.data);
+				case RESOURCES_TYPES.RESOURCES:
+					this._onResourcesData(oParams.data);
 					break;
 			}
 		},
@@ -190,7 +190,6 @@ sap.ui.define([
 			return DocuInfo.getDocuIndexPromise(this.getConfig());
 		},
 
-
 		/**
 		 * Populates the API Reference data
 		 * @private
@@ -243,11 +242,11 @@ sap.ui.define([
 
 
 		/**
-		 * Populates the Tools data
+		 * Populates the Resources data
 		 * @private
 		 */
-		_onToolsData: function (oResult) {
-			var sType = RESOURCES_TYPES.TOOLS;
+		_onResourcesData: function (oResult) {
+			var sType = RESOURCES_TYPES.RESOURCES;
 
 			this._oData[sType] = formatNodes(oResult, sType);
 		},

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

@@ -306,11 +306,12 @@ sap.ui.define([
 				}
 			},
 
-			scrollToEntity: function (sSectionId, sSubSectionTitle) {
+			scrollToEntity: function (sSectionId, sEntityId) {
 
 				var aFilteredSubSections,
 					aSubSections,
-					oSection;
+					oSection,
+					sSubSectionTitle;
 
 				if (!sSectionId) {
 					return;
@@ -325,10 +326,10 @@ sap.ui.define([
 				}
 
 				// If we have a target sub-section we will scroll to it else we will scroll directly to the section
-				if (sSubSectionTitle) {
+				if (sEntityId) {
 					// Let's ignore case when searching for the section especially like in this case
 					// where sSubSectionTitle comes from the URL
-					sSubSectionTitle = sSubSectionTitle.toLowerCase();
+					sSubSectionTitle = formatter.apiRefEntityName(sEntityId).toLowerCase();
 
 					aSubSections = oSection.getSubSections();
 					aFilteredSubSections = aSubSections.filter(function (oSubSection) {

package/src/sap/ui/documentation/sdk/controller/util/{ToolsInfo.js → ResourcesInfo.js}

@@ -4,31 +4,35 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-// Provides information about 'tools'.
+// Provides information about 'resources'.
 sap.ui.define([],
 	function () {
 		"use strict";
 
-		var aTools = [
+		var aResources = [
+			// #1 Category: Featured
 			{
-				"id": "uiThemeDesigner",
-				"text": "UI Theme Designer",
-				"href": "https://www.sap.com/community/topics/ui-theme-designer.html"
+				"id": "iconExplorer",
+				"text": "Icon Explorer",
+				"href": "test-resources/sap/m/demokit/iconExplorer/webapp/index.html"
 			},
 			{
-				"id": "businessApplicationStudio",
-				"text": "SAP Business Application Studio",
-				"href": "http://www.sap.com/appstudio"
+				"id": "accessibilityGuide",
+				"text": "Accessibility Guide",
+				"href": "test-resources/sap/m/demokit/accessibilityGuide/webapp/index.html",
+				"hideOnPhone": true
 			},
+
+			// #2 Category: Development Tools
 			{
-				"id": "ui5Tooling",
+				"id": "tooling",
 				"text": "UI5 Tooling",
 				"href": "https://github.com/SAP/ui5-tooling"
 			},
 			{
-				"id": "ui5Inspector",
-				"text": "UI5 Inspector",
-				"href": "https://github.com/SAP/ui5-inspector"
+				"id": "fioriTools",
+				"text": "SAP Fiori tools",
+				"href": "https://help.sap.com/docs/SAP_FIORI_tools"
 			},
 			{
 				"id": "cardExplorer",
@@ -36,14 +40,23 @@ sap.ui.define([],
 				"href": "test-resources/sap/ui/integration/demokit/cardExplorer/index.html"
 			},
 			{
-				"id": "supportAssistant",
-				"text": "Support Assistant",
-				"href": "topic/57ccd7d7103640e3a187ed55e1d2c163"
+				"id": "fpmExplorer",
+				"text": "Flexible Programming Model Explorer",
+				"href": "test-resources/sap/fe/core/fpmExplorer/index.html#/overview/introduction",
+				"isDistributionScope": true,
+				"hideOnPhone": true
 			},
 			{
-				"id": "iconExplorer",
-				"text": "Icon Explorer",
-				"href": "test-resources/sap/m/demokit/iconExplorer/webapp/index.html"
+				"id": "businessAppStudio",
+				"text": "SAP Business Application Studio",
+				"href": "https://pages.community.sap.com/topics/business-application-studio"
+			},
+
+			// #3 Category: Customising
+			{
+				"id": "themeDesigner",
+				"text": "UI Theme Designer",
+				"href": "https://pages.community.sap.com/topics/ui-theme-designer"
 			},
 			{
 				"id": "themeParameterToolbox",
@@ -51,46 +64,41 @@ sap.ui.define([],
 				"href": "test-resources/sap/m/demokit/theming/webapp/index.html"
 			},
 			{
-				"id": "ui5WebComponents",
-				"text": "UI5 Web Components",
-				"href": "https://sap.github.io/ui5-webcomponents/"
-			},
-			{
-				"id": "liveEditor",
-				"text": "Live Editor",
-				"href": "liveEditor",
-				"hideOnPhone": true
-			},
-			{
-				"id": "fioriTools",
-				"text": "SAP Fiori Tools",
-				"href": "https://help.sap.com/viewer/product/SAP_FIORI_tools/Latest/en-US"
+				"id": "flexibility",
+				"text": "SAPUI5 Flexibility",
+				"href": "https://help.sap.com/docs/UI5_FLEXIBILITY"
 			},
+
+			// #4 Category: Troubleshooting
 			{
-				"id": "flexibleProgrammingModelExplorer",
-				"text": "Flexible Programming Model Explorer",
-				"href": "test-resources/sap/fe/core/fpmExplorer/index.html#/overview/introduction",
-				"isDistributionScope": true,
-				"hideOnPhone": true
+				"id": "inspector",
+				"text": "UI5 Inspector",
+				"href": "https://sap.github.io/ui5-inspector/"
 			},
 			{
-				"id": "accessibilityGuide",
-				"text": "Accessibility Guide",
-				"href": "test-resources/sap/m/demokit/accessibilityGuide/webapp/index.html",
-				"hideOnPhone": true
+				"id": "supportAssistant",
+				"text": "Support Assistant",
+				"href": "topic/57ccd7d7103640e3a187ed55e1d2c163"
 			},
+
+			// #5 Category: Testing
 			{
-				"id": "ui5TestRecorder",
+				"id": "testRecorder",
 				"text": "Test Recorder",
 				"href": "topic/2535ef9272064cb6bd6b44e5402d531d",
 				"hideOnPhone": true
+			},
+			{
+				"id": "wdi5",
+				"text": "wdi5",
+				"href": "https://ui5-community.github.io/wdi5/#/"
 			}
 		];
 
 		return {
-			getToolsConfig: function () {
+			getResourcesConfig: function () {
 				// return promise to be consistent with other resource utils
-				return Promise.resolve(aTools);
+				return Promise.resolve(aResources);
 			}
 		};
 

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

@@ -24,6 +24,7 @@ sap.ui.define(["sap/ui/thirdparty/URI"], function(URI) {
 			/^(\/)?sitemap\//,
 			/\/sitemap$/,
 			/^(\/)?demoapps/,
+			/^(\/)?resources$/,
 			/^(\/)?tools/,
 			/^(\/)?news\//,
 			/\/news$/,

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

@@ -1413,79 +1413,6 @@ html:not(.sapUiTheme-sap_belize_hcw):not(.sapUiTheme-sap_belize_hcb):not(.sapUiT
 	}
 }
 
-/* ==========================================================================
-   Tools Page Header styles
-  ========================================================================== */
-.sapUiDemokit .sapMText.sapUiDocumentationToolsHeaderText {
-	top: 2.5rem;
-	left: 0;
-	font-size: 3rem !important;
-	margin-left: -0.2rem;
-	position: absolute;
-	padding-left: 2rem;
-	color: #ffffff;
-	text-shadow: 0 0 0.125rem #000000;
-}
-
-/*SMALL*/
-@media (max-width: 64rem) {
-	.sapUiDemokit .sapMText.sapUiDocumentationToolsHeaderText {
-		top: 1.25rem;
-		font-size: 1.625rem !important;
-		padding-left: 1rem;
-		margin-left: -0.0625rem;
-	}
-}
-
-/*XTRA LARGE*/
-@media (min-width: 90rem) {
-	.sapUiDemokit .sapMText.sapUiDocumentationToolsHeaderText {
-		top: 2.5rem;
-		font-size: 4rem !important;
-		padding-left: 3rem;
-	}
-}
-
-.sapUiDemokit .sapMText.demokitInitialPagesBlueText {
-	color: #0070b1;
-}
-
-.sapUiDemokit .toolsPageImage {
-	width: 100%;
-}
-
-.sapUiDemokit .threeColumnLayoutCard {
-	height: 25rem;
-}
-
-.sapUiDemokit .toolspageCardInfo {
-	display: block;
-}
-
-@media (min-width: 1440px) {
-	.sapUiDemokit .toolpageResponsiveMargins {
-		margin: 1rem 2rem 0 2rem;
-	}
-}
-
-@media (min-width: 1024px) and (max-width: 1439px) {
-	.sapUiDemokit .toolpageResponsiveMargins {
-		margin: 1rem 1rem 0 1rem;
-	}
-}
-
-@media (max-width: 1024px) {
-	.sapUiDemokit .toolpageResponsiveMargins {
-		margin-top: 1rem;
-	}
-}
-
-@media (min-width: 600px) and (max-width: 1439px) {
-	.sapUiDemokit .threeColumnLayoutCard {
-		height: 22rem;
-	}
-}
-
 /* FireFox does not handle aspect ratio optimization so this must be disabled for it only by resetting the element position */
 html[data-sap-ui-browser^="ff"] .sapUiDemokit .landingImage {
 	position: relative;

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

@@ -25,6 +25,14 @@
         }
     };
 
+    const loadComponentModule = function(sCompName) {
+        return new Promise((resolve) => {
+            const componentModule =
+                `${sCompName.replace(/\./g, "/")}/Component`;
+            sap.ui.require([componentModule], resolve, resolve);
+        });
+    };
+
     window.onInit = function() {
         postMessageToOrigin({
             type: "LOAD"
@@ -34,8 +42,9 @@
                 "sap/ui/core/ComponentContainer",
                 "sap/ui/core/Component",
                 "sap/ui/documentation/library",
-                "sap/base/Log"
-            ], function (Core, ComponentContainer, Component, library, Log) {
+                "sap/base/Log",
+                "sap/base/i18n/Localization"
+            ], function (Core, ComponentContainer, Component, library, Log, Localization) {
                 var setDensityClass = function(sDensityClass) {
                     var sBodyDensityClass = Array.prototype.find.call(document.body.classList, function(el){
                         return el.includes("sapUiSize");
@@ -83,7 +92,7 @@
                     loadInfo(),
                     Core.loadLibrary("sap.ui.fl", {async: true}),
                     Core.loadLibrary("sap.ui.rta", {async: true})
-                ]).then(function(){
+                ]).then(async function(){
 
                     Log.info("Samples paths added successfully");
                     var sCompId = 'sampleComp-' + sSampleId;
@@ -114,6 +123,9 @@
                         });
                     });
 
+                    // preprocessing: load Component.js before the factory call to prevent 404s to the "Component-preload.js" (does not exist in demokit samples)
+                    await loadComponentModule(sCompName);
+
                     Component.create({
                         id: sCompId,
                         name: sCompName
@@ -160,7 +172,7 @@
                                     data: {
                                         "density": document.body.classList[1],
                                         "theme": Core.getConfiguration().getTheme(),
-                                        "RTL": Core.getConfiguration().getRTL()
+                                        "RTL": Localization.getRTL()
                                     }
                                 });
                                 } else if (eMessage.data.reason === "set") {

package/src/sap/ui/documentation/sdk/manifest.json

@@ -306,7 +306,14 @@
 					"pattern": "tools",
 					"name": "tools",
 					"target": [
-						"tools"
+						"resources"
+					]
+				},
+				{
+					"pattern": "resources",
+					"name": "resources",
+					"target": [
+						"resources"
 					]
 				},
 				{
@@ -444,10 +451,10 @@
 					"viewLevel": 2,
 					"viewId": "demoApps"
 				},
-				"tools": {
-					"viewName": "Tools",
+				"resources": {
+					"viewName": "Resources",
 					"viewLevel": 2,
-					"viewId": "tools"
+					"viewId": "resources"
 				},
 				"news": {
 					"viewName": "News",

package/src/sap/ui/documentation/sdk/model/LiveEditorData.json

@@ -3,7 +3,7 @@
 
   "App.controller.js": "sap.ui.define([\n             \"sap/ui/core/mvc/Controller\",\n             \"sap/m/MessageToast\"\n         ], function (Controller, MessageToast) {\n             \"use strict\";\n             return Controller.extend(\"HelloWorld.App\", {\n                 onShowHello : function () {\n                     MessageToast.show(\"Hello World\");\n                 }\n             });\n         });",
 
-  "index.js": "sap.ui.getCore().attachInit(function () {\n  sap.ui.require([\"sap/ui/core/mvc/XMLView\"], function(XMLView) {\n   XMLView.create({\n   viewName: \"HelloWorld.App\"}).then(function(myView) {\n       myView.placeAt(\"content\");\n    });\n   });\n});",
+  "index.js": "sap.ui.require([\"sap/ui/core/Core\", \"sap/ui/core/mvc/XMLView\"], function(Core, XMLView) {\n    \"use strict\";\n\n    Core.ready()\n        .then(function() {\n            return XMLView.create({\n                viewName: \"HelloWorld.App\"\n        })\n        .then(function(oView) {\n            oView.placeAt(\"content\");\n        });\n    });\n});",
 
   "index.html": "// the html part of the sample is non-editable\n\n<!DOCTYPE html>\n <html>\n <head>\n     <title>OpenUI5 Hello World App</title>\n     <script\n             id=\"sap-ui-bootstrap\"\n             src=\"resources/sap-ui-core.js\"\n             data-sap-ui-theme=\"sap_horizon\"\n             data-sap-ui-libs=\"sap.m\"\n             data-sap-ui-resourceroots='{\"HelloWorld\": \"./\"}'\n             data-sap-ui-onInit=\"module:HelloWorld/index\"\n             displayBlock=\"true\">\n     <&sol;script>\n  </head>\n <body class=\"sapUiBody\" id=\"content\">\n </body>\n </html>"
 }

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

@@ -258,7 +258,7 @@ sap.ui.define([
 			 * @returns {string} the formatted link
 			 */
 			formatHttpHrefForNewWindow: function (sHref) {
-				if (window['sap-ui-documentation-static'] && !/^https?:\/\//.test(sHref)) {
+				if (sHref && window['sap-ui-documentation-static'] && !/^https?:\/\//.test(sHref)) {
 					sHref = "#/" + sHref;
 				}
 				return sHref;
@@ -289,7 +289,7 @@ sap.ui.define([
 			 * @returns {boolean} true if the card is visible
 			 * @protected
 			 */
-			formatToolCardVisibility: function (oData) {
+			formatResourceCardVisibility: function (oData) {
 				if (!oData) {
 					return false;
 				}