@openui5/sap.f 1.136.3 → 1.139.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/README.md +1 -1
- package/REUSE.toml +8 -29
- package/THIRDPARTY.txt +72 -90
- package/package.json +5 -5
- 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 +1 -1
- package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/DynamicPageHeader.js +12 -12
- package/src/sap/f/DynamicPageTitle.js +4 -3
- package/src/sap/f/FlexibleColumnLayout.js +7 -3
- package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutData.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutDataForDesktop.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutDataForTablet.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js +1 -1
- 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 -1
- 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 +1 -1
- 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 +20 -5
- package/src/sap/f/SidePanelItem.js +1 -1
- package/src/sap/f/cards/BaseHeader.js +1 -1
- package/src/sap/f/cards/BaseHeaderRenderer.js +2 -2
- 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/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/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/routing/Target.js +38 -11
- package/src/sap/f/routing/Targets.js +44 -11
- 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 +1 -1
- 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 +1 -1
- package/src/sap/f/themes/base/CardHeaders.less +8 -4
- package/src/sap/f/themes/base/CardNumericIndicators.less +6 -5
- package/src/sap/f/themes/base/DynamicPage.less +55 -76
- package/src/sap/f/themes/base/DynamicPageHeader.less +7 -4
- package/src/sap/f/themes/base/ListPlaceholder.less +1 -1
- package/src/sap/f/themes/base/ObjectPlaceholder.less +3 -2
- package/src/sap/f/themes/base/ProductSwitch.less +5 -0
- package/src/sap/f/themes/base/ProductSwitchItem.less +24 -24
- package/src/sap/f/themes/base/SemanticPage.less +4 -0
- package/src/sap/f/themes/base/ShellBar.less +75 -47
- package/src/sap/f/themes/base/SidePanel.less +5 -12
- package/src/sap/f/themes/base/TablePlaceholder.less +3 -3
- package/src/sap/f/themes/base/TimelinePlaceholder.less +3 -4
- package/src/sap/f/routing/async/Target.js +0 -53
- package/src/sap/f/routing/async/Targets.js +0 -59
package/src/sap/f/library.js
CHANGED
|
@@ -39,14 +39,14 @@ sap.ui.define([
|
|
|
39
39
|
* @namespace
|
|
40
40
|
* @alias sap.f
|
|
41
41
|
* @author SAP SE
|
|
42
|
-
* @version 1.
|
|
42
|
+
* @version 1.139.0
|
|
43
43
|
* @since 1.44
|
|
44
44
|
* @public
|
|
45
45
|
*/
|
|
46
46
|
var thisLib = Library.init({
|
|
47
47
|
apiVersion: 2,
|
|
48
48
|
name : "sap.f",
|
|
49
|
-
version: "1.
|
|
49
|
+
version: "1.139.0",
|
|
50
50
|
dependencies : ["sap.ui.core", "sap.m", "sap.ui.layout"],
|
|
51
51
|
designtime: "sap/f/designtime/library.designtime",
|
|
52
52
|
...{
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
* (c) Copyright 2025 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
5
5
|
*/
|
|
6
|
-
sap.ui.define(['sap/ui/core/routing/Target', 'sap/f/FlexibleColumnLayout'
|
|
7
|
-
function(Target, FCL
|
|
6
|
+
sap.ui.define(['sap/ui/core/routing/Target', 'sap/f/FlexibleColumnLayout'],
|
|
7
|
+
function(Target, FCL) {
|
|
8
8
|
"use strict";
|
|
9
9
|
|
|
10
10
|
/**
|
|
@@ -23,16 +23,7 @@ sap.ui.define(['sap/ui/core/routing/Target', 'sap/f/FlexibleColumnLayout', './as
|
|
|
23
23
|
var MobileTarget = Target.extend("sap.f.routing.Target", /** @lends sap.f.routing.Target.prototype */ {
|
|
24
24
|
constructor : function (oOptions, oViews, oParent, oTargetHandler) {
|
|
25
25
|
this._oTargetHandler = oTargetHandler;
|
|
26
|
-
|
|
27
26
|
Target.prototype.constructor.apply(this, arguments);
|
|
28
|
-
|
|
29
|
-
var TargetStub = asyncTarget;
|
|
30
|
-
|
|
31
|
-
this._super = {};
|
|
32
|
-
for (var fn in TargetStub) {
|
|
33
|
-
this._super[fn] = this[fn];
|
|
34
|
-
this[fn] = TargetStub[fn];
|
|
35
|
-
}
|
|
36
27
|
},
|
|
37
28
|
|
|
38
29
|
_beforePlacingViewIntoContainer : function(mArguments) {
|
|
@@ -43,6 +34,42 @@ sap.ui.define(['sap/ui/core/routing/Target', 'sap/f/FlexibleColumnLayout', './as
|
|
|
43
34
|
oContainer.setLayout(oRouteConfig.layout);
|
|
44
35
|
}
|
|
45
36
|
Target.prototype._beforePlacingViewIntoContainer.apply(this, arguments);
|
|
37
|
+
},
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* @private
|
|
41
|
+
*/
|
|
42
|
+
_place : function (vData) {
|
|
43
|
+
var oPromise = Target.prototype._place.apply(this, arguments),
|
|
44
|
+
oRouteConfig = vData && vData.routeConfig || {},
|
|
45
|
+
that = this;
|
|
46
|
+
|
|
47
|
+
// chain to navigation promise to keep the order of navigations!
|
|
48
|
+
return this._oTargetHandler._chainNavigation(function() {
|
|
49
|
+
return oPromise.then(function(oViewInfo) {
|
|
50
|
+
that._oTargetHandler.addNavigation({
|
|
51
|
+
navigationIdentifier : that._oOptions._name,
|
|
52
|
+
transition: that._oOptions.transition,
|
|
53
|
+
transitionParameters: that._oOptions.transitionParameters,
|
|
54
|
+
eventData: vData,
|
|
55
|
+
targetControl: oViewInfo.control,
|
|
56
|
+
view: oViewInfo.view,
|
|
57
|
+
layout: oRouteConfig.layout,
|
|
58
|
+
placeholderConfig: oViewInfo.placeholderConfig
|
|
59
|
+
});
|
|
60
|
+
return oViewInfo;
|
|
61
|
+
});
|
|
62
|
+
}, this._oOptions._name);
|
|
63
|
+
|
|
64
|
+
},
|
|
65
|
+
showPlaceholder : function(mSettings) {
|
|
66
|
+
return this._oTargetHandler.showPlaceholder(mSettings);
|
|
67
|
+
},
|
|
68
|
+
hidePlaceholder : function(mSettings) {
|
|
69
|
+
/**
|
|
70
|
+
* Overriding the hidePlaceholder to empty function because the placeholder is removed
|
|
71
|
+
* after all targets are displayed
|
|
72
|
+
*/
|
|
46
73
|
}
|
|
47
74
|
});
|
|
48
75
|
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
* (c) Copyright 2025 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
5
5
|
*/
|
|
6
|
-
sap.ui.define(['sap/ui/core/routing/Targets', './TargetHandler', './Target'
|
|
7
|
-
function(Targets, TargetHandler, Target
|
|
6
|
+
sap.ui.define(['sap/ui/core/routing/Targets', './TargetHandler', './Target'],
|
|
7
|
+
function(Targets, TargetHandler, Target) {
|
|
8
8
|
"use strict";
|
|
9
9
|
|
|
10
10
|
/**
|
|
@@ -348,7 +348,6 @@ sap.ui.define(['sap/ui/core/routing/Targets', './TargetHandler', './Target', './
|
|
|
348
348
|
*/
|
|
349
349
|
var MobileTargets = Targets.extend("sap.f.routing.Targets", /** @lends sap.f.routing.Targets.prototype */ {
|
|
350
350
|
constructor: function(oOptions) {
|
|
351
|
-
|
|
352
351
|
oOptions.config._async = true;
|
|
353
352
|
|
|
354
353
|
if (oOptions.targetHandler) {
|
|
@@ -359,14 +358,6 @@ sap.ui.define(['sap/ui/core/routing/Targets', './TargetHandler', './Target', './
|
|
|
359
358
|
}
|
|
360
359
|
|
|
361
360
|
Targets.prototype.constructor.apply(this, arguments);
|
|
362
|
-
|
|
363
|
-
var TargetsStub = asyncTargets;
|
|
364
|
-
|
|
365
|
-
this._super = {};
|
|
366
|
-
for (var fn in TargetsStub) {
|
|
367
|
-
this._super[fn] = this[fn];
|
|
368
|
-
this[fn] = TargetsStub[fn];
|
|
369
|
-
}
|
|
370
361
|
},
|
|
371
362
|
|
|
372
363
|
destroy: function () {
|
|
@@ -414,6 +405,48 @@ sap.ui.define(['sap/ui/core/routing/Targets', './TargetHandler', './Target', './
|
|
|
414
405
|
} while (oTarget);
|
|
415
406
|
|
|
416
407
|
return iLevel;
|
|
408
|
+
},
|
|
409
|
+
|
|
410
|
+
/**
|
|
411
|
+
* @private
|
|
412
|
+
*/
|
|
413
|
+
display: function () {
|
|
414
|
+
var iLevel,
|
|
415
|
+
sName;
|
|
416
|
+
|
|
417
|
+
// don't remember previous displays
|
|
418
|
+
this._oLastDisplayedTarget = null;
|
|
419
|
+
|
|
420
|
+
var oPromise = Targets.prototype.display.apply(this, arguments);
|
|
421
|
+
|
|
422
|
+
return oPromise.then(function(oViewInfo) {
|
|
423
|
+
// maybe a wrong name was provided then there is no last displayed target
|
|
424
|
+
if (this._oLastDisplayedTarget) {
|
|
425
|
+
iLevel = this._getLevel(this._oLastDisplayedTarget);
|
|
426
|
+
sName = this._oLastDisplayedTarget._oOptions._name;
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
this._oTargetHandler.navigate({
|
|
430
|
+
level: iLevel,
|
|
431
|
+
navigationIdentifier: sName
|
|
432
|
+
});
|
|
433
|
+
|
|
434
|
+
return oViewInfo;
|
|
435
|
+
}.bind(this));
|
|
436
|
+
},
|
|
437
|
+
|
|
438
|
+
/**
|
|
439
|
+
* @private
|
|
440
|
+
*/
|
|
441
|
+
_displaySingleTarget: function(oTargetInfo) {
|
|
442
|
+
var oTarget = this.getTarget(oTargetInfo.name);
|
|
443
|
+
|
|
444
|
+
return Targets.prototype._displaySingleTarget.apply(this, arguments).then(function(oViewInfo){
|
|
445
|
+
if (oTarget) {
|
|
446
|
+
this._oLastDisplayedTarget = oTarget;
|
|
447
|
+
}
|
|
448
|
+
return oViewInfo;
|
|
449
|
+
}.bind(this));
|
|
417
450
|
}
|
|
418
451
|
});
|
|
419
452
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
@_sap_f_Card_BoxShadow: var(--sapContent_Shadow0);
|
|
7
7
|
@_sap_f_Card_HeaderBorder: 0.0625rem solid var(--sapTile_SeparatorColor); /* used as top or bottom border */
|
|
8
8
|
@_sap_f_Card_FocusBorderRadius: none;
|
|
9
|
-
@_sap_f_Card_BorderRadius: var(--
|
|
9
|
+
@_sap_f_Card_BorderRadius: var(--sapTile_BorderCornerRadius);
|
|
10
10
|
@_sap_f_Card_ContentPadding: 1rem;
|
|
11
11
|
@_sap_f_Card_FocusBorderBottomOffset: 1px;
|
|
12
12
|
@_sap_f_Card_FocusBorderTopOffset: 1px;
|
|
@@ -22,9 +22,13 @@
|
|
|
22
22
|
display: flex;
|
|
23
23
|
min-width: 0;
|
|
24
24
|
height: fit-content;
|
|
25
|
-
padding: @_sap_f_CardHeaders_Padding @_sap_f_CardHeaders_Padding 0.
|
|
25
|
+
padding: @_sap_f_CardHeaders_Padding @_sap_f_CardHeaders_Padding 0.25rem @_sap_f_CardHeaders_Padding;
|
|
26
26
|
position: relative;
|
|
27
27
|
border-radius: 0;
|
|
28
|
+
|
|
29
|
+
&.sapFCardHeaderLastPart{
|
|
30
|
+
padding: @_sap_f_CardHeaders_Padding;
|
|
31
|
+
}
|
|
28
32
|
}
|
|
29
33
|
|
|
30
34
|
.sapFCardHeaderImage {
|
|
@@ -189,7 +193,7 @@
|
|
|
189
193
|
}
|
|
190
194
|
|
|
191
195
|
.sapFCardHeaderInfoSection {
|
|
192
|
-
padding: 0.
|
|
196
|
+
padding: 0.25rem @_sap_f_CardHeaders_Padding 0.25rem @_sap_f_CardHeaders_Padding;
|
|
193
197
|
display: flex;
|
|
194
198
|
flex-direction: column;
|
|
195
199
|
gap: 0.5rem;
|
|
@@ -202,7 +206,7 @@
|
|
|
202
206
|
.sapFCardHeader.sapFCardNumericHeader {
|
|
203
207
|
|
|
204
208
|
.sapFCardNumericHeaderNumericPart {
|
|
205
|
-
padding:
|
|
209
|
+
padding: 0rem @_sap_f_CardHeaders_Padding @_sap_f_CardHeaders_Padding @_sap_f_CardHeaders_Padding;
|
|
206
210
|
|
|
207
211
|
.sapFCardHeaderNumericPartFirstLine {
|
|
208
212
|
display: flex;
|
|
@@ -251,7 +255,7 @@
|
|
|
251
255
|
}
|
|
252
256
|
|
|
253
257
|
.sapFCardNumericIndicatorsSide {
|
|
254
|
-
padding: 0.
|
|
258
|
+
padding: 0.25rem 0;
|
|
255
259
|
}
|
|
256
260
|
}
|
|
257
261
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.f
|
|
3
|
-
/* Base theme
|
|
4
|
-
/*
|
|
1
|
+
/* ================================================== */
|
|
2
|
+
/* CSS for control sap.f/cards/CardNumericIndicators */
|
|
3
|
+
/* Base theme */
|
|
4
|
+
/* ================================================== */
|
|
5
5
|
|
|
6
6
|
.sapFCardNumericIndicators {
|
|
7
7
|
display: flex;
|
|
@@ -24,13 +24,14 @@
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.sapFCardNumericIndicatorsSide {
|
|
27
|
-
min-width: 0;
|
|
27
|
+
min-width: 0; /* allows items to shrink and truncate the content inside */
|
|
28
28
|
display: flex;
|
|
29
29
|
|
|
30
30
|
.sapFCardHeaderSideIndicator {
|
|
31
31
|
margin-right: 1rem;
|
|
32
32
|
position: relative;
|
|
33
33
|
}
|
|
34
|
+
|
|
34
35
|
.sapFCardHeaderSideIndicator:last-child {
|
|
35
36
|
margin-right: 0;
|
|
36
37
|
}
|