@sapui5/sap.suite.ui.commons 1.151.0 → 1.152.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.
Files changed (61) hide show
  1. package/package.json +1 -1
  2. package/src/sap/suite/ui/commons/.library +1 -1
  3. package/src/sap/suite/ui/commons/AriaProperties.js +1 -1
  4. package/src/sap/suite/ui/commons/CalculationBuilder.js +1 -1
  5. package/src/sap/suite/ui/commons/CalculationBuilderExpression.js +1 -1
  6. package/src/sap/suite/ui/commons/CalculationBuilderFunction.js +1 -1
  7. package/src/sap/suite/ui/commons/CalculationBuilderGroup.js +1 -1
  8. package/src/sap/suite/ui/commons/CalculationBuilderItem.js +1 -1
  9. package/src/sap/suite/ui/commons/CalculationBuilderValidationResult.js +1 -1
  10. package/src/sap/suite/ui/commons/CalculationBuilderVariable.js +1 -1
  11. package/src/sap/suite/ui/commons/CloudFilePicker.js +1 -1
  12. package/src/sap/suite/ui/commons/MicroProcessFlow.js +1 -1
  13. package/src/sap/suite/ui/commons/MicroProcessFlowItem.js +1 -1
  14. package/src/sap/suite/ui/commons/TimelineNavigator.js +12 -9
  15. package/src/sap/suite/ui/commons/collaboration/UniversalCollaborationBar.js +475 -361
  16. package/src/sap/suite/ui/commons/flexibility/changeHandler/PropertyChangeMapper.js +1 -1
  17. package/src/sap/suite/ui/commons/imageeditor/CropCustomShapeHistoryItem.js +1 -1
  18. package/src/sap/suite/ui/commons/imageeditor/CropEllipseHistoryItem.js +1 -1
  19. package/src/sap/suite/ui/commons/imageeditor/CropRectangleHistoryItem.js +1 -1
  20. package/src/sap/suite/ui/commons/imageeditor/CustomSizeItem.js +1 -1
  21. package/src/sap/suite/ui/commons/imageeditor/FilterHistoryItem.js +1 -1
  22. package/src/sap/suite/ui/commons/imageeditor/FlipHistoryItem.js +1 -1
  23. package/src/sap/suite/ui/commons/imageeditor/HistoryItem.js +1 -1
  24. package/src/sap/suite/ui/commons/imageeditor/ImageEditor.js +1 -1
  25. package/src/sap/suite/ui/commons/imageeditor/ImageEditorContainer.js +1 -1
  26. package/src/sap/suite/ui/commons/imageeditor/ImageEditorResponsiveContainer.js +1 -1
  27. package/src/sap/suite/ui/commons/imageeditor/ResizeHistoryItem.js +1 -1
  28. package/src/sap/suite/ui/commons/imageeditor/RotateHistoryItem.js +1 -1
  29. package/src/sap/suite/ui/commons/library.js +1 -1
  30. package/src/sap/suite/ui/commons/messagebundle_mk.properties +1 -1
  31. package/src/sap/suite/ui/commons/networkgraph/ElementBase.js +7 -2
  32. package/src/sap/suite/ui/commons/networkgraph/Graph.js +9 -4
  33. package/src/sap/suite/ui/commons/networkgraph/Group.js +1 -1
  34. package/src/sap/suite/ui/commons/networkgraph/Line.js +11 -0
  35. package/src/sap/suite/ui/commons/networkgraph/Node.js +1 -1
  36. package/src/sap/suite/ui/commons/networkgraph/Tooltip.js +3 -1
  37. package/src/sap/suite/ui/commons/networkgraph/util/ConnectionPathUtils.js +14 -66
  38. package/src/sap/suite/ui/commons/statusindicator/Circle.js +1 -1
  39. package/src/sap/suite/ui/commons/statusindicator/CustomShape.js +1 -1
  40. package/src/sap/suite/ui/commons/statusindicator/DiscreteThreshold.js +1 -1
  41. package/src/sap/suite/ui/commons/statusindicator/FillingOption.js +1 -1
  42. package/src/sap/suite/ui/commons/statusindicator/LibraryShape.js +1 -1
  43. package/src/sap/suite/ui/commons/statusindicator/Path.js +1 -1
  44. package/src/sap/suite/ui/commons/statusindicator/PropertyThreshold.js +1 -1
  45. package/src/sap/suite/ui/commons/statusindicator/Rectangle.js +1 -1
  46. package/src/sap/suite/ui/commons/statusindicator/Shape.js +1 -1
  47. package/src/sap/suite/ui/commons/statusindicator/ShapeGroup.js +1 -1
  48. package/src/sap/suite/ui/commons/statusindicator/SimpleShape.js +1 -1
  49. package/src/sap/suite/ui/commons/statusindicator/StatusIndicator.js +1 -1
  50. package/src/sap/suite/ui/commons/taccount/TAccount.js +1 -1
  51. package/src/sap/suite/ui/commons/taccount/TAccountGroup.js +1 -1
  52. package/src/sap/suite/ui/commons/taccount/TAccountItem.js +1 -1
  53. package/src/sap/suite/ui/commons/taccount/TAccountItemProperty.js +1 -1
  54. package/src/sap/suite/ui/commons/taccount/TAccountPanel.js +1 -1
  55. package/src/sap/suite/ui/commons/themes/base/NetworkGraph.less +23 -6
  56. package/src/sap/suite/ui/commons/themes/base/Timeline.less +2 -2
  57. package/src/sap/suite/ui/commons/themes/sap_belize_base/NetworkGraph.less +23 -6
  58. package/src/sap/suite/ui/commons/themes/sap_belize_base/Timeline.less +2 -2
  59. package/src/sap/suite/ui/commons/themes/sap_belize_hcb/NetworkGraph.less +23 -2
  60. package/src/sap/suite/ui/commons/themes/sap_belize_hcw/NetworkGraph.less +23 -2
  61. package/src/sap/suite/ui/commons/themes/sap_hcb/base_NetworkGraph.less +23 -6
package/src/sap/suite/ui/commons/themes/base/NetworkGraph.less CHANGED
@@ -13,6 +13,7 @@
13
13
  min-width: 150px;
14
14
  min-height: 150px;
15
15
  flex-direction: column;
16
+ position: relative;
16
17
  }
17
18
 
18
19
  .sapSuiteUiCommonsNetworkGraphFullScreen {
@@ -20,8 +21,16 @@
20
21
  }
21
22
 
22
23
  .sapSuiteUiCommonsNetworkGraph:focus {
23
- outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
24
- outline-offset: 0;
24
+ outline: none;
25
+ }
26
+
27
+ .sapSuiteUiCommonsNetworkGraph:focus::after {
28
+ content: "";
29
+ position: absolute;
30
+ inset: 0;
31
+ border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
32
+ pointer-events: none;
33
+ z-index: 9999;
25
34
  }
26
35
 
27
36
  .sapSuiteUiCommonsNetworkGraphPanning {
@@ -136,12 +145,20 @@ html[dir=rtl] .sapSuiteUiCommonsNetworkGraphIcon {
136
145
  }
137
146
 
138
147
  .sapSuiteUiCommonsNetworkGraphContentWrapper:focus {
139
- outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
140
- outline-offset: 1px;
148
+ outline: none;
141
149
  }
142
150
 
143
- .sapSuiteUiCommonsNetworkGraphContentFocusHidden:focus {
144
- outline: none;
151
+ .sapSuiteUiCommonsNetworkGraphContentWrapper:focus::after {
152
+ content: "";
153
+ position: absolute;
154
+ inset: 0;
155
+ border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
156
+ pointer-events: none;
157
+ z-index: 9999;
158
+ }
159
+
160
+ .sapSuiteUiCommonsNetworkGraphContentFocusHidden:focus::after {
161
+ display: none;
145
162
  }
146
163
 
147
164
  /** Legend **/
package/src/sap/suite/ui/commons/themes/base/Timeline.less CHANGED
@@ -325,13 +325,13 @@
325
325
  .sapSuiteUiCommonsTimelineRangeDatePicker {
326
326
  margin-left: 15px;
327
327
  margin-right: 25px;
328
- min-width: 10rem;
328
+ min-width: 15rem;
329
329
  }
330
330
 
331
331
  .sapUiSizeCompact .sapMInputBaseHeightMargin.sapSuiteUiCommonsTimelineRangeDatePicker {
332
332
  margin-left: 15px;
333
333
  margin-right: 25px;
334
- min-width: 10rem;
334
+ min-width: 15rem;
335
335
  }
336
336
 
337
337
  .sapSuiteUiCommonsTimelineRangeLabelNow {
package/src/sap/suite/ui/commons/themes/sap_belize_base/NetworkGraph.less CHANGED
@@ -11,6 +11,7 @@
11
11
  min-width: 150px;
12
12
  min-height: 150px;
13
13
  flex-direction: column;
14
+ position: relative;
14
15
  }
15
16
 
16
17
  .sapSuiteUiCommonsNetworkGraphFullScreen {
@@ -18,8 +19,16 @@
18
19
  }
19
20
 
20
21
  .sapSuiteUiCommonsNetworkGraph:focus {
21
- outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
22
- outline-offset: 0px;
22
+ outline: none;
23
+ }
24
+
25
+ .sapSuiteUiCommonsNetworkGraph:focus::after {
26
+ content: "";
27
+ position: absolute;
28
+ inset: 0;
29
+ border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
30
+ pointer-events: none;
31
+ z-index: 9999;
23
32
  }
24
33
 
25
34
  .sapSuiteUiCommonsNetworkGraphPanning {
@@ -126,12 +135,20 @@
126
135
  }
127
136
 
128
137
  .sapSuiteUiCommonsNetworkGraphContentWrapper:focus {
129
- outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
130
- outline-offset: 1px;
138
+ outline: none;
131
139
  }
132
140
 
133
- .sapSuiteUiCommonsNetworkGraphContentFocusHidden:focus {
134
- outline: none;
141
+ .sapSuiteUiCommonsNetworkGraphContentWrapper:focus::after {
142
+ content: "";
143
+ position: absolute;
144
+ inset: 0;
145
+ border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
146
+ pointer-events: none;
147
+ z-index: 9999;
148
+ }
149
+
150
+ .sapSuiteUiCommonsNetworkGraphContentFocusHidden:focus::after {
151
+ display: none;
135
152
  }
136
153
 
137
154
  //** Legend **//
package/src/sap/suite/ui/commons/themes/sap_belize_base/Timeline.less CHANGED
@@ -328,13 +328,13 @@
328
328
  .sapSuiteUiCommonsTimelineRangeDatePicker {
329
329
  margin-left: 15px;
330
330
  margin-right: 25px;
331
- min-width: 10rem;
331
+ min-width: 15rem;
332
332
  }
333
333
 
334
334
  .sapUiSizeCompact .sapMInputBaseHeightMargin.sapSuiteUiCommonsTimelineRangeDatePicker {
335
335
  margin-left: 15px;
336
336
  margin-right: 25px;
337
- min-width: 10rem;
337
+ min-width: 15rem;
338
338
  }
339
339
 
340
340
  .sapSuiteUiCommonsTimelineRangeLabelNow {
package/src/sap/suite/ui/commons/themes/sap_belize_hcb/NetworkGraph.less CHANGED
@@ -3,7 +3,28 @@
3
3
  /* Belize HCB Theme */
4
4
  /* ===========================================================================*/
5
5
 
6
- .sapSuiteUiCommonsNetworkGraph:focus,
6
+ .sapSuiteUiCommonsNetworkGraph:focus {
7
+ outline: none;
8
+ }
9
+
10
+ .sapSuiteUiCommonsNetworkGraph:focus::after {
11
+ content: "";
12
+ position: absolute;
13
+ inset: 0;
14
+ border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentContrastFocusColor;
15
+ pointer-events: none;
16
+ z-index: 9999;
17
+ }
18
+
7
19
  .sapSuiteUiCommonsNetworkGraphContentWrapper:focus {
8
- outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentContrastFocusColor;
20
+ outline: none;
21
+ }
22
+
23
+ .sapSuiteUiCommonsNetworkGraphContentWrapper:focus::after {
24
+ content: "";
25
+ position: absolute;
26
+ inset: 0;
27
+ border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentContrastFocusColor;
28
+ pointer-events: none;
29
+ z-index: 9999;
9
30
  }
package/src/sap/suite/ui/commons/themes/sap_belize_hcw/NetworkGraph.less CHANGED
@@ -3,7 +3,28 @@
3
3
  /* Belize HCW Theme */
4
4
  /* ===========================================================================*/
5
5
 
6
- .sapSuiteUiCommonsNetworkGraph:focus,
6
+ .sapSuiteUiCommonsNetworkGraph:focus {
7
+ outline: none;
8
+ }
9
+
10
+ .sapSuiteUiCommonsNetworkGraph:focus::after {
11
+ content: "";
12
+ position: absolute;
13
+ inset: 0;
14
+ border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentContrastFocusColor;
15
+ pointer-events: none;
16
+ z-index: 9999;
17
+ }
18
+
7
19
  .sapSuiteUiCommonsNetworkGraphContentWrapper:focus {
8
- outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentContrastFocusColor;
20
+ outline: none;
21
+ }
22
+
23
+ .sapSuiteUiCommonsNetworkGraphContentWrapper:focus::after {
24
+ content: "";
25
+ position: absolute;
26
+ inset: 0;
27
+ border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentContrastFocusColor;
28
+ pointer-events: none;
29
+ z-index: 9999;
9
30
  }
package/src/sap/suite/ui/commons/themes/sap_hcb/base_NetworkGraph.less CHANGED
@@ -11,6 +11,7 @@
11
11
  min-width: 150px;
12
12
  min-height: 150px;
13
13
  flex-direction: column;
14
+ position: relative;
14
15
  }
15
16
 
16
17
  .sapSuiteUiCommonsNetworkGraphFullScreen {
@@ -18,8 +19,16 @@
18
19
  }
19
20
 
20
21
  .sapSuiteUiCommonsNetworkGraph:focus {
21
- outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentContrastFocusColor;
22
- outline-offset: 0px;
22
+ outline: none;
23
+ }
24
+
25
+ .sapSuiteUiCommonsNetworkGraph:focus::after {
26
+ content: "";
27
+ position: absolute;
28
+ inset: 0;
29
+ border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
30
+ pointer-events: none;
31
+ z-index: 9999;
23
32
  }
24
33
 
25
34
  .sapSuiteUiCommonsNetworkGraphPanning {
@@ -126,12 +135,20 @@
126
135
  }
127
136
 
128
137
  .sapSuiteUiCommonsNetworkGraphContentWrapper:focus {
129
- outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
130
- outline-offset: 1px;
138
+ outline: none;
131
139
  }
132
140
 
133
- .sapSuiteUiCommonsNetworkGraphContentFocusHidden:focus {
134
- outline: none;
141
+ .sapSuiteUiCommonsNetworkGraphContentWrapper:focus::after {
142
+ content: "";
143
+ position: absolute;
144
+ inset: 0;
145
+ border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
146
+ pointer-events: none;
147
+ z-index: 9999;
148
+ }
149
+
150
+ .sapSuiteUiCommonsNetworkGraphContentFocusHidden:focus::after {
151
+ display: none;
135
152
  }
136
153
 
137
154
  //** Legend **//