@semcore/skeleton 16.1.0-prerelease.1 → 16.1.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 (172) hide show
  1. package/lib/cjs/Skeleton.js +28 -27
  2. package/lib/cjs/Skeleton.js.map +1 -1
  3. package/lib/cjs/Skeleton.type.js +2 -0
  4. package/lib/cjs/Skeleton.type.js.map +1 -0
  5. package/lib/cjs/{Charts → charts/Area}/Area.js +20 -17
  6. package/lib/cjs/charts/Area/Area.js.map +1 -0
  7. package/lib/cjs/charts/Area/Area.type.js +2 -0
  8. package/lib/cjs/charts/Area/Area.type.js.map +1 -0
  9. package/lib/cjs/{Charts → charts/Bar}/Bar.js +35 -29
  10. package/lib/cjs/charts/Bar/Bar.js.map +1 -0
  11. package/lib/cjs/charts/Bar/Bar.type.js +2 -0
  12. package/lib/cjs/charts/Bar/Bar.type.js.map +1 -0
  13. package/lib/cjs/{Charts → charts/Bubble}/Bubble.js +13 -12
  14. package/lib/cjs/charts/Bubble/Bubble.js.map +1 -0
  15. package/lib/cjs/charts/Bubble/Bubble.type.js +2 -0
  16. package/lib/cjs/charts/Bubble/Bubble.type.js.map +1 -0
  17. package/lib/cjs/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.js +13 -12
  18. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -0
  19. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +2 -0
  20. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +1 -0
  21. package/lib/cjs/{Charts → charts/Donut}/Donut.js +26 -22
  22. package/lib/cjs/charts/Donut/Donut.js.map +1 -0
  23. package/lib/cjs/charts/Donut/Donut.type.js +2 -0
  24. package/lib/cjs/charts/Donut/Donut.type.js.map +1 -0
  25. package/lib/cjs/{Charts → charts/Histogram}/Histogram.js +35 -29
  26. package/lib/cjs/charts/Histogram/Histogram.js.map +1 -0
  27. package/lib/cjs/charts/Histogram/Histogram.type.js +2 -0
  28. package/lib/cjs/charts/Histogram/Histogram.type.js.map +1 -0
  29. package/lib/cjs/{Charts → charts/Line}/Line.js +21 -17
  30. package/lib/cjs/charts/Line/Line.js.map +1 -0
  31. package/lib/cjs/charts/Line/Line.type.js +2 -0
  32. package/lib/cjs/charts/Line/Line.type.js.map +1 -0
  33. package/lib/cjs/{Charts → charts/RadialTree}/RadialTree.js +13 -12
  34. package/lib/cjs/charts/RadialTree/RadialTree.js.map +1 -0
  35. package/lib/cjs/charts/RadialTree/RadialTree.type.js +2 -0
  36. package/lib/cjs/charts/RadialTree/RadialTree.type.js.map +1 -0
  37. package/lib/cjs/{Charts → charts/ScatterPlot}/ScatterPlot.js +13 -12
  38. package/lib/cjs/charts/ScatterPlot/ScatterPlot.js.map +1 -0
  39. package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js +2 -0
  40. package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js.map +1 -0
  41. package/lib/cjs/{Charts → charts/Venn}/Venn.js +13 -12
  42. package/lib/cjs/charts/Venn/Venn.js.map +1 -0
  43. package/lib/cjs/charts/Venn/Venn.type.js +2 -0
  44. package/lib/cjs/charts/Venn/Venn.type.js.map +1 -0
  45. package/lib/cjs/index.js +206 -5
  46. package/lib/cjs/index.js.map +1 -1
  47. package/lib/es6/Skeleton.js +26 -25
  48. package/lib/es6/Skeleton.js.map +1 -1
  49. package/lib/es6/Skeleton.type.js +2 -0
  50. package/lib/es6/Skeleton.type.js.map +1 -0
  51. package/lib/es6/{Charts → charts/Area}/Area.js +20 -17
  52. package/lib/es6/charts/Area/Area.js.map +1 -0
  53. package/lib/es6/charts/Area/Area.type.js +2 -0
  54. package/lib/es6/charts/Area/Area.type.js.map +1 -0
  55. package/lib/es6/{Charts → charts/Bar}/Bar.js +35 -29
  56. package/lib/es6/charts/Bar/Bar.js.map +1 -0
  57. package/lib/es6/charts/Bar/Bar.type.js +2 -0
  58. package/lib/es6/charts/Bar/Bar.type.js.map +1 -0
  59. package/lib/es6/{Charts → charts/Bubble}/Bubble.js +13 -12
  60. package/lib/es6/charts/Bubble/Bubble.js.map +1 -0
  61. package/lib/es6/charts/Bubble/Bubble.type.js +2 -0
  62. package/lib/es6/charts/Bubble/Bubble.type.js.map +1 -0
  63. package/lib/es6/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.js +13 -12
  64. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -0
  65. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +2 -0
  66. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +1 -0
  67. package/lib/es6/{Charts → charts/Donut}/Donut.js +26 -22
  68. package/lib/es6/charts/Donut/Donut.js.map +1 -0
  69. package/lib/es6/charts/Donut/Donut.type.js +2 -0
  70. package/lib/es6/charts/Donut/Donut.type.js.map +1 -0
  71. package/lib/es6/{Charts → charts/Histogram}/Histogram.js +35 -29
  72. package/lib/es6/charts/Histogram/Histogram.js.map +1 -0
  73. package/lib/es6/charts/Histogram/Histogram.type.js +2 -0
  74. package/lib/es6/charts/Histogram/Histogram.type.js.map +1 -0
  75. package/lib/es6/{Charts → charts/Line}/Line.js +21 -17
  76. package/lib/es6/charts/Line/Line.js.map +1 -0
  77. package/lib/es6/charts/Line/Line.type.js +2 -0
  78. package/lib/es6/charts/Line/Line.type.js.map +1 -0
  79. package/lib/es6/{Charts → charts/RadialTree}/RadialTree.js +13 -12
  80. package/lib/es6/charts/RadialTree/RadialTree.js.map +1 -0
  81. package/lib/es6/charts/RadialTree/RadialTree.type.js +2 -0
  82. package/lib/es6/charts/RadialTree/RadialTree.type.js.map +1 -0
  83. package/lib/es6/{Charts → charts/ScatterPlot}/ScatterPlot.js +13 -12
  84. package/lib/es6/charts/ScatterPlot/ScatterPlot.js.map +1 -0
  85. package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js +2 -0
  86. package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js.map +1 -0
  87. package/lib/es6/{Charts → charts/Venn}/Venn.js +13 -12
  88. package/lib/es6/charts/Venn/Venn.js.map +1 -0
  89. package/lib/es6/charts/Venn/Venn.type.js +2 -0
  90. package/lib/es6/charts/Venn/Venn.type.js.map +1 -0
  91. package/lib/es6/index.js +21 -1
  92. package/lib/es6/index.js.map +1 -1
  93. package/lib/esm/Skeleton.mjs +30 -29
  94. package/lib/esm/Skeleton.type.mjs +1 -0
  95. package/lib/esm/{Charts → charts/Area}/Area.mjs +18 -18
  96. package/lib/esm/charts/Area/Area.type.mjs +1 -0
  97. package/lib/esm/{Charts → charts/Bar}/Bar.mjs +33 -30
  98. package/lib/esm/charts/Bar/Bar.type.mjs +1 -0
  99. package/lib/esm/{Charts → charts/Bubble}/Bubble.mjs +13 -13
  100. package/lib/esm/charts/Bubble/Bubble.type.mjs +1 -0
  101. package/lib/esm/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.mjs +13 -13
  102. package/lib/esm/charts/CompactHorizontalBar/CompactHorizontalBar.type.mjs +1 -0
  103. package/lib/esm/{Charts → charts/Donut}/Donut.mjs +24 -23
  104. package/lib/esm/charts/Donut/Donut.type.mjs +1 -0
  105. package/lib/esm/{Charts → charts/Histogram}/Histogram.mjs +33 -30
  106. package/lib/esm/charts/Histogram/Histogram.type.mjs +1 -0
  107. package/lib/esm/{Charts → charts/Line}/Line.mjs +19 -18
  108. package/lib/esm/charts/Line/Line.type.mjs +1 -0
  109. package/lib/esm/{Charts → charts/RadialTree}/RadialTree.mjs +13 -13
  110. package/lib/esm/charts/RadialTree/RadialTree.type.mjs +1 -0
  111. package/lib/esm/{Charts → charts/ScatterPlot}/ScatterPlot.mjs +13 -13
  112. package/lib/esm/charts/ScatterPlot/ScatterPlot.type.mjs +1 -0
  113. package/lib/esm/{Charts → charts/Venn}/Venn.mjs +13 -13
  114. package/lib/esm/charts/Venn/Venn.type.mjs +1 -0
  115. package/lib/esm/index.mjs +30 -19
  116. package/lib/types/Skeleton.d.ts +4 -3
  117. package/lib/types/Skeleton.type.d.ts +52 -0
  118. package/lib/types/charts/Area/Area.d.ts +3 -0
  119. package/lib/types/charts/Area/Area.type.d.ts +12 -0
  120. package/lib/types/charts/Bar/Bar.d.ts +3 -0
  121. package/lib/types/charts/Bar/Bar.type.d.ts +12 -0
  122. package/lib/types/charts/Bubble/Bubble.d.ts +3 -0
  123. package/lib/types/charts/Bubble/Bubble.type.d.ts +5 -0
  124. package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.d.ts +3 -0
  125. package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.type.d.ts +5 -0
  126. package/lib/types/charts/Donut/Donut.d.ts +3 -0
  127. package/lib/types/charts/Donut/Donut.type.d.ts +12 -0
  128. package/lib/types/charts/Histogram/Histogram.d.ts +3 -0
  129. package/lib/types/charts/Histogram/Histogram.type.d.ts +12 -0
  130. package/lib/types/charts/Line/Line.d.ts +3 -0
  131. package/lib/types/charts/Line/Line.type.d.ts +12 -0
  132. package/lib/types/charts/RadialTree/RadialTree.d.ts +3 -0
  133. package/lib/types/charts/RadialTree/RadialTree.type.d.ts +5 -0
  134. package/lib/types/charts/ScatterPlot/ScatterPlot.d.ts +3 -0
  135. package/lib/types/charts/ScatterPlot/ScatterPlot.type.d.ts +5 -0
  136. package/lib/types/charts/Venn/Venn.d.ts +2 -0
  137. package/lib/types/charts/Venn/Venn.type.d.ts +5 -0
  138. package/lib/types/index.d.ts +22 -99
  139. package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +44 -0
  140. package/package.json +5 -5
  141. package/lib/cjs/Charts/Area.js.map +0 -1
  142. package/lib/cjs/Charts/Bar.js.map +0 -1
  143. package/lib/cjs/Charts/Bubble.js.map +0 -1
  144. package/lib/cjs/Charts/CompactHorizontalBar.js.map +0 -1
  145. package/lib/cjs/Charts/Donut.js.map +0 -1
  146. package/lib/cjs/Charts/Histogram.js.map +0 -1
  147. package/lib/cjs/Charts/Line.js.map +0 -1
  148. package/lib/cjs/Charts/RadialTree.js.map +0 -1
  149. package/lib/cjs/Charts/ScatterPlot.js.map +0 -1
  150. package/lib/cjs/Charts/Venn.js.map +0 -1
  151. package/lib/cjs/Charts/index.js +0 -77
  152. package/lib/cjs/Charts/index.js.map +0 -1
  153. package/lib/cjs/Skeleton.d.js +0 -2
  154. package/lib/cjs/Skeleton.d.js.map +0 -1
  155. package/lib/cjs/index.d.js +0 -2
  156. package/lib/cjs/index.d.js.map +0 -1
  157. package/lib/es6/Charts/Area.js.map +0 -1
  158. package/lib/es6/Charts/Bar.js.map +0 -1
  159. package/lib/es6/Charts/Bubble.js.map +0 -1
  160. package/lib/es6/Charts/CompactHorizontalBar.js.map +0 -1
  161. package/lib/es6/Charts/Donut.js.map +0 -1
  162. package/lib/es6/Charts/Histogram.js.map +0 -1
  163. package/lib/es6/Charts/Line.js.map +0 -1
  164. package/lib/es6/Charts/RadialTree.js.map +0 -1
  165. package/lib/es6/Charts/ScatterPlot.js.map +0 -1
  166. package/lib/es6/Charts/Venn.js.map +0 -1
  167. package/lib/es6/Charts/index.js +0 -11
  168. package/lib/es6/Charts/index.js.map +0 -1
  169. package/lib/es6/Skeleton.d.js +0 -2
  170. package/lib/es6/Skeleton.d.js.map +0 -1
  171. package/lib/es6/index.d.js +0 -2
  172. package/lib/es6/index.d.js.map +0 -1
package/lib/esm/index.mjs CHANGED
@@ -1,24 +1,35 @@
1
1
  import { default as default2 } from "./Skeleton.mjs";
2
- import { default as default3 } from "./Charts/Histogram.mjs";
3
- import { default as default4 } from "./Charts/Donut.mjs";
4
- import { default as default5 } from "./Charts/Bar.mjs";
5
- import { default as default6 } from "./Charts/CompactHorizontalBar.mjs";
6
- import { default as default7 } from "./Charts/Area.mjs";
7
- import { default as default8 } from "./Charts/Line.mjs";
8
- import { default as default9 } from "./Charts/Venn.mjs";
9
- import { default as default10 } from "./Charts/ScatterPlot.mjs";
10
- import { default as default11 } from "./Charts/Bubble.mjs";
11
- import { default as default12 } from "./Charts/RadialTree.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";
12
23
  export {
13
- default7 as AreaChartSkeleton,
14
- default5 as BarChartSkeleton,
15
- default11 as BubbleChartSkeleton,
24
+ default3 as AreaChartSkeleton,
25
+ default4 as BarChartSkeleton,
26
+ default5 as BubbleChartSkeleton,
16
27
  default6 as CompactHorizontalBarChartSkeleton,
17
- default4 as DonutChartSkeleton,
18
- default3 as HistogramChartSkeleton,
19
- default8 as LineChartSkeleton,
20
- default12 as RadialTreeChartSkeleton,
21
- default10 as ScatterPlotChartSkeleton,
22
- default9 as VennChartSkeleton,
28
+ default7 as DonutChartSkeleton,
29
+ default8 as HistogramChartSkeleton,
30
+ default9 as LineChartSkeleton,
31
+ default10 as RadialTreeChartSkeleton,
32
+ default11 as ScatterPlotChartSkeleton,
33
+ default12 as VennChartSkeleton,
23
34
  default2 as default
24
35
  };
@@ -1,4 +1,5 @@
1
- declare const Skeleton: any;
2
- declare const SkeletonSVG: any;
1
+ import type { NSSkeleton } from './Skeleton.type';
2
+ declare const Skeleton: NSSkeleton.RenderComponent;
3
3
  export { Skeleton };
4
- export default SkeletonSVG;
4
+ declare const _default: NSSkeleton.Component;
5
+ export default _default;
@@ -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,99 +1,22 @@
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
- };
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": "16.1.0-prerelease.1",
4
+ "version": "16.1.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "types": "lib/types/index.d.ts",
@@ -14,10 +14,10 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/flex-box": "16.1.0-prerelease.1"
17
+ "@semcore/flex-box": "16.1.0"
18
18
  },
19
19
  "peerDependencies": {
20
- "@semcore/base-components": "^16.6.0-prerelease.1"
20
+ "@semcore/base-components": "^16.6.0"
21
21
  },
22
22
  "repository": {
23
23
  "type": "git",
@@ -25,8 +25,8 @@
25
25
  "directory": "semcore/skeleton"
26
26
  },
27
27
  "devDependencies": {
28
- "@semcore/testing-utils": "1.0.0",
29
- "@semcore/core": "16.6.0-prerelease.1"
28
+ "@semcore/core": "16.6.0",
29
+ "@semcore/testing-utils": "1.0.0"
30
30
  },
31
31
  "scripts": {
32
32
  "build": "pnpm semcore-builder --source=js && pnpm vite build"
@@ -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","_props$type","SChartSkeleton","Skeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread2","assignProps","concat","_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,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,yVAElB;AACD,IAAMC,eAAe,iRAEpB;AAED,SAASC,iBAAiBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EAChC,IAAMC,cAAc,GAMRC,kBAAQ;EALpB,IAAMC,aAAa,GAAG;IAAEC,MAAM,EAAEX,aAAa;IAAEY,QAAQ,EAAEX;EAAgB,CAAC,EAAAM,WAAA,GACxEJ,KAAK,CAACU,IAAI,cAAAN,WAAA,cAAAA,WAAA,GAAI,QAAQ,CACvB;EACD,OAAAD,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BR,aAAa;EAAA,GAAAN,IAAA,GAC1D,CAAC;AAEN;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACnB,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","_props$layout","SChartSkeleton","Skeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread2","assignProps","concat","_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,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,cAAc,69BAEnB;AACD,IAAMC,gBAAgB,izBAErB;AAED,SAASC,gBAAgBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EAC/B,IAAMC,cAAc,GAKRC,kBAAQ;EAJpB,IAAMC,MAAM,IAAAH,aAAA,GAAGJ,KAAK,CAACO,MAAM,cAAAH,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMI,aAAa,GAAG;IAAEC,QAAQ,EAAEZ,cAAc;IAAEa,UAAU,EAAEZ;EAAiB,CAAC,CAACS,MAAM,CAAC;EACxF,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,YAEH;MAAEL,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,cACtD;MAAEE,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAc,CAAC,CAACH,MAAM,CAAC;IAAA,UAC/D;MAAEE,QAAQ,EAAE,SAAS;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,8CAAAQ,MAAA,CACnBP,aAAa;EAAA,GAAAP,IAAA,GAC1D,CAAC;AAEN;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACnB,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","createElement","cn","_objectSpread2","assignProps","concat","_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,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,SAAS,6xCAEd;AAED,SAASC,mBAAmBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAjB,KAAA,CAAAkB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BX,SAAS;EAAA,GAAAE,IAAA,GACtD,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACb,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","createElement","cn","_objectSpread2","assignProps","concat","_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,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,i/BAElB;AAED,SAASC,iCAAiCA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAjB,KAAA,CAAAkB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,UAAU;IAAA,UACd,SAAS;IAAA,8CAAAC,MAAA,CAC4BX,aAAa;EAAA,GAAAE,IAAA,GAC1D,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACb,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","_props$halfsize","SChartSkeleton","Skeleton","halfsize","patternBase64","createElement","cn","_objectSpread2","assignProps","concat","_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,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,YAAY,6qCAEjB;AACD,IAAMC,YAAY,6nBAEjB;AAED,SAASC,kBAAkBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,eAAA;EACjC,IAAMC,cAAc,GAKRC,kBAAQ;EAJpB,IAAMC,QAAQ,IAAAH,eAAA,GAAGJ,KAAK,CAACO,QAAQ,cAAAH,eAAA,cAAAA,eAAA,GAAI,KAAK;EACxC,IAAMI,aAAa,GAAG;IAAE,QAAMV,YAAY;IAAE,SAAOD;EAAa,CAAC,CAACU,QAAQ,CAAC;EAC3E,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAkB,aAAA,CAACJ,cAAc,EAAAF,KAAA,CAAAO,EAAA,uBAAAC,cAAA,qBAAAtB,KAAA,CAAAuB,WAAA;IAAA,YAEJ,WAAW;IAAA,cACR;MAAE,QAAM,eAAe;MAAE,SAAO;IAAS,CAAC,CAACL,QAAQ,CAAC;IAAA,UACzD,SAAS;IAAA,8CAAAM,MAAA,CAC4BL,aAAa;EAAA,GAAAP,IAAA,GAC1D,CAAC;AAEN;AAAC,IAAAa,QAAA,GAAAC,OAAA,cAEc,IAAAC,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","_props$layout","SChartSkeleton","Skeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread2","assignProps","concat","_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,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,oBAAoB,69BAEzB;AACD,IAAMC,sBAAsB,y7BAE3B;AAED,SAASC,sBAAsBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EACrC,IAAMC,cAAc,GAORC,kBAAQ;EANpB,IAAMC,MAAM,IAAAH,aAAA,GAAGJ,KAAK,CAACO,MAAM,cAAAH,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMI,aAAa,GAAG;IAAEC,QAAQ,EAAEZ,oBAAoB;IAAEa,UAAU,EAAEZ;EAAuB,CAAC,CAC1FS,MAAM,CACP;EACD,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,YAEH;MAAEL,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,cACtD;MAAEE,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAc,CAAC,CAACH,MAAM,CAAC;IAAA,UAC/D;MAAEE,QAAQ,EAAE,SAAS;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,8CAAAQ,MAAA,CACnBP,aAAa;EAAA,GAAAP,IAAA,GAC1D,CAAC;AAEN;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACnB,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","_props$type","SChartSkeleton","Skeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread2","assignProps","concat","_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,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,qhBAElB;AACD,IAAMC,eAAe,qWAEpB;AAED,SAASC,iBAAiBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EAChC,IAAMC,cAAc,GAMRC,kBAAQ;EALpB,IAAMC,aAAa,GAAG;IAAEC,MAAM,EAAEX,aAAa;IAAEY,QAAQ,EAAEX;EAAgB,CAAC,EAAAM,WAAA,GACxEJ,KAAK,CAACU,IAAI,cAAAN,WAAA,cAAAA,WAAA,GAAI,QAAQ,CACvB;EACD,OAAAD,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BR,aAAa;EAAA,GAAAN,IAAA,GAC1D,CAAC;AAEN;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACnB,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","createElement","cn","_objectSpread2","assignProps","concat","_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,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAGvC;AACA,IAAMC,SAAS,izOAEd;AAED,SAASC,uBAAuBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACjC,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAjB,KAAA,CAAAkB,WAAA;IAAA,YAEJ,WAAW;IAAA,cACT,QAAQ;IAAA,UACZ,SAAS;IAAA,8CAAAC,MAAA,CAC4BX,SAAS;EAAA,GAAAE,IAAA,GACtD,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACb,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","createElement","cn","_objectSpread2","assignProps","concat","_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,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,UAAU,66DAEf;AAED,SAASC,wBAAwBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClC,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAjB,KAAA,CAAAkB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BX,UAAU;EAAA,GAAAE,IAAA,GACvD,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACb,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","createElement","cn","_objectSpread2","assignProps","concat","_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,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,OAAO,inDAEZ;AAED,SAASC,iBAAiBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3B,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAjB,KAAA,CAAAkB,WAAA;IAAA,YAEJ,WAAW;IAAA,cACT,QAAQ;IAAA,UACZ,SAAS;IAAA,8CAAAC,MAAA,CAC4BX,OAAO;EAAA,GAAAE,IAAA,GACpD,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACb,iBAAiB,CAAC","ignoreList":[]}