@openui5/sap.ui.documentation 1.96.2 → 1.97.0

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

@@ -53,10 +53,11 @@
 					<VBox justifyContent="SpaceBetween">
 						<VBox class="sapUiSmallMargin toolspageCardInfo">
 							<html:div class="sapUIDisclaimerLink sapUiSmallMarginBottom">
-								<Title
+								<custom:TitleLink
 										level="H1"
 										titleStyle="H1"
 										text="{/uiThemeDesigner/text}"
+										href="{/uiThemeDesigner/href}"
 										target="_blank"
 										wrapping="true"/>
 							</html:div>
@@ -72,16 +73,6 @@
 										width="1.25rem"
 										press="onDisclaimerLinkPress"/>
 								</html:div>
-								<html:div class="sapUIDisclaimerLink">
-									<Link text="{i18n>TOOLS_CARD_2_LINK_1}"
-										target="_blank"
-										href="https://www.sap.com/community/topics/ui-theme-designer.html"/>
-									<Image
-										src="./resources/sap/ui/documentation/sdk/images/link-sap.png"
-										tooltip="{i18n>LEGAL_DISCLAIMER_INTERNAL_TOOLTIP}"
-										width="1.25rem"
-										press="onDisclaimerLinkPress"/>
-								</html:div>
 							</HBox>
 						</VBox>
 						<Image src="./resources/sap/ui/documentation/sdk/images/tools/ThemeDesigner.jpg" class="toolsPageImage" alt="{i18n>TOOLS_CARD_2_IMG_ALT}"/>
@@ -156,10 +147,7 @@
 				</f:content>
 			</f:Card>
 			<!-- UI5 Tooling -->
-			<f:Card height="25rem">
-				<f:layoutData>
-					<l:GridData spanM="6" spanL="6"/>
-				</f:layoutData>
+			<f:Card class="threeColumnLayoutCard">
 				<f:content>
 					<VBox justifyContent="SpaceBetween">
 						<VBox class="sapUiSmallMargin toolspageCardInfo">
@@ -205,10 +193,7 @@
 				</f:content>
 			</f:Card>
 			<!-- UI5 Inspector -->
-			<f:Card height="25rem">
-				<f:layoutData>
-					<l:GridData spanM="6" spanL="6" spanXL="4"/>
-				</f:layoutData>
+			<f:Card class="threeColumnLayoutCard">
 				<f:content>
 					<VBox justifyContent="SpaceBetween">
 						<VBox class="sapUiSmallMargin toolspageCardInfo">
@@ -252,9 +237,6 @@
 			</f:Card>
 			<!-- Card Explorer -->
 			<f:Card class="threeColumnLayoutCard">
-				<f:layoutData>
-					<l:GridData spanXL="4"/>
-				</f:layoutData>
 				<f:content>
 					<VBox justifyContent="SpaceBetween">
 						<VBox class="sapUiSmallMargin toolspageCardInfo">
@@ -282,9 +264,6 @@
 			</f:Card>
 			<!-- Support Assistant -->
 			<f:Card class="threeColumnLayoutCard">
-				<f:layoutData>
-					<l:GridData spanXL="4"/>
-				</f:layoutData>
 				<f:content>
 					<VBox justifyContent="SpaceBetween">
 						<VBox class="sapUiSmallMargin toolspageCardInfo">
@@ -429,6 +408,25 @@
 					</VBox>
 				</f:content>
 			</f:Card>
+			<!-- Flexible Programming Model Explorer -->
+			<f:Card class="threeColumnLayoutCard" visible="{=! (${device>/system/phone} || ${device>/browser/msie}) }">
+				<f:content>
+					<VBox justifyContent="SpaceBetween">
+						<VBox class="sapUiSmallMargin toolspageCardInfo">
+							<html:div class="sapUIDisclaimerLink sapUiSmallMarginBottom">
+								<custom:TitleLink
+										level="H1"
+										titleStyle="H1"
+										text="{/flexibleProgrammingModelExplorer/text}"
+										href="{/flexibleProgrammingModelExplorer/href}"
+										target="_blank"/>
+							</html:div>
+							<Text class="sapUiSmallMarginBottom" text="{i18n>TOOLS_CARD_14_TEXT}" />
+						</VBox>
+						<Image src="./resources/sap/ui/documentation/sdk/images/tools/FlexibleProgrammingModelExplorer.jpg" class="toolsPageImage" alt="{i18n>TOOLS_CARD_14_IMG_ALT}"/>
+					</VBox>
+				</f:content>
+			</f:Card>
 		</l:Grid>
 		<l:BlockLayout>
 			<l:BlockLayoutRow>

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

@@ -151,7 +151,6 @@
 							</HBox>
 						</l:VerticalLayout>
 					</l:BlockLayoutCell>
-
 				</l:BlockLayoutRow>
 
 				<l:BlockLayoutRow>
@@ -161,10 +160,10 @@
 						<l:VerticalLayout
 								width="100%">
 							<custom:TitleLink
-									href="topic/23cfd955f58142389fa7c9097e11559c"
-									text="{i18n>WELCOME_BLOCK_4_TITLE}"
-									class="sapUiSmallMarginBottom"
-									titleStyle="H2"/>
+								href="topic/23cfd955f58142389fa7c9097e11559c"
+								text="{i18n>WELCOME_BLOCK_4_TITLE}"
+								class="sapUiSmallMarginBottom"
+								titleStyle="H2"/>
 							<Text
 									text="{i18n>WELCOME_BLOCK_4_TEXT_1}"
 									class="sapUiSmallMarginBottom"/>
@@ -229,9 +228,44 @@
 								</layoutData>
 							</Image>
 						</l:Grid>
-
 					</l:BlockLayoutCell>
+				</l:BlockLayoutRow>
 
+				<l:BlockLayoutRow>
+					<l:BlockLayoutCell
+							backgroundColorSet="ColorSet11"
+							backgroundColorShade="ShadeA">
+						<HBox alignItems="Center" justifyContent="Center" width="100%" height="100%">
+							<core:HTML sanitizeContent="true" content='
+								&lt;div class="videoWrapper"&gt;
+									&lt;iframe src="https://www.youtube.com/embed/6_CQYtmRJNg" title="YouTube video player" frameborder="0"
+												 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" /&gt;
+								&lt;/div&gt;'>
+								<core:layoutData>
+									<FlexItemData maxWidth="35rem" growFactor="1" />
+								</core:layoutData>
+							</core:HTML>
+						</HBox>
+					</l:BlockLayoutCell>
+					<l:BlockLayoutCell
+							backgroundColorSet="ColorSet11"
+							backgroundColorShade="ShadeD">
+						<l:VerticalLayout
+								width="100%">
+							<custom:TitleLink
+									text="{i18n>WELCOME_VIDEO_BLOCK_TITLE}"
+									class="sapUiSmallMarginBottom"
+									href="https://www.youtube.com/watch?v=6_CQYtmRJNg"
+									target="_blank"
+									titleStyle="H2"/>
+							<Text
+									text="{i18n>WELCOME_VIDEO_BLOCK_TEXT_1}"
+									class="sapUiSmallMarginBottom"/>
+							<FormattedText
+									htmlText="{i18n>WELCOME_VIDEO_BLOCK_TEXT_2}"
+									class="sapUiSmallMarginBottom"/>
+						</l:VerticalLayout>
+					</l:BlockLayoutCell>
 				</l:BlockLayoutRow>
 			</l:BlockLayout>
 		</Panel>

package/src/sap/ui/documentation/themes/base/Documentation.less

@@ -522,11 +522,6 @@ html.sap-tablet:not(.sap-desktop) {
         font-weight: 600;
     }
 
-    span.uicontrol,
-    span.uinolabel {
-        color: @sapBrandColor;
-    }
-
     code, kbd, pre, samp {
         font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
     }
@@ -716,8 +711,7 @@ html.sap-tablet:not(.sap-desktop) {
         font-family: Monaco, monospace;
     }
 
-    .uilabel,
-    .uinolabel {
+    .uilabel{
         font-style: normal;
         font-weight: 600;
         color: @sapBrandColor;

package/ui5.yaml

@@ -1,5 +1,5 @@
 ---
-specVersion: "2.0"
+specVersion: "2.6"
 type: library
 metadata:
   name: sap.ui.documentation
@@ -14,3 +14,6 @@ builder:
   jsdoc:
     excludes:
       - "sap/ui/documentation/sdk/thirdparty/**"
+  minification:
+    excludes:
+      - "sap/ui/documentation/sdk/thirdparty/highlight.js/*.js"