@sapui5/sap.suite.ui.commons 1.136.12 → 1.136.13
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/TimelineRenderManager.js +8 -4
- 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 +100 -3
- package/src/sap/suite/ui/commons/messagebundle.properties +73 -12
- package/src/sap/suite/ui/commons/messagebundle_en_US_saprigi.properties +39 -5
- package/src/sap/suite/ui/commons/messagebundle_fr_CA.properties +1 -1
- package/src/sap/suite/ui/commons/networkgraph/ElementBase.js +19 -1
- package/src/sap/suite/ui/commons/networkgraph/Graph.js +554 -45
- package/src/sap/suite/ui/commons/networkgraph/GraphMap.js +25 -3
- package/src/sap/suite/ui/commons/networkgraph/GraphRenderer.js +19 -8
- package/src/sap/suite/ui/commons/networkgraph/KeyboardNavigator.js +367 -12
- package/src/sap/suite/ui/commons/networkgraph/Line.js +814 -22
- package/src/sap/suite/ui/commons/networkgraph/Node.js +573 -79
- package/src/sap/suite/ui/commons/networkgraph/Tooltip.js +4 -0
- package/src/sap/suite/ui/commons/networkgraph/Utils.js +249 -10
- package/src/sap/suite/ui/commons/networkgraph/layout/NoopLayout.js +77 -7
- package/src/sap/suite/ui/commons/networkgraph/util/ConnectionPathUtils.js +1174 -0
- package/src/sap/suite/ui/commons/networkgraph/util/CreateConnectionPopover.js +374 -0
- package/src/sap/suite/ui/commons/networkgraph/util/DependencyLayoutHelper.js +1017 -0
- package/src/sap/suite/ui/commons/networkgraph/util/DragDropManager.js +721 -0
- package/src/sap/suite/ui/commons/networkgraph/util/PortManager.js +582 -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/NetworkGraph.less +26 -13
- package/src/sap/suite/ui/commons/themes/base/NetworkGroup.less +4 -0
- package/src/sap/suite/ui/commons/themes/base/NetworkLine.less +58 -13
- package/src/sap/suite/ui/commons/themes/base/NetworkNode.less +251 -47
- package/src/sap/suite/ui/commons/themes/base/SemanticColorMixins.less +55 -0
|
@@ -56,6 +56,12 @@
|
|
|
56
56
|
margin: auto;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
+
.sapSuiteUiCommonsNetworkGraphInnerScrollerCenter.sapSuiteUiCommonsNetworkGraphInnerScrollerNoMargin {
|
|
60
|
+
margin: 0;
|
|
61
|
+
height:fit-content;
|
|
62
|
+
min-height: 0;
|
|
63
|
+
}
|
|
64
|
+
|
|
59
65
|
.sapSuiteUiCommonsNetworkGraphSearchField {
|
|
60
66
|
max-width: 220px;
|
|
61
67
|
}
|
|
@@ -103,6 +109,12 @@
|
|
|
103
109
|
pointer-events: none;
|
|
104
110
|
}
|
|
105
111
|
|
|
112
|
+
html[dir=rtl] .sapSuiteUiCommonsNetworkGraphIcon {
|
|
113
|
+
transform-box: fill-box;
|
|
114
|
+
transform-origin: center;
|
|
115
|
+
transform: scaleX(-1);
|
|
116
|
+
}
|
|
117
|
+
|
|
106
118
|
.sapSuiteUiCommonsNetworkGraphSvg .sapSuiteUiCommonsNetworkGraphIcon,
|
|
107
119
|
.sapSuiteUiCommonsNetworkGraphDivActionButton .sapSuiteUiCommonsNetworkGraphIcon,
|
|
108
120
|
.sapSuiteUiCommonsNetworkTopGroup .sapSuiteUiCommonsNetworkGraphIcon,
|
|
@@ -235,6 +247,7 @@
|
|
|
235
247
|
pointer-events: none;
|
|
236
248
|
transform-origin: top left;
|
|
237
249
|
position: absolute;
|
|
250
|
+
width: 100%;
|
|
238
251
|
}
|
|
239
252
|
|
|
240
253
|
.sapSuiteUiCommonsNetworkGraphMapSvg {
|
|
@@ -252,7 +265,8 @@
|
|
|
252
265
|
width: 100%;
|
|
253
266
|
}
|
|
254
267
|
|
|
255
|
-
html[dir=rtl] .sapSuiteUiCommonsNetworkGraphMapDivGroups
|
|
268
|
+
html[dir=rtl] .sapSuiteUiCommonsNetworkGraphMapDivGroups,
|
|
269
|
+
html[dir=rtl] .sapSuiteUiCommonsNetworkGraphMapDivNodes {
|
|
256
270
|
transform-origin: top right;
|
|
257
271
|
}
|
|
258
272
|
|
|
@@ -399,24 +413,23 @@ html[dir=rtl] .sapSuiteUiCommonsNetworkGraphMapDivGroups {
|
|
|
399
413
|
.sapSuiteUiCommonsNetworkGraphNoDataWrapper {
|
|
400
414
|
margin-left: auto;
|
|
401
415
|
margin-right: auto;
|
|
402
|
-
margin-top:
|
|
416
|
+
margin-top: auto;
|
|
417
|
+
margin-bottom: auto;
|
|
403
418
|
|
|
404
419
|
display: flex;
|
|
405
|
-
flex-direction:
|
|
420
|
+
flex-direction: unset;
|
|
406
421
|
align-items: center;
|
|
407
422
|
}
|
|
408
423
|
|
|
409
|
-
.
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
.sapSuiteUiCommonsNetworkGraphNoDataIcon {
|
|
415
|
-
font-size: 4rem;
|
|
416
|
-
}
|
|
424
|
+
.sapSuiteUiCommonsNetworkGraphLoadingWrapper {
|
|
425
|
+
margin-left: auto;
|
|
426
|
+
margin-right: auto;
|
|
427
|
+
margin-top: auto;
|
|
428
|
+
margin-bottom: auto;
|
|
417
429
|
|
|
418
|
-
|
|
419
|
-
|
|
430
|
+
display: flex;
|
|
431
|
+
flex-direction: unset;
|
|
432
|
+
align-items: center;
|
|
420
433
|
}
|
|
421
434
|
|
|
422
435
|
.sapSuiteNetworkGraphSvgMargin {
|
|
@@ -102,6 +102,10 @@
|
|
|
102
102
|
width: 40px;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
|
+
html[dir=rtl] .sapUiSizeCozy .sapSuiteUiCommonsNetworkGraphHeaderCheckboxInner .sapMCbMark {
|
|
106
|
+
transform: scaleX(-1);
|
|
107
|
+
}
|
|
108
|
+
|
|
105
109
|
.sapSuiteUiCommonsNetworkGroupHeaderMenuIcon {
|
|
106
110
|
cursor: pointer;
|
|
107
111
|
pointer-events: all;
|
|
@@ -13,19 +13,15 @@
|
|
|
13
13
|
|
|
14
14
|
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLinePath,
|
|
15
15
|
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineArrow,
|
|
16
|
-
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineNipple
|
|
16
|
+
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineNipple,
|
|
17
|
+
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineTextBoxBackground,
|
|
18
|
+
.sapSuiteUiCommonsNetworkLineTexts .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineTextBoxBackground {
|
|
17
19
|
stroke-width: 2;
|
|
18
20
|
}
|
|
19
|
-
// .sapSuiteUiCommonsNetworkElementSelected.sapSuiteUiCommonsNetworkElementFocus {
|
|
20
|
-
// .sapSuiteUiCommonsNetworkCircleFocus,
|
|
21
|
-
// .sapSuiteUiCommonsNetworkGroupButton,
|
|
22
|
-
// .sapSuiteUiCommonsNetworkBoxFocus {
|
|
23
|
-
// stroke: none;
|
|
24
|
-
// }
|
|
25
|
-
// }
|
|
26
21
|
|
|
27
22
|
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkLinePath,
|
|
28
|
-
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkLineArrow
|
|
23
|
+
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkLineArrow,
|
|
24
|
+
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkLineTextBoxBackground {
|
|
29
25
|
stroke-width: 2;
|
|
30
26
|
stroke: @sapUiContentDragAndDropActiveColor;
|
|
31
27
|
}
|
|
@@ -52,7 +48,11 @@
|
|
|
52
48
|
shape-rendering: auto !important;
|
|
53
49
|
}
|
|
54
50
|
.sapSuiteUiCommonsNetworkElementWarning.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLinePath,
|
|
55
|
-
.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkLinePath
|
|
51
|
+
.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkLinePath,
|
|
52
|
+
.sapSuiteUiCommonsNetworkElementWarning.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineTextBoxBackground,
|
|
53
|
+
.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkLineTextBoxBackground,
|
|
54
|
+
.sapSuiteUiCommonsNetworkLineTexts .sapSuiteUiCommonsNetworkElementWarning.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineTextBoxBackground,
|
|
55
|
+
.sapSuiteUiCommonsNetworkLineTexts .sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkLineTextBoxBackground {
|
|
56
56
|
stroke: @sapWarningBorderColor;
|
|
57
57
|
}
|
|
58
58
|
|
|
@@ -64,7 +64,11 @@
|
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
.sapSuiteUiCommonsNetworkElementError.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLinePath,
|
|
67
|
-
.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkLinePath
|
|
67
|
+
.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkLinePath,
|
|
68
|
+
.sapSuiteUiCommonsNetworkElementError.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineTextBoxBackground,
|
|
69
|
+
.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkLineTextBoxBackground,
|
|
70
|
+
.sapSuiteUiCommonsNetworkLineTexts .sapSuiteUiCommonsNetworkElementError.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineTextBoxBackground,
|
|
71
|
+
.sapSuiteUiCommonsNetworkLineTexts .sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkLineTextBoxBackground {
|
|
68
72
|
stroke: @sapErrorBorderColor;
|
|
69
73
|
}
|
|
70
74
|
|
|
@@ -76,7 +80,11 @@
|
|
|
76
80
|
}
|
|
77
81
|
|
|
78
82
|
.sapSuiteUiCommonsNetworkElementSuccess.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLinePath,
|
|
79
|
-
.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkLinePath
|
|
83
|
+
.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkLinePath,
|
|
84
|
+
.sapSuiteUiCommonsNetworkElementSuccess.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineTextBoxBackground,
|
|
85
|
+
.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkLineTextBoxBackground,
|
|
86
|
+
.sapSuiteUiCommonsNetworkLineTexts .sapSuiteUiCommonsNetworkElementSuccess.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineTextBoxBackground,
|
|
87
|
+
.sapSuiteUiCommonsNetworkLineTexts .sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkLineTextBoxBackground {
|
|
80
88
|
stroke: @sapSuccessBorderColor;
|
|
81
89
|
}
|
|
82
90
|
|
|
@@ -89,7 +97,11 @@
|
|
|
89
97
|
|
|
90
98
|
|
|
91
99
|
.sapSuiteUiCommonsNetworkElementInformation.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLinePath,
|
|
92
|
-
.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkLinePath
|
|
100
|
+
.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkLinePath,
|
|
101
|
+
.sapSuiteUiCommonsNetworkElementInformation.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineTextBoxBackground,
|
|
102
|
+
.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkLineTextBoxBackground,
|
|
103
|
+
.sapSuiteUiCommonsNetworkLineTexts .sapSuiteUiCommonsNetworkElementInformation.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineTextBoxBackground,
|
|
104
|
+
.sapSuiteUiCommonsNetworkLineTexts .sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkLineTextBoxBackground {
|
|
93
105
|
stroke: @sapInformationBorderColor;
|
|
94
106
|
}
|
|
95
107
|
|
|
@@ -242,3 +254,36 @@
|
|
|
242
254
|
display: none;
|
|
243
255
|
}
|
|
244
256
|
|
|
257
|
+
.sapSuiteUiCommonsNetworkLineText {
|
|
258
|
+
font-size: 12px;
|
|
259
|
+
font-family: @sapUiFontFamily;
|
|
260
|
+
fill: @sapTextColor;
|
|
261
|
+
text-shadow: @sapContent_TextShadow;
|
|
262
|
+
pointer-events: all;
|
|
263
|
+
text-anchor: middle;
|
|
264
|
+
dominant-baseline: central;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
.sapSuiteUiCommonsNetworkLineTextBox {
|
|
268
|
+
pointer-events: all;
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
.sapSuiteUiCommonsNetworkLineTextBoxBackground {
|
|
272
|
+
fill: @sapNeutralBackground;
|
|
273
|
+
stroke: @sapNeutralBorderColor;
|
|
274
|
+
stroke-width: 1;
|
|
275
|
+
pointer-events: all;
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
.sapSuiteUiCommonsNetworkLineTexts .sapSuiteUiCommonsNetworkElementFocus .sapSuiteUiCommonsNetworkLineTextBoxBackground {
|
|
279
|
+
stroke: @sapContent_FocusColor !important;
|
|
280
|
+
stroke-width: 2;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
.sapSuiteUiCommonsNetworkLineTexts .sapSuiteUiCommonsNetworkElementFocus .sapSuiteUiCommonsNetworkLineText {
|
|
284
|
+
font-weight: bold;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
.sapSuiteUiCommonsNetworkLineTexts .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineText {
|
|
288
|
+
font-weight: bold;
|
|
289
|
+
}
|