@oliasoft-open-source/charts-library 3.3.2 → 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 +83 -40
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -582,7 +582,7 @@ let Color$1 = class Color {
|
|
|
582
582
|
* (c) 2023 Chart.js Contributors
|
|
583
583
|
* Released under the MIT License
|
|
584
584
|
*/
|
|
585
|
-
function noop() {
|
|
585
|
+
function noop$1() {
|
|
586
586
|
}
|
|
587
587
|
const uid$1 = (() => {
|
|
588
588
|
let id = 0;
|
|
@@ -11066,7 +11066,7 @@ function overrideCallbacks$1(callbacks, context) {
|
|
|
11066
11066
|
return override ? callbacks.override(override) : callbacks;
|
|
11067
11067
|
}
|
|
11068
11068
|
const defaultCallbacks = {
|
|
11069
|
-
beforeTitle: noop,
|
|
11069
|
+
beforeTitle: noop$1,
|
|
11070
11070
|
title(tooltipItems) {
|
|
11071
11071
|
if (tooltipItems.length > 0) {
|
|
11072
11072
|
const item = tooltipItems[0];
|
|
@@ -11082,9 +11082,9 @@ const defaultCallbacks = {
|
|
|
11082
11082
|
}
|
|
11083
11083
|
return "";
|
|
11084
11084
|
},
|
|
11085
|
-
afterTitle: noop,
|
|
11086
|
-
beforeBody: noop,
|
|
11087
|
-
beforeLabel: noop,
|
|
11085
|
+
afterTitle: noop$1,
|
|
11086
|
+
beforeBody: noop$1,
|
|
11087
|
+
beforeLabel: noop$1,
|
|
11088
11088
|
label(tooltipItem) {
|
|
11089
11089
|
if (this && this.options && this.options.mode === "dataset") {
|
|
11090
11090
|
return tooltipItem.label + ": " + tooltipItem.formattedValue || tooltipItem.formattedValue;
|
|
@@ -11122,11 +11122,11 @@ const defaultCallbacks = {
|
|
|
11122
11122
|
rotation: options.rotation
|
|
11123
11123
|
};
|
|
11124
11124
|
},
|
|
11125
|
-
afterLabel: noop,
|
|
11126
|
-
afterBody: noop,
|
|
11127
|
-
beforeFooter: noop,
|
|
11128
|
-
footer: noop,
|
|
11129
|
-
afterFooter: noop
|
|
11125
|
+
afterLabel: noop$1,
|
|
11126
|
+
afterBody: noop$1,
|
|
11127
|
+
beforeFooter: noop$1,
|
|
11128
|
+
footer: noop$1,
|
|
11129
|
+
afterFooter: noop$1
|
|
11130
11130
|
};
|
|
11131
11131
|
function invokeCallbackWithFallback(callbacks, name2, ctx, arg) {
|
|
11132
11132
|
const result = callbacks[name2].call(ctx, arg);
|
|
@@ -33030,7 +33030,7 @@ function registerSource(type, source, manager) {
|
|
|
33030
33030
|
() => registry2.removeSource(sourceId)
|
|
33031
33031
|
];
|
|
33032
33032
|
}
|
|
33033
|
-
const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
|
|
33033
|
+
const useIsomorphicLayoutEffect$2 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
|
|
33034
33034
|
class DragSourceImpl {
|
|
33035
33035
|
beginDrag() {
|
|
33036
33036
|
const spec = this.spec;
|
|
@@ -33111,7 +33111,7 @@ function useRegisteredDragSource(spec, monitor, connector) {
|
|
|
33111
33111
|
const manager = useDragDropManager();
|
|
33112
33112
|
const handler = useDragSource(spec, monitor, connector);
|
|
33113
33113
|
const itemType = useDragType(spec);
|
|
33114
|
-
useIsomorphicLayoutEffect(function registerDragSource() {
|
|
33114
|
+
useIsomorphicLayoutEffect$2(function registerDragSource() {
|
|
33115
33115
|
if (itemType != null) {
|
|
33116
33116
|
const [handlerId, unregister] = registerSource(itemType, handler, manager);
|
|
33117
33117
|
monitor.receiveHandlerId(handlerId);
|
|
@@ -33155,7 +33155,7 @@ function useDragSourceConnector(dragSourceOptions, dragPreviewOptions) {
|
|
|
33155
33155
|
manager
|
|
33156
33156
|
]
|
|
33157
33157
|
);
|
|
33158
|
-
useIsomorphicLayoutEffect(() => {
|
|
33158
|
+
useIsomorphicLayoutEffect$2(() => {
|
|
33159
33159
|
connector.dragSourceOptions = dragSourceOptions || null;
|
|
33160
33160
|
connector.reconnect();
|
|
33161
33161
|
return () => connector.disconnectDragSource();
|
|
@@ -33163,7 +33163,7 @@ function useDragSourceConnector(dragSourceOptions, dragPreviewOptions) {
|
|
|
33163
33163
|
connector,
|
|
33164
33164
|
dragSourceOptions
|
|
33165
33165
|
]);
|
|
33166
|
-
useIsomorphicLayoutEffect(() => {
|
|
33166
|
+
useIsomorphicLayoutEffect$2(() => {
|
|
33167
33167
|
connector.dragPreviewOptions = dragPreviewOptions || null;
|
|
33168
33168
|
connector.reconnect();
|
|
33169
33169
|
return () => connector.disconnectDragPreview();
|
|
@@ -33229,7 +33229,7 @@ function useCollector(monitor, collect, onUpdate) {
|
|
|
33229
33229
|
monitor,
|
|
33230
33230
|
onUpdate
|
|
33231
33231
|
]);
|
|
33232
|
-
useIsomorphicLayoutEffect(updateCollected);
|
|
33232
|
+
useIsomorphicLayoutEffect$2(updateCollected);
|
|
33233
33233
|
return [
|
|
33234
33234
|
collected,
|
|
33235
33235
|
updateCollected
|
|
@@ -33237,7 +33237,7 @@ function useCollector(monitor, collect, onUpdate) {
|
|
|
33237
33237
|
}
|
|
33238
33238
|
function useMonitorOutput(monitor, collect, onCollect) {
|
|
33239
33239
|
const [collected, updateCollected] = useCollector(monitor, collect, onCollect);
|
|
33240
|
-
useIsomorphicLayoutEffect(function subscribeToMonitorStateChange() {
|
|
33240
|
+
useIsomorphicLayoutEffect$2(function subscribeToMonitorStateChange() {
|
|
33241
33241
|
const handlerId = monitor.getHandlerId();
|
|
33242
33242
|
if (handlerId == null) {
|
|
33243
33243
|
return;
|
|
@@ -33343,7 +33343,7 @@ function useRegisteredDropTarget(spec, monitor, connector) {
|
|
|
33343
33343
|
const manager = useDragDropManager();
|
|
33344
33344
|
const dropTarget = useDropTarget(spec, monitor);
|
|
33345
33345
|
const accept = useAccept(spec);
|
|
33346
|
-
useIsomorphicLayoutEffect(function registerDropTarget() {
|
|
33346
|
+
useIsomorphicLayoutEffect$2(function registerDropTarget() {
|
|
33347
33347
|
const [handlerId, unregister] = registerTarget(accept, dropTarget, manager);
|
|
33348
33348
|
monitor.receiveHandlerId(handlerId);
|
|
33349
33349
|
connector.receiveHandlerId(handlerId);
|
|
@@ -33375,7 +33375,7 @@ function useDropTargetConnector(options) {
|
|
|
33375
33375
|
manager
|
|
33376
33376
|
]
|
|
33377
33377
|
);
|
|
33378
|
-
useIsomorphicLayoutEffect(() => {
|
|
33378
|
+
useIsomorphicLayoutEffect$2(() => {
|
|
33379
33379
|
connector.dropTargetOptions = options || null;
|
|
33380
33380
|
connector.reconnect();
|
|
33381
33381
|
return () => connector.disconnectDropTarget();
|
|
@@ -36398,26 +36398,66 @@ Controls.propTypes = {
|
|
|
36398
36398
|
dispatch: PropTypes.func.isRequired,
|
|
36399
36399
|
generatedDatasets: PropTypes.arrayOf(PropTypes.object).isRequired
|
|
36400
36400
|
};
|
|
36401
|
-
|
|
36402
|
-
|
|
36403
|
-
|
|
36404
|
-
|
|
36405
|
-
const
|
|
36406
|
-
|
|
36407
|
-
|
|
36408
|
-
|
|
36409
|
-
|
|
36410
|
-
|
|
36411
|
-
|
|
36412
|
-
|
|
36413
|
-
|
|
36414
|
-
|
|
36415
|
-
|
|
36416
|
-
|
|
36417
|
-
|
|
36418
|
-
|
|
36419
|
-
|
|
36420
|
-
|
|
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";
|
|
36421
36461
|
const styles$2 = {
|
|
36422
36462
|
legend,
|
|
36423
36463
|
isDragging,
|
|
@@ -36438,7 +36478,8 @@ const styles$2 = {
|
|
|
36438
36478
|
top,
|
|
36439
36479
|
bottom,
|
|
36440
36480
|
dropzonePlaceholder,
|
|
36441
|
-
isActive
|
|
36481
|
+
isActive,
|
|
36482
|
+
resizeContainer
|
|
36442
36483
|
};
|
|
36443
36484
|
const circleSvg = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9ImN1cnJlbnRDb2xvciIgLz48L3N2Zz4=";
|
|
36444
36485
|
const rectSvg = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJjdXJyZW50Q29sb3IiIC8+PC9zdmc+";
|
|
@@ -36673,6 +36714,7 @@ const LegendDropZones = ({
|
|
|
36673
36714
|
);
|
|
36674
36715
|
};
|
|
36675
36716
|
const Legend2 = ({ chartRef, state, options, dispatch, generatedDatasets }) => {
|
|
36717
|
+
const [resizeRef] = useMeasure$1();
|
|
36676
36718
|
const panelRef = useRef(null);
|
|
36677
36719
|
const chart2 = chartRef.current;
|
|
36678
36720
|
const [legendPosition, setLegendPosition] = useState(options.legend.position);
|
|
@@ -36688,6 +36730,7 @@ const Legend2 = ({ chartRef, state, options, dispatch, generatedDatasets }) => {
|
|
|
36688
36730
|
return null;
|
|
36689
36731
|
const { chartArea } = chart2;
|
|
36690
36732
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
36733
|
+
/* @__PURE__ */ jsx("div", { ref: resizeRef, className: styles$2.resizeContainer }),
|
|
36691
36734
|
/* @__PURE__ */ jsx(
|
|
36692
36735
|
LegendPanel,
|
|
36693
36736
|
{
|
|
@@ -39179,7 +39222,7 @@ export {
|
|
|
39179
39222
|
try {
|
|
39180
39223
|
if (typeof document != "undefined") {
|
|
39181
39224
|
var elementStyle = document.createElement("style");
|
|
39182
|
-
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}"));
|
|
39183
39226
|
document.head.appendChild(elementStyle);
|
|
39184
39227
|
}
|
|
39185
39228
|
} catch (e) {
|