npm - @openui5/sap.ui.documentation - Versions diffs - 1.142.0 → 1.142.1 - Mend

@openui5/sap.ui.documentation 1.142.0 → 1.142.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/REUSE.toml CHANGED Viewed

@@ -385,7 +385,7 @@ SPDX-FileComment = "these files belong to: handlebars"
 [[annotations]]
 path = "src/sap.ui.core/src/sap/ui/thirdparty/require.js"
 precedence = "aggregate"
-SPDX-FileCopyrightText = "2010-2012, The Dojo Foundation"
+SPDX-FileCopyrightText = "2010-2024, jQuery Foundation and other contributors"
 SPDX-License-Identifier = "MIT"
 SPDX-FileComment = "these files belong to: requireJS"

package/THIRDPARTY.txt CHANGED Viewed

@@ -254,8 +254,8 @@ License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/handlebars.js
-Component: requireJS, version: 2.1.8
-Copyright: 2010-2012, The Dojo Foundation
+Component: requireJS, version: 2.3.7
+Copyright: 2010-2024, jQuery Foundation and other contributors
 License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/require.js

package/package.json CHANGED Viewed

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

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

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

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

@@ -25,14 +25,14 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.documentation
 	 * @author SAP SE
-	 * @version 1.142.0
+	 * @version 1.142.1
 	 * @since 1.48
 	 * @public
 	 */
 	var thisLibrary = Lib.init({
 		apiVersion: 2,
 		name : 'sap.ui.documentation',
-		version: '1.142.0',
+		version: '1.142.1',
 		dependencies : ['sap.ui.core','sap.m'],
 		types: [],
 		interfaces: [],

package/src/sap/ui/documentation/messagebundle.properties CHANGED Viewed

@@ -182,6 +182,8 @@ WELCOME_START_CODING = Start Coding
 WELCOME_CHOOSE_SCENARIO = Choose Your Scenario
 #XHED: Group title
 WELCOME_JOIN_COMMUNITY = Join the Community
+#XHED: Group title
+WELCOME_FIORI_DESIGN_DEVELOPMENT = Fiori Design and Development
 #XHED: Block title
 WELCOME_BLOCK_2_TITLE = Responsive Across Browsers and Devices
 #XTXT: Block description
@@ -278,6 +280,12 @@ WELCOME_BLOCK_11_TEXT_3 = For any on-premise and cloud development scenario
 WELCOME_BLOCK_12_TITLE = SAP Community
 #XHED: Block title
 WELCOME_BLOCK_13_TITLE = Newsletter
+#XHED: Block title
+WELCOME_BLOCK_14_TITLE = SAP Fiori Development Portal
+#XTXT: Block description
+WELCOME_BLOCK_14_TEXT = Explore the features and adaptation options of SAP Fiori elements for OData V4 in real time to rapidly and easily create metadata-driven SAP Fiori apps. To get started, choose your set of building blocks from predefined floorplans or custom pages using the SAP Fiori Development Portal.
+#XALT: Alternative text for image that shows Fiori Development Portal screenshot
+WELCOME_BLOCK_14_IMG_ALT = Screenshot of SAP Fiori Development Portal
 #XHED: Video Block title
 WELCOME_VIDEO_BLOCK_TITLE = What is SAPUI5?
@@ -785,6 +793,10 @@ RESOURCES_ASIDE_CARD_TITLE = Overview A-Z
 #XHED: Group title for Featured resources
 RESOURCES_CATEGORY_TITLE_FEATURED = Featured
+#XHED: Card title for SAP Fiori Development Portal resource
+RESOURCES_CARD_TITLE_FIORI_DEV_PORTAL = SAP Fiori Development Portal
+#XTXT: Card description for SAP Fiori Development Portal resource
+RESOURCES_CARD_DESC_FIORI_DEV_PORTAL = Select your set of building blocks. Explore SAP Fiori elements for OData V4 features and building blocks in real time, and see how you can adapt them in your custom layouts or when extending predefined floorplans.
 #XHED: Card title for Icon Explorer resource
 RESOURCES_CARD_TITLE_ICON_EXPLORER = Icon Explorer
 #XTXT: Card description for Icon Explorer resource
@@ -816,10 +828,6 @@ RESOURCES_CARD_DESC_LINTER = UI5 linter is a static code analysis tool for UI5 p
 RESOURCES_CARD_TITLE_MCPSERVER = UI5 MCP server
 #XTXT: Card description for UI5 server resource
 RESOURCES_CARD_DESC_MCPSERVER = The UI5 Model Context Protocol server offers tools to improve the developer experience when working with agentic AI tools.
-#XHED: Card title for Flexible Programming Model Explorer resource
-RESOURCES_CARD_TITLE_FPM_EXPLORER = Flexible Programming Model Explorer
-#XTXT: Card description for Flexible Programming Model Explorer resource
-RESOURCES_CARD_DESC_FPM_EXPLORER = The flexible programming model makes it easy for you to tailor applications to your own particular needs when using SAP Fiori elements for OData V4.
 #XHED: Card title for SAP Business Application Studio resource
 RESOURCES_CARD_TITLE_BUSINESS_APP_STUDIO = SAP Business Application Studio
 #XTXT: Card description for SAP Business Application Studio resource
@@ -876,8 +884,8 @@ RESOURCES_CARD_LINK_CARD_EXPLORER = Check out UI Integration with cards
 RESOURCES_CARD_LINK_LINTER = Check out UI5 linter
 #XLNK: Link text for UI5 MCP server action button
 RESOURCES_CARD_LINK_MCPSERVER = Check out UI5 MCP server
-#XLNK: Link text for Flexible Programming Model Explorer action button
-RESOURCES_CARD_LINK_FPM_EXPLORER = Check out the FPM Explorer
+#XLNK: Link text for SAP Fiori Development Portal action button
+RESOURCES_CARD_LINK_FIORI_DEV_PORTAL = Check out the SAP Fiori Development Portal
 #XLNK: Link text for SAP Business Application Studio action button
 RESOURCES_CARD_LINK_BUSINESS_APP_STUDIO = Check out BAS
 #XLNK: Link text for UI Theme Designer action button

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

@@ -11,6 +11,12 @@ sap.ui.define([],
 		var aResources = [
 			// #1 Category: Featured
+			{
+				"id": "fioriDevPortal",
+				"text": "SAP Fiori Development Portal",
+				"href": "test-resources/sap/fe/core/fpmExplorer/index.html#/topic/introduction",
+				"isDistributionScope": true
+			},
 			{
 				"id": "iconExplorer",
 				"text": "Icon Explorer",
@@ -48,12 +54,6 @@ sap.ui.define([],
 				"text": "UI5 MCP server",
 				"href": "https://github.com/UI5/mcp-server"
 			},
-			{
-				"id": "fpmExplorer",
-				"text": "Flexible Programming Model Explorer",
-				"href": "test-resources/sap/fe/core/fpmExplorer/index.html#/overview/introduction",
-				"isDistributionScope": true
-			},
 			{
 				"id": "businessAppStudio",
 				"text": "SAP Business Application Studio",

package/src/sap/ui/documentation/sdk/images/Fiori_dev_portal.png ADDED Viewed

Binary file

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

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

package/src/sap/ui/documentation/sdk/view/FioriDevelopmentRowSAPUI5.fragment.xml ADDED Viewed

@@ -0,0 +1,87 @@
+<core:FragmentDefinition
+    xmlns="sap.m"
+    xmlns:core="sap.ui.core"
+    xmlns:custom="sap.ui.documentation"
+    xmlns:l="sap.ui.layout">
+    <Panel visible="{=!${versionData>/isOpenUI5}}"
+        accessibleRole="Region"
+        backgroundDesign="Transparent"
+        class="sapUiNoContentPadding">
+        <headerToolbar>
+            <Toolbar class="headlineCell">
+                <Title width="100%"
+                    text="{i18n>WELCOME_FIORI_DESIGN_DEVELOPMENT}"
+                    level="H1"
+                    titleStyle="H1"
+                    class="sapUiMediumMarginTopBottom" />
+            </Toolbar>
+        </headerToolbar>
+        <l:BlockLayout>
+            <l:BlockLayoutRow>
+                <l:BlockLayoutCell
+                    backgroundColorSet="ColorSet10"
+                    backgroundColorShade="ShadeA">
+                    <l:Grid
+                        defaultSpan="L6 M12 S12"
+                        hSpacing="0"
+                        vSpacing="0">
+                        <l:VerticalLayout width="100%">
+                            <custom:DivContainer class="sapUIDisclaimerLink sapUiSmallMarginBottom">
+                                <custom:TitleLink
+                                    href="https://experience.sap.com/fiori-design/"
+                                    text="{i18n>WELCOME_BLOCK_5_TITLE}"
+                                    titleStyle="H2"
+                                    target="_blank" />
+                                <Image
+                                    src="./resources/sap/ui/documentation/sdk/images/link-sap.png"
+                                    tooltip="{i18n>LEGAL_DISCLAIMER_EXTERNAL_TOOLTIP}"
+                                    width="1.25rem"
+                                    press="onDisclaimerLinkPress" />
+                            </custom:DivContainer>
+                            <Text
+                                text="{i18n>WELCOME_BLOCK_5_TEXT}"
+                                class="sapUiSmallMarginBottom" />
+                        </l:VerticalLayout>
+                        <Image
+                            src="./resources/sap/ui/documentation/sdk/images/Fiori_design_examples.png"
+                            alt="{i18n>WELCOME_BLOCK_5_IMG_ALT}"
+                            densityAware="false"
+                            width="100%">
+                            <layoutData>
+                                <l:GridData span="L6 M12 S12" />
+                            </layoutData>
+                        </Image>
+                    </l:Grid>
+                </l:BlockLayoutCell>
+                <l:BlockLayoutCell
+                    backgroundColorSet="ColorSet10"
+                    backgroundColorShade="ShadeA">
+                    <l:Grid
+                        defaultSpan="L6 M12 S12"
+                        hSpacing="0"
+                        vSpacing="0">
+                        <l:VerticalLayout
+                            width="100%">
+                            <custom:TitleLink
+                                href="test-resources/sap/fe/core/fpmExplorer/index.html#/topic/introduction"
+                                text="{i18n>WELCOME_BLOCK_14_TITLE}"
+                                titleStyle="H2"
+                                class="sapUiSmallMarginBottom" />
+                            <Text text="{i18n>WELCOME_BLOCK_14_TEXT}" class="sapUiSmallMarginBottom" />
+                        </l:VerticalLayout>
+                        <Image
+                            src="./resources/sap/ui/documentation/sdk/images/Fiori_dev_portal.png"
+                            alt="{i18n>WELCOME_BLOCK_14_IMG_ALT}"
+                            densityAware="false"
+                            width="100%">
+                            <layoutData>
+                                <l:GridData span="L6 M12 S12" />
+                            </layoutData>
+                        </Image>
+                    </l:Grid>
+                </l:BlockLayoutCell>
+            </l:BlockLayoutRow>
+        </l:BlockLayout>
+    </Panel>
+</core:FragmentDefinition>

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

@@ -89,6 +89,33 @@
 								</grid:GridResponsiveLayout>
 							</grid:customLayout>
+							<!-- SAP Fiori Development Portal -->
+							<f:Card class="sapUiDemoKitResourcesRegularCard"
+								visible="{
+									path: 'resources>/fioriDevPortal',
+									formatter: '.formatter.formatResourceCardVisibility'
+								}">
+								<f:header>
+									<card:Header title="{i18n>RESOURCES_CARD_TITLE_FIORI_DEV_PORTAL}" iconSrc="sap-icon://explorer" />
+								</f:header>
+								<f:content>
+									<VBox class="sapUiDemoKitResourcesCardContentSpacing" wrap="Wrap">
+										<Text text="{i18n>RESOURCES_CARD_DESC_FIORI_DEV_PORTAL}">
+											<layoutData>
+												<FlexItemData growFactor="1" />
+											</layoutData>
+										</Text>
+										<Link
+											class="sapUiDemoKitResourcesCardLink"
+											href="{resources>/fioriDevPortal/href}"
+											target="_blank"
+											text="{i18n>RESOURCES_CARD_LINK_FIORI_DEV_PORTAL}"
+											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
+											wrapping="true" />
+									</VBox>
+								</f:content>
+							</f:Card>
 							<!-- Icon Explorer -->
 							<f:Card class="sapUiDemoKitResourcesRegularCard">
 								<f:header>
@@ -293,33 +320,6 @@
 								</f:content>
 							</f:Card>
-							<!-- Flexible Programming Model Explorer -->
-							<f:Card class="sapUiDemoKitResourcesRegularCard"
-								visible="{
-									path: 'resources>/fpmExplorer',
-									formatter: '.formatter.formatResourceCardVisibility'
-								}">
-								<f:header>
-									<card:Header title="{i18n>RESOURCES_CARD_TITLE_FPM_EXPLORER}" iconSrc="sap-icon://explorer" />
-								</f:header>
-								<f:content>
-									<VBox class="sapUiDemoKitResourcesCardContentSpacing" wrap="Wrap">
-										<Text text="{i18n>RESOURCES_CARD_DESC_FPM_EXPLORER}">
-											<layoutData>
-												<FlexItemData growFactor="1" />
-											</layoutData>
-										</Text>
-										<Link
-											class="sapUiDemoKitResourcesCardLink"
-											href="{resources>/fpmExplorer/href}"
-											target="_blank"
-											text="{i18n>RESOURCES_CARD_LINK_FPM_EXPLORER}"
-											tooltip="{i18n>RESOURCES_CARD_LINK_TOOLTIP}"
-											wrapping="true" />
-									</VBox>
-								</f:content>
-							</f:Card>
 							<!-- SAP Business Application Studio -->
 							<f:Card class="sapUiDemoKitResourcesRegularCard">
 								<f:header>

package/src/sap/ui/documentation/sdk/view/StartCodingRowOpenUI5.fragment.xml ADDED Viewed

@@ -0,0 +1,65 @@
+<core:FragmentDefinition
+    xmlns="sap.m"
+    xmlns:core="sap.ui.core"
+    xmlns:custom="sap.ui.documentation"
+    xmlns:l="sap.ui.layout">
+    <Panel visible="{=!${device>/system/phone} &amp;&amp; ${versionData>/isOpenUI5}}"
+        accessibleRole="Region"
+        backgroundDesign="Transparent"
+        class="sapUiNoContentPadding">
+        <headerToolbar>
+            <Toolbar class="headlineCell">
+                <Title width="100%"
+                    text="{i18n>WELCOME_START_CODING}"
+                    level="H1"
+                    titleStyle="H1"
+                    class="sapUiMediumMarginTopBottom" />
+            </Toolbar>
+        </headerToolbar>
+        <l:BlockLayout>
+            <l:BlockLayoutRow>
+                <l:BlockLayoutCell backgroundColorSet="ColorSet10" backgroundColorShade="ShadeA">
+                    <l:layoutData>
+                        <l:BlockLayoutCellData sSize="1" mSize="2" lSize="3" xlSize="3" />
+                    </l:layoutData>
+                    <HBox alignItems="Center" justifyContent="Center" width="100%" height="100%">
+                        <Image
+                            src="./resources/sap/ui/documentation/sdk/images/Home_laptop.png"
+                            densityAware="false"
+                            width="100%"
+                            alt="{i18n>WELCOME_BLOCK_7_ALT}">
+                            <layoutData>
+                                <FlexItemData maxWidth="37.5rem" />
+                            </layoutData>
+                        </Image>
+                    </HBox>
+                </l:BlockLayoutCell>
+                <l:BlockLayoutCell
+                    class="welcomeBlock"
+                    backgroundColorSet="ColorSet10"
+                    backgroundColorShade="ShadeA">
+                    <l:layoutData>
+                        <l:BlockLayoutCellData sSize="1" mSize="2" lSize="3" xlSize="3" />
+                    </l:layoutData>
+                    <HBox direction="Column" justifyContent="Center" width="100%" height="100%">
+                        <custom:TitleLink
+                            href="topic/8b49fc198bf04b2d9800fc37fecbb218"
+                            text="{i18n>WELCOME_BLOCK_6_TITLE}"
+                            titleStyle="H2" />
+                        <Text class="sapUiMediumMarginTop" text="{i18n>WELCOME_BLOCK_6_TEXT_1}" />
+                        <HBox width="100%">
+                            <Text class="sapUiSmallMarginTop" text="{i18n>WELCOME_BLOCK_6_TEXT_2}" />
+                            <Link class="liveEditorLink sapUiSmallMarginTop" text="{i18n>LIVE_EDITOR_TITLE}"
+                                href="liveEditor" />
+                        </HBox>
+                    </HBox>
+                </l:BlockLayoutCell>
+            </l:BlockLayoutRow>
+        </l:BlockLayout>
+    </Panel>
+</core:FragmentDefinition>

package/src/sap/ui/documentation/sdk/view/Welcome.view.xml CHANGED Viewed

@@ -215,67 +215,8 @@
 			</l:BlockLayout>
 		</Panel>
-		<Panel visible="{=!${device>/system/phone}}"
-			accessibleRole="Region"
-			backgroundDesign="Transparent"
-			class="sapUiNoContentPadding">
-			<headerToolbar>
-				<Toolbar class="headlineCell">
-					<Title width="100%"
-						text="{i18n>WELCOME_START_CODING}"
-						level="H1"
-						titleStyle="H1"
-						class="sapUiMediumMarginTopBottom"/>
-				</Toolbar>
-			</headerToolbar>
-			<l:BlockLayout>
-				<l:BlockLayoutRow>
-					<l:BlockLayoutCell backgroundColorSet="ColorSet10"
-									   backgroundColorShade="ShadeA">
-						<l:layoutData>
-							<l:BlockLayoutCellData sSize="1" mSize="2" lSize="3" xlSize="3"/>
-						</l:layoutData>
-						<HBox alignItems="Center" justifyContent="Center" width="100%" height="100%">
-							<Image
-								src="./resources/sap/ui/documentation/sdk/images/Home_laptop.png"
-								densityAware="false"
-								class="sapUiTinyMarginBeginEnd"
-								width="100%"
-								alt="{i18n>WELCOME_BLOCK_7_ALT}">
-								<layoutData>
-									<FlexItemData maxWidth="37.5rem" />
-								</layoutData>
-							</Image>
-						</HBox>
-					</l:BlockLayoutCell>
-					<l:BlockLayoutCell
-						class="welcomeBlock"
-						backgroundColorSet="ColorSet10"
-						backgroundColorShade="ShadeA">
-						<l:layoutData>
-							<l:BlockLayoutCellData sSize="1" mSize="2" lSize="3" xlSize="3"/>
-						</l:layoutData>
-						<HBox direction="Column" justifyContent="Center" width="100%" height="100%">
-							<custom:TitleLink
-							href="topic/8b49fc198bf04b2d9800fc37fecbb218"
-							text="{i18n>WELCOME_BLOCK_6_TITLE}"
-							titleStyle="H2"/>
-							<Text class="sapUiMediumMarginTop" text="{i18n>WELCOME_BLOCK_6_TEXT_1}"/>
-							<HBox width="100%">
-								<Text class="sapUiSmallMarginTop" text="{i18n>WELCOME_BLOCK_6_TEXT_2}"/>
-								<Link class="liveEditorLink sapUiSmallMarginTop" text="Live Editor" href="liveEditor" />
-							</HBox>
-						</HBox>
-					</l:BlockLayoutCell>
-				</l:BlockLayoutRow>
-			</l:BlockLayout>
-		</Panel>
+		<core:Fragment fragmentName="sap.ui.documentation.sdk.view.StartCodingRowOpenUI5" type="XML" />
+		<core:Fragment fragmentName="sap.ui.documentation.sdk.view.FioriDevelopmentRowSAPUI5" type="XML" />
 		<Panel	accessibleRole="Region"
 			backgroundDesign="Transparent"

package/src/sap/ui/documentation/sdk/view/WelcomeCustomRowSAPUI5.fragment.xml CHANGED Viewed

@@ -76,38 +76,37 @@
 	</l:BlockLayoutCell>
 	<l:BlockLayoutCell
-			backgroundColorSet="ColorSet10"
-			backgroundColorShade="ShadeA">
+		backgroundColorSet="ColorSet10"
+		backgroundColorShade="ShadeA">
 		<l:Grid
-				defaultSpan="L6 M12 S12"
-				hSpacing="0"
-				vSpacing="0">
-			<l:VerticalLayout width="100%">
-				<custom:DivContainer class="sapUIDisclaimerLink sapUiSmallMarginBottom">
-					<custom:TitleLink
-						href="https://experience.sap.com/fiori-design/"
-						text="{i18n>WELCOME_BLOCK_5_TITLE}"
-						titleStyle="H2"
-						target="_blank"/>
-					<Image
-						src="./resources/sap/ui/documentation/sdk/images/link-sap.png"
-						tooltip="{i18n>LEGAL_DISCLAIMER_EXTERNAL_TOOLTIP}"
-						width="1.25rem"
-						press="onDisclaimerLinkPress"/>
-				</custom:DivContainer>
-				<Text
-						text="{i18n>WELCOME_BLOCK_5_TEXT}"
-						class="sapUiSmallMarginBottom"/>
-			</l:VerticalLayout>
-			<Image
-					src="./resources/sap/ui/documentation/sdk/images/Fiori_design_examples.png"
-					alt="{i18n>WELCOME_BLOCK_5_IMG_ALT}"
+			defaultSpan="L6 M12 S12"
+			hSpacing="0"
+			vSpacing="0">
+			<VBox width="100%" height="100%">
+				<custom:TitleLink
+					href="topic/8b49fc198bf04b2d9800fc37fecbb218"
+					text="{i18n>WELCOME_BLOCK_6_TITLE}"
+					titleStyle="H2"
+					class="sapUiMediumMarginBottom" />
+				<Text text="{i18n>WELCOME_BLOCK_6_TEXT_1}" class="sapUiTinyMarginEnd" />
+				<HBox width="100%" height="100%">
+					<Text class="sapUiSmallMarginTopBottom" text="{i18n>WELCOME_BLOCK_6_TEXT_2}">
+						<layoutData>
+							<FlexItemData shrinkFactor="0" />
+						</layoutData>
+					</Text>
+					<Link class="liveEditorLink sapUiSmallMarginTopBottom" text="{i18n>LIVE_EDITOR_TITLE}"
+						href="liveEditor" />
+				</HBox>
+			</VBox>
+			<HBox width="100%" height="100%">
+				<Image
+					src="./resources/sap/ui/documentation/sdk/images/Home_laptop.png"
 					densityAware="false"
-					width="100%">
-				<layoutData>
-					<l:GridData span="L6 M12 S12"/>
-				</layoutData>
-			</Image>
+					width="100%"
+					alt="{i18n>WELCOME_BLOCK_7_ALT}">
+				</Image>
+			</HBox>
 		</l:Grid>
 	</l:BlockLayoutCell>
 </core:FragmentDefinition>