@openui5/sap.ui.layout 1.120.7 → 1.121.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/.reuse/dep5 +23 -21
- package/THIRDPARTY.txt +6 -43
- package/package.json +2 -2
- package/src/sap/ui/layout/.library +1 -1
- package/src/sap/ui/layout/AlignedFlowLayout.js +5 -5
- package/src/sap/ui/layout/AssociativeSplitter.js +7 -6
- 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 +110 -30
- package/src/sap/ui/layout/DynamicSideContentRenderer.js +20 -25
- 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 -16
- package/src/sap/ui/layout/ResponsiveFlowLayout.js +10 -7
- package/src/sap/ui/layout/ResponsiveFlowLayoutData.js +1 -1
- package/src/sap/ui/layout/ResponsiveSplitter.js +8 -6
- package/src/sap/ui/layout/ResponsiveSplitterPage.js +5 -5
- package/src/sap/ui/layout/ResponsiveSplitterRenderer.js +4 -4
- package/src/sap/ui/layout/SplitPane.js +1 -1
- package/src/sap/ui/layout/Splitter.js +45 -27
- package/src/sap/ui/layout/SplitterLayoutData.js +1 -1
- package/src/sap/ui/layout/SplitterRenderer.js +22 -10
- 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 +4 -2
- package/src/sap/ui/layout/changeHandler/MoveSimpleForm.js +6 -4
- package/src/sap/ui/layout/changeHandler/RenameFormContainer.js +1 -1
- package/src/sap/ui/layout/changeHandler/RenameSimpleForm.js +4 -2
- package/src/sap/ui/layout/changeHandler/UnhideSimpleForm.js +5 -4
- 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 +5 -3
- 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 +9 -8
- 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 +12 -1
- package/src/sap/ui/layout/designtime/form/SimpleForm.designtime.js +3 -1
- package/src/sap/ui/layout/designtime/messagebundle_en_US_saprigi.properties +11 -11
- 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 +4 -3
- package/src/sap/ui/layout/form/FormElement.js +1 -1
- package/src/sap/ui/layout/form/FormLayout.js +5 -5
- package/src/sap/ui/layout/form/FormLayoutRenderer.js +2 -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 +17 -15
- package/src/sap/ui/layout/form/ResponsiveLayout.js +19 -17
- package/src/sap/ui/layout/form/SemanticFormElement.js +2 -2
- package/src/sap/ui/layout/form/SimpleForm.js +19 -23
- package/src/sap/ui/layout/library.js +21 -4
- package/src/sap/ui/layout/rules/Form.support.js +3 -3
- package/src/sap/ui/layout/themes/base/Splitter.less +2 -1
- package/src/sap/ui/layout/themes/base/VerticalLayout.less +4 -0
- package/LICENSES/BSD-2-Clause.txt +0 -22
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
// Provides control sap.ui.layout.form.ResponsiveGridLayout.
|
|
8
8
|
sap.ui.define([
|
|
9
9
|
'sap/ui/core/Control',
|
|
10
|
+
"sap/ui/core/Element",
|
|
10
11
|
'sap/ui/core/ResizeHandler',
|
|
11
12
|
'sap/ui/layout/library',
|
|
12
13
|
'sap/ui/layout/Grid',
|
|
@@ -19,6 +20,7 @@ sap.ui.define([
|
|
|
19
20
|
"sap/ui/thirdparty/jquery"
|
|
20
21
|
], function(
|
|
21
22
|
Control,
|
|
23
|
+
Element,
|
|
22
24
|
ResizeHandler,
|
|
23
25
|
library,
|
|
24
26
|
Grid,
|
|
@@ -53,7 +55,7 @@ sap.ui.define([
|
|
|
53
55
|
*
|
|
54
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.
|
|
55
57
|
* @extends sap.ui.layout.form.FormLayout
|
|
56
|
-
* @version 1.
|
|
58
|
+
* @version 1.121.0
|
|
57
59
|
*
|
|
58
60
|
* @constructor
|
|
59
61
|
* @public
|
|
@@ -224,8 +226,8 @@ sap.ui.define([
|
|
|
224
226
|
getLayoutData : function(){
|
|
225
227
|
|
|
226
228
|
// only GridData are interesting
|
|
227
|
-
var oContainer =
|
|
228
|
-
var oLayout =
|
|
229
|
+
var oContainer = Element.getElementById(this.getContainer());
|
|
230
|
+
var oLayout = Element.getElementById(this.getLayout());
|
|
229
231
|
var oLD;
|
|
230
232
|
if (oLayout && oContainer) {
|
|
231
233
|
oLD = oLayout.getLayoutDataForElement(oContainer, "sap.ui.layout.GridData");
|
|
@@ -240,7 +242,7 @@ sap.ui.define([
|
|
|
240
242
|
|
|
241
243
|
getCustomData : function(){
|
|
242
244
|
|
|
243
|
-
var oContainer =
|
|
245
|
+
var oContainer = Element.getElementById(this.getContainer());
|
|
244
246
|
if (oContainer) {
|
|
245
247
|
return oContainer.getCustomData();
|
|
246
248
|
}
|
|
@@ -249,7 +251,7 @@ sap.ui.define([
|
|
|
249
251
|
|
|
250
252
|
refreshExpanded : function(){
|
|
251
253
|
|
|
252
|
-
var oContainer =
|
|
254
|
+
var oContainer = Element.getElementById(this.getContainer());
|
|
253
255
|
if (oContainer) {
|
|
254
256
|
if (oContainer.getExpanded()) {
|
|
255
257
|
this.$().removeClass("sapUiRGLContainerColl");
|
|
@@ -263,8 +265,8 @@ sap.ui.define([
|
|
|
263
265
|
apiVersion: 2,
|
|
264
266
|
render: function(oRm, oPanel) {
|
|
265
267
|
|
|
266
|
-
var oContainer =
|
|
267
|
-
var oLayout =
|
|
268
|
+
var oContainer = Element.getElementById(oPanel.getContainer());
|
|
269
|
+
var oLayout = Element.getElementById(oPanel.getLayout());
|
|
268
270
|
var oContent = oPanel.getContent();
|
|
269
271
|
|
|
270
272
|
var bExpandable = oContainer.getExpandable();
|
|
@@ -565,7 +567,7 @@ sap.ui.define([
|
|
|
565
567
|
oGrid.addStyleClass("sapUiFormResGridCont").addStyleClass("sapUiRespGridOverflowHidden");
|
|
566
568
|
|
|
567
569
|
oGrid.getContent = function(){
|
|
568
|
-
var oContainer =
|
|
570
|
+
var oContainer = Element.getElementById(this.__myParentContainerId);
|
|
569
571
|
if (oContainer) {
|
|
570
572
|
var aContent = [];
|
|
571
573
|
var aElements = oContainer.getVisibleFormElements();
|
|
@@ -589,7 +591,7 @@ sap.ui.define([
|
|
|
589
591
|
};
|
|
590
592
|
|
|
591
593
|
oGrid.getAriaLabelledBy = function(){
|
|
592
|
-
var oContainer =
|
|
594
|
+
var oContainer = Element.getElementById(this.__myParentContainerId);
|
|
593
595
|
if (oContainer && !oContainer.getToolbar() && !oContainer.getTitle() && !oContainer.getExpandable()) {
|
|
594
596
|
return oContainer.getAriaLabelledBy();
|
|
595
597
|
}
|
|
@@ -708,7 +710,7 @@ sap.ui.define([
|
|
|
708
710
|
return oLD;
|
|
709
711
|
} else {
|
|
710
712
|
// calculate Layout Data for control
|
|
711
|
-
var oContainer =
|
|
713
|
+
var oContainer = Element.getElementById(this.__myParentContainerId);
|
|
712
714
|
var oContainerLD = oLayout.getLayoutDataForElement(oContainer, "sap.ui.layout.GridData");
|
|
713
715
|
var oForm = oContainer.getParent();
|
|
714
716
|
var oSize;
|
|
@@ -974,7 +976,7 @@ sap.ui.define([
|
|
|
974
976
|
|
|
975
977
|
oGrid._getAccessibleRole = function() {
|
|
976
978
|
|
|
977
|
-
var oContainer =
|
|
979
|
+
var oContainer = Element.getElementById(this.__myParentContainerId);
|
|
978
980
|
var oLayout = this.__myParentLayout;
|
|
979
981
|
if (oLayout._mainGrid && oLayout._mainGrid.__bIsUsed && !oContainer.getToolbar() &&
|
|
980
982
|
!oContainer.getTitle() && !oContainer.getExpandable() && oContainer.getAriaLabelledBy().length > 0) {
|
|
@@ -1030,7 +1032,7 @@ sap.ui.define([
|
|
|
1030
1032
|
oGrid.__originalGetLayoutData = oGrid.getLayoutData;
|
|
1031
1033
|
oGrid.getLayoutData = function(){
|
|
1032
1034
|
var oLayout = this.__myParentLayout;
|
|
1033
|
-
var oContainer =
|
|
1035
|
+
var oContainer = Element.getElementById(this.__myParentContainerId);
|
|
1034
1036
|
|
|
1035
1037
|
var oLD;
|
|
1036
1038
|
if (oContainer) {
|
|
@@ -1053,7 +1055,7 @@ sap.ui.define([
|
|
|
1053
1055
|
|
|
1054
1056
|
var oLayout;
|
|
1055
1057
|
if (oControl instanceof Panel) {
|
|
1056
|
-
oLayout =
|
|
1058
|
+
oLayout = Element.getElementById(oControl.getLayout());
|
|
1057
1059
|
} else {
|
|
1058
1060
|
oLayout = oControl.__myParentLayout;
|
|
1059
1061
|
}
|
|
@@ -1251,10 +1253,10 @@ sap.ui.define([
|
|
|
1251
1253
|
oContainer = undefined;
|
|
1252
1254
|
if (oContentElement.getContainer) {
|
|
1253
1255
|
// it's a panel
|
|
1254
|
-
oContainer =
|
|
1256
|
+
oContainer = Element.getElementById(oContentElement.getContainer());
|
|
1255
1257
|
} else {
|
|
1256
1258
|
// it's a Grid
|
|
1257
|
-
oContainer =
|
|
1259
|
+
oContainer = Element.getElementById(oContentElement.__myParentContainerId);
|
|
1258
1260
|
}
|
|
1259
1261
|
if (oContainer && oContainer.isVisible()) {
|
|
1260
1262
|
var oVisibleContainer = aVisibleContainers[j];
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
// Provides control sap.ui.layout.form.ResponsiveLayout.
|
|
8
8
|
sap.ui.define([
|
|
9
9
|
'sap/ui/core/Control',
|
|
10
|
+
"sap/ui/core/Element",
|
|
10
11
|
'sap/ui/layout/library',
|
|
11
12
|
'sap/ui/layout/ResponsiveFlowLayout',
|
|
12
13
|
'sap/ui/layout/ResponsiveFlowLayoutData',
|
|
@@ -18,6 +19,7 @@ sap.ui.define([
|
|
|
18
19
|
],
|
|
19
20
|
function(
|
|
20
21
|
Control,
|
|
22
|
+
Element,
|
|
21
23
|
library,
|
|
22
24
|
ResponsiveFlowLayout,
|
|
23
25
|
ResponsiveFlowLayoutData,
|
|
@@ -50,7 +52,7 @@ sap.ui.define([
|
|
|
50
52
|
* @extends sap.ui.layout.form.FormLayout
|
|
51
53
|
*
|
|
52
54
|
* @author SAP SE
|
|
53
|
-
* @version 1.
|
|
55
|
+
* @version 1.121.0
|
|
54
56
|
*
|
|
55
57
|
* @constructor
|
|
56
58
|
* @public
|
|
@@ -120,8 +122,8 @@ sap.ui.define([
|
|
|
120
122
|
getLayoutData : function(){
|
|
121
123
|
|
|
122
124
|
// only ResponsiveFlowLayoutData are interesting
|
|
123
|
-
var oContainer =
|
|
124
|
-
var oLayout =
|
|
125
|
+
var oContainer = Element.getElementById(this.getContainer());
|
|
126
|
+
var oLayout = Element.getElementById(this.getLayout());
|
|
125
127
|
var oLD;
|
|
126
128
|
if (oLayout && oContainer) {
|
|
127
129
|
oLD = oLayout.getLayoutDataForElement(oContainer, "sap.ui.layout.ResponsiveFlowLayoutData");
|
|
@@ -132,7 +134,7 @@ sap.ui.define([
|
|
|
132
134
|
|
|
133
135
|
getCustomData : function(){
|
|
134
136
|
|
|
135
|
-
var oContainer =
|
|
137
|
+
var oContainer = Element.getElementById(this.getContainer());
|
|
136
138
|
if (oContainer) {
|
|
137
139
|
return oContainer.getCustomData();
|
|
138
140
|
}
|
|
@@ -141,7 +143,7 @@ sap.ui.define([
|
|
|
141
143
|
|
|
142
144
|
refreshExpanded : function(){
|
|
143
145
|
|
|
144
|
-
var oContainer =
|
|
146
|
+
var oContainer = Element.getElementById(this.getContainer());
|
|
145
147
|
if (oContainer) {
|
|
146
148
|
if (oContainer.getExpanded()) {
|
|
147
149
|
this.$().removeClass("sapUiRLContainerColl");
|
|
@@ -155,8 +157,8 @@ sap.ui.define([
|
|
|
155
157
|
apiVersion: 2,
|
|
156
158
|
render: function(oRm, oPanel) {
|
|
157
159
|
|
|
158
|
-
var oContainer =
|
|
159
|
-
var oLayout =
|
|
160
|
+
var oContainer = Element.getElementById(oPanel.getContainer());
|
|
161
|
+
var oLayout = Element.getElementById(oPanel.getLayout());
|
|
160
162
|
var oContent = oPanel.getContent();
|
|
161
163
|
|
|
162
164
|
if (!oContainer || !oLayout) {
|
|
@@ -575,7 +577,7 @@ sap.ui.define([
|
|
|
575
577
|
// to not change parent assignment of controls
|
|
576
578
|
if (!bElementContent) {
|
|
577
579
|
oRFLayout.getContent = function(){
|
|
578
|
-
var oElement =
|
|
580
|
+
var oElement = Element.getElementById(this.__myParentElementId);
|
|
579
581
|
if (oElement) {
|
|
580
582
|
var aContent = [];
|
|
581
583
|
var oLabel = oElement.getLabelControl();
|
|
@@ -610,7 +612,7 @@ sap.ui.define([
|
|
|
610
612
|
|
|
611
613
|
if (iIndex == 0) {
|
|
612
614
|
// check if it's the label of the FormElement
|
|
613
|
-
var oElement =
|
|
615
|
+
var oElement = Element.getElementById(this.__myParentElementId);
|
|
614
616
|
if (oElement) {
|
|
615
617
|
var oLabel = oElement.getLabelControl();
|
|
616
618
|
if (oControl == oLabel) {
|
|
@@ -624,7 +626,7 @@ sap.ui.define([
|
|
|
624
626
|
};
|
|
625
627
|
} else {
|
|
626
628
|
oRFLayout.getContent = function(){
|
|
627
|
-
var oElement =
|
|
629
|
+
var oElement = Element.getElementById(this.__myParentElementId);
|
|
628
630
|
if (oElement) {
|
|
629
631
|
return oElement.getFieldsForRendering();
|
|
630
632
|
} else {
|
|
@@ -635,7 +637,7 @@ sap.ui.define([
|
|
|
635
637
|
} else if (oContainer) {
|
|
636
638
|
oRFLayout._getAccessibleRole = function() {
|
|
637
639
|
|
|
638
|
-
var oContainer =
|
|
640
|
+
var oContainer = Element.getElementById(this.__myParentContainerId);
|
|
639
641
|
var oLayout = this.__myParentLayout;
|
|
640
642
|
if (oLayout._mainRFLayout && !oContainer.getToolbar() && !oContainer.getTitle() &&
|
|
641
643
|
!oContainer.getExpandable() && oContainer.getAriaLabelledBy().length > 0) {
|
|
@@ -646,7 +648,7 @@ sap.ui.define([
|
|
|
646
648
|
};
|
|
647
649
|
|
|
648
650
|
oRFLayout.getAriaLabelledBy = function(){
|
|
649
|
-
var oContainer =
|
|
651
|
+
var oContainer = Element.getElementById(this.__myParentContainerId);
|
|
650
652
|
if (oContainer && !oContainer.getToolbar() && !oContainer.getTitle() && !oContainer.getExpandable()) {
|
|
651
653
|
return oContainer.getAriaLabelledBy();
|
|
652
654
|
}
|
|
@@ -680,8 +682,8 @@ sap.ui.define([
|
|
|
680
682
|
oRFLayout.__originalGetLayoutData = oRFLayout.getLayoutData;
|
|
681
683
|
oRFLayout.getLayoutData = function(){
|
|
682
684
|
var oLayout = this.__myParentLayout;
|
|
683
|
-
var oContainer =
|
|
684
|
-
var oElement =
|
|
685
|
+
var oContainer = Element.getElementById(this.__myParentContainerId);
|
|
686
|
+
var oElement = Element.getElementById(this.__myParentElementId);
|
|
685
687
|
|
|
686
688
|
var oLD;
|
|
687
689
|
if (oElement) {
|
|
@@ -789,7 +791,7 @@ sap.ui.define([
|
|
|
789
791
|
// so the ResponsiveFlowLayouts must be updated and the control object must be adjusted
|
|
790
792
|
var sElementId = oElement.getId();
|
|
791
793
|
var sId = sElementId + "--RFLayout";
|
|
792
|
-
var oRFLayout =
|
|
794
|
+
var oRFLayout = Element.getElementById(sId);
|
|
793
795
|
|
|
794
796
|
if (!mRFLayouts[sElementId] && oRFLayout) {
|
|
795
797
|
// Element not maintained in control object of container but already has a RFLayout
|
|
@@ -834,10 +836,10 @@ sap.ui.define([
|
|
|
834
836
|
oContainer = undefined;
|
|
835
837
|
if (oContentElement.getContainer) {
|
|
836
838
|
// it's a panel
|
|
837
|
-
oContainer =
|
|
839
|
+
oContainer = Element.getElementById(oContentElement.getContainer());
|
|
838
840
|
} else {
|
|
839
841
|
// it's a RFLayout
|
|
840
|
-
oContainer =
|
|
842
|
+
oContainer = Element.getElementById(oContentElement.__myParentContainerId);
|
|
841
843
|
}
|
|
842
844
|
if (oContainer && oContainer.isVisible()) {
|
|
843
845
|
var oVisibleContainer = aVisibleContainers[j];
|
|
@@ -30,7 +30,7 @@ sap.ui.define([
|
|
|
30
30
|
* @extends sap.ui.layout.form.FormElement
|
|
31
31
|
*
|
|
32
32
|
* @author SAP SE
|
|
33
|
-
* @version 1.
|
|
33
|
+
* @version 1.121.0
|
|
34
34
|
*
|
|
35
35
|
* @constructor
|
|
36
36
|
* @public
|
|
@@ -183,7 +183,7 @@ sap.ui.define([
|
|
|
183
183
|
|
|
184
184
|
if (!_renderAsText.call(this)) {
|
|
185
185
|
if (this.getAggregation("_displayField")) {
|
|
186
|
-
// switch to control mode missing, this could happen if something unexpected
|
|
186
|
+
// switch to control mode missing, this could happen if something unexpected changed on field what leads to update of getFormRenderAsControl
|
|
187
187
|
// (happens if the change is not observed because of missing property in getFormObservingProperties or some internal change)
|
|
188
188
|
// -> update now, even if it is somehow late and could lead to re-rendering
|
|
189
189
|
this.destroyAggregation("_displayField");
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
sap.ui.define([
|
|
9
9
|
'sap/ui/core/Control',
|
|
10
10
|
'sap/ui/base/ManagedObjectObserver',
|
|
11
|
+
"sap/ui/core/Element",
|
|
11
12
|
'sap/ui/layout/library',
|
|
12
13
|
'./Form',
|
|
13
14
|
'./FormContainer',
|
|
@@ -19,6 +20,7 @@ sap.ui.define([
|
|
|
19
20
|
], function(
|
|
20
21
|
Control,
|
|
21
22
|
ManagedObjectObserver,
|
|
23
|
+
Element,
|
|
22
24
|
library,
|
|
23
25
|
Form,
|
|
24
26
|
FormContainer,
|
|
@@ -67,7 +69,7 @@ sap.ui.define([
|
|
|
67
69
|
* <b>Note:</b> If a more complex form is needed, use the <code>{@link sap.ui.layout.form.Form Form}</code> control instead.
|
|
68
70
|
*
|
|
69
71
|
* @extends sap.ui.core.Control
|
|
70
|
-
* @version 1.
|
|
72
|
+
* @version 1.121.0
|
|
71
73
|
*
|
|
72
74
|
* @constructor
|
|
73
75
|
* @public
|
|
@@ -120,7 +122,7 @@ sap.ui.define([
|
|
|
120
122
|
* and the spacing between the single controls might be wrong.
|
|
121
123
|
* Also, controls that do not fit the mode might be rendered incorrectly.
|
|
122
124
|
*/
|
|
123
|
-
editable : {type : "boolean", group : "Misc", defaultValue :
|
|
125
|
+
editable : {type : "boolean", group : "Misc", defaultValue : false},
|
|
124
126
|
|
|
125
127
|
/**
|
|
126
128
|
* Specifies the min-width in pixels of the label in all form rows.
|
|
@@ -273,7 +275,7 @@ sap.ui.define([
|
|
|
273
275
|
singleContainerFullSize : {type : "boolean", group : "Misc", defaultValue : true},
|
|
274
276
|
|
|
275
277
|
/**
|
|
276
|
-
* Breakpoint between
|
|
278
|
+
* Breakpoint between large size and extra large size.
|
|
277
279
|
*
|
|
278
280
|
* <b>Note:</b> This property is only used if a <code>ResponsiveGridLayout</code> is used as a layout.
|
|
279
281
|
* @since 1.34.0
|
|
@@ -281,7 +283,7 @@ sap.ui.define([
|
|
|
281
283
|
breakpointXL : {type : "int", group : "Misc", defaultValue : 1440},
|
|
282
284
|
|
|
283
285
|
/**
|
|
284
|
-
* Breakpoint between
|
|
286
|
+
* Breakpoint between medium size and large size.
|
|
285
287
|
*
|
|
286
288
|
* <b>Note:</b> This property is only used if a <code>ResponsiveGridLayout</code> is used as a layout.
|
|
287
289
|
* @since 1.16.3
|
|
@@ -289,7 +291,7 @@ sap.ui.define([
|
|
|
289
291
|
breakpointL : {type : "int", group : "Misc", defaultValue : 1024},
|
|
290
292
|
|
|
291
293
|
/**
|
|
292
|
-
* Breakpoint between
|
|
294
|
+
* Breakpoint between small size and medium size.
|
|
293
295
|
*
|
|
294
296
|
* <b>Note:</b> This property is only used if a <code>ResponsiveGridLayout</code> is used as a layout.
|
|
295
297
|
* @since 1.16.3
|
|
@@ -374,7 +376,12 @@ sap.ui.define([
|
|
|
374
376
|
* In this case add the <code>Title</code> to the <code>ariaLabelledBy</code> association.
|
|
375
377
|
* @since 1.36.0
|
|
376
378
|
*/
|
|
377
|
-
toolbar : {type : "sap.ui.core.Toolbar", multiple : false
|
|
379
|
+
toolbar : {type : "sap.ui.core.Toolbar", multiple : false,
|
|
380
|
+
forwarding: {
|
|
381
|
+
idSuffix: "--Form",
|
|
382
|
+
aggregation: "toolbar"
|
|
383
|
+
}
|
|
384
|
+
}
|
|
378
385
|
},
|
|
379
386
|
associations: {
|
|
380
387
|
|
|
@@ -452,7 +459,7 @@ sap.ui.define([
|
|
|
452
459
|
_removeResize.call(this);
|
|
453
460
|
|
|
454
461
|
for (var i = 0; i < this._aLayouts.length; i++) {
|
|
455
|
-
var oLayout =
|
|
462
|
+
var oLayout = Element.getElementById(this._aLayouts[i]);
|
|
456
463
|
if (oLayout && oLayout.destroy) {
|
|
457
464
|
oLayout.destroy();
|
|
458
465
|
}
|
|
@@ -525,27 +532,16 @@ sap.ui.define([
|
|
|
525
532
|
SimpleForm.prototype.setToolbar = function(oToolbar) {
|
|
526
533
|
|
|
527
534
|
this._bChangedByMe = true;
|
|
528
|
-
|
|
529
|
-
oForm.setToolbar(oToolbar);
|
|
530
|
-
|
|
535
|
+
this.setAggregation("toolbar", oToolbar);
|
|
531
536
|
this._bChangedByMe = false;
|
|
532
537
|
return this;
|
|
533
538
|
|
|
534
539
|
};
|
|
535
540
|
|
|
536
|
-
SimpleForm.prototype.getToolbar = function() {
|
|
537
|
-
|
|
538
|
-
var oForm = this.getAggregation("form");
|
|
539
|
-
return oForm.getToolbar();
|
|
540
|
-
|
|
541
|
-
};
|
|
542
|
-
|
|
543
541
|
SimpleForm.prototype.destroyToolbar = function() {
|
|
544
542
|
|
|
545
543
|
this._bChangedByMe = true;
|
|
546
|
-
|
|
547
|
-
oForm.destroyToolbar();
|
|
548
|
-
|
|
544
|
+
this.destroyAggregation("toolbar");
|
|
549
545
|
this._bChangedByMe = false;
|
|
550
546
|
return this;
|
|
551
547
|
|
|
@@ -913,7 +909,7 @@ sap.ui.define([
|
|
|
913
909
|
if (this._aElements) {
|
|
914
910
|
|
|
915
911
|
if (typeof (vElement) == "string") { // ID of the element is given
|
|
916
|
-
vElement =
|
|
912
|
+
vElement = Element.getElementById(vElement);
|
|
917
913
|
}
|
|
918
914
|
|
|
919
915
|
if (typeof (vElement) == "object") { // the element itself is given or has just been retrieved
|
|
@@ -1675,7 +1671,7 @@ sap.ui.define([
|
|
|
1675
1671
|
mSettings["label"] = oLabel;
|
|
1676
1672
|
} else {
|
|
1677
1673
|
sId = oFormContainer.getId() + "--FE-NoLabel"; // There can be only one FormElement without Label in a FomContainer (first one)
|
|
1678
|
-
if (
|
|
1674
|
+
if (Element.getElementById(sId)) {
|
|
1679
1675
|
// if ResponsiveLayout and ResponsiveFlowLayoutdata with Linebreak is used multiple FormElements without Label can exist
|
|
1680
1676
|
// as already deprecated just keep generatied ID in this very special case.
|
|
1681
1677
|
sId = undefined;
|
|
@@ -1959,7 +1955,7 @@ sap.ui.define([
|
|
|
1959
1955
|
|
|
1960
1956
|
if (!this._bChangedByMe) {
|
|
1961
1957
|
// check if content is still the same like in array
|
|
1962
|
-
// maybe
|
|
1958
|
+
// maybe a Control was destroyed or removed without using the SimpleForm API
|
|
1963
1959
|
// as invalidate is fired for every single object only one object can be changed
|
|
1964
1960
|
var aContent = _getFormContent(this.getAggregation("form"));
|
|
1965
1961
|
var i = 0;
|
|
@@ -9,8 +9,9 @@
|
|
|
9
9
|
*/
|
|
10
10
|
sap.ui.define([
|
|
11
11
|
'sap/ui/base/DataType',
|
|
12
|
+
'sap/ui/core/Lib',
|
|
12
13
|
'sap/ui/core/library'], // library dependency
|
|
13
|
-
function(DataType, library) {
|
|
14
|
+
function(DataType, Library, library) {
|
|
14
15
|
|
|
15
16
|
"use strict";
|
|
16
17
|
|
|
@@ -20,13 +21,14 @@ sap.ui.define([
|
|
|
20
21
|
* @namespace
|
|
21
22
|
* @alias sap.ui.layout
|
|
22
23
|
* @author SAP SE
|
|
23
|
-
* @version 1.
|
|
24
|
+
* @version 1.121.0
|
|
24
25
|
* @since 1.15
|
|
25
26
|
* @public
|
|
26
27
|
*/
|
|
27
|
-
var thisLib =
|
|
28
|
+
var thisLib = Library.init({
|
|
29
|
+
apiVersion: 2,
|
|
28
30
|
name : "sap.ui.layout",
|
|
29
|
-
version: "1.
|
|
31
|
+
version: "1.121.0",
|
|
30
32
|
dependencies: ["sap.ui.core"],
|
|
31
33
|
designtime: "sap/ui/layout/designtime/library.designtime",
|
|
32
34
|
types: [
|
|
@@ -935,6 +937,21 @@ sap.ui.define([
|
|
|
935
937
|
DataType.getType("string")
|
|
936
938
|
);
|
|
937
939
|
|
|
940
|
+
/**
|
|
941
|
+
* Register the above listed enum types.
|
|
942
|
+
*/
|
|
943
|
+
DataType.registerEnum("sap.ui.layout.BackgroundDesign", thisLib.BackgroundDesign);
|
|
944
|
+
DataType.registerEnum("sap.ui.layout.BlockBackgroundType", thisLib.BlockBackgroundType);
|
|
945
|
+
DataType.registerEnum("sap.ui.layout.BlockLayoutCellColorSet", thisLib.BlockLayoutCellColorSet);
|
|
946
|
+
DataType.registerEnum("sap.ui.layout.BlockLayoutCellColorShade", thisLib.BlockLayoutCellColorShade);
|
|
947
|
+
DataType.registerEnum("sap.ui.layout.BlockRowColorSets", thisLib.BlockRowColorSets);
|
|
948
|
+
DataType.registerEnum("sap.ui.layout.GridPosition", thisLib.GridPosition);
|
|
949
|
+
DataType.registerEnum("sap.ui.layout.SideContentFallDown", thisLib.SideContentFallDown);
|
|
950
|
+
DataType.registerEnum("sap.ui.layout.SideContentPosition", thisLib.SideContentPosition);
|
|
951
|
+
DataType.registerEnum("sap.ui.layout.SideContentVisibility", thisLib.SideContentVisibility);
|
|
952
|
+
DataType.registerEnum("sap.ui.layout.form.SimpleFormLayout", thisLib.form.SimpleFormLayout);
|
|
953
|
+
DataType.registerEnum("sap.ui.layout.cssgrid.CSSGridAutoFlow", thisLib.cssgrid.CSSGridAutoFlow);
|
|
954
|
+
|
|
938
955
|
return thisLib;
|
|
939
956
|
|
|
940
957
|
});
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
/**
|
|
7
7
|
* Defines support rules of the Form controls of sap.ui.layout library.
|
|
8
8
|
*/
|
|
9
|
-
sap.ui.define(["sap/ui/support/library", "sap/ui/layout/library"],
|
|
10
|
-
function(SupportLib, layoutLibrary) {
|
|
9
|
+
sap.ui.define(["sap/ui/core/Lib", "sap/ui/support/library", "sap/ui/layout/library"],
|
|
10
|
+
function(Lib, SupportLib, layoutLibrary) {
|
|
11
11
|
"use strict";
|
|
12
12
|
|
|
13
13
|
// shortcuts
|
|
@@ -896,7 +896,7 @@ sap.ui.define(["sap/ui/support/library", "sap/ui/layout/library"],
|
|
|
896
896
|
oScope.getElementsByClassName("sap.ui.layout.form.Form")
|
|
897
897
|
.forEach(function (oForm) {
|
|
898
898
|
var oLayout = oForm.getLayout();
|
|
899
|
-
var oLoadedLibraries =
|
|
899
|
+
var oLoadedLibraries = Lib.all();
|
|
900
900
|
if (oLayout && oLayout.isA("sap.ui.layout.form.ColumnLayout") && !oLoadedLibraries.hasOwnProperty("sap.ui.commons")) {
|
|
901
901
|
var oParent = oForm.getParent();
|
|
902
902
|
var sId;
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
/**
|
|
7
7
|
* The main Splitter element can have the following classes in addition to its main class
|
|
8
8
|
* "sapUiLoSplitter":
|
|
9
|
-
* sapUiLoSplitterAnimated - Resizing should be animated (through css-transitions)
|
|
10
9
|
* sapUiLoSplitterH - It's a horizontal splitter
|
|
11
10
|
* sapUiLoSplitterV - It's a vertical splitter
|
|
12
11
|
* The splitter bars "sapUiLoSplitterBar" and "sapUiLoSplitterOverlayBar" can have the following
|
|
@@ -85,6 +84,7 @@
|
|
|
85
84
|
}
|
|
86
85
|
}
|
|
87
86
|
|
|
87
|
+
/* Animated resizing is deprecated since version 1.21 */
|
|
88
88
|
.sapUiLoSplitterAnimated.sapUiLoSplitterH > .sapUiLoSplitterContent {
|
|
89
89
|
transition: width 200ms ease 0ms;
|
|
90
90
|
}
|
|
@@ -177,6 +177,7 @@
|
|
|
177
177
|
width: 100%;
|
|
178
178
|
}
|
|
179
179
|
|
|
180
|
+
/* Animated resizing is deprecated since version 1.21 */
|
|
180
181
|
.sapUiLoSplitterAnimated.sapUiLoSplitterV > .sapUiLoSplitterContent {
|
|
181
182
|
transition: height 200ms ease 0ms;
|
|
182
183
|
}
|
|
@@ -17,6 +17,10 @@
|
|
|
17
17
|
box-sizing: border-box;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
.sapUiVlt.sapUiContentPadding .sapUiVltCell:has(> .sapUiHiddenPlaceholder) {
|
|
21
|
+
padding-bottom: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
20
24
|
@media (max-width: 599px) {
|
|
21
25
|
.sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiVlt.sapUiResponsiveContentPadding ,
|
|
22
26
|
.sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapUiVlt.sapUiResponsiveContentPadding ,
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
Copyright (c) <year> <owner>. All rights reserved.
|
|
2
|
-
|
|
3
|
-
Redistribution and use in source and binary forms, with or without modification,
|
|
4
|
-
are permitted provided that the following conditions are met:
|
|
5
|
-
|
|
6
|
-
1. Redistributions of source code must retain the above copyright notice,
|
|
7
|
-
this list of conditions and the following disclaimer.
|
|
8
|
-
|
|
9
|
-
2. Redistributions in binary form must reproduce the above copyright notice,
|
|
10
|
-
this list of conditions and the following disclaimer in the documentation
|
|
11
|
-
and/or other materials provided with the distribution.
|
|
12
|
-
|
|
13
|
-
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
|
14
|
-
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
|
15
|
-
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
|
|
16
|
-
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
|
|
17
|
-
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
|
|
18
|
-
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
|
|
19
|
-
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
|
|
20
|
-
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
|
|
21
|
-
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE
|
|
22
|
-
USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|