@openui5/sap.ui.layout 1.106.0 → 1.107.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.
Files changed (58) hide show
  1. package/package.json +2 -2
  2. package/src/sap/ui/layout/.library +1 -1
  3. package/src/sap/ui/layout/AlignedFlowLayout.js +4 -3
  4. package/src/sap/ui/layout/AssociativeSplitter.js +1 -1
  5. package/src/sap/ui/layout/BlockLayout.js +29 -26
  6. package/src/sap/ui/layout/BlockLayoutCell.js +4 -3
  7. package/src/sap/ui/layout/BlockLayoutCellData.js +1 -2
  8. package/src/sap/ui/layout/BlockLayoutRow.js +4 -3
  9. package/src/sap/ui/layout/DynamicSideContent.js +84 -80
  10. package/src/sap/ui/layout/DynamicSideContentRenderer.js +3 -3
  11. package/src/sap/ui/layout/FixFlex.js +9 -7
  12. package/src/sap/ui/layout/Grid.js +74 -71
  13. package/src/sap/ui/layout/GridData.js +1 -2
  14. package/src/sap/ui/layout/GridRenderer.js +1 -1
  15. package/src/sap/ui/layout/HorizontalLayout.js +22 -19
  16. package/src/sap/ui/layout/PaneContainer.js +1 -1
  17. package/src/sap/ui/layout/ResponsiveFlowLayout.js +35 -30
  18. package/src/sap/ui/layout/ResponsiveFlowLayoutData.js +1 -2
  19. package/src/sap/ui/layout/ResponsiveSplitter.js +1 -1
  20. package/src/sap/ui/layout/ResponsiveSplitterPage.js +1 -1
  21. package/src/sap/ui/layout/SplitPane.js +1 -1
  22. package/src/sap/ui/layout/Splitter.js +6 -5
  23. package/src/sap/ui/layout/SplitterLayoutData.js +1 -2
  24. package/src/sap/ui/layout/VerticalLayout.js +29 -26
  25. package/src/sap/ui/layout/changeHandler/AddFormContainer.js +1 -1
  26. package/src/sap/ui/layout/changeHandler/AddFormField.js +1 -1
  27. package/src/sap/ui/layout/changeHandler/AddSimpleFormField.js +8 -3
  28. package/src/sap/ui/layout/changeHandler/AddSimpleFormGroup.js +7 -2
  29. package/src/sap/ui/layout/changeHandler/HideSimpleForm.js +6 -12
  30. package/src/sap/ui/layout/changeHandler/MoveSimpleForm.js +13 -13
  31. package/src/sap/ui/layout/changeHandler/RenameFormContainer.js +1 -1
  32. package/src/sap/ui/layout/changeHandler/RenameSimpleForm.js +6 -4
  33. package/src/sap/ui/layout/changeHandler/UnhideSimpleForm.js +3 -2
  34. package/src/sap/ui/layout/cssgrid/CSSGrid.js +1 -2
  35. package/src/sap/ui/layout/cssgrid/GridBasicLayout.js +1 -2
  36. package/src/sap/ui/layout/cssgrid/GridBoxLayout.js +1 -2
  37. package/src/sap/ui/layout/cssgrid/GridItemLayoutData.js +1 -2
  38. package/src/sap/ui/layout/cssgrid/GridLayoutBase.js +1 -2
  39. package/src/sap/ui/layout/cssgrid/GridLayoutDelegate.js +1 -1
  40. package/src/sap/ui/layout/cssgrid/GridResponsiveLayout.js +1 -2
  41. package/src/sap/ui/layout/cssgrid/GridSettings.js +1 -2
  42. package/src/sap/ui/layout/cssgrid/ResponsiveColumnItemLayoutData.js +1 -2
  43. package/src/sap/ui/layout/cssgrid/ResponsiveColumnLayout.js +1 -2
  44. package/src/sap/ui/layout/form/ColumnContainerData.js +1 -2
  45. package/src/sap/ui/layout/form/ColumnElementData.js +1 -2
  46. package/src/sap/ui/layout/form/ColumnLayout.js +41 -38
  47. package/src/sap/ui/layout/form/Form.js +78 -75
  48. package/src/sap/ui/layout/form/FormContainer.js +1 -2
  49. package/src/sap/ui/layout/form/FormElement.js +1 -3
  50. package/src/sap/ui/layout/form/FormLayout.js +22 -18
  51. package/src/sap/ui/layout/form/GridContainerData.js +1 -2
  52. package/src/sap/ui/layout/form/GridElementData.js +1 -2
  53. package/src/sap/ui/layout/form/GridLayout.js +19 -16
  54. package/src/sap/ui/layout/form/ResponsiveGridLayout.js +138 -135
  55. package/src/sap/ui/layout/form/ResponsiveLayout.js +15 -12
  56. package/src/sap/ui/layout/form/SemanticFormElement.js +1 -2
  57. package/src/sap/ui/layout/form/SimpleForm.js +437 -404
  58. package/src/sap/ui/layout/library.js +2 -25
@@ -22,35 +22,38 @@ sap.ui.define(['sap/ui/core/Control', './library', "./HorizontalLayoutRenderer"]
22
22
  * @extends sap.ui.core.Control
23
23
  *
24
24
  * @author SAP SE
25
- * @version 1.106.0
25
+ * @version 1.107.0
26
26
  *
27
27
  * @constructor
28
28
  * @public
29
29
  * @since 1.16.0
30
30
  * @alias sap.ui.layout.HorizontalLayout
31
- * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
32
31
  */
33
- var HorizontalLayout = Control.extend("sap.ui.layout.HorizontalLayout", /** @lends sap.ui.layout.HorizontalLayout.prototype */ { metadata : {
32
+ var HorizontalLayout = Control.extend("sap.ui.layout.HorizontalLayout", /** @lends sap.ui.layout.HorizontalLayout.prototype */ {
33
+ metadata : {
34
34
 
35
- library : "sap.ui.layout",
36
- properties : {
35
+ library : "sap.ui.layout",
36
+ properties : {
37
37
 
38
- /**
39
- * Specifies whether the content inside the Layout shall be line-wrapped in the case that there is less horizontal space available than required.
40
- */
41
- allowWrapping : {type : "boolean", group : "Misc", defaultValue : false}
42
- },
43
- defaultAggregation : "content",
44
- aggregations : {
38
+ /**
39
+ * Specifies whether the content inside the Layout shall be line-wrapped in the case that there is less horizontal space available than required.
40
+ */
41
+ allowWrapping : {type : "boolean", group : "Misc", defaultValue : false}
42
+ },
43
+ defaultAggregation : "content",
44
+ aggregations : {
45
45
 
46
- /**
47
- * The controls inside this layout
48
- */
49
- content : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
46
+ /**
47
+ * The controls inside this layout
48
+ */
49
+ content : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
50
+ },
51
+ designtime: "sap/ui/layout/designtime/HorizontalLayout.designtime",
52
+ dnd: { draggable: false, droppable: true }
50
53
  },
51
- designtime: "sap/ui/layout/designtime/HorizontalLayout.designtime",
52
- dnd: { draggable: false, droppable: true }
53
- }});
54
+
55
+ renderer: HorizontalLayoutRenderer
56
+ });
54
57
 
55
58
  /**
56
59
  * @see sap.ui.core.Control#getAccessibilityInfo
@@ -24,7 +24,7 @@ sap.ui.define(['./library', 'sap/ui/core/Element', './AssociativeSplitter', 'sap
24
24
  * @extends sap.ui.core.Element
25
25
  *
26
26
  * @author SAP SE
27
- * @version 1.106.0
27
+ * @version 1.107.0
28
28
  *
29
29
  * @constructor
30
30
  * @public
@@ -6,19 +6,21 @@
6
6
 
7
7
  // Provides control sap.ui.layout.ResponsiveFlowLayout.
8
8
  sap.ui.define([
9
+ 'sap/ui/core/Configuration',
9
10
  'sap/ui/core/Control',
10
- './ResponsiveFlowLayoutData',
11
- './library',
12
11
  'sap/ui/core/ResizeHandler',
12
+ './library',
13
+ './ResponsiveFlowLayoutData',
13
14
  './ResponsiveFlowLayoutRenderer',
14
- "sap/ui/thirdparty/jquery",
15
+ 'sap/ui/thirdparty/jquery',
15
16
  'sap/ui/dom/jquery/rect' // jQuery Plugin "rect"
16
17
  ],
17
18
  function(
19
+ Configuration,
18
20
  Control,
19
- ResponsiveFlowLayoutData,
20
- library,
21
21
  ResizeHandler,
22
+ library,
23
+ ResponsiveFlowLayoutData,
22
24
  ResponsiveFlowLayoutRenderer,
23
25
  jQuery
24
26
  ) {
@@ -37,41 +39,44 @@ sap.ui.define([
37
39
  * @extends sap.ui.core.Control
38
40
  *
39
41
  * @author SAP SE
40
- * @version 1.106.0
42
+ * @version 1.107.0
41
43
  *
42
44
  * @constructor
43
45
  * @public
44
46
  * @since 1.16.0
45
47
  * @alias sap.ui.layout.ResponsiveFlowLayout
46
- * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
47
48
  */
48
- var ResponsiveFlowLayout = Control.extend("sap.ui.layout.ResponsiveFlowLayout", /** @lends sap.ui.layout.ResponsiveFlowLayout.prototype */ { metadata : {
49
+ var ResponsiveFlowLayout = Control.extend("sap.ui.layout.ResponsiveFlowLayout", /** @lends sap.ui.layout.ResponsiveFlowLayout.prototype */ {
50
+ metadata : {
49
51
 
50
- library : "sap.ui.layout",
51
- properties : {
52
+ library : "sap.ui.layout",
53
+ properties : {
52
54
 
53
- /**
54
- * If set to false, all added controls will keep their width, or otherwise, the controls will be stretched to the possible width of a row.
55
- */
56
- responsive : {type : "boolean", group : "Misc", defaultValue : true}
57
- },
58
- defaultAggregation : "content",
59
- aggregations : {
55
+ /**
56
+ * If set to false, all added controls will keep their width, or otherwise, the controls will be stretched to the possible width of a row.
57
+ */
58
+ responsive : {type : "boolean", group : "Misc", defaultValue : true}
59
+ },
60
+ defaultAggregation : "content",
61
+ aggregations : {
60
62
 
61
- /**
62
- * Added content that should be positioned. Every content item should have a ResponsiveFlowLayoutData attached, or otherwise, the default values are used.
63
- */
64
- content : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
63
+ /**
64
+ * Added content that should be positioned. Every content item should have a ResponsiveFlowLayoutData attached, or otherwise, the default values are used.
65
+ */
66
+ content : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
67
+ },
68
+ associations: {
69
+
70
+ /**
71
+ * Association to controls / IDs that label this control (see WAI-ARIA attribute <code>aria-labelledby</code>).
72
+ * @since 1.48.7
73
+ */
74
+ ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
75
+ }
65
76
  },
66
- associations: {
67
77
 
68
- /**
69
- * Association to controls / IDs that label this control (see WAI-ARIA attribute <code>aria-labelledby</code>).
70
- * @since 1.48.7
71
- */
72
- ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
73
- }
74
- }});
78
+ renderer: ResponsiveFlowLayoutRenderer
79
+ });
75
80
 
76
81
 
77
82
  (function() {
@@ -208,7 +213,7 @@ sap.ui.define([
208
213
  };
209
214
 
210
215
  // Find out the "rows" within a row
211
- if (sap.ui.getCore().getConfiguration().getRTL()) {
216
+ if (Configuration.getRTL()) {
212
217
  // for RTL-mode the elements have to be checked the other way round
213
218
  for (var i = oRow.cont.length - 1; i >= 0; i--) {
214
219
  fnCurrentWrapping(i);
@@ -22,13 +22,12 @@ sap.ui.define(['sap/ui/core/LayoutData', './library', "sap/base/Log"],
22
22
  * @extends sap.ui.core.LayoutData
23
23
  *
24
24
  * @author SAP SE
25
- * @version 1.106.0
25
+ * @version 1.107.0
26
26
  *
27
27
  * @constructor
28
28
  * @public
29
29
  * @since 1.16.0
30
30
  * @alias sap.ui.layout.ResponsiveFlowLayoutData
31
- * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
32
31
  */
33
32
  var ResponsiveFlowLayoutData = LayoutData.extend("sap.ui.layout.ResponsiveFlowLayoutData", /** @lends sap.ui.layout.ResponsiveFlowLayoutData.prototype */ { metadata : {
34
33
 
@@ -70,7 +70,7 @@ sap.ui.define([
70
70
  * @extends sap.ui.core.Control
71
71
  *
72
72
  * @author SAP SE
73
- * @version 1.106.0
73
+ * @version 1.107.0
74
74
  *
75
75
  * @constructor
76
76
  * @public
@@ -24,7 +24,7 @@ sap.ui.define([
24
24
  * @extends sap.ui.core.Control
25
25
  *
26
26
  * @author SAP SE
27
- * @version 1.106.0
27
+ * @version 1.107.0
28
28
  *
29
29
  * @constructor
30
30
  * @private
@@ -26,7 +26,7 @@ sap.ui.define(['./library', 'sap/ui/core/Element'],
26
26
  * @extends sap.ui.core.Element
27
27
  *
28
28
  * @author SAP SE
29
- * @version 1.106.0
29
+ * @version 1.107.0
30
30
  *
31
31
  * @constructor
32
32
  * @public
@@ -14,7 +14,8 @@ sap.ui.define([
14
14
  './SplitterRenderer',
15
15
  "sap/base/Log",
16
16
  "sap/ui/thirdparty/jquery",
17
- "sap/ui/layout/SplitterLayoutData"
17
+ "sap/ui/layout/SplitterLayoutData",
18
+ "sap/ui/core/Configuration"
18
19
  ],
19
20
  function(
20
21
  Control,
@@ -26,7 +27,8 @@ sap.ui.define([
26
27
  SplitterRenderer,
27
28
  Log,
28
29
  jQuery,
29
- SplitterLayoutData
30
+ SplitterLayoutData,
31
+ Configuration
30
32
  ) {
31
33
  "use strict";
32
34
 
@@ -68,13 +70,12 @@ sap.ui.define([
68
70
  * @extends sap.ui.core.Control
69
71
  *
70
72
  * @author SAP SE
71
- * @version 1.106.0
73
+ * @version 1.107.0
72
74
  *
73
75
  * @constructor
74
76
  * @public
75
77
  * @since 1.22.0
76
78
  * @alias sap.ui.layout.Splitter
77
- * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
78
79
  */
79
80
  var Splitter = Control.extend("sap.ui.layout.Splitter", /** @lends sap.ui.layout.Splitter.prototype */ {
80
81
  metadata: {
@@ -161,7 +162,7 @@ sap.ui.define([
161
162
  // Switch resizing parameters based on orientation - this must be done to initialize the values
162
163
  this._initOrientationProperties();
163
164
 
164
- this._bRtl = sap.ui.getCore().getConfiguration().getRTL();
165
+ this._bRtl = Configuration.getRTL();
165
166
 
166
167
  // Create bound listener functions for keyboard event handling
167
168
  this._keyListeners = {
@@ -24,7 +24,7 @@ sap.ui.define(['sap/ui/core/LayoutData', './library'],
24
24
  * (The CSS value "auto" is used internally to recalculate the size of the content
25
25
  * dynamically and is not directly set as style property.)
26
26
  * @extends sap.ui.core.LayoutData
27
- * @version 1.106.0
27
+ * @version 1.107.0
28
28
  *
29
29
  * @constructor
30
30
  * @public
@@ -32,7 +32,6 @@ sap.ui.define(['sap/ui/core/LayoutData', './library'],
32
32
  * @experimental Since version 1.22.0.
33
33
  * API is not yet finished and might change completely
34
34
  * @alias sap.ui.layout.SplitterLayoutData
35
- * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
36
35
  */
37
36
  var SplitterLayoutData = LayoutData.extend("sap.ui.layout.SplitterLayoutData", /** @lends sap.ui.layout.SplitterLayoutData.prototype */ { metadata : {
38
37
 
@@ -25,43 +25,46 @@ sap.ui.define([
25
25
  * @extends sap.ui.core.Control
26
26
  *
27
27
  * @author SAP SE
28
- * @version 1.106.0
28
+ * @version 1.107.0
29
29
  *
30
30
  * @constructor
31
31
  * @public
32
32
  * @since 1.16.0
33
33
  * @alias sap.ui.layout.VerticalLayout
34
- * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
35
34
  */
36
- var VerticalLayout = Control.extend("sap.ui.layout.VerticalLayout", /** @lends sap.ui.layout.VerticalLayout.prototype */ { metadata : {
35
+ var VerticalLayout = Control.extend("sap.ui.layout.VerticalLayout", /** @lends sap.ui.layout.VerticalLayout.prototype */ {
36
+ metadata : {
37
37
 
38
- library : "sap.ui.layout",
39
- properties : {
38
+ library : "sap.ui.layout",
39
+ properties : {
40
40
 
41
- /**
42
- * Width of the <code>VerticalLayout</code>. If no width is set, the width of the content is used.
43
- * If the content of the layout has a larger width than the layout, it is cut off.
44
- * There is no scrolling inside the layout.
45
- */
46
- width : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
41
+ /**
42
+ * Width of the <code>VerticalLayout</code>. If no width is set, the width of the content is used.
43
+ * If the content of the layout has a larger width than the layout, it is cut off.
44
+ * There is no scrolling inside the layout.
45
+ */
46
+ width : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : null},
47
47
 
48
- /**
49
- *
50
- * If not enabled, all controls inside are not enabled automatically.
51
- */
52
- enabled : {type : "boolean", group : "Behavior", defaultValue : true}
53
- },
54
- defaultAggregation : "content",
55
- aggregations : {
48
+ /**
49
+ *
50
+ * If not enabled, all controls inside are not enabled automatically.
51
+ */
52
+ enabled : {type : "boolean", group : "Behavior", defaultValue : true}
53
+ },
54
+ defaultAggregation : "content",
55
+ aggregations : {
56
56
 
57
- /**
58
- * Content controls within the layout.
59
- */
60
- content : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
57
+ /**
58
+ * Content controls within the layout.
59
+ */
60
+ content : {type : "sap.ui.core.Control", multiple : true, singularName : "content"}
61
+ },
62
+ dnd: { draggable: false, droppable: true },
63
+ designtime: "sap/ui/layout/designtime/VerticalLayout.designtime"
61
64
  },
62
- dnd: { draggable: false, droppable: true },
63
- designtime: "sap/ui/layout/designtime/VerticalLayout.designtime"
64
- }});
65
+
66
+ renderer: VerticalLayoutRenderer
67
+ });
65
68
 
66
69
  /**
67
70
  * @see sap.ui.core.Control#getAccessibilityInfo
@@ -17,7 +17,7 @@ sap.ui.define([
17
17
  * Change handler for adding a form group.
18
18
  * @alias sap.ui.layout.changeHandler.AddFormContainer
19
19
  * @author SAP SE
20
- * @version 1.106.0
20
+ * @version 1.107.0
21
21
  * @experimental Since 1.48.0
22
22
  */
23
23
  var AddGroup = { };
@@ -19,7 +19,7 @@ sap.ui.define([
19
19
  *
20
20
  * @author SAP SE
21
21
  *
22
- * @version 1.106.0
22
+ * @version 1.107.0
23
23
  *
24
24
  * @experimental Since 1.50.0 This class is experimental and provides only limited functionality. Also the API might be
25
25
  * changed in future.
@@ -91,7 +91,7 @@ sap.ui.define([
91
91
  *
92
92
  * @author SAP SE
93
93
  *
94
- * @version 1.106.0
94
+ * @version 1.107.0
95
95
  *
96
96
  * @experimental Since 1.49.0 This class is experimental and provides only limited functionality. Also the API might be
97
97
  * changed in future.
@@ -174,10 +174,11 @@ sap.ui.define([
174
174
 
175
175
  AddSimpleFormField.getChangeVisualizationInfo = function(oChange, oAppComponent) {
176
176
  var oRevertData = oChange.getRevertData();
177
+
177
178
  if (oRevertData && oRevertData.labelSelector) {
178
179
  return {
179
- affectedControls: [JsControlTreeModifier.bySelector(oRevertData.labelSelector, oAppComponent).getId()],
180
- hasParentWithUnstableId: true
180
+ affectedControls: [JsControlTreeModifier.bySelector(oRevertData.labelSelector, oAppComponent).getParent().getId()],
181
+ updateRequired: true
181
182
  };
182
183
  }
183
184
  return {
@@ -185,6 +186,10 @@ sap.ui.define([
185
186
  };
186
187
  };
187
188
 
189
+ AddSimpleFormField.getCondenserInfo = function() {
190
+ return undefined;
191
+ };
192
+
188
193
  return AddSimpleFormField;
189
194
  },
190
195
  /* bExport= */true);
@@ -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.106.0
20
+ * @version 1.107.0
21
21
  * @experimental Since 1.27.0
22
22
  */
23
23
  var AddSimpleFormGroup = {};
@@ -230,11 +230,16 @@ sap.ui.define([
230
230
  AddSimpleFormGroup.getChangeVisualizationInfo = function(oChange, oAppComponent) {
231
231
  var oSelector = oChange.getContent().group.selector;
232
232
  var oAffectedGroup = JsControlTreeModifier.bySelector(oSelector, oAppComponent).getId();
233
+
233
234
  return {
234
235
  affectedControls: [oAffectedGroup],
235
- hasParentWithUnstableId: true
236
+ updateRequired: true
236
237
  };
237
238
  };
238
239
 
240
+ AddSimpleFormGroup.getCondenserInfo = function() {
241
+ return undefined;
242
+ };
243
+
239
244
  return AddSimpleFormGroup;
240
245
  }, /* bExport= */true);
@@ -17,7 +17,7 @@ sap.ui.define([
17
17
  * Change handler for hiding of a control.
18
18
  * @alias sap.ui.fl.changeHandler.HideControl
19
19
  * @author SAP SE
20
- * @version 1.106.0
20
+ * @version 1.107.0
21
21
  * @experimental Since 1.27.0
22
22
  */
23
23
  var HideForm = { };
@@ -44,10 +44,6 @@ sap.ui.define([
44
44
  return mPropertyBag.modifier.targets === "xmlTree";
45
45
  }
46
46
 
47
- function getGroupHeader(oElement) {
48
- return oElement.getTitle() || oElement.getToolbar();
49
- }
50
-
51
47
  /**
52
48
  * Hides a control.
53
49
  *
@@ -276,15 +272,13 @@ sap.ui.define([
276
272
  HideForm.getChangeVisualizationInfo = function(oChange, oAppComponent) {
277
273
  var oSelector = oChange.getContent().elementSelector;
278
274
  var oElement = JsControlTreeModifier.bySelector(oSelector, oAppComponent);
279
- // to show the change indicator on the correct position a stable id needs to be passed to the ChangeIndicatorRegistry
280
- var oStableElementId = oChange.getChangeType() === "hideSimpleFormField"
281
- ? getGroupHeader(oElement.getParent().getParent()).getId()
282
- : oElement.getId();
283
-
275
+ var oDisplaySelector = oChange.getChangeType() === "removeSimpleFormGroup"
276
+ ? oElement.getParent().getId()
277
+ : oElement.getParent().getParent().getId();
284
278
  return {
285
279
  affectedControls: [oSelector],
286
- displayControls: [oStableElementId],
287
- hasParentWithUnstableId: true
280
+ displayControls: [oDisplaySelector],
281
+ updateRequired: true
288
282
  };
289
283
  };
290
284
 
@@ -20,7 +20,7 @@ sap.ui.define([
20
20
  *
21
21
  * @alias sap.ui.layout.changeHandler.MoveSimpleForm
22
22
  * @author SAP SE
23
- * @version 1.106.0
23
+ * @version 1.107.0
24
24
  * @experimental Since 1.34.0
25
25
  */
26
26
  var MoveSimpleForm = {};
@@ -461,18 +461,18 @@ sap.ui.define([
461
461
  };
462
462
 
463
463
  MoveSimpleForm.getChangeVisualizationInfo = function(oChange, oAppComponent) {
464
- var oSourceParentContainer;
465
- var oTargetParentContainer;
464
+ var oSourceContainer;
465
+ var oTargetContainer;
466
466
  var oMovedElement = oChange.getContent().movedElements[0];
467
467
  var oGroupSelector = oMovedElement.source.groupSelector;
468
- var oAffectedControlSelector = JsControlTreeModifier.bySelector(oMovedElement.elementSelector, oAppComponent).getId();
468
+ var oAffectedControlSelector = JsControlTreeModifier.bySelector(oMovedElement.elementSelector, oAppComponent).getParent().getId();
469
469
  if (oChange.getChangeType() === MoveSimpleForm.CHANGE_TYPE_MOVE_FIELD) {
470
- var oSourceParentTitleElement = JsControlTreeModifier.bySelector(oMovedElement.source.groupSelector, oAppComponent);
471
- var oTargetParentTitleElement = JsControlTreeModifier.bySelector(oMovedElement.target.groupSelector, oAppComponent);
472
- oSourceParentContainer = oSourceParentTitleElement ? oSourceParentTitleElement.getParent().getId() : null;
473
- oTargetParentContainer = oTargetParentTitleElement ? oTargetParentTitleElement.getParent().getId() : null;
470
+ var oSourceTitleElement = JsControlTreeModifier.bySelector(oMovedElement.source.groupSelector, oAppComponent);
471
+ var oTargetTitleElement = JsControlTreeModifier.bySelector(oMovedElement.target.groupSelector, oAppComponent);
472
+ oSourceContainer = oSourceTitleElement ? oSourceTitleElement.getParent().getId() : null;
473
+ oTargetContainer = oTargetTitleElement ? oTargetTitleElement.getParent().getId() : null;
474
474
  oGroupSelector = {
475
- id: oSourceParentContainer
475
+ id: oSourceContainer
476
476
  };
477
477
  }
478
478
  return {
@@ -482,10 +482,10 @@ sap.ui.define([
482
482
  ? oGroupSelector
483
483
  : oChange.getContent().targetSelector
484
484
  ],
485
- hasParentWithUnstableId: true,
486
- payload: {
487
- sourceParentContainer: oSourceParentContainer,
488
- targetParentContainer: oTargetParentContainer
485
+ updateRequired: true,
486
+ descriptionPayload: {
487
+ sourceContainer: oSourceContainer,
488
+ targetContainer: oTargetContainer
489
489
  }
490
490
  };
491
491
  };
@@ -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.106.0
17
+ * @version 1.107.0
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.
@@ -18,7 +18,7 @@ sap.ui.define([
18
18
  *
19
19
  * @alias sap.ui.layout.changeHandler.RenameForm
20
20
  * @author SAP SE
21
- * @version 1.106.0
21
+ * @version 1.107.0
22
22
  * @since 1.40
23
23
  * @private
24
24
  * @experimental Since 1.40. This class is experimental and provides only limited functionality. Also the API might be changed in future.
@@ -135,10 +135,12 @@ sap.ui.define([
135
135
 
136
136
  RenameForm.getChangeVisualizationInfo = function(oChange, oAppComponent) {
137
137
  var oElementSelector = oChange.getContent().elementSelector;
138
- var oAffectedControlSelector = JsControlTreeModifier.bySelector(oElementSelector, oAppComponent).getParent().getId();
138
+ var sAffectedControlId = JsControlTreeModifier.bySelector(oElementSelector, oAppComponent).getParent().getId();
139
+
139
140
  return {
140
- affectedControls: [oAffectedControlSelector],
141
- payload: {
141
+ affectedControls: [sAffectedControlId],
142
+ updateRequired: true,
143
+ descriptionPayload: {
142
144
  originalLabel: oChange.getRevertData(),
143
145
  newLabel: oChange.getTexts().formText.value
144
146
  }
@@ -13,7 +13,7 @@ sap.ui.define([
13
13
  * Change handler for hiding of a control.
14
14
  * @alias sap.ui.fl.changeHandler.HideControl
15
15
  * @author SAP SE
16
- * @version 1.106.0
16
+ * @version 1.107.0
17
17
  * @experimental Since 1.27.0
18
18
  */
19
19
  var UnhideForm = { };
@@ -157,7 +157,8 @@ sap.ui.define([
157
157
 
158
158
  UnhideForm.getChangeVisualizationInfo = function(oChange, oAppComponent) {
159
159
  return {
160
- affectedControls: [JsControlTreeModifier.bySelector(oChange.getContent().elementSelector, oAppComponent).getParent().getId()]
160
+ affectedControls: [JsControlTreeModifier.bySelector(oChange.getContent().elementSelector, oAppComponent).getParent().getId()],
161
+ updateRequired: true
161
162
  };
162
163
  };
163
164
 
@@ -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.106.0
99
+ * @version 1.107.0
100
100
  *
101
101
  * @extends sap.ui.core.Control
102
102
  * @implements sap.ui.layout.cssgrid.IGridConfigurable
@@ -105,7 +105,6 @@ sap.ui.define([
105
105
  * @constructor
106
106
  * @public
107
107
  * @alias sap.ui.layout.cssgrid.CSSGrid
108
- * @ui5-metamodel This control/element will also be described in the UI5 (legacy) designtime metamodel
109
108
  */
110
109
  var CSSGrid = Control.extend("sap.ui.layout.cssgrid.CSSGrid", {
111
110
  metadata: {
@@ -21,7 +21,7 @@ sap.ui.define([
21
21
  * Applies a sap.ui.layout.cssgrid.GridSettings to a provided DOM element or Control.
22
22
  *
23
23
  * @author SAP SE
24
- * @version 1.106.0
24
+ * @version 1.107.0
25
25
  *
26
26
  * @extends sap.ui.layout.cssgrid.GridLayoutBase
27
27
  *
@@ -29,7 +29,6 @@ sap.ui.define([
29
29
  * @constructor
30
30
  * @public
31
31
  * @alias sap.ui.layout.cssgrid.GridBasicLayout
32
- * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
33
32
  */
34
33
  var GridBasicLayout = GridLayoutBase.extend("sap.ui.layout.cssgrid.GridBasicLayout", {
35
34
  metadata: {
@@ -48,7 +48,7 @@ sap.ui.define([
48
48
  * Applies a sap.ui.layout.cssgrid.GridSettings to a provided DOM element or Control.
49
49
  *
50
50
  * @author SAP SE
51
- * @version 1.106.0
51
+ * @version 1.107.0
52
52
  *
53
53
  * @extends sap.ui.layout.cssgrid.GridLayoutBase
54
54
  *
@@ -56,7 +56,6 @@ sap.ui.define([
56
56
  * @constructor
57
57
  * @public
58
58
  * @alias sap.ui.layout.cssgrid.GridBoxLayout
59
- * @ui5-metamodel This simple type will also be described in the UI5 (legacy) designtime metamodel
60
59
  */
61
60
  var GridBoxLayout = GridLayoutBase.extend("sap.ui.layout.cssgrid.GridBoxLayout", {
62
61
  metadata: {
@@ -29,12 +29,11 @@ sap.ui.define([
29
29
  * Holds layout data for a grid item.
30
30
  *
31
31
  * @extends sap.ui.core.LayoutData
32
- * @version 1.106.0
32
+ * @version 1.107.0
33
33
  *
34
34
  * @constructor
35
35
  * @public
36
36
  * @alias sap.ui.layout.cssgrid.GridItemLayoutData
37
- * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
38
37
  */
39
38
  var GridItemLayoutData = LayoutData.extend("sap.ui.layout.cssgrid.GridItemLayoutData", { metadata: {
40
39
  library: "sap.ui.layout",