@openui5/sap.ui.documentation 1.123.1 → 1.124.0

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

@@ -58,12 +58,10 @@ sap.ui.define([
 						sTopicId: sTopicId,
 						oModel: oModel
 					};
-					// Only scroll after the dom is ready
-					setTimeout(function () {
-						if (oLastItem.getDomRef() && !isInViewport(oLastItem.getDomRef())) {
-							this._scrollTreeItemIntoView(oLastItem);
-						}
-					}.bind(this), 0);
+
+					setTimeout(function() {
+						this._scrollTreeItemIntoView(oLastItem);
+					}.bind(this));
 				}
 			},
 
@@ -85,9 +83,16 @@ sap.ui.define([
 				return null;
 			},
 
-			_scrollTreeItemIntoView: function (oItem) {
-				var oPage = this.byId("page");
-				oPage.scrollToElement(oItem.getDomRef(), TREE_SCROLL_DURATION);
+			_scrollTreeItemIntoView: function(oItem) {
+				var oItemDom = oItem.getDomRef(),
+					oTreeContainer = this.byId("treeContainer"),
+					oTreeContainerDomRef = oTreeContainer.getDomRef(),
+					oTreeContainerScroller = oTreeContainer.getScrollDelegate();
+
+
+				if (oItemDom && isInOverflow(oItemDom, oTreeContainerDomRef)) {
+					oTreeContainerScroller.scrollToElement(oItemDom, TREE_SCROLL_DURATION);
+				}
 			},
 
 			/**
@@ -172,15 +177,15 @@ sap.ui.define([
 			}
 		});
 
-		function isInViewport (oDomElement) {
-
-			var oRect = oDomElement.getBoundingClientRect();
+		function isInOverflow (oElement, oContainer) {
+			const oElemRect = oElement.getBoundingClientRect();
+			const oContRect = oContainer.getBoundingClientRect();
 
 			return (
-				oRect.top >= 0 &&
-				oRect.left >= 0 &&
-				oRect.bottom <= jQuery(document).height() &&
-				oRect.right <= jQuery(document).width()
+			  oElemRect.bottom > oContRect.bottom ||
+			  oElemRect.top < oContRect.top ||
+			  oElemRect.right > oContRect.right ||
+			  oElemRect.left < oContRect.left
 			);
 		}
 

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

@@ -25,7 +25,6 @@ sap.ui.define([
 	"sap/ui/documentation/sdk/util/Resources",
 	"./config/sampleForwardingConfig",
 	"sap/base/strings/capitalize",
-	"sap/ui/core/Configuration",
 	"sap/base/i18n/Localization"
 ], function(
 	Element,
@@ -47,7 +46,6 @@ sap.ui.define([
 	ResourcesUtil,
 	sampleForwardingConfig,
 	capitalize,
-	Configuration,
 	Localization
 ) {
 		"use strict";
@@ -66,7 +64,6 @@ sap.ui.define([
 			/* =========================================================== */
 
 			onInit: function () {
-				var oConfiguration = Configuration;
 				SampleBaseController.prototype.onInit.call(this);
 
 				this.oRouter = this.getRouter();
@@ -78,7 +75,7 @@ sap.ui.define([
 					rtaLoaded: false,
 					density: this.getOwnerComponent().getContentDensityClass(),
 					rtl: Localization.getRTL(),
-					theme: oConfiguration.getTheme(),
+					theme: Theming.getTheme(),
 					showWarning: false
 				});
 

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

@@ -58,7 +58,7 @@ sap.ui.define(["sap/ui/thirdparty/jquery", 'sap/ui/documentation/library', "sap/
 					"Map",
 					"Utility",
 					"Web Components",
-					"Smart Controls",
+					"Metadata-Driven Controls",
 					"Personalization"
 				];
 				var afilterProps = ["namespace", "since", "category"]; // content density are set manually

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

@@ -27,7 +27,7 @@ sap.ui.define([],
 			{
 				"id": "tooling",
 				"text": "UI5 Tooling",
-				"href": "https://github.com/SAP/ui5-tooling"
+				"href": "https://sap.github.io/ui5-tooling/"
 			},
 			{
 				"id": "fioriTools",

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

@@ -13,7 +13,7 @@
     sSampleId = getUrlParam('sap-ui-xx-sample-id'),
     sOrigin = getUrlParam('sap-ui-xx-sample-origin'),
     sLib = getUrlParam('sap-ui-xx-sample-lib'),
-    sPresetTheme = getUrlParam('sap-ui-theme') || 'sap_fiori_3',
+    sPresetTheme = getUrlParam('sap-ui-theme') || 'sap_horizon',
     sPresetRTL = getUrlParam('sap-ui-rtl') || false,
     sPresetDensity = getUrlParam('sap-ui-density'),
     oPath = {},

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.123.1/${message}`]) return;
+    if (seenDeprecations[`1.124.0/${message}`]) return;
 
-    console.log(`Deprecated as of 1.123.1. ${message}`);
-    seenDeprecations[`1.123.1/${message}`] = true;
+    console.log(`Deprecated as of 1.124.0. ${message}`);
+    seenDeprecations[`1.124.0/${message}`] = true;
   };
 
   /* eslint-disable no-throw-literal */

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

@@ -6,7 +6,7 @@
 
 (function (root, factory) {
 	"use strict";
-	if (self.sap && self.sap.ui && typeof self.sap.ui.define  === 'function') {
+	if (typeof self.sap?.ui?.define === 'function') {
 		sap.ui.define(['sap/ui/thirdparty/URI'], factory);
 	} else if (typeof self.exports === 'object' && typeof self.exports.nodeName !== 'string') {
 		self.exports["ResourcesUtil"] = factory();

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

@@ -33,7 +33,7 @@
 		</subHeader>
 
 		<content>
-			<l:FixFlex fixFirst="false">
+			<l:FixFlex id="treeContainer" fixFirst="false" minFlexSize="100">
 				<l:flexContent>
 					<Tree
 						id="tree"

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

@@ -18,7 +18,7 @@
 		width="100%"
 		height="100%">
 
-		<VBox class="sapUiMediumMargin sapUiLargeMarginBottom">
+		<VBox class="sapUiDemoKitDemoAppsIntroCardSpacing">
 			<f:Card class="sapUiDemoKitDemoAppsIntroCard">
 				<f:header>
 					<card:Header
@@ -34,7 +34,7 @@
 			</f:Card>
 		</VBox>
 
-		<grid:CSSGrid class="sapUiDemoKitDemoAppsPaddingBeginEnd sapUiDemoKitDemoAppsPaddingBottom">
+		<grid:CSSGrid class="sapUiDemoKitDemoAppsLayoutSpacing">
 			<!-- Page Content Ratio Config -->
 			<grid:customLayout>
 				<grid:GridResponsiveLayout>
@@ -104,11 +104,10 @@
 
 							<f:Card class="sapUiDemoKitDemoAppsRegularCard">
 								<f:header>
-									<custom:DemoKitCardHeader title="{name}" href="{ref}"
-										iconSrc="{= 'sap-icon://' + ${icon} }" />
+									<card:Header title="{name}" iconSrc="{= 'sap-icon://' + ${icon} }" />
 								</f:header>
 								<f:content>
-									<VBox class="sapUiDemoKitDemoAppsContentPadding" wrap="Wrap">
+									<VBox class="sapUiDemoKitDemoAppsCardContentSpacing" wrap="Wrap">
 										<Text class="sapUiSmallMarginBottom" text="{desc}" >
 											<layoutData>
 												<FlexItemData growFactor="1" />
@@ -126,16 +125,11 @@
 												wrapping="true" />
 										</VBox>
 										<HBox wrap="Wrap">
-											<Label
-												class="sapUiTinyMarginEnd"
-												design="Bold"
-												text="{i18n>DEMO_APPS_LIBRARY}"
-												wrapping="true" />
 											<Link
-												href="{ path: 'lib', formatter: '.formatter.libraryLink' }"
+												class="sapUiDemoKitDemoAppsCardLink"
+												href="{ref}"
 												target="_blank"
-												text="{lib}"
-												enabled="{ path: 'lib', formatter: '.formatter.libraryLinkEnabled' }"
+												text="{i18n>DEMO_APPS_CARD_LINK}"
 												wrapping="true" />
 										</HBox>
 									</VBox>

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

@@ -101,18 +101,13 @@
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/iconExplorer/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_ICON_EXPLORER}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/iconExplorer/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>
@@ -133,18 +128,13 @@
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/accessibilityGuide/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_ACC_GUIDE}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/accessibilityGuide/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>
@@ -200,18 +190,13 @@
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/tooling/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_TOOLING}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/tooling/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>
@@ -228,18 +213,13 @@
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/fioriTools/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_FIORI_TOOLS}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/fioriTools/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>
@@ -256,18 +236,13 @@
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/cardExplorer/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_CARD_EXPLORER}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/cardExplorer/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>
@@ -288,18 +263,13 @@
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/fpmExplorer/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_FPM_EXPLORER}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/fpmExplorer/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>
@@ -316,18 +286,13 @@
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/businessAppStudio/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_BUSINESS_APP_STUDIO}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/businessAppStudio/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>
@@ -384,18 +349,13 @@
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/themeDesigner/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_THEME_DESIGNER}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/themeDesigner/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>
@@ -412,18 +372,13 @@
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/themeParameterToolbox/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_THEME_PARAMETER_TOOLBOX}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/themeParameterToolbox/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>
@@ -440,18 +395,13 @@
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/flexibility/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_FLEXIBILITY}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/flexibility/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>
@@ -508,18 +458,13 @@
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/inspector/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_INSPECTOR}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/inspector/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>
@@ -536,18 +481,13 @@
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/supportAssistant/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_SUPPORT_ASSISTANT}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/supportAssistant/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>
@@ -602,25 +542,19 @@
 									<card:Header title="{i18n>RESOURCES_CARD_TITLE_TEST_RECORDER}" iconSrc="sap-icon://record" />
 								</f:header>
 								<f:content>
-									<VBox class="sapUiDemoKitResourcesCardContentSpacing"
-										wrap="Wrap">
+									<VBox class="sapUiDemoKitResourcesCardContentSpacing" wrap="Wrap">
 										<Text text="{i18n>RESOURCES_CARD_DESC_TEST_RECORDER}">
 											<layoutData>
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/testRecorder/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_TEST_RECORDER}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/testRecorder/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>
@@ -631,25 +565,19 @@
 									<card:Header title="{i18n>RESOURCES_CARD_TITLE_WDI5}" iconSrc="sap-icon://order-status" />
 								</f:header>
 								<f:content>
-									<VBox class="sapUiDemoKitResourcesCardContentSpacing"
-										wrap="Wrap">
+									<VBox class="sapUiDemoKitResourcesCardContentSpacing" wrap="Wrap">
 										<Text text="{i18n>RESOURCES_CARD_DESC_WDI5}">
 											<layoutData>
 												<FlexItemData growFactor="1" />
 											</layoutData>
 										</Text>
-
-										<Button
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/wdi5/href}"
+											target="_blank"
 											text="{i18n>RESOURCES_CARD_LINK_WDI5}"
-											icon="sap-icon://action"
-											type="Transparent"
-											accessibleRole="Link"
 											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											press=".onButtonPress">
-											<customData>
-												<core:CustomData key="href" value="{resources>/wdi5/href}" />
-											</customData>
-										</Button>
+											wrapping="true" />
 									</VBox>
 								</f:content>
 							</f:Card>

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

@@ -24,7 +24,7 @@
 		</customHeader>
 
 		<content>
-			<l:FixFlex fixFirst="false">
+			<l:FixFlex id="treeContainer" fixFirst="false" minFlexSize="100">
 				<l:flexContent>
 					<Tree
 						id="tree"