@openui5/sap.uxap 1.142.0 → 1.143.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.toml +1 -1
- package/THIRDPARTY.txt +2 -2
- package/package.json +5 -5
- package/src/sap/uxap/.library +1 -1
- package/src/sap/uxap/BlockBaseMetadata.js +1 -1
- package/src/sap/uxap/ObjectPageAccessibleLandmarkInfo.js +1 -1
- package/src/sap/uxap/ObjectPageDynamicHeaderContent.js +1 -1
- package/src/sap/uxap/ObjectPageDynamicHeaderTitle.js +1 -1
- package/src/sap/uxap/ObjectPageLayout.js +2 -1
- package/src/sap/uxap/ObjectPageLazyLoader.js +1 -1
- package/src/sap/uxap/ObjectPageSection.js +8 -3
- package/src/sap/uxap/ObjectPageSectionBase.js +3 -0
- package/src/sap/uxap/changeHandler/AddIFrameObjectPageLayout.js +1 -1
- package/src/sap/uxap/changeHandler/MoveObjectPageSection.js +1 -1
- package/src/sap/uxap/changeHandler/RenameObjectPageSection.js +1 -1
- package/src/sap/uxap/changeHandler/UnstashObjectPageSection.js +1 -1
- package/src/sap/uxap/library.js +2 -2
- package/src/sap/uxap/themes/base/ObjectPageSection.less +0 -4
- package/src/sap/uxap/themes/base/ObjectPageSubSection.less +4 -42
- package/src/sap/uxap/themes/sap_hcb/ObjectPageSubSection.less +1 -9
- package/src/sap/uxap/themes/sap_hcb/base_ObjectPageSubSection.less +5 -29
package/REUSE.toml
CHANGED
|
@@ -385,7 +385,7 @@ SPDX-FileComment = "these files belong to: handlebars"
|
|
|
385
385
|
[[annotations]]
|
|
386
386
|
path = "src/sap.ui.core/src/sap/ui/thirdparty/require.js"
|
|
387
387
|
precedence = "aggregate"
|
|
388
|
-
SPDX-FileCopyrightText = "2010-
|
|
388
|
+
SPDX-FileCopyrightText = "2010-2024, jQuery Foundation and other contributors"
|
|
389
389
|
SPDX-License-Identifier = "MIT"
|
|
390
390
|
SPDX-FileComment = "these files belong to: requireJS"
|
|
391
391
|
|
package/THIRDPARTY.txt
CHANGED
|
@@ -254,8 +254,8 @@ License: MIT
|
|
|
254
254
|
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
|
|
255
255
|
Contained in: src/sap.ui.core/src/sap/ui/thirdparty/handlebars.js
|
|
256
256
|
|
|
257
|
-
Component: requireJS, version: 2.
|
|
258
|
-
Copyright: 2010-
|
|
257
|
+
Component: requireJS, version: 2.3.7
|
|
258
|
+
Copyright: 2010-2024, jQuery Foundation and other contributors
|
|
259
259
|
License: MIT
|
|
260
260
|
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
|
|
261
261
|
Contained in: src/sap.ui.core/src/sap/ui/thirdparty/require.js
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/sap.uxap",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.143.0",
|
|
4
4
|
"description": "OpenUI5 UI Library sap.uxap",
|
|
5
5
|
"author": "SAP SE (https://www.sap.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
"url": "https://github.com/UI5/openui5.git"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@openui5/sap.f": "1.
|
|
18
|
-
"@openui5/sap.m": "1.
|
|
19
|
-
"@openui5/sap.ui.core": "1.
|
|
20
|
-
"@openui5/sap.ui.layout": "1.
|
|
17
|
+
"@openui5/sap.f": "1.143.0",
|
|
18
|
+
"@openui5/sap.m": "1.143.0",
|
|
19
|
+
"@openui5/sap.ui.core": "1.143.0",
|
|
20
|
+
"@openui5/sap.ui.layout": "1.143.0"
|
|
21
21
|
}
|
|
22
22
|
}
|
package/src/sap/uxap/.library
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
<name>sap.uxap</name>
|
|
5
5
|
<vendor>SAP SE</vendor>
|
|
6
|
-
<version>1.
|
|
6
|
+
<version>1.143.0</version>
|
|
7
7
|
<copyright>OpenUI5
|
|
8
8
|
* (c) Copyright 2025 SAP SE or an SAP affiliate company.
|
|
9
9
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
@@ -1855,7 +1855,7 @@ sap.ui.define([
|
|
|
1855
1855
|
for (var i = 0; i < aSections.length; i++) {
|
|
1856
1856
|
var oSection = aSections[i];
|
|
1857
1857
|
if (oSection._getInternalVisible()) {
|
|
1858
|
-
oSection._setAriaLabelledByAnchorButton(aAnchorBarItems[i]
|
|
1858
|
+
oSection._setAriaLabelledByAnchorButton(aAnchorBarItems[i]);
|
|
1859
1859
|
}
|
|
1860
1860
|
}
|
|
1861
1861
|
|
|
@@ -3505,6 +3505,7 @@ sap.ui.define([
|
|
|
3505
3505
|
//don't apply parallax effects if there are not enough space for it
|
|
3506
3506
|
if (!bShouldPreserveHeaderInTitleArea && ((oHeader && this.getShowHeaderContent()) || this.getShowAnchorBar())) {
|
|
3507
3507
|
this._toggleHeader(bShouldStick, !!(oEvent && oEvent.type === "scroll"));
|
|
3508
|
+
this._scrollTo(iScrollTop); // to avoid snap/unsnap caused by the change in header height when there is a difference between the snapped and expanded title heights
|
|
3508
3509
|
}
|
|
3509
3510
|
|
|
3510
3511
|
if (!bShouldPreserveHeaderInTitleArea) {
|
|
@@ -375,6 +375,10 @@ sap.ui.define([
|
|
|
375
375
|
return (this.getShowTitle() && this._getInternalTitleVisible()) || this._shouldDisplayButtonsInHeader();
|
|
376
376
|
};
|
|
377
377
|
|
|
378
|
+
ObjectPageSection.prototype._getWrapTitle = function () {
|
|
379
|
+
return this.getWrapTitle();
|
|
380
|
+
};
|
|
381
|
+
|
|
378
382
|
/**
|
|
379
383
|
* Determines if the <code>ObjectPageSection</code> title is forced to be visible.
|
|
380
384
|
* This is the case when the <code>ObjectPageSection</code> displays the expand/collapse button or the show/hide all button.
|
|
@@ -391,11 +395,12 @@ sap.ui.define([
|
|
|
391
395
|
* @param {boolean} bInvalidate Whether to invalidate the control or not
|
|
392
396
|
* @private
|
|
393
397
|
*/
|
|
394
|
-
ObjectPageSection.prototype._setAriaLabelledByAnchorButton = function (oAnchorButton
|
|
395
|
-
this._sAriaLabelledByAnchorButton
|
|
396
|
-
if (bInvalidate) {
|
|
398
|
+
ObjectPageSection.prototype._setAriaLabelledByAnchorButton = function (oAnchorButton) {
|
|
399
|
+
if (this._sAriaLabelledByAnchorButton && this._sAriaLabelledByAnchorButton !== oAnchorButton?.getId()) {
|
|
397
400
|
this.invalidate();
|
|
398
401
|
}
|
|
402
|
+
|
|
403
|
+
this._sAriaLabelledByAnchorButton = oAnchorButton?.getId();
|
|
399
404
|
};
|
|
400
405
|
|
|
401
406
|
/**
|
|
@@ -608,6 +608,9 @@ sap.ui.define([
|
|
|
608
608
|
};
|
|
609
609
|
|
|
610
610
|
ObjectPageSectionBase.prototype.setTitle = function (sValue, bSuppressInvalidate) {
|
|
611
|
+
if (this.getTitle() === sValue) {
|
|
612
|
+
return this;
|
|
613
|
+
}
|
|
611
614
|
|
|
612
615
|
this.setProperty("title", sValue, bSuppressInvalidate);
|
|
613
616
|
this._notifyObjectPageLayout();
|
package/src/sap/uxap/library.js
CHANGED
|
@@ -30,7 +30,7 @@ sap.ui.define([
|
|
|
30
30
|
* @namespace
|
|
31
31
|
* @alias sap.uxap
|
|
32
32
|
* @author SAP SE
|
|
33
|
-
* @version 1.
|
|
33
|
+
* @version 1.143.0
|
|
34
34
|
* @since 1.36
|
|
35
35
|
* @public
|
|
36
36
|
*/
|
|
@@ -74,7 +74,7 @@ sap.ui.define([
|
|
|
74
74
|
"sap.uxap.ObjectPageHeaderLayoutData",
|
|
75
75
|
"sap.uxap.ObjectPageLazyLoader"
|
|
76
76
|
],
|
|
77
|
-
version: "1.
|
|
77
|
+
version: "1.143.0",
|
|
78
78
|
...{
|
|
79
79
|
interactionDocumentation: true
|
|
80
80
|
},
|
|
@@ -156,8 +156,4 @@ html[data-sap-ui-browser^="ie"].sap-desktop {
|
|
|
156
156
|
.sapUxAPObjectPageSectionHeader {
|
|
157
157
|
height: auto;
|
|
158
158
|
padding-bottom: 0;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
.sapUxAPObjectPageSection.sapUxAPObjectPageSectionWrapTitle .sapUxAPObjectPageSubSectionHeaderToolbar {
|
|
162
|
-
height: auto;
|
|
163
159
|
}
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
.sapUxAPObjectPageSubSection .sapUxAPObjectPageSubSectionHeader {
|
|
26
26
|
.sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar {
|
|
27
27
|
background-color: @sapUiGlobalBackgroundColor;
|
|
28
|
+
height: auto;
|
|
28
29
|
}
|
|
29
30
|
|
|
30
31
|
position: sticky;
|
|
@@ -93,16 +94,6 @@ html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeader {
|
|
|
93
94
|
padding: 0 0.25rem 0 0;
|
|
94
95
|
}
|
|
95
96
|
|
|
96
|
-
.sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionHeaderTitle,
|
|
97
|
-
html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeaderTitle {
|
|
98
|
-
height: auto;
|
|
99
|
-
overflow: auto;
|
|
100
|
-
float: none;
|
|
101
|
-
white-space: normal;
|
|
102
|
-
word-wrap: break-word;
|
|
103
|
-
word-break: break-all;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
97
|
/* tablet display */
|
|
107
98
|
|
|
108
99
|
.sapUxAPObjectPageLayout-Std-Tablet .sapUxAPObjectPageSubSectionHeader,
|
|
@@ -136,13 +127,6 @@ Doing so will result in less generated CSS, as well as less future maintanance i
|
|
|
136
127
|
margin-left: 0;
|
|
137
128
|
}
|
|
138
129
|
|
|
139
|
-
.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderTitle {
|
|
140
|
-
height: auto;
|
|
141
|
-
white-space: normal;
|
|
142
|
-
word-wrap: break-word;
|
|
143
|
-
line-height: normal;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
130
|
.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderActions {
|
|
147
131
|
float: none;
|
|
148
132
|
display: inline-block;
|
|
@@ -230,10 +214,6 @@ Doing so will result in less generated CSS, as well as less future maintanance i
|
|
|
230
214
|
|
|
231
215
|
/* compact size */
|
|
232
216
|
.sapUiSizeCompact {
|
|
233
|
-
.sapUxAPObjectPageSubSectionHeaderTitle {
|
|
234
|
-
height: 2rem;
|
|
235
|
-
line-height: 2rem;
|
|
236
|
-
}
|
|
237
217
|
.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer .sapUiFormResGrid > div,
|
|
238
218
|
.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer .sapUiFormCLContainer {
|
|
239
219
|
padding: 1rem 0;
|
|
@@ -267,25 +247,7 @@ html[data-sap-ui-browser^="ie"].sap-desktop {
|
|
|
267
247
|
}
|
|
268
248
|
|
|
269
249
|
// Styles needed for wrapTitle property
|
|
270
|
-
.sapUxAPObjectPageSubSection.
|
|
271
|
-
.sapUxAPObjectPageSubSectionHeader
|
|
272
|
-
.sapUxAPObjectPageSubSectionTitle {
|
|
250
|
+
.sapUxAPObjectPageSubSection .sapUxAPObjectPageSubSectionHeader .sapUxAPObjectPageSubSectionTitle {
|
|
273
251
|
height: auto;
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
overflow: auto;
|
|
277
|
-
line-height: inherit;
|
|
278
|
-
border-bottom: none;
|
|
279
|
-
position: relative;
|
|
280
|
-
top: 0rem;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
.sapUxAPObjectPageSubSection.sapUxAPObjectPageSubSectionWrapTitle
|
|
284
|
-
.sapUxAPObjectPageSubSectionHeader {
|
|
285
|
-
height: auto;
|
|
286
|
-
padding-bottom: 0;
|
|
287
|
-
}
|
|
288
|
-
|
|
289
|
-
.sapUxAPObjectPageSubSection.sapUxAPObjectPageSubSectionWrapTitle .sapUxAPObjectPageSubSectionHeaderToolbar {
|
|
290
|
-
height: auto;
|
|
291
|
-
}
|
|
252
|
+
line-height: normal;
|
|
253
|
+
}
|
|
@@ -3,17 +3,9 @@
|
|
|
3
3
|
/* High Contrast Black theme */
|
|
4
4
|
/* ============================================== */
|
|
5
5
|
|
|
6
|
-
.sapUxAPObjectPageSubSectionFocusable:focus
|
|
7
|
-
.sapUxAPObjectPageSubSectionHeaderTitle:focus {
|
|
6
|
+
.sapUxAPObjectPageSubSectionFocusable:focus {
|
|
8
7
|
outline: 0.125rem dotted @sapUiContentFocusColor;
|
|
9
8
|
outline-offset: -0.125rem;
|
|
10
9
|
border-color: transparent;
|
|
11
10
|
border-radius: 0;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
/* IE ignores outline-offset. Use an overlay: */
|
|
15
|
-
html[data-sap-ui-browser^="ie"] .sapUxAPObjectPageSubSection, .sapUxAPObjectPageSubSectionHeaderTitle {
|
|
16
|
-
&:focus:before {
|
|
17
|
-
border-width: 0.125rem;
|
|
18
|
-
}
|
|
19
11
|
}
|
|
@@ -26,14 +26,6 @@
|
|
|
26
26
|
justify-content: space-between;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
.sapUxAPObjectPageSubSectionHeaderTitle {
|
|
30
|
-
white-space: normal;
|
|
31
|
-
line-height: 3rem;
|
|
32
|
-
color: @sapUiGroupTitleTextColor;
|
|
33
|
-
font-size: @sapMFontHeader4Size;
|
|
34
|
-
font-weight: normal;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
29
|
.sapUxAPSubSectionSeeMoreContainer {
|
|
38
30
|
text-align: right;
|
|
39
31
|
width: auto;
|
|
@@ -60,16 +52,6 @@ html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeader {
|
|
|
60
52
|
padding: 0 1rem;
|
|
61
53
|
}
|
|
62
54
|
|
|
63
|
-
.sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionHeaderTitle,
|
|
64
|
-
html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeaderTitle {
|
|
65
|
-
height: auto;
|
|
66
|
-
overflow: auto;
|
|
67
|
-
float: none;
|
|
68
|
-
white-space: normal;
|
|
69
|
-
word-wrap: break-word;
|
|
70
|
-
word-break: break-all;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
55
|
/* tablet display */
|
|
74
56
|
|
|
75
57
|
.sapUxAPObjectPageLayout-Std-Tablet .sapUxAPObjectPageSubSectionHeader,
|
|
@@ -103,13 +85,6 @@ Doing so will result in less generated CSS, as well as less future maintanance i
|
|
|
103
85
|
margin-left: 0;
|
|
104
86
|
}
|
|
105
87
|
|
|
106
|
-
.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderTitle {
|
|
107
|
-
height: auto;
|
|
108
|
-
white-space: normal;
|
|
109
|
-
word-wrap: break-word;
|
|
110
|
-
line-height: normal;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
88
|
.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderActions {
|
|
114
89
|
float: none;
|
|
115
90
|
display: inline-block;
|
|
@@ -201,10 +176,6 @@ Doing so will result in less generated CSS, as well as less future maintanance i
|
|
|
201
176
|
|
|
202
177
|
/* compact size */
|
|
203
178
|
.sapUiSizeCompact {
|
|
204
|
-
.sapUxAPObjectPageSubSectionHeaderTitle {
|
|
205
|
-
height: 2rem;
|
|
206
|
-
line-height: 2rem;
|
|
207
|
-
}
|
|
208
179
|
.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer .sapUiFormResGrid > div,
|
|
209
180
|
.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer .sapUiFormCLContainer {
|
|
210
181
|
padding: 1rem 0;
|
|
@@ -237,3 +208,8 @@ html[data-sap-ui-browser^="ie"].sap-desktop {
|
|
|
237
208
|
}
|
|
238
209
|
}
|
|
239
210
|
|
|
211
|
+
// Styles needed for wrapping title
|
|
212
|
+
.sapUxAPObjectPageSubSection .sapUxAPObjectPageSubSectionHeader .sapUxAPObjectPageSubSectionTitle {
|
|
213
|
+
height: auto;
|
|
214
|
+
line-height: normal;
|
|
215
|
+
}
|