@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.
- package/THIRDPARTY.txt +2 -2
- package/package.json +4 -4
- package/src/sap/f/.library +1 -1
- package/src/sap/f/Avatar.js +1 -1
- package/src/sap/f/AvatarGroup.js +1 -1
- package/src/sap/f/AvatarGroupItem.js +1 -1
- package/src/sap/f/CalendarAppointmentInCard.js +1 -1
- package/src/sap/f/CalendarInCard.js +1 -1
- package/src/sap/f/Card.js +1 -1
- package/src/sap/f/CardBase.js +1 -1
- package/src/sap/f/DynamicPage.js +2 -1
- package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/DynamicPageHeader.js +1 -1
- package/src/sap/f/DynamicPageTitle.js +23 -10
- package/src/sap/f/DynamicPageTitleRenderer.js +2 -1
- package/src/sap/f/FlexibleColumnLayout.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js +3 -3
- package/src/sap/f/GridContainer.js +1 -1
- package/src/sap/f/GridContainerItemLayoutData.js +1 -1
- package/src/sap/f/GridContainerSettings.js +2 -2
- package/src/sap/f/GridList.js +1 -4
- package/src/sap/f/GridListItem.js +1 -1
- package/src/sap/f/IllustratedMessage.js +1 -1
- package/src/sap/f/Illustration.js +1 -1
- package/src/sap/f/PlanningCalendarInCardLegend.js +2 -2
- package/src/sap/f/ProductSwitch.js +1 -1
- package/src/sap/f/ProductSwitchItem.js +1 -1
- package/src/sap/f/SearchManager.js +1 -1
- package/src/sap/f/ShellBar.js +1 -1
- package/src/sap/f/SidePanel.js +27 -21
- package/src/sap/f/SidePanelItem.js +1 -1
- package/src/sap/f/SidePanelRenderer.js +1 -1
- package/src/sap/f/cards/BaseHeader.js +38 -4
- package/src/sap/f/cards/BaseHeaderRenderer.js +68 -0
- package/src/sap/f/cards/Header.js +33 -31
- package/src/sap/f/cards/HeaderRenderer.js +19 -17
- package/src/sap/f/cards/NumericHeader.js +199 -37
- package/src/sap/f/cards/NumericHeaderRenderer.js +33 -6
- package/src/sap/f/cards/NumericIndicators.js +1 -1
- package/src/sap/f/cards/NumericSideIndicator.js +1 -1
- package/src/sap/f/cards/loading/AnalyticalPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/CalendarPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/GenericPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/ListPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/ListPlaceholderRenderer.js +1 -2
- package/src/sap/f/cards/loading/ObjectPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/PlaceholderBase.js +1 -1
- package/src/sap/f/cards/loading/TablePlaceholder.js +1 -1
- package/src/sap/f/cards/loading/TimelinePlaceholder.js +1 -1
- package/src/sap/f/changeHandler/MoveDynamicPageTitleActions.js +1 -1
- package/src/sap/f/delegate/GridContainerItemNavigation.js +8 -8
- package/src/sap/f/delegate/GridItemNavigation.js +1 -1
- package/src/sap/f/dnd/GridDragOver.js +1 -1
- package/src/sap/f/dnd/GridDropInfo.js +1 -1
- package/src/sap/f/library.js +2 -2
- package/src/sap/f/messagebundle_bg.properties +15 -15
- package/src/sap/f/messagebundle_cs.properties +9 -9
- package/src/sap/f/messagebundle_da.properties +1 -1
- package/src/sap/f/messagebundle_fi.properties +1 -1
- package/src/sap/f/messagebundle_fr.properties +5 -5
- package/src/sap/f/messagebundle_hi.properties +1 -1
- package/src/sap/f/messagebundle_hr.properties +4 -4
- package/src/sap/f/messagebundle_hu.properties +1 -1
- package/src/sap/f/messagebundle_sl.properties +1 -1
- package/src/sap/f/messagebundle_zh_TW.properties +1 -1
- package/src/sap/f/rules/DynamicPage.support.js +26 -15
- package/src/sap/f/semantic/AddAction.js +1 -1
- package/src/sap/f/semantic/CloseAction.js +1 -1
- package/src/sap/f/semantic/CopyAction.js +1 -1
- package/src/sap/f/semantic/DeleteAction.js +1 -1
- package/src/sap/f/semantic/DiscussInJamAction.js +1 -1
- package/src/sap/f/semantic/EditAction.js +1 -1
- package/src/sap/f/semantic/ExitFullScreenAction.js +1 -1
- package/src/sap/f/semantic/FavoriteAction.js +1 -1
- package/src/sap/f/semantic/FlagAction.js +1 -1
- package/src/sap/f/semantic/FooterMainAction.js +1 -1
- package/src/sap/f/semantic/FullScreenAction.js +1 -1
- package/src/sap/f/semantic/MainAction.js +1 -1
- package/src/sap/f/semantic/MessagesIndicator.js +1 -1
- package/src/sap/f/semantic/NegativeAction.js +1 -1
- package/src/sap/f/semantic/PositiveAction.js +1 -1
- package/src/sap/f/semantic/PrintAction.js +1 -1
- package/src/sap/f/semantic/SemanticButton.js +1 -1
- package/src/sap/f/semantic/SemanticConfiguration.js +1 -1
- package/src/sap/f/semantic/SemanticControl.js +1 -1
- package/src/sap/f/semantic/SemanticPage.js +4 -2
- package/src/sap/f/semantic/SemanticToggleButton.js +1 -1
- package/src/sap/f/semantic/SendEmailAction.js +1 -1
- package/src/sap/f/semantic/SendMessageAction.js +1 -1
- package/src/sap/f/semantic/ShareInJamAction.js +1 -1
- package/src/sap/f/semantic/TitleMainAction.js +1 -1
- package/src/sap/f/shellBar/AdditionalContentSupport.js +1 -1
- package/src/sap/f/shellBar/CoPilot.js +1 -1
- package/src/sap/f/shellBar/ControlSpacer.js +1 -1
- package/src/sap/f/shellBar/Search.js +1 -1
- package/src/sap/f/themes/base/Card.less +43 -3
- package/src/sap/f/themes/base/DynamicPage.less +3 -2
- package/src/sap/f/themes/base/DynamicPageTitle.less +5 -0
- 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
|
|
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.
|
|
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.
|
|
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.
|
|
18
|
-
"@openui5/sap.ui.core": "1.
|
|
19
|
-
"@openui5/sap.ui.layout": "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
|
}
|
package/src/sap/f/.library
CHANGED
|
@@ -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.
|
|
9
|
+
<version>1.119.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 library with Fiori controls.</documentation>
|
|
12
12
|
|
package/src/sap/f/Avatar.js
CHANGED
package/src/sap/f/AvatarGroup.js
CHANGED
package/src/sap/f/Card.js
CHANGED
package/src/sap/f/CardBase.js
CHANGED
package/src/sap/f/DynamicPage.js
CHANGED
|
@@ -112,7 +112,7 @@ sap.ui.define([
|
|
|
112
112
|
* @extends sap.ui.core.Control
|
|
113
113
|
*
|
|
114
114
|
* @author SAP SE
|
|
115
|
-
* @version 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)
|
|
@@ -44,10 +44,14 @@ sap.ui.define([
|
|
|
44
44
|
) {
|
|
45
45
|
"use strict";
|
|
46
46
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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.
|
|
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)
|
|
1314
|
+
// if areaShrinkRatio is set to default value (or not set at all)
|
|
1302
1315
|
// use shrink factors defined for primaryArea
|
|
1303
|
-
if (
|
|
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)
|
|
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)
|
|
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");
|
|
@@ -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.
|
|
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 {
|
|
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}
|
|
@@ -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.
|
|
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.
|
|
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
|
package/src/sap/f/GridList.js
CHANGED
|
@@ -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.
|
|
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);
|
|
@@ -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.
|
|
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.
|
|
36
|
+
library : "sap.f",
|
|
37
37
|
properties: {
|
|
38
38
|
/**
|
|
39
39
|
* Defines the number of visible calendar and appointment items.
|
package/src/sap/f/ShellBar.js
CHANGED
package/src/sap/f/SidePanel.js
CHANGED
|
@@ -149,7 +149,7 @@ sap.ui.define([
|
|
|
149
149
|
* @extends sap.ui.core.Control
|
|
150
150
|
*
|
|
151
151
|
* @author SAP SE
|
|
152
|
-
* @version 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.
|
|
849
|
-
|
|
850
|
-
|
|
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
|
|
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.
|
|
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
|
-
|
|
871
|
+
SidePanel.prototype._onResize = function(oEvent) {
|
|
872
|
+
if (!this.getItems().length || Device.system.phone) {
|
|
867
873
|
return;
|
|
868
874
|
}
|
|
869
875
|
|
|
870
|
-
|
|
871
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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) {
|
|
@@ -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.
|
|
107
|
+
bRenderSplitter = oControl._isResizable();
|
|
108
108
|
|
|
109
109
|
oRm.openStart("aside");
|
|
110
110
|
oRm.class("sapFSPSide");
|