@sapui5/sap.fe.placeholder 1.92.0 → 1.93.3

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.
package/package.json CHANGED
@@ -1,12 +1,13 @@
1
1
  {
2
2
  "name": "@sapui5/sap.fe.placeholder",
3
- "version": "1.92.0",
3
+ "version": "1.93.3",
4
4
  "description": "SAPUI5 Library sap.fe.placeholder",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "author": "SAP SE (https://www.sap.com)",
7
7
  "homepage": "https://sap.github.io/ui5-tooling/pages/SAPUI5/",
8
8
  "scripts": {
9
9
  "build": "echo 'nothing to do'",
10
+ "prepare-npm-sources": "echo 'nothing to do'",
10
11
  "test": "echo 'nothing to do'"
11
12
  },
12
13
  "keywords": [
@@ -15,7 +16,6 @@
15
16
  ],
16
17
  "devDependencies": {
17
18
  "@babel/cli": "7.8.4",
18
- "@ui5/cli": "^2.10.0",
19
- "yarn": "1.22.10"
19
+ "@ui5/cli": "^2.10.0"
20
20
  }
21
21
  }
@@ -6,7 +6,7 @@
6
6
  <copyright>SAP UI development toolkit for HTML5 (SAPUI5)
7
7
  (c) Copyright 2009-2021 SAP SE. All rights reserved
8
8
  </copyright>
9
- <version>1.92.0</version>
9
+ <version>1.93.3</version>
10
10
 
11
11
  <documentation>UI5 library: sap.fe.placeholder</documentation>
12
12
 
@@ -30,7 +30,7 @@ sap.ui.define(
30
30
  interfaces: [],
31
31
  controls: [],
32
32
  elements: [],
33
- version: "1.92.0",
33
+ version: "1.93.3",
34
34
  noLibraryCSS: false,
35
35
  extensions: {}
36
36
  });
@@ -252,6 +252,35 @@ sapFeChartVertMeasure{
252
252
  top:0;
253
253
  left:0;
254
254
  }
255
+ .sapFeOVPCardContainer{
256
+ display: flex;
257
+ flex-wrap: wrap;
258
+ align-items: flex-start;
259
+ }
260
+ .sapFeOVPCard{
261
+ width: calc(~"20rem - 2rem");
262
+ margin: 0 2rem 2rem 0;
263
+ border:1px solid @sapUiContentPlaceholderloadingBackground;
264
+ }
265
+ .sapFeOVPCardVersion2{
266
+ width:calc(~"20rem - 2rem + 20rem");
267
+ }
268
+ .sapFeOVPCardHeader{
269
+ padding:1rem;
270
+ border-bottom:1px solid @sapUiContentPlaceholderloadingBackground;
271
+ }
272
+ .sapFeOVPCardHeader .sapFeHorizontalContent > *:not(:last-child){
273
+ margin-right: 1rem;
274
+ }
275
+ .sapFeOVPCardContent{
276
+ padding:1rem;
277
+ }
278
+ .sapFeOVPCardContentContainer{
279
+ width: 100%;
280
+ }
281
+ .sapFeOVPCardVersion2 .sapFeOVPCardContent > .sapFeHorizontalLayout > *{
282
+ width: calc(~"50% - 1rem");
283
+ }
255
284
  .sapFeHeader{
256
285
  padding-top: 1rem;
257
286
  padding-bottom: 2rem;
@@ -0,0 +1,3 @@
1
+ @import "../base/library.source.less";
2
+ @import "../../../../../sap/ui/core/themes/sap_horizon/base.less";
3
+ @import "../../../../../sap/ui/core/themes/sap_horizon/global.less";
@@ -0,0 +1,8 @@
1
+
2
+ <div class="sapFePlaceholderContainer">
3
+ <!-- P A G E H E A D E R -->
4
+ <div class="sapFeHeader sapFeResponsivePadding sapFeOVPHeader"><div class="sapFeHeaderTitle sapFeHeaderTitleWithSubtitle"><div class="sapFeHeaderTitleTextContainer"><div class="sapFeHeaderTitleText sapFeText sapFeTextWeightL sapFeTextWidthL"></div><div class="sapFeHeaderSubTitleText sapFeText sapFeTextWeightS sapFeTextWidthS"></div></div></div></div>
5
+
6
+ <!-- P A G E C O N T E N T -->
7
+ <div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop sapFeContent sapFeResponsivePadding"><div class="sapFeOVPCardContainer"><div class="sapFeOVPCard sapFeOVPCardVersion1 OVPContentCard1"><div class="sapFeOVPCardHeader"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardHeaderText"></div></div><div class="sapFeOVPCardContent"><div style="vertical-align: inherit;"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop sapFeVerticalRepeater sapFeOVPCardContentContainer"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div></div></div></div></div><div class="sapFeOVPCard sapFeOVPCardVersion3 OVPContentCard3"><div class="sapFeOVPCardHeader"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardHeaderText" style="width: 80px;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardHeaderText" style="width: 100px;"></div><div class="sapFeHorizontalLayout sapFeHorizontalContent sapFeTextAlignStart sapFeVerticalAlignTop"><div class="sapFeAvatar sapFeAvatarSizeM sapFeAvatarShapeSquare sapFeOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div><div style="vertical-align: inherit;"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignEnd sapFeVerticalAlignTop sapFeVerticalRepeater sapFeOVPCardHeaderText"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 50px;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 30px;"></div></div></div><div style="vertical-align: inherit;"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignEnd sapFeVerticalAlignTop sapFeVerticalRepeater sapFeOVPCardHeaderText"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 50px;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 30px;"></div></div></div></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardHeaderText" style="width: 80px;"></div></div></div><div class="sapFeOVPCardContent"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop"><div class="sapFeBarChart"><div style="text-align: inherit;"><div class="sapFeHorizontalLayout sapFeHorizontalContent sapFeTextAlignStart sapFeVerticalAlignTop sapFeHorizontalRepeater sapFeOVPCardContentChart sapFeChartHorMeasure sapFeChartVertMeasure sapFeVerticalBarChart"><div class="sapFeVerticalBar sapFeVerticalBarWeightL sapFeVerticalBarHeightM sapFeHorizontalRepeaterItem" style="height: 90px;"></div><div class="sapFeVerticalBar sapFeVerticalBarWeightL sapFeVerticalBarHeightM sapFeHorizontalRepeaterItem" style="height: 120px;"></div><div class="sapFeVerticalBar sapFeVerticalBarWeightL sapFeVerticalBarHeightM sapFeHorizontalRepeaterItem" style="height: 90px;"></div><div class="sapFeVerticalBar sapFeVerticalBarWeightL sapFeVerticalBarHeightM sapFeHorizontalRepeaterItem" style="height: 90px;"></div><div class="sapFeVerticalBar sapFeVerticalBarWeightL sapFeVerticalBarHeightM sapFeHorizontalRepeaterItem" style="height: 120px;"></div></div></div></div></div></div></div><div class="sapFeOVPCard sapFeOVPCardVersion1 OVPContentCard4"><div class="sapFeOVPCardHeader"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardHeaderText"></div></div><div class="sapFeOVPCardContent"><div style="vertical-align: inherit;"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop sapFeVerticalRepeater sapFeOVPCardContentContainer"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div></div></div></div></div><div class="sapFeOVPCard sapFeOVPCardVersion2 OVPContentCard2 sapFeSmallestVisibleSizeM"><div class="sapFeOVPCardHeader"><div class="sapFeHorizontalLayout sapFeHorizontalContent sapFeTextAlignStart sapFeVerticalAlignTop"><div class="sapFeAvatar sapFeAvatarSizeM sapFeAvatarShapeSquare sapFeOVPCardHeaderAvatar" style="width: 40px; height: 40px; background-size: 900px 900px;"></div><div style="vertical-align: inherit;"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop sapFeVerticalRepeater sapFeOVPCardHeaderText"><div class="sapFeText sapFeTextWeightM sapFeTextWidthL sapFeVerticalRepeaterItem"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeVerticalRepeaterItem"></div></div></div></div></div><div class="sapFeOVPCardContent"><div class="sapFeHorizontalLayout sapFeHorizontalContent sapFeTextAlignStart sapFeVerticalAlignTop"><div style="vertical-align: inherit;"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop sapFeVerticalRepeater sapFeOVPCardContentContainer"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 50%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 50%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 50%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 50%;"></div></div></div><div style="vertical-align: inherit;"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop sapFeVerticalRepeater sapFeOVPCardContentContainer"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 50%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 50%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 50%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 50%;"></div></div></div></div></div></div><div class="sapFeOVPCard sapFeOVPCardVersion4 OVPContentCard5 sapFeSmallestVisibleSizeM"><div class="sapFeOVPCardHeader"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardHeaderText" style="width: 80px;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardHeaderText" style="width: 100px;"></div><div class="sapFeHorizontalLayout sapFeHorizontalContent sapFeTextAlignStart sapFeVerticalAlignTop"><div class="sapFeAvatar sapFeAvatarSizeM sapFeAvatarShapeSquare sapFeOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div><div style="vertical-align: inherit;"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignEnd sapFeVerticalAlignTop sapFeVerticalRepeater sapFeOVPCardHeaderText"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 50px;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 30px;"></div></div></div><div style="vertical-align: inherit;"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignEnd sapFeVerticalAlignTop sapFeVerticalRepeater sapFeOVPCardHeaderText"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 50px;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 30px;"></div></div></div></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardHeaderText" style="width: 80px;"></div></div></div><div class="sapFeOVPCardContent"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop"><div class="sapFeBarChart"><div style="vertical-align: inherit;"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop sapFeVerticalRepeater sapFeOVPCardContentChart sapFeChartHorMeasure sapFeChartVertMeasure sapFeHorizontalBarChart"><div class="sapFeText sapFeTextWeightL sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 160px;"></div><div class="sapFeText sapFeTextWeightL sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 120px;"></div><div class="sapFeText sapFeTextWeightL sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 90px;"></div><div class="sapFeText sapFeTextWeightL sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 90px;"></div></div></div></div></div></div></div><div class="sapFeOVPCard sapFeOVPCardVersion3 OVPContentCard6 sapFeSmallestVisibleSizeM"><div class="sapFeOVPCardHeader"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardHeaderText" style="width: 80px;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardHeaderText" style="width: 100px;"></div><div class="sapFeHorizontalLayout sapFeHorizontalContent sapFeTextAlignStart sapFeVerticalAlignTop"><div class="sapFeAvatar sapFeAvatarSizeM sapFeAvatarShapeSquare sapFeOVPCardHeaderAvatar" style="width: 120px; height: 40px; background-size: 900px 900px;"></div><div style="vertical-align: inherit;"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignEnd sapFeVerticalAlignTop sapFeVerticalRepeater sapFeOVPCardHeaderText"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 50px;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 30px;"></div></div></div><div style="vertical-align: inherit;"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignEnd sapFeVerticalAlignTop sapFeVerticalRepeater sapFeOVPCardHeaderText"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 50px;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeVerticalRepeaterItem" style="width: 30px;"></div></div></div></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardHeaderText" style="width: 80px;"></div></div></div><div class="sapFeOVPCardContent"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop"><div class="sapFeBarChart"><div style="text-align: inherit;"><div class="sapFeHorizontalLayout sapFeHorizontalContent sapFeTextAlignStart sapFeVerticalAlignTop sapFeHorizontalRepeater sapFeOVPCardContentChart sapFeChartHorMeasure sapFeChartVertMeasure sapFeVerticalBarChart"><div class="sapFeVerticalBar sapFeVerticalBarWeightL sapFeVerticalBarHeightM sapFeHorizontalRepeaterItem" style="height: 90px;"></div><div class="sapFeVerticalBar sapFeVerticalBarWeightL sapFeVerticalBarHeightM sapFeHorizontalRepeaterItem" style="height: 120px;"></div><div class="sapFeVerticalBar sapFeVerticalBarWeightL sapFeVerticalBarHeightM sapFeHorizontalRepeaterItem" style="height: 90px;"></div><div class="sapFeVerticalBar sapFeVerticalBarWeightL sapFeVerticalBarHeightM sapFeHorizontalRepeaterItem" style="height: 90px;"></div><div class="sapFeVerticalBar sapFeVerticalBarWeightL sapFeVerticalBarHeightM sapFeHorizontalRepeaterItem" style="height: 120px;"></div></div></div></div></div></div></div><div class="sapFeOVPCard sapFeOVPCardVersion1 OVPContentCard7 sapFeSmallestVisibleSizeM"><div class="sapFeOVPCardHeader"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardHeaderText"></div></div><div class="sapFeOVPCardContent"><div style="vertical-align: inherit;"><div class="sapFeVerticalLayout sapFeVerticalContent sapFeTextAlignStart sapFeVerticalAlignTop sapFeVerticalRepeater sapFeOVPCardContentContainer"><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div><div class="sapFeText sapFeTextWeightM sapFeTextWidthM sapFeOVPCardContentText sapFeVerticalRepeaterItem" style="width: 100%;"></div></div></div></div></div></div></div>
8
+ </div>
@@ -0,0 +1,11 @@
1
+ <mvc:View
2
+ xmlns:mvc="sap.ui.core.mvc"
3
+ xmlns:core="sap.ui.core"
4
+ xmlns:custom="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"
5
+ displayBlock="true"
6
+ height="100%"
7
+ controllerName="sap.fe.placeholder.controller.Placeholder"
8
+ xmlns="http://www.w3.org/1999/xhtml"
9
+ >
10
+ <core:HTML id="PlaceholderContent" preferDOM="false" content="&lt;div&gt;&lt;/div&gt;" custom:placeholder="sap/fe/placeholder/view/PlaceholderOVP.fragment.html"/>
11
+ </mvc:View>
package/ui5.yaml CHANGED
@@ -10,6 +10,8 @@ framework:
10
10
  name: SAPUI5
11
11
  libraries:
12
12
  - name: sap.ui.core
13
+ - name: themelib_sap_horizon
14
+ optional: true
13
15
  - name: themelib_sap_fiori_3
14
16
  optional: true
15
17
  - name: themelib_sap_belize