@openui5/sap.ui.layout 1.136.3 → 1.139.0
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/README.md +1 -1
- package/REUSE.toml +8 -29
- package/THIRDPARTY.txt +72 -90
- package/package.json +3 -3
- package/src/sap/ui/layout/.library +1 -1
- package/src/sap/ui/layout/AlignedFlowLayout.js +1 -1
- package/src/sap/ui/layout/AssociativeSplitter.js +1 -1
- package/src/sap/ui/layout/BlockLayout.js +1 -1
- package/src/sap/ui/layout/BlockLayoutCell.js +1 -1
- package/src/sap/ui/layout/BlockLayoutCellData.js +1 -1
- package/src/sap/ui/layout/BlockLayoutRow.js +1 -1
- package/src/sap/ui/layout/DynamicSideContent.js +1 -1
- package/src/sap/ui/layout/FixFlex.js +1 -1
- package/src/sap/ui/layout/Grid.js +1 -1
- package/src/sap/ui/layout/GridData.js +1 -1
- package/src/sap/ui/layout/GridRenderer.js +1 -1
- package/src/sap/ui/layout/HorizontalLayout.js +1 -1
- package/src/sap/ui/layout/PaneContainer.js +1 -1
- package/src/sap/ui/layout/ResponsiveFlowLayout.js +1 -1
- package/src/sap/ui/layout/ResponsiveFlowLayoutData.js +1 -1
- package/src/sap/ui/layout/ResponsiveSplitter.js +1 -1
- package/src/sap/ui/layout/ResponsiveSplitterPage.js +1 -1
- package/src/sap/ui/layout/SplitPane.js +1 -1
- package/src/sap/ui/layout/Splitter.js +1 -1
- package/src/sap/ui/layout/SplitterLayoutData.js +1 -1
- package/src/sap/ui/layout/VerticalLayout.js +1 -1
- package/src/sap/ui/layout/changeHandler/AddFormContainer.js +1 -1
- package/src/sap/ui/layout/changeHandler/AddFormField.js +1 -1
- package/src/sap/ui/layout/changeHandler/AddSimpleFormField.js +1 -1
- package/src/sap/ui/layout/changeHandler/AddSimpleFormGroup.js +1 -1
- package/src/sap/ui/layout/changeHandler/HideSimpleForm.js +1 -1
- package/src/sap/ui/layout/changeHandler/MoveSimpleForm.js +1 -1
- package/src/sap/ui/layout/changeHandler/RenameFormContainer.js +1 -1
- package/src/sap/ui/layout/changeHandler/RenameSimpleForm.js +1 -1
- package/src/sap/ui/layout/changeHandler/UnhideSimpleForm.js +1 -1
- package/src/sap/ui/layout/cssgrid/CSSGrid.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridBasicLayout.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridBoxLayout.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridItemLayoutData.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridLayoutBase.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridLayoutDelegate.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridResponsiveLayout.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridSettings.js +1 -1
- package/src/sap/ui/layout/cssgrid/ResponsiveColumnItemLayoutData.js +1 -1
- package/src/sap/ui/layout/cssgrid/ResponsiveColumnLayout.js +1 -1
- package/src/sap/ui/layout/form/ColumnContainerData.js +1 -1
- package/src/sap/ui/layout/form/ColumnElementData.js +1 -1
- package/src/sap/ui/layout/form/ColumnLayout.js +1 -1
- package/src/sap/ui/layout/form/Form.js +1 -1
- package/src/sap/ui/layout/form/FormContainer.js +1 -1
- package/src/sap/ui/layout/form/FormElement.js +1 -1
- package/src/sap/ui/layout/form/FormLayout.js +1 -1
- package/src/sap/ui/layout/form/GridContainerData.js +1 -1
- package/src/sap/ui/layout/form/GridElementData.js +1 -1
- package/src/sap/ui/layout/form/GridLayout.js +1 -1
- package/src/sap/ui/layout/form/ResponsiveGridLayout.js +1 -1
- package/src/sap/ui/layout/form/ResponsiveLayout.js +1 -1
- package/src/sap/ui/layout/form/SemanticFormElement.js +1 -1
- package/src/sap/ui/layout/form/SimpleForm.js +1 -1
- package/src/sap/ui/layout/library.js +2 -2
- package/src/sap/ui/layout/themes/base/AlignedFlowLayout.less +6 -1
- package/src/sap/ui/layout/themes/base/CSSGrid.less +13 -12
- package/src/sap/ui/layout/themes/base/DynamicSideContent.less +6 -4
- package/src/sap/ui/layout/themes/base/FixFlex.less +4 -19
- package/src/sap/ui/layout/themes/base/Grid.less +109 -92
- package/src/sap/ui/layout/themes/base/VerticalLayout.less +8 -3
|
@@ -96,7 +96,7 @@ sap.ui.define([
|
|
|
96
96
|
* @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout MDN web docs: CSS Grid Layout}
|
|
97
97
|
*
|
|
98
98
|
* @author SAP SE
|
|
99
|
-
* @version 1.
|
|
99
|
+
* @version 1.139.0
|
|
100
100
|
*
|
|
101
101
|
* @extends sap.ui.core.Control
|
|
102
102
|
* @implements sap.ui.layout.cssgrid.IGridConfigurable
|
|
@@ -22,7 +22,7 @@ sap.ui.define([
|
|
|
22
22
|
* Have to possibility to hold multiple sap.ui.layout.cssgrid.GridSettings and apply the currently active GridSettings.
|
|
23
23
|
*
|
|
24
24
|
* @author SAP SE
|
|
25
|
-
* @version 1.
|
|
25
|
+
* @version 1.139.0
|
|
26
26
|
*
|
|
27
27
|
* @extends sap.ui.layout.cssgrid.GridLayoutBase
|
|
28
28
|
*
|
|
@@ -60,7 +60,7 @@ sap.ui.define([
|
|
|
60
60
|
* This control cannot be used stand-alone, it just renders a {@link sap.ui.layout.form.Form Form} control,
|
|
61
61
|
* so it must be assigned to a {@link sap.ui.layout.form.Form Form} control using the <code>layout</code> aggregation.
|
|
62
62
|
* @extends sap.ui.layout.form.FormLayout
|
|
63
|
-
* @version 1.
|
|
63
|
+
* @version 1.139.0
|
|
64
64
|
*
|
|
65
65
|
* @constructor
|
|
66
66
|
* @public
|
|
@@ -55,7 +55,7 @@ sap.ui.define([
|
|
|
55
55
|
*
|
|
56
56
|
* This control cannot be used stand-alone, it just renders a {@link sap.ui.layout.form.Form Form}, so it must be assigned to a {@link sap.ui.layout.form.Form Form} using the <code>layout</code> aggregation.
|
|
57
57
|
* @extends sap.ui.layout.form.FormLayout
|
|
58
|
-
* @version 1.
|
|
58
|
+
* @version 1.139.0
|
|
59
59
|
*
|
|
60
60
|
* @constructor
|
|
61
61
|
* @public
|
|
@@ -69,7 +69,7 @@ sap.ui.define([
|
|
|
69
69
|
* <b>Note:</b> If a more complex form is needed, use the <code>{@link sap.ui.layout.form.Form Form}</code> control instead.
|
|
70
70
|
*
|
|
71
71
|
* @extends sap.ui.core.Control
|
|
72
|
-
* @version 1.
|
|
72
|
+
* @version 1.139.0
|
|
73
73
|
*
|
|
74
74
|
* @constructor
|
|
75
75
|
* @public
|
|
@@ -21,14 +21,14 @@ sap.ui.define([
|
|
|
21
21
|
* @namespace
|
|
22
22
|
* @alias sap.ui.layout
|
|
23
23
|
* @author SAP SE
|
|
24
|
-
* @version 1.
|
|
24
|
+
* @version 1.139.0
|
|
25
25
|
* @since 1.15
|
|
26
26
|
* @public
|
|
27
27
|
*/
|
|
28
28
|
var thisLib = Library.init({
|
|
29
29
|
apiVersion: 2,
|
|
30
30
|
name : "sap.ui.layout",
|
|
31
|
-
version: "1.
|
|
31
|
+
version: "1.139.0",
|
|
32
32
|
dependencies: ["sap.ui.core"],
|
|
33
33
|
designtime: "sap/ui/layout/designtime/library.designtime",
|
|
34
34
|
types: [
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/* ================================================ */
|
|
2
|
+
/* CSS for control sap.ui.layout/AlignedFlowLayout */
|
|
3
|
+
/* Base theme */
|
|
4
|
+
/* ================================================ */
|
|
5
|
+
|
|
1
6
|
.sapUiAFLayout {
|
|
2
7
|
position: relative;
|
|
3
8
|
display: flex;
|
|
@@ -54,4 +59,4 @@
|
|
|
54
59
|
}
|
|
55
60
|
|
|
56
61
|
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
|
|
57
|
-
.sapUiContainerContentPadding(~".sapUiAFLayout");
|
|
62
|
+
.sapUiContainerContentPadding(~".sapUiAFLayout");
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.ui.layout/cssgrid.CSSGrid
|
|
3
|
-
/* Base theme
|
|
4
|
-
/*
|
|
1
|
+
/* ============================================== */
|
|
2
|
+
/* CSS for control sap.ui.layout/cssgrid.CSSGrid */
|
|
3
|
+
/* Base theme */
|
|
4
|
+
/* ============================================== */
|
|
5
5
|
|
|
6
6
|
.sapUiLayoutCSSGrid {
|
|
7
7
|
box-sizing: border-box;
|
|
@@ -24,8 +24,9 @@
|
|
|
24
24
|
|
|
25
25
|
/* Mixins */
|
|
26
26
|
|
|
27
|
-
|
|
27
|
+
/* Mixin to generate breakpoints. */
|
|
28
28
|
.sapUiLayoutCSSGridBoxLayoutGenerateBreakpoints(@size, @counter: 0, @i: 1) when (@i =< 12) {
|
|
29
|
+
|
|
29
30
|
&.sapUiLayoutCSSGridBoxLayoutSize@{size}.sapUiLayoutCSSGridBoxLayoutSpan@{size}@{i} {
|
|
30
31
|
grid-template-columns: repeat(auto-fit, minmax(calc(~"(100% - @{counter} * 0.5rem - 1px) / @{i}"), 1fr));
|
|
31
32
|
}
|
|
@@ -34,9 +35,9 @@
|
|
|
34
35
|
}
|
|
35
36
|
|
|
36
37
|
.sapUiLayoutCSSGrid .sapUiBlockLayerTabbable {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
/* There are "span" helpers, which purpose is to block navigation into the blocked controls content.
|
|
39
|
+
If the focus reaches the span before the blocked/busy control it is forwarded to the one after the control.
|
|
40
|
+
These spans should not be visible. */
|
|
40
41
|
position: absolute;
|
|
41
42
|
}
|
|
42
43
|
|
|
@@ -56,14 +57,14 @@
|
|
|
56
57
|
@pair: extract(@_sap_ui_layout_CSSGrid_RCLColumns, @i);
|
|
57
58
|
@rangeName: extract(@pair, 1);
|
|
58
59
|
@columns: extract(@pair, 2);
|
|
59
|
-
|
|
60
|
+
|
|
60
61
|
.sapUiLayoutCSSGridRCL-Layout@{rangeName} &,
|
|
61
62
|
.sapUiLayoutCSSGridRCL-Layout@{rangeName}& {
|
|
62
|
-
grid-template-columns: repeat(@columns, minmax(
|
|
63
|
+
grid-template-columns: repeat(@columns, minmax(0, 1fr));
|
|
63
64
|
grid-gap: 1rem;
|
|
64
65
|
}
|
|
65
|
-
|
|
66
|
-
.generateBreakpoint(@i + 1);
|
|
66
|
+
|
|
67
|
+
.generateBreakpoint(@i + 1); /* next iteration */
|
|
67
68
|
}
|
|
68
69
|
|
|
69
70
|
.generateBreakpoint();
|
|
@@ -4,25 +4,27 @@
|
|
|
4
4
|
/* ================================================= */
|
|
5
5
|
|
|
6
6
|
.sapUiDSC {
|
|
7
|
+
|
|
7
8
|
.sapUiDSCM:not(.sapUiHidden),
|
|
8
9
|
.sapUiDSCS:not(.sapUiHidden) {
|
|
9
10
|
position: relative;
|
|
10
11
|
}
|
|
11
|
-
|
|
12
|
+
|
|
13
|
+
&::after {
|
|
12
14
|
clear: both;
|
|
13
|
-
content:
|
|
15
|
+
content: '';
|
|
14
16
|
display: block;
|
|
15
17
|
font-size: 0;
|
|
16
18
|
height: 0;
|
|
17
19
|
visibility: hidden;
|
|
18
20
|
}
|
|
19
21
|
|
|
20
|
-
> div[class^=
|
|
22
|
+
> div[class^='sapUiDSCSpan'] {
|
|
21
23
|
float: left;
|
|
22
24
|
overflow: auto;
|
|
23
25
|
}
|
|
24
26
|
|
|
25
|
-
> aside[class^=
|
|
27
|
+
> aside[class^='sapUiDSCSpan'] {
|
|
26
28
|
float: left;
|
|
27
29
|
overflow: auto;
|
|
28
30
|
}
|