@openui5/sap.f 1.120.6 → 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 +4 -4
- package/src/sap/f/.library +1 -1
- package/src/sap/f/Avatar.js +5 -4
- package/src/sap/f/AvatarGroup.js +4 -4
- package/src/sap/f/AvatarGroupItem.js +1 -1
- package/src/sap/f/CalendarAppointmentInCard.js +1 -1
- package/src/sap/f/CalendarInCard.js +7 -5
- package/src/sap/f/CalendarInCardRenderer.js +6 -11
- package/src/sap/f/Card.js +1 -1
- package/src/sap/f/CardBase.js +6 -6
- package/src/sap/f/DynamicPage.js +35 -15
- package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/DynamicPageHeader.js +30 -16
- package/src/sap/f/DynamicPageTitle.js +10 -8
- package/src/sap/f/FlexibleColumnLayout.js +220 -90
- package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutRenderer.js +7 -3
- package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js +1 -1
- package/src/sap/f/GridContainer.js +45 -46
- package/src/sap/f/GridContainerItemLayoutData.js +1 -1
- package/src/sap/f/GridContainerRenderer.js +19 -11
- package/src/sap/f/GridContainerSettings.js +2 -2
- package/src/sap/f/GridList.js +15 -4
- package/src/sap/f/GridListItem.js +1 -1
- package/src/sap/f/GridNavigationMatrix.js +3 -3
- package/src/sap/f/IllustratedMessage.js +1 -1
- package/src/sap/f/Illustration.js +1 -1
- package/src/sap/f/PlanningCalendarInCardLegend.js +4 -5
- package/src/sap/f/PlanningCalendarInCardLegendRenderer.js +4 -4
- package/src/sap/f/ProductSwitch.js +7 -7
- package/src/sap/f/ProductSwitchItem.js +1 -1
- package/src/sap/f/ProductSwitchRenderer.js +3 -3
- package/src/sap/f/SearchManager.js +4 -4
- package/src/sap/f/ShellBar.js +71 -10
- package/src/sap/f/ShellBarRenderer.js +3 -3
- package/src/sap/f/SidePanel.js +22 -11
- package/src/sap/f/SidePanelItem.js +1 -1
- package/src/sap/f/cards/BaseHeader.js +21 -9
- package/src/sap/f/cards/Header.js +1 -1
- package/src/sap/f/cards/NumericHeader.js +1 -1
- 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/ObjectPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/PlaceholderBase.js +1 -1
- package/src/sap/f/cards/loading/PlaceholderBaseRenderer.js +2 -2
- 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 +1 -1
- package/src/sap/f/delegate/GridItemNavigation.js +1 -1
- package/src/sap/f/designtime/messagebundle_en_US_saprigi.properties +4 -4
- package/src/sap/f/dnd/GridDragOver.js +5 -5
- package/src/sap/f/dnd/GridDropInfo.js +1 -1
- package/src/sap/f/library.js +23 -19
- package/src/sap/f/messagebundle.properties +4 -1
- package/src/sap/f/messagebundle_ar.properties +2 -0
- package/src/sap/f/messagebundle_bg.properties +2 -0
- package/src/sap/f/messagebundle_ca.properties +2 -0
- package/src/sap/f/messagebundle_cnr.properties +2 -0
- package/src/sap/f/messagebundle_cs.properties +2 -0
- package/src/sap/f/messagebundle_cy.properties +2 -0
- package/src/sap/f/messagebundle_da.properties +2 -0
- package/src/sap/f/messagebundle_de.properties +2 -0
- package/src/sap/f/messagebundle_el.properties +2 -0
- package/src/sap/f/messagebundle_en.properties +86 -1
- package/src/sap/f/messagebundle_en_GB.properties +2 -0
- package/src/sap/f/messagebundle_en_US_saprigi.properties +82 -80
- package/src/sap/f/messagebundle_es.properties +2 -0
- package/src/sap/f/messagebundle_es_MX.properties +2 -0
- package/src/sap/f/messagebundle_et.properties +2 -0
- package/src/sap/f/messagebundle_fi.properties +2 -0
- package/src/sap/f/messagebundle_fr.properties +2 -0
- package/src/sap/f/messagebundle_fr_CA.properties +2 -0
- package/src/sap/f/messagebundle_hi.properties +2 -0
- package/src/sap/f/messagebundle_hr.properties +2 -0
- package/src/sap/f/messagebundle_hu.properties +2 -0
- package/src/sap/f/messagebundle_id.properties +2 -0
- package/src/sap/f/messagebundle_it.properties +2 -0
- package/src/sap/f/messagebundle_iw.properties +2 -0
- package/src/sap/f/messagebundle_ja.properties +2 -0
- package/src/sap/f/messagebundle_kk.properties +2 -0
- package/src/sap/f/messagebundle_ko.properties +2 -0
- package/src/sap/f/messagebundle_lt.properties +2 -0
- package/src/sap/f/messagebundle_lv.properties +2 -0
- package/src/sap/f/messagebundle_mk.properties +2 -0
- package/src/sap/f/messagebundle_ms.properties +2 -0
- package/src/sap/f/messagebundle_nl.properties +2 -0
- package/src/sap/f/messagebundle_no.properties +2 -0
- package/src/sap/f/messagebundle_pl.properties +2 -0
- package/src/sap/f/messagebundle_pt.properties +2 -0
- package/src/sap/f/messagebundle_pt_PT.properties +2 -0
- package/src/sap/f/messagebundle_ro.properties +2 -0
- package/src/sap/f/messagebundle_ru.properties +2 -0
- package/src/sap/f/messagebundle_sh.properties +2 -0
- package/src/sap/f/messagebundle_sk.properties +2 -0
- package/src/sap/f/messagebundle_sl.properties +2 -0
- package/src/sap/f/messagebundle_sr.properties +2 -0
- package/src/sap/f/messagebundle_sv.properties +2 -0
- package/src/sap/f/messagebundle_th.properties +2 -0
- package/src/sap/f/messagebundle_tr.properties +2 -0
- package/src/sap/f/messagebundle_uk.properties +3 -1
- package/src/sap/f/messagebundle_vi.properties +2 -0
- package/src/sap/f/messagebundle_zh_CN.properties +2 -0
- package/src/sap/f/messagebundle_zh_TW.properties +2 -0
- 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 +7 -8
- package/src/sap/f/semantic/SemanticControl.js +1 -1
- package/src/sap/f/semantic/SemanticFooter.js +2 -2
- package/src/sap/f/semantic/SemanticPage.js +19 -17
- package/src/sap/f/semantic/SemanticShareMenu.js +5 -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/Accessibility.js +5 -5
- package/src/sap/f/shellBar/AdditionalContentSupport.js +1 -1
- package/src/sap/f/shellBar/CoPilot.js +8 -7
- package/src/sap/f/shellBar/ControlSpacer.js +1 -1
- package/src/sap/f/shellBar/Factory.js +14 -8
- package/src/sap/f/shellBar/ResponsiveHandler.js +23 -6
- package/src/sap/f/shellBar/Search.js +20 -4
- package/src/sap/f/themes/base/Card.less +2 -2
- package/src/sap/f/themes/base/CardLoading.less +94 -5
- package/src/sap/f/themes/base/DynamicPage.less +1 -1
- package/src/sap/f/themes/base/DynamicPageHeader.less +1 -1
- package/src/sap/f/themes/base/DynamicPageTitle.less +1 -1
- package/src/sap/f/themes/base/GridContainer.less +6 -4
- package/src/sap/f/themes/base/ShellBar.less +32 -13
- package/LICENSES/BSD-2-Clause.txt +0 -22
|
@@ -4,11 +4,15 @@
|
|
|
4
4
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
sap.ui.define([
|
|
8
|
-
|
|
7
|
+
sap.ui.define([
|
|
8
|
+
"sap/ui/Device",
|
|
9
|
+
"sap/m/library",
|
|
10
|
+
"sap/ui/core/Lib",
|
|
11
|
+
"sap/ui/core/IconPool" // side effect: required when calling RenderManager#icon
|
|
12
|
+
], function (Device, mobileLibrary, Library) {
|
|
9
13
|
"use strict";
|
|
10
14
|
|
|
11
|
-
var oResourceBundle =
|
|
15
|
+
var oResourceBundle = Library.getResourceBundleFor("sap.f");
|
|
12
16
|
|
|
13
17
|
var FCLRenderer = {
|
|
14
18
|
apiVersion: 2
|
|
@@ -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.121.0
|
|
53
53
|
* @param {sap.f.FlexibleColumnLayout} oFlexibleColumnLayout
|
|
54
54
|
* The <code>sap.f.FlexibleColumnLayout</code> object whose state will be manipulated.
|
|
55
55
|
*
|
|
@@ -11,18 +11,21 @@ sap.ui.define([
|
|
|
11
11
|
"./delegate/GridContainerItemNavigation",
|
|
12
12
|
"./library",
|
|
13
13
|
"./dnd/GridKeyboardDragAndDrop",
|
|
14
|
+
"sap/base/i18n/Localization",
|
|
14
15
|
"sap/base/strings/capitalize",
|
|
16
|
+
"sap/ui/core/Lib",
|
|
17
|
+
"sap/ui/core/RenderManager",
|
|
15
18
|
'sap/ui/core/delegate/ItemNavigation',
|
|
16
19
|
"sap/ui/base/ManagedObjectObserver",
|
|
17
20
|
"sap/ui/core/Control",
|
|
18
|
-
"sap/ui/core/Core",
|
|
19
21
|
"sap/ui/core/Element",
|
|
20
22
|
"sap/ui/core/ResizeHandler",
|
|
21
23
|
"sap/ui/core/InvisibleMessage",
|
|
24
|
+
"sap/ui/core/Theming",
|
|
22
25
|
"sap/ui/Device",
|
|
23
26
|
"sap/ui/events/KeyCodes",
|
|
24
27
|
"sap/ui/thirdparty/jquery"
|
|
25
|
-
], function
|
|
28
|
+
], function(
|
|
26
29
|
GridContainerRenderer,
|
|
27
30
|
GridContainerSettings,
|
|
28
31
|
GridContainerUtils,
|
|
@@ -30,14 +33,17 @@ sap.ui.define([
|
|
|
30
33
|
GridContainerItemNavigation,
|
|
31
34
|
library,
|
|
32
35
|
GridKeyboardDragAndDrop,
|
|
36
|
+
Localization,
|
|
33
37
|
capitalize,
|
|
38
|
+
Library,
|
|
39
|
+
RenderManager,
|
|
34
40
|
ItemNavigation,
|
|
35
41
|
ManagedObjectObserver,
|
|
36
42
|
Control,
|
|
37
|
-
Core,
|
|
38
43
|
Element,
|
|
39
44
|
ResizeHandler,
|
|
40
45
|
InvisibleMessage,
|
|
46
|
+
Theming,
|
|
41
47
|
Device,
|
|
42
48
|
KeyCodes,
|
|
43
49
|
jQuery
|
|
@@ -171,7 +177,7 @@ sap.ui.define([
|
|
|
171
177
|
* @see {@link sap.f.dnd.GridDropInfo}
|
|
172
178
|
*
|
|
173
179
|
* @author SAP SE
|
|
174
|
-
* @version 1.
|
|
180
|
+
* @version 1.121.0
|
|
175
181
|
*
|
|
176
182
|
* @extends sap.ui.core.Control
|
|
177
183
|
*
|
|
@@ -247,38 +253,38 @@ sap.ui.define([
|
|
|
247
253
|
*
|
|
248
254
|
* <b>Note:</b> It is not possible to reuse the same instance of <code>GridContainerSettings</code> for several layouts. New instance has to be created for each of them. This is caused by the fact that one object can exist in only a single aggregation.
|
|
249
255
|
*/
|
|
250
|
-
layout: { type: "sap.f.GridContainerSettings", multiple: false },
|
|
256
|
+
layout: { type: "sap.f.GridContainerSettings", defaultClass: GridContainerSettings, multiple: false },
|
|
251
257
|
|
|
252
258
|
/**
|
|
253
259
|
* The sap.f.GridContainerSettings applied for size "XS". Range: up to 374px.
|
|
254
260
|
* @experimental As of version 1.71 Disclaimer: this property is in a beta state - incompatible API changes may be done before its official public release. Use at your own discretion.
|
|
255
261
|
*/
|
|
256
|
-
layoutXS: { type: "sap.f.GridContainerSettings", multiple: false },
|
|
262
|
+
layoutXS: { type: "sap.f.GridContainerSettings", defaultClass: GridContainerSettings, multiple: false },
|
|
257
263
|
|
|
258
264
|
/**
|
|
259
265
|
* The sap.f.GridContainerSettings applied for size "S". Range: 375px - 599px.
|
|
260
266
|
*/
|
|
261
|
-
layoutS: { type: "sap.f.GridContainerSettings", multiple: false },
|
|
267
|
+
layoutS: { type: "sap.f.GridContainerSettings", defaultClass: GridContainerSettings, multiple: false },
|
|
262
268
|
|
|
263
269
|
/**
|
|
264
270
|
* The sap.f.GridContainerSettings applied for size "M". Range: 600px - 1023px.
|
|
265
271
|
*/
|
|
266
|
-
layoutM: { type: "sap.f.GridContainerSettings", multiple: false },
|
|
272
|
+
layoutM: { type: "sap.f.GridContainerSettings", defaultClass: GridContainerSettings, multiple: false },
|
|
267
273
|
|
|
268
274
|
/**
|
|
269
275
|
* The sap.f.GridContainerSettings applied for size "L". Range: 1023px - 1439px.
|
|
270
276
|
*/
|
|
271
|
-
layoutL: { type: "sap.f.GridContainerSettings", multiple: false },
|
|
277
|
+
layoutL: { type: "sap.f.GridContainerSettings", defaultClass: GridContainerSettings, multiple: false },
|
|
272
278
|
|
|
273
279
|
/**
|
|
274
280
|
* The sap.f.GridContainerSettings applied for size "XL". Range: from 1440px.
|
|
275
281
|
*/
|
|
276
|
-
layoutXL: { type: "sap.f.GridContainerSettings", multiple: false },
|
|
282
|
+
layoutXL: { type: "sap.f.GridContainerSettings", defaultClass: GridContainerSettings, multiple: false },
|
|
277
283
|
|
|
278
284
|
/**
|
|
279
285
|
* Default sap.f.GridContainerSettings
|
|
280
286
|
*/
|
|
281
|
-
_defaultLayout: { type: "sap.f.GridContainerSettings", multiple: false, visibility: "hidden" }
|
|
287
|
+
_defaultLayout: { type: "sap.f.GridContainerSettings", defaultClass: GridContainerSettings, multiple: false, visibility: "hidden" }
|
|
282
288
|
},
|
|
283
289
|
associations : {
|
|
284
290
|
|
|
@@ -521,7 +527,7 @@ sap.ui.define([
|
|
|
521
527
|
that.addDelegate(this._oItemNavigation);
|
|
522
528
|
}
|
|
523
529
|
|
|
524
|
-
that.$().children().map(function (iIndex, oWrapperItem) {
|
|
530
|
+
that.$("listUl").children().map(function (iIndex, oWrapperItem) {
|
|
525
531
|
if (oWrapperItem.getAttribute("class").indexOf("sapFGridContainerItemWrapper") > -1) {
|
|
526
532
|
aWrapperItemsDomRef.push(oWrapperItem);
|
|
527
533
|
}
|
|
@@ -624,7 +630,7 @@ sap.ui.define([
|
|
|
624
630
|
* @private
|
|
625
631
|
*/
|
|
626
632
|
GridContainer.prototype.init = function () {
|
|
627
|
-
this._oRb =
|
|
633
|
+
this._oRb = Library.getResourceBundleFor("sap.f");
|
|
628
634
|
this.setAggregation("_defaultLayout", new GridContainerSettings());
|
|
629
635
|
|
|
630
636
|
this._initRangeSet();
|
|
@@ -645,6 +651,10 @@ sap.ui.define([
|
|
|
645
651
|
Device.resize.attachHandler(this._resizeDeviceHandler);
|
|
646
652
|
|
|
647
653
|
this._resizeItemHandler = this._resizeItem.bind(this);
|
|
654
|
+
|
|
655
|
+
this._bThemeApplied = false;
|
|
656
|
+
this._handleThemeAppliedBound = this._handleThemeApplied.bind(this);
|
|
657
|
+
Theming.attachApplied(this._handleThemeAppliedBound);
|
|
648
658
|
};
|
|
649
659
|
|
|
650
660
|
/**
|
|
@@ -666,15 +676,17 @@ sap.ui.define([
|
|
|
666
676
|
return this;
|
|
667
677
|
}
|
|
668
678
|
|
|
669
|
-
|
|
679
|
+
iIndex = Math.max(0, Math.min(iIndex, this.getItems().length - 1));
|
|
680
|
+
|
|
681
|
+
var oRm = new RenderManager().getInterface(),
|
|
670
682
|
oWrapper = this._createItemWrapper(oItem),
|
|
671
|
-
|
|
672
|
-
|
|
683
|
+
oGridRef = this.getDomRef("listUl"),
|
|
684
|
+
oNextItem = oGridRef.children[iIndex];
|
|
673
685
|
|
|
674
686
|
if (oNextItem) {
|
|
675
|
-
oGridRef.insertBefore(oWrapper,
|
|
687
|
+
oGridRef.insertBefore(oWrapper, oNextItem);
|
|
676
688
|
} else {
|
|
677
|
-
oGridRef.
|
|
689
|
+
oGridRef.appendChild(oWrapper);
|
|
678
690
|
}
|
|
679
691
|
|
|
680
692
|
oRm.render(oItem, oWrapper);
|
|
@@ -686,13 +698,13 @@ sap.ui.define([
|
|
|
686
698
|
/**
|
|
687
699
|
* Removes an item from the aggregation named <code>items</code>.
|
|
688
700
|
*
|
|
689
|
-
* @param {int |
|
|
701
|
+
* @param {int | sap.ui.core.ID | sap.ui.core.Control} vItem The item to remove or its index or ID.
|
|
690
702
|
* @returns {sap.ui.core.Control|null} The removed item or <code>null</code>.
|
|
691
703
|
* @public
|
|
692
704
|
*/
|
|
693
705
|
GridContainer.prototype.removeItem = function (vItem) {
|
|
694
706
|
var oRemovedItem = this.removeAggregation("items", vItem, true),
|
|
695
|
-
oGridRef = this.getDomRef(),
|
|
707
|
+
oGridRef = this.getDomRef("listUl"),
|
|
696
708
|
oItemRef = oRemovedItem.getDomRef();
|
|
697
709
|
|
|
698
710
|
if (!oGridRef || !oItemRef) {
|
|
@@ -770,6 +782,8 @@ sap.ui.define([
|
|
|
770
782
|
clearTimeout(this._checkColumnsTimeout);
|
|
771
783
|
this._checkColumnsTimeout = null;
|
|
772
784
|
}
|
|
785
|
+
|
|
786
|
+
Theming.detachApplied(this._handleThemeAppliedBound);
|
|
773
787
|
};
|
|
774
788
|
|
|
775
789
|
/**
|
|
@@ -856,7 +870,7 @@ sap.ui.define([
|
|
|
856
870
|
}
|
|
857
871
|
|
|
858
872
|
if (bSettingsAreChanged) {
|
|
859
|
-
this.$().css(this._getActiveGridStyles());
|
|
873
|
+
this.$("listUl").css(this._getActiveGridStyles());
|
|
860
874
|
this.getItems().forEach(this._applyItemAutoRows.bind(this));
|
|
861
875
|
}
|
|
862
876
|
|
|
@@ -923,7 +937,7 @@ sap.ui.define([
|
|
|
923
937
|
return;
|
|
924
938
|
}
|
|
925
939
|
|
|
926
|
-
iMaxColumns = oSettings.getComputedColumnsCount(this.$().innerWidth());
|
|
940
|
+
iMaxColumns = oSettings.getComputedColumnsCount(this.$("listUl").innerWidth());
|
|
927
941
|
|
|
928
942
|
if (!iMaxColumns) {
|
|
929
943
|
// if the max columns can not be calculated correctly, don't do anything
|
|
@@ -936,26 +950,6 @@ sap.ui.define([
|
|
|
936
950
|
});
|
|
937
951
|
};
|
|
938
952
|
|
|
939
|
-
/**
|
|
940
|
-
* Gets the item at specified index.
|
|
941
|
-
* @param {int} iIndex Which item to get
|
|
942
|
-
* @return {sap.ui.core.Control|null} The item at the specified index. <code>null</code> if index is out of range.
|
|
943
|
-
*/
|
|
944
|
-
GridContainer.prototype._getItemAt = function (iIndex) {
|
|
945
|
-
var aItems = this.getItems(),
|
|
946
|
-
oTarget;
|
|
947
|
-
|
|
948
|
-
if (iIndex < 0) {
|
|
949
|
-
iIndex = 0;
|
|
950
|
-
}
|
|
951
|
-
|
|
952
|
-
if (aItems.length && aItems[iIndex]) {
|
|
953
|
-
oTarget = aItems[iIndex];
|
|
954
|
-
}
|
|
955
|
-
|
|
956
|
-
return oTarget;
|
|
957
|
-
};
|
|
958
|
-
|
|
959
953
|
/**
|
|
960
954
|
* Creates a wrapper div for the given item.
|
|
961
955
|
* @param {sap.ui.core.Control} oItem The item
|
|
@@ -1062,7 +1056,7 @@ sap.ui.define([
|
|
|
1062
1056
|
|
|
1063
1057
|
switch (oEvent.keyCode) {
|
|
1064
1058
|
case KeyCodes.ARROW_RIGHT:
|
|
1065
|
-
iInsertAt =
|
|
1059
|
+
iInsertAt = Localization.getRTL() ? iItemIndex - 1 : iItemIndex + 1;
|
|
1066
1060
|
|
|
1067
1061
|
if (iInsertAt >= 0 && iInsertAt < iLength) {
|
|
1068
1062
|
oCfg = GridContainerUtils.createConfig(this, this.getItems()[iInsertAt]);
|
|
@@ -1071,7 +1065,7 @@ sap.ui.define([
|
|
|
1071
1065
|
}
|
|
1072
1066
|
break;
|
|
1073
1067
|
case KeyCodes.ARROW_LEFT:
|
|
1074
|
-
iInsertAt =
|
|
1068
|
+
iInsertAt = Localization.getRTL() ? iItemIndex + 1 : iItemIndex - 1;
|
|
1075
1069
|
|
|
1076
1070
|
if (iInsertAt >= 0 && iInsertAt < iLength) {
|
|
1077
1071
|
oCfg = GridContainerUtils.createConfig(this, this.getItems()[iInsertAt]);
|
|
@@ -1166,7 +1160,7 @@ sap.ui.define([
|
|
|
1166
1160
|
* @ui5-restricted
|
|
1167
1161
|
*/
|
|
1168
1162
|
GridContainer.prototype.getNavigationMatrix = function () {
|
|
1169
|
-
if (!
|
|
1163
|
+
if (!this._bThemeApplied) {
|
|
1170
1164
|
return null;
|
|
1171
1165
|
}
|
|
1172
1166
|
|
|
@@ -1177,12 +1171,17 @@ sap.ui.define([
|
|
|
1177
1171
|
return aAcc;
|
|
1178
1172
|
}, []);
|
|
1179
1173
|
|
|
1180
|
-
return GridNavigationMatrix.create(this.getDomRef(), aItemsDomRefs);
|
|
1174
|
+
return GridNavigationMatrix.create(this.getDomRef("listUl"), aItemsDomRefs);
|
|
1181
1175
|
};
|
|
1182
1176
|
|
|
1183
1177
|
GridContainer.prototype._isItemWrapper = function (oElement) {
|
|
1184
1178
|
return oElement.classList.contains("sapFGridContainerItemWrapper");
|
|
1185
1179
|
};
|
|
1186
1180
|
|
|
1181
|
+
GridContainer.prototype._handleThemeApplied = function () {
|
|
1182
|
+
this._bThemeApplied = true;
|
|
1183
|
+
Theming.detachApplied(this._handleThemeAppliedBound);
|
|
1184
|
+
};
|
|
1185
|
+
|
|
1187
1186
|
return GridContainer;
|
|
1188
1187
|
});
|
|
@@ -27,7 +27,19 @@ sap.ui.define([], function () {
|
|
|
27
27
|
aItems = oControl.getItems(),
|
|
28
28
|
sTooltip = oControl.getTooltip_AsString();
|
|
29
29
|
|
|
30
|
-
oRM.openStart("div", oControl)
|
|
30
|
+
oRM.openStart("div", oControl)
|
|
31
|
+
.class("sapFGridContainer");
|
|
32
|
+
|
|
33
|
+
if (oControl.getWidth()) {
|
|
34
|
+
oRM.style("width", oControl.getWidth());
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
oRM.openEnd();
|
|
38
|
+
|
|
39
|
+
this.renderDummyArea(oRM, sId, "before", aItems.length > 0 ? 0 : -1);
|
|
40
|
+
|
|
41
|
+
oRM.openStart("div", `${sId}-listUl`)
|
|
42
|
+
.class("sapFGridContainerListUl");
|
|
31
43
|
|
|
32
44
|
this.setGridStyles(oRM, oControl._getActiveGridStyles());
|
|
33
45
|
|
|
@@ -36,6 +48,10 @@ sap.ui.define([], function () {
|
|
|
36
48
|
roledescription: oControl._oRb.getText("GRIDCONTAINER_ROLEDESCRIPTION")
|
|
37
49
|
});
|
|
38
50
|
|
|
51
|
+
if (oControl.getMinHeight()) {
|
|
52
|
+
oRM.style("min-height", oControl.getMinHeight());
|
|
53
|
+
}
|
|
54
|
+
|
|
39
55
|
if (oControl.getSnapToRow()) {
|
|
40
56
|
oRM.class("sapFGridContainerSnapToRow");
|
|
41
57
|
}
|
|
@@ -44,26 +60,18 @@ sap.ui.define([], function () {
|
|
|
44
60
|
oRM.class("sapFGridContainerDenseFill");
|
|
45
61
|
}
|
|
46
62
|
|
|
47
|
-
if (oControl.getWidth()) {
|
|
48
|
-
oRM.style("width", oControl.getWidth());
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
if (oControl.getMinHeight()) {
|
|
52
|
-
oRM.style("min-height", oControl.getMinHeight());
|
|
53
|
-
}
|
|
54
|
-
|
|
55
63
|
if (sTooltip) {
|
|
56
64
|
oRM.attr("title", sTooltip);
|
|
57
65
|
}
|
|
58
66
|
|
|
59
67
|
oRM.openEnd();
|
|
60
68
|
|
|
61
|
-
this.renderDummyArea(oRM, sId, "before", aItems.length > 0 ? 0 : -1);
|
|
62
|
-
|
|
63
69
|
aItems.forEach(function (oItem, iIndex) {
|
|
64
70
|
this.renderItem(oRM, oItem, oControl, iIndex);
|
|
65
71
|
}.bind(this));
|
|
66
72
|
|
|
73
|
+
oRM.close("div");
|
|
74
|
+
|
|
67
75
|
this.renderDummyArea(oRM, sId, "after", 0);
|
|
68
76
|
|
|
69
77
|
oRM.close("div");
|
|
@@ -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.121.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.121.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
|
@@ -10,7 +10,7 @@ sap.ui.define([
|
|
|
10
10
|
"./library",
|
|
11
11
|
"sap/m/ListBase",
|
|
12
12
|
"sap/ui/base/ManagedObjectObserver",
|
|
13
|
-
"sap/ui/core/
|
|
13
|
+
"sap/ui/core/Theming",
|
|
14
14
|
"sap/ui/Device",
|
|
15
15
|
"sap/ui/layout/cssgrid/GridLayoutDelegate",
|
|
16
16
|
"sap/ui/layout/cssgrid/GridLayoutBase"
|
|
@@ -22,7 +22,7 @@ sap.ui.define([
|
|
|
22
22
|
library,
|
|
23
23
|
ListBase,
|
|
24
24
|
ManagedObjectObserver,
|
|
25
|
-
|
|
25
|
+
Theming,
|
|
26
26
|
Device,
|
|
27
27
|
GridLayoutDelegate,
|
|
28
28
|
GridLayoutBase
|
|
@@ -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.121.0
|
|
97
97
|
*
|
|
98
98
|
* @extends sap.m.ListBase
|
|
99
99
|
* @implements sap.ui.layout.cssgrid.IGridConfigurable
|
|
@@ -165,6 +165,10 @@ sap.ui.define([
|
|
|
165
165
|
|
|
166
166
|
this._oGridObserver = new ManagedObjectObserver(GridList.prototype._onGridChange.bind(this));
|
|
167
167
|
this._oGridObserver.observe(this, { aggregations: ["items"] });
|
|
168
|
+
|
|
169
|
+
this._bThemeApplied = false;
|
|
170
|
+
this._handleThemeAppliedBound = this._handleThemeApplied.bind(this);
|
|
171
|
+
Theming.attachApplied(this._handleThemeAppliedBound);
|
|
168
172
|
};
|
|
169
173
|
|
|
170
174
|
GridList.prototype.exit = function () {
|
|
@@ -175,6 +179,8 @@ sap.ui.define([
|
|
|
175
179
|
this._oGridObserver = null;
|
|
176
180
|
}
|
|
177
181
|
|
|
182
|
+
Theming.detachApplied(this._handleThemeAppliedBound);
|
|
183
|
+
|
|
178
184
|
ListBase.prototype.exit.apply(this, arguments);
|
|
179
185
|
};
|
|
180
186
|
|
|
@@ -247,7 +253,7 @@ sap.ui.define([
|
|
|
247
253
|
* @ui5-restricted
|
|
248
254
|
*/
|
|
249
255
|
GridList.prototype.getNavigationMatrix = function () {
|
|
250
|
-
if (!
|
|
256
|
+
if (!this._bThemeApplied) {
|
|
251
257
|
return null;
|
|
252
258
|
}
|
|
253
259
|
|
|
@@ -375,5 +381,10 @@ sap.ui.define([
|
|
|
375
381
|
GridLayoutBase.setItemStyles(oEvent.srcControl);
|
|
376
382
|
};
|
|
377
383
|
|
|
384
|
+
GridList.prototype._handleThemeApplied = function () {
|
|
385
|
+
this._bThemeApplied = true;
|
|
386
|
+
Theming.detachApplied(this._handleThemeAppliedBound);
|
|
387
|
+
};
|
|
388
|
+
|
|
378
389
|
return GridList;
|
|
379
390
|
});
|
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
sap.ui.define([
|
|
12
|
-
"sap/
|
|
12
|
+
"sap/base/i18n/Localization"
|
|
13
13
|
], function (
|
|
14
|
-
|
|
14
|
+
Localization
|
|
15
15
|
) {
|
|
16
16
|
"use strict";
|
|
17
17
|
|
|
@@ -102,7 +102,7 @@ sap.ui.define([
|
|
|
102
102
|
fLeftOffsetInGrid,
|
|
103
103
|
fRightOffsetInGrid;
|
|
104
104
|
|
|
105
|
-
if (
|
|
105
|
+
if (Localization.getRTL()) {
|
|
106
106
|
iEndCol = -1;
|
|
107
107
|
iStartCol = oLayoutSizes.columns.length - 1;
|
|
108
108
|
fRightOffsetInGrid = oGridRect.right - oLayoutSizes.paddingRight - oItemRect.right;
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
// Provides control sap.f.PlanningCalendarInCardLegend.
|
|
8
|
-
sap.ui.define(['sap/m/PlanningCalendarLegend', 'sap/ui/unified/CalendarLegendItem', './PlanningCalendarInCardLegendRenderer'
|
|
9
|
-
function(PlanningCalendarLegend, CalendarLegendItem, PlanningCalendarInCardLegendRenderer
|
|
8
|
+
sap.ui.define(['sap/m/PlanningCalendarLegend', "sap/ui/core/Lib", 'sap/ui/unified/CalendarLegendItem', './PlanningCalendarInCardLegendRenderer'],
|
|
9
|
+
function(PlanningCalendarLegend, Library, CalendarLegendItem, PlanningCalendarInCardLegendRenderer) {
|
|
10
10
|
"use strict";
|
|
11
11
|
|
|
12
12
|
|
|
@@ -22,12 +22,11 @@ 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.121.0
|
|
26
26
|
*
|
|
27
27
|
* @constructor
|
|
28
28
|
* @private
|
|
29
29
|
* @since 1.74
|
|
30
|
-
* @experimental Since 1.74.
|
|
31
30
|
* @alias sap.f.PlanningCalendarInCardLegend
|
|
32
31
|
*/
|
|
33
32
|
var PlanningCalendarInCardLegend = PlanningCalendarLegend.extend("sap.f.PlanningCalendarInCardLegend", /** @lends sap.f.PlanningCalendarInCardLegend.prototype */ {
|
|
@@ -60,7 +59,7 @@ sap.ui.define(['sap/m/PlanningCalendarLegend', 'sap/ui/unified/CalendarLegendIte
|
|
|
60
59
|
*/
|
|
61
60
|
PlanningCalendarInCardLegend.prototype._getMoreItemsText = function (iItemsLeft) {
|
|
62
61
|
if (!this._oItemsLink) {
|
|
63
|
-
var oRB =
|
|
62
|
+
var oRB = Library.getResourceBundleFor("sap.f");
|
|
64
63
|
this._oItemsLink = new CalendarLegendItem({
|
|
65
64
|
text: oRB.getText("CALENDAR_LEGEND_MORE") + " (" + iItemsLeft + ")"
|
|
66
65
|
});
|
|
@@ -19,7 +19,7 @@ sap.ui.define(['sap/m/PlanningCalendarLegendRenderer', 'sap/ui/core/Renderer'],
|
|
|
19
19
|
/**
|
|
20
20
|
* Renders a header for the <code>items</code> list.
|
|
21
21
|
* @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
|
|
22
|
-
* @param {sap.
|
|
22
|
+
* @param {sap.f.PlanningCalendarInCardLegend} oLeg an object representation of the legend that should be rendered
|
|
23
23
|
* @override
|
|
24
24
|
*/
|
|
25
25
|
PlanningCalendarInCardLegendRenderer.renderItemsHeader = function(oRm, oLeg) {};
|
|
@@ -27,14 +27,14 @@ sap.ui.define(['sap/m/PlanningCalendarLegendRenderer', 'sap/ui/core/Renderer'],
|
|
|
27
27
|
/**
|
|
28
28
|
* Renders a header for the <code>appointmentItems</code> list.
|
|
29
29
|
* @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
|
|
30
|
-
* @param {sap.
|
|
30
|
+
* @param {sap.f.PlanningCalendarInCardLegend} oLeg an object representation of the legend that should be rendered
|
|
31
31
|
*/
|
|
32
32
|
PlanningCalendarInCardLegendRenderer.renderAppointmentsItemsHeader = function(oRm, oLeg) {};
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
35
|
* Renders additional content after the <code>items</code> list - a second list for the <code>appointmentItems</code> with a header.
|
|
36
36
|
* @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
|
|
37
|
-
* @param {sap.
|
|
37
|
+
* @param {sap.f.PlanningCalendarInCardLegend} oLeg an object representation of the legend that should be rendered
|
|
38
38
|
* @override
|
|
39
39
|
*/
|
|
40
40
|
PlanningCalendarInCardLegendRenderer.renderAdditionalContent = function(oRm, oLeg) {};
|
|
@@ -42,7 +42,7 @@ sap.ui.define(['sap/m/PlanningCalendarLegendRenderer', 'sap/ui/core/Renderer'],
|
|
|
42
42
|
/**
|
|
43
43
|
* Renders additional content after the <code>items</code> list - a second list for the <code>appointmentItems</code> with a header.
|
|
44
44
|
* @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
|
|
45
|
-
* @param {sap.
|
|
45
|
+
* @param {sap.f.PlanningCalendarInCardLegend} oLeg an object representation of the legend that should be rendered
|
|
46
46
|
* @override
|
|
47
47
|
*/
|
|
48
48
|
PlanningCalendarInCardLegendRenderer.renderAdditionalItems = function(oRm, oLeg) {
|
|
@@ -6,20 +6,20 @@
|
|
|
6
6
|
|
|
7
7
|
// Provides control sap.f.ProductSwitch
|
|
8
8
|
sap.ui.define([
|
|
9
|
-
"sap/ui/core/Core",
|
|
10
9
|
"sap/ui/core/Control",
|
|
11
10
|
"sap/f/GridContainer",
|
|
12
11
|
"sap/f/GridContainerSettings",
|
|
13
12
|
"sap/f/ProductSwitchItem",
|
|
14
|
-
"sap/f/ProductSwitchRenderer"
|
|
13
|
+
"sap/f/ProductSwitchRenderer",
|
|
14
|
+
"sap/ui/core/Element"
|
|
15
15
|
],
|
|
16
16
|
function (
|
|
17
|
-
Core,
|
|
18
17
|
Control,
|
|
19
18
|
GridContainer,
|
|
20
19
|
GridContainerSettings,
|
|
21
20
|
ProductSwitchItem,
|
|
22
|
-
ProductSwitchRenderer
|
|
21
|
+
ProductSwitchRenderer,
|
|
22
|
+
Element
|
|
23
23
|
) {
|
|
24
24
|
"use strict";
|
|
25
25
|
/**
|
|
@@ -34,7 +34,7 @@ sap.ui.define([
|
|
|
34
34
|
* @extends sap.ui.core.Control
|
|
35
35
|
*
|
|
36
36
|
* @author SAP SE
|
|
37
|
-
* @version 1.
|
|
37
|
+
* @version 1.121.0
|
|
38
38
|
*
|
|
39
39
|
* @constructor
|
|
40
40
|
* @public
|
|
@@ -167,7 +167,7 @@ sap.ui.define([
|
|
|
167
167
|
/**
|
|
168
168
|
* Sets the <code>selectedItem</code> association.
|
|
169
169
|
*
|
|
170
|
-
* @param {
|
|
170
|
+
* @param {sap.ui.core.ID | sap.f.ProductSwitchItem | null} vItem New value for the <code>selectedItem</code> association.
|
|
171
171
|
* If an ID of a <code>sap.f.ProductSwitchItem</code> instance is given, the item with this ID becomes the <code>selectedItem</code> association.
|
|
172
172
|
* Alternatively, a <code>sap.f.ProductSwitchItem</code> instance may be given or <code>null</code> to clear the selection.
|
|
173
173
|
*
|
|
@@ -177,7 +177,7 @@ sap.ui.define([
|
|
|
177
177
|
|
|
178
178
|
ProductSwitch.prototype.setSelectedItem = function (vItem) {
|
|
179
179
|
if (typeof vItem === "string") {
|
|
180
|
-
vItem =
|
|
180
|
+
vItem = Element.getElementById(vItem);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
183
|
if (!(vItem instanceof ProductSwitchItem) && vItem !== null) {
|
|
@@ -4,15 +4,15 @@
|
|
|
4
4
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
sap.ui.define(["sap/ui/core/
|
|
8
|
-
function (
|
|
7
|
+
sap.ui.define(["sap/ui/core/Lib"],
|
|
8
|
+
function (Library) {
|
|
9
9
|
"use strict";
|
|
10
10
|
|
|
11
11
|
return {
|
|
12
12
|
apiVersion: 2,
|
|
13
13
|
|
|
14
14
|
render: function (oRm, oControl) {
|
|
15
|
-
var oRb =
|
|
15
|
+
var oRb = Library.getResourceBundleFor("sap.f");
|
|
16
16
|
|
|
17
17
|
oRm.openStart("div", oControl);
|
|
18
18
|
oRm.attr("role", "menu");
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
// Provides control sap.f.SearchManager.
|
|
8
|
-
sap.ui.define(['sap/ui/core/Element', 'sap/ui/base/ManagedObjectObserver', './shellBar/Search'],
|
|
9
|
-
function
|
|
8
|
+
sap.ui.define(['sap/ui/core/Element', 'sap/ui/base/ManagedObjectObserver', './shellBar/Search', "sap/ui/core/Lib"],
|
|
9
|
+
function(Element, ManagedObjectObserver, Search, Library) {
|
|
10
10
|
"use strict";
|
|
11
11
|
|
|
12
|
-
var oResourceBundle =
|
|
12
|
+
var oResourceBundle = Library.getResourceBundleFor("sap.m");
|
|
13
13
|
|
|
14
14
|
/**
|
|
15
15
|
* Constructor for a new <code>SearchManager</code>.
|
|
@@ -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.
|
|
26
|
+
* @version 1.121.0
|
|
27
27
|
*
|
|
28
28
|
* @constructor
|
|
29
29
|
* @public
|