@openui5/sap.ui.layout 1.125.0 → 1.126.1
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/.reuse/dep5 +4 -4
- package/THIRDPARTY.txt +6 -6
- package/package.json +2 -2
- 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 +3 -3
- package/src/sap/ui/layout/GridData.js +3 -3
- 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 +11 -1
- package/src/sap/ui/layout/form/ColumnLayoutRenderer.js +5 -3
- package/src/sap/ui/layout/form/Form.js +1 -1
- package/src/sap/ui/layout/form/FormContainer.js +16 -5
- package/src/sap/ui/layout/form/FormElement.js +1 -1
- package/src/sap/ui/layout/form/FormLayout.js +43 -1
- package/src/sap/ui/layout/form/FormLayoutRenderer.js +23 -13
- package/src/sap/ui/layout/form/FormRenderer.js +13 -2
- 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 +2 -2
- package/src/sap/ui/layout/form/ResponsiveLayout.js +2 -2
- 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 +4 -4
- package/src/sap/ui/layout/themes/base/FormLayout.less +12 -2
- package/src/sap/ui/layout/themes/sap_hcb/base_AlignedFlowLayout.less +57 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_BlockLayout.less +226 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_BlockLayoutCell.less +62 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_BlockLayoutRow.less +49 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_CSSGrid.less +74 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_ColumnLayout.less +289 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_DynamicSideContent.less +95 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_FixFlex.less +127 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_Form.less +18 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_FormLayout.less +129 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_Grid.less +261 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_GridLayout.less +189 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_HorizontalLayout.less +61 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_ResponsiveFlowLayout.less +62 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_ResponsiveGridLayout.less +254 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_ResponsiveLayout.less +186 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_ResponsiveSplitter.less +154 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_SimpleForm.less +19 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_Splitter.less +280 -0
- package/src/sap/ui/layout/themes/sap_hcb/base_VerticalLayout.less +48 -0
- package/src/sap/ui/layout/themes/sap_hcb/library.source.less +32 -1
package/.reuse/dep5
CHANGED
|
@@ -384,13 +384,13 @@ Copyright: 2017 Wei Song and Oliver Nightingale
|
|
|
384
384
|
License: MIT
|
|
385
385
|
Comment: these files belong to: Elasticlunr
|
|
386
386
|
|
|
387
|
-
Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-
|
|
388
|
-
Copyright:
|
|
387
|
+
Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-2.0.1/*
|
|
388
|
+
Copyright: SpryMedia Ltd
|
|
389
389
|
License: MIT
|
|
390
390
|
Comment: these files belong to: DataTables
|
|
391
391
|
|
|
392
|
-
Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-
|
|
393
|
-
Copyright:
|
|
392
|
+
Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-3.0.0/*
|
|
393
|
+
Copyright: SpryMedia Ltd
|
|
394
394
|
License: MIT
|
|
395
395
|
Comment: these files belong to: Buttons extension for DataTables
|
|
396
396
|
|
package/THIRDPARTY.txt
CHANGED
|
@@ -363,17 +363,17 @@ License: MIT
|
|
|
363
363
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
|
|
364
364
|
Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/elasticlunr.js
|
|
365
365
|
|
|
366
|
-
Component: DataTables, version:
|
|
367
|
-
Copyright:
|
|
366
|
+
Component: DataTables, version: 2.0.1
|
|
367
|
+
Copyright: SpryMedia Ltd
|
|
368
368
|
License: MIT
|
|
369
369
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
|
|
370
|
-
Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-
|
|
370
|
+
Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-2.0.1/*
|
|
371
371
|
|
|
372
|
-
Component: Buttons extension for DataTables, version:
|
|
373
|
-
Copyright:
|
|
372
|
+
Component: Buttons extension for DataTables, version: 3.0.0
|
|
373
|
+
Copyright: SpryMedia Ltd
|
|
374
374
|
License: MIT
|
|
375
375
|
License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
|
|
376
|
-
Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-
|
|
376
|
+
Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-3.0.0/*
|
|
377
377
|
|
|
378
378
|
|
|
379
379
|
Library: sap.ui.integration:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/sap.ui.layout",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.126.1",
|
|
4
4
|
"description": "OpenUI5 UI Library sap.ui.layout",
|
|
5
5
|
"author": "SAP SE (https://www.sap.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -14,6 +14,6 @@
|
|
|
14
14
|
"url": "https://github.com/SAP/openui5.git"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@openui5/sap.ui.core": "1.
|
|
17
|
+
"@openui5/sap.ui.core": "1.126.1"
|
|
18
18
|
}
|
|
19
19
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.126.1</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 library with layout controls.</documentation>
|
|
12
12
|
|
|
@@ -59,7 +59,7 @@ sap.ui.define([
|
|
|
59
59
|
* @extends sap.ui.core.Control
|
|
60
60
|
*
|
|
61
61
|
* @author SAP SE
|
|
62
|
-
* @version 1.
|
|
62
|
+
* @version 1.126.1
|
|
63
63
|
*
|
|
64
64
|
* @constructor
|
|
65
65
|
* @public
|
|
@@ -98,7 +98,7 @@ sap.ui.define([
|
|
|
98
98
|
|
|
99
99
|
/**
|
|
100
100
|
* Optional. A string type that represents the span values of the <code>Grid</code> for
|
|
101
|
-
* large, medium and small screens. Allowed values are separated by space Letters L, M or S followed
|
|
101
|
+
* large, medium and small screens. Allowed values are separated by space with case insensitive Letters XL, L, M or S followed
|
|
102
102
|
* by number of columns from 1 to 12 that the container has to take, for example, <code>L2 M4 S6</code>,
|
|
103
103
|
* <code>M12</code>, <code>s10</code> or <code>l4 m4</code>.
|
|
104
104
|
*
|
|
@@ -108,7 +108,7 @@ sap.ui.define([
|
|
|
108
108
|
|
|
109
109
|
/**
|
|
110
110
|
* Optional. Defines default for the whole Grid numbers of empty columns before the current span begins.
|
|
111
|
-
* It can be defined for large, medium and small screens. Allowed values are separated by space Letters
|
|
111
|
+
* It can be defined for large, medium and small screens. Allowed values are separated by space with case insensitive Letters XL,
|
|
112
112
|
* L, M or S followed by number of columns from 0 to 11 that the container has to take, for example,
|
|
113
113
|
* <code>L2 M4 S6</code>, <code>M11</code>, <code>s10</code> or <code>l4 m4</code>.
|
|
114
114
|
*
|
|
@@ -28,7 +28,7 @@ sap.ui.define(['sap/ui/core/LayoutData', './library', "sap/base/Log"],
|
|
|
28
28
|
* @extends sap.ui.core.LayoutData
|
|
29
29
|
*
|
|
30
30
|
* @author SAP SE
|
|
31
|
-
* @version 1.
|
|
31
|
+
* @version 1.126.1
|
|
32
32
|
*
|
|
33
33
|
* @constructor
|
|
34
34
|
* @public
|
|
@@ -45,7 +45,7 @@ sap.ui.define(['sap/ui/core/LayoutData', './library', "sap/base/Log"],
|
|
|
45
45
|
/**
|
|
46
46
|
* A string type that represents the span values of the <code>Grid</code> for large, medium and small screens.
|
|
47
47
|
*
|
|
48
|
-
* Allowed values are separated by space Letters L, M or S followed by number of columns from 1 to 12
|
|
48
|
+
* Allowed values are separated by space with case insensitive Letters XL, L, M or S followed by number of columns from 1 to 12
|
|
49
49
|
* that the container has to take, for example: <code>L2 M4 S6</code>, <code>M12</code>,
|
|
50
50
|
* <code>s10</code> or <code>l4 m4</code>.
|
|
51
51
|
*
|
|
@@ -80,7 +80,7 @@ sap.ui.define(['sap/ui/core/LayoutData', './library', "sap/base/Log"],
|
|
|
80
80
|
/**
|
|
81
81
|
* A string type that represents the indent values of the <code>Grid</code> for large, medium and small screens.
|
|
82
82
|
*
|
|
83
|
-
* Allowed values are separated by space Letters L, M or S followed by number of columns from 1 to 11
|
|
83
|
+
* Allowed values are separated by space with case insensitive Letters XL, L, M or S followed by number of columns from 1 to 11
|
|
84
84
|
* that the container has to take, for example, <code>L2 M4 S6</code>, <code>M11</code>, <code>s10</code>
|
|
85
85
|
* or <code>l4 m4</code>.
|
|
86
86
|
*
|
|
@@ -17,7 +17,7 @@ sap.ui.define([
|
|
|
17
17
|
* Change handler for adding a simple form group.
|
|
18
18
|
* @alias sap.ui.layout.changeHandler.AddSimpleFormGroup
|
|
19
19
|
* @author SAP SE
|
|
20
|
-
* @version 1.
|
|
20
|
+
* @version 1.126.1
|
|
21
21
|
* @experimental Since 1.27.0
|
|
22
22
|
*/
|
|
23
23
|
var AddSimpleFormGroup = {};
|
|
@@ -14,7 +14,7 @@ sap.ui.define([
|
|
|
14
14
|
*
|
|
15
15
|
* @alias sap.ui.layout.changeHandler.RenameFormContainer
|
|
16
16
|
* @author SAP SE
|
|
17
|
-
* @version 1.
|
|
17
|
+
* @version 1.126.1
|
|
18
18
|
* @since 1.48
|
|
19
19
|
* @private
|
|
20
20
|
* @experimental Since 1.48. This class is experimental and provides only limited functionality. Also the API might be changed in future.
|
|
@@ -20,7 +20,7 @@ sap.ui.define([
|
|
|
20
20
|
*
|
|
21
21
|
* @alias sap.ui.layout.changeHandler.RenameForm
|
|
22
22
|
* @author SAP SE
|
|
23
|
-
* @version 1.
|
|
23
|
+
* @version 1.126.1
|
|
24
24
|
* @since 1.40
|
|
25
25
|
* @private
|
|
26
26
|
* @experimental Since 1.40. This class is experimental and provides only limited functionality. Also the API might be changed in future.
|
|
@@ -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.126.1
|
|
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.126.1
|
|
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.126.1
|
|
64
64
|
*
|
|
65
65
|
* @constructor
|
|
66
66
|
* @public
|
|
@@ -687,6 +687,16 @@ sap.ui.define([
|
|
|
687
687
|
|
|
688
688
|
};
|
|
689
689
|
|
|
690
|
+
ColumnLayout.prototype.hasLabelledContainers = function(oForm) {
|
|
691
|
+
|
|
692
|
+
const aContainers = oForm.getFormContainers();
|
|
693
|
+
|
|
694
|
+
// Let Form render role="region" also if FormContainer has no title.
|
|
695
|
+
// If only one FormContainer exist and it has no title let Form render role "form".
|
|
696
|
+
return aContainers.length !== 1 || this.isContainerLabelled(aContainers[0]);
|
|
697
|
+
|
|
698
|
+
};
|
|
699
|
+
|
|
690
700
|
return ColumnLayout;
|
|
691
701
|
|
|
692
702
|
});
|
|
@@ -66,7 +66,7 @@ sap.ui.define([
|
|
|
66
66
|
|
|
67
67
|
oContainer._checkProperties();
|
|
68
68
|
|
|
69
|
-
oRm.openStart("
|
|
69
|
+
oRm.openStart("div", oContainer);
|
|
70
70
|
oRm.class("sapUiFormCLContainer");
|
|
71
71
|
oRm.class("sapUiFormCLContainerS" + oOptions.S.Size);
|
|
72
72
|
oRm.class("sapUiFormCLContainerM" + oOptions.M.Size);
|
|
@@ -109,7 +109,9 @@ sap.ui.define([
|
|
|
109
109
|
oRm.attr('title', oContainer.getTooltip_AsString());
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
|
|
112
|
+
const oForm = oContainer.getParent();
|
|
113
|
+
// let every container render role, even without title (expect there is only one container). So screenreader also anounces forms structure. (Was not possible for some older layouts.)
|
|
114
|
+
this.writeAccessibilityStateContainer(oRm, oContainer, !oLayout.isContainerLabelled(oContainer) && oForm.getFormContainers().length === 1);
|
|
113
115
|
|
|
114
116
|
oRm.openEnd();
|
|
115
117
|
|
|
@@ -137,7 +139,7 @@ sap.ui.define([
|
|
|
137
139
|
}
|
|
138
140
|
|
|
139
141
|
oRm.close("div");
|
|
140
|
-
oRm.close("
|
|
142
|
+
oRm.close("div");
|
|
141
143
|
|
|
142
144
|
};
|
|
143
145
|
|
|
@@ -29,7 +29,7 @@ sap.ui.define([
|
|
|
29
29
|
* @extends sap.ui.core.Element
|
|
30
30
|
*
|
|
31
31
|
* @author SAP SE
|
|
32
|
-
* @version 1.
|
|
32
|
+
* @version 1.126.1
|
|
33
33
|
*
|
|
34
34
|
* @constructor
|
|
35
35
|
* @public
|
|
@@ -361,6 +361,17 @@ sap.ui.define([
|
|
|
361
361
|
|
|
362
362
|
};
|
|
363
363
|
|
|
364
|
+
FormContainer.prototype.onThemeChanged = function() {
|
|
365
|
+
_setExpanderIcon.call(this);
|
|
366
|
+
};
|
|
367
|
+
|
|
368
|
+
function _getIconUrl(sParamName) {
|
|
369
|
+
return Parameters.get({
|
|
370
|
+
name: [sParamName],
|
|
371
|
+
_restrictedParseUrls: true
|
|
372
|
+
});
|
|
373
|
+
}
|
|
374
|
+
|
|
364
375
|
function _setExpanderIcon(){
|
|
365
376
|
|
|
366
377
|
if (!this._oExpandButton) {
|
|
@@ -370,13 +381,13 @@ sap.ui.define([
|
|
|
370
381
|
var sIcon, sIconHovered, sText, sTooltip;
|
|
371
382
|
|
|
372
383
|
if (this.getExpanded()) {
|
|
373
|
-
sIcon =
|
|
374
|
-
sIconHovered =
|
|
384
|
+
sIcon = _getIconUrl('_sap_ui_layout_Form_FormContainerColImageURL');
|
|
385
|
+
sIconHovered = _getIconUrl('_sap_ui_layout_Form_FormContainerColImageDownURL');
|
|
375
386
|
sText = "-";
|
|
376
387
|
sTooltip = this._rb.getText("FORM_COLLAPSE");
|
|
377
388
|
} else {
|
|
378
|
-
sIcon =
|
|
379
|
-
sIconHovered =
|
|
389
|
+
sIcon = _getIconUrl('_sap_ui_layout_Form_FormContainerExpImageURL');
|
|
390
|
+
sIconHovered = _getIconUrl('_sap_ui_layout_Form_FormContainerExpImageDownURL');
|
|
380
391
|
sText = "+";
|
|
381
392
|
sTooltip = this._rb.getText("FORM_EXPAND");
|
|
382
393
|
}
|