@openui5/sap.ui.documentation 1.121.0 → 1.122.0

package/src/sap/ui/documentation/sdk/thirdparty/highlight.js/highlight.js

@@ -998,10 +998,10 @@ var hljs = (function () {
    * @param {string} message
    */
   const deprecated = (version, message) => {
-    if (seenDeprecations[`1.121.0/${message}`]) return;
+    if (seenDeprecations[`1.122.0/${message}`]) return;
 
-    console.log(`Deprecated as of 1.121.0. ${message}`);
-    seenDeprecations[`1.121.0/${message}`] = true;
+    console.log(`Deprecated as of 1.122.0. ${message}`);
+    seenDeprecations[`1.122.0/${message}`] = true;
   };
 
   /* eslint-disable no-throw-literal */

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

@@ -285,8 +285,10 @@ sap.ui.define([
 		}
 
 	};
+
 	/**
 	 * @restricted
+	 * @param {string} sPath - The path to be parsed.
 	 */
 	DocumentationRouter.prototype.parsePath = function (sPath) {
 		if (sPath === "#") {
@@ -302,11 +304,11 @@ sap.ui.define([
 		this.parse(sPath);
 
 		// Add new URL history and update URL
-		if (window['sap-ui-documentation-static']) {
-			window.history.pushState({},undefined,"#/" + sPath);
-		} else {
-			window.history.pushState({},undefined, sPath);
+		if (sPath && window['sap-ui-documentation-static'] && !sPath.startsWith("#/")) {
+			sPath = "#/" + sPath;
 		}
+
+		window.history.pushState({}, undefined, sPath);
 	};
 
 	DocumentationRouter.prototype.mouseDownClickHandler = function (oEvent) {

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

@@ -21,7 +21,7 @@
 		}
 
 		var oData = event.data,
-			oCore, sIFrameTheme, sDemoKitTheme;
+			sIFrameTheme, sDemoKitTheme;
 
 		if (!oData || !oData.src || !oData.moduleNameToRequire) {
 			return;
@@ -30,13 +30,14 @@
 		addErrorHandlers();
 		preloadModules(oData);
 
-		oCore = sap.ui.getCore();
-		sIFrameTheme = oCore.getConfiguration().getTheme();
-		sDemoKitTheme = oData.activeTheme;
+		sap.ui.require(["sap/ui/core/Theming"], function(Theming) {
+			sIFrameTheme = Theming.getTheme();
+			sDemoKitTheme = oData.activeTheme;
 
-		if (sIFrameTheme !== sDemoKitTheme) {
-			oCore.applyTheme(sDemoKitTheme);
-		}
+			if (sIFrameTheme !== sDemoKitTheme) {
+				Theming.setTheme(sDemoKitTheme);
+			}
+		});
 	});
 
 	/**

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

@@ -242,10 +242,10 @@
 							text="{i18n>APP_TABHEADER_ITEM_DEMO_APPS}">
 						</IconTabFilter>
 						<IconTabFilter
-							id="toolsTab"
-							key="tools"
+							id="resourcesTab"
+							key="resources"
 							icon="sap-icon://wrench"
-							text="{i18n>APP_TABHEADER_ITEM_TOOLS}">
+							text="{i18n>APP_TABHEADER_ITEM_RESOURCES}">
 						</IconTabFilter>
 					</items>
 				</IconTabHeader>
@@ -281,9 +281,9 @@
 						icon="sap-icon://grid"
 						text="{i18n>APP_TABHEADER_ITEM_DEMO_APPS}" />
 					<tnt:NavigationListItem
-						key="tools"
+						key="resources"
 						icon="sap-icon://wrench"
-						text="{i18n>APP_TABHEADER_ITEM_TOOLS}">
+						text="{i18n>APP_TABHEADER_ITEM_RESOURCES}">
 					</tnt:NavigationListItem>
 				</tnt:NavigationList>
 			</tnt:SideNavigation>

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

@@ -3,9 +3,9 @@
 	xmlns="sap.m"
 	xmlns:f="sap.f"
 	xmlns:card="sap.f.cards"
+	xmlns:core="sap.ui.core"
 	xmlns:mvc="sap.ui.core.mvc"
 	xmlns:grid="sap.ui.layout.cssgrid"
-	xmlns:core="sap.ui.core"
 	xmlns:custom="sap.ui.documentation"
 	displayBlock="true"
 	height="100%">
@@ -13,17 +13,19 @@
 	<ScrollContainer
 		class="sapUiDemoKitDemoAppsPage"
 		id="sapUiDemoKitDemoAppsPage"
-		width="100%"
-		height="100%"
 		vertical="true"
-		horizontal="false">
+		horizontal="false"
+		width="100%"
+		height="100%">
 
 		<VBox class="sapUiMediumMargin sapUiLargeMarginBottom">
-			<f:Card class="sapUiDemoKitDemoAppsMainHeaderCard">
+			<f:Card class="sapUiDemoKitDemoAppsIntroCard">
 				<f:header>
 					<card:Header
 						title="{i18n>DEMO_APPS_TITLE}"
-						subtitle="{= ${versionData>/isOpenUI5} ? ${i18n>DEMO_APPS_SUBTITLE_OPENUI5} : ${i18n>DEMO_APPS_SUBTITLE_SAPUI5} }"
+						subtitle="{= ${versionData>/isOpenUI5}
+							? ${i18n>DEMO_APPS_SUBTITLE_OPENUI5}
+							: ${i18n>DEMO_APPS_SUBTITLE_SAPUI5} }"
 						subtitleMaxLines="5" />
 				</f:header>
 				<f:content>
@@ -32,7 +34,7 @@
 			</f:Card>
 		</VBox>
 
-		<grid:CSSGrid class="sapUiDemoKitDemoAppsLayoutPaddingBeginEnd sapUiDemoKitDemoAppsLayoutPaddingBottom">
+		<grid:CSSGrid class="sapUiDemoKitDemoAppsPaddingBeginEnd sapUiDemoKitDemoAppsPaddingBottom">
 			<!-- Page Content Ratio Config -->
 			<grid:customLayout>
 				<grid:GridResponsiveLayout>
@@ -49,8 +51,8 @@
 			</grid:customLayout>
 
 			<grid:items>
-				<!-- #1 Page Main Content -->
-				<grid:CSSGrid id="sapUiDemoKitDemoAppsMainContent" class="sapUiDemoKitDemoAppsMainContent"
+				<!-- Main -->
+				<grid:CSSGrid id="sapUiDemoKitDemoAppsMain" class="sapUiDemoKitDemoAppsMain"
 					items="{/demoAppsByCategory}">
 					<grid:customLayout>
 						<grid:GridBasicLayout gridRowGap="3rem" />
@@ -63,9 +65,10 @@
 
 						<grid:customData>
 							<core:CustomData
-								key="demo-apps-category"
-								value="{ path: 'categoryId', formatter: '.formatter.getDemoAppsCategoryClass' }"
-								writeToDom="true" />
+								key="demoAppsCategoryClass"
+								value="{
+									path: 'categoryId',
+									formatter: '.formatter.getDemoAppsCategoryClass' }" />
 						</grid:customData>
 
 						<Title
@@ -99,12 +102,13 @@
 								</grid:GridResponsiveLayout>
 							</grid:customLayout>
 
-							<f:Card class="sapUiDemoKitDemoAppsCommonCard">
+							<f:Card class="sapUiDemoKitDemoAppsRegularCard">
 								<f:header>
-									<custom:DemoAppsCardHeader href="{ref}" hrefText="{name}" iconSrc="{= 'sap-icon://' + ${icon} }" />
+									<custom:DemoKitCardHeader title="{name}" href="{ref}"
+										iconSrc="{= 'sap-icon://' + ${icon} }" />
 								</f:header>
 								<f:content>
-									<VBox class="sapUiDemoKitDemoAppsCardContentPadding" wrap="Wrap">
+									<VBox class="sapUiDemoKitDemoAppsContentPadding" wrap="Wrap">
 										<Text class="sapUiSmallMarginBottom" text="{desc}" >
 											<layoutData>
 												<FlexItemData growFactor="1" />
@@ -140,18 +144,17 @@
 						</grid:CSSGrid>
 					</grid:CSSGrid>
 
-				</grid:CSSGrid>
-				<!-- #1 Page Main Content End -->
+				</grid:CSSGrid> <!-- Main Container End-->
 
-				<!-- #2 Page Aside Content -->
-				<grid:CSSGrid id="sapUiDemoKitDemoAppsAsideContent" class="sapUiDemoKitDemoAppsAsideContent">
-					<VBox class="sapUiDemoKitDemoAppsAsideContentDesktop">
+				<!-- Aside -->
+				<grid:CSSGrid id="sapUiDemoKitDemoAppsAside" class="sapUiDemoKitDemoAppsAside">
+					<VBox class="sapUiDemoKitDemoAppsAsideDesktop" wrap="Wrap">
 						<f:Card class="sapUiDemoKitDemoAppsAsideCard">
 							<f:header>
 								<card:Header title="{i18n>DEMO_APPS_DOWNLOAD_OVERVIEW}" />
 							</f:header>
 							<f:content>
-								<List class="sapUiDemoKitDemoAppsDownloadListContentPadding" items="{/demoApps}" showSeparators="None">
+								<List items="{/demoApps}" showSeparators="None">
 									<InputListItem visible="{= !!${config} }" label="{name}">
 										<customData>
 											<core:CustomData key="config" value="{config}" />
@@ -164,7 +167,7 @@
 						</f:Card>
 					</VBox>
 
-					<VBox class="sapUiDemoKitDemoAppsAsideContentMobile" wrap="Wrap">
+					<VBox class="sapUiDemoKitDemoAppsAsideMobile" wrap="Wrap">
 						<Panel class="sapUiDemoKitDemoAppsAsidePanel" expandable="true" headerText="{i18n>DEMO_APPS_DOWNLOAD_OVERVIEW}">
 							<List items="{/demoApps}" showSeparators="None">
 								<InputListItem visible="{= !!${config} }" label="{name}">
@@ -177,14 +180,11 @@
 							</List>
 						</Panel>
 					</VBox>
-				</grid:CSSGrid>
-				<!-- #2 Page Aside Content End -->
+				</grid:CSSGrid> <!-- Aside Container End-->
 
 			</grid:items>
-
 		</grid:CSSGrid>
 
 		<core:Fragment fragmentName="sap.ui.documentation.sdk.view.Footer" type="XML" />
 	</ScrollContainer>
-
 </mvc:View>