@semcore/skeleton 16.1.0 → 16.1.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 (173) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/lib/cjs/{charts/Area → Charts}/Area.js +17 -20
  3. package/lib/cjs/Charts/Area.js.map +1 -0
  4. package/lib/cjs/{charts/Bar → Charts}/Bar.js +29 -35
  5. package/lib/cjs/Charts/Bar.js.map +1 -0
  6. package/lib/cjs/{charts/Bubble → Charts}/Bubble.js +12 -13
  7. package/lib/cjs/Charts/Bubble.js.map +1 -0
  8. package/lib/cjs/{charts/CompactHorizontalBar → Charts}/CompactHorizontalBar.js +12 -13
  9. package/lib/cjs/Charts/CompactHorizontalBar.js.map +1 -0
  10. package/lib/cjs/{charts/Donut → Charts}/Donut.js +22 -26
  11. package/lib/cjs/Charts/Donut.js.map +1 -0
  12. package/lib/cjs/{charts/Histogram → Charts}/Histogram.js +29 -35
  13. package/lib/cjs/Charts/Histogram.js.map +1 -0
  14. package/lib/cjs/{charts/Line → Charts}/Line.js +17 -21
  15. package/lib/cjs/Charts/Line.js.map +1 -0
  16. package/lib/cjs/{charts/RadialTree → Charts}/RadialTree.js +12 -13
  17. package/lib/cjs/Charts/RadialTree.js.map +1 -0
  18. package/lib/cjs/{charts/ScatterPlot → Charts}/ScatterPlot.js +12 -13
  19. package/lib/cjs/Charts/ScatterPlot.js.map +1 -0
  20. package/lib/cjs/{charts/Venn → Charts}/Venn.js +12 -13
  21. package/lib/cjs/Charts/Venn.js.map +1 -0
  22. package/lib/cjs/Charts/index.js +77 -0
  23. package/lib/cjs/Charts/index.js.map +1 -0
  24. package/lib/cjs/Skeleton.d.js +2 -0
  25. package/lib/cjs/Skeleton.d.js.map +1 -0
  26. package/lib/cjs/Skeleton.js +27 -28
  27. package/lib/cjs/Skeleton.js.map +1 -1
  28. package/lib/cjs/index.d.js +2 -0
  29. package/lib/cjs/index.d.js.map +1 -0
  30. package/lib/cjs/index.js +5 -206
  31. package/lib/cjs/index.js.map +1 -1
  32. package/lib/es6/{charts/Area → Charts}/Area.js +17 -20
  33. package/lib/es6/Charts/Area.js.map +1 -0
  34. package/lib/es6/{charts/Bar → Charts}/Bar.js +29 -35
  35. package/lib/es6/Charts/Bar.js.map +1 -0
  36. package/lib/es6/{charts/Bubble → Charts}/Bubble.js +12 -13
  37. package/lib/es6/Charts/Bubble.js.map +1 -0
  38. package/lib/es6/{charts/CompactHorizontalBar → Charts}/CompactHorizontalBar.js +12 -13
  39. package/lib/es6/Charts/CompactHorizontalBar.js.map +1 -0
  40. package/lib/es6/{charts/Donut → Charts}/Donut.js +22 -26
  41. package/lib/es6/Charts/Donut.js.map +1 -0
  42. package/lib/es6/{charts/Histogram → Charts}/Histogram.js +29 -35
  43. package/lib/es6/Charts/Histogram.js.map +1 -0
  44. package/lib/es6/{charts/Line → Charts}/Line.js +17 -21
  45. package/lib/es6/Charts/Line.js.map +1 -0
  46. package/lib/es6/{charts/RadialTree → Charts}/RadialTree.js +12 -13
  47. package/lib/es6/Charts/RadialTree.js.map +1 -0
  48. package/lib/es6/{charts/ScatterPlot → Charts}/ScatterPlot.js +12 -13
  49. package/lib/es6/Charts/ScatterPlot.js.map +1 -0
  50. package/lib/es6/{charts/Venn → Charts}/Venn.js +12 -13
  51. package/lib/es6/Charts/Venn.js.map +1 -0
  52. package/lib/es6/Charts/index.js +11 -0
  53. package/lib/es6/Charts/index.js.map +1 -0
  54. package/lib/es6/Skeleton.d.js +2 -0
  55. package/lib/es6/Skeleton.d.js.map +1 -0
  56. package/lib/es6/Skeleton.js +25 -26
  57. package/lib/es6/Skeleton.js.map +1 -1
  58. package/lib/es6/index.d.js +2 -0
  59. package/lib/es6/index.d.js.map +1 -0
  60. package/lib/es6/index.js +1 -21
  61. package/lib/es6/index.js.map +1 -1
  62. package/lib/esm/{charts/Area → Charts}/Area.mjs +18 -18
  63. package/lib/esm/{charts/Bar → Charts}/Bar.mjs +30 -33
  64. package/lib/esm/{charts/Bubble → Charts}/Bubble.mjs +13 -13
  65. package/lib/esm/{charts/CompactHorizontalBar → Charts}/CompactHorizontalBar.mjs +13 -13
  66. package/lib/esm/{charts/Donut → Charts}/Donut.mjs +23 -24
  67. package/lib/esm/{charts/Histogram → Charts}/Histogram.mjs +30 -33
  68. package/lib/esm/{charts/Line → Charts}/Line.mjs +18 -19
  69. package/lib/esm/{charts/RadialTree → Charts}/RadialTree.mjs +13 -13
  70. package/lib/esm/{charts/ScatterPlot → Charts}/ScatterPlot.mjs +13 -13
  71. package/lib/esm/{charts/Venn → Charts}/Venn.mjs +13 -13
  72. package/lib/esm/Skeleton.mjs +27 -28
  73. package/lib/esm/index.mjs +10 -21
  74. package/lib/types/Skeleton.d.ts +3 -4
  75. package/lib/types/index.d.ts +99 -22
  76. package/package.json +2 -2
  77. package/lib/cjs/Skeleton.type.js +0 -2
  78. package/lib/cjs/Skeleton.type.js.map +0 -1
  79. package/lib/cjs/charts/Area/Area.js.map +0 -1
  80. package/lib/cjs/charts/Area/Area.type.js +0 -2
  81. package/lib/cjs/charts/Area/Area.type.js.map +0 -1
  82. package/lib/cjs/charts/Bar/Bar.js.map +0 -1
  83. package/lib/cjs/charts/Bar/Bar.type.js +0 -2
  84. package/lib/cjs/charts/Bar/Bar.type.js.map +0 -1
  85. package/lib/cjs/charts/Bubble/Bubble.js.map +0 -1
  86. package/lib/cjs/charts/Bubble/Bubble.type.js +0 -2
  87. package/lib/cjs/charts/Bubble/Bubble.type.js.map +0 -1
  88. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +0 -1
  89. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +0 -2
  90. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +0 -1
  91. package/lib/cjs/charts/Donut/Donut.js.map +0 -1
  92. package/lib/cjs/charts/Donut/Donut.type.js +0 -2
  93. package/lib/cjs/charts/Donut/Donut.type.js.map +0 -1
  94. package/lib/cjs/charts/Histogram/Histogram.js.map +0 -1
  95. package/lib/cjs/charts/Histogram/Histogram.type.js +0 -2
  96. package/lib/cjs/charts/Histogram/Histogram.type.js.map +0 -1
  97. package/lib/cjs/charts/Line/Line.js.map +0 -1
  98. package/lib/cjs/charts/Line/Line.type.js +0 -2
  99. package/lib/cjs/charts/Line/Line.type.js.map +0 -1
  100. package/lib/cjs/charts/RadialTree/RadialTree.js.map +0 -1
  101. package/lib/cjs/charts/RadialTree/RadialTree.type.js +0 -2
  102. package/lib/cjs/charts/RadialTree/RadialTree.type.js.map +0 -1
  103. package/lib/cjs/charts/ScatterPlot/ScatterPlot.js.map +0 -1
  104. package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js +0 -2
  105. package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js.map +0 -1
  106. package/lib/cjs/charts/Venn/Venn.js.map +0 -1
  107. package/lib/cjs/charts/Venn/Venn.type.js +0 -2
  108. package/lib/cjs/charts/Venn/Venn.type.js.map +0 -1
  109. package/lib/es6/Skeleton.type.js +0 -2
  110. package/lib/es6/Skeleton.type.js.map +0 -1
  111. package/lib/es6/charts/Area/Area.js.map +0 -1
  112. package/lib/es6/charts/Area/Area.type.js +0 -2
  113. package/lib/es6/charts/Area/Area.type.js.map +0 -1
  114. package/lib/es6/charts/Bar/Bar.js.map +0 -1
  115. package/lib/es6/charts/Bar/Bar.type.js +0 -2
  116. package/lib/es6/charts/Bar/Bar.type.js.map +0 -1
  117. package/lib/es6/charts/Bubble/Bubble.js.map +0 -1
  118. package/lib/es6/charts/Bubble/Bubble.type.js +0 -2
  119. package/lib/es6/charts/Bubble/Bubble.type.js.map +0 -1
  120. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +0 -1
  121. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +0 -2
  122. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +0 -1
  123. package/lib/es6/charts/Donut/Donut.js.map +0 -1
  124. package/lib/es6/charts/Donut/Donut.type.js +0 -2
  125. package/lib/es6/charts/Donut/Donut.type.js.map +0 -1
  126. package/lib/es6/charts/Histogram/Histogram.js.map +0 -1
  127. package/lib/es6/charts/Histogram/Histogram.type.js +0 -2
  128. package/lib/es6/charts/Histogram/Histogram.type.js.map +0 -1
  129. package/lib/es6/charts/Line/Line.js.map +0 -1
  130. package/lib/es6/charts/Line/Line.type.js +0 -2
  131. package/lib/es6/charts/Line/Line.type.js.map +0 -1
  132. package/lib/es6/charts/RadialTree/RadialTree.js.map +0 -1
  133. package/lib/es6/charts/RadialTree/RadialTree.type.js +0 -2
  134. package/lib/es6/charts/RadialTree/RadialTree.type.js.map +0 -1
  135. package/lib/es6/charts/ScatterPlot/ScatterPlot.js.map +0 -1
  136. package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js +0 -2
  137. package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js.map +0 -1
  138. package/lib/es6/charts/Venn/Venn.js.map +0 -1
  139. package/lib/es6/charts/Venn/Venn.type.js +0 -2
  140. package/lib/es6/charts/Venn/Venn.type.js.map +0 -1
  141. package/lib/esm/Skeleton.type.mjs +0 -1
  142. package/lib/esm/charts/Area/Area.type.mjs +0 -1
  143. package/lib/esm/charts/Bar/Bar.type.mjs +0 -1
  144. package/lib/esm/charts/Bubble/Bubble.type.mjs +0 -1
  145. package/lib/esm/charts/CompactHorizontalBar/CompactHorizontalBar.type.mjs +0 -1
  146. package/lib/esm/charts/Donut/Donut.type.mjs +0 -1
  147. package/lib/esm/charts/Histogram/Histogram.type.mjs +0 -1
  148. package/lib/esm/charts/Line/Line.type.mjs +0 -1
  149. package/lib/esm/charts/RadialTree/RadialTree.type.mjs +0 -1
  150. package/lib/esm/charts/ScatterPlot/ScatterPlot.type.mjs +0 -1
  151. package/lib/esm/charts/Venn/Venn.type.mjs +0 -1
  152. package/lib/types/Skeleton.type.d.ts +0 -52
  153. package/lib/types/charts/Area/Area.d.ts +0 -3
  154. package/lib/types/charts/Area/Area.type.d.ts +0 -12
  155. package/lib/types/charts/Bar/Bar.d.ts +0 -3
  156. package/lib/types/charts/Bar/Bar.type.d.ts +0 -12
  157. package/lib/types/charts/Bubble/Bubble.d.ts +0 -3
  158. package/lib/types/charts/Bubble/Bubble.type.d.ts +0 -5
  159. package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.d.ts +0 -3
  160. package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.type.d.ts +0 -5
  161. package/lib/types/charts/Donut/Donut.d.ts +0 -3
  162. package/lib/types/charts/Donut/Donut.type.d.ts +0 -12
  163. package/lib/types/charts/Histogram/Histogram.d.ts +0 -3
  164. package/lib/types/charts/Histogram/Histogram.type.d.ts +0 -12
  165. package/lib/types/charts/Line/Line.d.ts +0 -3
  166. package/lib/types/charts/Line/Line.type.d.ts +0 -12
  167. package/lib/types/charts/RadialTree/RadialTree.d.ts +0 -3
  168. package/lib/types/charts/RadialTree/RadialTree.type.d.ts +0 -5
  169. package/lib/types/charts/ScatterPlot/ScatterPlot.d.ts +0 -3
  170. package/lib/types/charts/ScatterPlot/ScatterPlot.type.d.ts +0 -5
  171. package/lib/types/charts/Venn/Venn.d.ts +0 -2
  172. package/lib/types/charts/Venn/Venn.type.d.ts +0 -5
  173. package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +0 -44
@@ -1,54 +1,51 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import { sstyled, assignProps, createComponent } from "@semcore/core";
2
+ import { createComponent, sstyled, assignProps } from "@semcore/core";
3
3
  import React from "react";
4
- import { Skeleton } from "../../Skeleton.mjs";
5
- /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
4
+ import { Skeleton } from "../Skeleton.mjs";
5
+ /*!__reshadow-styles__:"../style/chart.shadow.css"*/
6
6
  var styles = (
7
7
  /*__reshadow_css_start__*/
8
8
  (sstyled.insert(
9
9
  /*__inner_css_start__*/
10
- ".___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
+ ".___SChartSkeleton_14xba_gg_{height:200px;width:100%;background-image:var(--bgPattern_14xba)}.___SChartSkeleton_14xba_gg_.__bgPosition_14xba_gg_{background-position:var(--bgPosition_14xba)}.___SChartSkeleton_14xba_gg_.__bgSize_14xba_gg_{background-size:var(--bgSize_14xba)}.___SChartSkeleton_14xba_gg_.__bgRepeat_14xba_gg_{background-repeat:var(--bgRepeat_14xba)}",
11
11
  /*__inner_css_end__*/
12
- "1oiqb_gg_"
12
+ "14xba_gg_"
13
13
  ), /*__reshadow_css_end__*/
14
14
  {
15
- "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
16
- "--bgPattern": "--bgPattern_1oiqb",
17
- "_bgPosition": "__bgPosition_1oiqb_gg_",
18
- "--bgPosition": "--bgPosition_1oiqb",
19
- "_bgSize": "__bgSize_1oiqb_gg_",
20
- "--bgSize": "--bgSize_1oiqb",
21
- "_bgRepeat": "__bgRepeat_1oiqb_gg_",
22
- "--bgRepeat": "--bgRepeat_1oiqb"
15
+ "__SChartSkeleton": "___SChartSkeleton_14xba_gg_",
16
+ "--bgPattern": "--bgPattern_14xba",
17
+ "_bgPosition": "__bgPosition_14xba_gg_",
18
+ "--bgPosition": "--bgPosition_14xba",
19
+ "_bgSize": "__bgSize_14xba_gg_",
20
+ "--bgSize": "--bgSize_14xba",
21
+ "_bgRepeat": "__bgRepeat_14xba_gg_",
22
+ "--bgRepeat": "--bgRepeat_14xba"
23
23
  })
24
24
  );
25
25
  var histogramVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYyMEMxMjQgMjIuMjA5MSAxMjIuMjA5IDI0IDEyMCAyNEgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDhDMTYwIDUwLjIwOTEgMTU4LjIwOSA1MiAxNTYgNTJIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4VjEwNEMxNjAgMTA2LjIwOSAxNTguMjA5IDEwOCAxNTYgMTA4SDBWODRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAxMTJIMTE2QzExOC4yMDkgMTEyIDEyMCAxMTMuNzkxIDEyMCAxMTZWMTMyQzEyMCAxMzQuMjA5IDExOC4yMDkgMTM2IDExNiAxMzZIMFYxMTJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
26
26
  var histogramHorizontalSvg = "PHN2ZyB3aWR0aD0iNDU2IiBoZWlnaHQ9IjEwNCIgdmlld0JveD0iMCAwIDQ1NiAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yIDE0QzIgMTIuODk1NCAyLjg5NTQzIDEyIDQgMTJIMTEwLjkwMUMxMTIuMDA1IDEyIDExMi45MDEgMTIuODk1NCAxMTIuOTAxIDE0VjkySDJWMTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTE2LjkwMSAzMEMxMTYuOTAxIDI4Ljg5NTQgMTE3Ljc5NiAyOCAxMTguOTAxIDI4SDIyNC44MDJDMjI1LjkwNiAyOCAyMjYuODAyIDI4Ljg5NTQgMjI2LjgwMiAzMFY5MkgxMTYuOTAxVjMwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTIzMC44MDIgNjJDMjMwLjgwMiA2MC44OTU0IDIzMS42OTcgNjAgMjMyLjgwMiA2MEgzMzguNzAyQzMzOS44MDcgNjAgMzQwLjcwMiA2MC44OTU0IDM0MC43MDIgNjJWOTJIMjMwLjgwMlY2MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0zNDQuNzAyIDQ0QzM0NC43MDIgNDIuODk1NCAzNDUuNTk4IDQyIDM0Ni43MDIgNDJINDUxLjYwM0M0NTIuNzA4IDQyIDQ1My42MDMgNDIuODk1NCA0NTMuNjAzIDQ0VjkySDM0NC43MDJWNDRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
27
- var repeat = {
28
- vertical: "repeat-y",
29
- horizontal: "repeat-x"
30
- };
31
- var position = {
32
- vertical: "left top",
33
- horizontal: "left bottom"
34
- };
35
- var size = {
36
- vertical: "contain",
37
- horizontal: "auto 50%"
38
- };
39
- var pattern = {
40
- vertical: histogramVerticalSvg,
41
- horizontal: histogramHorizontalSvg
42
- };
43
27
  function HistogramChartSkeleton(props) {
44
28
  var _ref = arguments[0], _ref2, _props$layout;
45
29
  var SChartSkeleton = Skeleton;
46
30
  var layout = (_props$layout = props.layout) !== null && _props$layout !== void 0 ? _props$layout : "horizontal";
31
+ var patternBase64 = {
32
+ vertical: histogramVerticalSvg,
33
+ horizontal: histogramHorizontalSvg
34
+ }[layout];
47
35
  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
48
- "bgRepeat": repeat[layout],
49
- "bgPosition": position[layout],
50
- "bgSize": size[layout],
51
- "bgPattern": "url(data:image/svg+xml;base64,".concat(pattern[layout], ")")
36
+ "bgRepeat": {
37
+ vertical: "repeat-y",
38
+ horizontal: "repeat-x"
39
+ }[layout],
40
+ "bgPosition": {
41
+ vertical: "left top",
42
+ horizontal: "left bottom"
43
+ }[layout],
44
+ "bgSize": {
45
+ vertical: "contain",
46
+ horizontal: "auto 50%"
47
+ }[layout],
48
+ "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
52
49
  }, _ref))));
53
50
  }
54
51
  const Histogram = createComponent(HistogramChartSkeleton);
@@ -1,42 +1,41 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import { sstyled, assignProps, createComponent } from "@semcore/core";
2
+ import { createComponent, sstyled, assignProps } from "@semcore/core";
3
3
  import React from "react";
4
- import { Skeleton } from "../../Skeleton.mjs";
5
- /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
4
+ import { Skeleton } from "../Skeleton.mjs";
5
+ /*!__reshadow-styles__:"../style/chart.shadow.css"*/
6
6
  var styles = (
7
7
  /*__reshadow_css_start__*/
8
8
  (sstyled.insert(
9
9
  /*__inner_css_start__*/
10
- ".___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
+ ".___SChartSkeleton_14xba_gg_{height:200px;width:100%;background-image:var(--bgPattern_14xba)}.___SChartSkeleton_14xba_gg_.__bgPosition_14xba_gg_{background-position:var(--bgPosition_14xba)}.___SChartSkeleton_14xba_gg_.__bgSize_14xba_gg_{background-size:var(--bgSize_14xba)}.___SChartSkeleton_14xba_gg_.__bgRepeat_14xba_gg_{background-repeat:var(--bgRepeat_14xba)}",
11
11
  /*__inner_css_end__*/
12
- "1oiqb_gg_"
12
+ "14xba_gg_"
13
13
  ), /*__reshadow_css_end__*/
14
14
  {
15
- "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
16
- "--bgPattern": "--bgPattern_1oiqb",
17
- "_bgPosition": "__bgPosition_1oiqb_gg_",
18
- "--bgPosition": "--bgPosition_1oiqb",
19
- "_bgSize": "__bgSize_1oiqb_gg_",
20
- "--bgSize": "--bgSize_1oiqb",
21
- "_bgRepeat": "__bgRepeat_1oiqb_gg_",
22
- "--bgRepeat": "--bgRepeat_1oiqb"
15
+ "__SChartSkeleton": "___SChartSkeleton_14xba_gg_",
16
+ "--bgPattern": "--bgPattern_14xba",
17
+ "_bgPosition": "__bgPosition_14xba_gg_",
18
+ "--bgPosition": "--bgPosition_14xba",
19
+ "_bgSize": "__bgSize_14xba_gg_",
20
+ "--bgSize": "--bgSize_14xba",
21
+ "_bgRepeat": "__bgRepeat_14xba_gg_",
22
+ "--bgRepeat": "--bgRepeat_14xba"
23
23
  })
24
24
  );
25
25
  var lineLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjU4IiB2aWV3Qm94PSIwIDAgMTI4IDU4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzYwODJfMjIwODUyKSI+CjxwYXRoIGQ9Ik0wIDEyTDYzLjk5OTggNDZMMTI4IDEyIiBzdHJva2U9IiNFMEUxRTkiIHN0cm9rZS1vcGFjaXR5PSIwLjgiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzYwODJfMjIwODUyIj4KPHJlY3Qgd2lkdGg9IjEyOCIgaGVpZ2h0PSI1OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K";
26
26
  var lineMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjU4IiB2aWV3Qm94PSIwIDAgMTI4IDU4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxMkMzMi4wMDAxIDEyIDMyLjAwMDEgNDYgNjMuOTk5OCA0NkM5NS45OTk5IDQ2IDk1Ljk5OTkgMTIgMTI4IDEyIiBzdHJva2U9IiNFMEUxRTkiIHN0cm9rZS1vcGFjaXR5PSIwLjgiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
27
- var pattern = {
28
- linear: lineLinearSvg,
29
- monotone: lineMonotoneSvg
30
- };
31
27
  function LineChartSkeleton(props) {
32
28
  var _ref = arguments[0], _ref2, _props$type;
33
29
  var SChartSkeleton = Skeleton;
34
- var type = (_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : "linear";
30
+ var patternBase64 = {
31
+ linear: lineLinearSvg,
32
+ monotone: lineMonotoneSvg
33
+ }[(_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : "linear"];
35
34
  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
36
35
  "bgRepeat": "repeat-x",
37
36
  "bgPosition": "left center",
38
37
  "bgSize": "auto 50%",
39
- "bgPattern": "url(data:image/svg+xml;base64,".concat(pattern[type], ")")
38
+ "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
40
39
  }, _ref))));
41
40
  }
42
41
  const Line = createComponent(LineChartSkeleton);
@@ -1,25 +1,25 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import { sstyled, assignProps, createComponent } from "@semcore/core";
2
+ import { createComponent, sstyled, assignProps } from "@semcore/core";
3
3
  import React from "react";
4
- import { Skeleton } from "../../Skeleton.mjs";
5
- /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
4
+ import { Skeleton } from "../Skeleton.mjs";
5
+ /*!__reshadow-styles__:"../style/chart.shadow.css"*/
6
6
  var styles = (
7
7
  /*__reshadow_css_start__*/
8
8
  (sstyled.insert(
9
9
  /*__inner_css_start__*/
10
- ".___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
+ ".___SChartSkeleton_14xba_gg_{height:200px;width:100%;background-image:var(--bgPattern_14xba)}.___SChartSkeleton_14xba_gg_.__bgPosition_14xba_gg_{background-position:var(--bgPosition_14xba)}.___SChartSkeleton_14xba_gg_.__bgSize_14xba_gg_{background-size:var(--bgSize_14xba)}.___SChartSkeleton_14xba_gg_.__bgRepeat_14xba_gg_{background-repeat:var(--bgRepeat_14xba)}",
11
11
  /*__inner_css_end__*/
12
- "1oiqb_gg_"
12
+ "14xba_gg_"
13
13
  ), /*__reshadow_css_end__*/
14
14
  {
15
- "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
16
- "--bgPattern": "--bgPattern_1oiqb",
17
- "_bgPosition": "__bgPosition_1oiqb_gg_",
18
- "--bgPosition": "--bgPosition_1oiqb",
19
- "_bgSize": "__bgSize_1oiqb_gg_",
20
- "--bgSize": "--bgSize_1oiqb",
21
- "_bgRepeat": "__bgRepeat_1oiqb_gg_",
22
- "--bgRepeat": "--bgRepeat_1oiqb"
15
+ "__SChartSkeleton": "___SChartSkeleton_14xba_gg_",
16
+ "--bgPattern": "--bgPattern_14xba",
17
+ "_bgPosition": "__bgPosition_14xba_gg_",
18
+ "--bgPosition": "--bgPosition_14xba",
19
+ "_bgSize": "__bgSize_14xba_gg_",
20
+ "--bgSize": "--bgSize_14xba",
21
+ "_bgRepeat": "__bgRepeat_14xba_gg_",
22
+ "--bgRepeat": "--bgRepeat_14xba"
23
23
  })
24
24
  );
25
25
  var radialSvg = "PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNTggMjAwQzE1OCAxOTMuMzczIDE2My4zNzMgMTg4IDE3MCAxODhIMjMwQzIzNi42MjcgMTg4IDI0MiAxOTMuMzczIDI0MiAyMDBDMjQyIDIwNi42MjcgMjM2LjYyNyAyMTIgMjMwIDIxMkgxNzBDMTYzLjM3MyAyMTIgMTU4IDIwNi42MjcgMTU4IDIwMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0yNzQuNjk3IDE3Ljk1NzZDMjcwLjYxNSAxNi4yNjY4IDI2NS45MzUgMTguMjA1MyAyNjQuMjQ1IDIyLjI4NzJMMjUyLjc2NCA1MC4wMDM2QzI1MS4wNzMgNTQuMDg1NiAyNTMuMDEyIDU4Ljc2NTMgMjU3LjA5NCA2MC40NTYxTDI1Ni4xNyA2MC4wNzM0TDIyMi44NzYgMTQwLjQ1MUwyMjQuNzI0IDE0MS4yMTZMMjU4LjAxOCA2MC44Mzg4TDI1Ny4wOTQgNjAuNDU2MUMyNjEuMTc2IDYyLjE0NjkgMjY1Ljg1NSA2MC4yMDg1IDI2Ny41NDYgNTYuMTI2NUwyNzkuMDI3IDI4LjQxMDJDMjgwLjcxOCAyNC4zMjgyIDI3OC43NzkgMTkuNjQ4NCAyNzQuNjk3IDE3Ljk1NzZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzM4LjQ0NiA2MC41NTM2QzMzNS4zMjIgNTcuNDI5NCAzMzAuMjU3IDU3LjQyOTQgMzI3LjEzMyA2MC41NTM2TDMwNS45MTkgODEuNzY2OEMzMDIuNzk1IDg0Ljg5MSAzMDIuNzk1IDg5Ljk1NjMgMzA1LjkxOSA5My4wODA1TDMwNS4yMTIgOTIuMzczNEwyNDMuNjk0IDE1My44OTJMMjQ1LjEwOCAxNTUuMzA2TDMwNi42MjcgOTMuNzg3NkwzMDUuOTE5IDkzLjA4MDVDMzA5LjA0NCA5Ni4yMDQ3IDMxNC4xMDkgOTYuMjA0NyAzMTcuMjMzIDkzLjA4MDVMMzM4LjQ0NiA3MS44NjczQzM0MS41NzEgNjguNzQzMSAzNDEuNTcxIDYzLjY3NzggMzM4LjQ0NiA2MC41NTM2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM4MS4wNDIgMTI0LjMwM0MzNzkuMzUyIDEyMC4yMjEgMzc0LjY3MiAxMTguMjgyIDM3MC41OSAxMTkuOTczTDM0Mi44NzQgMTMxLjQ1NEMzMzguNzkyIDEzMy4xNDQgMzM2Ljg1MyAxMzcuODI0IDMzOC41NDQgMTQxLjkwNkwzMzguMTYxIDE0MC45ODJMMjU3Ljc4NCAxNzQuMjc2TDI1OC41NDkgMTc2LjEyM0wzMzguOTI3IDE0Mi44M0wzMzguNTQ0IDE0MS45MDZDMzQwLjIzNSAxNDUuOTg4IDM0NC45MTQgMTQ3LjkyNiAzNDguOTk2IDE0Ni4yMzZMMzc2LjcxMyAxMzQuNzU1QzM4MC43OTUgMTMzLjA2NCAzODIuNzMzIDEyOC4zODUgMzgxLjA0MiAxMjQuMzAzWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM5NiAxOTkuNUMzOTYgMTk1LjA4MiAzOTIuNDE4IDE5MS41IDM4OCAxOTEuNUgzNThDMzUzLjU4MiAxOTEuNSAzNTAgMTk1LjA4MiAzNTAgMTk5LjVWMTk4LjVIMjYzVjIwMC41SDM1MFYxOTkuNUMzNTAgMjAzLjkxOCAzNTMuNTgyIDIwNy41IDM1OCAyMDcuNUgzODhDMzkyLjQxOCAyMDcuNSAzOTYgMjAzLjkxOCAzOTYgMTk5LjVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzgxLjA0MyAyNzQuNjk3QzM4Mi43MzMgMjcwLjYxNSAzODAuNzk1IDI2NS45MzYgMzc2LjcxMyAyNjQuMjQ1TDM0OC45OTcgMjUyLjc2NEMzNDQuOTE1IDI1MS4wNzQgMzQwLjIzNSAyNTMuMDEyIDMzOC41NDQgMjU3LjA5NEwzMzguOTI3IDI1Ni4xN0wyNTguNTQ5IDIyMi44NzdMMjU3Ljc4NCAyMjQuNzI0TDMzOC4xNjEgMjU4LjAxOEwzMzguNTQ0IDI1Ny4wOTRDMzM2Ljg1MyAyNjEuMTc2IDMzOC43OTIgMjY1Ljg1NiAzNDIuODc0IDI2Ny41NDZMMzcwLjU5IDI3OS4wMjdDMzc0LjY3MiAyODAuNzE4IDM3OS4zNTIgMjc4Ljc3OSAzODEuMDQzIDI3NC42OTdaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzM4LjQ0NyAzMzguNDQ3QzM0MS41NzEgMzM1LjMyMiAzNDEuNTcxIDMzMC4yNTcgMzM4LjQ0NyAzMjcuMTMzTDMxNy4yMzMgMzA1LjkyQzMxNC4xMDkgMzAyLjc5NSAzMDkuMDQ0IDMwMi43OTUgMzA1LjkyIDMwNS45MkwzMDYuNjI3IDMwNS4yMTNMMjQ1LjEwOSAyNDMuNjk0TDI0My42OTQgMjQ1LjEwOEwzMDUuMjEzIDMwNi42MjdMMzA1LjkyIDMwNS45MkMzMDIuNzk2IDMwOS4wNDQgMzAyLjc5NiAzMTQuMTA5IDMwNS45MiAzMTcuMjMzTDMyNy4xMzMgMzM4LjQ0N0MzMzAuMjU3IDM0MS41NzEgMzM1LjMyMiAzNDEuNTcxIDMzOC40NDcgMzM4LjQ0N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0yNzQuNjk3IDM4MS4wNDJDMjc4Ljc3OSAzNzkuMzUyIDI4MC43MTggMzc0LjY3MiAyNzkuMDI3IDM3MC41OUwyNjcuNTQ2IDM0Mi44NzNDMjY1Ljg1NiAzMzguNzkxIDI2MS4xNzYgMzM2Ljg1MyAyNTcuMDk0IDMzOC41NDRMMjU4LjAxOCAzMzguMTYxTDIyNC43MjQgMjU3Ljc4NEwyMjIuODc3IDI1OC41NDlMMjU2LjE3IDMzOC45MjdMMjU3LjA5NCAzMzguNTQ0QzI1My4wMTIgMzQwLjIzNSAyNTEuMDc0IDM0NC45MTQgMjUyLjc2NCAzNDguOTk2TDI2NC4yNDUgMzc2LjcxM0MyNjUuOTM2IDM4MC43OTUgMjcwLjYxNSAzODIuNzMzIDI3NC42OTcgMzgxLjA0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xOTkuNSAzOTZDMjAzLjkxOCAzOTYgMjA3LjUgMzkyLjQxOCAyMDcuNSAzODhWMzU4QzIwNy41IDM1My41ODIgMjAzLjkxOCAzNTAgMTk5LjUgMzUwSDIwMC41VjI2M0gxOTguNVYzNTBIMTk5LjVDMTk1LjA4MiAzNTAgMTkxLjUgMzUzLjU4MiAxOTEuNSAzNThWMzg4QzE5MS41IDM5Mi40MTggMTk1LjA4MiAzOTYgMTk5LjUgMzk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTEyNC4zMDMgMzgxLjA0MkMxMjguMzg1IDM4Mi43MzMgMTMzLjA2NSAzODAuNzk1IDEzNC43NTUgMzc2LjcxM0wxNDYuMjM2IDM0OC45OTZDMTQ3LjkyNyAzNDQuOTE0IDE0NS45ODggMzQwLjIzNSAxNDEuOTA2IDMzOC41NDRMMTQyLjgzIDMzOC45MjdMMTc2LjEyNCAyNTguNTQ5TDE3NC4yNzYgMjU3Ljc4NEwxNDAuOTgyIDMzOC4xNjFMMTQxLjkwNiAzMzguNTQ0QzEzNy44MjQgMzM2Ljg1MyAxMzMuMTQ1IDMzOC43OTEgMTMxLjQ1NCAzNDIuODczTDExOS45NzMgMzcwLjU5QzExOC4yODIgMzc0LjY3MiAxMjAuMjIxIDM3OS4zNTIgMTI0LjMwMyAzODEuMDQyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTYwLjU1MzYgMzM4LjQ0NkM2My42Nzc4IDM0MS41NzEgNjguNzQzMSAzNDEuNTcxIDcxLjg2NzMgMzM4LjQ0Nkw5My4wODA1IDMxNy4yMzNDOTYuMjA0NyAzMTQuMTA5IDk2LjIwNDcgMzA5LjA0NCA5My4wODA1IDMwNS45MTlMOTMuNzg3NiAzMDYuNjI3TDE1NS4zMDYgMjQ1LjEwOEwxNTMuODkyIDI0My42OTRMOTIuMzczNCAzMDUuMjEyTDkzLjA4MDUgMzA1LjkxOUM4OS45NTYzIDMwMi43OTUgODQuODkxIDMwMi43OTUgODEuNzY2OCAzMDUuOTE5TDYwLjU1MzYgMzI3LjEzM0M1Ny40Mjk0IDMzMC4yNTcgNTcuNDI5NCAzMzUuMzIyIDYwLjU1MzYgMzM4LjQ0NloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xNy45NTc2IDI3NC42OTdDMTkuNjQ4NCAyNzguNzc5IDI0LjMyODEgMjgwLjcxOCAyOC40MTAxIDI3OS4wMjdMNTYuMTI2NSAyNjcuNTQ2QzYwLjIwODQgMjY1Ljg1NiA2Mi4xNDY4IDI2MS4xNzYgNjAuNDU2IDI1Ny4wOTRMNjAuODM4NyAyNTguMDE4TDE0MS4yMTYgMjI0LjcyNEwxNDAuNDUxIDIyMi44NzdMNjAuMDczMyAyNTYuMTdMNjAuNDU2IDI1Ny4wOTRDNTguNzY1MiAyNTMuMDEyIDU0LjA4NTUgMjUxLjA3NCA1MC4wMDM1IDI1Mi43NjRMMjIuMjg3MSAyNjQuMjQ1QzE4LjIwNTIgMjY1LjkzNiAxNi4yNjY4IDI3MC42MTUgMTcuOTU3NiAyNzQuNjk3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMgMTk5LjVDMyAyMDMuOTE4IDYuNTgxNzIgMjA3LjUgMTEgMjA3LjVINDFDNDUuNDE4MyAyMDcuNSA0OSAyMDMuOTE4IDQ5IDE5OS41VjIwMC41SDEzNlYxOTguNUg0OVYxOTkuNUM0OSAxOTUuMDgyIDQ1LjQxODMgMTkxLjUgNDEgMTkxLjVIMTFDNi41ODE3MiAxOTEuNSAzIDE5NS4wODIgMyAxOTkuNVoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xNy45NTc1IDEyNC4zMDNDMTYuMjY2NyAxMjguMzg1IDE4LjIwNTEgMTMzLjA2NCAyMi4yODcgMTM0Ljc1NUw1MC4wMDM0IDE0Ni4yMzZDNTQuMDg1NCAxNDcuOTI2IDU4Ljc2NTEgMTQ1Ljk4OCA2MC40NTU5IDE0MS45MDZMNjAuMDczMiAxNDIuODNMMTQwLjQ1MSAxNzYuMTIzTDE0MS4yMTYgMTc0LjI3Nkw2MC44Mzg2IDE0MC45ODJMNjAuNDU1OSAxNDEuOTA2QzYyLjE0NjcgMTM3LjgyNCA2MC4yMDgzIDEzMy4xNDQgNTYuMTI2NCAxMzEuNDU0TDI4LjQxIDExOS45NzNDMjQuMzI4IDExOC4yODIgMTkuNjQ4MyAxMjAuMjIxIDE3Ljk1NzUgMTI0LjMwM1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik02MC41NTMzIDYwLjU1MzVDNTcuNDI5MSA2My42Nzc3IDU3LjQyOTEgNjguNzQzIDYwLjU1MzMgNzEuODY3Mkw4MS43NjY1IDkzLjA4MDRDODQuODkwNyA5Ni4yMDQ2IDg5Ljk1NjEgOTYuMjA0NiA5My4wODAzIDkzLjA4MDRMOTIuMzczMSA5My43ODc1TDE1My44OTEgMTU1LjMwNkwxNTUuMzA2IDE1My44OTJMOTMuNzg3NCA5Mi4zNzMzTDkzLjA4MDMgOTMuMDgwNEM5Ni4yMDQ0IDg5Ljk1NjIgOTYuMjA0NCA4NC44OTA5IDkzLjA4MDMgODEuNzY2N0w3MS44NjcxIDYwLjU1MzVDNjguNzQyOSA1Ny40MjkzIDYzLjY3NzUgNTcuNDI5MyA2MC41NTMzIDYwLjU1MzVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTI0LjMwMyAxNy45NTc3QzEyMC4yMjEgMTkuNjQ4NSAxMTguMjgyIDI0LjMyODIgMTE5Ljk3MyAyOC40MTAyTDEzMS40NTQgNTYuMTI2NkMxMzMuMTQ0IDYwLjIwODUgMTM3LjgyNCA2Mi4xNDcgMTQxLjkwNiA2MC40NTYyTDE0MC45ODIgNjAuODM4OEwxNzQuMjc2IDE0MS4yMTZMMTc2LjEyMyAxNDAuNDUxTDE0Mi44MyA2MC4wNzM1TDE0MS45MDYgNjAuNDU2MkMxNDUuOTg4IDU4Ljc2NTQgMTQ3LjkyNiA1NC4wODU2IDE0Ni4yMzYgNTAuMDAzN0wxMzQuNzU1IDIyLjI4NzNDMTMzLjA2NCAxOC4yMDUzIDEyOC4zODUgMTYuMjY2OSAxMjQuMzAzIDE3Ljk1NzdaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTk5LjUgM0MxOTUuMDgyIDMgMTkxLjUgNi41ODE3MiAxOTEuNSAxMVY0MUMxOTEuNSA0NS40MTgzIDE5NS4wODIgNDkgMTk5LjUgNDlIMTk4LjVWMTM2SDIwMC41VjQ5SDE5OS41QzIwMy45MTggNDkgMjA3LjUgNDUuNDE4MyAyMDcuNSA0MVYxMUMyMDcuNSA2LjU4MTcyIDIwMy45MTggMyAxOTkuNSAzWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
@@ -1,25 +1,25 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import { sstyled, assignProps, createComponent } from "@semcore/core";
2
+ import { createComponent, sstyled, assignProps } from "@semcore/core";
3
3
  import React from "react";
4
- import { Skeleton } from "../../Skeleton.mjs";
5
- /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
4
+ import { Skeleton } from "../Skeleton.mjs";
5
+ /*!__reshadow-styles__:"../style/chart.shadow.css"*/
6
6
  var styles = (
7
7
  /*__reshadow_css_start__*/
8
8
  (sstyled.insert(
9
9
  /*__inner_css_start__*/
10
- ".___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
+ ".___SChartSkeleton_14xba_gg_{height:200px;width:100%;background-image:var(--bgPattern_14xba)}.___SChartSkeleton_14xba_gg_.__bgPosition_14xba_gg_{background-position:var(--bgPosition_14xba)}.___SChartSkeleton_14xba_gg_.__bgSize_14xba_gg_{background-size:var(--bgSize_14xba)}.___SChartSkeleton_14xba_gg_.__bgRepeat_14xba_gg_{background-repeat:var(--bgRepeat_14xba)}",
11
11
  /*__inner_css_end__*/
12
- "1oiqb_gg_"
12
+ "14xba_gg_"
13
13
  ), /*__reshadow_css_end__*/
14
14
  {
15
- "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
16
- "--bgPattern": "--bgPattern_1oiqb",
17
- "_bgPosition": "__bgPosition_1oiqb_gg_",
18
- "--bgPosition": "--bgPosition_1oiqb",
19
- "_bgSize": "__bgSize_1oiqb_gg_",
20
- "--bgSize": "--bgSize_1oiqb",
21
- "_bgRepeat": "__bgRepeat_1oiqb_gg_",
22
- "--bgRepeat": "--bgRepeat_1oiqb"
15
+ "__SChartSkeleton": "___SChartSkeleton_14xba_gg_",
16
+ "--bgPattern": "--bgPattern_14xba",
17
+ "_bgPosition": "__bgPosition_14xba_gg_",
18
+ "--bgPosition": "--bgPosition_14xba",
19
+ "_bgSize": "__bgSize_14xba_gg_",
20
+ "--bgSize": "--bgSize_14xba",
21
+ "_bgRepeat": "__bgRepeat_14xba_gg_",
22
+ "--bgRepeat": "--bgRepeat_14xba"
23
23
  })
24
24
  );
25
25
  var scatterSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjExMCIgdmlld0JveD0iMCAwIDM3NiAxMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDMyOF8xNDY5NzkpIj4KPHBhdGggZD0iTTEwIDExMEMxNS41MjI4IDExMCAyMCAxMDUuNTIzIDIwIDEwMEMyMCA5NC40NzcyIDE1LjUyMjggOTAgMTAgOTBDNC40NzcxNSA5MCAwIDk0LjQ3NzIgMCAxMDBDMCAxMDUuNTIzIDQuNDc3MTUgMTEwIDEwIDExMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgNzJDMTM0LjUyMyA3MiAxMzkgNjcuNTIyOCAxMzkgNjJDMTM5IDU2LjQ3NzIgMTM0LjUyMyA1MiAxMjkgNTJDMTIzLjQ3NyA1MiAxMTkgNTYuNDc3MiAxMTkgNjJDMTE5IDY3LjUyMjggMTIzLjQ3NyA3MiAxMjkgNzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTg4IDk2QzE5My41MjMgOTYgMTk4IDkxLjUyMjggMTk4IDg2QzE5OCA4MC40NzcyIDE5My41MjMgNzYgMTg4IDc2QzE4Mi40NzcgNzYgMTc4IDgwLjQ3NzIgMTc4IDg2QzE3OCA5MS41MjI4IDE4Mi40NzcgOTYgMTg4IDk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM2NiAyMEMzNzEuNTIzIDIwIDM3NiAxNS41MjI4IDM3NiAxMEMzNzYgNC40NzcxNSAzNzEuNTIzIDAgMzY2IDBDMzYwLjQ3NyAwIDM1NiA0LjQ3NzE1IDM1NiAxMEMzNTYgMTUuNTIyOCAzNjAuNDc3IDIwIDM2NiAyMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik03MCA1NEM3NS41MjI4IDU0IDgwIDQ5LjUyMjggODAgNDRDODAgMzguNDc3MiA3NS41MjI4IDM0IDcwIDM0QzY0LjQ3NzIgMzQgNjAgMzguNDc3MiA2MCA0NEM2MCA0OS41MjI4IDY0LjQ3NzIgNTQgNzAgNTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMjQ3IDYyQzI1Mi41MjMgNjIgMjU3IDU3LjUyMjggMjU3IDUyQzI1NyA0Ni40NzcyIDI1Mi41MjMgNDIgMjQ3IDQyQzI0MS40NzcgNDIgMjM3IDQ2LjQ3NzIgMjM3IDUyQzIzNyA1Ny41MjI4IDI0MS40NzcgNjIgMjQ3IDYyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMwNiA3MEMzMTEuNTIzIDcwIDMxNiA2NS41MjI4IDMxNiA2MEMzMTYgNTQuNDc3MiAzMTEuNTIzIDUwIDMwNiA1MEMzMDAuNDc3IDUwIDI5NiA1NC40NzcyIDI5NiA2MEMyOTYgNjUuNTIyOCAzMDAuNDc3IDcwIDMwNiA3MFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTAzMjhfMTQ2OTc5Ij4KPHJlY3Qgd2lkdGg9IjM3NiIgaGVpZ2h0PSIxMTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
@@ -1,25 +1,25 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import { sstyled, assignProps, createComponent } from "@semcore/core";
2
+ import { createComponent, sstyled, assignProps } from "@semcore/core";
3
3
  import React from "react";
4
- import { Skeleton } from "../../Skeleton.mjs";
5
- /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
4
+ import { Skeleton } from "../Skeleton.mjs";
5
+ /*!__reshadow-styles__:"../style/chart.shadow.css"*/
6
6
  var styles = (
7
7
  /*__reshadow_css_start__*/
8
8
  (sstyled.insert(
9
9
  /*__inner_css_start__*/
10
- ".___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
+ ".___SChartSkeleton_14xba_gg_{height:200px;width:100%;background-image:var(--bgPattern_14xba)}.___SChartSkeleton_14xba_gg_.__bgPosition_14xba_gg_{background-position:var(--bgPosition_14xba)}.___SChartSkeleton_14xba_gg_.__bgSize_14xba_gg_{background-size:var(--bgSize_14xba)}.___SChartSkeleton_14xba_gg_.__bgRepeat_14xba_gg_{background-repeat:var(--bgRepeat_14xba)}",
11
11
  /*__inner_css_end__*/
12
- "1oiqb_gg_"
12
+ "14xba_gg_"
13
13
  ), /*__reshadow_css_end__*/
14
14
  {
15
- "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
16
- "--bgPattern": "--bgPattern_1oiqb",
17
- "_bgPosition": "__bgPosition_1oiqb_gg_",
18
- "--bgPosition": "--bgPosition_1oiqb",
19
- "_bgSize": "__bgSize_1oiqb_gg_",
20
- "--bgSize": "--bgSize_1oiqb",
21
- "_bgRepeat": "__bgRepeat_1oiqb_gg_",
22
- "--bgRepeat": "--bgRepeat_1oiqb"
15
+ "__SChartSkeleton": "___SChartSkeleton_14xba_gg_",
16
+ "--bgPattern": "--bgPattern_14xba",
17
+ "_bgPosition": "__bgPosition_14xba_gg_",
18
+ "--bgPosition": "--bgPosition_14xba",
19
+ "_bgSize": "__bgSize_14xba_gg_",
20
+ "--bgSize": "--bgSize_14xba",
21
+ "_bgRepeat": "__bgRepeat_14xba_gg_",
22
+ "--bgRepeat": "--bgRepeat_14xba"
23
23
  })
24
24
  );
25
25
  var vennSvg = "PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDIwMCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9dmVubiBjaGFydCwgcGljdHVyZSBkaXY9ZmFsc2UiPgo8ZyBpZD0ic2tlbGV0b24tdmVubiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMzI4XzE0Njk4OSkiPgo8cGF0aCBpZD0iU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzcuNzc3OCA5MEM3Ny43Nzc4IDcxLjA1NzQgODYuNDI3NyA1NC4xMzE1IDEwMCA0Mi45NDMxQzExMy41NzIgNTQuMTMxNSAxMjIuMjIyIDcxLjA1NzQgMTIyLjIyMiA5MEMxMjIuMjIyIDEwOC45NDMgMTEzLjU3MiAxMjUuODY5IDEwMCAxMzcuMDU3Qzg2LjQyNzcgMTI1Ljg2OSA3Ny43Nzc4IDEwOC45NDMgNzcuNzc3OCA5MFpNMTAwIDEzNy4wNTdDMTEwLjU2NiAxNDUuNzY3IDEyNC4xMTUgMTUxIDEzOC44ODkgMTUxQzE3Mi42NCAxNTEgMjAwIDEyMy42ODkgMjAwIDkwQzIwMCA1Ni4zMTA2IDE3Mi42NCAyOSAxMzguODg5IDI5QzEyNC4xMTUgMjkgMTEwLjU2NiAzNC4yMzI5IDEwMCA0Mi45NDMxQzg5LjQzNCAzNC4yMzI5IDc1Ljg4NDggMjkgNjEuMTExMSAyOUMyNy4zNjA0IDI5IDAgNTYuMzEwNiAwIDkwQzAgMTIzLjY4OSAyNy4zNjA0IDE1MSA2MS4xMTExIDE1MUM3NS44ODQ4IDE1MSA4OS40MzQgMTQ1Ljc2NyAxMDAgMTM3LjA1N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGlkPSJQYXRoIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwMCA0M0MxMTMuNDM3IDU0LjE3NDkgMTIyIDcxLjA4MDMgMTIyIDkwQzEyMiAxMDguOTIgMTEzLjQzNyAxMjUuODI1IDEwMCAxMzdDODYuNTYzNSAxMjUuODI1IDc4IDEwOC45MiA3OCA5MEM3OCA3MS4wODAzIDg2LjU2MzUgNTQuMTc0OSAxMDAgNDNWNDNaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDMyOF8xNDY5ODkiPgo8cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjkpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
@@ -6,11 +6,11 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
6
6
  import _callSuper from "@babel/runtime/helpers/esm/callSuper";
7
7
  import _inherits from "@babel/runtime/helpers/esm/inherits";
8
8
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
9
- import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
10
- import { Box } from "@semcore/base-components";
9
+ import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
11
10
  import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
12
11
  import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
13
12
  import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
13
+ import { Box } from "@semcore/flex-box";
14
14
  import React from "react";
15
15
  import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
16
16
  var _excluded = ["y", "x", "amount", "width", "styles", "forwardRef"];
@@ -19,18 +19,18 @@ var style = (
19
19
  /*__reshadow_css_start__*/
20
20
  (sstyled.insert(
21
21
  /*__inner_css_start__*/
22
- "@keyframes pulse_15u95{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_15u95_gg_{animation-name:pulse_15u95;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_15u95);will-change:opacity}.___SSkeletonSVG_15u95_gg_._theme_invert_15u95_gg_{fill:var(--intergalactic-skeleton-bg, rgb(221, 222, 222))}.___SSkeletonSVG_15u95_gg_._theme_dark_15u95_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgb(44, 47, 43))}.___SText_15u95_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_15u95_gg_{animation-name:none}}",
22
+ "@keyframes pulse_3g9b8{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_3g9b8_gg_{animation-name:pulse_3g9b8;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_3g9b8);will-change:opacity}.___SSkeletonSVG_3g9b8_gg_._theme_invert_3g9b8_gg_{fill:var(--intergalactic-skeleton-bg, rgb(221, 222, 222))}.___SSkeletonSVG_3g9b8_gg_._theme_dark_3g9b8_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgb(44, 47, 43))}.___SText_3g9b8_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_3g9b8_gg_{animation-name:none}}",
23
23
  /*__inner_css_end__*/
24
- "15u95_gg_"
24
+ "3g9b8_gg_"
25
25
  ), /*__reshadow_css_end__*/
26
26
  {
27
- "__SSkeleton": "___SSkeleton_15u95_gg_",
28
- "--durationAnim": "--durationAnim_15u95",
29
- "@pulse": "pulse_15u95",
30
- "__SSkeletonSVG": "___SSkeletonSVG_15u95_gg_",
31
- "_theme_invert": "_theme_invert_15u95_gg_",
32
- "_theme_dark": "_theme_dark_15u95_gg_",
33
- "__SText": "___SText_15u95_gg_"
27
+ "__SSkeleton": "___SSkeleton_3g9b8_gg_",
28
+ "--durationAnim": "--durationAnim_3g9b8",
29
+ "@pulse": "pulse_3g9b8",
30
+ "__SSkeletonSVG": "___SSkeletonSVG_3g9b8_gg_",
31
+ "_theme_invert": "_theme_invert_3g9b8_gg_",
32
+ "_theme_dark": "_theme_dark_3g9b8_gg_",
33
+ "__SText": "___SText_3g9b8_gg_"
34
34
  })
35
35
  );
36
36
  var MAP_COLOR_THEME = {
@@ -72,7 +72,6 @@ var SkeletonSVG = /* @__PURE__ */ (function(_Component2) {
72
72
  _classCallCheck(this, SkeletonSVG2);
73
73
  _this = _callSuper(this, SkeletonSVG2, [props]);
74
74
  _defineProperty(_this, "svgRef", /* @__PURE__ */ React.createRef());
75
- _defineProperty(_this, "observer", null);
76
75
  if (canUseDOM() && props.observeParentSize) {
77
76
  _this.observer = new ResizeObserver(_this.handleResize.bind(_this));
78
77
  }
@@ -82,11 +81,8 @@ var SkeletonSVG = /* @__PURE__ */ (function(_Component2) {
82
81
  return _createClass(SkeletonSVG2, [{
83
82
  key: "componentDidMount",
84
83
  value: function componentDidMount() {
85
- var current = this.svgRef.current;
86
- if (current && current.parentElement) {
87
- var _this$observer;
88
- (_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.observe(current.parentElement);
89
- }
84
+ var _this$observer, _this$svgRef$current;
85
+ (_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.observe((_this$svgRef$current = this.svgRef.current) === null || _this$svgRef$current === void 0 ? void 0 : _this$svgRef$current.parentElement);
90
86
  }
91
87
  }, {
92
88
  key: "componentWillUnmount",
@@ -96,8 +92,8 @@ var SkeletonSVG = /* @__PURE__ */ (function(_Component2) {
96
92
  }
97
93
  }, {
98
94
  key: "handleResize",
99
- value: function handleResize(entries) {
100
- var target = entries[0].target;
95
+ value: function handleResize(data) {
96
+ var target = data[0].target;
101
97
  var svg = this.svgRef.current;
102
98
  if (target && svg) {
103
99
  svg.setAttribute("width", "100%");
@@ -107,7 +103,6 @@ var SkeletonSVG = /* @__PURE__ */ (function(_Component2) {
107
103
  key: "setContext",
108
104
  value: function setContext() {
109
105
  var theme = this.asProps.theme;
110
- if (!theme) return {};
111
106
  return {
112
107
  gradientUrl: MAP_COLOR_THEME[theme]
113
108
  };
@@ -147,19 +142,23 @@ function Text(props) {
147
142
  var SText = Box;
148
143
  var _props$y = props.y, y = _props$y === void 0 ? 0 : _props$y, _props$x = props.x, x = _props$x === void 0 ? 0 : _props$x, _props$amount = props.amount, amount = _props$amount === void 0 ? 1 : _props$amount, _props$width = props.width, width = _props$width === void 0 ? "100%" : _props$width, styles = props.styles, forwardRef = props.forwardRef, other = _objectWithoutProperties(props, _excluded);
149
144
  var amountLine = Number(amount);
150
- return /* @__PURE__ */ React.createElement(React.Fragment, null, _toConsumableArray(Array(amountLine)).map(function(_el, index) {
145
+ var renderRect = function renderRect2(props2) {
151
146
  var _ref5;
152
147
  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({
153
148
  "tag": "rect",
154
149
  "rx": "4",
155
150
  "ry": "4",
156
- "height": "8",
157
- "key": index,
158
- "y": y || 20 * index,
159
- "x": x,
160
- "ref": forwardRef,
161
- "width": width
162
- }, other)));
151
+ "height": "8"
152
+ }, props2)));
153
+ };
154
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, _toConsumableArray(Array(amountLine)).map(function(_el, index) {
155
+ return renderRect(_objectSpread({
156
+ key: index,
157
+ y: y || 20 * index,
158
+ x,
159
+ ref: forwardRef,
160
+ width
161
+ }, other));
163
162
  }));
164
163
  }
165
164
  var Skeleton = createComponent(SkeletonRoot);
package/lib/esm/index.mjs CHANGED
@@ -1,25 +1,14 @@
1
1
  import { default as default2 } from "./Skeleton.mjs";
2
- import "./Skeleton.type.mjs";
3
- import { default as default3 } from "./charts/Area/Area.mjs";
4
- import "./charts/Area/Area.type.mjs";
5
- import { default as default4 } from "./charts/Bar/Bar.mjs";
6
- import "./charts/Bar/Bar.type.mjs";
7
- import { default as default5 } from "./charts/Bubble/Bubble.mjs";
8
- import "./charts/Bubble/Bubble.type.mjs";
9
- import { default as default6 } from "./charts/CompactHorizontalBar/CompactHorizontalBar.mjs";
10
- import "./charts/CompactHorizontalBar/CompactHorizontalBar.type.mjs";
11
- import { default as default7 } from "./charts/Donut/Donut.mjs";
12
- import "./charts/Donut/Donut.type.mjs";
13
- import { default as default8 } from "./charts/Histogram/Histogram.mjs";
14
- import "./charts/Histogram/Histogram.type.mjs";
15
- import { default as default9 } from "./charts/Line/Line.mjs";
16
- import "./charts/Line/Line.type.mjs";
17
- import { default as default10 } from "./charts/RadialTree/RadialTree.mjs";
18
- import "./charts/RadialTree/RadialTree.type.mjs";
19
- import { default as default11 } from "./charts/ScatterPlot/ScatterPlot.mjs";
20
- import "./charts/ScatterPlot/ScatterPlot.type.mjs";
21
- import { default as default12 } from "./charts/Venn/Venn.mjs";
22
- import "./charts/Venn/Venn.type.mjs";
2
+ import { default as default3 } from "./Charts/Area.mjs";
3
+ import { default as default4 } from "./Charts/Bar.mjs";
4
+ import { default as default5 } from "./Charts/Bubble.mjs";
5
+ import { default as default6 } from "./Charts/CompactHorizontalBar.mjs";
6
+ import { default as default7 } from "./Charts/Donut.mjs";
7
+ import { default as default8 } from "./Charts/Histogram.mjs";
8
+ import { default as default9 } from "./Charts/Line.mjs";
9
+ import { default as default10 } from "./Charts/RadialTree.mjs";
10
+ import { default as default11 } from "./Charts/ScatterPlot.mjs";
11
+ import { default as default12 } from "./Charts/Venn.mjs";
23
12
  export {
24
13
  default3 as AreaChartSkeleton,
25
14
  default4 as BarChartSkeleton,
@@ -1,5 +1,4 @@
1
- import type { NSSkeleton } from './Skeleton.type';
2
- declare const Skeleton: NSSkeleton.RenderComponent;
1
+ declare const Skeleton: any;
2
+ declare const SkeletonSVG: any;
3
3
  export { Skeleton };
4
- declare const _default: NSSkeleton.Component;
5
- export default _default;
4
+ export default SkeletonSVG;
@@ -1,22 +1,99 @@
1
- export { default } from './Skeleton';
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';
1
+ import type { Intergalactic, UnknownProperties } from '@semcore/core';
2
+ import type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';
3
+ import type { BoxProps } from '@semcore/flex-box';
4
+
5
+ /** @deprecated */
6
+ export interface ISkeletonProps extends SkeletonProps, UnknownProperties {}
7
+ export type SkeletonProps = BoxProps &
8
+ UniqueIDProps & {
9
+ /**
10
+ * Skeleton visibility control property
11
+ */
12
+ hidden?: boolean;
13
+ /**
14
+ * Animation speed in ms
15
+ * @default 2000
16
+ */
17
+ duration?: string | number;
18
+ /**
19
+ * Skeleton theme
20
+ * @default invert
21
+ */
22
+ theme?: 'dark' | 'invert';
23
+ /** Specifies the locale for i18n support */
24
+ locale?: string;
25
+ /**
26
+ * Enable ResizeObserver for parent Element to recalculate skeleton size.
27
+ * @default false
28
+ */
29
+ observeParentSize?: boolean;
30
+ };
31
+
32
+ /** @deprecated */
33
+ export interface ISkeletonCtx extends SkeletonCtx, UnknownProperties {}
34
+ export type SkeletonCtx = {
35
+ gradientUrl: 'string';
36
+ };
37
+
38
+ /** @deprecated */
39
+ export interface ISkeletonTextProps extends SkeletonTextProps, UnknownProperties {}
40
+ export type SkeletonTextProps = BoxProps & {
41
+ /**
42
+ * Number of items to be returned
43
+ * @default 1
44
+ */
45
+ amount?: string | number;
46
+ };
47
+
48
+ export type AreaChartSkeletonProps = SkeletonProps & {
49
+ /** Controls the area curve interpolation style for the skeleton pattern */
50
+ type?: 'linear' | 'monotone';
51
+ };
52
+
53
+ export type BarChartSkeletonProps = SkeletonProps & {
54
+ /** Controls the orientation of the bar chart skeleton */
55
+ layout?: 'horizontal' | 'vertical';
56
+ };
57
+
58
+ export type HistogramChartSkeletonProps = SkeletonProps & {
59
+ /** Controls the orientation of the histogram chart skeleton */
60
+ layout?: 'horizontal' | 'vertical';
61
+ };
62
+
63
+ export type LineChartSkeletonProps = SkeletonProps & {
64
+ /** Controls the line interpolation style for the skeleton pattern */
65
+ type?: 'linear' | 'monotone';
66
+ };
67
+
68
+ export type DonutChartSkeletonProps = SkeletonProps & {
69
+ /** Semi donut */
70
+ halfsize?: boolean;
71
+ };
72
+
73
+ declare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {
74
+ Text: Intergalactic.Component<'rect', SkeletonTextProps>;
75
+ };
76
+ declare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;
77
+ declare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;
78
+ declare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;
79
+ declare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;
80
+ declare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;
81
+ declare const VennChartSkeleton: typeof Skeleton;
82
+ declare const BubbleChartSkeleton: typeof Skeleton;
83
+ declare const ScatterPlotChartSkeleton: typeof Skeleton;
84
+ declare const RadialTreeChartSkeleton: typeof Skeleton;
85
+ declare const CompactHorizontalBarChartSkeleton: typeof Skeleton;
86
+
87
+ export default Skeleton;
88
+ export {
89
+ AreaChartSkeleton,
90
+ BarChartSkeleton,
91
+ HistogramChartSkeleton,
92
+ LineChartSkeleton,
93
+ DonutChartSkeleton,
94
+ VennChartSkeleton,
95
+ BubbleChartSkeleton,
96
+ ScatterPlotChartSkeleton,
97
+ RadialTreeChartSkeleton,
98
+ CompactHorizontalBarChartSkeleton,
99
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/skeleton",
3
3
  "description": "Semrush Skeleton Component",
4
- "version": "16.1.0",
4
+ "version": "16.1.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "types": "lib/types/index.d.ts",
@@ -14,7 +14,7 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/flex-box": "16.1.0"
17
+ "@semcore/flex-box": "16.1.1"
18
18
  },
19
19
  "peerDependencies": {
20
20
  "@semcore/base-components": "^16.6.0"
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=Skeleton.type.js.map
@@ -1 +0,0 @@
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":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","areaLinearSvg","areaMonotoneSvg","pattern","linear","monotone","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","type","_default","exports","createComponent"],"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,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,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,GAGRC,kBAAQ;EAFpB,OAAAH,KAAA,GAAO,IAAAX,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAmB,aAAA,CAACF,cAAc,EAAAF,KAAA,CAAAK,EAAA,uBAAAC,cAAA,qBAAAvB,KAAA,CAAAwB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2Bf,OAAO,EAAAQ,WAAA,GAACJ,KAAK,CAACY,IAAI,cAAAR,WAAA,cAAAA,WAAA,GAAI,QAAQ,CAAC;EAAA,GAAAH,IAAA,GAC5E,CAAC;AAEN;AAAC,IAAAY,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAAChB,iBAAiB,CAAC","ignoreList":[]}