@openui5/sap.ui.documentation 1.92.0 → 1.93.3

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

@@ -8,36 +8,48 @@
         xmlns:editor="sap.ui.codeeditor"
         xmlns:html="http://www.w3.org/1999/xhtml"
         class="liveEditor">
-    <html:div class="editorWrapper">
-        <html:div>
-            <Title text="{i18n>LIVE_EDITOR_TITLE}"/>
-            <IconTabHeader selectedKey="{viewModel>/selectedFileName}" select="onFileSwitch">
-                <items>
-                    <IconTabFilter text="App.view.xml" key="App.view.xml"/>
-                    <IconTabFilter text="App.controller.js" key="App.controller.js"/>
-                    <IconTabFilter text="index.js" key="index.js"/>
-                    <IconTabFilter text="index.html" key="index.html"/>
-                </items>
-            </IconTabHeader>
-            <html:div class="editorSrcWindow">
-                <editor:CodeEditor id="srcEditor"
-                                   editable="{= ${viewModel>/selectedFileType} !== 'text' }"
-                                   value="{viewModel>/selectedFileContent}"
-                                   type="{viewModel>/selectedFileType}"
-                                   liveChange="onSrcLiveChange"/>
+        <Page
+		id="liveEditorPage"
+		showSubHeader="false"
+		showFooter="false"
+		showNavButton="true"
+        enableScrolling="false"
+		title="{i18n>LIVE_EDITOR_TITLE}"
+		navButtonPress="onNavButtonPress">
+        <html:div class="editorWrapper">
+            <html:div>
+                <IconTabHeader selectedKey="{viewModel>/selectedFileName}" select="onFileSwitch">
+                    <items>
+                        <IconTabFilter text="App.view.xml" key="App.view.xml"/>
+                        <IconTabFilter text="App.controller.js" key="App.controller.js"/>
+                        <IconTabFilter text="index.js" key="index.js"/>
+                        <IconTabFilter text="index.html" key="index.html"/>
+                    </items>
+                </IconTabHeader>
+                <html:div class="editorSrcWindow">
+                    <editor:CodeEditor id="srcEditor"
+                                       editable="{= ${viewModel>/selectedFileType} !== 'text' }"
+                                       value="{viewModel>/selectedFileContent}"
+                                       type="{viewModel>/selectedFileType}"
+                                       liveChange="onSrcLiveChange"/>
+                </html:div>
             </html:div>
+
+            <VBox id="resultBox" class="liveEditorResultBox" width="100%" height="100%">
+                <Toolbar style="Clear" class="editorToolbar">
+                    <Button text="{i18n>LIVE_EDITOR_PREVIEW_BTN}"
+                            press="requestExecuteCurrentSrc"
+                            enabled="{= !${viewModel>/autoPreview}}"/>
+                    <CheckBox text="{i18n>LIVE_EDITOR_LIVE_PREVIEW_TEXT}"
+                              selected="{viewModel>/autoPreview}"/>
+                </Toolbar>
+                <core:HTML id="outputWindowWrapper" class="outputWindowWrapper" content="&lt;div class=&quot;outputWindowWrapper&quot;&gt;&lt;/div&gt;">
+                    <core:layoutData>
+                        <FlexItemData growFactor="1"></FlexItemData>
+                    </core:layoutData>
+                </core:HTML>
+            </VBox>
         </html:div>
+    </Page>
 
-        <VBox id="resultBox">
-            <Title text="{i18n>LIVE_EDITOR_RESULT}"/>
-            <Toolbar style="Clear" class="editorToolbar">
-                <Button text="{i18n>LIVE_EDITOR_PREVIEW_BTN}"
-                        press="requestExecuteCurrentSrc"
-                        enabled="{= !${viewModel>/autoPreview}}"/>
-                <CheckBox text="{i18n>LIVE_EDITOR_LIVE_PREVIEW_TEXT}"
-                          selected="{viewModel>/autoPreview}"/>
-            </Toolbar>
-            <core:HTML id="outputWindowWrapper" content="&#x3C;div&#x3E; &#x3C;/div&#x3E;"/>
-        </VBox>
-    </html:div>
 </mvc:View>

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

@@ -21,11 +21,7 @@
 
 				<headerContent>
 					<layout:VerticalLayout>
-						<html:div class="sapUiCustomTitleText">
-							This log includes the library notes for the libraries listed below.
-							The change log for old version which are not patched anymore can be reviewed
-							<m:Link text="here" href="docs/guide/relnotes/ReleaseNotes.html"/>.
-						</html:div>
+						<m:Text text="This log includes the library notes for the libraries listed below."/>
 						<m:Select id="VersionSelect" items="{select>/items}" change="handleVersionChange" visible="false">
 							<core:Item text="{select>value}" key="{select>key}"/>
 						</m:Select>

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

@@ -48,10 +48,7 @@
 		</Panel>
 		<l:Grid defaultSpan="XL3 L4 M4 S12" class="toolpageResponsiveMargins">
 			<!-- UI Theme Designer -->
-			<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">
@@ -60,7 +57,8 @@
 										level="H1"
 										titleStyle="H1"
 										text="{/uiThemeDesigner/text}"
-										target="_blank"/>
+										target="_blank"
+										wrapping="true"/>
 							</html:div>
 							<Text class="sapUiSmallMarginBottom" text="{i18n>TOOLS_CARD_2_TEXT}" />
 							<HBox wrap="Wrap">
@@ -90,11 +88,39 @@
 					</VBox>
 				</f:content>
 			</f:Card>
+			<!-- Fiori tools -->
+			<f:Card class="threeColumnLayoutCard">
+				<f:content>
+					<VBox justifyContent="SpaceBetween">
+						<VBox class="sapUiSmallMargin toolspageCardInfo">
+							<html:div class="sapUIDisclaimerLink sapUiSmallMarginBottom">
+								<custom:TitleLink
+										level="H1"
+										titleStyle="H1"
+										text="{/fioriTools/text}"
+										href="{/fioriTools/href}"
+										target="_blank"/>
+							</html:div>
+							<Text class="sapUiSmallMarginBottom" text="{i18n>TOOLS_CARD_12_TEXT}" />
+							<HBox wrap="Wrap">
+								<html:div class="sapUIDisclaimerLink sapUiMediumMarginEnd">
+									<Link text="{i18n>TOOLS_VIEW_DOC}"
+										target="_blank"
+										href="https://help.sap.com/viewer/17d50220bcd848aa854c9c182d65b699/Latest/en-US"/>
+									<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/FioriTools.png" class="toolsPageImage" alt="{i18n>TOOLS_CARD_12_IMG_ALT}"/>
+					</VBox>
+				</f:content>
+			</f:Card>
 			<!-- Business Application Studio -->
-			<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">
@@ -130,9 +156,9 @@
 				</f:content>
 			</f:Card>
 			<!-- UI5 Tooling -->
-			<f:Card class="threeColumnLayoutCard">
+			<f:Card height="25rem">
 				<f:layoutData>
-					<l:GridData spanXL="4"/>
+					<l:GridData spanM="6" spanL="6"/>
 				</f:layoutData>
 				<f:content>
 					<VBox justifyContent="SpaceBetween">
@@ -179,7 +205,10 @@
 				</f:content>
 			</f:Card>
 			<!-- UI5 Inspector -->
-			<f:Card class="threeColumnLayoutCard">
+			<f:Card height="25rem">
+				<f:layoutData>
+					<l:GridData spanM="6" spanL="6" spanXL="4"/>
+				</f:layoutData>
 				<f:content>
 					<VBox justifyContent="SpaceBetween">
 						<VBox class="sapUiSmallMargin toolspageCardInfo">
@@ -223,25 +252,28 @@
 			</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">
 							<custom:TitleLink
-								level="H1"
-								titleStyle="H1"
-								text="{/cardExplorer/text}"
-								href="{/cardExplorer/href}"
-								target="_blank"
-								class="sapUiSmallMarginBottom"/>
+									level="H1"
+									titleStyle="H1"
+									text="{/cardExplorer/text}"
+									href="{/cardExplorer/href}"
+									target="_blank"
+									class="sapUiSmallMarginBottom"/>
 							<Text class="sapUiSmallMarginBottom" text="{i18n>TOOLS_CARD_5_TEXT}" />
 							<HBox wrap="Wrap">
 								<Link text="{i18n>TOOLS_VIEW_DOC}"
-									target="_blank"
-									href="test-resources/sap/ui/integration/demokit/cardExplorer/webapp/index.html"
-									class="sapUiMediumMarginEnd"/>
+								      target="_blank"
+								      href="test-resources/sap/ui/integration/demokit/cardExplorer/webapp/index.html"
+								      class="sapUiMediumMarginEnd"/>
 								<Link text="{i18n>TOOLS_CARD_5_LINK_1}"
-									target="_blank"
-									href="test-resources/sap/ui/integration/demokit/cardExplorer/webapp/index.html#/explore/list"/>
+								      target="_blank"
+								      href="test-resources/sap/ui/integration/demokit/cardExplorer/webapp/index.html#/explore/list"/>
 							</HBox>
 						</VBox>
 						<Image src="./resources/sap/ui/documentation/sdk/images/tools/CardExplorer.jpg" class="toolsPageImage"/>
@@ -249,9 +281,9 @@
 				</f:content>
 			</f:Card>
 			<!-- Support Assistant -->
-			<f:Card height="25rem">
+			<f:Card class="threeColumnLayoutCard">
 				<f:layoutData>
-					<l:GridData spanM="6" spanL="6"/>
+					<l:GridData spanXL="4"/>
 				</f:layoutData>
 				<f:content>
 					<VBox justifyContent="SpaceBetween">
@@ -281,10 +313,7 @@
 				</f:content>
 			</f:Card>
 			<!-- Icon Explorer -->
-			<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">
@@ -319,9 +348,6 @@
 			</f:Card>
 			<!-- Theme Parameter Toolbox -->
 			<f:Card class="threeColumnLayoutCard">
-				<f:layoutData>
-					<l:GridData spanXL="4"/>
-				</f:layoutData>
 				<f:content>
 					<VBox justifyContent="SpaceBetween">
 						<VBox class="sapUiSmallMargin toolspageCardInfo">
@@ -340,9 +366,6 @@
 			</f:Card>
 			<!-- UI5 Web Components -->
 			<f:Card class="threeColumnLayoutCard">
-				<f:layoutData>
-					<l:GridData spanXL="4"/>
-				</f:layoutData>
 				<f:content>
 					<VBox justifyContent="SpaceBetween">
 						<VBox class="sapUiSmallMargin toolspageCardInfo">
@@ -387,6 +410,25 @@
 					</VBox>
 				</f:content>
 			</f:Card>
+			<!-- Live Editor -->
+			<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="{/liveEditor/text}"
+										href="{/liveEditor/href}"
+										target="_blank"/>
+							</html:div>
+							<Text class="sapUiSmallMarginBottom" text="{i18n>TOOLS_CARD_10_TEXT}" />
+						</VBox>
+						<Image src="./resources/sap/ui/documentation/sdk/images/tools/Tools_LiveEditor.jpg" class="toolsPageImage" alt="{i18n>TOOLS_CARD_10_IMG_ALT}"/>
+					</VBox>
+				</f:content>
+			</f:Card>
 		</l:Grid>
 		<l:BlockLayout>
 			<l:BlockLayoutRow>

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

@@ -251,26 +251,48 @@
 			</headerToolbar>
 			<l:BlockLayout>
 				<l:BlockLayoutRow>
-					<l:BlockLayoutCell
-							class="welcomeBlock"
-							backgroundColorSet="ColorSet6"
-							backgroundColorShade="ShadeC"
-							width="1">
-
-						<custom:TitleLink
-								href="topic/8b49fc198bf04b2d9800fc37fecbb218"
-								text="{i18n>WELCOME_BLOCK_6_TITLE}"
-								titleStyle="H2"/>
-						<Text class="sapUiMediumMarginTop" text="{i18n>WELCOME_BLOCK_6_TEXT_1}"/>
-						<Text class="sapUiSmallMarginTop" text="{i18n>WELCOME_BLOCK_6_TEXT_2}"/>
-					</l:BlockLayoutCell>
-
 					<l:BlockLayoutCell backgroundColorSet="ColorSet6"
 									   backgroundColorShade="ShadeC">
 						<l:layoutData>
 							<l:BlockLayoutCellData sSize="1" mSize="2" lSize="3" xlSize="3"/>
 						</l:layoutData>
-						<mvc:XMLView viewName="sap.ui.documentation.sdk.view.LiveEditor"/>
+
+						<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="ColorSet6"
+						backgroundColorShade="ShadeC">
+
+						<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>

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

@@ -229,7 +229,6 @@ html.sap-tablet:not(.sap-desktop) {
         .overlay {
             position: absolute;
             width: 100%;
-            height: 100%;
             top: 0;
             left: 0;
             pointer-events: none;
@@ -773,6 +772,10 @@ html.sap-tablet:not(.sap-desktop) {
                 margin: 0;
                 padding: 0;
             }
+
+			tbody tr {
+				background-color: @sapUiBaseBG;
+			}
         }
     }
 }

package/src/sap/ui/documentation/themes/sap_belize/library.source.less

@@ -4,4 +4,6 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
- @import "../base/library.source.less";
+@import "../base/library.source.less";
+@import "../../../../../sap/ui/core/themes/sap_belize/base.less";
+@import "../../../../../sap/ui/core/themes/sap_belize/global.less";

package/src/sap/ui/documentation/themes/sap_belize_hcb/library.source.less

@@ -4,4 +4,6 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
- @import "../base/library.source.less";
+@import "../base/library.source.less";
+@import "../../../../../sap/ui/core/themes/sap_belize_hcb/base.less";
+@import "../../../../../sap/ui/core/themes/sap_belize_hcb/global.less";

package/src/sap/ui/documentation/themes/sap_belize_hcw/library.source.less

@@ -4,4 +4,6 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
- @import "../base/library.source.less";
+@import "../base/library.source.less";
+@import "../../../../../sap/ui/core/themes/sap_belize_hcw/base.less";
+@import "../../../../../sap/ui/core/themes/sap_belize_hcw/global.less";

package/src/sap/ui/documentation/themes/sap_belize_plus/library.source.less

@@ -4,4 +4,6 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
- @import "../base/library.source.less";
+@import "../sap_belize/library.source.less";
+@import "../../../../../sap/ui/core/themes/sap_belize_plus/base.less";
+@import "../../../../../sap/ui/core/themes/sap_belize_plus/global.less";

package/src/sap/ui/documentation/themes/sap_fiori_3/library.source.less

@@ -3,14 +3,7 @@
  * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
- @import "../../../../../sap/ui/core/themes/sap_fiori_3/base.less";
- @import "../../../../../sap/ui/core/themes/sap_fiori_3/global.less";
- @import url("../../../../../sap/ui/thirdparty/jqueryui/themes/base/jquery.ui.theme.css");
- @import url("../../../../../sap/ui/thirdparty/jqueryui/themes/base/jquery.ui.button.css");
 
- @import "../base/DataTableFilterDropDown.less";
- @import "../base/Documentation.less";
- @import "../base/DemokitTreeItem.less";
- @import "../base/LightTable.less";
- @import "../base/Search.less";
- @import "../base/TitleLink.less";
+@import "../base/library.source.less";
+@import "../../../../../sap/ui/core/themes/sap_fiori_3/base.less";
+@import "../../../../../sap/ui/core/themes/sap_fiori_3/global.less";

package/src/sap/ui/documentation/themes/sap_fiori_3_dark/library.source.less

@@ -3,16 +3,9 @@
  * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
- @import "../../../../../sap/ui/core/themes/sap_fiori_3_dark/base.less";
- @import "../../../../../sap/ui/core/themes/sap_fiori_3_dark/global.less";
- @import url("../../../../../sap/ui/thirdparty/jqueryui/themes/base/jquery.ui.theme.css");
- @import url("../../../../../sap/ui/thirdparty/jqueryui/themes/base/jquery.ui.button.css");
 
- @import "../base/DataTableFilterDropDown.less";
- @import "../base/Documentation.less";
- @import "../base/DemokitTreeItem.less";
- @import "../base/LightTable.less";
- @import "../base/Search.less";
- @import "../base/TitleLink.less";
+@import "../base/library.source.less";
+@import "../../../../../sap/ui/core/themes/sap_fiori_3_dark/base.less";
+@import "../../../../../sap/ui/core/themes/sap_fiori_3_dark/global.less";
 
- @import "./Documentation.less";
+@import "./Documentation.less";

package/src/sap/ui/documentation/themes/sap_fiori_3_hcb/library.source.less

@@ -4,4 +4,6 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
- @import "../base/library.source.less";
+@import "../base/library.source.less";
+@import "../../../../../sap/ui/core/themes/sap_fiori_3_hcb/base.less";
+@import "../../../../../sap/ui/core/themes/sap_fiori_3_hcb/global.less";

package/src/sap/ui/documentation/themes/sap_fiori_3_hcw/library.source.less

@@ -4,4 +4,6 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
- @import "../base/library.source.less";
+@import "../base/library.source.less";
+@import "../../../../../sap/ui/core/themes/sap_fiori_3_hcw/base.less";
+@import "../../../../../sap/ui/core/themes/sap_fiori_3_hcw/global.less";

package/src/sap/ui/documentation/themes/sap_horizon/library.source.less

@@ -0,0 +1,9 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+@import "../base/library.source.less";
+@import "../../../../../sap/ui/core/themes/sap_horizon/base.less";
+@import "../../../../../sap/ui/core/themes/sap_horizon/global.less";