@longline/aqua-ui 1.0.157 → 1.0.159
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.
|
@@ -21,6 +21,6 @@ var SortIconAnimation = keyframes(templateObject_1 || (templateObject_1 = __make
|
|
|
21
21
|
* The SortButton displays a caret that rotates and lights up depending on
|
|
22
22
|
* its active/reverse props.
|
|
23
23
|
*/
|
|
24
|
-
var SortButton = styled(SortButtonBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n // Position\n position: relative;\n display: flex; // Needed for SVG to be centered in div.\n width: 12px;\n height: 12px;\n\n // Appearance\n transition: opacity ease-in-out 150ms,\n transform ease-in-out 150ms;\n transform: scaleY(", ");\n opacity: ", ";\n\n svg {\n transition: fill ease-in-out 150ms;\n fill: ", ";\n path.top, path.middle, path.bottom {\n transform-origin: 0 0;\n animation-name: ", ";\n // Animation duration is set by parent TableHeaderCell.\n animation-duration:
|
|
24
|
+
var SortButton = styled(SortButtonBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n // Position\n position: relative;\n display: flex; // Needed for SVG to be centered in div.\n width: 12px;\n height: 12px;\n\n // Appearance\n transition: opacity ease-in-out 150ms,\n transform ease-in-out 150ms;\n transform: scaleY(", ");\n opacity: ", ";\n\n svg {\n transition: fill ease-in-out 150ms;\n fill: ", ";\n path.top, path.middle, path.bottom {\n transform-origin: 0 0;\n animation-name: ", ";\n // Animation duration is set by parent TableHeaderCell.\n animation-duration: 0s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n }\n path.middle {\n animation-delay: 0.25s;\n }\n path.bottom {\n animation-delay: 0.5s;\n } \n }\n"], ["\n // Position\n position: relative;\n display: flex; // Needed for SVG to be centered in div.\n width: 12px;\n height: 12px;\n\n // Appearance\n transition: opacity ease-in-out 150ms,\n transform ease-in-out 150ms;\n transform: scaleY(", ");\n opacity: ", ";\n\n svg {\n transition: fill ease-in-out 150ms;\n fill: ", ";\n path.top, path.middle, path.bottom {\n transform-origin: 0 0;\n animation-name: ", ";\n // Animation duration is set by parent TableHeaderCell.\n animation-duration: 0s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n }\n path.middle {\n animation-delay: 0.25s;\n }\n path.bottom {\n animation-delay: 0.5s;\n } \n }\n"])), function (p) { return p.reverse ? -1 : 1; }, function (p) { return p.active ? 1 : 0; }, function (p) { return p.dark ? p.theme.colors.primary[1] : p.theme.colors.neutral[10]; }, SortIconAnimation);
|
|
25
25
|
export { SortButton };
|
|
26
26
|
var templateObject_1, templateObject_2;
|
|
@@ -64,6 +64,9 @@ var ClusterMarkerBase = function (props) {
|
|
|
64
64
|
var value = 0;
|
|
65
65
|
// Calculate total value of ringfields:
|
|
66
66
|
var totalValue = props.ringValues.reduce(function (acc, f) { return f + acc; }, 0);
|
|
67
|
+
// Prevent div0:
|
|
68
|
+
if (totalValue == 0)
|
|
69
|
+
return null;
|
|
67
70
|
var rings = [];
|
|
68
71
|
props.ringValues.forEach(function (ringValue, idx) {
|
|
69
72
|
var relativeValue = ringValue / totalValue;
|