@oliasoft-open-source/charts-library 4.6.2 → 4.6.3-beta-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/dist/index.js
CHANGED
|
@@ -11,7 +11,7 @@ import React__default, { forwardRef, useRef, useEffect, createContext as createC
|
|
|
11
11
|
import { produce } from "immer";
|
|
12
12
|
import { round as round$2, displayNumber, isCloseTo, roundByMagnitude } from "@oliasoft-open-source/units";
|
|
13
13
|
import cx from "classnames";
|
|
14
|
-
import { Portal, Icon, Tooltip as Tooltip$2, Button,
|
|
14
|
+
import { Portal, Icon, Menu, Tooltip as Tooltip$2, Button, Popover, Field, InputGroup, NumberInput, InputGroupAddon, Select, ButtonGroup, Spacer, Flex, Text } from "@oliasoft-open-source/react-ui-library";
|
|
15
15
|
import { isEmpty, isArray as isArray$2, some, has, cloneDeep, defaultTo, findIndex, set as set$2, debounce as debounce$3, isNil, map as map$3, find, get as get$1, noop as noop$2 } from "lodash";
|
|
16
16
|
/*!
|
|
17
17
|
* @kurkle/color v0.3.2
|
|
@@ -22804,55 +22804,127 @@ const ControlsPortal = ({
|
|
|
22804
22804
|
}
|
|
22805
22805
|
return children;
|
|
22806
22806
|
};
|
|
22807
|
+
var noop = function() {
|
|
22808
|
+
};
|
|
22809
|
+
var isBrowser = typeof window !== "undefined";
|
|
22810
|
+
var useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
|
|
22811
|
+
const useIsomorphicLayoutEffect$1 = useIsomorphicLayoutEffect;
|
|
22812
|
+
var defaultState = {
|
|
22813
|
+
x: 0,
|
|
22814
|
+
y: 0,
|
|
22815
|
+
width: 0,
|
|
22816
|
+
height: 0,
|
|
22817
|
+
top: 0,
|
|
22818
|
+
left: 0,
|
|
22819
|
+
bottom: 0,
|
|
22820
|
+
right: 0
|
|
22821
|
+
};
|
|
22822
|
+
function useMeasure() {
|
|
22823
|
+
var _a2 = useState(null), element = _a2[0], ref = _a2[1];
|
|
22824
|
+
var _b2 = useState(defaultState), rect = _b2[0], setRect = _b2[1];
|
|
22825
|
+
var observer = useMemo(function() {
|
|
22826
|
+
return new window.ResizeObserver(function(entries) {
|
|
22827
|
+
if (entries[0]) {
|
|
22828
|
+
var _a3 = entries[0].contentRect, x2 = _a3.x, y2 = _a3.y, width = _a3.width, height = _a3.height, top_1 = _a3.top, left2 = _a3.left, bottom2 = _a3.bottom, right2 = _a3.right;
|
|
22829
|
+
setRect({ x: x2, y: y2, width, height, top: top_1, left: left2, bottom: bottom2, right: right2 });
|
|
22830
|
+
}
|
|
22831
|
+
});
|
|
22832
|
+
}, []);
|
|
22833
|
+
useIsomorphicLayoutEffect$1(function() {
|
|
22834
|
+
if (!element)
|
|
22835
|
+
return;
|
|
22836
|
+
observer.observe(element);
|
|
22837
|
+
return function() {
|
|
22838
|
+
observer.disconnect();
|
|
22839
|
+
};
|
|
22840
|
+
}, [element]);
|
|
22841
|
+
return [ref, rect];
|
|
22842
|
+
}
|
|
22843
|
+
const useMeasure$1 = isBrowser && typeof window.ResizeObserver !== "undefined" ? useMeasure : function() {
|
|
22844
|
+
return [noop, defaultState];
|
|
22845
|
+
};
|
|
22807
22846
|
const SvgLineOnly = (props) => /* @__PURE__ */ React.createElement("svg", { fill: "currentColor", height: "1em", viewBox: "0 0 12 12", width: "1em", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props }, /* @__PURE__ */ React.createElement("clipPath", { id: "a" }, /* @__PURE__ */ React.createElement("path", { d: "m0 0h12v12h-12z" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ React.createElement("path", { d: "m.5 6.5v-1h11v1c-4.16104 0-6.63549 0-11 0z" })));
|
|
22808
22847
|
const SvgPointOnly = (props) => /* @__PURE__ */ React.createElement("svg", { fill: "currentColor", height: "1em", viewBox: "0 0 12 12", width: "1em", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("circle", { cx: 6, cy: 6, r: 2 }));
|
|
22809
22848
|
const SvgLineAndPoint = (props) => /* @__PURE__ */ React.createElement("svg", { fill: "currentColor", height: "1em", viewBox: "0 0 12 12", width: "1em", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props }, /* @__PURE__ */ React.createElement("clipPath", { id: "a" }, /* @__PURE__ */ React.createElement("path", { d: "m0 0h12v12h-12z" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ React.createElement("path", { d: "m7.937 6.5c-.11122.42912-.36179.80916-.71237 1.08047-.35058.2713-.78133.4185-1.22463.4185s-.87405-.1472-1.22463-.4185c-.35058-.27131-.60115-.65135-.71237-1.08047h-3.563v-1h3.563c.11122-.42912.36179-.80916.71237-1.08046s.78133-.41851 1.22463-.41851.87405.14721 1.22463.41851.60115.65134.71237 1.08046h3.563v1z" })));
|
|
22810
|
-
|
|
22849
|
+
function getLineOptions({
|
|
22811
22850
|
lineEnabled,
|
|
22812
22851
|
onToggleLine,
|
|
22813
22852
|
onTogglePoints,
|
|
22814
22853
|
pointsEnabled,
|
|
22815
22854
|
translations
|
|
22816
|
-
})
|
|
22817
|
-
|
|
22855
|
+
}) {
|
|
22856
|
+
return [
|
|
22818
22857
|
{
|
|
22858
|
+
type: "Option",
|
|
22819
22859
|
label: translations.pointsLines,
|
|
22820
22860
|
icon: /* @__PURE__ */ jsx(Icon, { icon: /* @__PURE__ */ jsx(SvgLineAndPoint, {}) }),
|
|
22821
22861
|
selected: pointsEnabled && lineEnabled,
|
|
22822
22862
|
onClick: () => {
|
|
22823
|
-
|
|
22863
|
+
if (!pointsEnabled)
|
|
22864
|
+
onTogglePoints();
|
|
22865
|
+
if (!lineEnabled)
|
|
22866
|
+
onToggleLine();
|
|
22824
22867
|
}
|
|
22825
22868
|
},
|
|
22826
22869
|
{
|
|
22870
|
+
type: "Option",
|
|
22827
22871
|
label: translations.linesOnly,
|
|
22828
22872
|
icon: /* @__PURE__ */ jsx(Icon, { icon: /* @__PURE__ */ jsx(SvgLineOnly, {}) }),
|
|
22829
22873
|
selected: !pointsEnabled && lineEnabled,
|
|
22830
22874
|
onClick: () => {
|
|
22831
|
-
|
|
22832
|
-
|
|
22875
|
+
if (pointsEnabled)
|
|
22876
|
+
onTogglePoints();
|
|
22877
|
+
if (!lineEnabled)
|
|
22878
|
+
onToggleLine();
|
|
22833
22879
|
}
|
|
22834
22880
|
},
|
|
22835
22881
|
{
|
|
22882
|
+
type: "Option",
|
|
22836
22883
|
label: translations.pointsOnly,
|
|
22837
22884
|
icon: /* @__PURE__ */ jsx(Icon, { icon: /* @__PURE__ */ jsx(SvgPointOnly, {}) }),
|
|
22838
22885
|
selected: pointsEnabled && !lineEnabled,
|
|
22839
22886
|
onClick: () => {
|
|
22840
|
-
|
|
22887
|
+
if (!pointsEnabled)
|
|
22888
|
+
onTogglePoints();
|
|
22889
|
+
if (lineEnabled)
|
|
22890
|
+
onToggleLine();
|
|
22841
22891
|
}
|
|
22842
22892
|
}
|
|
22843
22893
|
];
|
|
22894
|
+
}
|
|
22895
|
+
const LineOptions = ({ options }) => {
|
|
22896
|
+
const [menuOpen, setMenuOpen] = useState(false);
|
|
22844
22897
|
const selectedOption = options.find((option) => option.selected);
|
|
22845
|
-
return /* @__PURE__ */ jsx(
|
|
22846
|
-
|
|
22898
|
+
return /* @__PURE__ */ jsx(
|
|
22899
|
+
Menu,
|
|
22847
22900
|
{
|
|
22848
|
-
|
|
22849
|
-
|
|
22850
|
-
|
|
22851
|
-
|
|
22852
|
-
|
|
22853
|
-
|
|
22901
|
+
open: menuOpen,
|
|
22902
|
+
setOpen: setMenuOpen,
|
|
22903
|
+
menu: {
|
|
22904
|
+
sections: options,
|
|
22905
|
+
trigger: "Component",
|
|
22906
|
+
component: /* @__PURE__ */ jsx(
|
|
22907
|
+
Tooltip$2,
|
|
22908
|
+
{
|
|
22909
|
+
display: "inline-flex",
|
|
22910
|
+
text: selectedOption == null ? void 0 : selectedOption.label,
|
|
22911
|
+
placement: "bottom-start",
|
|
22912
|
+
enabled: !menuOpen,
|
|
22913
|
+
children: /* @__PURE__ */ jsx(
|
|
22914
|
+
Button,
|
|
22915
|
+
{
|
|
22916
|
+
colored: "muted",
|
|
22917
|
+
basic: true,
|
|
22918
|
+
small: true,
|
|
22919
|
+
round: true,
|
|
22920
|
+
icon: selectedOption == null ? void 0 : selectedOption.icon
|
|
22921
|
+
}
|
|
22922
|
+
)
|
|
22923
|
+
}
|
|
22924
|
+
)
|
|
22925
|
+
}
|
|
22854
22926
|
}
|
|
22855
|
-
)
|
|
22927
|
+
);
|
|
22856
22928
|
};
|
|
22857
22929
|
var DefaultContext = {
|
|
22858
22930
|
color: void 0,
|
|
@@ -22954,7 +23026,7 @@ function TbX(props) {
|
|
|
22954
23026
|
function TbZoomIn(props) {
|
|
22955
23027
|
return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" } }, { "tag": "path", "attr": { "d": "M7 10l6 0" } }, { "tag": "path", "attr": { "d": "M10 7l0 6" } }, { "tag": "path", "attr": { "d": "M21 21l-6 -6" } }] })(props);
|
|
22956
23028
|
}
|
|
22957
|
-
|
|
23029
|
+
function getDragOptions({
|
|
22958
23030
|
onTogglePan,
|
|
22959
23031
|
onToggleZoom,
|
|
22960
23032
|
panEnabled,
|
|
@@ -22970,76 +23042,74 @@ const DragOptions = ({
|
|
|
22970
23042
|
dragToZoom,
|
|
22971
23043
|
doubleClickToReset,
|
|
22972
23044
|
dragToPan,
|
|
22973
|
-
orDoubleClickToCanvas,
|
|
22974
23045
|
dragToMovePoints,
|
|
22975
23046
|
dragDisabled,
|
|
22976
23047
|
dragToMoveAnnotation
|
|
22977
23048
|
}
|
|
22978
|
-
})
|
|
22979
|
-
|
|
22980
|
-
|
|
22981
|
-
|
|
22982
|
-
|
|
22983
|
-
|
|
22984
|
-
|
|
22985
|
-
|
|
22986
|
-
|
|
22987
|
-
|
|
22988
|
-
|
|
22989
|
-
|
|
22990
|
-
|
|
23049
|
+
}) {
|
|
23050
|
+
return [
|
|
23051
|
+
{
|
|
23052
|
+
label: dragToZoom,
|
|
23053
|
+
description: doubleClickToReset,
|
|
23054
|
+
icon: /* @__PURE__ */ jsx(TbZoomIn, {}),
|
|
23055
|
+
selected: zoomEnabled,
|
|
23056
|
+
type: "Option",
|
|
23057
|
+
onClick: () => {
|
|
23058
|
+
if (!zoomEnabled)
|
|
23059
|
+
onToggleZoom();
|
|
23060
|
+
}
|
|
23061
|
+
},
|
|
23062
|
+
{
|
|
23063
|
+
label: dragToPan,
|
|
23064
|
+
description: doubleClickToReset,
|
|
23065
|
+
icon: /* @__PURE__ */ jsx(TbArrowsMove, {}),
|
|
23066
|
+
selected: panEnabled,
|
|
23067
|
+
type: "Option",
|
|
23068
|
+
onClick: () => {
|
|
23069
|
+
if (!panEnabled)
|
|
23070
|
+
onTogglePan();
|
|
23071
|
+
}
|
|
23072
|
+
},
|
|
23073
|
+
...isDragDataAllowed ? [
|
|
22991
23074
|
{
|
|
22992
|
-
|
|
22993
|
-
|
|
22994
|
-
|
|
22995
|
-
|
|
22996
|
-
|
|
22997
|
-
|
|
22998
|
-
|
|
22999
|
-
onClick: onTogglePan
|
|
23000
|
-
},
|
|
23001
|
-
...isDragDataAllowed ? [
|
|
23002
|
-
{
|
|
23003
|
-
label: dragToMovePoints,
|
|
23004
|
-
icon: /* @__PURE__ */ jsx(TbHandStop, {}),
|
|
23005
|
-
selected: enableDragPoints,
|
|
23006
|
-
type: "Option",
|
|
23007
|
-
onClick: onToggleDragPoints
|
|
23075
|
+
label: dragToMovePoints,
|
|
23076
|
+
icon: /* @__PURE__ */ jsx(TbHandStop, {}),
|
|
23077
|
+
selected: enableDragPoints,
|
|
23078
|
+
type: "Option",
|
|
23079
|
+
onClick: () => {
|
|
23080
|
+
if (!enableDragPoints)
|
|
23081
|
+
onToggleDragPoints();
|
|
23008
23082
|
}
|
|
23009
|
-
|
|
23010
|
-
|
|
23011
|
-
|
|
23012
|
-
label: dragToMoveAnnotation,
|
|
23013
|
-
icon: /* @__PURE__ */ jsx(TbHandStop, {}),
|
|
23014
|
-
selected: enableDragAnnotation,
|
|
23015
|
-
type: "Option",
|
|
23016
|
-
onClick: onToggleDragAnnotation
|
|
23017
|
-
}
|
|
23018
|
-
] : [],
|
|
23083
|
+
}
|
|
23084
|
+
] : [],
|
|
23085
|
+
...isDragAnnotationAllowed ? [
|
|
23019
23086
|
{
|
|
23020
|
-
label:
|
|
23021
|
-
icon: /* @__PURE__ */ jsx(
|
|
23022
|
-
selected:
|
|
23023
|
-
|
|
23087
|
+
label: dragToMoveAnnotation,
|
|
23088
|
+
icon: /* @__PURE__ */ jsx(TbHandStop, {}),
|
|
23089
|
+
selected: enableDragAnnotation,
|
|
23090
|
+
type: "Option",
|
|
23091
|
+
onClick: () => {
|
|
23092
|
+
if (!enableDragAnnotation)
|
|
23093
|
+
onToggleDragAnnotation();
|
|
23094
|
+
}
|
|
23024
23095
|
}
|
|
23025
|
-
],
|
|
23026
|
-
|
|
23027
|
-
|
|
23028
|
-
|
|
23029
|
-
|
|
23030
|
-
({ icon, label, onClick, selected }) => ({
|
|
23031
|
-
icon,
|
|
23032
|
-
label,
|
|
23096
|
+
] : [],
|
|
23097
|
+
{
|
|
23098
|
+
label: dragDisabled,
|
|
23099
|
+
icon: /* @__PURE__ */ jsx(TbBan, {}),
|
|
23100
|
+
selected: !zoomEnabled && !panEnabled && !enableDragPoints && !enableDragAnnotation,
|
|
23033
23101
|
type: "Option",
|
|
23034
|
-
onClick
|
|
23035
|
-
|
|
23036
|
-
|
|
23037
|
-
|
|
23102
|
+
onClick: onDisableDragOptions
|
|
23103
|
+
}
|
|
23104
|
+
];
|
|
23105
|
+
}
|
|
23106
|
+
const DragOptions = ({ options }) => {
|
|
23107
|
+
const selectedOption = options.find((option) => option.selected);
|
|
23038
23108
|
return /* @__PURE__ */ jsx(
|
|
23039
23109
|
Menu,
|
|
23040
23110
|
{
|
|
23041
23111
|
menu: {
|
|
23042
|
-
sections:
|
|
23112
|
+
sections: options,
|
|
23043
23113
|
trigger: "Component",
|
|
23044
23114
|
component: /* @__PURE__ */ jsx(
|
|
23045
23115
|
Button,
|
|
@@ -23047,7 +23117,7 @@ const DragOptions = ({
|
|
|
23047
23117
|
colored: "muted",
|
|
23048
23118
|
basic: true,
|
|
23049
23119
|
small: true,
|
|
23050
|
-
label:
|
|
23120
|
+
label: selectedOption == null ? void 0 : selectedOption.label,
|
|
23051
23121
|
icon: selectedOption == null ? void 0 : selectedOption.icon
|
|
23052
23122
|
}
|
|
23053
23123
|
)
|
|
@@ -23055,8 +23125,8 @@ const DragOptions = ({
|
|
|
23055
23125
|
}
|
|
23056
23126
|
);
|
|
23057
23127
|
};
|
|
23058
|
-
const controls = "
|
|
23059
|
-
const buttons = "
|
|
23128
|
+
const controls = "_controls_1edjs_1";
|
|
23129
|
+
const buttons = "_buttons_1edjs_6";
|
|
23060
23130
|
const styles$4 = {
|
|
23061
23131
|
controls,
|
|
23062
23132
|
buttons
|
|
@@ -24462,7 +24532,7 @@ const AxesOptions = (optionsPopover) => {
|
|
|
24462
24532
|
{
|
|
24463
24533
|
text: translations.axesOptions,
|
|
24464
24534
|
placement: "bottom-start",
|
|
24465
|
-
display: "flex",
|
|
24535
|
+
display: "inline-flex",
|
|
24466
24536
|
children: /* @__PURE__ */ jsx(Button, { small: true, basic: true, colored: "muted", round: true, icon: /* @__PURE__ */ jsx(TbRuler, {}) })
|
|
24467
24537
|
}
|
|
24468
24538
|
)
|
|
@@ -24509,89 +24579,135 @@ const Controls = ({
|
|
|
24509
24579
|
dispatch,
|
|
24510
24580
|
generatedDatasets
|
|
24511
24581
|
});
|
|
24582
|
+
const [measureRef, { width }] = useMeasure$1();
|
|
24583
|
+
const isNarrow = width < 200;
|
|
24584
|
+
const lineOptions = useMemo(
|
|
24585
|
+
() => getLineOptions({
|
|
24586
|
+
lineEnabled,
|
|
24587
|
+
onToggleLine,
|
|
24588
|
+
onTogglePoints,
|
|
24589
|
+
pointsEnabled,
|
|
24590
|
+
translations
|
|
24591
|
+
}),
|
|
24592
|
+
[lineEnabled, pointsEnabled]
|
|
24593
|
+
);
|
|
24594
|
+
const dragOptions = useMemo(
|
|
24595
|
+
() => getDragOptions({
|
|
24596
|
+
onTogglePan,
|
|
24597
|
+
onToggleZoom,
|
|
24598
|
+
panEnabled,
|
|
24599
|
+
zoomEnabled,
|
|
24600
|
+
enableDragPoints,
|
|
24601
|
+
enableDragAnnotation,
|
|
24602
|
+
isDragDataAllowed: dragData == null ? void 0 : dragData.enableDragData,
|
|
24603
|
+
isDragAnnotationAllowed: annotations == null ? void 0 : annotations.enableDragAnnotation,
|
|
24604
|
+
onToggleDragAnnotation,
|
|
24605
|
+
onToggleDragPoints,
|
|
24606
|
+
onDisableDragOptions,
|
|
24607
|
+
translations
|
|
24608
|
+
}),
|
|
24609
|
+
[
|
|
24610
|
+
zoomEnabled,
|
|
24611
|
+
panEnabled,
|
|
24612
|
+
enableDragPoints,
|
|
24613
|
+
dragData == null ? void 0 : dragData.enableDragData,
|
|
24614
|
+
annotations == null ? void 0 : annotations.enableDragAnnotation
|
|
24615
|
+
]
|
|
24616
|
+
);
|
|
24512
24617
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
24513
24618
|
/* @__PURE__ */ jsxs("div", { className: styles$4.controls, children: [
|
|
24514
24619
|
!!options.title && /* @__PURE__ */ jsx(Text, { bold: true, children: options.title }),
|
|
24515
24620
|
headerComponent,
|
|
24516
|
-
/* @__PURE__ */ jsx(ControlsPortal, { controlsPortalId: controlsPortalId ?? "", children: /* @__PURE__ */ jsxs(
|
|
24517
|
-
|
|
24518
|
-
|
|
24519
|
-
|
|
24520
|
-
|
|
24521
|
-
|
|
24522
|
-
|
|
24523
|
-
|
|
24524
|
-
|
|
24525
|
-
onResetAxes,
|
|
24526
|
-
depthType,
|
|
24527
|
-
translations
|
|
24528
|
-
}
|
|
24529
|
-
),
|
|
24530
|
-
/* @__PURE__ */ jsx(
|
|
24531
|
-
LineOptions,
|
|
24532
|
-
{
|
|
24533
|
-
lineEnabled,
|
|
24534
|
-
pointsEnabled,
|
|
24535
|
-
onToggleLine,
|
|
24536
|
-
onTogglePoints,
|
|
24537
|
-
translations
|
|
24538
|
-
}
|
|
24539
|
-
),
|
|
24540
|
-
/* @__PURE__ */ jsx(
|
|
24541
|
-
Tooltip$2,
|
|
24542
|
-
{
|
|
24543
|
-
text: translations.downloadAsPNG,
|
|
24544
|
-
placement: "bottom-end",
|
|
24545
|
-
children: /* @__PURE__ */ jsx(
|
|
24546
|
-
Button,
|
|
24621
|
+
/* @__PURE__ */ jsx(ControlsPortal, { controlsPortalId: controlsPortalId ?? "", children: /* @__PURE__ */ jsxs(
|
|
24622
|
+
"div",
|
|
24623
|
+
{
|
|
24624
|
+
className: styles$4.buttons,
|
|
24625
|
+
ref: measureRef,
|
|
24626
|
+
children: [
|
|
24627
|
+
!showTable && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
24628
|
+
/* @__PURE__ */ jsx(
|
|
24629
|
+
AxesOptions,
|
|
24547
24630
|
{
|
|
24548
|
-
|
|
24549
|
-
|
|
24550
|
-
|
|
24551
|
-
|
|
24552
|
-
|
|
24553
|
-
|
|
24631
|
+
initialAxesRanges,
|
|
24632
|
+
axes: state.axes,
|
|
24633
|
+
controlsAxesLabels,
|
|
24634
|
+
onUpdateAxes,
|
|
24635
|
+
onResetAxes,
|
|
24636
|
+
depthType,
|
|
24637
|
+
translations
|
|
24554
24638
|
}
|
|
24555
|
-
)
|
|
24556
|
-
|
|
24557
|
-
|
|
24558
|
-
|
|
24559
|
-
|
|
24560
|
-
|
|
24561
|
-
|
|
24562
|
-
|
|
24563
|
-
|
|
24564
|
-
|
|
24565
|
-
|
|
24566
|
-
|
|
24567
|
-
|
|
24568
|
-
|
|
24569
|
-
|
|
24570
|
-
|
|
24571
|
-
|
|
24572
|
-
|
|
24573
|
-
|
|
24574
|
-
|
|
24575
|
-
|
|
24576
|
-
|
|
24577
|
-
|
|
24578
|
-
|
|
24579
|
-
|
|
24580
|
-
|
|
24581
|
-
|
|
24582
|
-
|
|
24639
|
+
),
|
|
24640
|
+
isNarrow ? /* @__PURE__ */ jsx(
|
|
24641
|
+
Menu,
|
|
24642
|
+
{
|
|
24643
|
+
menu: {
|
|
24644
|
+
placement: "bottom-end",
|
|
24645
|
+
sections: [
|
|
24646
|
+
...lineOptions,
|
|
24647
|
+
{
|
|
24648
|
+
type: "Divider"
|
|
24649
|
+
},
|
|
24650
|
+
...dragOptions,
|
|
24651
|
+
{
|
|
24652
|
+
type: "Divider"
|
|
24653
|
+
},
|
|
24654
|
+
{
|
|
24655
|
+
icon: "download",
|
|
24656
|
+
label: translations.downloadAsPNG,
|
|
24657
|
+
type: "Option",
|
|
24658
|
+
onClick: handleDownload
|
|
24659
|
+
}
|
|
24660
|
+
],
|
|
24661
|
+
trigger: "Component",
|
|
24662
|
+
component: /* @__PURE__ */ jsx(Button, { colored: "muted", basic: true, small: true, round: true, icon: "menu" })
|
|
24663
|
+
}
|
|
24664
|
+
}
|
|
24665
|
+
) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
24666
|
+
/* @__PURE__ */ jsx(LineOptions, { options: lineOptions }),
|
|
24667
|
+
/* @__PURE__ */ jsx(
|
|
24668
|
+
Tooltip$2,
|
|
24669
|
+
{
|
|
24670
|
+
display: "inline-flex",
|
|
24671
|
+
text: translations.downloadAsPNG,
|
|
24672
|
+
placement: "bottom-end",
|
|
24673
|
+
children: /* @__PURE__ */ jsx(
|
|
24674
|
+
Button,
|
|
24675
|
+
{
|
|
24676
|
+
small: true,
|
|
24677
|
+
basic: true,
|
|
24678
|
+
colored: "muted",
|
|
24679
|
+
round: true,
|
|
24680
|
+
icon: "download",
|
|
24681
|
+
onClick: handleDownload
|
|
24682
|
+
}
|
|
24683
|
+
)
|
|
24684
|
+
}
|
|
24685
|
+
),
|
|
24686
|
+
/* @__PURE__ */ jsx(DragOptions, { options: dragOptions })
|
|
24687
|
+
] })
|
|
24688
|
+
] }),
|
|
24689
|
+
table2 ? /* @__PURE__ */ jsx(
|
|
24690
|
+
Tooltip$2,
|
|
24583
24691
|
{
|
|
24584
|
-
|
|
24585
|
-
|
|
24586
|
-
|
|
24587
|
-
|
|
24588
|
-
|
|
24589
|
-
|
|
24692
|
+
display: "inline-flex",
|
|
24693
|
+
text: showTable ? translations.showChart : translations.showTable,
|
|
24694
|
+
placement: "bottom-end",
|
|
24695
|
+
children: /* @__PURE__ */ jsx(
|
|
24696
|
+
Button,
|
|
24697
|
+
{
|
|
24698
|
+
small: true,
|
|
24699
|
+
basic: true,
|
|
24700
|
+
colored: "muted",
|
|
24701
|
+
round: true,
|
|
24702
|
+
icon: showTable ? "chart" : "table",
|
|
24703
|
+
onClick: onToggleTable
|
|
24704
|
+
}
|
|
24705
|
+
)
|
|
24590
24706
|
}
|
|
24591
|
-
)
|
|
24592
|
-
|
|
24593
|
-
|
|
24594
|
-
|
|
24707
|
+
) : null
|
|
24708
|
+
]
|
|
24709
|
+
}
|
|
24710
|
+
) })
|
|
24595
24711
|
] }),
|
|
24596
24712
|
subheaderComponent
|
|
24597
24713
|
] });
|
|
@@ -26393,45 +26509,6 @@ const getConfig = (key = "") => key ? config[key] : config;
|
|
|
26393
26509
|
const setConfig = (key, newValue) => {
|
|
26394
26510
|
config[key] = newValue;
|
|
26395
26511
|
};
|
|
26396
|
-
var noop = function() {
|
|
26397
|
-
};
|
|
26398
|
-
var isBrowser = typeof window !== "undefined";
|
|
26399
|
-
var useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
|
|
26400
|
-
const useIsomorphicLayoutEffect$1 = useIsomorphicLayoutEffect;
|
|
26401
|
-
var defaultState = {
|
|
26402
|
-
x: 0,
|
|
26403
|
-
y: 0,
|
|
26404
|
-
width: 0,
|
|
26405
|
-
height: 0,
|
|
26406
|
-
top: 0,
|
|
26407
|
-
left: 0,
|
|
26408
|
-
bottom: 0,
|
|
26409
|
-
right: 0
|
|
26410
|
-
};
|
|
26411
|
-
function useMeasure() {
|
|
26412
|
-
var _a2 = useState(null), element = _a2[0], ref = _a2[1];
|
|
26413
|
-
var _b2 = useState(defaultState), rect = _b2[0], setRect = _b2[1];
|
|
26414
|
-
var observer = useMemo(function() {
|
|
26415
|
-
return new window.ResizeObserver(function(entries) {
|
|
26416
|
-
if (entries[0]) {
|
|
26417
|
-
var _a3 = entries[0].contentRect, x2 = _a3.x, y2 = _a3.y, width = _a3.width, height = _a3.height, top_1 = _a3.top, left2 = _a3.left, bottom2 = _a3.bottom, right2 = _a3.right;
|
|
26418
|
-
setRect({ x: x2, y: y2, width, height, top: top_1, left: left2, bottom: bottom2, right: right2 });
|
|
26419
|
-
}
|
|
26420
|
-
});
|
|
26421
|
-
}, []);
|
|
26422
|
-
useIsomorphicLayoutEffect$1(function() {
|
|
26423
|
-
if (!element)
|
|
26424
|
-
return;
|
|
26425
|
-
observer.observe(element);
|
|
26426
|
-
return function() {
|
|
26427
|
-
observer.disconnect();
|
|
26428
|
-
};
|
|
26429
|
-
}, [element]);
|
|
26430
|
-
return [ref, rect];
|
|
26431
|
-
}
|
|
26432
|
-
const useMeasure$1 = isBrowser && typeof window.ResizeObserver !== "undefined" ? useMeasure : function() {
|
|
26433
|
-
return [noop, defaultState];
|
|
26434
|
-
};
|
|
26435
26512
|
const legend = "_legend_wpro0_1";
|
|
26436
26513
|
const isDragging = "_isDragging_wpro0_8";
|
|
26437
26514
|
const legendItems = "_legendItems_wpro0_11";
|
|
@@ -40655,7 +40732,7 @@ export {
|
|
|
40655
40732
|
try {
|
|
40656
40733
|
if (typeof document != "undefined") {
|
|
40657
40734
|
var elementStyle = document.createElement("style");
|
|
40658
|
-
elementStyle.appendChild(document.createTextNode("html[data-theme='dark'] ._chart_e3qdd_1 canvas {\n filter: invert(1) hue-rotate(180deg);\n}\n._chart_e3qdd_1 {\n border: 1px solid rgba(255, 255, 255, 0);\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n._chart_e3qdd_1 ._canvas_e3qdd_11 {\n flex-grow: 1;\n min-height: 0;\n position: relative;\n}\n._chart_e3qdd_1 ._canvas_e3qdd_11 canvas {\n width: 100% !important;\n height: 100% !important;\n}\n._chart_e3qdd_1._fixedHeight_e3qdd_20 {\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n height: auto;\n}\n._chart_e3qdd_1._stretchHeight_e3qdd_26 {\n display: flex;\n align-items: stretch;\n justify-content: stretch;\n height: 100%;\n}\n._chart_e3qdd_1._squareAspectRatio_e3qdd_32 {\n aspect-ratio: 1;\n min-height: 0;\n min-width: 0;\n}\n._chart_e3qdd_1:focus {\n outline: none;\n}\n._chart_e3qdd_1::-moz-focus-inner {\n border: 0;\n}\n._zoomForm_e3qdd_43 {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n top: 0;\n right: 0;\n}\n._zoomForm_e3qdd_43 ._zoomReset_e3qdd_51 {\n margin-left: 10px;\n}\n._zoomForm_e3qdd_43 ._help_e3qdd_54 {\n margin-left: 5px;\n line-height: 0;\n}\n._autoWeight_e3qdd_58 {\n width: auto;\n height: auto;\n}\n._table_e3qdd_62 {\n overflow: auto;\n}\n.
|
|
40735
|
+
elementStyle.appendChild(document.createTextNode("html[data-theme='dark'] ._chart_e3qdd_1 canvas {\n filter: invert(1) hue-rotate(180deg);\n}\n._chart_e3qdd_1 {\n border: 1px solid rgba(255, 255, 255, 0);\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n._chart_e3qdd_1 ._canvas_e3qdd_11 {\n flex-grow: 1;\n min-height: 0;\n position: relative;\n}\n._chart_e3qdd_1 ._canvas_e3qdd_11 canvas {\n width: 100% !important;\n height: 100% !important;\n}\n._chart_e3qdd_1._fixedHeight_e3qdd_20 {\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n height: auto;\n}\n._chart_e3qdd_1._stretchHeight_e3qdd_26 {\n display: flex;\n align-items: stretch;\n justify-content: stretch;\n height: 100%;\n}\n._chart_e3qdd_1._squareAspectRatio_e3qdd_32 {\n aspect-ratio: 1;\n min-height: 0;\n min-width: 0;\n}\n._chart_e3qdd_1:focus {\n outline: none;\n}\n._chart_e3qdd_1::-moz-focus-inner {\n border: 0;\n}\n._zoomForm_e3qdd_43 {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n top: 0;\n right: 0;\n}\n._zoomForm_e3qdd_43 ._zoomReset_e3qdd_51 {\n margin-left: 10px;\n}\n._zoomForm_e3qdd_43 ._help_e3qdd_54 {\n margin-left: 5px;\n line-height: 0;\n}\n._autoWeight_e3qdd_58 {\n width: auto;\n height: auto;\n}\n._table_e3qdd_62 {\n overflow: auto;\n}\n._controls_1edjs_1 {\n display: flex;\n align-items: center;\n gap: var(--padding-xs);\n}\n._buttons_1edjs_6 {\n display: flex;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n margin-left: auto;\n gap: var(--padding-xxs);\n}\n._legend_wpro0_1 {\n position: absolute;\n opacity: 0.9;\n display: flex;\n flex-direction: column;\n z-index: 1;\n}\n._legend_wpro0_1._isDragging_wpro0_8 {\n opacity: 0;\n}\n._legendItems_wpro0_11 {\n background-color: var(--color-background-raised);\n border: 1px solid var(--color-border);\n padding: 4px 8px;\n border-radius: 2px;\n overflow-y: auto;\n max-height: 100%;\n overflow: overlay;\n --scrollbar-color: #00000040;\n}\n._legendItems_wpro0_11::-webkit-scrollbar {\n display: block;\n width: 16px;\n z-index: 2;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-button {\n display: none;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-track {\n background-color: #00000000;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-track-piece {\n background-color: #00000000;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-thumb {\n background-color: #00000000;\n border: 5px solid transparent;\n border-radius: 24px;\n box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n._legend_wpro0_1._isDragging_wpro0_8 ._legendItems_wpro0_11._legendItems_wpro0_11 {\n pointer-events: none;\n}\n._legend_wpro0_1._isHidden_wpro0_47 ._legendItems_wpro0_11._legendItems_wpro0_11 {\n display: none;\n}\n._legendToggle_wpro0_50 {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%, -50%);\n display: none;\n}\n._legend_wpro0_1._isHidden_wpro0_47 ._legendToggle_wpro0_50._legendToggle_wpro0_50,\n._legend_wpro0_1:hover ._legendToggle_wpro0_50._legendToggle_wpro0_50 {\n display: block;\n}\n._legend_wpro0_1:active ._legendToggle_wpro0_50._legendToggle_wpro0_50:not(:hover) {\n display: none;\n}\n._legend_wpro0_1._isHidden_wpro0_47 ._legendToggle_wpro0_50._legendToggle_wpro0_50 {\n position: static;\n transform: none;\n}\n._legend_wpro0_1._isDragging_wpro0_8 ._legendToggle_wpro0_50._legendToggle_wpro0_50 {\n display: none;\n}\n._legendItem_wpro0_11 {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n user-select: none;\n cursor: pointer;\n font-size: 12px;\n line-height: 16px;\n}\n._legendItemSymbol_wpro0_80 {\n display: flex;\n align-items: center;\n height: 16px;\n position: relative;\n flex-shrink: 0;\n}\nhtml[data-theme='dark'] ._legendItemSymbol_wpro0_80._legendItemSymbol_wpro0_80 {\n filter: invert(1) hue-rotate(180deg);\n}\n._legendItemBox_wpro0_90 {\n width: 100%;\n height: 12px;\n display: block;\n}\n._legendItemLine_wpro0_95 {\n position: absolute;\n display: flex;\n top: 50%;\n left: 0;\n width: 100%;\n transform: translateY(-50%);\n}\n._legendItemPoint_wpro0_103 {\n position: absolute;\n display: flex;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n._isHidden_wpro0_47 ._legendItemText_wpro0_110._legendItemText_wpro0_110 {\n text-decoration: line-through;\n}\n._scrollbars_wpro0_113 {\n overflow: overlay;\n --scrollbar-color: #00000040;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar {\n display: block;\n width: 16px;\n z-index: 2;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-button {\n display: none;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-track {\n background-color: #00000000;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-track-piece {\n background-color: #00000000;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-thumb {\n background-color: #00000000;\n border: 5px solid transparent;\n border-radius: 24px;\n box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n._dropzoneContainer_wpro0_140 {\n position: absolute;\n}\n._dropzone_wpro0_140 {\n position: absolute;\n width: 50%;\n height: 50%;\n display: flex;\n}\n._dropzone_wpro0_140._left_wpro0_149 {\n left: 0;\n justify-content: flex-start;\n}\n._dropzone_wpro0_140._right_wpro0_153 {\n right: 0;\n justify-content: flex-end;\n}\n._dropzone_wpro0_140._top_wpro0_157 {\n top: 0;\n align-items: flex-start;\n}\n._dropzone_wpro0_140._bottom_wpro0_161 {\n bottom: 0;\n align-items: flex-end;\n}\n._dropzonePlaceholder_wpro0_165 {\n position: absolute;\n background-color: rgba(0, 0, 0, 0.05);\n display: none;\n}\n[data-theme='dark'] ._dropzonePlaceholder_wpro0_165 {\n background-color: rgba(255, 255, 255, 0.05);\n}\n._isActive_wpro0_173 ._dropzonePlaceholder_wpro0_165._dropzonePlaceholder_wpro0_165 {\n display: block;\n}\n._resizeContainer_wpro0_176 {\n position: absolute;\n inset: 0;\n z-index: -1;\n}\nhtml[data-theme='dark'] ._chart_1jdnu_1 canvas {\n filter: invert(1) hue-rotate(180deg);\n}\n._chart_1jdnu_1 {\n border: 1px solid rgba(255, 255, 255, 0);\n padding-top: 10px;\n position: relative;\n}\n._chart_1jdnu_1 canvas {\n width: 100% !important;\n height: 100% !important;\n}\n._chart_1jdnu_1._fixedHeight_1jdnu_13 {\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n height: auto;\n}\n._chart_1jdnu_1._stretchHeight_1jdnu_19 {\n display: flex;\n align-items: stretch;\n justify-content: stretch;\n height: 100%;\n}\n._chart_1jdnu_1:focus {\n border: 1px solid #85b7d9;\n outline: none;\n}\n._chart_1jdnu_1::-moz-focus-inner {\n border: 0;\n}\n._zoomForm_1jdnu_32 {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n top: 0;\n right: 0;\n}\n._zoomForm_1jdnu_32 ._zoomReset_1jdnu_40 {\n margin-left: 10px;\n}\n._zoomForm_1jdnu_32 ._help_1jdnu_43 {\n margin-left: 5px;\n line-height: 0;\n}\n._autoWeight_1jdnu_47 {\n width: 'auto';\n height: 'auto';\n}\nhtml[data-theme='dark'] ._chart_x1sru_1 canvas {\n filter: invert(1) hue-rotate(180deg);\n}\n._chart_x1sru_1 {\n border: 1px solid rgba(255, 255, 255, 0);\n position: relative;\n display: flex;\n flex-direction: column;\n}\n._chart_x1sru_1 ._canvas_x1sru_10 {\n flex-grow: 1;\n min-height: 0;\n position: relative;\n}\n._chart_x1sru_1 ._canvas_x1sru_10 canvas {\n width: 100% !important;\n height: 100% !important;\n}\n._chart_x1sru_1._fixedHeight_x1sru_19 {\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n height: auto;\n}\n._chart_x1sru_1._stretchHeight_x1sru_25 {\n display: flex;\n align-items: stretch;\n justify-content: stretch;\n height: 100%;\n}\n._chart_x1sru_1:focus {\n border: 1px solid #85b7d9;\n outline: none;\n}\n._chart_x1sru_1::-moz-focus-inner {\n border: 0;\n}\n._zoomForm_x1sru_38 {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n top: 0;\n right: 0;\n}\n._zoomForm_x1sru_38 ._zoomReset_x1sru_46 {\n margin-left: 10px;\n}\n._zoomForm_x1sru_38 ._help_x1sru_49 {\n margin-left: 5px;\n line-height: 0;\n}\n._autoWeight_x1sru_53 {\n width: auto;\n height: auto;\n}\n._actions_x1sru_57 {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n}\nhtml[data-theme='dark'] ._chart_1jdnu_1 canvas {\n filter: invert(1) hue-rotate(180deg);\n}\n._chart_1jdnu_1 {\n border: 1px solid rgba(255, 255, 255, 0);\n padding-top: 10px;\n position: relative;\n}\n._chart_1jdnu_1 canvas {\n width: 100% !important;\n height: 100% !important;\n}\n._chart_1jdnu_1._fixedHeight_1jdnu_13 {\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n height: auto;\n}\n._chart_1jdnu_1._stretchHeight_1jdnu_19 {\n display: flex;\n align-items: stretch;\n justify-content: stretch;\n height: 100%;\n}\n._chart_1jdnu_1:focus {\n border: 1px solid #85b7d9;\n outline: none;\n}\n._chart_1jdnu_1::-moz-focus-inner {\n border: 0;\n}\n._zoomForm_1jdnu_32 {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n top: 0;\n right: 0;\n}\n._zoomForm_1jdnu_32 ._zoomReset_1jdnu_40 {\n margin-left: 10px;\n}\n._zoomForm_1jdnu_32 ._help_1jdnu_43 {\n margin-left: 5px;\n line-height: 0;\n}\n._autoWeight_1jdnu_47 {\n width: 'auto';\n height: 'auto';\n}"));
|
|
40659
40736
|
document.head.appendChild(elementStyle);
|
|
40660
40737
|
}
|
|
40661
40738
|
} catch (e) {
|