@openui5/sap.uxap 1.71.44 → 1.71.47
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/LICENSE.txt +1 -1
- 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/ObjectPageLazyLoader.js +1 -1
- package/src/sap/uxap/ObjectPageSection.js +12 -47
- package/src/sap/uxap/ObjectPageSectionBase.js +70 -2
- package/src/sap/uxap/ObjectPageSubSection.js +11 -0
- package/src/sap/uxap/ObjectPageSubSectionRenderer.js +5 -7
- package/src/sap/uxap/changeHandler/MoveObjectPageSection.js +1 -1
- package/src/sap/uxap/changeHandler/RenameObjectPageSection.js +1 -1
- package/src/sap/uxap/library.js +1 -1
- package/src/sap/uxap/messagebundle_ja.properties +1 -1
- package/src/sap/uxap/messagebundle_ko.properties +1 -1
package/LICENSE.txt
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/sap.uxap",
|
|
3
|
-
"version": "1.71.
|
|
3
|
+
"version": "1.71.47",
|
|
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/SAP/openui5.git"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@openui5/sap.f": "1.71.
|
|
18
|
-
"@openui5/sap.m": "1.71.
|
|
19
|
-
"@openui5/sap.ui.core": "1.71.
|
|
20
|
-
"@openui5/sap.ui.layout": "1.71.
|
|
17
|
+
"@openui5/sap.f": "1.71.47",
|
|
18
|
+
"@openui5/sap.m": "1.71.47",
|
|
19
|
+
"@openui5/sap.ui.core": "1.71.47",
|
|
20
|
+
"@openui5/sap.ui.layout": "1.71.47"
|
|
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.71.
|
|
6
|
+
<version>1.71.47</version>
|
|
7
7
|
<copyright>OpenUI5
|
|
8
8
|
* (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
|
|
9
9
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
|
|
7
7
|
// Provides control sap.uxap.ObjectPageSection.
|
|
8
8
|
sap.ui.define([
|
|
9
|
-
"sap/ui/core/InvisibleText",
|
|
10
9
|
"./ObjectPageSectionBase",
|
|
11
10
|
"sap/ui/Device",
|
|
12
11
|
"sap/m/Button",
|
|
@@ -16,7 +15,6 @@ sap.ui.define([
|
|
|
16
15
|
"sap/m/library",
|
|
17
16
|
"./ObjectPageSectionRenderer"
|
|
18
17
|
], function(
|
|
19
|
-
InvisibleText,
|
|
20
18
|
ObjectPageSectionBase,
|
|
21
19
|
Device,
|
|
22
20
|
Button,
|
|
@@ -76,10 +74,6 @@ sap.ui.define([
|
|
|
76
74
|
*/
|
|
77
75
|
subSections: {type: "sap.uxap.ObjectPageSubSection", multiple: true, singularName: "subSection"},
|
|
78
76
|
|
|
79
|
-
/**
|
|
80
|
-
* Screen Reader ariaLabelledBy
|
|
81
|
-
*/
|
|
82
|
-
ariaLabelledBy: {type: "sap.ui.core.InvisibleText", multiple: false, visibility: "hidden"},
|
|
83
77
|
_showHideAllButton: {type: "sap.m.Button", multiple: false, visibility: "hidden"},
|
|
84
78
|
_showHideButton: {type: "sap.m.Button", multiple: false, visibility: "hidden"}
|
|
85
79
|
},
|
|
@@ -117,6 +111,17 @@ sap.ui.define([
|
|
|
117
111
|
return sap.ui.getCore().getLibraryResourceBundle("sap.uxap");
|
|
118
112
|
};
|
|
119
113
|
|
|
114
|
+
/**
|
|
115
|
+
* Returns the control name text.
|
|
116
|
+
*
|
|
117
|
+
* @override
|
|
118
|
+
* @return {string} control name text
|
|
119
|
+
* @protected
|
|
120
|
+
*/
|
|
121
|
+
ObjectPageSection.prototype.getSectionText = function (sValue) {
|
|
122
|
+
return ObjectPageSection._getLibraryResourceBundle().getText("SECTION_CONTROL_NAME");
|
|
123
|
+
};
|
|
124
|
+
|
|
120
125
|
ObjectPageSection.prototype._expandSection = function () {
|
|
121
126
|
ObjectPageSectionBase.prototype._expandSection.call(this)
|
|
122
127
|
._updateShowHideAllButton(!this._thereAreHiddenSubSections());
|
|
@@ -131,18 +136,6 @@ sap.ui.define([
|
|
|
131
136
|
this._detachMediaContainerWidthChange(this._updateImportance, this);
|
|
132
137
|
};
|
|
133
138
|
|
|
134
|
-
ObjectPageSection.prototype.setTitle = function (sValue) {
|
|
135
|
-
ObjectPageSectionBase.prototype.setTitle.call(this, sValue);
|
|
136
|
-
|
|
137
|
-
var oAriaLabelledBy = this.getAggregation("ariaLabelledBy"),
|
|
138
|
-
sSectionText = ObjectPageSection._getLibraryResourceBundle().getText("SECTION_CONTROL_NAME");
|
|
139
|
-
|
|
140
|
-
if (oAriaLabelledBy) {
|
|
141
|
-
sap.ui.getCore().byId(oAriaLabelledBy.getId()).setText(sValue + " " + sSectionText);
|
|
142
|
-
}
|
|
143
|
-
return this;
|
|
144
|
-
};
|
|
145
|
-
|
|
146
139
|
ObjectPageSection.prototype._getImportanceLevelToHide = function (oCurrentMedia) {
|
|
147
140
|
var oObjectPage = this._getObjectPageLayout(),
|
|
148
141
|
oMedia = oCurrentMedia || this._getCurrentMediaContainerRange(),
|
|
@@ -191,11 +184,7 @@ sap.ui.define([
|
|
|
191
184
|
};
|
|
192
185
|
|
|
193
186
|
ObjectPageSection.prototype.onBeforeRendering = function () {
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
if (!this.getAggregation(sAriaLabeledBy)) {
|
|
197
|
-
this.setAggregation(sAriaLabeledBy, this._getAriaLabelledBy(), true); // this is called onBeforeRendering, so suppress invalidate
|
|
198
|
-
}
|
|
187
|
+
ObjectPageSectionBase.prototype.onBeforeRendering.call(this);
|
|
199
188
|
|
|
200
189
|
this._detachMediaContainerWidthChange(this._updateImportance, this);
|
|
201
190
|
|
|
@@ -206,30 +195,6 @@ sap.ui.define([
|
|
|
206
195
|
this._attachMediaContainerWidthChange(this._updateImportance, this);
|
|
207
196
|
};
|
|
208
197
|
|
|
209
|
-
/**
|
|
210
|
-
* provide a default aria-labeled by text
|
|
211
|
-
* @private
|
|
212
|
-
* @returns {*} sap.ui.core.InvisibleText
|
|
213
|
-
*/
|
|
214
|
-
ObjectPageSection.prototype._getAriaLabelledBy = function () {
|
|
215
|
-
// Each section should be labelled as:
|
|
216
|
-
// 'titleName Section' - if the section has a title
|
|
217
|
-
// 'Section' - if it does not have a title
|
|
218
|
-
|
|
219
|
-
var sLabel = "",
|
|
220
|
-
sTitle = this._getTitle();
|
|
221
|
-
|
|
222
|
-
if (sTitle) {
|
|
223
|
-
sLabel += sTitle + " ";
|
|
224
|
-
}
|
|
225
|
-
|
|
226
|
-
sLabel += ObjectPageSection._getLibraryResourceBundle().getText("SECTION_CONTROL_NAME");
|
|
227
|
-
|
|
228
|
-
return new InvisibleText({
|
|
229
|
-
text: sLabel
|
|
230
|
-
}).toStatic();
|
|
231
|
-
};
|
|
232
|
-
|
|
233
198
|
/**
|
|
234
199
|
* Determines if the <code>ObjectPageSection</code> title is visible.
|
|
235
200
|
* @private
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
// Provides control sap.uxap.ObjectPageSectionBase.
|
|
8
8
|
sap.ui.define([
|
|
9
|
+
"sap/ui/core/InvisibleText",
|
|
9
10
|
"sap/ui/thirdparty/jquery",
|
|
10
11
|
"sap/ui/core/Control",
|
|
11
12
|
"sap/ui/core/library",
|
|
@@ -14,7 +15,7 @@ sap.ui.define([
|
|
|
14
15
|
"sap/ui/events/KeyCodes",
|
|
15
16
|
// jQuery Plugin "firstFocusableDomRef"
|
|
16
17
|
"sap/ui/dom/jquery/Focusable"
|
|
17
|
-
], function(jQuery, Control, coreLibrary, library, Log, KeyCodes) {
|
|
18
|
+
], function(InvisibleText, jQuery, Control, coreLibrary, library, Log, KeyCodes) {
|
|
18
19
|
"use strict";
|
|
19
20
|
|
|
20
21
|
// shortcut for sap.ui.core.TitleLevel
|
|
@@ -77,7 +78,10 @@ sap.ui.define([
|
|
|
77
78
|
}
|
|
78
79
|
},
|
|
79
80
|
aggregations: {
|
|
80
|
-
|
|
81
|
+
/**
|
|
82
|
+
* Screen Reader ariaLabelledBy
|
|
83
|
+
*/
|
|
84
|
+
ariaLabelledBy: {type: "sap.ui.core.InvisibleText", multiple: false, visibility: "hidden"},
|
|
81
85
|
/**
|
|
82
86
|
* The custom button that will provide a link to the section in the ObjectPageLayout anchor bar.
|
|
83
87
|
* This button will be used as a custom template to be into the ObjectPageLayout anchorBar area, therefore property changes happening on this button template after the first rendering won't affect the actual button copy used in the anchorBar.
|
|
@@ -121,6 +125,16 @@ sap.ui.define([
|
|
|
121
125
|
}
|
|
122
126
|
};
|
|
123
127
|
|
|
128
|
+
ObjectPageSectionBase.prototype.onBeforeRendering = function () {
|
|
129
|
+
var sAriaLabeledBy = "ariaLabelledBy";
|
|
130
|
+
|
|
131
|
+
this.setInvisibleTextLabelValue(this._getTitle());
|
|
132
|
+
|
|
133
|
+
if (!this.getAggregation(sAriaLabeledBy)) {
|
|
134
|
+
this.setAggregation(sAriaLabeledBy, this._getAriaLabelledBy(), true); // this is called onBeforeRendering, so suppress invalidate
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
|
|
124
138
|
ObjectPageSectionBase.prototype.setCustomAnchorBarButton = function (oButton) {
|
|
125
139
|
var vResult = this.setAggregation("customAnchorBarButton", oButton, true);
|
|
126
140
|
|
|
@@ -131,6 +145,58 @@ sap.ui.define([
|
|
|
131
145
|
return vResult;
|
|
132
146
|
};
|
|
133
147
|
|
|
148
|
+
/**
|
|
149
|
+
* Returns the control name text.
|
|
150
|
+
*
|
|
151
|
+
* To be overwritten by the specific control method.
|
|
152
|
+
*
|
|
153
|
+
* @return {string} control name text
|
|
154
|
+
* @protected
|
|
155
|
+
*/
|
|
156
|
+
ObjectPageSectionBase.prototype.getSectionText = function () {
|
|
157
|
+
return "";
|
|
158
|
+
};
|
|
159
|
+
|
|
160
|
+
/**
|
|
161
|
+
* Returns the DOM Element that should get the focus.
|
|
162
|
+
*
|
|
163
|
+
* To be overwritten by the specific control method.
|
|
164
|
+
*
|
|
165
|
+
* @return {sap.uxap.ObjectPageSectionBase} this for chaining
|
|
166
|
+
* @protected
|
|
167
|
+
*/
|
|
168
|
+
ObjectPageSectionBase.prototype.setInvisibleTextLabelValue = function (sValue) {
|
|
169
|
+
var oAriaLabelledBy = this.getAggregation("ariaLabelledBy"),
|
|
170
|
+
sLabel = "";
|
|
171
|
+
|
|
172
|
+
sLabel = sValue || this.getSectionText();
|
|
173
|
+
|
|
174
|
+
if (oAriaLabelledBy) {
|
|
175
|
+
sap.ui.getCore().byId(oAriaLabelledBy.getId()).setText(sLabel);
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
return this;
|
|
179
|
+
};
|
|
180
|
+
|
|
181
|
+
/**
|
|
182
|
+
* provide a default aria-labeled by text
|
|
183
|
+
* @private
|
|
184
|
+
* @returns {*} sap.ui.core.InvisibleText
|
|
185
|
+
*/
|
|
186
|
+
ObjectPageSectionBase.prototype._getAriaLabelledBy = function () {
|
|
187
|
+
// Each section should be labelled as:
|
|
188
|
+
// 'titleName' - if the section has a title
|
|
189
|
+
// 'Section' - if it does not have a title
|
|
190
|
+
|
|
191
|
+
var sLabel = "";
|
|
192
|
+
|
|
193
|
+
sLabel = this._getTitle() || this.getSectionText();
|
|
194
|
+
|
|
195
|
+
return new InvisibleText({
|
|
196
|
+
text: sLabel
|
|
197
|
+
}).toStatic();
|
|
198
|
+
};
|
|
199
|
+
|
|
134
200
|
/**
|
|
135
201
|
* set the internal visibility of the sectionBase. This is set by the ux rules (for example don't display a section that has no subSections)
|
|
136
202
|
* @param {boolean} bValue
|
|
@@ -308,6 +374,8 @@ sap.ui.define([
|
|
|
308
374
|
this.setProperty("title", sValue, bSuppressInvalidate);
|
|
309
375
|
this._notifyObjectPageLayout();
|
|
310
376
|
|
|
377
|
+
this.setInvisibleTextLabelValue(sValue);
|
|
378
|
+
|
|
311
379
|
return this;
|
|
312
380
|
};
|
|
313
381
|
|
|
@@ -232,6 +232,17 @@ sap.ui.define([
|
|
|
232
232
|
}
|
|
233
233
|
};
|
|
234
234
|
|
|
235
|
+
/**
|
|
236
|
+
* Returns the control name text.
|
|
237
|
+
*
|
|
238
|
+
* @override
|
|
239
|
+
* @return {string} control name text
|
|
240
|
+
* @protected
|
|
241
|
+
*/
|
|
242
|
+
ObjectPageSubSection.prototype.getSectionText = function (sValue) {
|
|
243
|
+
return ObjectPageSubSection._getLibraryResourceBundle().getText("SUBSECTION_CONTROL_NAME");
|
|
244
|
+
};
|
|
245
|
+
|
|
235
246
|
/**
|
|
236
247
|
* Returns Title DOM ID of the Title of this SubSection
|
|
237
248
|
* @returns {string|boolean} DOM ID
|
|
@@ -14,8 +14,10 @@ sap.ui.define(function () {
|
|
|
14
14
|
var ObjectPageSubSectionRenderer = {};
|
|
15
15
|
|
|
16
16
|
ObjectPageSubSectionRenderer.render = function (oRm, oControl) {
|
|
17
|
+
|
|
17
18
|
var aActions, bHasTitle, bHasTitleLine, bHasActions, bUseTitleOnTheLeft, bHasVisibleActions,
|
|
18
|
-
bAccessibilityOn = sap.ui.getCore().getConfiguration().getAccessibility()
|
|
19
|
+
bAccessibilityOn = sap.ui.getCore().getConfiguration().getAccessibility(),
|
|
20
|
+
oLabelledBy = oControl.getAggregation("ariaLabelledBy");
|
|
19
21
|
|
|
20
22
|
if (!oControl.getVisible() || !oControl._getInternalVisible()) {
|
|
21
23
|
return;
|
|
@@ -43,12 +45,8 @@ sap.ui.define(function () {
|
|
|
43
45
|
oRm.addClass("ui-helper-clearfix");
|
|
44
46
|
oRm.writeClasses();
|
|
45
47
|
|
|
46
|
-
if (bAccessibilityOn) {
|
|
47
|
-
|
|
48
|
-
oRm.writeAttributeEscaped("aria-labelledby", oControl.getId() + "-headerTitle");
|
|
49
|
-
} else {
|
|
50
|
-
oRm.writeAttribute("aria-label", sap.uxap.ObjectPageSubSection._getLibraryResourceBundle().getText("SUBSECTION_CONTROL_NAME"));
|
|
51
|
-
}
|
|
48
|
+
if (bAccessibilityOn && oLabelledBy) {
|
|
49
|
+
oRm.attr("aria-labelledby", oLabelledBy.getId());
|
|
52
50
|
}
|
|
53
51
|
|
|
54
52
|
oRm.write(">");
|
package/src/sap/uxap/library.js
CHANGED
|
@@ -23,7 +23,7 @@ BREADCRUMB_TRAIL_LABEL=\u8A73\u7D30\u30CA\u30D3\u30B2\u30FC\u30B7\u30E7\u30F3
|
|
|
23
23
|
SHOW_ALL=\u3059\u3079\u3066\u8868\u793A
|
|
24
24
|
|
|
25
25
|
#XBUT,12: Text displayed on the button to click to collapse all subsections
|
|
26
|
-
HIDE_ALL=\u8868\u793A\
|
|
26
|
+
HIDE_ALL=\u8868\u793A\u3092\u6E1B\u3089\u3059
|
|
27
27
|
|
|
28
28
|
#XBUT,9: Text displayed on the button to click to expand section
|
|
29
29
|
SHOW=\u5C55\u958B
|
|
@@ -23,7 +23,7 @@ BREADCRUMB_TRAIL_LABEL=\uD0D0\uC0C9 \uACBD\uB85C \uCD94\uC801
|
|
|
23
23
|
SHOW_ALL=\uBAA8\uB450 \uD45C\uC2DC
|
|
24
24
|
|
|
25
25
|
#XBUT,12: Text displayed on the button to click to collapse all subsections
|
|
26
|
-
HIDE_ALL=\uAC04\uB2E8\uD788 \
|
|
26
|
+
HIDE_ALL=\uAC04\uB2E8\uD788 \uBCF4\uAE30
|
|
27
27
|
|
|
28
28
|
#XBUT,9: Text displayed on the button to click to expand section
|
|
29
29
|
SHOW=\uD3BC\uCE58\uAE30
|