@sapui5/sap.suite.ui.microchart 1.132.1 → 1.133.1
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/microchart/.library +1 -1
- package/src/sap/suite/ui/microchart/AreaMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/AreaMicroChartItem.js +1 -1
- package/src/sap/suite/ui/microchart/AreaMicroChartLabel.js +1 -1
- package/src/sap/suite/ui/microchart/AreaMicroChartPoint.js +1 -1
- package/src/sap/suite/ui/microchart/BulletMicroChart.js +9 -4
- package/src/sap/suite/ui/microchart/BulletMicroChartData.js +1 -1
- package/src/sap/suite/ui/microchart/ColumnMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/ColumnMicroChartData.js +1 -1
- package/src/sap/suite/ui/microchart/ColumnMicroChartLabel.js +1 -1
- package/src/sap/suite/ui/microchart/ComparisonMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/ComparisonMicroChartData.js +1 -1
- package/src/sap/suite/ui/microchart/DeltaMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/HarveyBallMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/HarveyBallMicroChartItem.js +1 -1
- package/src/sap/suite/ui/microchart/HarveyBallMicroChartRenderer.js +1 -5
- package/src/sap/suite/ui/microchart/InteractiveBarChart.js +4 -4
- package/src/sap/suite/ui/microchart/InteractiveBarChartBar.js +1 -1
- package/src/sap/suite/ui/microchart/InteractiveDonutChart.js +1 -1
- package/src/sap/suite/ui/microchart/InteractiveDonutChartSegment.js +1 -1
- package/src/sap/suite/ui/microchart/InteractiveLineChart.js +1 -1
- package/src/sap/suite/ui/microchart/InteractiveLineChartPoint.js +1 -1
- package/src/sap/suite/ui/microchart/LineMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/LineMicroChartEmphasizedPoint.js +1 -1
- package/src/sap/suite/ui/microchart/LineMicroChartLine.js +1 -1
- package/src/sap/suite/ui/microchart/LineMicroChartPoint.js +1 -1
- package/src/sap/suite/ui/microchart/RadialMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/StackedBarMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/StackedBarMicroChartBar.js +1 -1
- package/src/sap/suite/ui/microchart/library.js +2 -2
- package/src/sap/suite/ui/microchart/themes/base/InteractiveDonutChart.less +6 -0
- package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcb/ColumnMicroChart.less +1 -1
- package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcw/ColumnMicroChart.less +1 -1
- package/src/sap/suite/ui/microchart/themes/sap_hcb/base_ColumnMicroChart.less +2 -2
- package/src/sap/suite/ui/microchart/themes/sap_hcb/base_ComparisonMicroChart.less +2 -2
package/package.json
CHANGED
|
@@ -17,7 +17,7 @@ sap.ui.define(['./library', 'sap/ui/core/Element', "sap/suite/ui/microchart/Micr
|
|
|
17
17
|
* Displays or hides the labels for start and end dates, start and end values, and minimum and maximum values.
|
|
18
18
|
* @extends sap.ui.core.Element
|
|
19
19
|
*
|
|
20
|
-
* @version 1.
|
|
20
|
+
* @version 1.133.1
|
|
21
21
|
* @since 1.34
|
|
22
22
|
*
|
|
23
23
|
* @public
|
|
@@ -46,7 +46,7 @@ sap.ui.define([
|
|
|
46
46
|
* <br>Note: You can assign a custom tooltip for this microchart. The custom tooltip can be set using expression binding. When no custom tooltip is defined, the tooltip is generated automatically based on the logic described in {@link sap.ui.core.Element#getTooltip_AsString}. For a combination of a generated and a custom tooltip, use <code>((AltText))</code> inside of the tooltip string. The aggregated data of the microchart can also be customized.
|
|
47
47
|
* @extends sap.ui.core.Control
|
|
48
48
|
*
|
|
49
|
-
* @version 1.
|
|
49
|
+
* @version 1.133.1
|
|
50
50
|
* @since 1.34
|
|
51
51
|
*
|
|
52
52
|
* @public
|
|
@@ -513,7 +513,7 @@ sap.ui.define([
|
|
|
513
513
|
if (oBarValue && oBarValue.offset()) {
|
|
514
514
|
var fAValWidth = oBarValue.offset().left + oBarValue.width() - oChartBar.offset().left;
|
|
515
515
|
if (bRtl) {
|
|
516
|
-
fAValWidth =
|
|
516
|
+
fAValWidth = (oBarValue.offset().left - oChartBar.offset().left);
|
|
517
517
|
}
|
|
518
518
|
|
|
519
519
|
if (this.getMode() === library.BulletMicroChartModeType.Delta) {
|
|
@@ -524,7 +524,12 @@ sap.ui.define([
|
|
|
524
524
|
}
|
|
525
525
|
|
|
526
526
|
var iSign = this.getTargetValue() < this.getActual().getValue() ? 1 : -1;
|
|
527
|
-
|
|
527
|
+
|
|
528
|
+
if (bRtl) {
|
|
529
|
+
fAValWidth = oTBarVal.offset().left - oChartBar.offset().left - (fAValWidth * iSign);
|
|
530
|
+
} else {
|
|
531
|
+
fAValWidth = oTBarVal.offset().left - oChartBar.offset().left + (fAValWidth * iSign);
|
|
532
|
+
}
|
|
528
533
|
}
|
|
529
534
|
|
|
530
535
|
this._adjustLabelPos(this.$("bc-item-value"), fFullWidth, fAValWidth, bRtl);
|
|
@@ -533,7 +538,7 @@ sap.ui.define([
|
|
|
533
538
|
};
|
|
534
539
|
|
|
535
540
|
BulletMicroChart.prototype._adjustLabelPos = function(oLabel, fFullWidth, fOffset, bRtl) {
|
|
536
|
-
var sDirection =
|
|
541
|
+
var sDirection = "left";
|
|
537
542
|
var fLabelWidth = oLabel.width();
|
|
538
543
|
if (fLabelWidth > fFullWidth) {
|
|
539
544
|
oLabel.css(sDirection, "0");
|
|
@@ -40,7 +40,7 @@ sap.ui.define([
|
|
|
40
40
|
* <br>Note: You can assign a custom tooltip for this microchart. The custom tooltip can be set using expression binding. When no custom tooltip is defined, the tooltip is generated automatically based on the logic described in {@link sap.ui.core.Element#getTooltip_AsString}. For a combination of a generated and a custom tooltip, use <code>((AltText))</code> inside of the tooltip string. The aggregated data of the microchart can also be customized.
|
|
41
41
|
* @extends sap.ui.core.Control
|
|
42
42
|
*
|
|
43
|
-
* @version 1.
|
|
43
|
+
* @version 1.133.1
|
|
44
44
|
* @since 1.34
|
|
45
45
|
*
|
|
46
46
|
* @public
|
|
@@ -70,11 +70,7 @@ sap.ui.define([
|
|
|
70
70
|
};
|
|
71
71
|
|
|
72
72
|
var sColor = aColorPalette.length > 0 ? fnGetColor(aColorPalette[0]) : null;
|
|
73
|
-
var iCircleRadius = this._oPath.center;
|
|
74
|
-
|
|
75
|
-
if (oControl._isThemeHighContrast()) {
|
|
76
|
-
iCircleRadius -= 1;
|
|
77
|
-
}
|
|
73
|
+
var iCircleRadius = this._oPath.center - 1;
|
|
78
74
|
|
|
79
75
|
// currently only value from first item is supported
|
|
80
76
|
if (oControl.getItems().length) {
|
|
@@ -32,7 +32,7 @@ sap.ui.define([
|
|
|
32
32
|
* @extends sap.ui.core.Control
|
|
33
33
|
*
|
|
34
34
|
* @author SAP SE
|
|
35
|
-
* @version 1.
|
|
35
|
+
* @version 1.133.1
|
|
36
36
|
*
|
|
37
37
|
* @public
|
|
38
38
|
* @since 1.42.0
|
|
@@ -128,11 +128,11 @@ sap.ui.define([
|
|
|
128
128
|
InteractiveBarChart.DIVIDER_WIDTH_IN_PX = 1; // width of the divider separating negative and positive values
|
|
129
129
|
// Responsiveness height
|
|
130
130
|
InteractiveBarChart.AREA_HEIGHT_MINVALUE = 18; // area height threshold for which the chart should be hidden (px)
|
|
131
|
-
InteractiveBarChart.BAR_HEIGHT_FONT_SMALLER =
|
|
131
|
+
InteractiveBarChart.BAR_HEIGHT_FONT_SMALLER = 20; // bar height threshold for a switch to smaller font (px)
|
|
132
132
|
InteractiveBarChart.BAR_HEIGHT_MINVALUE = 6; // bar height threshold for which the chart should be hidden (px)
|
|
133
133
|
InteractiveBarChart.BAR_HEIGHT_LABEL_HIDE = 16; // bar height threshold for which the labels inside bars should be hidden (px)
|
|
134
134
|
// Responsiveness width
|
|
135
|
-
InteractiveBarChart.CHART_WIDTH_FONT_SMALLER =
|
|
135
|
+
InteractiveBarChart.CHART_WIDTH_FONT_SMALLER = 286; // chart width threshold for a switch to smaller font (px)
|
|
136
136
|
InteractiveBarChart.LABEL_WIDTH_MINVALUE = 80; // label width threshold for a switch to move labels above bars (px)
|
|
137
137
|
InteractiveBarChart.CHART_WIDTH_MINVALUE = 130; // chart width threshold for a switch to an invisible chart (px)
|
|
138
138
|
// Responsiveness cozy vs compact mode
|
|
@@ -846,7 +846,7 @@ sap.ui.define([
|
|
|
846
846
|
InteractiveBarChart.prototype._resizeVertically = function(flags) {
|
|
847
847
|
var iAreaHeight, iMargin, iBarHeight, $this = this.$(), bSwitchMode = false,
|
|
848
848
|
$SelectionAreas = $this.find(".sapSuiteIBCBarInteractionArea"),
|
|
849
|
-
iCurrentControlHeight = $this.height(), iInteractiveModeMarginDelta = 0,
|
|
849
|
+
iCurrentControlHeight = Math.round($this.height()), iInteractiveModeMarginDelta = 0,
|
|
850
850
|
iVisibleBars = this._iVisibleBars;
|
|
851
851
|
|
|
852
852
|
// margin
|
|
@@ -42,7 +42,7 @@ sap.ui.define([
|
|
|
42
42
|
* The InteractiveLineChart control belongs to a chart control group in the MicroChart library having a number of interactive features.
|
|
43
43
|
* @extends sap.ui.core.Control
|
|
44
44
|
* @author SAP SE
|
|
45
|
-
* @version 1.
|
|
45
|
+
* @version 1.133.1
|
|
46
46
|
*
|
|
47
47
|
* @public
|
|
48
48
|
* @since 1.42.0
|
|
@@ -31,7 +31,7 @@ sap.ui.define([
|
|
|
31
31
|
* <br>Note: You can assign a custom tooltip for this microchart. The custom tooltip can be set using expression binding. When no custom tooltip is defined, the tooltip is generated automatically based on the logic described in {@link sap.ui.core.Element#getTooltip_AsString}. For a combination of a generated and a custom tooltip, use <code>((AltText))</code> inside of the tooltip string.
|
|
32
32
|
* @extends sap.ui.core.Control
|
|
33
33
|
*
|
|
34
|
-
* @version 1.
|
|
34
|
+
* @version 1.133.1
|
|
35
35
|
* @since 1.48.0
|
|
36
36
|
*
|
|
37
37
|
* @public
|
|
@@ -18,7 +18,7 @@ sap.ui.define(["sap/suite/ui/microchart/MicroChartUtils", "./library", "sap/suit
|
|
|
18
18
|
* Contains the emphasized point of the line micro chart.
|
|
19
19
|
* @extends sap.suite.ui.microchart.LineMicroChartPoint
|
|
20
20
|
*
|
|
21
|
-
* @version 1.
|
|
21
|
+
* @version 1.133.1
|
|
22
22
|
* @since 1.48.0
|
|
23
23
|
*
|
|
24
24
|
* @constructor
|
|
@@ -33,7 +33,7 @@ sap.ui.define([
|
|
|
33
33
|
* <br>Note: You can assign a custom tooltip for this microchart. The custom tooltip can be set using expression binding. When no custom tooltip is defined, the tooltip is generated automatically based on the logic described in {@link sap.ui.core.Element#getTooltip_AsString}. For a combination of a generated and a custom tooltip, use <code>((AltText))</code> inside of the tooltip string. The aggregated data of the microchart can also be customized.
|
|
34
34
|
* @extends sap.ui.core.Control
|
|
35
35
|
*
|
|
36
|
-
* @version 1.
|
|
36
|
+
* @version 1.133.1
|
|
37
37
|
* @since 1.44.0
|
|
38
38
|
*
|
|
39
39
|
* @public
|
|
@@ -21,13 +21,13 @@ sap.ui.define([
|
|
|
21
21
|
* @namespace
|
|
22
22
|
* @alias sap.suite.ui.microchart
|
|
23
23
|
* @author SAP SE
|
|
24
|
-
* @version 1.
|
|
24
|
+
* @version 1.133.1
|
|
25
25
|
* @public
|
|
26
26
|
*/
|
|
27
27
|
var thisLib = CoreLib.init({
|
|
28
28
|
name: "sap.suite.ui.microchart",
|
|
29
29
|
apiVersion: 2,
|
|
30
|
-
version: "1.
|
|
30
|
+
version: "1.133.1",
|
|
31
31
|
// library dependencies
|
|
32
32
|
dependencies: ["sap.ui.core", "sap.m"],
|
|
33
33
|
types: [
|
|
@@ -235,6 +235,12 @@ html.sap-desktop .sapSuiteIDCLegendSegment:focus {
|
|
|
235
235
|
border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
+
html.sap-tablet .sapSuiteIDCLegendSegmentSelected,
|
|
239
|
+
html.sap-phone .sapSuiteIDCLegendSegmentSelected,
|
|
240
|
+
html.sap-desktop .sapSuiteIDCLegendSegmentSelected:not(:focus) {
|
|
241
|
+
border: 0.0625rem solid @_sap_suite_ui_microchart_InteractiveDonutChart_SegmentBorder
|
|
242
|
+
}
|
|
243
|
+
|
|
238
244
|
/* LEGEND SEGMENTS */
|
|
239
245
|
html.sap-desktop .sapSuiteIDC:not(.sapSuiteIDCNonInteractive) {
|
|
240
246
|
.sapSuiteIDCLegendSegmentHover {
|
|
@@ -10,5 +10,5 @@ html.sap-desktop .sapSuiteClMC:focus,
|
|
|
10
10
|
|
|
11
11
|
html.sap-desktop .sapSuiteClMCBar[tabindex]:focus .sapSuiteClMCInnerBar,
|
|
12
12
|
.sapSuiteClMCBar[tabindex]:focus .sapSuiteClMCInnerBar {
|
|
13
|
-
outline:
|
|
13
|
+
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
14
14
|
}
|
|
@@ -10,5 +10,5 @@ html.sap-desktop .sapSuiteClMC:focus,
|
|
|
10
10
|
|
|
11
11
|
html.sap-desktop .sapSuiteClMCBar[tabindex]:focus .sapSuiteClMCInnerBar,
|
|
12
12
|
.sapSuiteClMCBar[tabindex]:focus .sapSuiteClMCInnerBar {
|
|
13
|
-
outline:
|
|
13
|
+
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
14
14
|
}
|
|
@@ -147,13 +147,13 @@ html.sap-desktop .sapSuiteClMCBar[tabindex]:focus,
|
|
|
147
147
|
.sapSuiteClMCBar[tabindex]:focus {
|
|
148
148
|
outline: none;
|
|
149
149
|
& .sapSuiteClMCInnerBar {
|
|
150
|
-
outline:
|
|
150
|
+
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
153
|
|
|
154
154
|
html.sap-desktop .sapSuiteClMC:focus,
|
|
155
155
|
.sapSuiteClMC:focus {
|
|
156
|
-
outline:
|
|
156
|
+
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
157
157
|
outline-offset: 1px;
|
|
158
158
|
}
|
|
159
159
|
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
html.sap-desktop .sapSuiteCpMCChartContent[tabindex]:focus {
|
|
15
|
-
outline:
|
|
15
|
+
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
16
16
|
outline-offset: 1px;
|
|
17
17
|
}
|
|
18
18
|
|
|
@@ -22,7 +22,7 @@ html.sap-desktop .sapSuiteCpMCChartContent:focus:not([tabindex]),
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
html.sap-desktop .sapSuiteCpMCChartBar:focus {
|
|
25
|
-
border:
|
|
25
|
+
border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
26
26
|
outline: none;
|
|
27
27
|
}
|
|
28
28
|
|