@semcore/skeleton 5.43.0-prerelease.4 → 5.43.0-prerelease.5
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/lib/cjs/Skeleton.js +46 -56
- package/lib/cjs/Skeleton.js.map +1 -1
- package/lib/cjs/Skeleton.type.js +2 -0
- package/lib/cjs/Skeleton.type.js.map +1 -0
- package/lib/cjs/charts/Area/Area.js +47 -0
- package/lib/cjs/charts/Area/Area.js.map +1 -0
- package/lib/cjs/charts/Area/Area.type.js +2 -0
- package/lib/cjs/charts/Area/Area.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Bar}/Bar.js +40 -37
- package/lib/cjs/charts/Bar/Bar.js.map +1 -0
- package/lib/cjs/charts/Bar/Bar.type.js +2 -0
- package/lib/cjs/charts/Bar/Bar.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Bubble}/Bubble.js +18 -20
- package/lib/cjs/charts/Bubble/Bubble.js.map +1 -0
- package/lib/cjs/charts/Bubble/Bubble.type.js +2 -0
- package/lib/cjs/charts/Bubble/Bubble.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.js +18 -20
- package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -0
- package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +2 -0
- package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Donut}/Donut.js +31 -30
- package/lib/cjs/charts/Donut/Donut.js.map +1 -0
- package/lib/cjs/charts/Donut/Donut.type.js +2 -0
- package/lib/cjs/charts/Donut/Donut.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Histogram}/Histogram.js +40 -37
- package/lib/cjs/charts/Histogram/Histogram.js.map +1 -0
- package/lib/cjs/charts/Histogram/Histogram.type.js +2 -0
- package/lib/cjs/charts/Histogram/Histogram.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Line}/Line.js +26 -25
- package/lib/cjs/charts/Line/Line.js.map +1 -0
- package/lib/cjs/charts/Line/Line.type.js +2 -0
- package/lib/cjs/charts/Line/Line.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/RadialTree}/RadialTree.js +18 -20
- package/lib/cjs/charts/RadialTree/RadialTree.js.map +1 -0
- package/lib/cjs/charts/RadialTree/RadialTree.type.js +2 -0
- package/lib/cjs/charts/RadialTree/RadialTree.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/ScatterPlot}/ScatterPlot.js +18 -20
- package/lib/cjs/charts/ScatterPlot/ScatterPlot.js.map +1 -0
- package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js +2 -0
- package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Venn}/Venn.js +18 -20
- package/lib/cjs/charts/Venn/Venn.js.map +1 -0
- package/lib/cjs/charts/Venn/Venn.type.js +2 -0
- package/lib/cjs/charts/Venn/Venn.type.js.map +1 -0
- package/lib/cjs/index.js +207 -6
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/Skeleton.js +43 -49
- package/lib/es6/Skeleton.js.map +1 -1
- package/lib/es6/Skeleton.type.js +2 -0
- package/lib/es6/Skeleton.type.js.map +1 -0
- package/lib/es6/charts/Area/Area.js +42 -0
- package/lib/es6/charts/Area/Area.js.map +1 -0
- package/lib/es6/charts/Area/Area.type.js +2 -0
- package/lib/es6/charts/Area/Area.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Bar}/Bar.js +39 -33
- package/lib/es6/charts/Bar/Bar.js.map +1 -0
- package/lib/es6/charts/Bar/Bar.type.js +2 -0
- package/lib/es6/charts/Bar/Bar.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Bubble}/Bubble.js +17 -16
- package/lib/es6/charts/Bubble/Bubble.js.map +1 -0
- package/lib/es6/charts/Bubble/Bubble.type.js +2 -0
- package/lib/es6/charts/Bubble/Bubble.type.js.map +1 -0
- package/lib/es6/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.js +17 -16
- package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -0
- package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +2 -0
- package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Donut}/Donut.js +30 -26
- package/lib/es6/charts/Donut/Donut.js.map +1 -0
- package/lib/es6/charts/Donut/Donut.type.js +2 -0
- package/lib/es6/charts/Donut/Donut.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Histogram}/Histogram.js +39 -33
- package/lib/es6/charts/Histogram/Histogram.js.map +1 -0
- package/lib/es6/charts/Histogram/Histogram.type.js +2 -0
- package/lib/es6/charts/Histogram/Histogram.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Line}/Line.js +25 -21
- package/lib/es6/charts/Line/Line.js.map +1 -0
- package/lib/es6/charts/Line/Line.type.js +2 -0
- package/lib/es6/charts/Line/Line.type.js.map +1 -0
- package/lib/es6/{Charts → charts/RadialTree}/RadialTree.js +17 -16
- package/lib/es6/charts/RadialTree/RadialTree.js.map +1 -0
- package/lib/es6/charts/RadialTree/RadialTree.type.js +2 -0
- package/lib/es6/charts/RadialTree/RadialTree.type.js.map +1 -0
- package/lib/es6/{Charts → charts/ScatterPlot}/ScatterPlot.js +17 -16
- package/lib/es6/charts/ScatterPlot/ScatterPlot.js.map +1 -0
- package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js +2 -0
- package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Venn}/Venn.js +17 -16
- package/lib/es6/charts/Venn/Venn.js.map +1 -0
- package/lib/es6/charts/Venn/Venn.type.js +2 -0
- package/lib/es6/charts/Venn/Venn.type.js.map +1 -0
- package/lib/es6/index.js +21 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/Skeleton.mjs +51 -59
- package/lib/esm/Skeleton.type.mjs +1 -0
- package/lib/esm/charts/Area/Area.mjs +44 -0
- package/lib/esm/charts/Area/Area.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Bar}/Bar.mjs +36 -34
- package/lib/esm/charts/Bar/Bar.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Bubble}/Bubble.mjs +16 -17
- package/lib/esm/charts/Bubble/Bubble.type.mjs +1 -0
- package/lib/esm/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.mjs +16 -17
- package/lib/esm/charts/CompactHorizontalBar/CompactHorizontalBar.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Donut}/Donut.mjs +27 -27
- package/lib/esm/charts/Donut/Donut.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Histogram}/Histogram.mjs +36 -34
- package/lib/esm/charts/Histogram/Histogram.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Line}/Line.mjs +22 -22
- package/lib/esm/charts/Line/Line.type.mjs +1 -0
- package/lib/esm/{Charts → charts/RadialTree}/RadialTree.mjs +16 -17
- package/lib/esm/charts/RadialTree/RadialTree.type.mjs +1 -0
- package/lib/esm/{Charts → charts/ScatterPlot}/ScatterPlot.mjs +16 -17
- package/lib/esm/charts/ScatterPlot/ScatterPlot.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Venn}/Venn.mjs +16 -17
- package/lib/esm/charts/Venn/Venn.type.mjs +1 -0
- package/lib/esm/index.mjs +30 -19
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/types/Skeleton.d.ts +4 -3
- package/lib/types/Skeleton.type.d.ts +52 -0
- package/lib/types/charts/Area/Area.d.ts +3 -0
- package/lib/types/charts/Area/Area.type.d.ts +12 -0
- package/lib/types/charts/Bar/Bar.d.ts +3 -0
- package/lib/types/charts/Bar/Bar.type.d.ts +12 -0
- package/lib/types/charts/Bubble/Bubble.d.ts +3 -0
- package/lib/types/charts/Bubble/Bubble.type.d.ts +5 -0
- package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.d.ts +3 -0
- package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.type.d.ts +5 -0
- package/lib/types/charts/Donut/Donut.d.ts +3 -0
- package/lib/types/charts/Donut/Donut.type.d.ts +12 -0
- package/lib/types/charts/Histogram/Histogram.d.ts +3 -0
- package/lib/types/charts/Histogram/Histogram.type.d.ts +12 -0
- package/lib/types/charts/Line/Line.d.ts +3 -0
- package/lib/types/charts/Line/Line.type.d.ts +12 -0
- package/lib/types/charts/RadialTree/RadialTree.d.ts +3 -0
- package/lib/types/charts/RadialTree/RadialTree.type.d.ts +5 -0
- package/lib/types/charts/ScatterPlot/ScatterPlot.d.ts +3 -0
- package/lib/types/charts/ScatterPlot/ScatterPlot.type.d.ts +5 -0
- package/lib/types/charts/Venn/Venn.d.ts +2 -0
- package/lib/types/charts/Venn/Venn.type.d.ts +5 -0
- package/lib/types/index.d.ts +22 -96
- package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +44 -0
- package/package.json +4 -4
- package/lib/cjs/Charts/Area.js +0 -47
- package/lib/cjs/Charts/Area.js.map +0 -1
- package/lib/cjs/Charts/Bar.js.map +0 -1
- package/lib/cjs/Charts/Bubble.js.map +0 -1
- package/lib/cjs/Charts/CompactHorizontalBar.js.map +0 -1
- package/lib/cjs/Charts/Donut.js.map +0 -1
- package/lib/cjs/Charts/Histogram.js.map +0 -1
- package/lib/cjs/Charts/Line.js.map +0 -1
- package/lib/cjs/Charts/RadialTree.js.map +0 -1
- package/lib/cjs/Charts/ScatterPlot.js.map +0 -1
- package/lib/cjs/Charts/Venn.js.map +0 -1
- package/lib/cjs/Charts/index.js +0 -77
- package/lib/cjs/Charts/index.js.map +0 -1
- package/lib/cjs/Skeleton.d.js +0 -2
- package/lib/cjs/Skeleton.d.js.map +0 -1
- package/lib/cjs/index.d.js +0 -2
- package/lib/cjs/index.d.js.map +0 -1
- package/lib/es6/Charts/Area.js +0 -39
- package/lib/es6/Charts/Area.js.map +0 -1
- package/lib/es6/Charts/Bar.js.map +0 -1
- package/lib/es6/Charts/Bubble.js.map +0 -1
- package/lib/es6/Charts/CompactHorizontalBar.js.map +0 -1
- package/lib/es6/Charts/Donut.js.map +0 -1
- package/lib/es6/Charts/Histogram.js.map +0 -1
- package/lib/es6/Charts/Line.js.map +0 -1
- package/lib/es6/Charts/RadialTree.js.map +0 -1
- package/lib/es6/Charts/ScatterPlot.js.map +0 -1
- package/lib/es6/Charts/Venn.js.map +0 -1
- package/lib/es6/Charts/index.js +0 -11
- package/lib/es6/Charts/index.js.map +0 -1
- package/lib/es6/Skeleton.d.js +0 -2
- package/lib/es6/Skeleton.d.js.map +0 -1
- package/lib/es6/index.d.js +0 -2
- package/lib/es6/index.d.js.map +0 -1
- package/lib/esm/Charts/Area.mjs +0 -45
|
@@ -1,49 +1,55 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
2
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
3
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
|
+
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
4
5
|
import React from 'react';
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_9wsup_gg_{height:200px;width:100%;background-image:var(--bgPattern_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgPosition_9wsup_gg_{background-position:var(--bgPosition_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgSize_9wsup_gg_{background-size:var(--bgSize_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgRepeat_9wsup_gg_{background-repeat:var(--bgRepeat_9wsup)}", /*__inner_css_end__*/"9wsup_gg_"),
|
|
6
|
+
import { Skeleton } from '../../Skeleton';
|
|
7
|
+
/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
|
|
8
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SChartSkeleton": "
|
|
12
|
-
"--bgPattern": "--
|
|
13
|
-
"_bgPosition": "
|
|
14
|
-
"--bgPosition": "--
|
|
15
|
-
"_bgSize": "
|
|
16
|
-
"--bgSize": "--
|
|
17
|
-
"_bgRepeat": "
|
|
18
|
-
"--bgRepeat": "--
|
|
19
|
-
});
|
|
11
|
+
"__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
|
|
12
|
+
"--bgPattern": "--bgPattern_1oiqb",
|
|
13
|
+
"_bgPosition": "__bgPosition_1oiqb_gg_",
|
|
14
|
+
"--bgPosition": "--bgPosition_1oiqb",
|
|
15
|
+
"_bgSize": "__bgSize_1oiqb_gg_",
|
|
16
|
+
"--bgSize": "--bgSize_1oiqb",
|
|
17
|
+
"_bgRepeat": "__bgRepeat_1oiqb_gg_",
|
|
18
|
+
"--bgRepeat": "--bgRepeat_1oiqb"
|
|
19
|
+
}); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
20
|
+
// @ts-ignore
|
|
20
21
|
var barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
22
|
+
// TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
23
|
+
// @ts-ignore
|
|
21
24
|
var barHorizontalSvg = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik01MSA0MkM1MSAzOS43OTA5IDUyLjc5MDkgMzggNTUgMzhINjJDNjQuMjA5MSAzOCA2NiAzOS43OTA5IDY2IDQyVjE0OEg1MVY0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik05MCA2M0M5MCA2MC43OTA5IDkxLjc5MDkgNTkgOTQgNTlIMTAxQzEwMy4yMDkgNTkgMTA1IDYwLjc5MDkgMTA1IDYzVjE0OEg5MFY2M1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
|
|
22
|
-
var
|
|
25
|
+
var pattern = {
|
|
26
|
+
vertical: barVerticalSvg,
|
|
27
|
+
horizontal: barHorizontalSvg
|
|
28
|
+
};
|
|
29
|
+
var repeat = {
|
|
30
|
+
vertical: 'repeat-y',
|
|
31
|
+
horizontal: 'repeat-x'
|
|
32
|
+
};
|
|
33
|
+
var position = {
|
|
34
|
+
vertical: 'left top',
|
|
35
|
+
horizontal: 'left bottom'
|
|
36
|
+
};
|
|
37
|
+
var size = {
|
|
38
|
+
vertical: 'contain',
|
|
39
|
+
horizontal: 'auto 50%'
|
|
40
|
+
};
|
|
41
|
+
function BarChartSkeleton(props) {
|
|
23
42
|
var _ref = arguments[0],
|
|
24
43
|
_ref2,
|
|
25
44
|
_props$layout;
|
|
26
45
|
var SChartSkeleton = Skeleton;
|
|
27
46
|
var layout = (_props$layout = props.layout) !== null && _props$layout !== void 0 ? _props$layout : 'horizontal';
|
|
28
|
-
var patternBase64 = {
|
|
29
|
-
vertical: barVerticalSvg,
|
|
30
|
-
horizontal: barHorizontalSvg
|
|
31
|
-
}[layout];
|
|
32
47
|
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, _assignProps({
|
|
33
|
-
"bgRepeat":
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
"bgPosition": {
|
|
38
|
-
vertical: 'left top',
|
|
39
|
-
horizontal: 'left bottom'
|
|
40
|
-
}[layout],
|
|
41
|
-
"bgSize": {
|
|
42
|
-
vertical: 'contain',
|
|
43
|
-
horizontal: 'auto 50%'
|
|
44
|
-
}[layout],
|
|
45
|
-
"bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
|
|
48
|
+
"bgRepeat": repeat[layout],
|
|
49
|
+
"bgPosition": position[layout],
|
|
50
|
+
"bgSize": size[layout],
|
|
51
|
+
"bgPattern": "url(data:image/svg+xml;base64,".concat(pattern[layout], ")")
|
|
46
52
|
}, _ref))));
|
|
47
|
-
}
|
|
53
|
+
}
|
|
48
54
|
export default createComponent(BarChartSkeleton);
|
|
49
55
|
//# sourceMappingURL=Bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Bar.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","barVerticalSvg","barHorizontalSvg","pattern","vertical","horizontal","repeat","position","size","BarChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","layout","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../../src/charts/Bar/Bar.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBarChart } from './Bar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\n\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-horizontal.svg'))\n`;\n\nconst pattern = { vertical: barVerticalSvg, horizontal: barHorizontalSvg };\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\n\nfunction BarChartSkeleton(\n props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonBarChart.Component>,\n) {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat={repeat[layout]}\n bgPosition={position[layout]}\n bgSize={size[layout]}\n bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n />,\n );\n}\n\nexport default createComponent(BarChartSkeleton) as NSSkeletonBarChart.Component;\n"],"mappings":";;;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AAEA,IAAMC,cAAc,69BAEnB;AACD;AACA;AACA,IAAMC,gBAAgB,izBAErB;AAED,IAAMC,OAAO,GAAG;EAAEC,QAAQ,EAAEH,cAAc;EAAEI,UAAU,EAAEH;AAAiB,CAAC;AAC1E,IAAMI,MAAM,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,IAAME,QAAQ,GAAG;EAAEH,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,IAAMG,IAAI,GAAG;EAAEJ,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE5D,SAASI,gBAAgBA,CACvBC,KAAsF,EACtF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EACA,IAAMC,cAAc,GAIRlB,QAAQ;EAHpB,IAAMmB,MAAM,IAAAF,aAAA,GAAGJ,KAAK,CAACM,MAAM,cAAAF,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,OAAAD,KAAA,GAAOlB,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAqB,aAAA,CAACF,cAAc,EAAAF,KAAA,CAAAK,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEHd,MAAM,CAACU,MAAM,CAAC;IAAA,cACZT,QAAQ,CAACS,MAAM,CAAC;IAAA,UACpBR,IAAI,CAACQ,MAAM,CAAC;IAAA,8CAAAK,MAAA,CACwBlB,OAAO,CAACa,MAAM,CAAC;EAAA,GAAAL,IAAA,GAC5D,CAAC;AAEN;AAEA,eAAelB,eAAe,CAACgB,gBAAgB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Bar.type.js","names":[],"sources":["../../../../src/charts/Bar/Bar.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonBarChart {\n type Props = NSSkeleton.Props & {\n /** Controls the orientation of the bar chart skeleton */\n layout?: 'horizontal' | 'vertical';\n };\n type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type BarChartSkeletonProps = NSSkeletonBarChart.Props;\n\nexport type { NSSkeletonBarChart };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,24 +1,25 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
2
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
3
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
|
+
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
4
5
|
import React from 'react';
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_9wsup_gg_{height:200px;width:100%;background-image:var(--bgPattern_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgPosition_9wsup_gg_{background-position:var(--bgPosition_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgSize_9wsup_gg_{background-size:var(--bgSize_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgRepeat_9wsup_gg_{background-repeat:var(--bgRepeat_9wsup)}", /*__inner_css_end__*/"9wsup_gg_"),
|
|
6
|
+
import { Skeleton } from '../../Skeleton';
|
|
7
|
+
/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
|
|
8
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SChartSkeleton": "
|
|
12
|
-
"--bgPattern": "--
|
|
13
|
-
"_bgPosition": "
|
|
14
|
-
"--bgPosition": "--
|
|
15
|
-
"_bgSize": "
|
|
16
|
-
"--bgSize": "--
|
|
17
|
-
"_bgRepeat": "
|
|
18
|
-
"--bgRepeat": "--
|
|
19
|
-
});
|
|
11
|
+
"__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
|
|
12
|
+
"--bgPattern": "--bgPattern_1oiqb",
|
|
13
|
+
"_bgPosition": "__bgPosition_1oiqb_gg_",
|
|
14
|
+
"--bgPosition": "--bgPosition_1oiqb",
|
|
15
|
+
"_bgSize": "__bgSize_1oiqb_gg_",
|
|
16
|
+
"--bgSize": "--bgSize_1oiqb",
|
|
17
|
+
"_bgRepeat": "__bgRepeat_1oiqb_gg_",
|
|
18
|
+
"--bgRepeat": "--bgRepeat_1oiqb"
|
|
19
|
+
}); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
20
|
+
// @ts-ignore
|
|
20
21
|
var bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
|
|
21
|
-
|
|
22
|
+
function BubbleChartSkeleton() {
|
|
22
23
|
var _ref = arguments[0],
|
|
23
24
|
_ref2;
|
|
24
25
|
var SChartSkeleton = Skeleton;
|
|
@@ -28,6 +29,6 @@ var BubbleChartSkeleton = function BubbleChartSkeleton() {
|
|
|
28
29
|
"bgSize": 'auto 50%',
|
|
29
30
|
"bgPattern": "url(data:image/svg+xml;base64,".concat(bubbleSvg, ")")
|
|
30
31
|
}, _ref))));
|
|
31
|
-
}
|
|
32
|
+
}
|
|
32
33
|
export default createComponent(BubbleChartSkeleton);
|
|
33
34
|
//# sourceMappingURL=Bubble.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Bubble.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../../src/charts/Bubble/Bubble.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBubbleChart } from './Bubble.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bubble-chart.svg'))\n`;\n\nfunction BubbleChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n />,\n );\n}\n\nexport default createComponent(BubbleChartSkeleton) as NSSkeletonBubbleChart.Component;\n"],"mappings":";;;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,IAAMC,SAAS,6xCAEd;AAED,SAASC,mBAAmBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,IAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOV,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAW,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BV,SAAS;EAAA,GAAAE,IAAA,GACtD,CAAC;AAEN;AAEA,eAAeV,eAAe,CAACS,mBAAmB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Bubble.type.js","names":[],"sources":["../../../../src/charts/Bubble/Bubble.type.ts"],"sourcesContent":["import type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonBubbleChart {\n type Component = NSSkeleton.Component;\n}\n\nexport type { NSSkeletonBubbleChart };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,24 +1,25 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
2
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
3
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
|
+
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
4
5
|
import React from 'react';
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_9wsup_gg_{height:200px;width:100%;background-image:var(--bgPattern_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgPosition_9wsup_gg_{background-position:var(--bgPosition_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgSize_9wsup_gg_{background-size:var(--bgSize_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgRepeat_9wsup_gg_{background-repeat:var(--bgRepeat_9wsup)}", /*__inner_css_end__*/"9wsup_gg_"),
|
|
6
|
+
import { Skeleton } from '../../Skeleton';
|
|
7
|
+
/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
|
|
8
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SChartSkeleton": "
|
|
12
|
-
"--bgPattern": "--
|
|
13
|
-
"_bgPosition": "
|
|
14
|
-
"--bgPosition": "--
|
|
15
|
-
"_bgSize": "
|
|
16
|
-
"--bgSize": "--
|
|
17
|
-
"_bgRepeat": "
|
|
18
|
-
"--bgRepeat": "--
|
|
19
|
-
});
|
|
11
|
+
"__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
|
|
12
|
+
"--bgPattern": "--bgPattern_1oiqb",
|
|
13
|
+
"_bgPosition": "__bgPosition_1oiqb_gg_",
|
|
14
|
+
"--bgPosition": "--bgPosition_1oiqb",
|
|
15
|
+
"_bgSize": "__bgSize_1oiqb_gg_",
|
|
16
|
+
"--bgSize": "--bgSize_1oiqb",
|
|
17
|
+
"_bgRepeat": "__bgRepeat_1oiqb_gg_",
|
|
18
|
+
"--bgRepeat": "--bgRepeat_1oiqb"
|
|
19
|
+
}); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
20
|
+
// @ts-ignore
|
|
20
21
|
var patternBase64 = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDE3MiAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMEgxMjBDMTIyLjIwOSAwIDEyNCAxLjc5MDg2IDEyNCA0VjEyQzEyNCAxNC4yMDkxIDEyMi4yMDkgMTYgMTIwIDE2SDBWMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPHBhdGggZD0iTTAgMzJIMTU2QzE1OC4yMDkgMzIgMTYwIDMzLjc5MDkgMTYwIDM2VjQ0QzE2MCA0Ni4yMDkxIDE1OC4yMDkgNDggMTU2IDQ4SDBWMzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDY0SDEzOEMxNDAuMjA5IDY0IDE0MiA2NS43OTA5IDE0MiA2OFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjY0WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KICA8cGF0aCBkPSJNMCA5NkgxNTZDMTU4LjIwOSA5NiAxNjAgOTcuNzkwOSAxNjAgMTAwVjEwOEMxNjAgMTEwLjIwOSAxNTguMjA5IDExMiAxNTYgMTEySDBWOTZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDEyOEgxMTZDMTE4LjIwOSAxMjggMTIwIDEyOS43OTEgMTIwIDEzMlYxNDBDMTIwIDE0Mi4yMDkgMTE4LjIwOSAxNDQgMTE2IDE0NEgwVjEyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPC9zdmc+CiAg";
|
|
21
|
-
|
|
22
|
+
function CompactHorizontalBarChartSkeleton() {
|
|
22
23
|
var _ref = arguments[0],
|
|
23
24
|
_ref2;
|
|
24
25
|
var SChartSkeleton = Skeleton;
|
|
@@ -28,6 +29,6 @@ var CompactHorizontalBarChartSkeleton = function CompactHorizontalBarChartSkelet
|
|
|
28
29
|
"bgSize": 'contain',
|
|
29
30
|
"bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
|
|
30
31
|
}, _ref))));
|
|
31
|
-
}
|
|
32
|
+
}
|
|
32
33
|
export default createComponent(CompactHorizontalBarChartSkeleton);
|
|
33
34
|
//# sourceMappingURL=CompactHorizontalBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CompactHorizontalBar.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../../src/charts/CompactHorizontalBar/CompactHorizontalBar.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonCompactHorizontalBar } from './CompactHorizontalBar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst patternBase64 = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/compact-horizontal-bar-chart.svg'))\n`;\n\nfunction CompactHorizontalBarChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-y'\n bgPosition='left top'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(CompactHorizontalBarChartSkeleton) as NSSkeletonCompactHorizontalBar.Component;\n"],"mappings":";;;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,IAAMC,aAAa,i/BAElB;AAED,SAASC,iCAAiCA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,IAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOV,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAW,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,UAAU;IAAA,UACd,SAAS;IAAA,8CAAAC,MAAA,CAC4BV,aAAa;EAAA,GAAAE,IAAA,GAC1D,CAAC;AAEN;AAEA,eAAeV,eAAe,CAACS,iCAAiC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CompactHorizontalBar.type.js","names":[],"sources":["../../../../src/charts/CompactHorizontalBar/CompactHorizontalBar.type.ts"],"sourcesContent":["import type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonCompactHorizontalBar {\n type Component = NSSkeleton.Component;\n}\n\nexport type { NSSkeletonCompactHorizontalBar };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,43 +1,47 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
2
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
3
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
|
+
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
4
5
|
import React from 'react';
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_9wsup_gg_{height:200px;width:100%;background-image:var(--bgPattern_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgPosition_9wsup_gg_{background-position:var(--bgPosition_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgSize_9wsup_gg_{background-size:var(--bgSize_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgRepeat_9wsup_gg_{background-repeat:var(--bgRepeat_9wsup)}", /*__inner_css_end__*/"9wsup_gg_"),
|
|
6
|
+
import { Skeleton } from '../../Skeleton';
|
|
7
|
+
/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
|
|
8
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SChartSkeleton": "
|
|
12
|
-
"--bgPattern": "--
|
|
13
|
-
"_bgPosition": "
|
|
14
|
-
"--bgPosition": "--
|
|
15
|
-
"_bgSize": "
|
|
16
|
-
"--bgSize": "--
|
|
17
|
-
"_bgRepeat": "
|
|
18
|
-
"--bgRepeat": "--
|
|
19
|
-
});
|
|
11
|
+
"__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
|
|
12
|
+
"--bgPattern": "--bgPattern_1oiqb",
|
|
13
|
+
"_bgPosition": "__bgPosition_1oiqb_gg_",
|
|
14
|
+
"--bgPosition": "--bgPosition_1oiqb",
|
|
15
|
+
"_bgSize": "__bgSize_1oiqb_gg_",
|
|
16
|
+
"--bgSize": "--bgSize_1oiqb",
|
|
17
|
+
"_bgRepeat": "__bgRepeat_1oiqb_gg_",
|
|
18
|
+
"--bgRepeat": "--bgRepeat_1oiqb"
|
|
19
|
+
}); // TODO: replace it with babel-plugin-inline-import or vite plugin.
|
|
20
|
+
// @ts-ignore
|
|
20
21
|
var donutFullSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9JiMyNDA7JiMxNTk7JiMxNDE7JiMxNjk7IGRvbnV0IGNoYXJ0LCBwaWN0dXJlIGRpdj1mYWxzZSI+CjxnIGlkPSJkb251dC1jaGFydCI+CjxwYXRoIGQ9Ik0xNTguODYzIDE0NS43NDJDMTcxLjQ1MyAxMzAuMjU5IDE4MCAxMTEuNTExIDE4MCA5MEMxODAgNjguNjE2OCAxNzIuNTQzIDQ4Ljk3NTMgMTYwLjA4NyAzMy41MzQzTDEzNy43MzEgNTUuMTQ1OUMxNTEuNzk5IDgyLjA2NzMgMTUxLjQ3NSA5NS40NDAzIDEzNy43OTMgMTIzLjcyNEwxNTguODYzIDE0NS43NDJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOTAgMTgwQzExNy4xMTIgMTgwIDE0MC40MjUgMTY3LjAxMSAxNTYuOTI1IDE0OC4wNDZMMTM1LjgyNyAxMjZDMTI0LjgyNyAxMzkuNTcgMTA4LjMzIDE0OSA4OS41IDE0OUM1Ni4zNjI5IDE0OSAyOSAxMjMuMTM3IDI5IDkwQzI4LjU2MzEgNTcuODU3NiA1NC44NzYyIDMxLjU3OTkgODcgMzBWMC4wNDkwNThDMzguNjgzMSAxLjYzMTUyIDAgNDEuMjk4MyAwIDkwQzAgMTM5LjcwNiA0MC4yOTQ0IDE4MCA5MCAxODBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTU4LjA0NiAzMS4zMzI3TDEzNS42MzQgNTNDMTI1LjEzMiAzOS42MTYxIDEwOS44NzQgMzAuNDU1MiA5MCAzMFYwQzExNy45MTUgMCAxNDEuNTM4IDExLjM4NTEgMTU4LjA0NiAzMS4zMzI3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
|
|
22
|
+
// TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
23
|
+
// @ts-ignore
|
|
21
24
|
var donutHalfSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTgwIDkwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTU2LjkyNSAzMS45NTM4QzE0MC40MjUgMTIuOTg4NiAxMTcuMTEyIDAgOTAgMEM0MC4yOTQ0IDAgMCA0MC4yOTQ0IDAgOTBIMjlDMjkgNTYuODYyOSA1Ni4zNjI5IDMxIDg5LjUgMzFDMTA4LjMzIDMxIDEyNC44MjcgNDAuNDI5NiAxMzUuODI3IDU0TDE1Ni45MjUgMzEuOTUzOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xODAgOTBIMTQ4LjE1MkMxNDcuODg2IDgwLjA5ODkgMTQ0LjM5NSA2OS45MjMzIDEzNy43OTMgNTYuMjc2NEwxNTguODYzIDM0LjI1ODFDMTcxLjQ1MyA0OS43NDA3IDE4MCA2OC40ODkgMTgwIDkwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
|
|
22
|
-
var
|
|
25
|
+
var pattern = {
|
|
26
|
+
"true": donutHalfSvg,
|
|
27
|
+
"false": donutFullSvg
|
|
28
|
+
};
|
|
29
|
+
var position = {
|
|
30
|
+
"true": 'center bottom',
|
|
31
|
+
"false": 'center'
|
|
32
|
+
};
|
|
33
|
+
function DonutChartSkeleton(props) {
|
|
23
34
|
var _ref = arguments[0],
|
|
24
35
|
_ref2,
|
|
25
36
|
_props$halfsize;
|
|
26
37
|
var SChartSkeleton = Skeleton;
|
|
27
|
-
var halfsize = (_props$halfsize = props.halfsize) !== null && _props$halfsize !== void 0 ? _props$halfsize : false;
|
|
28
|
-
var patternBase64 = {
|
|
29
|
-
"true": donutHalfSvg,
|
|
30
|
-
"false": donutFullSvg
|
|
31
|
-
}[halfsize];
|
|
38
|
+
var halfsize = ((_props$halfsize = props.halfsize) !== null && _props$halfsize !== void 0 ? _props$halfsize : false).toString();
|
|
32
39
|
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, _assignProps({
|
|
33
40
|
"bgRepeat": 'no-repeat',
|
|
34
|
-
"bgPosition":
|
|
35
|
-
"true": 'center bottom',
|
|
36
|
-
"false": 'center'
|
|
37
|
-
}[halfsize],
|
|
41
|
+
"bgPosition": position[halfsize],
|
|
38
42
|
"bgSize": 'contain',
|
|
39
|
-
"bgPattern": "url(data:image/svg+xml;base64,".concat(
|
|
43
|
+
"bgPattern": "url(data:image/svg+xml;base64,".concat(pattern[halfsize], ")")
|
|
40
44
|
}, _ref))));
|
|
41
|
-
}
|
|
45
|
+
}
|
|
42
46
|
export default createComponent(DonutChartSkeleton);
|
|
43
47
|
//# sourceMappingURL=Donut.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Donut.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","donutFullSvg","donutHalfSvg","pattern","position","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","_props$halfsize","SChartSkeleton","halfsize","toString","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../../src/charts/Donut/Donut.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonDonutChart } from './Donut.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import or vite plugin.\n// @ts-ignore\nconst donutFullSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst donutHalfSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart-halfsize.svg'))\n`;\n\nconst pattern: Record<string, string> = {\n true: donutHalfSvg,\n false: donutFullSvg,\n};\nconst position: Record<string, string> = {\n true: 'center bottom',\n false: 'center',\n};\n\nfunction DonutChartSkeleton(\n props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonDonutChart.Component>,\n) {\n const SChartSkeleton = Root;\n const halfsize = (props.halfsize ?? false).toString();\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition={position[halfsize]}\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${pattern[halfsize]})`}\n />,\n );\n}\n\nexport default createComponent(DonutChartSkeleton) as NSSkeletonDonutChart.Component;\n"],"mappings":";;;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,IAAMC,YAAY,6qCAEjB;AACD;AACA;AACA,IAAMC,YAAY,6nBAEjB;AAED,IAAMC,OAA+B,GAAG;EACtC,QAAMD,YAAY;EAClB,SAAOD;AACT,CAAC;AACD,IAAMG,QAAgC,GAAG;EACvC,QAAM,eAAe;EACrB,SAAO;AACT,CAAC;AAED,SAASC,kBAAkBA,CACzBC,KAAwF,EACxF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,eAAA;EACA,IAAMC,cAAc,GAIRd,QAAQ;EAHpB,IAAMe,QAAQ,GAAG,EAAAF,eAAA,GAACJ,KAAK,CAACM,QAAQ,cAAAF,eAAA,cAAAA,eAAA,GAAI,KAAK,EAAEG,QAAQ,CAAC,CAAC;EACrD,OAAAJ,KAAA,GAAOd,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAkB,aAAA,CAACH,cAAc,EAAAF,KAAA,CAAAM,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,WAAW;IAAA,cACRb,QAAQ,CAACQ,QAAQ,CAAC;IAAA,UACvB,SAAS;IAAA,8CAAAM,MAAA,CAC4Bf,OAAO,CAACS,QAAQ,CAAC;EAAA,GAAAL,IAAA,GAC9D,CAAC;AAEN;AAEA,eAAed,eAAe,CAACY,kBAAkB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Donut.type.js","names":[],"sources":["../../../../src/charts/Donut/Donut.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonDonutChart {\n type Props = NSSkeleton.Props & {\n /** Semi donut */\n halfsize?: boolean;\n };\n type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type DonutChartSkeletonProps = NSSkeletonDonutChart.Props;\n\nexport type { NSSkeletonDonutChart };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,49 +1,55 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
2
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
3
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
|
+
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
4
5
|
import React from 'react';
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_9wsup_gg_{height:200px;width:100%;background-image:var(--bgPattern_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgPosition_9wsup_gg_{background-position:var(--bgPosition_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgSize_9wsup_gg_{background-size:var(--bgSize_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgRepeat_9wsup_gg_{background-repeat:var(--bgRepeat_9wsup)}", /*__inner_css_end__*/"9wsup_gg_"),
|
|
6
|
+
import { Skeleton } from '../../Skeleton';
|
|
7
|
+
/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
|
|
8
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SChartSkeleton": "
|
|
12
|
-
"--bgPattern": "--
|
|
13
|
-
"_bgPosition": "
|
|
14
|
-
"--bgPosition": "--
|
|
15
|
-
"_bgSize": "
|
|
16
|
-
"--bgSize": "--
|
|
17
|
-
"_bgRepeat": "
|
|
18
|
-
"--bgRepeat": "--
|
|
19
|
-
});
|
|
11
|
+
"__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
|
|
12
|
+
"--bgPattern": "--bgPattern_1oiqb",
|
|
13
|
+
"_bgPosition": "__bgPosition_1oiqb_gg_",
|
|
14
|
+
"--bgPosition": "--bgPosition_1oiqb",
|
|
15
|
+
"_bgSize": "__bgSize_1oiqb_gg_",
|
|
16
|
+
"--bgSize": "--bgSize_1oiqb",
|
|
17
|
+
"_bgRepeat": "__bgRepeat_1oiqb_gg_",
|
|
18
|
+
"--bgRepeat": "--bgRepeat_1oiqb"
|
|
19
|
+
}); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
20
|
+
// @ts-ignore
|
|
20
21
|
var histogramVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYyMEMxMjQgMjIuMjA5MSAxMjIuMjA5IDI0IDEyMCAyNEgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDhDMTYwIDUwLjIwOTEgMTU4LjIwOSA1MiAxNTYgNTJIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4VjEwNEMxNjAgMTA2LjIwOSAxNTguMjA5IDEwOCAxNTYgMTA4SDBWODRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAxMTJIMTE2QzExOC4yMDkgMTEyIDEyMCAxMTMuNzkxIDEyMCAxMTZWMTMyQzEyMCAxMzQuMjA5IDExOC4yMDkgMTM2IDExNiAxMzZIMFYxMTJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
|
|
22
|
+
// TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
23
|
+
// @ts-ignore
|
|
21
24
|
var histogramHorizontalSvg = "PHN2ZyB3aWR0aD0iNDU2IiBoZWlnaHQ9IjEwNCIgdmlld0JveD0iMCAwIDQ1NiAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yIDE0QzIgMTIuODk1NCAyLjg5NTQzIDEyIDQgMTJIMTEwLjkwMUMxMTIuMDA1IDEyIDExMi45MDEgMTIuODk1NCAxMTIuOTAxIDE0VjkySDJWMTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTE2LjkwMSAzMEMxMTYuOTAxIDI4Ljg5NTQgMTE3Ljc5NiAyOCAxMTguOTAxIDI4SDIyNC44MDJDMjI1LjkwNiAyOCAyMjYuODAyIDI4Ljg5NTQgMjI2LjgwMiAzMFY5MkgxMTYuOTAxVjMwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTIzMC44MDIgNjJDMjMwLjgwMiA2MC44OTU0IDIzMS42OTcgNjAgMjMyLjgwMiA2MEgzMzguNzAyQzMzOS44MDcgNjAgMzQwLjcwMiA2MC44OTU0IDM0MC43MDIgNjJWOTJIMjMwLjgwMlY2MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0zNDQuNzAyIDQ0QzM0NC43MDIgNDIuODk1NCAzNDUuNTk4IDQyIDM0Ni43MDIgNDJINDUxLjYwM0M0NTIuNzA4IDQyIDQ1My42MDMgNDIuODk1NCA0NTMuNjAzIDQ0VjkySDM0NC43MDJWNDRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
|
|
22
|
-
var
|
|
25
|
+
var repeat = {
|
|
26
|
+
vertical: 'repeat-y',
|
|
27
|
+
horizontal: 'repeat-x'
|
|
28
|
+
};
|
|
29
|
+
var position = {
|
|
30
|
+
vertical: 'left top',
|
|
31
|
+
horizontal: 'left bottom'
|
|
32
|
+
};
|
|
33
|
+
var size = {
|
|
34
|
+
vertical: 'contain',
|
|
35
|
+
horizontal: 'auto 50%'
|
|
36
|
+
};
|
|
37
|
+
var pattern = {
|
|
38
|
+
vertical: histogramVerticalSvg,
|
|
39
|
+
horizontal: histogramHorizontalSvg
|
|
40
|
+
};
|
|
41
|
+
function HistogramChartSkeleton(props) {
|
|
23
42
|
var _ref = arguments[0],
|
|
24
43
|
_ref2,
|
|
25
44
|
_props$layout;
|
|
26
45
|
var SChartSkeleton = Skeleton;
|
|
27
46
|
var layout = (_props$layout = props.layout) !== null && _props$layout !== void 0 ? _props$layout : 'horizontal';
|
|
28
|
-
var patternBase64 = {
|
|
29
|
-
vertical: histogramVerticalSvg,
|
|
30
|
-
horizontal: histogramHorizontalSvg
|
|
31
|
-
}[layout];
|
|
32
47
|
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, _assignProps({
|
|
33
|
-
"bgRepeat":
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
"bgPosition": {
|
|
38
|
-
vertical: 'left top',
|
|
39
|
-
horizontal: 'left bottom'
|
|
40
|
-
}[layout],
|
|
41
|
-
"bgSize": {
|
|
42
|
-
vertical: 'contain',
|
|
43
|
-
horizontal: 'auto 50%'
|
|
44
|
-
}[layout],
|
|
45
|
-
"bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
|
|
48
|
+
"bgRepeat": repeat[layout],
|
|
49
|
+
"bgPosition": position[layout],
|
|
50
|
+
"bgSize": size[layout],
|
|
51
|
+
"bgPattern": "url(data:image/svg+xml;base64,".concat(pattern[layout], ")")
|
|
46
52
|
}, _ref))));
|
|
47
|
-
}
|
|
53
|
+
}
|
|
48
54
|
export default createComponent(HistogramChartSkeleton);
|
|
49
55
|
//# sourceMappingURL=Histogram.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Histogram.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","histogramVerticalSvg","histogramHorizontalSvg","repeat","vertical","horizontal","position","size","pattern","HistogramChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","layout","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../../src/charts/Histogram/Histogram.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonHistogramChart } from './Histogram.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst histogramVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/histogram-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst histogramHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/histogram-chart-horizontal.svg'))\n`;\n\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\nconst pattern = { vertical: histogramVerticalSvg, horizontal: histogramHorizontalSvg };\n\nfunction HistogramChartSkeleton(\n props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonHistogramChart.Component>,\n) {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat={repeat[layout]}\n bgPosition={position[layout]}\n bgSize={size[layout]}\n bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n />,\n );\n}\n\nexport default createComponent(HistogramChartSkeleton) as NSSkeletonHistogramChart.Component;\n"],"mappings":";;;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,IAAMC,oBAAoB,69BAEzB;AACD;AACA;AACA,IAAMC,sBAAsB,y7BAE3B;AAED,IAAMC,MAAM,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,IAAMC,QAAQ,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,IAAME,IAAI,GAAG;EAAEH,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC5D,IAAMG,OAAO,GAAG;EAAEJ,QAAQ,EAAEH,oBAAoB;EAAEI,UAAU,EAAEH;AAAuB,CAAC;AAEtF,SAASO,sBAAsBA,CAC7BC,KAA4F,EAC5F;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EACA,IAAMC,cAAc,GAIRlB,QAAQ;EAHpB,IAAMmB,MAAM,IAAAF,aAAA,GAAGJ,KAAK,CAACM,MAAM,cAAAF,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,OAAAD,KAAA,GAAOlB,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAqB,aAAA,CAACF,cAAc,EAAAF,KAAA,CAAAK,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEHjB,MAAM,CAACa,MAAM,CAAC;IAAA,cACZV,QAAQ,CAACU,MAAM,CAAC;IAAA,UACpBT,IAAI,CAACS,MAAM,CAAC;IAAA,8CAAAK,MAAA,CACwBb,OAAO,CAACQ,MAAM,CAAC;EAAA,GAAAL,IAAA,GAC5D,CAAC;AAEN;AAEA,eAAelB,eAAe,CAACgB,sBAAsB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Histogram.type.js","names":[],"sources":["../../../../src/charts/Histogram/Histogram.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonHistogramChart {\n type Props = NSSkeleton.Props & {\n /** Controls the orientation of the histogram chart skeleton */\n layout?: 'horizontal' | 'vertical';\n };\n type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type HistogramChartSkeletonProps = NSSkeletonHistogramChart.Props;\n\nexport type { NSSkeletonHistogramChart };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,39 +1,43 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
2
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
3
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
|
+
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
4
5
|
import React from 'react';
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_9wsup_gg_{height:200px;width:100%;background-image:var(--bgPattern_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgPosition_9wsup_gg_{background-position:var(--bgPosition_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgSize_9wsup_gg_{background-size:var(--bgSize_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgRepeat_9wsup_gg_{background-repeat:var(--bgRepeat_9wsup)}", /*__inner_css_end__*/"9wsup_gg_"),
|
|
6
|
+
import { Skeleton } from '../../Skeleton';
|
|
7
|
+
/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
|
|
8
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SChartSkeleton": "
|
|
12
|
-
"--bgPattern": "--
|
|
13
|
-
"_bgPosition": "
|
|
14
|
-
"--bgPosition": "--
|
|
15
|
-
"_bgSize": "
|
|
16
|
-
"--bgSize": "--
|
|
17
|
-
"_bgRepeat": "
|
|
18
|
-
"--bgRepeat": "--
|
|
19
|
-
});
|
|
11
|
+
"__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
|
|
12
|
+
"--bgPattern": "--bgPattern_1oiqb",
|
|
13
|
+
"_bgPosition": "__bgPosition_1oiqb_gg_",
|
|
14
|
+
"--bgPosition": "--bgPosition_1oiqb",
|
|
15
|
+
"_bgSize": "__bgSize_1oiqb_gg_",
|
|
16
|
+
"--bgSize": "--bgSize_1oiqb",
|
|
17
|
+
"_bgRepeat": "__bgRepeat_1oiqb_gg_",
|
|
18
|
+
"--bgRepeat": "--bgRepeat_1oiqb"
|
|
19
|
+
}); // TODO: replace it to babel-plugin-inline-import/or vite plugin.
|
|
20
|
+
// @ts-ignore
|
|
20
21
|
var lineLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjU4IiB2aWV3Qm94PSIwIDAgMTI4IDU4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzYwODJfMjIwODUyKSI+CjxwYXRoIGQ9Ik0wIDEyTDYzLjk5OTggNDZMMTI4IDEyIiBzdHJva2U9IiNFMEUxRTkiIHN0cm9rZS1vcGFjaXR5PSIwLjgiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzYwODJfMjIwODUyIj4KPHJlY3Qgd2lkdGg9IjEyOCIgaGVpZ2h0PSI1OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K";
|
|
22
|
+
// TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
23
|
+
// @ts-ignore
|
|
21
24
|
var lineMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjU4IiB2aWV3Qm94PSIwIDAgMTI4IDU4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxMkMzMi4wMDAxIDEyIDMyLjAwMDEgNDYgNjMuOTk5OCA0NkM5NS45OTk5IDQ2IDk1Ljk5OTkgMTIgMTI4IDEyIiBzdHJva2U9IiNFMEUxRTkiIHN0cm9rZS1vcGFjaXR5PSIwLjgiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
|
|
22
|
-
var
|
|
25
|
+
var pattern = {
|
|
26
|
+
linear: lineLinearSvg,
|
|
27
|
+
monotone: lineMonotoneSvg
|
|
28
|
+
};
|
|
29
|
+
function LineChartSkeleton(props) {
|
|
23
30
|
var _ref = arguments[0],
|
|
24
31
|
_ref2,
|
|
25
32
|
_props$type;
|
|
26
33
|
var SChartSkeleton = Skeleton;
|
|
27
|
-
var
|
|
28
|
-
linear: lineLinearSvg,
|
|
29
|
-
monotone: lineMonotoneSvg
|
|
30
|
-
}[(_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'linear'];
|
|
34
|
+
var type = (_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'linear';
|
|
31
35
|
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, _assignProps({
|
|
32
36
|
"bgRepeat": 'repeat-x',
|
|
33
37
|
"bgPosition": 'left center',
|
|
34
38
|
"bgSize": 'auto 50%',
|
|
35
|
-
"bgPattern": "url(data:image/svg+xml;base64,".concat(
|
|
39
|
+
"bgPattern": "url(data:image/svg+xml;base64,".concat(pattern[type], ")")
|
|
36
40
|
}, _ref))));
|
|
37
|
-
}
|
|
41
|
+
}
|
|
38
42
|
export default createComponent(LineChartSkeleton);
|
|
39
43
|
//# sourceMappingURL=Line.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Line.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","lineLinearSvg","lineMonotoneSvg","pattern","linear","monotone","LineChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","type","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../../src/charts/Line/Line.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonLineChart } from './Line.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it to babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst lineLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/line-chart-linear.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst lineMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/line-chart-monotone.svg'))\n`;\n\nconst pattern = {\n linear: lineLinearSvg,\n monotone: lineMonotoneSvg,\n};\n\nfunction LineChartSkeleton(\n props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonLineChart.Component>,\n) {\n const SChartSkeleton = Root;\n const type = props.type ?? 'linear';\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${pattern[type]})`}\n />,\n );\n}\n\nexport default createComponent(LineChartSkeleton) as NSSkeletonLineChart.Component;\n"],"mappings":";;;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,IAAMC,aAAa,qhBAElB;AACD;AACA;AACA,IAAMC,eAAe,qWAEpB;AAED,IAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CACxBC,KAAuF,EACvF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EACA,IAAMC,cAAc,GAIRf,QAAQ;EAHpB,IAAMgB,IAAI,IAAAF,WAAA,GAAGJ,KAAK,CAACM,IAAI,cAAAF,WAAA,cAAAA,WAAA,GAAI,QAAQ;EACnC,OAAAD,KAAA,GAAOf,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAkB,aAAA,CAACF,cAAc,EAAAF,KAAA,CAAAK,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2Bf,OAAO,CAACU,IAAI,CAAC;EAAA,GAAAL,IAAA,GAC1D,CAAC;AAEN;AAEA,eAAef,eAAe,CAACa,iBAAiB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Line.type.js","names":[],"sources":["../../../../src/charts/Line/Line.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonLineChart {\n type Props = NSSkeleton.Props & {\n /** Controls the line interpolation style for the skeleton pattern */\n type?: 'linear' | 'monotone';\n };\n type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type LineChartSkeletonProps = NSSkeletonLineChart.Props;\n\nexport type { NSSkeletonLineChart };\n"],"mappings":"","ignoreList":[]}
|