@openui5/sap.f 1.117.1 → 1.119.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 (100) hide show
  1. package/THIRDPARTY.txt +2 -2
  2. package/package.json +4 -4
  3. package/src/sap/f/.library +1 -1
  4. package/src/sap/f/Avatar.js +1 -1
  5. package/src/sap/f/AvatarGroup.js +1 -1
  6. package/src/sap/f/AvatarGroupItem.js +1 -1
  7. package/src/sap/f/CalendarAppointmentInCard.js +1 -1
  8. package/src/sap/f/CalendarInCard.js +1 -1
  9. package/src/sap/f/Card.js +1 -1
  10. package/src/sap/f/CardBase.js +1 -1
  11. package/src/sap/f/DynamicPage.js +2 -1
  12. package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js +1 -1
  13. package/src/sap/f/DynamicPageHeader.js +1 -1
  14. package/src/sap/f/DynamicPageTitle.js +23 -10
  15. package/src/sap/f/DynamicPageTitleRenderer.js +2 -1
  16. package/src/sap/f/FlexibleColumnLayout.js +1 -1
  17. package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js +1 -1
  18. package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js +3 -3
  19. package/src/sap/f/GridContainer.js +1 -1
  20. package/src/sap/f/GridContainerItemLayoutData.js +1 -1
  21. package/src/sap/f/GridContainerSettings.js +2 -2
  22. package/src/sap/f/GridList.js +1 -4
  23. package/src/sap/f/GridListItem.js +1 -1
  24. package/src/sap/f/IllustratedMessage.js +1 -1
  25. package/src/sap/f/Illustration.js +1 -1
  26. package/src/sap/f/PlanningCalendarInCardLegend.js +2 -2
  27. package/src/sap/f/ProductSwitch.js +1 -1
  28. package/src/sap/f/ProductSwitchItem.js +1 -1
  29. package/src/sap/f/SearchManager.js +1 -1
  30. package/src/sap/f/ShellBar.js +1 -1
  31. package/src/sap/f/SidePanel.js +27 -21
  32. package/src/sap/f/SidePanelItem.js +1 -1
  33. package/src/sap/f/SidePanelRenderer.js +1 -1
  34. package/src/sap/f/cards/BaseHeader.js +38 -4
  35. package/src/sap/f/cards/BaseHeaderRenderer.js +68 -0
  36. package/src/sap/f/cards/Header.js +33 -31
  37. package/src/sap/f/cards/HeaderRenderer.js +19 -17
  38. package/src/sap/f/cards/NumericHeader.js +199 -37
  39. package/src/sap/f/cards/NumericHeaderRenderer.js +33 -6
  40. package/src/sap/f/cards/NumericIndicators.js +1 -1
  41. package/src/sap/f/cards/NumericSideIndicator.js +1 -1
  42. package/src/sap/f/cards/loading/AnalyticalPlaceholder.js +1 -1
  43. package/src/sap/f/cards/loading/CalendarPlaceholder.js +1 -1
  44. package/src/sap/f/cards/loading/GenericPlaceholder.js +1 -1
  45. package/src/sap/f/cards/loading/ListPlaceholder.js +1 -1
  46. package/src/sap/f/cards/loading/ListPlaceholderRenderer.js +1 -2
  47. package/src/sap/f/cards/loading/ObjectPlaceholder.js +1 -1
  48. package/src/sap/f/cards/loading/PlaceholderBase.js +1 -1
  49. package/src/sap/f/cards/loading/TablePlaceholder.js +1 -1
  50. package/src/sap/f/cards/loading/TimelinePlaceholder.js +1 -1
  51. package/src/sap/f/changeHandler/MoveDynamicPageTitleActions.js +1 -1
  52. package/src/sap/f/delegate/GridContainerItemNavigation.js +8 -8
  53. package/src/sap/f/delegate/GridItemNavigation.js +1 -1
  54. package/src/sap/f/dnd/GridDragOver.js +1 -1
  55. package/src/sap/f/dnd/GridDropInfo.js +1 -1
  56. package/src/sap/f/library.js +2 -2
  57. package/src/sap/f/messagebundle_bg.properties +15 -15
  58. package/src/sap/f/messagebundle_cs.properties +9 -9
  59. package/src/sap/f/messagebundle_da.properties +1 -1
  60. package/src/sap/f/messagebundle_fi.properties +1 -1
  61. package/src/sap/f/messagebundle_fr.properties +5 -5
  62. package/src/sap/f/messagebundle_hi.properties +1 -1
  63. package/src/sap/f/messagebundle_hr.properties +4 -4
  64. package/src/sap/f/messagebundle_hu.properties +1 -1
  65. package/src/sap/f/messagebundle_sl.properties +1 -1
  66. package/src/sap/f/messagebundle_zh_TW.properties +1 -1
  67. package/src/sap/f/rules/DynamicPage.support.js +26 -15
  68. package/src/sap/f/semantic/AddAction.js +1 -1
  69. package/src/sap/f/semantic/CloseAction.js +1 -1
  70. package/src/sap/f/semantic/CopyAction.js +1 -1
  71. package/src/sap/f/semantic/DeleteAction.js +1 -1
  72. package/src/sap/f/semantic/DiscussInJamAction.js +1 -1
  73. package/src/sap/f/semantic/EditAction.js +1 -1
  74. package/src/sap/f/semantic/ExitFullScreenAction.js +1 -1
  75. package/src/sap/f/semantic/FavoriteAction.js +1 -1
  76. package/src/sap/f/semantic/FlagAction.js +1 -1
  77. package/src/sap/f/semantic/FooterMainAction.js +1 -1
  78. package/src/sap/f/semantic/FullScreenAction.js +1 -1
  79. package/src/sap/f/semantic/MainAction.js +1 -1
  80. package/src/sap/f/semantic/MessagesIndicator.js +1 -1
  81. package/src/sap/f/semantic/NegativeAction.js +1 -1
  82. package/src/sap/f/semantic/PositiveAction.js +1 -1
  83. package/src/sap/f/semantic/PrintAction.js +1 -1
  84. package/src/sap/f/semantic/SemanticButton.js +1 -1
  85. package/src/sap/f/semantic/SemanticConfiguration.js +1 -1
  86. package/src/sap/f/semantic/SemanticControl.js +1 -1
  87. package/src/sap/f/semantic/SemanticPage.js +4 -2
  88. package/src/sap/f/semantic/SemanticToggleButton.js +1 -1
  89. package/src/sap/f/semantic/SendEmailAction.js +1 -1
  90. package/src/sap/f/semantic/SendMessageAction.js +1 -1
  91. package/src/sap/f/semantic/ShareInJamAction.js +1 -1
  92. package/src/sap/f/semantic/TitleMainAction.js +1 -1
  93. package/src/sap/f/shellBar/AdditionalContentSupport.js +1 -1
  94. package/src/sap/f/shellBar/CoPilot.js +1 -1
  95. package/src/sap/f/shellBar/ControlSpacer.js +1 -1
  96. package/src/sap/f/shellBar/Search.js +1 -1
  97. package/src/sap/f/themes/base/Card.less +43 -3
  98. package/src/sap/f/themes/base/DynamicPage.less +3 -2
  99. package/src/sap/f/themes/base/DynamicPageTitle.less +5 -0
  100. package/src/sap/f/themes/base/SidePanel.less +22 -15
package/THIRDPARTY.txt CHANGED
@@ -401,7 +401,7 @@ License: MIT
401
401
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
402
402
  Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/adaptive-expressions.js
403
403
 
404
- Component: Markdown-it, version: 12.2.0
404
+ Component: Markdown-it, version: 12.3.2
405
405
  Copyright: 2014 Vitaly Puzrin, Alex Kocharin
406
406
  License: MIT
407
407
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
@@ -466,7 +466,7 @@ License: Apache-2.0
466
466
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
467
467
  Contained in: lib/jsdoc/ui5/plugin.js
468
468
 
469
- Component: SAP Theming Base Content, version: 11.4.2
469
+ Component: SAP Theming Base Content, version: 11.6.8
470
470
  Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
471
471
  License: Apache-2.0
472
472
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/sap.f",
3
- "version": "1.117.1",
3
+ "version": "1.119.0",
4
4
  "description": "OpenUI5 UI Library sap.f",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -14,8 +14,8 @@
14
14
  "url": "https://github.com/SAP/openui5.git"
15
15
  },
16
16
  "dependencies": {
17
- "@openui5/sap.m": "1.117.1",
18
- "@openui5/sap.ui.core": "1.117.1",
19
- "@openui5/sap.ui.layout": "1.117.1"
17
+ "@openui5/sap.m": "1.119.0",
18
+ "@openui5/sap.ui.core": "1.119.0",
19
+ "@openui5/sap.ui.layout": "1.119.0"
20
20
  }
21
21
  }
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.117.1</version>
9
+ <version>1.119.0</version>
10
10
 
11
11
  <documentation>SAPUI5 library with Fiori controls.</documentation>
12
12
 
@@ -40,7 +40,7 @@ sap.ui.define([
40
40
  * @extends sap.m.Avatar
41
41
  *
42
42
  * @author SAP SE
43
- * @version 1.117.1
43
+ * @version 1.119.0
44
44
  *
45
45
  * @constructor
46
46
  * @public
@@ -98,7 +98,7 @@ sap.ui.define([
98
98
  * @extends sap.ui.core.Control
99
99
  *
100
100
  * @author SAP SE
101
- * @version 1.117.1
101
+ * @version 1.119.0
102
102
  *
103
103
  * @constructor
104
104
  * @public
@@ -32,7 +32,7 @@ sap.ui.define([
32
32
  * @extends sap.ui.core.Control
33
33
  *
34
34
  * @author SAP SE
35
- * @version 1.117.1
35
+ * @version 1.119.0
36
36
  *
37
37
  * @constructor
38
38
  * @public
@@ -21,7 +21,7 @@ sap.ui.define([
21
21
  * This calendar appointment is used in card content of type Calendar.
22
22
  *
23
23
  * @extends sap.ui.unified.CalendarAppointment
24
- * @version 1.117.1
24
+ * @version 1.119.0
25
25
  *
26
26
  * @constructor
27
27
  * @private
@@ -43,7 +43,7 @@ sap.ui.define([
43
43
  * <code>sap.m.Toolbar</code> with <code>sap.m.Buttons</code>.
44
44
  *
45
45
  * @extends sap.ui.unified.Calendar
46
- * @version 1.117.1
46
+ * @version 1.119.0
47
47
  *
48
48
  * @constructor
49
49
  * @private
package/src/sap/f/Card.js CHANGED
@@ -71,7 +71,7 @@ sap.ui.define([
71
71
  * @extends sap.f.CardBase
72
72
  *
73
73
  * @author SAP SE
74
- * @version 1.117.1
74
+ * @version 1.119.0
75
75
  *
76
76
  * @constructor
77
77
  * @public
@@ -37,7 +37,7 @@ sap.ui.define([
37
37
  * @extends sap.ui.core.Control
38
38
  *
39
39
  * @author SAP SE
40
- * @version 1.117.1
40
+ * @version 1.119.0
41
41
  *
42
42
  * @constructor
43
43
  * @public
@@ -112,7 +112,7 @@ sap.ui.define([
112
112
  * @extends sap.ui.core.Control
113
113
  *
114
114
  * @author SAP SE
115
- * @version 1.117.1
115
+ * @version 1.119.0
116
116
  *
117
117
  * @constructor
118
118
  * @public
@@ -1351,6 +1351,7 @@ sap.ui.define([
1351
1351
  // (1) add top padding for the area underneath the title element
1352
1352
  // so that the title does not overlap the content of the scroll container
1353
1353
  oWrapperElement.style.paddingTop = iTitleHeight + "px";
1354
+ oWrapperElement.style.scrollPaddingTop = iTitleHeight + "px";
1354
1355
  this._oScrollHelper.setScrollPaddingTop(iTitleHeight);
1355
1356
 
1356
1357
  // (2) also make the area underneath the title invisible (using clip-path)
@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/core/Element', './library'],
23
23
  * @extends sap.ui.core.Element
24
24
  *
25
25
  * @author SAP SE
26
- * @version 1.117.1
26
+ * @version 1.119.0
27
27
  *
28
28
  * @constructor
29
29
  * @public
@@ -62,7 +62,7 @@ sap.ui.define([
62
62
  * @extends sap.ui.core.Control
63
63
  *
64
64
  * @author SAP SE
65
- * @version 1.117.1
65
+ * @version 1.119.0
66
66
  *
67
67
  * @constructor
68
68
  * @public
@@ -44,10 +44,14 @@ sap.ui.define([
44
44
  ) {
45
45
  "use strict";
46
46
 
47
- // shortcut for sap.f.DynamicPageTitleArea
48
- var DynamicPageTitleArea = library.DynamicPageTitleArea,
49
- ToolbarStyle = mobileLibrary.ToolbarStyle,
50
- InvisibleMessageMode = CoreLibrary.InvisibleMessageMode;
47
+ /**
48
+ * @deprecated As of version 1.54
49
+ */
50
+ var DynamicPageTitleArea = library.DynamicPageTitleArea;
51
+
52
+ var ToolbarStyle = mobileLibrary.ToolbarStyle;
53
+
54
+ var InvisibleMessageMode = CoreLibrary.InvisibleMessageMode;
51
55
 
52
56
  /**
53
57
  * Constructor for a new <code>DynamicPageTitle</code>.
@@ -89,7 +93,7 @@ sap.ui.define([
89
93
  * @extends sap.ui.core.Control
90
94
  *
91
95
  * @author SAP SE
92
- * @version 1.117.1
96
+ * @version 1.119.0
93
97
  *
94
98
  * @constructor
95
99
  * @public
@@ -508,6 +512,9 @@ sap.ui.define([
508
512
 
509
513
  var oShrinkFactorsInfo = this._getShrinkFactorsObject();
510
514
 
515
+ /**
516
+ * @deprecated As of version 1.54
517
+ */
511
518
  if (this.getPrimaryArea() === DynamicPageTitleArea.Middle) {
512
519
  Log.warning("DynamicPageTitle :: Property primaryArea is disregarded when areaShrinkRatio is set.", this);
513
520
  }
@@ -1296,11 +1303,17 @@ sap.ui.define([
1296
1303
  bHasTopContent = oBreadcrumbs || bHasNavigationActions,
1297
1304
  bHasOnlyBreadcrumbs = !!(oBreadcrumbs && !bHasNavigationActions),
1298
1305
  bHasOnlyNavigationActions = bHasNavigationActions && !oBreadcrumbs,
1299
- sAreaShrinkRatioDefaultValue = this.getMetadata().getProperty("areaShrinkRatio").getDefaultValue();
1306
+ sAreaShrinkRatioDefaultValue = this.getMetadata().getProperty("areaShrinkRatio").getDefaultValue(),
1307
+ bAriaShrinkRatioDefault = this.getAreaShrinkRatio() === sAreaShrinkRatioDefaultValue;
1308
+
1309
+ /**
1310
+ * @deprecated As of version 1.54
1311
+ */
1312
+ bAriaShrinkRatioDefault = bAriaShrinkRatioDefault && this.getPrimaryArea() === DynamicPageTitleArea.Middle;
1300
1313
 
1301
- // if areaShrinkRatio is set to default value (or not set at all) and primaryArea is set,
1314
+ // if areaShrinkRatio is set to default value (or not set at all)
1302
1315
  // use shrink factors defined for primaryArea
1303
- if (this.getAreaShrinkRatio() === sAreaShrinkRatioDefaultValue && this.getPrimaryArea() === DynamicPageTitleArea.Middle) {
1316
+ if (bAriaShrinkRatioDefault) {
1304
1317
  oShrinkFactorsInfo.headingAreaShrinkFactor = DynamicPageTitle.PRIMARY_AREA_MIDDLE_SHRINK_FACTORS.headingAreaShrinkFactor;
1305
1318
  oShrinkFactorsInfo.contentAreaShrinkFactor = DynamicPageTitle.PRIMARY_AREA_MIDDLE_SHRINK_FACTORS.contentAreaShrinkFactor;
1306
1319
  oShrinkFactorsInfo.actionsAreaShrinkFactor = DynamicPageTitle.PRIMARY_AREA_MIDDLE_SHRINK_FACTORS.actionsAreaShrinkFactor;
@@ -1463,7 +1476,7 @@ sap.ui.define([
1463
1476
  };
1464
1477
 
1465
1478
  DynamicPageTitle.prototype._updateARIAState = function (bExpanded) {
1466
- var sARIAText = this._getARIALabelReferences(bExpanded) || DynamicPageTitle.DEFAULT_HEADER_TEXT_ID,
1479
+ var sARIAText = this._getARIALabelReferences(bExpanded),
1467
1480
  $oFocusSpan = this._getFocusSpan();
1468
1481
 
1469
1482
  if ($oFocusSpan) {
@@ -1489,7 +1502,7 @@ sap.ui.define([
1489
1502
  sReferences += sTitleId || oHeading.getId();
1490
1503
  }
1491
1504
 
1492
- return sReferences;
1505
+ return sReferences || DynamicPageTitle.DEFAULT_HEADER_TEXT_ID;
1493
1506
  };
1494
1507
 
1495
1508
  DynamicPageTitle.prototype._focus = function () {
@@ -25,7 +25,7 @@ sap.ui.define([
25
25
  var oDynamicPageTitleState = oDynamicPageTitle._getState(),
26
26
  sSapFDynamicPageTitle = "sapFDynamicPageTitle",
27
27
  sBackgroundDesign = oDynamicPageTitle.getBackgroundDesign(),
28
- sLabelledBy = oDynamicPageTitle._getARIALabelReferences(oDynamicPageTitle._bExpandedState) || oDynamicPageTitle.DEFAULT_HEADER_TEXT_ID,
28
+ sLabelledBy = oDynamicPageTitle._getARIALabelReferences(oDynamicPageTitle._bExpandedState),
29
29
  sDescribedBy = oDynamicPageTitle._getAriaDescribedByReferences();
30
30
 
31
31
  // DynamicPageTitle Root DOM Element.
@@ -236,6 +236,7 @@ sap.ui.define([
236
236
 
237
237
  DynamicPageTitleRenderer._renderExpandContent = function (oRm, oDynamicPageTitleState) {
238
238
  oRm.openStart("div", oDynamicPageTitleState.id + "-expand-wrapper");
239
+ oRm.class("sapFDynamicPageTitleExpanded");
239
240
  oRm.openEnd();
240
241
  oDynamicPageTitleState.expandedContent.forEach(oRm.renderControl, oRm);
241
242
  oRm.close("div");
@@ -97,7 +97,7 @@ sap.ui.define([
97
97
  *
98
98
  * @extends sap.ui.core.Control
99
99
  * @author SAP SE
100
- * @version 1.117.1
100
+ * @version 1.119.0
101
101
  *
102
102
  * @constructor
103
103
  * @public
@@ -22,7 +22,7 @@ sap.ui.define(['sap/ui/core/Element', './library'],
22
22
  * @extends sap.ui.core.Element
23
23
  *
24
24
  * @author SAP SE
25
- * @version 1.117.1
25
+ * @version 1.119.0
26
26
  * @since 1.95
27
27
  *
28
28
  * @constructor
@@ -49,7 +49,7 @@ sap.ui.define([
49
49
  *
50
50
  * For more information, see {@link sap.f.FlexibleColumnLayoutSemanticHelper#getCurrentUIState} and {@link sap.f.FlexibleColumnLayoutSemanticHelper#getNextUIState}
51
51
  *
52
- * @version 1.117.1
52
+ * @version 1.119.0
53
53
  * @param {sap.f.FlexibleColumnLayout} oFlexibleColumnLayout
54
54
  * The <code>sap.f.FlexibleColumnLayout</code> object whose state will be manipulated.
55
55
  *
@@ -85,7 +85,7 @@ sap.ui.define([
85
85
  *
86
86
  * <li>Value of <code>2</code> - A 2-column layout will be suggested for logical level 0.</li></ul>
87
87
  *
88
- * @param {string} oSettings.mode
88
+ * @param {string} [oSettings.mode]
89
89
  * <b>Deprecated as of version 1.50</b>, use <code>maxColumnsCount</code> param
90
90
  * instead.
91
91
  *
@@ -271,7 +271,7 @@ sap.ui.define([
271
271
  *
272
272
  * @typedef {object} sap.f.FlexibleColumnLayoutSemanticHelper.UIState
273
273
  *
274
- * @property {string} [layout]
274
+ * @property {sap.f.LayoutType} [layout]
275
275
  * The value of the {@link sap.f.FlexibleColumnLayout#getLayout layout} property.
276
276
  * @property {number} [maxColumnsCount]
277
277
  * The maximum number of columns that can be displayed at once based on the control width. See {@link sap.f.FlexibleColumnLayout#getMaxColumnsCount}
@@ -171,7 +171,7 @@ sap.ui.define([
171
171
  * @see {@link sap.f.dnd.GridDropInfo}
172
172
  *
173
173
  * @author SAP SE
174
- * @version 1.117.1
174
+ * @version 1.119.0
175
175
  *
176
176
  * @extends sap.ui.core.Control
177
177
  *
@@ -21,7 +21,7 @@ sap.ui.define(['sap/ui/core/LayoutData'],
21
21
  * @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
22
22
  *
23
23
  * @author SAP SE
24
- * @version 1.117.1
24
+ * @version 1.119.0
25
25
  *
26
26
  * @extends sap.ui.core.LayoutData
27
27
  *
@@ -58,14 +58,14 @@ sap.ui.define([
58
58
  * Can be used to define the sizes of columns and rows for different screen sizes, by using the <code>layout</code> aggregations of <code>sap.f.GridContainer</code>.
59
59
  *
60
60
  * @author SAP SE
61
- * @version 1.117.1
61
+ * @version 1.119.0
62
62
  *
63
63
  * @extends sap.ui.base.ManagedObject
64
64
  *
65
65
  * @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
66
66
  *
67
67
  * @author SAP SE
68
- * @version 1.117.1
68
+ * @version 1.119.0
69
69
  *
70
70
  * @experimental Since 1.65 This class is experimental. The API may change.
71
71
  * @since 1.65
@@ -93,7 +93,7 @@ sap.ui.define([
93
93
  * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout MDN web docs: CSS Grid Layout}
94
94
  *
95
95
  * @author SAP SE
96
- * @version 1.117.1
96
+ * @version 1.119.0
97
97
  *
98
98
  * @extends sap.m.ListBase
99
99
  * @implements sap.ui.layout.cssgrid.IGridConfigurable
@@ -291,9 +291,6 @@ sap.ui.define([
291
291
  .setFocusedIndex(0);
292
292
 
293
293
  this.addDelegate(this._oItemNavigation);
294
-
295
- // set the tab index of active items
296
- this._setItemNavigationTabIndex(0);
297
294
  }
298
295
 
299
296
  ListBase.prototype._startItemNavigation.apply(this, arguments);
@@ -24,7 +24,7 @@ sap.ui.define([
24
24
  * @extends sap.m.ListItemBase
25
25
  *
26
26
  * @author SAP SE
27
- * @version 1.117.1
27
+ * @version 1.119.0
28
28
  *
29
29
  * @since 1.70
30
30
  * @constructor
@@ -56,7 +56,7 @@ sap.ui.define([
56
56
  * @extends sap.m.IllustratedMessage
57
57
  *
58
58
  * @author SAP SE
59
- * @version 1.117.1
59
+ * @version 1.119.0
60
60
  *
61
61
  * @constructor
62
62
  * @public
@@ -30,7 +30,7 @@ sap.ui.define([
30
30
  * @extends sap.m.Illustration
31
31
  *
32
32
  * @author SAP SE
33
- * @version 1.117.1
33
+ * @version 1.119.0
34
34
  *
35
35
  * @constructor
36
36
  * @public
@@ -22,7 +22,7 @@ sap.ui.define(['sap/m/PlanningCalendarLegend', 'sap/ui/unified/CalendarLegendIte
22
22
  * @extends sap.m.PlanningCalendarLegend
23
23
  *
24
24
  * @author SAP SE
25
- * @version 1.117.1
25
+ * @version 1.119.0
26
26
  *
27
27
  * @constructor
28
28
  * @private
@@ -33,7 +33,7 @@ sap.ui.define(['sap/m/PlanningCalendarLegend', 'sap/ui/unified/CalendarLegendIte
33
33
  var PlanningCalendarInCardLegend = PlanningCalendarLegend.extend("sap.f.PlanningCalendarInCardLegend", /** @lends sap.f.PlanningCalendarInCardLegend.prototype */ {
34
34
  metadata : {
35
35
 
36
- library : "sap.m",
36
+ library : "sap.f",
37
37
  properties: {
38
38
  /**
39
39
  * Defines the number of visible calendar and appointment items.
@@ -34,7 +34,7 @@ sap.ui.define([
34
34
  * @extends sap.ui.core.Control
35
35
  *
36
36
  * @author SAP SE
37
- * @version 1.117.1
37
+ * @version 1.119.0
38
38
  *
39
39
  * @constructor
40
40
  * @public
@@ -40,7 +40,7 @@ sap.ui.define([
40
40
  * @extends sap.ui.core.Control
41
41
  *
42
42
  * @author SAP SE
43
- * @version 1.117.1
43
+ * @version 1.119.0
44
44
  *
45
45
  * @constructor
46
46
  * @public
@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/core/Element', 'sap/ui/base/ManagedObjectObserver', './sh
23
23
  * @extends sap.ui.core.Element
24
24
  *
25
25
  * @author SAP SE
26
- * @version 1.117.1
26
+ * @version 1.119.0
27
27
  *
28
28
  * @constructor
29
29
  * @public
@@ -56,7 +56,7 @@ function(
56
56
  * @implements sap.f.IShellBar, sap.m.IBar, sap.tnt.IToolHeader
57
57
  *
58
58
  * @author SAP SE
59
- * @version 1.117.1
59
+ * @version 1.119.0
60
60
  *
61
61
  * @constructor
62
62
  * @public
@@ -149,7 +149,7 @@ sap.ui.define([
149
149
  * @extends sap.ui.core.Control
150
150
  *
151
151
  * @author SAP SE
152
- * @version 1.117.1
152
+ * @version 1.119.0
153
153
  *
154
154
  * @constructor
155
155
  * @public
@@ -452,6 +452,7 @@ sap.ui.define([
452
452
  this._attachResizableHandlers();
453
453
 
454
454
  if (!Device.system.phone) {
455
+ this._determineVisibleItems();
455
456
  if (!this._isSingleItem() && this._iVisibleItems > 0) {
456
457
  this._initItemNavigation();
457
458
  }
@@ -845,15 +846,15 @@ sap.ui.define([
845
846
  }
846
847
  };
847
848
 
848
- SidePanel.prototype._onResize = function(oEvent) {
849
- if (!this.getItems().length) {
850
- return;
851
- }
849
+ SidePanel.prototype._determineVisibleItems = function() {
850
+ var oDomRef = this.getDomRef(),
851
+ oActionBarList = oDomRef && oDomRef.querySelector(".sapFSPActionBarList");
852
+
853
+ if (!oActionBarList) {
854
+ return;
855
+ }
852
856
 
853
- var iCurrentWidth = oEvent.size.width,
854
- bSingleItem = this._isSingleItem(),
855
- oDomRef = this.getDomRef(),
856
- oStyle = window.getComputedStyle(oDomRef.querySelector(".sapFSPActionBarList")),
857
+ var oStyle = window.getComputedStyle(oActionBarList),
857
858
  iItemsGap = parseInt(oStyle.gap),
858
859
  iMarginBottom = parseInt(oStyle.marginBottom),
859
860
  iMarginTop = parseInt(oStyle.marginTop),
@@ -861,17 +862,22 @@ sap.ui.define([
861
862
  iItemsHeight = oFirstItem && oFirstItem.clientHeight,
862
863
  iActionBarHeight;
863
864
 
864
- this._iPreviousWidth = iCurrentWidth;
865
+ if (!this._isSingleItem()) {
866
+ iActionBarHeight = oDomRef.querySelector(".sapFSPSideInner").clientHeight - iMarginBottom - iMarginTop;
867
+ this._iVisibleItems = parseInt((iActionBarHeight + iItemsGap) / (iItemsHeight + iItemsGap));
868
+ }
869
+ };
865
870
 
866
- if (Device.system.phone) {
871
+ SidePanel.prototype._onResize = function(oEvent) {
872
+ if (!this.getItems().length || Device.system.phone) {
867
873
  return;
868
874
  }
869
875
 
870
- if (!bSingleItem) {
871
- iActionBarHeight = oDomRef.querySelector(".sapFSPSideInner").clientHeight - iMarginBottom - iMarginTop;
872
- this._iVisibleItems = parseInt((iActionBarHeight + iItemsGap) / (iItemsHeight + iItemsGap));
876
+ this._determineVisibleItems();
877
+ if (!this._isSingleItem() && this._iVisibleItems > 0) {
873
878
  this._initItemNavigation();
874
879
  }
880
+
875
881
  if (this._getSideContentExpanded()) {
876
882
  this._fixSidePanelWidth();
877
883
  }
@@ -898,7 +904,9 @@ sap.ui.define([
898
904
  if (iSidePanelWidth > SIDE_PANEL_SPLIT_BREAKPOINT) {
899
905
  oSide.classList.add("sapFSPSplitView");
900
906
  } else {
901
- oSide.classList.contains("sapFSPSplitView") && this.setActionBarExpanded(false);
907
+ // TODO: revise the upcoming interaction as re-rendering is happening while resizing.
908
+ // Currently the action toolbar would not collapse if shriked via mouse. That makes the resizing via mouse usable.
909
+ // oSide.classList.contains("sapFSPSplitView") && this.setActionBarExpanded(false);
902
910
  oSide.classList.remove("sapFSPSplitView");
903
911
  }
904
912
  };
@@ -1288,20 +1296,18 @@ sap.ui.define([
1288
1296
  SidePanel.prototype._onTouchStart = function(oEvent) {
1289
1297
  oEvent.preventDefault();
1290
1298
  if (oEvent.button === 0 || oEvent.type === "touchstart") {
1291
- this.getDomRef().querySelector(".sapFSPSplitterBar").classList.add("sapFSPSplitterActive");
1299
+ if ((Device.system.desktop || Device.system.combi) &&
1300
+ !(Device.system.tablet || Device.system.phone)){
1301
+ this.getDomRef().querySelector(".sapFSPSplitterBar").focus();
1302
+ }
1292
1303
  this._bResizeStarted = true;
1293
1304
  this._iStartPositionX = oEvent.touches ? oEvent.touches[0].pageX : oEvent.pageX;
1294
1305
  }
1295
1306
  };
1296
1307
 
1297
1308
  SidePanel.prototype._onTouchEnd = function(oEvent) {
1298
- var oDomRef = this.getDomRef(),
1299
- oSplitter = oDomRef && oDomRef.querySelector(".sapFSPSplitterBar");
1300
-
1301
1309
  this._bResizeStarted && oEvent.preventDefault();
1302
1310
  this._bResizeStarted = false;
1303
-
1304
- oSplitter && oSplitter.classList.remove("sapFSPSplitterActive");
1305
1311
  };
1306
1312
 
1307
1313
  SidePanel.prototype._onTouchMove = function(oEvent) {
@@ -27,7 +27,7 @@ sap.ui.define([
27
27
  * @extends sap.ui.core.Item
28
28
  *
29
29
  * @author SAP SE
30
- * @version 1.117.1
30
+ * @version 1.119.0
31
31
  *
32
32
  * @constructor
33
33
  * @public
@@ -104,7 +104,7 @@ sap.ui.define([
104
104
 
105
105
  SidePanelRenderer.renderSide = function(oRm, oControl) {
106
106
  var bPhone = Device.system.phone,
107
- bRenderSplitter = oControl.getSidePanelResizable() && oControl._getSideContentExpanded() && !bPhone;
107
+ bRenderSplitter = oControl._isResizable();
108
108
 
109
109
  oRm.openStart("aside");
110
110
  oRm.class("sapFSPSide");