@semcore/skeleton 5.42.4-prerelease.0 → 5.43.0-prerelease.0
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/CHANGELOG.md +6 -0
- 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/style/skeleton.shadow.css +2 -2
- 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/style/skeleton.shadow.css +2 -2
- 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/style/skeleton.shadow.css +2 -2
- 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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.type.js","names":[],"sources":["../../src/Skeleton.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';\n\ndeclare namespace NSSkeleton {\n type Props = BoxProps & UniqueIDProps & {\n /**\n * Skeleton visibility control property\n */\n hidden?: boolean;\n /**\n * Animation speed in ms\n * @default 2000\n */\n duration?: string | number;\n /**\n * Skeleton theme\n * @default invert\n */\n theme?: 'dark' | 'invert';\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Enable ResizeObserver for parent Element to recalculate skeleton size.\n * @default false\n */\n observeParentSize?: boolean;\n };\n type Ctx = {\n gradientUrl: string;\n };\n\n namespace Text {\n type Props = BoxProps & {\n // TODO: It looks like it should be number (def. not a string...)\n /**\n * Number of items to be returned\n * @default 1\n */\n amount?: string | number;\n };\n\n type Component = Intergalactic.Component<'rect', Props>;\n }\n\n type RenderComponent = Intergalactic.Component<'div', Props, Ctx>;\n\n type Component = Intergalactic.Component<'svg', Props, Ctx> & {\n Text: Text.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type SkeletonProps = NSSkeleton.Props;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonCtx = NSSkeleton.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonTextProps = NSSkeleton.Text.Props;\n\nexport type { NSSkeleton };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
|
+
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
|
+
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
5
|
+
import React from 'react';
|
|
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
|
+
/*__reshadow_css_end__*/
|
|
10
|
+
{
|
|
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
|
|
21
|
+
var areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
22
|
+
// TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
23
|
+
// @ts-ignore
|
|
24
|
+
var areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
25
|
+
var pattern = {
|
|
26
|
+
linear: areaLinearSvg,
|
|
27
|
+
monotone: areaMonotoneSvg
|
|
28
|
+
};
|
|
29
|
+
function AreaChartSkeleton(props) {
|
|
30
|
+
var _ref = arguments[0],
|
|
31
|
+
_ref2,
|
|
32
|
+
_props$type;
|
|
33
|
+
var SChartSkeleton = Skeleton;
|
|
34
|
+
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, _assignProps({
|
|
35
|
+
"bgRepeat": 'repeat-x',
|
|
36
|
+
"bgPosition": 'left bottom',
|
|
37
|
+
"bgSize": 'auto 50%',
|
|
38
|
+
"bgPattern": "url(data:image/svg+xml;base64,".concat(pattern[(_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'linear'], ")")
|
|
39
|
+
}, _ref))));
|
|
40
|
+
}
|
|
41
|
+
export default createComponent(AreaChartSkeleton);
|
|
42
|
+
//# sourceMappingURL=Area.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Area.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","areaLinearSvg","areaMonotoneSvg","pattern","linear","monotone","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat","type"],"sources":["../../../../src/charts/Area/Area.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonAreaChart } from './Area.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 areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-linear.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-monotone.svg'))\n`;\n\nconst pattern = {\n linear: areaLinearSvg,\n monotone: areaMonotoneSvg,\n};\n\nfunction AreaChartSkeleton(props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonAreaChart.Component>) {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left bottom'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${pattern[props.type ?? 'linear']})`}\n />,\n );\n}\n\nexport default createComponent(AreaChartSkeleton) as NSSkeletonAreaChart.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,yVAElB;AACD;AACA;AACA,IAAMC,eAAe,iRAEpB;AAED,IAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CAACC,KAAuF,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EAClH,IAAMC,cAAc,GAGRf,QAAQ;EAFpB,OAAAa,KAAA,GAAOf,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAiB,aAAA,CAACD,cAAc,EAAAF,KAAA,CAAAI,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2Bd,OAAO,EAAAQ,WAAA,GAACJ,KAAK,CAACW,IAAI,cAAAP,WAAA,cAAAA,WAAA,GAAI,QAAQ,CAAC;EAAA,GAAAH,IAAA,GAC5E,CAAC;AAEN;AAEA,eAAef,eAAe,CAACa,iBAAiB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Area.type.js","names":[],"sources":["../../../../src/charts/Area/Area.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonAreaChart {\n type Props = NSSkeleton.Props & {\n /** Controls the area curve 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 AreaChartSkeletonProps = NSSkeletonAreaChart.Props;\n\nexport type { NSSkeletonAreaChart };\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_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}", /*__inner_css_end__*/"zrqq0_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_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}", /*__inner_css_end__*/"zrqq0_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_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}", /*__inner_css_end__*/"zrqq0_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_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}", /*__inner_css_end__*/"zrqq0_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_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}", /*__inner_css_end__*/"zrqq0_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_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}", /*__inner_css_end__*/"zrqq0_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
|