@openui5/sap.ui.documentation 1.96.5 → 1.99.0

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

@@ -61,7 +61,7 @@
 							class="sapUiHideOnPhone"
 							tooltip="{i18n>SAMPLE_ADAPT_BTN_TOOLTIP}"
 							press="onToggleAdaptationMode"
-							visible="{= !${/iframe} && ${/rtaLoaded}}" />
+							visible="{= ${/rtaLoaded}}" />
 					<Button
 							id="code"
 							icon="sap-icon://syntax"
@@ -72,6 +72,10 @@
 							tooltip="{i18n>SAMPLE_NEW_TAB_BTN_TOOLTIP}"
 							icon="sap-icon://inspect"
 							press="onNewTab" />
+					<Button id="sampleSettings"
+							visible="{= ${/showSettings}}"
+							icon="sap-icon://action-settings"
+							press="handleSettings" />
 					<Button
 							class="sapUiHideOnPhone"
 							text="{i18n>SAMPLE_DOWNLOAD_BTN_TOOLTIP}"

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/VersionNotFound.view.xml

@@ -0,0 +1,44 @@
+<mvc:View
+		controllerName="sap.ui.documentation.sdk.controller.VersionNotFound"
+		xmlns:mvc="sap.ui.core.mvc"
+		xmlns:f="sap.f"
+		xmlns="sap.m">
+
+	<App>
+		<Page>
+			<customHeader>
+				<f:ShellBar
+					title="UI5 Version Not Found"
+					homeIcon="/resources/sap/ui/documentation/sdk/images/logo_ui5.png"
+					homeIconPressed="onHomePress"
+				>
+				</f:ShellBar>
+			</customHeader>
+			<MessagePage
+					id="page"
+					icon="sap-icon://document"
+					description=""
+					showHeader="false"
+					text=""
+					busy="true"
+					>
+					<buttons>
+						<Button
+								id="readMoreButton"
+								visible="false"
+								text="Read More"
+								press="onReadMore"
+								type="Emphasized"
+								width="100%" />
+							<Button
+								id="homePageButton"
+								visible="true"
+								text="Home Page"
+								press="onHomePress"
+								width="100%" />
+					</buttons>
+			</MessagePage>
+		</Page>
+	</App>
+
+</mvc:View>

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

@@ -111,7 +111,7 @@
 								width="100%">
 							<custom:TitleLink
 								text="{i18n>WELCOME_BLOCK_3_TITLE}"
-								href="topic/ec699e0817fb46a0817b0fa276a249f8"
+								href="topic/23cfd955f58142389fa7c9097e11559c"
 								class="sapUiSmallMarginBottom"
 								titleStyle="H2"/>
 							<Text
@@ -149,9 +149,24 @@
 										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
 								<Text text="{i18n>WELCOME_BLOCK_3_TEXT_5}"/>
 							</HBox>
+							<HBox>
+								<core:Icon
+										src="sap-icon://accept"
+										size="0.875rem"
+										color="Default"
+										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
+								<Text text="{i18n>WELCOME_BLOCK_3_TEXT_6}"/>
+							</HBox>
+							<HBox>
+								<core:Icon
+										src="sap-icon://accept"
+										size="0.875rem"
+										color="Default"
+										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
+								<Text text="{i18n>WELCOME_BLOCK_3_TEXT_7}"/>
+							</HBox>
 						</l:VerticalLayout>
 					</l:BlockLayoutCell>
-
 				</l:BlockLayoutRow>
 
 				<l:BlockLayoutRow>
@@ -161,10 +176,10 @@
 						<l:VerticalLayout
 								width="100%">
 							<custom:TitleLink
-									href="topic/23cfd955f58142389fa7c9097e11559c"
-									text="{i18n>WELCOME_BLOCK_4_TITLE}"
-									class="sapUiSmallMarginBottom"
-									titleStyle="H2"/>
+								href="topic/bf2d55eaa33b44a78ef95e7946d658e8"
+								text="{i18n>WELCOME_BLOCK_4_TITLE}"
+								class="sapUiSmallMarginBottom"
+								titleStyle="H2"/>
 							<Text
 									text="{i18n>WELCOME_BLOCK_4_TEXT_1}"
 									class="sapUiSmallMarginBottom"/>
@@ -192,6 +207,38 @@
 											class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
 									<Text text="{i18n>WELCOME_BLOCK_4_TEXT_4}"/>
 								</HBox>
+								<HBox>
+									<core:Icon
+											src="sap-icon://accept"
+											size="0.875rem"
+											color="Default"
+											class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
+									<Text text="{i18n>WELCOME_BLOCK_4_TEXT_5}"/>
+								</HBox>
+								<HBox>
+									<core:Icon
+											src="sap-icon://accept"
+											size="0.875rem"
+											color="Default"
+											class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
+									<Text text="{i18n>WELCOME_BLOCK_4_TEXT_6}"/>
+								</HBox>
+								<HBox>
+									<core:Icon
+											src="sap-icon://accept"
+											size="0.875rem"
+											color="Default"
+											class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
+									<Text text="{i18n>WELCOME_BLOCK_4_TEXT_7}"/>
+								</HBox>
+								<HBox>
+									<core:Icon
+											src="sap-icon://accept"
+											size="0.875rem"
+											color="Default"
+											class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
+									<Text text="{i18n>WELCOME_BLOCK_4_TEXT_8}"/>
+								</HBox>
 						</l:VerticalLayout>
 					</l:BlockLayoutCell>
 
@@ -229,10 +276,45 @@
 								</layoutData>
 							</Image>
 						</l:Grid>
-
 					</l:BlockLayoutCell>
-
 				</l:BlockLayoutRow>
+<!-- This block layout row will be commented until BGSOFUIPIRIN-5473 is completely finished-->
+<!--				<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/sdk/view/appSettingsDialog.fragment.xml

@@ -11,6 +11,7 @@
 			<VBox class="sapUiTinyMarginTop">
 					<Label text="{i18n>APP_SETTINGS_DIALOG_THEME}" design="Standard" labelFor="ThemeSelect" />
 					<Select id="ThemeSelect" width="100%" class="sapUiSmallMarginBottom">
+						<core:Item key="sap_horizon" text="Horizon"/>
 						<core:Item key="sap_fiori_3" text="Quartz Light"/>
 						<core:Item key="sap_fiori_3_dark" text="Quartz Dark"/>
 						<core:Item key="sap_belize" text="Belize"/>

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"