@oliasoft-open-source/charts-library 3.3.1 → 3.3.3
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 +86 -41
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -14,6 +14,7 @@ import { Icon, Tooltip as Tooltip$2, Button, Flex, Text, Menu, Popover, Field, I
|
|
|
14
14
|
import PropTypes from "prop-types";
|
|
15
15
|
import { debounce as debounce$3, isEqual } from "lodash";
|
|
16
16
|
import { jsx as jsx$1 } from "react/jsx-runtime.js";
|
|
17
|
+
import { roundNumberToPrecision } from "@oliasoft-open-source/units/dist/rounding/rounding";
|
|
17
18
|
/*!
|
|
18
19
|
* @kurkle/color v0.3.2
|
|
19
20
|
* https://github.com/kurkle/color#readme
|
|
@@ -581,7 +582,7 @@ let Color$1 = class Color {
|
|
|
581
582
|
* (c) 2023 Chart.js Contributors
|
|
582
583
|
* Released under the MIT License
|
|
583
584
|
*/
|
|
584
|
-
function noop() {
|
|
585
|
+
function noop$1() {
|
|
585
586
|
}
|
|
586
587
|
const uid$1 = (() => {
|
|
587
588
|
let id = 0;
|
|
@@ -11065,7 +11066,7 @@ function overrideCallbacks$1(callbacks, context) {
|
|
|
11065
11066
|
return override ? callbacks.override(override) : callbacks;
|
|
11066
11067
|
}
|
|
11067
11068
|
const defaultCallbacks = {
|
|
11068
|
-
beforeTitle: noop,
|
|
11069
|
+
beforeTitle: noop$1,
|
|
11069
11070
|
title(tooltipItems) {
|
|
11070
11071
|
if (tooltipItems.length > 0) {
|
|
11071
11072
|
const item = tooltipItems[0];
|
|
@@ -11081,9 +11082,9 @@ const defaultCallbacks = {
|
|
|
11081
11082
|
}
|
|
11082
11083
|
return "";
|
|
11083
11084
|
},
|
|
11084
|
-
afterTitle: noop,
|
|
11085
|
-
beforeBody: noop,
|
|
11086
|
-
beforeLabel: noop,
|
|
11085
|
+
afterTitle: noop$1,
|
|
11086
|
+
beforeBody: noop$1,
|
|
11087
|
+
beforeLabel: noop$1,
|
|
11087
11088
|
label(tooltipItem) {
|
|
11088
11089
|
if (this && this.options && this.options.mode === "dataset") {
|
|
11089
11090
|
return tooltipItem.label + ": " + tooltipItem.formattedValue || tooltipItem.formattedValue;
|
|
@@ -11121,11 +11122,11 @@ const defaultCallbacks = {
|
|
|
11121
11122
|
rotation: options.rotation
|
|
11122
11123
|
};
|
|
11123
11124
|
},
|
|
11124
|
-
afterLabel: noop,
|
|
11125
|
-
afterBody: noop,
|
|
11126
|
-
beforeFooter: noop,
|
|
11127
|
-
footer: noop,
|
|
11128
|
-
afterFooter: noop
|
|
11125
|
+
afterLabel: noop$1,
|
|
11126
|
+
afterBody: noop$1,
|
|
11127
|
+
beforeFooter: noop$1,
|
|
11128
|
+
footer: noop$1,
|
|
11129
|
+
afterFooter: noop$1
|
|
11129
11130
|
};
|
|
11130
11131
|
function invokeCallbackWithFallback(callbacks, name2, ctx, arg) {
|
|
11131
11132
|
const result = callbacks[name2].call(ctx, arg);
|
|
@@ -33029,7 +33030,7 @@ function registerSource(type, source, manager) {
|
|
|
33029
33030
|
() => registry2.removeSource(sourceId)
|
|
33030
33031
|
];
|
|
33031
33032
|
}
|
|
33032
|
-
const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
|
|
33033
|
+
const useIsomorphicLayoutEffect$2 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
|
|
33033
33034
|
class DragSourceImpl {
|
|
33034
33035
|
beginDrag() {
|
|
33035
33036
|
const spec = this.spec;
|
|
@@ -33110,7 +33111,7 @@ function useRegisteredDragSource(spec, monitor, connector) {
|
|
|
33110
33111
|
const manager = useDragDropManager();
|
|
33111
33112
|
const handler = useDragSource(spec, monitor, connector);
|
|
33112
33113
|
const itemType = useDragType(spec);
|
|
33113
|
-
useIsomorphicLayoutEffect(function registerDragSource() {
|
|
33114
|
+
useIsomorphicLayoutEffect$2(function registerDragSource() {
|
|
33114
33115
|
if (itemType != null) {
|
|
33115
33116
|
const [handlerId, unregister] = registerSource(itemType, handler, manager);
|
|
33116
33117
|
monitor.receiveHandlerId(handlerId);
|
|
@@ -33154,7 +33155,7 @@ function useDragSourceConnector(dragSourceOptions, dragPreviewOptions) {
|
|
|
33154
33155
|
manager
|
|
33155
33156
|
]
|
|
33156
33157
|
);
|
|
33157
|
-
useIsomorphicLayoutEffect(() => {
|
|
33158
|
+
useIsomorphicLayoutEffect$2(() => {
|
|
33158
33159
|
connector.dragSourceOptions = dragSourceOptions || null;
|
|
33159
33160
|
connector.reconnect();
|
|
33160
33161
|
return () => connector.disconnectDragSource();
|
|
@@ -33162,7 +33163,7 @@ function useDragSourceConnector(dragSourceOptions, dragPreviewOptions) {
|
|
|
33162
33163
|
connector,
|
|
33163
33164
|
dragSourceOptions
|
|
33164
33165
|
]);
|
|
33165
|
-
useIsomorphicLayoutEffect(() => {
|
|
33166
|
+
useIsomorphicLayoutEffect$2(() => {
|
|
33166
33167
|
connector.dragPreviewOptions = dragPreviewOptions || null;
|
|
33167
33168
|
connector.reconnect();
|
|
33168
33169
|
return () => connector.disconnectDragPreview();
|
|
@@ -33228,7 +33229,7 @@ function useCollector(monitor, collect, onUpdate) {
|
|
|
33228
33229
|
monitor,
|
|
33229
33230
|
onUpdate
|
|
33230
33231
|
]);
|
|
33231
|
-
useIsomorphicLayoutEffect(updateCollected);
|
|
33232
|
+
useIsomorphicLayoutEffect$2(updateCollected);
|
|
33232
33233
|
return [
|
|
33233
33234
|
collected,
|
|
33234
33235
|
updateCollected
|
|
@@ -33236,7 +33237,7 @@ function useCollector(monitor, collect, onUpdate) {
|
|
|
33236
33237
|
}
|
|
33237
33238
|
function useMonitorOutput(monitor, collect, onCollect) {
|
|
33238
33239
|
const [collected, updateCollected] = useCollector(monitor, collect, onCollect);
|
|
33239
|
-
useIsomorphicLayoutEffect(function subscribeToMonitorStateChange() {
|
|
33240
|
+
useIsomorphicLayoutEffect$2(function subscribeToMonitorStateChange() {
|
|
33240
33241
|
const handlerId = monitor.getHandlerId();
|
|
33241
33242
|
if (handlerId == null) {
|
|
33242
33243
|
return;
|
|
@@ -33342,7 +33343,7 @@ function useRegisteredDropTarget(spec, monitor, connector) {
|
|
|
33342
33343
|
const manager = useDragDropManager();
|
|
33343
33344
|
const dropTarget = useDropTarget(spec, monitor);
|
|
33344
33345
|
const accept = useAccept(spec);
|
|
33345
|
-
useIsomorphicLayoutEffect(function registerDropTarget() {
|
|
33346
|
+
useIsomorphicLayoutEffect$2(function registerDropTarget() {
|
|
33346
33347
|
const [handlerId, unregister] = registerTarget(accept, dropTarget, manager);
|
|
33347
33348
|
monitor.receiveHandlerId(handlerId);
|
|
33348
33349
|
connector.receiveHandlerId(handlerId);
|
|
@@ -33374,7 +33375,7 @@ function useDropTargetConnector(options) {
|
|
|
33374
33375
|
manager
|
|
33375
33376
|
]
|
|
33376
33377
|
);
|
|
33377
|
-
useIsomorphicLayoutEffect(() => {
|
|
33378
|
+
useIsomorphicLayoutEffect$2(() => {
|
|
33378
33379
|
connector.dropTargetOptions = options || null;
|
|
33379
33380
|
connector.reconnect();
|
|
33380
33381
|
return () => connector.disconnectDropTarget();
|
|
@@ -36397,26 +36398,66 @@ Controls.propTypes = {
|
|
|
36397
36398
|
dispatch: PropTypes.func.isRequired,
|
|
36398
36399
|
generatedDatasets: PropTypes.arrayOf(PropTypes.object).isRequired
|
|
36399
36400
|
};
|
|
36400
|
-
|
|
36401
|
-
|
|
36402
|
-
|
|
36403
|
-
|
|
36404
|
-
const
|
|
36405
|
-
|
|
36406
|
-
|
|
36407
|
-
|
|
36408
|
-
|
|
36409
|
-
|
|
36410
|
-
|
|
36411
|
-
|
|
36412
|
-
|
|
36413
|
-
|
|
36414
|
-
|
|
36415
|
-
|
|
36416
|
-
|
|
36417
|
-
|
|
36418
|
-
|
|
36419
|
-
|
|
36401
|
+
var noop = function() {
|
|
36402
|
+
};
|
|
36403
|
+
var isBrowser = typeof window !== "undefined";
|
|
36404
|
+
var useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
|
|
36405
|
+
const useIsomorphicLayoutEffect$1 = useIsomorphicLayoutEffect;
|
|
36406
|
+
var defaultState = {
|
|
36407
|
+
x: 0,
|
|
36408
|
+
y: 0,
|
|
36409
|
+
width: 0,
|
|
36410
|
+
height: 0,
|
|
36411
|
+
top: 0,
|
|
36412
|
+
left: 0,
|
|
36413
|
+
bottom: 0,
|
|
36414
|
+
right: 0
|
|
36415
|
+
};
|
|
36416
|
+
function useMeasure() {
|
|
36417
|
+
var _a2 = useState(null), element = _a2[0], ref = _a2[1];
|
|
36418
|
+
var _b2 = useState(defaultState), rect = _b2[0], setRect = _b2[1];
|
|
36419
|
+
var observer = useMemo(function() {
|
|
36420
|
+
return new window.ResizeObserver(function(entries) {
|
|
36421
|
+
if (entries[0]) {
|
|
36422
|
+
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;
|
|
36423
|
+
setRect({ x: x2, y: y2, width, height, top: top_1, left: left2, bottom: bottom2, right: right2 });
|
|
36424
|
+
}
|
|
36425
|
+
});
|
|
36426
|
+
}, []);
|
|
36427
|
+
useIsomorphicLayoutEffect$1(function() {
|
|
36428
|
+
if (!element)
|
|
36429
|
+
return;
|
|
36430
|
+
observer.observe(element);
|
|
36431
|
+
return function() {
|
|
36432
|
+
observer.disconnect();
|
|
36433
|
+
};
|
|
36434
|
+
}, [element]);
|
|
36435
|
+
return [ref, rect];
|
|
36436
|
+
}
|
|
36437
|
+
const useMeasure$1 = isBrowser && typeof window.ResizeObserver !== "undefined" ? useMeasure : function() {
|
|
36438
|
+
return [noop, defaultState];
|
|
36439
|
+
};
|
|
36440
|
+
const legend = "_legend_wpro0_1";
|
|
36441
|
+
const isDragging = "_isDragging_wpro0_8";
|
|
36442
|
+
const legendItems = "_legendItems_wpro0_11";
|
|
36443
|
+
const isHidden = "_isHidden_wpro0_47";
|
|
36444
|
+
const legendToggle = "_legendToggle_wpro0_50";
|
|
36445
|
+
const legendItem = "_legendItem_wpro0_11";
|
|
36446
|
+
const legendItemSymbol = "_legendItemSymbol_wpro0_80";
|
|
36447
|
+
const legendItemBox = "_legendItemBox_wpro0_90";
|
|
36448
|
+
const legendItemLine = "_legendItemLine_wpro0_95";
|
|
36449
|
+
const legendItemPoint = "_legendItemPoint_wpro0_103";
|
|
36450
|
+
const legendItemText = "_legendItemText_wpro0_110";
|
|
36451
|
+
const scrollbars = "_scrollbars_wpro0_113";
|
|
36452
|
+
const dropzoneContainer = "_dropzoneContainer_wpro0_140";
|
|
36453
|
+
const dropzone = "_dropzone_wpro0_140";
|
|
36454
|
+
const left = "_left_wpro0_149";
|
|
36455
|
+
const right = "_right_wpro0_153";
|
|
36456
|
+
const top = "_top_wpro0_157";
|
|
36457
|
+
const bottom = "_bottom_wpro0_161";
|
|
36458
|
+
const dropzonePlaceholder = "_dropzonePlaceholder_wpro0_165";
|
|
36459
|
+
const isActive = "_isActive_wpro0_173";
|
|
36460
|
+
const resizeContainer = "_resizeContainer_wpro0_176";
|
|
36420
36461
|
const styles$2 = {
|
|
36421
36462
|
legend,
|
|
36422
36463
|
isDragging,
|
|
@@ -36437,7 +36478,8 @@ const styles$2 = {
|
|
|
36437
36478
|
top,
|
|
36438
36479
|
bottom,
|
|
36439
36480
|
dropzonePlaceholder,
|
|
36440
|
-
isActive
|
|
36481
|
+
isActive,
|
|
36482
|
+
resizeContainer
|
|
36441
36483
|
};
|
|
36442
36484
|
const circleSvg = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9ImN1cnJlbnRDb2xvciIgLz48L3N2Zz4=";
|
|
36443
36485
|
const rectSvg = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJjdXJyZW50Q29sb3IiIC8+PC9zdmc+";
|
|
@@ -36672,6 +36714,7 @@ const LegendDropZones = ({
|
|
|
36672
36714
|
);
|
|
36673
36715
|
};
|
|
36674
36716
|
const Legend2 = ({ chartRef, state, options, dispatch, generatedDatasets }) => {
|
|
36717
|
+
const [resizeRef] = useMeasure$1();
|
|
36675
36718
|
const panelRef = useRef(null);
|
|
36676
36719
|
const chart2 = chartRef.current;
|
|
36677
36720
|
const [legendPosition, setLegendPosition] = useState(options.legend.position);
|
|
@@ -36687,6 +36730,7 @@ const Legend2 = ({ chartRef, state, options, dispatch, generatedDatasets }) => {
|
|
|
36687
36730
|
return null;
|
|
36688
36731
|
const { chartArea } = chart2;
|
|
36689
36732
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
36733
|
+
/* @__PURE__ */ jsx("div", { ref: resizeRef, className: styles$2.resizeContainer }),
|
|
36690
36734
|
/* @__PURE__ */ jsx(
|
|
36691
36735
|
LegendPanel,
|
|
36692
36736
|
{
|
|
@@ -38546,7 +38590,8 @@ const PieChart = (props) => {
|
|
|
38546
38590
|
const value = tooltipItem.dataset.data[dataIndex];
|
|
38547
38591
|
const labelValue = typeof value === "object" ? `${value.value || ""} ${options.tooltip.showLabelsInTooltips && value.label ? "(" + value.label + ")" : ""}` : value;
|
|
38548
38592
|
const unit = (data == null ? void 0 : data.yUnit) ? `[${data == null ? void 0 : data.yUnit}]` : "";
|
|
38549
|
-
|
|
38593
|
+
const formattedValue = Math.abs(labelValue) < 1 ? roundNumberToPrecision(labelValue, { n: 3 }) : round$2(labelValue, 3);
|
|
38594
|
+
return `${dataLabel} ${formattedValue} ${unit}`;
|
|
38550
38595
|
}
|
|
38551
38596
|
}
|
|
38552
38597
|
};
|
|
@@ -39177,7 +39222,7 @@ export {
|
|
|
39177
39222
|
try {
|
|
39178
39223
|
if (typeof document != "undefined") {
|
|
39179
39224
|
var elementStyle = document.createElement("style");
|
|
39180
|
-
elementStyle.appendChild(document.createTextNode("html[data-theme='dark'] ._chart_1v6ps_1 canvas {\n filter: invert(1) hue-rotate(180deg);\n}\nhtml[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_fa3yo_1 {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n}\n._buttons_fa3yo_7 {\n display: flex;\n margin-left: auto;\n gap: 4px;\n}\n.
|
|
39225
|
+
elementStyle.appendChild(document.createTextNode("html[data-theme='dark'] ._chart_1v6ps_1 canvas {\n filter: invert(1) hue-rotate(180deg);\n}\nhtml[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_fa3yo_1 {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n}\n._buttons_fa3yo_7 {\n display: flex;\n margin-left: auto;\n gap: 4px;\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_1t41j_1 canvas {\n filter: invert(1) hue-rotate(180deg);\n}\n._chart_1t41j_1 {\n border: 1px solid rgba(255, 255, 255, 0);\n padding-top: 10px;\n position: relative;\n}\n._chart_1t41j_1 canvas {\n width: 100% !important;\n height: 100% !important;\n}\n._chart_1t41j_1._fixedHeight_1t41j_13 {\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n height: auto;\n}\n._chart_1t41j_1._stretchHeight_1t41j_19 {\n display: flex;\n align-items: stretch;\n justify-content: stretch;\n height: 100%;\n}\n._chart_1t41j_1:focus {\n border: 1px solid #85b7d9;\n outline: none;\n}\n._chart_1t41j_1::-moz-focus-inner {\n border: 0;\n}\n._zoomForm_1t41j_32 {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n top: 0;\n right: 0;\n}\n._zoomForm_1t41j_32 ._zoomReset_1t41j_40 {\n margin-left: 10px;\n}\n._zoomForm_1t41j_32 ._help_1t41j_43 {\n margin-left: 5px;\n line-height: 0;\n}\n._autoWeight_1t41j_47 {\n width: auto;\n height: auto;\n}"));
|
|
39181
39226
|
document.head.appendChild(elementStyle);
|
|
39182
39227
|
}
|
|
39183
39228
|
} catch (e) {
|