@sapui5/sap.suite.ui.commons 1.145.1 → 1.145.2
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/package.json +1 -1
- package/src/sap/suite/ui/commons/.library +1 -1
- package/src/sap/suite/ui/commons/AriaProperties.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilder.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderExpression.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderFunction.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderGroup.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderItem.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderValidationResult.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderVariable.js +1 -1
- package/src/sap/suite/ui/commons/CloudFilePicker.js +1 -1
- package/src/sap/suite/ui/commons/MicroProcessFlow.js +1 -1
- package/src/sap/suite/ui/commons/MicroProcessFlowItem.js +1 -1
- package/src/sap/suite/ui/commons/flexibility/changeHandler/PropertyChangeMapper.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/CropCustomShapeHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/CropEllipseHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/CropRectangleHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/CustomSizeItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/FilterHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/FlipHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/HistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/ImageEditor.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/ImageEditorContainer.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/ImageEditorResponsiveContainer.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/ResizeHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/RotateHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/library.js +1 -1
- package/src/sap/suite/ui/commons/networkgraph/Graph.js +36 -3
- package/src/sap/suite/ui/commons/networkgraph/Node.js +5 -5
- package/src/sap/suite/ui/commons/networkgraph/Utils.js +2 -0
- package/src/sap/suite/ui/commons/statusindicator/Circle.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/CustomShape.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/DiscreteThreshold.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/FillingOption.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/LibraryShape.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/Path.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/PropertyThreshold.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/Rectangle.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/Shape.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/ShapeGroup.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/SimpleShape.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/StatusIndicator.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccount.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccountGroup.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccountItem.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccountItemProperty.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccountPanel.js +1 -1
- package/src/sap/suite/ui/commons/themes/base/NetworkNode.less +3 -0
- package/src/sap/suite/ui/commons/themes/base/SemanticColorMixins.less +55 -0
package/package.json
CHANGED
|
@@ -198,7 +198,7 @@ sap.ui.define([
|
|
|
198
198
|
"sap.suite.ui.commons.TargetFilterMeasureColumn",
|
|
199
199
|
"sap.suite.ui.commons.AriaProperties"
|
|
200
200
|
],
|
|
201
|
-
version: "1.145.
|
|
201
|
+
version: "1.145.2",
|
|
202
202
|
extensions: {
|
|
203
203
|
flChangeHandlers: {
|
|
204
204
|
"sap.suite.ui.commons.Timeline": "sap/suite/ui/commons/flexibility/Timeline"
|
|
@@ -584,6 +584,12 @@ sap.ui.define([
|
|
|
584
584
|
// indicates RTL
|
|
585
585
|
this._bIsRtl = Localization.getRTL();
|
|
586
586
|
|
|
587
|
+
// Check if the currently focused item has been destroyed and clear it
|
|
588
|
+
if (this._oFocus && this._oFocus.item && (this._oFocus.item.bIsDestroyed || this._oFocus.item.isDestroyed?.())) {
|
|
589
|
+
Log.info("NetworkGraph: Focused item was destroyed before rendering, clearing focus");
|
|
590
|
+
this._oFocus = null;
|
|
591
|
+
}
|
|
592
|
+
|
|
587
593
|
this.setBusy(false);
|
|
588
594
|
this.setBusyIndicatorDelay(0);
|
|
589
595
|
|
|
@@ -1084,7 +1090,14 @@ sap.ui.define([
|
|
|
1084
1090
|
oTooltip.attachEvent("afterClose", function () {
|
|
1085
1091
|
var oFocus = this.getFocus();
|
|
1086
1092
|
|
|
1087
|
-
if (oFocus) {
|
|
1093
|
+
if (oFocus && oFocus.item) {
|
|
1094
|
+
// Check if the focused item is destroyed before trying to restore focus
|
|
1095
|
+
if (oFocus.item.bIsDestroyed || oFocus.item.isDestroyed?.()) {
|
|
1096
|
+
Log.info("NetworkGraph: Cannot restore focus on destroyed control after tooltip close");
|
|
1097
|
+
this._oFocus = null;
|
|
1098
|
+
return;
|
|
1099
|
+
}
|
|
1100
|
+
|
|
1088
1101
|
this.setFocus(oFocus);
|
|
1089
1102
|
|
|
1090
1103
|
if (oFocus.button == "menu") {
|
|
@@ -1190,6 +1203,13 @@ sap.ui.define([
|
|
|
1190
1203
|
* @private
|
|
1191
1204
|
*/
|
|
1192
1205
|
Graph.prototype.setFocus = function (oFocus, bIsClickOrEnter) {
|
|
1206
|
+
// Check if the focused item has been destroyed and clear it
|
|
1207
|
+
if (oFocus && oFocus.item && (oFocus.item.bIsDestroyed || oFocus.item.isDestroyed?.())) {
|
|
1208
|
+
Log.info("NetworkGraph: Cannot set focus on destroyed control, clearing focus");
|
|
1209
|
+
this._oFocus = null;
|
|
1210
|
+
return;
|
|
1211
|
+
}
|
|
1212
|
+
|
|
1193
1213
|
// Identity redundant
|
|
1194
1214
|
if (!oFocus && !this._oFocus ||
|
|
1195
1215
|
oFocus && this._oFocus && oFocus.item === this._oFocus.item && oFocus.button === this._oFocus.button && oFocus.groupInFocused === this._oFocus.groupInFocused) {
|
|
@@ -1404,12 +1424,25 @@ sap.ui.define([
|
|
|
1404
1424
|
|
|
1405
1425
|
// While Expand/Collapse, focus will still remain to the button
|
|
1406
1426
|
if (this._oFocus && this._oFocus.button === Group.BUTTONS.COLLAPSE) {
|
|
1407
|
-
|
|
1427
|
+
// Check if the focused item still exists and is not destroyed
|
|
1428
|
+
if (this._oFocus.item && !this._oFocus.item.bIsDestroyed && !this._oFocus.item.isDestroyed?.()) {
|
|
1429
|
+
this._oFocus.item._setCollapseButtonFocus(true);
|
|
1430
|
+
} else {
|
|
1431
|
+
Log.info("NetworkGraph: Focused item was destroyed, clearing focus");
|
|
1432
|
+
this._oFocus = null;
|
|
1433
|
+
}
|
|
1408
1434
|
}
|
|
1409
1435
|
this._bIsLayedOut = true;
|
|
1410
1436
|
this._setupEvents();
|
|
1411
1437
|
this._setupKeyboardNavigation();
|
|
1412
|
-
|
|
1438
|
+
// Only restore focus if the focused item still exists and is not destroyed
|
|
1439
|
+
var oCurrentFocus = this.getFocus();
|
|
1440
|
+
if (oCurrentFocus && oCurrentFocus.item && (oCurrentFocus.item.bIsDestroyed || oCurrentFocus.item.isDestroyed?.())) {
|
|
1441
|
+
Log.info("NetworkGraph: Cannot restore focus on destroyed control, clearing focus");
|
|
1442
|
+
this._oFocus = null;
|
|
1443
|
+
} else {
|
|
1444
|
+
this.setFocus(oCurrentFocus);
|
|
1445
|
+
}
|
|
1413
1446
|
|
|
1414
1447
|
// when there is background image, busy is set false after image is loaded (own event)
|
|
1415
1448
|
// in case image was already loaded continue as usual
|
|
@@ -1001,10 +1001,10 @@ sap.ui.define([
|
|
|
1001
1001
|
}, false);
|
|
1002
1002
|
|
|
1003
1003
|
let { style: sBorderColor, class: sBorderClass } = this._getStatusStyle({
|
|
1004
|
-
"
|
|
1004
|
+
"outline-color": ElementBase.ColorType.Border,
|
|
1005
1005
|
"background-color": this.getSelected() ? ElementBase.ColorType.SelectedBackground : "",
|
|
1006
|
-
"
|
|
1007
|
-
"
|
|
1006
|
+
"outline-width": ElementBase.ColorType.BorderWidth,
|
|
1007
|
+
"outline-style": ElementBase.ColorType.BorderStyle
|
|
1008
1008
|
}, false);
|
|
1009
1009
|
|
|
1010
1010
|
mOptions.renderManager.openStart("div", sId + "-wrapperwithbuttons");
|
|
@@ -2818,10 +2818,10 @@ sap.ui.define([
|
|
|
2818
2818
|
$titleText = this.$().find(".sapSuiteUiCommonsNetworkGraphDivNodeTitleText");
|
|
2819
2819
|
|
|
2820
2820
|
if(SemanticColorType.hasOwnProperty(sBackgroundColor)){
|
|
2821
|
-
$wrapper.addClass(Utils.SEMANTIC_CLASS_NAME.
|
|
2821
|
+
$wrapper.addClass(Utils.SEMANTIC_CLASS_NAME.OUTLINE + sBackgroundColor);
|
|
2822
2822
|
} else {
|
|
2823
2823
|
/** @deprecated As of 1.120 */
|
|
2824
|
-
$wrapper.css("
|
|
2824
|
+
$wrapper.css("outline-color", sBorderColor);
|
|
2825
2825
|
}
|
|
2826
2826
|
|
|
2827
2827
|
let sFocusColor = this._getColor(ElementBase.ColorType[sType + "Focus"])
|
|
@@ -24,6 +24,8 @@ sap.ui.define([], function () {
|
|
|
24
24
|
'BACKGROUND-COLOR': 'backgroundSemanticColor',
|
|
25
25
|
BORDER: 'borderSemanticColor',
|
|
26
26
|
'BORDER-COLOR': 'borderSemanticColor',
|
|
27
|
+
OUTLINE: 'outlineSemanticColor',
|
|
28
|
+
'OUTLINE-COLOR': 'outlineSemanticColor',
|
|
27
29
|
TEXT: 'textSemanticColor',
|
|
28
30
|
FILL: 'fillSemanticColor',
|
|
29
31
|
STROKE: 'strokeSemanticColor',
|
|
@@ -895,6 +895,9 @@
|
|
|
895
895
|
// auto-create border-color class with all different semantic colors
|
|
896
896
|
.sapSuiteBorderSemanticColor(borderSemanticColor);
|
|
897
897
|
|
|
898
|
+
// auto-create outline-color class with all different semantic colors
|
|
899
|
+
.sapSuiteOutlineSemanticColor(outlineSemanticColor);
|
|
900
|
+
|
|
898
901
|
// auto-create border-color class with all different semantic colors
|
|
899
902
|
.sapSuiteStrokeSemanticColor(strokeSemanticColor);
|
|
900
903
|
|
|
@@ -308,6 +308,61 @@
|
|
|
308
308
|
}
|
|
309
309
|
}
|
|
310
310
|
|
|
311
|
+
// Mixin to apply outline-color based on semantic color
|
|
312
|
+
.sapSuiteOutlineSemanticColor(@classPrefix) {
|
|
313
|
+
&.@{classPrefix}None {
|
|
314
|
+
outline-color: @sapSuiteSemanticColorNoneBorder !important;
|
|
315
|
+
}
|
|
316
|
+
&.@{classPrefix}Neutral {
|
|
317
|
+
outline-color: @sapSuiteSemanticColorNeutralBorder !important;
|
|
318
|
+
}
|
|
319
|
+
&.@{classPrefix}Good {
|
|
320
|
+
outline-color: @sapSuiteSemanticColorGoodBorder !important;
|
|
321
|
+
}
|
|
322
|
+
&.@{classPrefix}Critical {
|
|
323
|
+
outline-color: @sapSuiteSemanticColorCriticalBorder !important;
|
|
324
|
+
}
|
|
325
|
+
&.@{classPrefix}Error {
|
|
326
|
+
outline-color: @sapSuiteSemanticColorErrorBorder !important;
|
|
327
|
+
}
|
|
328
|
+
&.@{classPrefix}Sequence1 {
|
|
329
|
+
outline-color: @sapSuiteSemanticColorSequence1Border !important;
|
|
330
|
+
}
|
|
331
|
+
&.@{classPrefix}Sequence2 {
|
|
332
|
+
outline-color: @sapSuiteSemanticColorSequence2Border !important;
|
|
333
|
+
}
|
|
334
|
+
&.@{classPrefix}Sequence3 {
|
|
335
|
+
outline-color: @sapSuiteSemanticColorSequence3Border !important;
|
|
336
|
+
}
|
|
337
|
+
&.@{classPrefix}Sequence4 {
|
|
338
|
+
outline-color: @sapSuiteSemanticColorSequence4Border !important;
|
|
339
|
+
}
|
|
340
|
+
&.@{classPrefix}Sequence5 {
|
|
341
|
+
outline-color: @sapSuiteSemanticColorSequence5Border !important;
|
|
342
|
+
}
|
|
343
|
+
&.@{classPrefix}Sequence6 {
|
|
344
|
+
outline-color: @sapSuiteSemanticColorSequence6Border !important;
|
|
345
|
+
}
|
|
346
|
+
&.@{classPrefix}Sequence7 {
|
|
347
|
+
outline-color: @sapSuiteSemanticColorSequence7Border !important;
|
|
348
|
+
}
|
|
349
|
+
&.@{classPrefix}Sequence8 {
|
|
350
|
+
outline-color: @sapSuiteSemanticColorSequence8Border !important;
|
|
351
|
+
}
|
|
352
|
+
&.@{classPrefix}Sequence9 {
|
|
353
|
+
outline-color: @sapSuiteSemanticColorSequence9Border !important;
|
|
354
|
+
}
|
|
355
|
+
&.@{classPrefix}Sequence10 {
|
|
356
|
+
outline-color: @sapSuiteSemanticColorSequence10Border !important;
|
|
357
|
+
}
|
|
358
|
+
&.@{classPrefix}Sequence11 {
|
|
359
|
+
outline-color: @sapSuiteSemanticColorSequence11Border !important;
|
|
360
|
+
}
|
|
361
|
+
&.@{classPrefix}Sequence12 {
|
|
362
|
+
outline-color: @sapSuiteSemanticColorSequence12Border !important;
|
|
363
|
+
}
|
|
364
|
+
}
|
|
365
|
+
|
|
311
366
|
// Mixin to apply stroke colors based on semantic color
|
|
312
367
|
.sapSuiteStrokeSemanticColor(@classPrefix) {
|
|
313
368
|
&.@{classPrefix}None {
|