@semcore/skeleton 17.0.1 → 17.0.2-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (175) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Skeleton.js +26 -22
  3. package/lib/cjs/Skeleton.js.map +1 -1
  4. package/lib/cjs/Skeleton.type.js +2 -0
  5. package/lib/cjs/Skeleton.type.js.map +1 -0
  6. package/lib/cjs/{Charts → charts/Area}/Area.js +20 -17
  7. package/lib/cjs/charts/Area/Area.js.map +1 -0
  8. package/lib/cjs/charts/Area/Area.type.js +2 -0
  9. package/lib/cjs/charts/Area/Area.type.js.map +1 -0
  10. package/lib/cjs/{Charts → charts/Bar}/Bar.js +35 -29
  11. package/lib/cjs/charts/Bar/Bar.js.map +1 -0
  12. package/lib/cjs/charts/Bar/Bar.type.js +2 -0
  13. package/lib/cjs/charts/Bar/Bar.type.js.map +1 -0
  14. package/lib/cjs/{Charts → charts/Bubble}/Bubble.js +13 -12
  15. package/lib/cjs/charts/Bubble/Bubble.js.map +1 -0
  16. package/lib/cjs/charts/Bubble/Bubble.type.js +2 -0
  17. package/lib/cjs/charts/Bubble/Bubble.type.js.map +1 -0
  18. package/lib/cjs/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.js +13 -12
  19. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -0
  20. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +2 -0
  21. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +1 -0
  22. package/lib/cjs/{Charts → charts/Donut}/Donut.js +26 -22
  23. package/lib/cjs/charts/Donut/Donut.js.map +1 -0
  24. package/lib/cjs/charts/Donut/Donut.type.js +2 -0
  25. package/lib/cjs/charts/Donut/Donut.type.js.map +1 -0
  26. package/lib/cjs/{Charts → charts/Histogram}/Histogram.js +35 -29
  27. package/lib/cjs/charts/Histogram/Histogram.js.map +1 -0
  28. package/lib/cjs/charts/Histogram/Histogram.type.js +2 -0
  29. package/lib/cjs/charts/Histogram/Histogram.type.js.map +1 -0
  30. package/lib/cjs/{Charts → charts/Line}/Line.js +21 -17
  31. package/lib/cjs/charts/Line/Line.js.map +1 -0
  32. package/lib/cjs/charts/Line/Line.type.js +2 -0
  33. package/lib/cjs/charts/Line/Line.type.js.map +1 -0
  34. package/lib/cjs/{Charts → charts/RadialTree}/RadialTree.js +13 -12
  35. package/lib/cjs/charts/RadialTree/RadialTree.js.map +1 -0
  36. package/lib/cjs/charts/RadialTree/RadialTree.type.js +2 -0
  37. package/lib/cjs/charts/RadialTree/RadialTree.type.js.map +1 -0
  38. package/lib/cjs/{Charts → charts/ScatterPlot}/ScatterPlot.js +13 -12
  39. package/lib/cjs/charts/ScatterPlot/ScatterPlot.js.map +1 -0
  40. package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js +2 -0
  41. package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js.map +1 -0
  42. package/lib/cjs/{Charts → charts/Venn}/Venn.js +13 -12
  43. package/lib/cjs/charts/Venn/Venn.js.map +1 -0
  44. package/lib/cjs/charts/Venn/Venn.type.js +2 -0
  45. package/lib/cjs/charts/Venn/Venn.type.js.map +1 -0
  46. package/lib/cjs/index.js +206 -5
  47. package/lib/cjs/index.js.map +1 -1
  48. package/lib/es6/Skeleton.js +26 -22
  49. package/lib/es6/Skeleton.js.map +1 -1
  50. package/lib/es6/Skeleton.type.js +2 -0
  51. package/lib/es6/Skeleton.type.js.map +1 -0
  52. package/lib/es6/{Charts → charts/Area}/Area.js +20 -17
  53. package/lib/es6/charts/Area/Area.js.map +1 -0
  54. package/lib/es6/charts/Area/Area.type.js +2 -0
  55. package/lib/es6/charts/Area/Area.type.js.map +1 -0
  56. package/lib/es6/{Charts → charts/Bar}/Bar.js +35 -29
  57. package/lib/es6/charts/Bar/Bar.js.map +1 -0
  58. package/lib/es6/charts/Bar/Bar.type.js +2 -0
  59. package/lib/es6/charts/Bar/Bar.type.js.map +1 -0
  60. package/lib/es6/{Charts → charts/Bubble}/Bubble.js +13 -12
  61. package/lib/es6/charts/Bubble/Bubble.js.map +1 -0
  62. package/lib/es6/charts/Bubble/Bubble.type.js +2 -0
  63. package/lib/es6/charts/Bubble/Bubble.type.js.map +1 -0
  64. package/lib/es6/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.js +13 -12
  65. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -0
  66. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +2 -0
  67. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +1 -0
  68. package/lib/es6/{Charts → charts/Donut}/Donut.js +26 -22
  69. package/lib/es6/charts/Donut/Donut.js.map +1 -0
  70. package/lib/es6/charts/Donut/Donut.type.js +2 -0
  71. package/lib/es6/charts/Donut/Donut.type.js.map +1 -0
  72. package/lib/es6/{Charts → charts/Histogram}/Histogram.js +35 -29
  73. package/lib/es6/charts/Histogram/Histogram.js.map +1 -0
  74. package/lib/es6/charts/Histogram/Histogram.type.js +2 -0
  75. package/lib/es6/charts/Histogram/Histogram.type.js.map +1 -0
  76. package/lib/es6/{Charts → charts/Line}/Line.js +21 -17
  77. package/lib/es6/charts/Line/Line.js.map +1 -0
  78. package/lib/es6/charts/Line/Line.type.js +2 -0
  79. package/lib/es6/charts/Line/Line.type.js.map +1 -0
  80. package/lib/es6/{Charts → charts/RadialTree}/RadialTree.js +13 -12
  81. package/lib/es6/charts/RadialTree/RadialTree.js.map +1 -0
  82. package/lib/es6/charts/RadialTree/RadialTree.type.js +2 -0
  83. package/lib/es6/charts/RadialTree/RadialTree.type.js.map +1 -0
  84. package/lib/es6/{Charts → charts/ScatterPlot}/ScatterPlot.js +13 -12
  85. package/lib/es6/charts/ScatterPlot/ScatterPlot.js.map +1 -0
  86. package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js +2 -0
  87. package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js.map +1 -0
  88. package/lib/es6/{Charts → charts/Venn}/Venn.js +13 -12
  89. package/lib/es6/charts/Venn/Venn.js.map +1 -0
  90. package/lib/es6/charts/Venn/Venn.type.js +2 -0
  91. package/lib/es6/charts/Venn/Venn.type.js.map +1 -0
  92. package/lib/es6/index.js +21 -1
  93. package/lib/es6/index.js.map +1 -1
  94. package/lib/esm/Skeleton.mjs +27 -23
  95. package/lib/esm/Skeleton.type.mjs +1 -0
  96. package/lib/esm/{Charts → charts/Area}/Area.mjs +17 -17
  97. package/lib/esm/charts/Area/Area.type.mjs +1 -0
  98. package/lib/esm/{Charts → charts/Bar}/Bar.mjs +32 -29
  99. package/lib/esm/charts/Bar/Bar.type.mjs +1 -0
  100. package/lib/esm/{Charts → charts/Bubble}/Bubble.mjs +12 -12
  101. package/lib/esm/charts/Bubble/Bubble.type.mjs +1 -0
  102. package/lib/esm/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.mjs +12 -12
  103. package/lib/esm/charts/CompactHorizontalBar/CompactHorizontalBar.type.mjs +1 -0
  104. package/lib/esm/{Charts → charts/Donut}/Donut.mjs +23 -22
  105. package/lib/esm/charts/Donut/Donut.type.mjs +1 -0
  106. package/lib/esm/{Charts → charts/Histogram}/Histogram.mjs +32 -29
  107. package/lib/esm/charts/Histogram/Histogram.type.mjs +1 -0
  108. package/lib/esm/{Charts → charts/Line}/Line.mjs +18 -17
  109. package/lib/esm/charts/Line/Line.type.mjs +1 -0
  110. package/lib/esm/{Charts → charts/RadialTree}/RadialTree.mjs +12 -12
  111. package/lib/esm/charts/RadialTree/RadialTree.type.mjs +1 -0
  112. package/lib/esm/{Charts → charts/ScatterPlot}/ScatterPlot.mjs +12 -12
  113. package/lib/esm/charts/ScatterPlot/ScatterPlot.type.mjs +1 -0
  114. package/lib/esm/{Charts → charts/Venn}/Venn.mjs +12 -12
  115. package/lib/esm/charts/Venn/Venn.type.mjs +1 -0
  116. package/lib/esm/index.mjs +21 -11
  117. package/lib/types/Skeleton.d.ts +4 -3
  118. package/lib/types/Skeleton.type.d.ts +52 -0
  119. package/lib/types/charts/Area/Area.d.ts +3 -0
  120. package/lib/types/charts/Area/Area.type.d.ts +12 -0
  121. package/lib/types/charts/Bar/Bar.d.ts +3 -0
  122. package/lib/types/charts/Bar/Bar.type.d.ts +12 -0
  123. package/lib/types/charts/Bubble/Bubble.d.ts +3 -0
  124. package/lib/types/charts/Bubble/Bubble.type.d.ts +5 -0
  125. package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.d.ts +3 -0
  126. package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.type.d.ts +5 -0
  127. package/lib/types/charts/Donut/Donut.d.ts +3 -0
  128. package/lib/types/charts/Donut/Donut.type.d.ts +12 -0
  129. package/lib/types/charts/Histogram/Histogram.d.ts +3 -0
  130. package/lib/types/charts/Histogram/Histogram.type.d.ts +12 -0
  131. package/lib/types/charts/Line/Line.d.ts +3 -0
  132. package/lib/types/charts/Line/Line.type.d.ts +12 -0
  133. package/lib/types/charts/RadialTree/RadialTree.d.ts +3 -0
  134. package/lib/types/charts/RadialTree/RadialTree.type.d.ts +5 -0
  135. package/lib/types/charts/ScatterPlot/ScatterPlot.d.ts +3 -0
  136. package/lib/types/charts/ScatterPlot/ScatterPlot.type.d.ts +5 -0
  137. package/lib/types/charts/Venn/Venn.d.ts +2 -0
  138. package/lib/types/charts/Venn/Venn.type.d.ts +5 -0
  139. package/lib/types/index.d.ts +22 -93
  140. package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +44 -0
  141. package/package.json +6 -6
  142. package/vite.config.ts +1 -1
  143. package/lib/cjs/Charts/Area.js.map +0 -1
  144. package/lib/cjs/Charts/Bar.js.map +0 -1
  145. package/lib/cjs/Charts/Bubble.js.map +0 -1
  146. package/lib/cjs/Charts/CompactHorizontalBar.js.map +0 -1
  147. package/lib/cjs/Charts/Donut.js.map +0 -1
  148. package/lib/cjs/Charts/Histogram.js.map +0 -1
  149. package/lib/cjs/Charts/Line.js.map +0 -1
  150. package/lib/cjs/Charts/RadialTree.js.map +0 -1
  151. package/lib/cjs/Charts/ScatterPlot.js.map +0 -1
  152. package/lib/cjs/Charts/Venn.js.map +0 -1
  153. package/lib/cjs/Charts/index.js +0 -77
  154. package/lib/cjs/Charts/index.js.map +0 -1
  155. package/lib/cjs/Skeleton.d.js +0 -2
  156. package/lib/cjs/Skeleton.d.js.map +0 -1
  157. package/lib/cjs/index.d.js +0 -2
  158. package/lib/cjs/index.d.js.map +0 -1
  159. package/lib/es6/Charts/Area.js.map +0 -1
  160. package/lib/es6/Charts/Bar.js.map +0 -1
  161. package/lib/es6/Charts/Bubble.js.map +0 -1
  162. package/lib/es6/Charts/CompactHorizontalBar.js.map +0 -1
  163. package/lib/es6/Charts/Donut.js.map +0 -1
  164. package/lib/es6/Charts/Histogram.js.map +0 -1
  165. package/lib/es6/Charts/Line.js.map +0 -1
  166. package/lib/es6/Charts/RadialTree.js.map +0 -1
  167. package/lib/es6/Charts/ScatterPlot.js.map +0 -1
  168. package/lib/es6/Charts/Venn.js.map +0 -1
  169. package/lib/es6/Charts/index.js +0 -11
  170. package/lib/es6/Charts/index.js.map +0 -1
  171. package/lib/es6/Skeleton.d.js +0 -2
  172. package/lib/es6/Skeleton.d.js.map +0 -1
  173. package/lib/es6/index.d.js +0 -2
  174. package/lib/es6/index.d.js.map +0 -1
  175. package/lib/esm/Charts/index.mjs +0 -22
@@ -2,46 +2,52 @@ import { sstyled as _sstyled } from "@semcore/core";
2
2
  import { assignProps as _assignProps } from "@semcore/core";
3
3
  import { createComponent, Root, sstyled } from '@semcore/core';
4
4
  import React from 'react';
5
- import { Skeleton } from '../Skeleton';
6
- /*!__reshadow-styles__:"../style/chart.shadow.css"*/
7
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1dfvr_gg_{height:200px;width:100%;background-image:var(--bgPattern_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgPosition_1dfvr_gg_{background-position:var(--bgPosition_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgSize_1dfvr_gg_{background-size:var(--bgSize_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgRepeat_1dfvr_gg_{background-repeat:var(--bgRepeat_1dfvr)}", /*__inner_css_end__*/"1dfvr_gg_"),
5
+ import { Skeleton } from '../../Skeleton';
6
+ /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
7
+ const 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_"),
8
8
  /*__reshadow_css_end__*/
9
9
  {
10
- "__SChartSkeleton": "___SChartSkeleton_1dfvr_gg_",
11
- "--bgPattern": "--bgPattern_1dfvr",
12
- "_bgPosition": "__bgPosition_1dfvr_gg_",
13
- "--bgPosition": "--bgPosition_1dfvr",
14
- "_bgSize": "__bgSize_1dfvr_gg_",
15
- "--bgSize": "--bgSize_1dfvr",
16
- "_bgRepeat": "__bgRepeat_1dfvr_gg_",
17
- "--bgRepeat": "--bgRepeat_1dfvr"
18
- });
10
+ "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
11
+ "--bgPattern": "--bgPattern_1oiqb",
12
+ "_bgPosition": "__bgPosition_1oiqb_gg_",
13
+ "--bgPosition": "--bgPosition_1oiqb",
14
+ "_bgSize": "__bgSize_1oiqb_gg_",
15
+ "--bgSize": "--bgSize_1oiqb",
16
+ "_bgRepeat": "__bgRepeat_1oiqb_gg_",
17
+ "--bgRepeat": "--bgRepeat_1oiqb"
18
+ }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
19
+ // @ts-ignore
19
20
  const histogramVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYyMEMxMjQgMjIuMjA5MSAxMjIuMjA5IDI0IDEyMCAyNEgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDhDMTYwIDUwLjIwOTEgMTU4LjIwOSA1MiAxNTYgNTJIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4VjEwNEMxNjAgMTA2LjIwOSAxNTguMjA5IDEwOCAxNTYgMTA4SDBWODRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAxMTJIMTE2QzExOC4yMDkgMTEyIDEyMCAxMTMuNzkxIDEyMCAxMTZWMTMyQzEyMCAxMzQuMjA5IDExOC4yMDkgMTM2IDExNiAxMzZIMFYxMTJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
21
+ // TODO: replace it with babel-plugin-inline-import/or vite plugin.
22
+ // @ts-ignore
20
23
  const histogramHorizontalSvg = "PHN2ZyB3aWR0aD0iNDU2IiBoZWlnaHQ9IjEwNCIgdmlld0JveD0iMCAwIDQ1NiAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yIDE0QzIgMTIuODk1NCAyLjg5NTQzIDEyIDQgMTJIMTEwLjkwMUMxMTIuMDA1IDEyIDExMi45MDEgMTIuODk1NCAxMTIuOTAxIDE0VjkySDJWMTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTE2LjkwMSAzMEMxMTYuOTAxIDI4Ljg5NTQgMTE3Ljc5NiAyOCAxMTguOTAxIDI4SDIyNC44MDJDMjI1LjkwNiAyOCAyMjYuODAyIDI4Ljg5NTQgMjI2LjgwMiAzMFY5MkgxMTYuOTAxVjMwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTIzMC44MDIgNjJDMjMwLjgwMiA2MC44OTU0IDIzMS42OTcgNjAgMjMyLjgwMiA2MEgzMzguNzAyQzMzOS44MDcgNjAgMzQwLjcwMiA2MC44OTU0IDM0MC43MDIgNjJWOTJIMjMwLjgwMlY2MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0zNDQuNzAyIDQ0QzM0NC43MDIgNDIuODk1NCAzNDUuNTk4IDQyIDM0Ni43MDIgNDJINDUxLjYwM0M0NTIuNzA4IDQyIDQ1My42MDMgNDIuODk1NCA0NTMuNjAzIDQ0VjkySDM0NC43MDJWNDRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
24
+ const repeat = {
25
+ vertical: 'repeat-y',
26
+ horizontal: 'repeat-x'
27
+ };
28
+ const position = {
29
+ vertical: 'left top',
30
+ horizontal: 'left bottom'
31
+ };
32
+ const size = {
33
+ vertical: 'contain',
34
+ horizontal: 'auto 50%'
35
+ };
36
+ const pattern = {
37
+ vertical: histogramVerticalSvg,
38
+ horizontal: histogramHorizontalSvg
39
+ };
21
40
  function HistogramChartSkeleton(props) {
22
41
  var _ref = arguments[0],
23
42
  _ref2;
24
43
  const SChartSkeleton = Skeleton;
25
44
  const layout = props.layout ?? 'horizontal';
26
- const patternBase64 = {
27
- vertical: histogramVerticalSvg,
28
- horizontal: histogramHorizontalSvg
29
- }[layout];
30
45
  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
31
46
  ..._assignProps({
32
- "bgRepeat": {
33
- vertical: 'repeat-y',
34
- horizontal: 'repeat-x'
35
- }[layout],
36
- "bgPosition": {
37
- vertical: 'left top',
38
- horizontal: 'left bottom'
39
- }[layout],
40
- "bgSize": {
41
- vertical: 'contain',
42
- horizontal: 'auto 50%'
43
- }[layout],
44
- "bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
47
+ "bgRepeat": repeat[layout],
48
+ "bgPosition": position[layout],
49
+ "bgSize": size[layout],
50
+ "bgPattern": `url(data:image/svg+xml;base64,${pattern[layout]})`
45
51
  }, _ref)
46
52
  }));
47
53
  }
@@ -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","SChartSkeleton","layout","createElement","cn","_assignProps"],"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,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,oBAAoB,69BAEzB;AACD;AACA;AACA,MAAMC,sBAAsB,y7BAE3B;AAED,MAAMC,MAAM,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,MAAMC,QAAQ,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,MAAME,IAAI,GAAG;EAAEH,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC5D,MAAMG,OAAO,GAAG;EAAEJ,QAAQ,EAAEH,oBAAoB;EAAEI,UAAU,EAAEH;AAAuB,CAAC;AAEtF,SAASO,sBAAsBA,CAC7BC,KAA4F,EAC5F;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRjB,QAAQ;EAHpB,MAAMkB,MAAM,GAAGL,KAAK,CAACK,MAAM,IAAI,YAAY;EAC3C,OAAAF,KAAA,GAAOlB,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAoB,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEHf,MAAM,CAACY,MAAM,CAAC;MAAA,cACZT,QAAQ,CAACS,MAAM,CAAC;MAAA,UACpBR,IAAI,CAACQ,MAAM,CAAC;MAAA,aACT,iCAAiCP,OAAO,CAACO,MAAM,CAAC;IAAG,GAAAJ,IAAA;EAAA,EAC/D,CAAC;AAEN;AAEA,eAAelB,eAAe,CAACgB,sBAAsB,CAAC","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Histogram.type.js.map
@@ -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":[]}
@@ -2,36 +2,40 @@ import { sstyled as _sstyled } from "@semcore/core";
2
2
  import { assignProps as _assignProps } from "@semcore/core";
3
3
  import { createComponent, Root, sstyled } from '@semcore/core';
4
4
  import React from 'react';
5
- import { Skeleton } from '../Skeleton';
6
- /*!__reshadow-styles__:"../style/chart.shadow.css"*/
7
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1dfvr_gg_{height:200px;width:100%;background-image:var(--bgPattern_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgPosition_1dfvr_gg_{background-position:var(--bgPosition_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgSize_1dfvr_gg_{background-size:var(--bgSize_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgRepeat_1dfvr_gg_{background-repeat:var(--bgRepeat_1dfvr)}", /*__inner_css_end__*/"1dfvr_gg_"),
5
+ import { Skeleton } from '../../Skeleton';
6
+ /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
7
+ const 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_"),
8
8
  /*__reshadow_css_end__*/
9
9
  {
10
- "__SChartSkeleton": "___SChartSkeleton_1dfvr_gg_",
11
- "--bgPattern": "--bgPattern_1dfvr",
12
- "_bgPosition": "__bgPosition_1dfvr_gg_",
13
- "--bgPosition": "--bgPosition_1dfvr",
14
- "_bgSize": "__bgSize_1dfvr_gg_",
15
- "--bgSize": "--bgSize_1dfvr",
16
- "_bgRepeat": "__bgRepeat_1dfvr_gg_",
17
- "--bgRepeat": "--bgRepeat_1dfvr"
18
- });
10
+ "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
11
+ "--bgPattern": "--bgPattern_1oiqb",
12
+ "_bgPosition": "__bgPosition_1oiqb_gg_",
13
+ "--bgPosition": "--bgPosition_1oiqb",
14
+ "_bgSize": "__bgSize_1oiqb_gg_",
15
+ "--bgSize": "--bgSize_1oiqb",
16
+ "_bgRepeat": "__bgRepeat_1oiqb_gg_",
17
+ "--bgRepeat": "--bgRepeat_1oiqb"
18
+ }); // TODO: replace it to babel-plugin-inline-import/or vite plugin.
19
+ // @ts-ignore
19
20
  const lineLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjU4IiB2aWV3Qm94PSIwIDAgMTI4IDU4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzYwODJfMjIwODUyKSI+CjxwYXRoIGQ9Ik0wIDEyTDYzLjk5OTggNDZMMTI4IDEyIiBzdHJva2U9IiNFMEUxRTkiIHN0cm9rZS1vcGFjaXR5PSIwLjgiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzYwODJfMjIwODUyIj4KPHJlY3Qgd2lkdGg9IjEyOCIgaGVpZ2h0PSI1OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K";
21
+ // TODO: replace it with babel-plugin-inline-import/or vite plugin.
22
+ // @ts-ignore
20
23
  const lineMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjU4IiB2aWV3Qm94PSIwIDAgMTI4IDU4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxMkMzMi4wMDAxIDEyIDMyLjAwMDEgNDYgNjMuOTk5OCA0NkM5NS45OTk5IDQ2IDk1Ljk5OTkgMTIgMTI4IDEyIiBzdHJva2U9IiNFMEUxRTkiIHN0cm9rZS1vcGFjaXR5PSIwLjgiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
24
+ const pattern = {
25
+ linear: lineLinearSvg,
26
+ monotone: lineMonotoneSvg
27
+ };
21
28
  function LineChartSkeleton(props) {
22
29
  var _ref = arguments[0],
23
30
  _ref2;
24
31
  const SChartSkeleton = Skeleton;
25
- const patternBase64 = {
26
- linear: lineLinearSvg,
27
- monotone: lineMonotoneSvg
28
- }[props.type ?? 'linear'];
32
+ const type = props.type ?? 'linear';
29
33
  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
30
34
  ..._assignProps({
31
35
  "bgRepeat": 'repeat-x',
32
36
  "bgPosition": 'left center',
33
37
  "bgSize": 'auto 50%',
34
- "bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
38
+ "bgPattern": `url(data:image/svg+xml;base64,${pattern[type]})`
35
39
  }, _ref)
36
40
  }));
37
41
  }
@@ -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","SChartSkeleton","type","createElement","cn","_assignProps"],"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,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,qhBAElB;AACD;AACA;AACA,MAAMC,eAAe,qWAEpB;AAED,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CACxBC,KAAuF,EACvF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRd,QAAQ;EAHpB,MAAMe,IAAI,GAAGL,KAAK,CAACK,IAAI,IAAI,QAAQ;EACnC,OAAAF,KAAA,GAAOf,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAiB,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCZ,OAAO,CAACS,IAAI,CAAC;IAAG,GAAAJ,IAAA;EAAA,EAC7D,CAAC;AAEN;AAEA,eAAef,eAAe,CAACa,iBAAiB,CAAC","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Line.type.js.map
@@ -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":[]}
@@ -2,20 +2,21 @@ import { sstyled as _sstyled } from "@semcore/core";
2
2
  import { assignProps as _assignProps } from "@semcore/core";
3
3
  import { createComponent, Root, sstyled } from '@semcore/core';
4
4
  import React from 'react';
5
- import { Skeleton } from '../Skeleton';
6
- /*!__reshadow-styles__:"../style/chart.shadow.css"*/
7
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1dfvr_gg_{height:200px;width:100%;background-image:var(--bgPattern_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgPosition_1dfvr_gg_{background-position:var(--bgPosition_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgSize_1dfvr_gg_{background-size:var(--bgSize_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgRepeat_1dfvr_gg_{background-repeat:var(--bgRepeat_1dfvr)}", /*__inner_css_end__*/"1dfvr_gg_"),
5
+ import { Skeleton } from '../../Skeleton';
6
+ /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
7
+ const 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_"),
8
8
  /*__reshadow_css_end__*/
9
9
  {
10
- "__SChartSkeleton": "___SChartSkeleton_1dfvr_gg_",
11
- "--bgPattern": "--bgPattern_1dfvr",
12
- "_bgPosition": "__bgPosition_1dfvr_gg_",
13
- "--bgPosition": "--bgPosition_1dfvr",
14
- "_bgSize": "__bgSize_1dfvr_gg_",
15
- "--bgSize": "--bgSize_1dfvr",
16
- "_bgRepeat": "__bgRepeat_1dfvr_gg_",
17
- "--bgRepeat": "--bgRepeat_1dfvr"
18
- }); // @ts-ignore
10
+ "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
11
+ "--bgPattern": "--bgPattern_1oiqb",
12
+ "_bgPosition": "__bgPosition_1oiqb_gg_",
13
+ "--bgPosition": "--bgPosition_1oiqb",
14
+ "_bgSize": "__bgSize_1oiqb_gg_",
15
+ "--bgSize": "--bgSize_1oiqb",
16
+ "_bgRepeat": "__bgRepeat_1oiqb_gg_",
17
+ "--bgRepeat": "--bgRepeat_1oiqb"
18
+ }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
19
+ // @ts-ignore
19
20
  const radialSvg = "PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNTggMjAwQzE1OCAxOTMuMzczIDE2My4zNzMgMTg4IDE3MCAxODhIMjMwQzIzNi42MjcgMTg4IDI0MiAxOTMuMzczIDI0MiAyMDBDMjQyIDIwNi42MjcgMjM2LjYyNyAyMTIgMjMwIDIxMkgxNzBDMTYzLjM3MyAyMTIgMTU4IDIwNi42MjcgMTU4IDIwMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0yNzQuNjk3IDE3Ljk1NzZDMjcwLjYxNSAxNi4yNjY4IDI2NS45MzUgMTguMjA1MyAyNjQuMjQ1IDIyLjI4NzJMMjUyLjc2NCA1MC4wMDM2QzI1MS4wNzMgNTQuMDg1NiAyNTMuMDEyIDU4Ljc2NTMgMjU3LjA5NCA2MC40NTYxTDI1Ni4xNyA2MC4wNzM0TDIyMi44NzYgMTQwLjQ1MUwyMjQuNzI0IDE0MS4yMTZMMjU4LjAxOCA2MC44Mzg4TDI1Ny4wOTQgNjAuNDU2MUMyNjEuMTc2IDYyLjE0NjkgMjY1Ljg1NSA2MC4yMDg1IDI2Ny41NDYgNTYuMTI2NUwyNzkuMDI3IDI4LjQxMDJDMjgwLjcxOCAyNC4zMjgyIDI3OC43NzkgMTkuNjQ4NCAyNzQuNjk3IDE3Ljk1NzZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzM4LjQ0NiA2MC41NTM2QzMzNS4zMjIgNTcuNDI5NCAzMzAuMjU3IDU3LjQyOTQgMzI3LjEzMyA2MC41NTM2TDMwNS45MTkgODEuNzY2OEMzMDIuNzk1IDg0Ljg5MSAzMDIuNzk1IDg5Ljk1NjMgMzA1LjkxOSA5My4wODA1TDMwNS4yMTIgOTIuMzczNEwyNDMuNjk0IDE1My44OTJMMjQ1LjEwOCAxNTUuMzA2TDMwNi42MjcgOTMuNzg3NkwzMDUuOTE5IDkzLjA4MDVDMzA5LjA0NCA5Ni4yMDQ3IDMxNC4xMDkgOTYuMjA0NyAzMTcuMjMzIDkzLjA4MDVMMzM4LjQ0NiA3MS44NjczQzM0MS41NzEgNjguNzQzMSAzNDEuNTcxIDYzLjY3NzggMzM4LjQ0NiA2MC41NTM2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM4MS4wNDIgMTI0LjMwM0MzNzkuMzUyIDEyMC4yMjEgMzc0LjY3MiAxMTguMjgyIDM3MC41OSAxMTkuOTczTDM0Mi44NzQgMTMxLjQ1NEMzMzguNzkyIDEzMy4xNDQgMzM2Ljg1MyAxMzcuODI0IDMzOC41NDQgMTQxLjkwNkwzMzguMTYxIDE0MC45ODJMMjU3Ljc4NCAxNzQuMjc2TDI1OC41NDkgMTc2LjEyM0wzMzguOTI3IDE0Mi44M0wzMzguNTQ0IDE0MS45MDZDMzQwLjIzNSAxNDUuOTg4IDM0NC45MTQgMTQ3LjkyNiAzNDguOTk2IDE0Ni4yMzZMMzc2LjcxMyAxMzQuNzU1QzM4MC43OTUgMTMzLjA2NCAzODIuNzMzIDEyOC4zODUgMzgxLjA0MiAxMjQuMzAzWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM5NiAxOTkuNUMzOTYgMTk1LjA4MiAzOTIuNDE4IDE5MS41IDM4OCAxOTEuNUgzNThDMzUzLjU4MiAxOTEuNSAzNTAgMTk1LjA4MiAzNTAgMTk5LjVWMTk4LjVIMjYzVjIwMC41SDM1MFYxOTkuNUMzNTAgMjAzLjkxOCAzNTMuNTgyIDIwNy41IDM1OCAyMDcuNUgzODhDMzkyLjQxOCAyMDcuNSAzOTYgMjAzLjkxOCAzOTYgMTk5LjVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzgxLjA0MyAyNzQuNjk3QzM4Mi43MzMgMjcwLjYxNSAzODAuNzk1IDI2NS45MzYgMzc2LjcxMyAyNjQuMjQ1TDM0OC45OTcgMjUyLjc2NEMzNDQuOTE1IDI1MS4wNzQgMzQwLjIzNSAyNTMuMDEyIDMzOC41NDQgMjU3LjA5NEwzMzguOTI3IDI1Ni4xN0wyNTguNTQ5IDIyMi44NzdMMjU3Ljc4NCAyMjQuNzI0TDMzOC4xNjEgMjU4LjAxOEwzMzguNTQ0IDI1Ny4wOTRDMzM2Ljg1MyAyNjEuMTc2IDMzOC43OTIgMjY1Ljg1NiAzNDIuODc0IDI2Ny41NDZMMzcwLjU5IDI3OS4wMjdDMzc0LjY3MiAyODAuNzE4IDM3OS4zNTIgMjc4Ljc3OSAzODEuMDQzIDI3NC42OTdaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzM4LjQ0NyAzMzguNDQ3QzM0MS41NzEgMzM1LjMyMiAzNDEuNTcxIDMzMC4yNTcgMzM4LjQ0NyAzMjcuMTMzTDMxNy4yMzMgMzA1LjkyQzMxNC4xMDkgMzAyLjc5NSAzMDkuMDQ0IDMwMi43OTUgMzA1LjkyIDMwNS45MkwzMDYuNjI3IDMwNS4yMTNMMjQ1LjEwOSAyNDMuNjk0TDI0My42OTQgMjQ1LjEwOEwzMDUuMjEzIDMwNi42MjdMMzA1LjkyIDMwNS45MkMzMDIuNzk2IDMwOS4wNDQgMzAyLjc5NiAzMTQuMTA5IDMwNS45MiAzMTcuMjMzTDMyNy4xMzMgMzM4LjQ0N0MzMzAuMjU3IDM0MS41NzEgMzM1LjMyMiAzNDEuNTcxIDMzOC40NDcgMzM4LjQ0N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0yNzQuNjk3IDM4MS4wNDJDMjc4Ljc3OSAzNzkuMzUyIDI4MC43MTggMzc0LjY3MiAyNzkuMDI3IDM3MC41OUwyNjcuNTQ2IDM0Mi44NzNDMjY1Ljg1NiAzMzguNzkxIDI2MS4xNzYgMzM2Ljg1MyAyNTcuMDk0IDMzOC41NDRMMjU4LjAxOCAzMzguMTYxTDIyNC43MjQgMjU3Ljc4NEwyMjIuODc3IDI1OC41NDlMMjU2LjE3IDMzOC45MjdMMjU3LjA5NCAzMzguNTQ0QzI1My4wMTIgMzQwLjIzNSAyNTEuMDc0IDM0NC45MTQgMjUyLjc2NCAzNDguOTk2TDI2NC4yNDUgMzc2LjcxM0MyNjUuOTM2IDM4MC43OTUgMjcwLjYxNSAzODIuNzMzIDI3NC42OTcgMzgxLjA0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xOTkuNSAzOTZDMjAzLjkxOCAzOTYgMjA3LjUgMzkyLjQxOCAyMDcuNSAzODhWMzU4QzIwNy41IDM1My41ODIgMjAzLjkxOCAzNTAgMTk5LjUgMzUwSDIwMC41VjI2M0gxOTguNVYzNTBIMTk5LjVDMTk1LjA4MiAzNTAgMTkxLjUgMzUzLjU4MiAxOTEuNSAzNThWMzg4QzE5MS41IDM5Mi40MTggMTk1LjA4MiAzOTYgMTk5LjUgMzk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTEyNC4zMDMgMzgxLjA0MkMxMjguMzg1IDM4Mi43MzMgMTMzLjA2NSAzODAuNzk1IDEzNC43NTUgMzc2LjcxM0wxNDYuMjM2IDM0OC45OTZDMTQ3LjkyNyAzNDQuOTE0IDE0NS45ODggMzQwLjIzNSAxNDEuOTA2IDMzOC41NDRMMTQyLjgzIDMzOC45MjdMMTc2LjEyNCAyNTguNTQ5TDE3NC4yNzYgMjU3Ljc4NEwxNDAuOTgyIDMzOC4xNjFMMTQxLjkwNiAzMzguNTQ0QzEzNy44MjQgMzM2Ljg1MyAxMzMuMTQ1IDMzOC43OTEgMTMxLjQ1NCAzNDIuODczTDExOS45NzMgMzcwLjU5QzExOC4yODIgMzc0LjY3MiAxMjAuMjIxIDM3OS4zNTIgMTI0LjMwMyAzODEuMDQyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTYwLjU1MzYgMzM4LjQ0NkM2My42Nzc4IDM0MS41NzEgNjguNzQzMSAzNDEuNTcxIDcxLjg2NzMgMzM4LjQ0Nkw5My4wODA1IDMxNy4yMzNDOTYuMjA0NyAzMTQuMTA5IDk2LjIwNDcgMzA5LjA0NCA5My4wODA1IDMwNS45MTlMOTMuNzg3NiAzMDYuNjI3TDE1NS4zMDYgMjQ1LjEwOEwxNTMuODkyIDI0My42OTRMOTIuMzczNCAzMDUuMjEyTDkzLjA4MDUgMzA1LjkxOUM4OS45NTYzIDMwMi43OTUgODQuODkxIDMwMi43OTUgODEuNzY2OCAzMDUuOTE5TDYwLjU1MzYgMzI3LjEzM0M1Ny40Mjk0IDMzMC4yNTcgNTcuNDI5NCAzMzUuMzIyIDYwLjU1MzYgMzM4LjQ0NloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xNy45NTc2IDI3NC42OTdDMTkuNjQ4NCAyNzguNzc5IDI0LjMyODEgMjgwLjcxOCAyOC40MTAxIDI3OS4wMjdMNTYuMTI2NSAyNjcuNTQ2QzYwLjIwODQgMjY1Ljg1NiA2Mi4xNDY4IDI2MS4xNzYgNjAuNDU2IDI1Ny4wOTRMNjAuODM4NyAyNTguMDE4TDE0MS4yMTYgMjI0LjcyNEwxNDAuNDUxIDIyMi44NzdMNjAuMDczMyAyNTYuMTdMNjAuNDU2IDI1Ny4wOTRDNTguNzY1MiAyNTMuMDEyIDU0LjA4NTUgMjUxLjA3NCA1MC4wMDM1IDI1Mi43NjRMMjIuMjg3MSAyNjQuMjQ1QzE4LjIwNTIgMjY1LjkzNiAxNi4yNjY4IDI3MC42MTUgMTcuOTU3NiAyNzQuNjk3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMgMTk5LjVDMyAyMDMuOTE4IDYuNTgxNzIgMjA3LjUgMTEgMjA3LjVINDFDNDUuNDE4MyAyMDcuNSA0OSAyMDMuOTE4IDQ5IDE5OS41VjIwMC41SDEzNlYxOTguNUg0OVYxOTkuNUM0OSAxOTUuMDgyIDQ1LjQxODMgMTkxLjUgNDEgMTkxLjVIMTFDNi41ODE3MiAxOTEuNSAzIDE5NS4wODIgMyAxOTkuNVoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xNy45NTc1IDEyNC4zMDNDMTYuMjY2NyAxMjguMzg1IDE4LjIwNTEgMTMzLjA2NCAyMi4yODcgMTM0Ljc1NUw1MC4wMDM0IDE0Ni4yMzZDNTQuMDg1NCAxNDcuOTI2IDU4Ljc2NTEgMTQ1Ljk4OCA2MC40NTU5IDE0MS45MDZMNjAuMDczMiAxNDIuODNMMTQwLjQ1MSAxNzYuMTIzTDE0MS4yMTYgMTc0LjI3Nkw2MC44Mzg2IDE0MC45ODJMNjAuNDU1OSAxNDEuOTA2QzYyLjE0NjcgMTM3LjgyNCA2MC4yMDgzIDEzMy4xNDQgNTYuMTI2NCAxMzEuNDU0TDI4LjQxIDExOS45NzNDMjQuMzI4IDExOC4yODIgMTkuNjQ4MyAxMjAuMjIxIDE3Ljk1NzUgMTI0LjMwM1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik02MC41NTMzIDYwLjU1MzVDNTcuNDI5MSA2My42Nzc3IDU3LjQyOTEgNjguNzQzIDYwLjU1MzMgNzEuODY3Mkw4MS43NjY1IDkzLjA4MDRDODQuODkwNyA5Ni4yMDQ2IDg5Ljk1NjEgOTYuMjA0NiA5My4wODAzIDkzLjA4MDRMOTIuMzczMSA5My43ODc1TDE1My44OTEgMTU1LjMwNkwxNTUuMzA2IDE1My44OTJMOTMuNzg3NCA5Mi4zNzMzTDkzLjA4MDMgOTMuMDgwNEM5Ni4yMDQ0IDg5Ljk1NjIgOTYuMjA0NCA4NC44OTA5IDkzLjA4MDMgODEuNzY2N0w3MS44NjcxIDYwLjU1MzVDNjguNzQyOSA1Ny40MjkzIDYzLjY3NzUgNTcuNDI5MyA2MC41NTMzIDYwLjU1MzVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTI0LjMwMyAxNy45NTc3QzEyMC4yMjEgMTkuNjQ4NSAxMTguMjgyIDI0LjMyODIgMTE5Ljk3MyAyOC40MTAyTDEzMS40NTQgNTYuMTI2NkMxMzMuMTQ0IDYwLjIwODUgMTM3LjgyNCA2Mi4xNDcgMTQxLjkwNiA2MC40NTYyTDE0MC45ODIgNjAuODM4OEwxNzQuMjc2IDE0MS4yMTZMMTc2LjEyMyAxNDAuNDUxTDE0Mi44MyA2MC4wNzM1TDE0MS45MDYgNjAuNDU2MkMxNDUuOTg4IDU4Ljc2NTQgMTQ3LjkyNiA1NC4wODU2IDE0Ni4yMzYgNTAuMDAzN0wxMzQuNzU1IDIyLjI4NzNDMTMzLjA2NCAxOC4yMDUzIDEyOC4zODUgMTYuMjY2OSAxMjQuMzAzIDE3Ljk1NzdaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTk5LjUgM0MxOTUuMDgyIDMgMTkxLjUgNi41ODE3MiAxOTEuNSAxMVY0MUMxOTEuNSA0NS40MTgzIDE5NS4wODIgNDkgMTk5LjUgNDlIMTk4LjVWMTM2SDIwMC41VjQ5SDE5OS41QzIwMy45MTggNDkgMjA3LjUgNDUuNDE4MyAyMDcuNSA0MVYxMUMyMDcuNSA2LjU4MTcyIDIwMy45MTggMyAxOTkuNSAzWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
20
21
  function RadialTreeChartSkeleton() {
21
22
  var _ref = arguments[0],
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadialTree.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","radialSvg","RadialTreeChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../../src/charts/RadialTree/RadialTree.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonRadialTreeChart } from './RadialTree.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 radialSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/radial-chart.svg'))\n`;\n\nfunction RadialTreeChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition='center'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${radialSvg})`}\n />,\n );\n}\n\nexport default createComponent(RadialTreeChartSkeleton) as NSSkeletonRadialTreeChart.Component;\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,SAAS,izOAEd;AAED,SAASC,uBAAuBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACjC,MAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOV,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAW,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,WAAW;MAAA,cACT,QAAQ;MAAA,UACZ,SAAS;MAAA,aACL,iCAAiCR,SAAS;IAAG,GAAAE,IAAA;EAAA,EACzD,CAAC;AAEN;AAEA,eAAeV,eAAe,CAACS,uBAAuB,CAAC","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=RadialTree.type.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadialTree.type.js","names":[],"sources":["../../../../src/charts/RadialTree/RadialTree.type.ts"],"sourcesContent":["import type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonRadialTreeChart {\n type Component = NSSkeleton.Component;\n}\n\nexport type { NSSkeletonRadialTreeChart };\n"],"mappings":"","ignoreList":[]}
@@ -2,20 +2,21 @@ import { sstyled as _sstyled } from "@semcore/core";
2
2
  import { assignProps as _assignProps } from "@semcore/core";
3
3
  import { createComponent, Root, sstyled } from '@semcore/core';
4
4
  import React from 'react';
5
- import { Skeleton } from '../Skeleton';
6
- /*!__reshadow-styles__:"../style/chart.shadow.css"*/
7
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1dfvr_gg_{height:200px;width:100%;background-image:var(--bgPattern_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgPosition_1dfvr_gg_{background-position:var(--bgPosition_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgSize_1dfvr_gg_{background-size:var(--bgSize_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgRepeat_1dfvr_gg_{background-repeat:var(--bgRepeat_1dfvr)}", /*__inner_css_end__*/"1dfvr_gg_"),
5
+ import { Skeleton } from '../../Skeleton';
6
+ /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
7
+ const 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_"),
8
8
  /*__reshadow_css_end__*/
9
9
  {
10
- "__SChartSkeleton": "___SChartSkeleton_1dfvr_gg_",
11
- "--bgPattern": "--bgPattern_1dfvr",
12
- "_bgPosition": "__bgPosition_1dfvr_gg_",
13
- "--bgPosition": "--bgPosition_1dfvr",
14
- "_bgSize": "__bgSize_1dfvr_gg_",
15
- "--bgSize": "--bgSize_1dfvr",
16
- "_bgRepeat": "__bgRepeat_1dfvr_gg_",
17
- "--bgRepeat": "--bgRepeat_1dfvr"
18
- });
10
+ "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
11
+ "--bgPattern": "--bgPattern_1oiqb",
12
+ "_bgPosition": "__bgPosition_1oiqb_gg_",
13
+ "--bgPosition": "--bgPosition_1oiqb",
14
+ "_bgSize": "__bgSize_1oiqb_gg_",
15
+ "--bgSize": "--bgSize_1oiqb",
16
+ "_bgRepeat": "__bgRepeat_1oiqb_gg_",
17
+ "--bgRepeat": "--bgRepeat_1oiqb"
18
+ }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
19
+ // @ts-ignore
19
20
  const scatterSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjExMCIgdmlld0JveD0iMCAwIDM3NiAxMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDMyOF8xNDY5NzkpIj4KPHBhdGggZD0iTTEwIDExMEMxNS41MjI4IDExMCAyMCAxMDUuNTIzIDIwIDEwMEMyMCA5NC40NzcyIDE1LjUyMjggOTAgMTAgOTBDNC40NzcxNSA5MCAwIDk0LjQ3NzIgMCAxMDBDMCAxMDUuNTIzIDQuNDc3MTUgMTEwIDEwIDExMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgNzJDMTM0LjUyMyA3MiAxMzkgNjcuNTIyOCAxMzkgNjJDMTM5IDU2LjQ3NzIgMTM0LjUyMyA1MiAxMjkgNTJDMTIzLjQ3NyA1MiAxMTkgNTYuNDc3MiAxMTkgNjJDMTE5IDY3LjUyMjggMTIzLjQ3NyA3MiAxMjkgNzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTg4IDk2QzE5My41MjMgOTYgMTk4IDkxLjUyMjggMTk4IDg2QzE5OCA4MC40NzcyIDE5My41MjMgNzYgMTg4IDc2QzE4Mi40NzcgNzYgMTc4IDgwLjQ3NzIgMTc4IDg2QzE3OCA5MS41MjI4IDE4Mi40NzcgOTYgMTg4IDk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM2NiAyMEMzNzEuNTIzIDIwIDM3NiAxNS41MjI4IDM3NiAxMEMzNzYgNC40NzcxNSAzNzEuNTIzIDAgMzY2IDBDMzYwLjQ3NyAwIDM1NiA0LjQ3NzE1IDM1NiAxMEMzNTYgMTUuNTIyOCAzNjAuNDc3IDIwIDM2NiAyMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik03MCA1NEM3NS41MjI4IDU0IDgwIDQ5LjUyMjggODAgNDRDODAgMzguNDc3MiA3NS41MjI4IDM0IDcwIDM0QzY0LjQ3NzIgMzQgNjAgMzguNDc3MiA2MCA0NEM2MCA0OS41MjI4IDY0LjQ3NzIgNTQgNzAgNTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMjQ3IDYyQzI1Mi41MjMgNjIgMjU3IDU3LjUyMjggMjU3IDUyQzI1NyA0Ni40NzcyIDI1Mi41MjMgNDIgMjQ3IDQyQzI0MS40NzcgNDIgMjM3IDQ2LjQ3NzIgMjM3IDUyQzIzNyA1Ny41MjI4IDI0MS40NzcgNjIgMjQ3IDYyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMwNiA3MEMzMTEuNTIzIDcwIDMxNiA2NS41MjI4IDMxNiA2MEMzMTYgNTQuNDc3MiAzMTEuNTIzIDUwIDMwNiA1MEMzMDAuNDc3IDUwIDI5NiA1NC40NzcyIDI5NiA2MEMyOTYgNjUuNTIyOCAzMDAuNDc3IDcwIDMwNiA3MFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTAzMjhfMTQ2OTc5Ij4KPHJlY3Qgd2lkdGg9IjM3NiIgaGVpZ2h0PSIxMTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
20
21
  function ScatterPlotChartSkeleton() {
21
22
  var _ref = arguments[0],
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScatterPlot.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","scatterSvg","ScatterPlotChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../../src/charts/ScatterPlot/ScatterPlot.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonScatterPlotChart } from './ScatterPlot.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 scatterSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/scatter-plot-chart.svg'))\n`;\n\nfunction ScatterPlotChartSkeleton() {\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,${scatterSvg})`}\n />,\n );\n}\n\nexport default createComponent(ScatterPlotChartSkeleton) as NSSkeletonScatterPlotChart.Component;\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,UAAU,66DAEf;AAED,SAASC,wBAAwBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClC,MAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOV,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAW,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCR,UAAU;IAAG,GAAAE,IAAA;EAAA,EAC1D,CAAC;AAEN;AAEA,eAAeV,eAAe,CAACS,wBAAwB,CAAC","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=ScatterPlot.type.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScatterPlot.type.js","names":[],"sources":["../../../../src/charts/ScatterPlot/ScatterPlot.type.ts"],"sourcesContent":["import type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonScatterPlotChart {\n type Component = NSSkeleton.Component;\n}\n\nexport type { NSSkeletonScatterPlotChart };\n"],"mappings":"","ignoreList":[]}
@@ -2,20 +2,21 @@ import { sstyled as _sstyled } from "@semcore/core";
2
2
  import { assignProps as _assignProps } from "@semcore/core";
3
3
  import { createComponent, Root, sstyled } from '@semcore/core';
4
4
  import React from 'react';
5
- import { Skeleton } from '../Skeleton';
6
- /*!__reshadow-styles__:"../style/chart.shadow.css"*/
7
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1dfvr_gg_{height:200px;width:100%;background-image:var(--bgPattern_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgPosition_1dfvr_gg_{background-position:var(--bgPosition_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgSize_1dfvr_gg_{background-size:var(--bgSize_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgRepeat_1dfvr_gg_{background-repeat:var(--bgRepeat_1dfvr)}", /*__inner_css_end__*/"1dfvr_gg_"),
5
+ import { Skeleton } from '../../Skeleton';
6
+ /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
7
+ const 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_"),
8
8
  /*__reshadow_css_end__*/
9
9
  {
10
- "__SChartSkeleton": "___SChartSkeleton_1dfvr_gg_",
11
- "--bgPattern": "--bgPattern_1dfvr",
12
- "_bgPosition": "__bgPosition_1dfvr_gg_",
13
- "--bgPosition": "--bgPosition_1dfvr",
14
- "_bgSize": "__bgSize_1dfvr_gg_",
15
- "--bgSize": "--bgSize_1dfvr",
16
- "_bgRepeat": "__bgRepeat_1dfvr_gg_",
17
- "--bgRepeat": "--bgRepeat_1dfvr"
18
- });
10
+ "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
11
+ "--bgPattern": "--bgPattern_1oiqb",
12
+ "_bgPosition": "__bgPosition_1oiqb_gg_",
13
+ "--bgPosition": "--bgPosition_1oiqb",
14
+ "_bgSize": "__bgSize_1oiqb_gg_",
15
+ "--bgSize": "--bgSize_1oiqb",
16
+ "_bgRepeat": "__bgRepeat_1oiqb_gg_",
17
+ "--bgRepeat": "--bgRepeat_1oiqb"
18
+ }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
19
+ // @ts-ignore
19
20
  const vennSvg = "PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDIwMCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9dmVubiBjaGFydCwgcGljdHVyZSBkaXY9ZmFsc2UiPgo8ZyBpZD0ic2tlbGV0b24tdmVubiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMzI4XzE0Njk4OSkiPgo8cGF0aCBpZD0iU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzcuNzc3OCA5MEM3Ny43Nzc4IDcxLjA1NzQgODYuNDI3NyA1NC4xMzE1IDEwMCA0Mi45NDMxQzExMy41NzIgNTQuMTMxNSAxMjIuMjIyIDcxLjA1NzQgMTIyLjIyMiA5MEMxMjIuMjIyIDEwOC45NDMgMTEzLjU3MiAxMjUuODY5IDEwMCAxMzcuMDU3Qzg2LjQyNzcgMTI1Ljg2OSA3Ny43Nzc4IDEwOC45NDMgNzcuNzc3OCA5MFpNMTAwIDEzNy4wNTdDMTEwLjU2NiAxNDUuNzY3IDEyNC4xMTUgMTUxIDEzOC44ODkgMTUxQzE3Mi42NCAxNTEgMjAwIDEyMy42ODkgMjAwIDkwQzIwMCA1Ni4zMTA2IDE3Mi42NCAyOSAxMzguODg5IDI5QzEyNC4xMTUgMjkgMTEwLjU2NiAzNC4yMzI5IDEwMCA0Mi45NDMxQzg5LjQzNCAzNC4yMzI5IDc1Ljg4NDggMjkgNjEuMTExMSAyOUMyNy4zNjA0IDI5IDAgNTYuMzEwNiAwIDkwQzAgMTIzLjY4OSAyNy4zNjA0IDE1MSA2MS4xMTExIDE1MUM3NS44ODQ4IDE1MSA4OS40MzQgMTQ1Ljc2NyAxMDAgMTM3LjA1N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGlkPSJQYXRoIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwMCA0M0MxMTMuNDM3IDU0LjE3NDkgMTIyIDcxLjA4MDMgMTIyIDkwQzEyMiAxMDguOTIgMTEzLjQzNyAxMjUuODI1IDEwMCAxMzdDODYuNTYzNSAxMjUuODI1IDc4IDEwOC45MiA3OCA5MEM3OCA3MS4wODAzIDg2LjU2MzUgNTQuMTc0OSAxMDAgNDNWNDNaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDMyOF8xNDY5ODkiPgo8cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjkpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
20
21
  function VennChartSkeleton() {
21
22
  var _ref = arguments[0],
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Venn.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","vennSvg","VennChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../../src/charts/Venn/Venn.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\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 vennSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/venn-chart.svg'))\n`;\n\nfunction VennChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition='center'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${vennSvg})`}\n />,\n );\n}\n\nexport default createComponent(VennChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,OAAO,inDAEZ;AAED,SAASC,iBAAiBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3B,MAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOV,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAW,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,WAAW;MAAA,cACT,QAAQ;MAAA,UACZ,SAAS;MAAA,aACL,iCAAiCR,OAAO;IAAG,GAAAE,IAAA;EAAA,EACvD,CAAC;AAEN;AAEA,eAAeV,eAAe,CAACS,iBAAiB,CAAC","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Venn.type.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Venn.type.js","names":[],"sources":["../../../../src/charts/Venn/Venn.type.ts"],"sourcesContent":["import type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonVennChart {\n type Component = NSSkeleton.Component;\n}\n\nexport type { NSSkeletonVennChart };\n"],"mappings":"","ignoreList":[]}
package/lib/es6/index.js CHANGED
@@ -1,3 +1,23 @@
1
1
  export { default } from './Skeleton';
2
- export * from './Charts';
2
+ export * from './Skeleton.type';
3
+ export { default as AreaChartSkeleton } from './charts/Area/Area';
4
+ export * from './charts/Area/Area.type';
5
+ export { default as BarChartSkeleton } from './charts/Bar/Bar';
6
+ export * from './charts/Bar/Bar.type';
7
+ export { default as BubbleChartSkeleton } from './charts/Bubble/Bubble';
8
+ export * from './charts/Bubble/Bubble.type';
9
+ export { default as CompactHorizontalBarChartSkeleton } from './charts/CompactHorizontalBar/CompactHorizontalBar';
10
+ export * from './charts/CompactHorizontalBar/CompactHorizontalBar.type';
11
+ export { default as DonutChartSkeleton } from './charts/Donut/Donut';
12
+ export * from './charts/Donut/Donut.type';
13
+ export { default as HistogramChartSkeleton } from './charts/Histogram/Histogram';
14
+ export * from './charts/Histogram/Histogram.type';
15
+ export { default as LineChartSkeleton } from './charts/Line/Line';
16
+ export * from './charts/Line/Line.type';
17
+ export { default as RadialTreeChartSkeleton } from './charts/RadialTree/RadialTree';
18
+ export * from './charts/RadialTree/RadialTree.type';
19
+ export { default as ScatterPlotChartSkeleton } from './charts/ScatterPlot/ScatterPlot';
20
+ export * from './charts/ScatterPlot/ScatterPlot.type';
21
+ export { default as VennChartSkeleton } from './charts/Venn/Venn';
22
+ export * from './charts/Venn/Venn.type';
3
23
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Skeleton';\n\nexport * from './Charts';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAEpC,cAAc,UAAU","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["default","AreaChartSkeleton","BarChartSkeleton","BubbleChartSkeleton","CompactHorizontalBarChartSkeleton","DonutChartSkeleton","HistogramChartSkeleton","LineChartSkeleton","RadialTreeChartSkeleton","ScatterPlotChartSkeleton","VennChartSkeleton"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './Skeleton';\nexport * from './Skeleton.type';\n\nexport { default as AreaChartSkeleton } from './charts/Area/Area';\nexport * from './charts/Area/Area.type';\nexport { default as BarChartSkeleton } from './charts/Bar/Bar';\nexport * from './charts/Bar/Bar.type';\nexport { default as BubbleChartSkeleton } from './charts/Bubble/Bubble';\nexport * from './charts/Bubble/Bubble.type';\nexport { default as CompactHorizontalBarChartSkeleton } from './charts/CompactHorizontalBar/CompactHorizontalBar';\nexport * from './charts/CompactHorizontalBar/CompactHorizontalBar.type';\nexport { default as DonutChartSkeleton } from './charts/Donut/Donut';\nexport * from './charts/Donut/Donut.type';\nexport { default as HistogramChartSkeleton } from './charts/Histogram/Histogram';\nexport * from './charts/Histogram/Histogram.type';\nexport { default as LineChartSkeleton } from './charts/Line/Line';\nexport * from './charts/Line/Line.type';\nexport { default as RadialTreeChartSkeleton } from './charts/RadialTree/RadialTree';\nexport * from './charts/RadialTree/RadialTree.type';\nexport { default as ScatterPlotChartSkeleton } from './charts/ScatterPlot/ScatterPlot';\nexport * from './charts/ScatterPlot/ScatterPlot.type';\nexport { default as VennChartSkeleton } from './charts/Venn/Venn';\nexport * from './charts/Venn/Venn.type';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AACpC,cAAc,iBAAiB;AAE/B,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,oBAAoB;AACjE,cAAc,yBAAyB;AACvC,SAASD,OAAO,IAAIE,gBAAgB,QAAQ,kBAAkB;AAC9D,cAAc,uBAAuB;AACrC,SAASF,OAAO,IAAIG,mBAAmB,QAAQ,wBAAwB;AACvE,cAAc,6BAA6B;AAC3C,SAASH,OAAO,IAAII,iCAAiC,QAAQ,oDAAoD;AACjH,cAAc,yDAAyD;AACvE,SAASJ,OAAO,IAAIK,kBAAkB,QAAQ,sBAAsB;AACpE,cAAc,2BAA2B;AACzC,SAASL,OAAO,IAAIM,sBAAsB,QAAQ,8BAA8B;AAChF,cAAc,mCAAmC;AACjD,SAASN,OAAO,IAAIO,iBAAiB,QAAQ,oBAAoB;AACjE,cAAc,yBAAyB;AACvC,SAASP,OAAO,IAAIQ,uBAAuB,QAAQ,gCAAgC;AACnF,cAAc,qCAAqC;AACnD,SAASR,OAAO,IAAIS,wBAAwB,QAAQ,kCAAkC;AACtF,cAAc,uCAAuC;AACrD,SAAST,OAAO,IAAIU,iBAAiB,QAAQ,oBAAoB;AACjE,cAAc,yBAAyB","ignoreList":[]}
@@ -11,18 +11,18 @@ const style = (
11
11
  /*__reshadow_css_start__*/
12
12
  (sstyled.insert(
13
13
  /*__inner_css_start__*/
14
- "@keyframes pulse_192pf{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_192pf_gg_{animation-name:pulse_192pf;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_192pf);will-change:opacity}.___SSkeletonSVG_192pf_gg_._theme_invert_192pf_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_192pf_gg_._theme_dark_192pf_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_192pf_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_192pf_gg_{animation-name:none}}",
14
+ "@keyframes pulse_1rvju{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1rvju_gg_{animation-name:pulse_1rvju;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1rvju);will-change:opacity}.___SSkeletonSVG_1rvju_gg_._theme_invert_1rvju_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1rvju_gg_._theme_dark_1rvju_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1rvju_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1rvju_gg_{animation-name:none}}",
15
15
  /*__inner_css_end__*/
16
- "192pf_gg_"
16
+ "1rvju_gg_"
17
17
  ), /*__reshadow_css_end__*/
18
18
  {
19
- "__SSkeleton": "___SSkeleton_192pf_gg_",
20
- "--durationAnim": "--durationAnim_192pf",
21
- "@pulse": "pulse_192pf",
22
- "__SSkeletonSVG": "___SSkeletonSVG_192pf_gg_",
23
- "_theme_invert": "_theme_invert_192pf_gg_",
24
- "_theme_dark": "_theme_dark_192pf_gg_",
25
- "__SText": "___SText_192pf_gg_"
19
+ "__SSkeleton": "___SSkeleton_1rvju_gg_",
20
+ "--durationAnim": "--durationAnim_1rvju",
21
+ "@pulse": "pulse_1rvju",
22
+ "__SSkeletonSVG": "___SSkeletonSVG_1rvju_gg_",
23
+ "_theme_invert": "_theme_invert_1rvju_gg_",
24
+ "_theme_dark": "_theme_dark_1rvju_gg_",
25
+ "__SText": "___SText_1rvju_gg_"
26
26
  })
27
27
  );
28
28
  const MAP_COLOR_THEME = {
@@ -61,18 +61,24 @@ class SkeletonSVG extends Component {
61
61
  constructor(props) {
62
62
  super(props);
63
63
  _defineProperty(this, "svgRef", /* @__PURE__ */ React.createRef());
64
+ _defineProperty(this, "observer", null);
64
65
  if (canUseDOM() && props.observeParentSize) {
65
66
  this.observer = new ResizeObserver(this.handleResize.bind(this));
66
67
  }
67
68
  }
68
69
  componentDidMount() {
69
- this.observer?.observe(this.svgRef.current?.parentElement);
70
+ const {
71
+ current
72
+ } = this.svgRef;
73
+ if (current && current.parentElement) {
74
+ this.observer?.observe(current.parentElement);
75
+ }
70
76
  }
71
77
  componentWillUnmount() {
72
78
  this.observer?.disconnect();
73
79
  }
74
- handleResize(data) {
75
- const target = data[0].target;
80
+ handleResize(entries) {
81
+ const target = entries[0].target;
76
82
  const svg = this.svgRef.current;
77
83
  if (target && svg) {
78
84
  svg.setAttribute("width", "100%");
@@ -82,6 +88,7 @@ class SkeletonSVG extends Component {
82
88
  const {
83
89
  theme
84
90
  } = this.asProps;
91
+ if (!theme) return {};
85
92
  return {
86
93
  gradientUrl: MAP_COLOR_THEME[theme]
87
94
  };
@@ -134,24 +141,21 @@ function Text(props) {
134
141
  ...other
135
142
  } = props;
136
143
  const amountLine = Number(amount);
137
- const renderRect = (props2) => {
144
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, [...Array(amountLine)].map((_el, index) => {
138
145
  var _ref5;
139
146
  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", {
140
147
  "tag": "rect",
141
148
  "rx": "4",
142
149
  "ry": "4",
143
150
  "height": "8",
144
- ...props2
151
+ "key": index,
152
+ "y": y || 20 * index,
153
+ "x": x,
154
+ "ref": forwardRef,
155
+ "width": width,
156
+ ...other
145
157
  }));
146
- };
147
- return /* @__PURE__ */ React.createElement(React.Fragment, null, [...Array(amountLine)].map((_el, index) => renderRect({
148
- key: index,
149
- y: y || 20 * index,
150
- x,
151
- ref: forwardRef,
152
- width,
153
- ...other
154
- })));
158
+ }));
155
159
  }
156
160
  const Skeleton = createComponent(SkeletonRoot);
157
161
  const Skeleton_default = createComponent(SkeletonSVG, {
@@ -0,0 +1 @@
1
+
@@ -1,41 +1,41 @@
1
1
  import { sstyled, assignProps, createComponent } from "@semcore/core";
2
2
  import React from "react";
3
- import { Skeleton } from "../Skeleton.mjs";
4
- /*!__reshadow-styles__:"../style/chart.shadow.css"*/
3
+ import { Skeleton } from "../../Skeleton.mjs";
4
+ /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
5
5
  const styles = (
6
6
  /*__reshadow_css_start__*/
7
7
  (sstyled.insert(
8
8
  /*__inner_css_start__*/
9
- ".___SChartSkeleton_1dfvr_gg_{height:200px;width:100%;background-image:var(--bgPattern_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgPosition_1dfvr_gg_{background-position:var(--bgPosition_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgSize_1dfvr_gg_{background-size:var(--bgSize_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgRepeat_1dfvr_gg_{background-repeat:var(--bgRepeat_1dfvr)}",
9
+ ".___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)}",
10
10
  /*__inner_css_end__*/
11
- "1dfvr_gg_"
11
+ "1oiqb_gg_"
12
12
  ), /*__reshadow_css_end__*/
13
13
  {
14
- "__SChartSkeleton": "___SChartSkeleton_1dfvr_gg_",
15
- "--bgPattern": "--bgPattern_1dfvr",
16
- "_bgPosition": "__bgPosition_1dfvr_gg_",
17
- "--bgPosition": "--bgPosition_1dfvr",
18
- "_bgSize": "__bgSize_1dfvr_gg_",
19
- "--bgSize": "--bgSize_1dfvr",
20
- "_bgRepeat": "__bgRepeat_1dfvr_gg_",
21
- "--bgRepeat": "--bgRepeat_1dfvr"
14
+ "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
15
+ "--bgPattern": "--bgPattern_1oiqb",
16
+ "_bgPosition": "__bgPosition_1oiqb_gg_",
17
+ "--bgPosition": "--bgPosition_1oiqb",
18
+ "_bgSize": "__bgSize_1oiqb_gg_",
19
+ "--bgSize": "--bgSize_1oiqb",
20
+ "_bgRepeat": "__bgRepeat_1oiqb_gg_",
21
+ "--bgRepeat": "--bgRepeat_1oiqb"
22
22
  })
23
23
  );
24
24
  const areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
25
25
  const areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
26
+ const pattern = {
27
+ linear: areaLinearSvg,
28
+ monotone: areaMonotoneSvg
29
+ };
26
30
  function AreaChartSkeleton(props) {
27
31
  var _ref = arguments[0], _ref2;
28
32
  const SChartSkeleton = Skeleton;
29
- const patternBase64 = {
30
- linear: areaLinearSvg,
31
- monotone: areaMonotoneSvg
32
- }[props.type ?? "linear"];
33
33
  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
34
34
  ...assignProps({
35
35
  "bgRepeat": "repeat-x",
36
36
  "bgPosition": "left bottom",
37
37
  "bgSize": "auto 50%",
38
- "bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
38
+ "bgPattern": `url(data:image/svg+xml;base64,${pattern[props.type ?? "linear"]})`
39
39
  }, _ref)
40
40
  }));
41
41
  }
@@ -0,0 +1 @@
1
+