@semcore/skeleton 17.0.0 → 17.0.2-prerelease.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (175) hide show
  1. package/CHANGELOG.md +12 -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 +28 -23
  95. package/lib/esm/Skeleton.type.mjs +1 -0
  96. package/lib/esm/{Charts → charts/Area}/Area.mjs +17 -16
  97. package/lib/esm/charts/Area/Area.type.mjs +1 -0
  98. package/lib/esm/{Charts → charts/Bar}/Bar.mjs +32 -28
  99. package/lib/esm/charts/Bar/Bar.type.mjs +1 -0
  100. package/lib/esm/{Charts → charts/Bubble}/Bubble.mjs +12 -11
  101. package/lib/esm/charts/Bubble/Bubble.type.mjs +1 -0
  102. package/lib/esm/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.mjs +12 -11
  103. package/lib/esm/charts/CompactHorizontalBar/CompactHorizontalBar.type.mjs +1 -0
  104. package/lib/esm/{Charts → charts/Donut}/Donut.mjs +23 -21
  105. package/lib/esm/charts/Donut/Donut.type.mjs +1 -0
  106. package/lib/esm/{Charts → charts/Histogram}/Histogram.mjs +32 -28
  107. package/lib/esm/charts/Histogram/Histogram.type.mjs +1 -0
  108. package/lib/esm/{Charts → charts/Line}/Line.mjs +18 -16
  109. package/lib/esm/charts/Line/Line.type.mjs +1 -0
  110. package/lib/esm/{Charts → charts/RadialTree}/RadialTree.mjs +12 -11
  111. package/lib/esm/charts/RadialTree/RadialTree.type.mjs +1 -0
  112. package/lib/esm/{Charts → charts/ScatterPlot}/ScatterPlot.mjs +12 -11
  113. package/lib/esm/charts/ScatterPlot/ScatterPlot.type.mjs +1 -0
  114. package/lib/esm/{Charts → charts/Venn}/Venn.mjs +12 -11
  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 +5 -5
  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
@@ -0,0 +1,52 @@
1
+ import type { BoxProps } from '@semcore/base-components';
2
+ import type { Intergalactic } from '@semcore/core';
3
+ import type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';
4
+ declare namespace NSSkeleton {
5
+ type Props = BoxProps & UniqueIDProps & {
6
+ /**
7
+ * Skeleton visibility control property
8
+ */
9
+ hidden?: boolean;
10
+ /**
11
+ * Animation speed in ms
12
+ * @default 2000
13
+ */
14
+ duration?: string | number;
15
+ /**
16
+ * Skeleton theme
17
+ * @default invert
18
+ */
19
+ theme?: 'dark' | 'invert';
20
+ /** Specifies the locale for i18n support */
21
+ locale?: string;
22
+ /**
23
+ * Enable ResizeObserver for parent Element to recalculate skeleton size.
24
+ * @default false
25
+ */
26
+ observeParentSize?: boolean;
27
+ };
28
+ type Ctx = {
29
+ gradientUrl: string;
30
+ };
31
+ namespace Text {
32
+ type Props = BoxProps & {
33
+ /**
34
+ * Number of items to be returned
35
+ * @default 1
36
+ */
37
+ amount?: string | number;
38
+ };
39
+ type Component = Intergalactic.Component<'rect', Props>;
40
+ }
41
+ type RenderComponent = Intergalactic.Component<'div', Props, Ctx>;
42
+ type Component = Intergalactic.Component<'svg', Props, Ctx> & {
43
+ Text: Text.Component;
44
+ };
45
+ }
46
+ /** @deprecated It will be removed in v18. */
47
+ export type SkeletonProps = NSSkeleton.Props;
48
+ /** @deprecated It will be removed in v18. */
49
+ export type SkeletonCtx = NSSkeleton.Ctx;
50
+ /** @deprecated It will be removed in v18. */
51
+ export type SkeletonTextProps = NSSkeleton.Text.Props;
52
+ export type { NSSkeleton };
@@ -0,0 +1,3 @@
1
+ import type { NSSkeletonAreaChart } from './Area.type';
2
+ declare const _default: NSSkeletonAreaChart.Component;
3
+ export default _default;
@@ -0,0 +1,12 @@
1
+ import type { Intergalactic } from '@semcore/core';
2
+ import type { NSSkeleton } from '../../Skeleton.type';
3
+ declare namespace NSSkeletonAreaChart {
4
+ type Props = NSSkeleton.Props & {
5
+ /** Controls the area curve interpolation style for the skeleton pattern */
6
+ type?: 'linear' | 'monotone';
7
+ };
8
+ type Component = Intergalactic.Component<'svg', Props>;
9
+ }
10
+ /** @deprecated It will be removed in v18. */
11
+ export type AreaChartSkeletonProps = NSSkeletonAreaChart.Props;
12
+ export type { NSSkeletonAreaChart };
@@ -0,0 +1,3 @@
1
+ import type { NSSkeletonBarChart } from './Bar.type';
2
+ declare const _default: NSSkeletonBarChart.Component;
3
+ export default _default;
@@ -0,0 +1,12 @@
1
+ import type { Intergalactic } from '@semcore/core';
2
+ import type { NSSkeleton } from '../../Skeleton.type';
3
+ declare namespace NSSkeletonBarChart {
4
+ type Props = NSSkeleton.Props & {
5
+ /** Controls the orientation of the bar chart skeleton */
6
+ layout?: 'horizontal' | 'vertical';
7
+ };
8
+ type Component = Intergalactic.Component<'svg', Props>;
9
+ }
10
+ /** @deprecated It will be removed in v18. */
11
+ export type BarChartSkeletonProps = NSSkeletonBarChart.Props;
12
+ export type { NSSkeletonBarChart };
@@ -0,0 +1,3 @@
1
+ import type { NSSkeletonBubbleChart } from './Bubble.type';
2
+ declare const _default: NSSkeletonBubbleChart.Component;
3
+ export default _default;
@@ -0,0 +1,5 @@
1
+ import type { NSSkeleton } from '../../Skeleton.type';
2
+ declare namespace NSSkeletonBubbleChart {
3
+ type Component = NSSkeleton.Component;
4
+ }
5
+ export type { NSSkeletonBubbleChart };
@@ -0,0 +1,3 @@
1
+ import type { NSSkeletonCompactHorizontalBar } from './CompactHorizontalBar.type';
2
+ declare const _default: NSSkeletonCompactHorizontalBar.Component;
3
+ export default _default;
@@ -0,0 +1,5 @@
1
+ import type { NSSkeleton } from '../../Skeleton.type';
2
+ declare namespace NSSkeletonCompactHorizontalBar {
3
+ type Component = NSSkeleton.Component;
4
+ }
5
+ export type { NSSkeletonCompactHorizontalBar };
@@ -0,0 +1,3 @@
1
+ import type { NSSkeletonDonutChart } from './Donut.type';
2
+ declare const _default: NSSkeletonDonutChart.Component;
3
+ export default _default;
@@ -0,0 +1,12 @@
1
+ import type { Intergalactic } from '@semcore/core';
2
+ import type { NSSkeleton } from '../../Skeleton.type';
3
+ declare namespace NSSkeletonDonutChart {
4
+ type Props = NSSkeleton.Props & {
5
+ /** Semi donut */
6
+ halfsize?: boolean;
7
+ };
8
+ type Component = Intergalactic.Component<'svg', Props>;
9
+ }
10
+ /** @deprecated It will be removed in v18. */
11
+ export type DonutChartSkeletonProps = NSSkeletonDonutChart.Props;
12
+ export type { NSSkeletonDonutChart };
@@ -0,0 +1,3 @@
1
+ import type { NSSkeletonHistogramChart } from './Histogram.type';
2
+ declare const _default: NSSkeletonHistogramChart.Component;
3
+ export default _default;
@@ -0,0 +1,12 @@
1
+ import type { Intergalactic } from '@semcore/core';
2
+ import type { NSSkeleton } from '../../Skeleton.type';
3
+ declare namespace NSSkeletonHistogramChart {
4
+ type Props = NSSkeleton.Props & {
5
+ /** Controls the orientation of the histogram chart skeleton */
6
+ layout?: 'horizontal' | 'vertical';
7
+ };
8
+ type Component = Intergalactic.Component<'svg', Props>;
9
+ }
10
+ /** @deprecated It will be removed in v18. */
11
+ export type HistogramChartSkeletonProps = NSSkeletonHistogramChart.Props;
12
+ export type { NSSkeletonHistogramChart };
@@ -0,0 +1,3 @@
1
+ import type { NSSkeletonLineChart } from './Line.type';
2
+ declare const _default: NSSkeletonLineChart.Component;
3
+ export default _default;
@@ -0,0 +1,12 @@
1
+ import type { Intergalactic } from '@semcore/core';
2
+ import type { NSSkeleton } from '../../Skeleton.type';
3
+ declare namespace NSSkeletonLineChart {
4
+ type Props = NSSkeleton.Props & {
5
+ /** Controls the line interpolation style for the skeleton pattern */
6
+ type?: 'linear' | 'monotone';
7
+ };
8
+ type Component = Intergalactic.Component<'svg', Props>;
9
+ }
10
+ /** @deprecated It will be removed in v18. */
11
+ export type LineChartSkeletonProps = NSSkeletonLineChart.Props;
12
+ export type { NSSkeletonLineChart };
@@ -0,0 +1,3 @@
1
+ import type { NSSkeletonRadialTreeChart } from './RadialTree.type';
2
+ declare const _default: NSSkeletonRadialTreeChart.Component;
3
+ export default _default;
@@ -0,0 +1,5 @@
1
+ import type { NSSkeleton } from '../../Skeleton.type';
2
+ declare namespace NSSkeletonRadialTreeChart {
3
+ type Component = NSSkeleton.Component;
4
+ }
5
+ export type { NSSkeletonRadialTreeChart };
@@ -0,0 +1,3 @@
1
+ import type { NSSkeletonScatterPlotChart } from './ScatterPlot.type';
2
+ declare const _default: NSSkeletonScatterPlotChart.Component;
3
+ export default _default;
@@ -0,0 +1,5 @@
1
+ import type { NSSkeleton } from '../../Skeleton.type';
2
+ declare namespace NSSkeletonScatterPlotChart {
3
+ type Component = NSSkeleton.Component;
4
+ }
5
+ export type { NSSkeletonScatterPlotChart };
@@ -0,0 +1,2 @@
1
+ declare const _default: import("@semcore/core").Intergalactic.Component<"div", {}, {}, never[]>;
2
+ export default _default;
@@ -0,0 +1,5 @@
1
+ import type { NSSkeleton } from '../../Skeleton.type';
2
+ declare namespace NSSkeletonVennChart {
3
+ type Component = NSSkeleton.Component;
4
+ }
5
+ export type { NSSkeletonVennChart };
@@ -1,93 +1,22 @@
1
- import type { BoxProps } from '@semcore/base-components';
2
- import type { Intergalactic } from '@semcore/core';
3
- import type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';
4
-
5
- export type SkeletonProps = BoxProps &
6
- UniqueIDProps & {
7
- /**
8
- * Skeleton visibility control property
9
- */
10
- hidden?: boolean;
11
- /**
12
- * Animation speed in ms
13
- * @default 2000
14
- */
15
- duration?: string | number;
16
- /**
17
- * Skeleton theme
18
- * @default invert
19
- */
20
- theme?: 'dark' | 'invert';
21
- /** Specifies the locale for i18n support */
22
- locale?: string;
23
- /**
24
- * Enable ResizeObserver for parent Element to recalculate skeleton size.
25
- * @default false
26
- */
27
- observeParentSize?: boolean;
28
- };
29
-
30
- export type SkeletonCtx = {
31
- gradientUrl: 'string';
32
- };
33
-
34
- export type SkeletonTextProps = BoxProps & {
35
- /**
36
- * Number of items to be returned
37
- * @default 1
38
- */
39
- amount?: string | number;
40
- };
41
-
42
- export type AreaChartSkeletonProps = SkeletonProps & {
43
- /** Controls the area curve interpolation style for the skeleton pattern */
44
- type?: 'linear' | 'monotone';
45
- };
46
-
47
- export type BarChartSkeletonProps = SkeletonProps & {
48
- /** Controls the orientation of the bar chart skeleton */
49
- layout?: 'horizontal' | 'vertical';
50
- };
51
-
52
- export type HistogramChartSkeletonProps = SkeletonProps & {
53
- /** Controls the orientation of the histogram chart skeleton */
54
- layout?: 'horizontal' | 'vertical';
55
- };
56
-
57
- export type LineChartSkeletonProps = SkeletonProps & {
58
- /** Controls the line interpolation style for the skeleton pattern */
59
- type?: 'linear' | 'monotone';
60
- };
61
-
62
- export type DonutChartSkeletonProps = SkeletonProps & {
63
- /** Semi donut */
64
- halfsize?: boolean;
65
- };
66
-
67
- declare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {
68
- Text: Intergalactic.Component<'rect', SkeletonTextProps>;
69
- };
70
- declare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;
71
- declare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;
72
- declare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;
73
- declare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;
74
- declare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;
75
- declare const VennChartSkeleton: typeof Skeleton;
76
- declare const BubbleChartSkeleton: typeof Skeleton;
77
- declare const ScatterPlotChartSkeleton: typeof Skeleton;
78
- declare const RadialTreeChartSkeleton: typeof Skeleton;
79
- declare const CompactHorizontalBarChartSkeleton: typeof Skeleton;
80
-
81
- export default Skeleton;
82
- export {
83
- AreaChartSkeleton,
84
- BarChartSkeleton,
85
- HistogramChartSkeleton,
86
- LineChartSkeleton,
87
- DonutChartSkeleton,
88
- VennChartSkeleton,
89
- BubbleChartSkeleton,
90
- ScatterPlotChartSkeleton,
91
- RadialTreeChartSkeleton,
92
- CompactHorizontalBarChartSkeleton,
93
- };
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';
@@ -0,0 +1,44 @@
1
+ export declare const localizedMessages: {
2
+ de: {
3
+ loading: string;
4
+ };
5
+ en: {
6
+ loading: string;
7
+ };
8
+ es: {
9
+ loading: string;
10
+ };
11
+ fr: {
12
+ loading: string;
13
+ };
14
+ it: {
15
+ loading: string;
16
+ };
17
+ ja: {
18
+ loading: string;
19
+ };
20
+ ko: {
21
+ loading: string;
22
+ };
23
+ nl: {
24
+ loading: string;
25
+ };
26
+ pt: {
27
+ loading: string;
28
+ };
29
+ tr: {
30
+ loading: string;
31
+ };
32
+ vi: {
33
+ loading: string;
34
+ };
35
+ zh: {
36
+ loading: string;
37
+ };
38
+ pl: {
39
+ loading: string;
40
+ };
41
+ sv: {
42
+ loading: string;
43
+ };
44
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/skeleton",
3
3
  "description": "Semrush Skeleton Component",
4
- "version": "17.0.0",
4
+ "version": "17.0.2-prerelease.0",
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
  "require": "./lib/cjs/index.js"
15
15
  },
16
16
  "peerDependencies": {
17
- "@semcore/base-components": "^17.0.0 || ^17.0.0-0"
17
+ "@semcore/base-components": "^17.0.2"
18
18
  },
19
19
  "repository": {
20
20
  "type": "git",
@@ -22,11 +22,11 @@
22
22
  "directory": "semcore/skeleton"
23
23
  },
24
24
  "devDependencies": {
25
- "@semcore/core": "17.0.0",
26
- "@semcore/base-components": "17.0.0",
25
+ "@semcore/core": "17.0.1",
26
+ "@semcore/base-components": "17.0.2-prerelease.0",
27
27
  "@semcore/testing-utils": "1.0.0"
28
28
  },
29
29
  "scripts": {
30
- "build": "pnpm semcore-builder --source=js && pnpm vite build"
30
+ "build": "pnpm semcore-builder && pnpm vite build"
31
31
  }
32
32
  }
package/vite.config.ts CHANGED
@@ -7,7 +7,7 @@ export default mergeConfig(
7
7
  defineConfig({
8
8
  build: {
9
9
  lib: {
10
- entry: './src/index.js',
10
+ entry: './src/index.ts',
11
11
  },
12
12
  rollupOptions: {
13
13
  external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],
@@ -1 +0,0 @@
1
- {"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","areaLinearSvg","areaMonotoneSvg","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","patternBase64","linear","monotone","type","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/Area.jsx"],"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\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-linear.svg'))\n`;\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-monotone.svg'))\n`;\n\nfunction AreaChartSkeleton(props) {\n const SChartSkeleton = Root;\n const patternBase64 = { linear: areaLinearSvg, monotone: areaMonotoneSvg }[\n props.type ?? 'linear'\n ];\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,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(AreaChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,aAAa,yVAElB;AACD,MAAMC,eAAe,iRAEpB;AAED,SAASC,iBAAiBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChC,MAAMC,cAAc,GAMRC,kBAAQ;EALpB,MAAMC,aAAa,GAAG;IAAEC,MAAM,EAAEV,aAAa;IAAEW,QAAQ,EAAEV;EAAgB,CAAC,CACxEE,KAAK,CAACS,IAAI,IAAI,QAAQ,CACvB;EACD,OAAAN,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACP,cAAc,EAAAD,KAAA,CAAAS,EAAA;IAAA,OAAAvB,KAAA,CAAAwB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCP,aAAa;IAAG,GAAAL,IAAA;EAAA,EAC7D,CAAC;AAEN;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACjB,iBAAiB,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","barVerticalSvg","barHorizontalSvg","BarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","layout","patternBase64","vertical","horizontal","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/Bar.jsx"],"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\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-vertical.svg'))\n`;\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-horizontal.svg'))\n`;\n\nfunction BarChartSkeleton(props) {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n const patternBase64 = { vertical: barVerticalSvg, horizontal: barHorizontalSvg }[layout];\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat={{ vertical: 'repeat-y', horizontal: 'repeat-x' }[layout]}\n bgPosition={{ vertical: 'left top', horizontal: 'left bottom' }[layout]}\n bgSize={{ vertical: 'contain', horizontal: 'auto 50%' }[layout]}\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(BarChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,cAAc,69BAEnB;AACD,MAAMC,gBAAgB,izBAErB;AAED,SAASC,gBAAgBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC/B,MAAMC,cAAc,GAKRC,kBAAQ;EAJpB,MAAMC,MAAM,GAAGN,KAAK,CAACM,MAAM,IAAI,YAAY;EAC3C,MAAMC,aAAa,GAAG;IAAEC,QAAQ,EAAEX,cAAc;IAAEY,UAAU,EAAEX;EAAiB,CAAC,CAACQ,MAAM,CAAC;EACxF,OAAAH,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACP,cAAc,EAAAD,KAAA,CAAAS,EAAA;IAAA,OAAAvB,KAAA,CAAAwB,WAAA;MAAA,YAEH;QAAEL,QAAQ,EAAE,UAAU;QAAEC,UAAU,EAAE;MAAW,CAAC,CAACH,MAAM,CAAC;MAAA,cACtD;QAAEE,QAAQ,EAAE,UAAU;QAAEC,UAAU,EAAE;MAAc,CAAC,CAACH,MAAM,CAAC;MAAA,UAC/D;QAAEE,QAAQ,EAAE,SAAS;QAAEC,UAAU,EAAE;MAAW,CAAC,CAACH,MAAM,CAAC;MAAA,aACpD,iCAAiCC,aAAa;IAAG,GAAAN,IAAA;EAAA,EAC7D,CAAC;AAEN;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACjB,gBAAgB,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/Bubble.jsx"],"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\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bubble-chart.svg'))\n`;\n\nfunction BubbleChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n />,\n );\n}\n\nexport default createComponent(BubbleChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,SAAS,6xCAEd;AAED,SAASC,mBAAmBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCV,SAAS;IAAG,GAAAE,IAAA;EAAA,EACzD,CAAC;AAEN;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACZ,mBAAmB,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"CompactHorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/CompactHorizontalBar.jsx"],"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\nconst patternBase64 = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/compact-horizontal-bar-chart.svg'))\n`;\n\nfunction CompactHorizontalBarChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-y'\n bgPosition='left top'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(CompactHorizontalBarChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,aAAa,i/BAElB;AAED,SAASC,iCAAiCA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,UAAU;MAAA,UACd,SAAS;MAAA,aACL,iCAAiCV,aAAa;IAAG,GAAAE,IAAA;EAAA,EAC7D,CAAC;AAEN;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACZ,iCAAiC,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Donut.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","donutFullSvg","donutHalfSvg","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","halfsize","patternBase64","true","false","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/Donut.jsx"],"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\nconst donutFullSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/donut-chart.svg'))\n`;\nconst donutHalfSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/donut-chart-halfsize.svg'))\n`;\n\nfunction DonutChartSkeleton(props) {\n const SChartSkeleton = Root;\n const halfsize = props.halfsize ?? false;\n const patternBase64 = { true: donutHalfSvg, false: donutFullSvg }[halfsize];\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition={{ true: 'center bottom', false: 'center' }[halfsize]}\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(DonutChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,YAAY,6qCAEjB;AACD,MAAMC,YAAY,6nBAEjB;AAED,SAASC,kBAAkBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACjC,MAAMC,cAAc,GAKRC,kBAAQ;EAJpB,MAAMC,QAAQ,GAAGN,KAAK,CAACM,QAAQ,IAAI,KAAK;EACxC,MAAMC,aAAa,GAAG;IAAEC,IAAI,EAAEV,YAAY;IAAEW,KAAK,EAAEZ;EAAa,CAAC,CAACS,QAAQ,CAAC;EAC3E,OAAAH,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACP,cAAc,EAAAD,KAAA,CAAAS,EAAA;IAAA,OAAAvB,KAAA,CAAAwB,WAAA;MAAA,YAEJ,WAAW;MAAA,cACR;QAAEL,IAAI,EAAE,eAAe;QAAEC,KAAK,EAAE;MAAS,CAAC,CAACH,QAAQ,CAAC;MAAA,UACzD,SAAS;MAAA,aACL,iCAAiCC,aAAa;IAAG,GAAAN,IAAA;EAAA,EAC7D,CAAC;AAEN;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACjB,kBAAkB,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Histogram.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","histogramVerticalSvg","histogramHorizontalSvg","HistogramChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","layout","patternBase64","vertical","horizontal","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/Histogram.jsx"],"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\nconst histogramVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-vertical.svg'))\n`;\nconst histogramHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-horizontal.svg'))\n`;\n\nfunction HistogramChartSkeleton(props) {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n const patternBase64 = { vertical: histogramVerticalSvg, horizontal: histogramHorizontalSvg }[\n layout\n ];\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat={{ vertical: 'repeat-y', horizontal: 'repeat-x' }[layout]}\n bgPosition={{ vertical: 'left top', horizontal: 'left bottom' }[layout]}\n bgSize={{ vertical: 'contain', horizontal: 'auto 50%' }[layout]}\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(HistogramChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,oBAAoB,69BAEzB;AACD,MAAMC,sBAAsB,y7BAE3B;AAED,SAASC,sBAAsBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACrC,MAAMC,cAAc,GAORC,kBAAQ;EANpB,MAAMC,MAAM,GAAGN,KAAK,CAACM,MAAM,IAAI,YAAY;EAC3C,MAAMC,aAAa,GAAG;IAAEC,QAAQ,EAAEX,oBAAoB;IAAEY,UAAU,EAAEX;EAAuB,CAAC,CAC1FQ,MAAM,CACP;EACD,OAAAH,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACP,cAAc,EAAAD,KAAA,CAAAS,EAAA;IAAA,OAAAvB,KAAA,CAAAwB,WAAA;MAAA,YAEH;QAAEL,QAAQ,EAAE,UAAU;QAAEC,UAAU,EAAE;MAAW,CAAC,CAACH,MAAM,CAAC;MAAA,cACtD;QAAEE,QAAQ,EAAE,UAAU;QAAEC,UAAU,EAAE;MAAc,CAAC,CAACH,MAAM,CAAC;MAAA,UAC/D;QAAEE,QAAQ,EAAE,SAAS;QAAEC,UAAU,EAAE;MAAW,CAAC,CAACH,MAAM,CAAC;MAAA,aACpD,iCAAiCC,aAAa;IAAG,GAAAN,IAAA;EAAA,EAC7D,CAAC;AAEN;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACjB,sBAAsB,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","lineLinearSvg","lineMonotoneSvg","LineChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","patternBase64","linear","monotone","type","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/Line.jsx"],"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\nconst lineLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-linear.svg'))\n`;\nconst lineMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-monotone.svg'))\n`;\n\nfunction LineChartSkeleton(props) {\n const SChartSkeleton = Root;\n const patternBase64 = { linear: lineLinearSvg, monotone: lineMonotoneSvg }[\n props.type ?? 'linear'\n ];\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,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(LineChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,aAAa,qhBAElB;AACD,MAAMC,eAAe,qWAEpB;AAED,SAASC,iBAAiBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChC,MAAMC,cAAc,GAMRC,kBAAQ;EALpB,MAAMC,aAAa,GAAG;IAAEC,MAAM,EAAEV,aAAa;IAAEW,QAAQ,EAAEV;EAAgB,CAAC,CACxEE,KAAK,CAACS,IAAI,IAAI,QAAQ,CACvB;EACD,OAAAN,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACP,cAAc,EAAAD,KAAA,CAAAS,EAAA;IAAA,OAAAvB,KAAA,CAAAwB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCP,aAAa;IAAG,GAAAL,IAAA;EAAA,EAC7D,CAAC;AAEN;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACjB,iBAAiB,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"RadialTree.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","radialSvg","RadialTreeChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/RadialTree.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// @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);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAGvC;AACA,MAAMC,SAAS,izOAEd;AAED,SAASC,uBAAuBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACjC,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,WAAA;MAAA,YAEJ,WAAW;MAAA,cACT,QAAQ;MAAA,UACZ,SAAS;MAAA,aACL,iCAAiCV,SAAS;IAAG,GAAAE,IAAA;EAAA,EACzD,CAAC;AAEN;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACZ,uBAAuB,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ScatterPlot.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","scatterSvg","ScatterPlotChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/ScatterPlot.jsx"],"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\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);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,UAAU,66DAEf;AAED,SAASC,wBAAwBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClC,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCV,UAAU;IAAG,GAAAE,IAAA;EAAA,EAC1D,CAAC;AAEN;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACZ,wBAAwB,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Venn.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","vennSvg","VennChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/Venn.jsx"],"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\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,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,OAAO,inDAEZ;AAED,SAASC,iBAAiBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3B,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,WAAA;MAAA,YAEJ,WAAW;MAAA,cACT,QAAQ;MAAA,UACZ,SAAS;MAAA,aACL,iCAAiCV,OAAO;IAAG,GAAAE,IAAA;EAAA,EACvD,CAAC;AAEN;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACZ,iBAAiB,CAAC","ignoreList":[]}
@@ -1,77 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "AreaChartSkeleton", {
8
- enumerable: true,
9
- get: function () {
10
- return _Area.default;
11
- }
12
- });
13
- Object.defineProperty(exports, "BarChartSkeleton", {
14
- enumerable: true,
15
- get: function () {
16
- return _Bar.default;
17
- }
18
- });
19
- Object.defineProperty(exports, "BubbleChartSkeleton", {
20
- enumerable: true,
21
- get: function () {
22
- return _Bubble.default;
23
- }
24
- });
25
- Object.defineProperty(exports, "CompactHorizontalBarChartSkeleton", {
26
- enumerable: true,
27
- get: function () {
28
- return _CompactHorizontalBar.default;
29
- }
30
- });
31
- Object.defineProperty(exports, "DonutChartSkeleton", {
32
- enumerable: true,
33
- get: function () {
34
- return _Donut.default;
35
- }
36
- });
37
- Object.defineProperty(exports, "HistogramChartSkeleton", {
38
- enumerable: true,
39
- get: function () {
40
- return _Histogram.default;
41
- }
42
- });
43
- Object.defineProperty(exports, "LineChartSkeleton", {
44
- enumerable: true,
45
- get: function () {
46
- return _Line.default;
47
- }
48
- });
49
- Object.defineProperty(exports, "RadialTreeChartSkeleton", {
50
- enumerable: true,
51
- get: function () {
52
- return _RadialTree.default;
53
- }
54
- });
55
- Object.defineProperty(exports, "ScatterPlotChartSkeleton", {
56
- enumerable: true,
57
- get: function () {
58
- return _ScatterPlot.default;
59
- }
60
- });
61
- Object.defineProperty(exports, "VennChartSkeleton", {
62
- enumerable: true,
63
- get: function () {
64
- return _Venn.default;
65
- }
66
- });
67
- var _Histogram = _interopRequireDefault(require("./Histogram"));
68
- var _Donut = _interopRequireDefault(require("./Donut"));
69
- var _Bar = _interopRequireDefault(require("./Bar"));
70
- var _CompactHorizontalBar = _interopRequireDefault(require("./CompactHorizontalBar"));
71
- var _Area = _interopRequireDefault(require("./Area"));
72
- var _Line = _interopRequireDefault(require("./Line"));
73
- var _Venn = _interopRequireDefault(require("./Venn"));
74
- var _ScatterPlot = _interopRequireDefault(require("./ScatterPlot"));
75
- var _Bubble = _interopRequireDefault(require("./Bubble"));
76
- var _RadialTree = _interopRequireDefault(require("./RadialTree"));
77
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["_Histogram","_interopRequireDefault","require","_Donut","_Bar","_CompactHorizontalBar","_Area","_Line","_Venn","_ScatterPlot","_Bubble","_RadialTree"],"sources":["../../../src/Charts/index.js"],"sourcesContent":["export { default as HistogramChartSkeleton } from './Histogram';\nexport { default as DonutChartSkeleton } from './Donut';\nexport { default as BarChartSkeleton } from './Bar';\nexport { default as CompactHorizontalBarChartSkeleton } from './CompactHorizontalBar';\nexport { default as AreaChartSkeleton } from './Area';\nexport { default as LineChartSkeleton } from './Line';\nexport { default as VennChartSkeleton } from './Venn';\nexport { default as ScatterPlotChartSkeleton } from './ScatterPlot';\nexport { default as BubbleChartSkeleton } from './Bubble';\nexport { default as RadialTreeChartSkeleton } from './RadialTree';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,IAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,KAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,OAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,WAAA,GAAAV,sBAAA,CAAAC,OAAA","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=Skeleton.d.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Skeleton.d.js","names":[],"sources":["../../src/Skeleton.d.ts"],"sourcesContent":["declare const Skeleton: any;\ndeclare const SkeletonSVG: any;\nexport { Skeleton };\nexport default SkeletonSVG;\n"],"mappings":"","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=index.d.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.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\nexport type SkeletonProps = BoxProps &\n 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\nexport type SkeletonCtx = {\n gradientUrl: 'string';\n};\n\nexport type SkeletonTextProps = BoxProps & {\n /**\n * Number of items to be returned\n * @default 1\n */\n amount?: string | number;\n};\n\nexport type AreaChartSkeletonProps = SkeletonProps & {\n /** Controls the area curve interpolation style for the skeleton pattern */\n type?: 'linear' | 'monotone';\n};\n\nexport type BarChartSkeletonProps = SkeletonProps & {\n /** Controls the orientation of the bar chart skeleton */\n layout?: 'horizontal' | 'vertical';\n};\n\nexport type HistogramChartSkeletonProps = SkeletonProps & {\n /** Controls the orientation of the histogram chart skeleton */\n layout?: 'horizontal' | 'vertical';\n};\n\nexport type LineChartSkeletonProps = SkeletonProps & {\n /** Controls the line interpolation style for the skeleton pattern */\n type?: 'linear' | 'monotone';\n};\n\nexport type DonutChartSkeletonProps = SkeletonProps & {\n /** Semi donut */\n halfsize?: boolean;\n};\n\ndeclare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {\n Text: Intergalactic.Component<'rect', SkeletonTextProps>;\n};\ndeclare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;\ndeclare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;\ndeclare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;\ndeclare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;\ndeclare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;\ndeclare const VennChartSkeleton: typeof Skeleton;\ndeclare const BubbleChartSkeleton: typeof Skeleton;\ndeclare const ScatterPlotChartSkeleton: typeof Skeleton;\ndeclare const RadialTreeChartSkeleton: typeof Skeleton;\ndeclare const CompactHorizontalBarChartSkeleton: typeof Skeleton;\n\nexport default Skeleton;\nexport {\n AreaChartSkeleton,\n BarChartSkeleton,\n HistogramChartSkeleton,\n LineChartSkeleton,\n DonutChartSkeleton,\n VennChartSkeleton,\n BubbleChartSkeleton,\n ScatterPlotChartSkeleton,\n RadialTreeChartSkeleton,\n CompactHorizontalBarChartSkeleton,\n};\n"],"mappings":"","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Area.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","areaLinearSvg","areaMonotoneSvg","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","patternBase64","linear","monotone","type","createElement","cn","_assignProps"],"sources":["../../../src/Charts/Area.jsx"],"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\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-linear.svg'))\n`;\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-monotone.svg'))\n`;\n\nfunction AreaChartSkeleton(props) {\n const SChartSkeleton = Root;\n const patternBase64 = { linear: areaLinearSvg, monotone: areaMonotoneSvg }[\n props.type ?? 'linear'\n ];\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,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(AreaChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,aAAa,yVAElB;AACD,MAAMC,eAAe,iRAEpB;AAED,SAASC,iBAAiBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChC,MAAMC,cAAc,GAMRX,QAAQ;EALpB,MAAMY,aAAa,GAAG;IAAEC,MAAM,EAAET,aAAa;IAAEU,QAAQ,EAAET;EAAgB,CAAC,CACxEE,KAAK,CAACQ,IAAI,IAAI,QAAQ,CACvB;EACD,OAAAL,KAAA,GAAOZ,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAiB,aAAA,CAACL,cAAc,EAAAD,KAAA,CAAAO,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCN,aAAa;IAAG,GAAAJ,IAAA;EAAA,EAC7D,CAAC;AAEN;AAEA,eAAeZ,eAAe,CAACU,iBAAiB,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Bar.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","barVerticalSvg","barHorizontalSvg","BarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_assignProps"],"sources":["../../../src/Charts/Bar.jsx"],"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\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-vertical.svg'))\n`;\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-horizontal.svg'))\n`;\n\nfunction BarChartSkeleton(props) {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n const patternBase64 = { vertical: barVerticalSvg, horizontal: barHorizontalSvg }[layout];\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat={{ vertical: 'repeat-y', horizontal: 'repeat-x' }[layout]}\n bgPosition={{ vertical: 'left top', horizontal: 'left bottom' }[layout]}\n bgSize={{ vertical: 'contain', horizontal: 'auto 50%' }[layout]}\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(BarChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,cAAc,69BAEnB;AACD,MAAMC,gBAAgB,izBAErB;AAED,SAASC,gBAAgBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC/B,MAAMC,cAAc,GAKRX,QAAQ;EAJpB,MAAMY,MAAM,GAAGL,KAAK,CAACK,MAAM,IAAI,YAAY;EAC3C,MAAMC,aAAa,GAAG;IAAEC,QAAQ,EAAEV,cAAc;IAAEW,UAAU,EAAEV;EAAiB,CAAC,CAACO,MAAM,CAAC;EACxF,OAAAF,KAAA,GAAOZ,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAiB,aAAA,CAACL,cAAc,EAAAD,KAAA,CAAAO,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEH;QAAEJ,QAAQ,EAAE,UAAU;QAAEC,UAAU,EAAE;MAAW,CAAC,CAACH,MAAM,CAAC;MAAA,cACtD;QAAEE,QAAQ,EAAE,UAAU;QAAEC,UAAU,EAAE;MAAc,CAAC,CAACH,MAAM,CAAC;MAAA,UAC/D;QAAEE,QAAQ,EAAE,SAAS;QAAEC,UAAU,EAAE;MAAW,CAAC,CAACH,MAAM,CAAC;MAAA,aACpD,iCAAiCC,aAAa;IAAG,GAAAL,IAAA;EAAA,EAC7D,CAAC;AAEN;AAEA,eAAeZ,eAAe,CAACU,gBAAgB,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Bubble.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../src/Charts/Bubble.jsx"],"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\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bubble-chart.svg'))\n`;\n\nfunction BubbleChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n />,\n );\n}\n\nexport default createComponent(BubbleChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,SAAS,6xCAEd;AAED,SAASC,mBAAmBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,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,SAAS;IAAG,GAAAE,IAAA;EAAA,EACzD,CAAC;AAEN;AAEA,eAAeV,eAAe,CAACS,mBAAmB,CAAC","ignoreList":[]}