@semcore/skeleton 17.1.0 → 17.2.0-prerelease.5

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 (71) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Skeleton.js +21 -10
  3. package/lib/cjs/Skeleton.js.map +1 -1
  4. package/lib/cjs/Skeleton.type.js.map +1 -1
  5. package/lib/cjs/charts/Area/Area.js +15 -9
  6. package/lib/cjs/charts/Area/Area.js.map +1 -1
  7. package/lib/cjs/charts/Bar/Bar.js +15 -9
  8. package/lib/cjs/charts/Bar/Bar.js.map +1 -1
  9. package/lib/cjs/charts/Bubble/Bubble.js +15 -9
  10. package/lib/cjs/charts/Bubble/Bubble.js.map +1 -1
  11. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.js +15 -9
  12. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -1
  13. package/lib/cjs/charts/Donut/Donut.js +15 -9
  14. package/lib/cjs/charts/Donut/Donut.js.map +1 -1
  15. package/lib/cjs/charts/Histogram/Histogram.js +15 -9
  16. package/lib/cjs/charts/Histogram/Histogram.js.map +1 -1
  17. package/lib/cjs/charts/Line/Line.js +15 -9
  18. package/lib/cjs/charts/Line/Line.js.map +1 -1
  19. package/lib/cjs/charts/RadialTree/RadialTree.js +15 -9
  20. package/lib/cjs/charts/RadialTree/RadialTree.js.map +1 -1
  21. package/lib/cjs/charts/ScatterPlot/ScatterPlot.js +15 -9
  22. package/lib/cjs/charts/ScatterPlot/ScatterPlot.js.map +1 -1
  23. package/lib/cjs/charts/Venn/Venn.js +15 -9
  24. package/lib/cjs/charts/Venn/Venn.js.map +1 -1
  25. package/lib/es6/Skeleton.js +22 -10
  26. package/lib/es6/Skeleton.js.map +1 -1
  27. package/lib/es6/Skeleton.type.js.map +1 -1
  28. package/lib/es6/charts/Area/Area.js +15 -9
  29. package/lib/es6/charts/Area/Area.js.map +1 -1
  30. package/lib/es6/charts/Bar/Bar.js +15 -9
  31. package/lib/es6/charts/Bar/Bar.js.map +1 -1
  32. package/lib/es6/charts/Bubble/Bubble.js +15 -9
  33. package/lib/es6/charts/Bubble/Bubble.js.map +1 -1
  34. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.js +15 -9
  35. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -1
  36. package/lib/es6/charts/Donut/Donut.js +15 -9
  37. package/lib/es6/charts/Donut/Donut.js.map +1 -1
  38. package/lib/es6/charts/Histogram/Histogram.js +15 -9
  39. package/lib/es6/charts/Histogram/Histogram.js.map +1 -1
  40. package/lib/es6/charts/Line/Line.js +15 -9
  41. package/lib/es6/charts/Line/Line.js.map +1 -1
  42. package/lib/es6/charts/RadialTree/RadialTree.js +15 -9
  43. package/lib/es6/charts/RadialTree/RadialTree.js.map +1 -1
  44. package/lib/es6/charts/ScatterPlot/ScatterPlot.js +15 -9
  45. package/lib/es6/charts/ScatterPlot/ScatterPlot.js.map +1 -1
  46. package/lib/es6/charts/Venn/Venn.js +15 -9
  47. package/lib/es6/charts/Venn/Venn.js.map +1 -1
  48. package/lib/esm/Skeleton.mjs +12 -12
  49. package/lib/esm/charts/Area/Area.mjs +10 -10
  50. package/lib/esm/charts/Bar/Bar.mjs +10 -10
  51. package/lib/esm/charts/Bubble/Bubble.mjs +10 -10
  52. package/lib/esm/charts/CompactHorizontalBar/CompactHorizontalBar.mjs +10 -10
  53. package/lib/esm/charts/Donut/Donut.mjs +10 -10
  54. package/lib/esm/charts/Histogram/Histogram.mjs +10 -10
  55. package/lib/esm/charts/Line/Line.mjs +10 -10
  56. package/lib/esm/charts/RadialTree/RadialTree.mjs +10 -10
  57. package/lib/esm/charts/ScatterPlot/ScatterPlot.mjs +10 -10
  58. package/lib/esm/charts/Venn/Venn.mjs +10 -10
  59. package/lib/types/Skeleton.d.ts +10 -0
  60. package/lib/types/Skeleton.type.d.ts +4 -0
  61. package/lib/types/charts/Area/Area.d.ts +5 -0
  62. package/lib/types/charts/Bar/Bar.d.ts +5 -0
  63. package/lib/types/charts/Bubble/Bubble.d.ts +6 -2
  64. package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.d.ts +6 -2
  65. package/lib/types/charts/Donut/Donut.d.ts +5 -0
  66. package/lib/types/charts/Histogram/Histogram.d.ts +5 -0
  67. package/lib/types/charts/Line/Line.d.ts +5 -0
  68. package/lib/types/charts/RadialTree/RadialTree.d.ts +6 -2
  69. package/lib/types/charts/ScatterPlot/ScatterPlot.d.ts +6 -2
  70. package/lib/types/charts/Venn/Venn.d.ts +6 -1
  71. package/package.json +4 -4
@@ -9,17 +9,17 @@ var _core = require("@semcore/core");
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _Skeleton = require("../../Skeleton");
11
11
  /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
12
- const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
12
+ const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
13
13
  /*__reshadow_css_end__*/
14
14
  {
15
- "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
16
- "--bgPattern": "--bgPattern_9rf04",
17
- "_bgPosition": "__bgPosition_9rf04_gg_",
18
- "--bgPosition": "--bgPosition_9rf04",
19
- "_bgSize": "__bgSize_9rf04_gg_",
20
- "--bgSize": "--bgSize_9rf04",
21
- "_bgRepeat": "__bgRepeat_9rf04_gg_",
22
- "--bgRepeat": "--bgRepeat_9rf04"
15
+ "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
16
+ "--bgPattern": "--bgPattern_1g6wu",
17
+ "_bgPosition": "__bgPosition_1g6wu_gg_",
18
+ "--bgPosition": "--bgPosition_1g6wu",
19
+ "_bgSize": "__bgSize_1g6wu_gg_",
20
+ "--bgSize": "--bgSize_1g6wu",
21
+ "_bgRepeat": "__bgRepeat_1g6wu_gg_",
22
+ "--bgRepeat": "--bgRepeat_1g6wu"
23
23
  }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
24
24
  // @ts-ignore
25
25
  const radialSvg = "PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNTggMjAwQzE1OCAxOTMuMzczIDE2My4zNzMgMTg4IDE3MCAxODhIMjMwQzIzNi42MjcgMTg4IDI0MiAxOTMuMzczIDI0MiAyMDBDMjQyIDIwNi42MjcgMjM2LjYyNyAyMTIgMjMwIDIxMkgxNzBDMTYzLjM3MyAyMTIgMTU4IDIwNi42MjcgMTU4IDIwMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0yNzQuNjk3IDE3Ljk1NzZDMjcwLjYxNSAxNi4yNjY4IDI2NS45MzUgMTguMjA1MyAyNjQuMjQ1IDIyLjI4NzJMMjUyLjc2NCA1MC4wMDM2QzI1MS4wNzMgNTQuMDg1NiAyNTMuMDEyIDU4Ljc2NTMgMjU3LjA5NCA2MC40NTYxTDI1Ni4xNyA2MC4wNzM0TDIyMi44NzYgMTQwLjQ1MUwyMjQuNzI0IDE0MS4yMTZMMjU4LjAxOCA2MC44Mzg4TDI1Ny4wOTQgNjAuNDU2MUMyNjEuMTc2IDYyLjE0NjkgMjY1Ljg1NSA2MC4yMDg1IDI2Ny41NDYgNTYuMTI2NUwyNzkuMDI3IDI4LjQxMDJDMjgwLjcxOCAyNC4zMjgyIDI3OC43NzkgMTkuNjQ4NCAyNzQuNjk3IDE3Ljk1NzZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzM4LjQ0NiA2MC41NTM2QzMzNS4zMjIgNTcuNDI5NCAzMzAuMjU3IDU3LjQyOTQgMzI3LjEzMyA2MC41NTM2TDMwNS45MTkgODEuNzY2OEMzMDIuNzk1IDg0Ljg5MSAzMDIuNzk1IDg5Ljk1NjMgMzA1LjkxOSA5My4wODA1TDMwNS4yMTIgOTIuMzczNEwyNDMuNjk0IDE1My44OTJMMjQ1LjEwOCAxNTUuMzA2TDMwNi42MjcgOTMuNzg3NkwzMDUuOTE5IDkzLjA4MDVDMzA5LjA0NCA5Ni4yMDQ3IDMxNC4xMDkgOTYuMjA0NyAzMTcuMjMzIDkzLjA4MDVMMzM4LjQ0NiA3MS44NjczQzM0MS41NzEgNjguNzQzMSAzNDEuNTcxIDYzLjY3NzggMzM4LjQ0NiA2MC41NTM2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM4MS4wNDIgMTI0LjMwM0MzNzkuMzUyIDEyMC4yMjEgMzc0LjY3MiAxMTguMjgyIDM3MC41OSAxMTkuOTczTDM0Mi44NzQgMTMxLjQ1NEMzMzguNzkyIDEzMy4xNDQgMzM2Ljg1MyAxMzcuODI0IDMzOC41NDQgMTQxLjkwNkwzMzguMTYxIDE0MC45ODJMMjU3Ljc4NCAxNzQuMjc2TDI1OC41NDkgMTc2LjEyM0wzMzguOTI3IDE0Mi44M0wzMzguNTQ0IDE0MS45MDZDMzQwLjIzNSAxNDUuOTg4IDM0NC45MTQgMTQ3LjkyNiAzNDguOTk2IDE0Ni4yMzZMMzc2LjcxMyAxMzQuNzU1QzM4MC43OTUgMTMzLjA2NCAzODIuNzMzIDEyOC4zODUgMzgxLjA0MiAxMjQuMzAzWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM5NiAxOTkuNUMzOTYgMTk1LjA4MiAzOTIuNDE4IDE5MS41IDM4OCAxOTEuNUgzNThDMzUzLjU4MiAxOTEuNSAzNTAgMTk1LjA4MiAzNTAgMTk5LjVWMTk4LjVIMjYzVjIwMC41SDM1MFYxOTkuNUMzNTAgMjAzLjkxOCAzNTMuNTgyIDIwNy41IDM1OCAyMDcuNUgzODhDMzkyLjQxOCAyMDcuNSAzOTYgMjAzLjkxOCAzOTYgMTk5LjVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzgxLjA0MyAyNzQuNjk3QzM4Mi43MzMgMjcwLjYxNSAzODAuNzk1IDI2NS45MzYgMzc2LjcxMyAyNjQuMjQ1TDM0OC45OTcgMjUyLjc2NEMzNDQuOTE1IDI1MS4wNzQgMzQwLjIzNSAyNTMuMDEyIDMzOC41NDQgMjU3LjA5NEwzMzguOTI3IDI1Ni4xN0wyNTguNTQ5IDIyMi44NzdMMjU3Ljc4NCAyMjQuNzI0TDMzOC4xNjEgMjU4LjAxOEwzMzguNTQ0IDI1Ny4wOTRDMzM2Ljg1MyAyNjEuMTc2IDMzOC43OTIgMjY1Ljg1NiAzNDIuODc0IDI2Ny41NDZMMzcwLjU5IDI3OS4wMjdDMzc0LjY3MiAyODAuNzE4IDM3OS4zNTIgMjc4Ljc3OSAzODEuMDQzIDI3NC42OTdaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzM4LjQ0NyAzMzguNDQ3QzM0MS41NzEgMzM1LjMyMiAzNDEuNTcxIDMzMC4yNTcgMzM4LjQ0NyAzMjcuMTMzTDMxNy4yMzMgMzA1LjkyQzMxNC4xMDkgMzAyLjc5NSAzMDkuMDQ0IDMwMi43OTUgMzA1LjkyIDMwNS45MkwzMDYuNjI3IDMwNS4yMTNMMjQ1LjEwOSAyNDMuNjk0TDI0My42OTQgMjQ1LjEwOEwzMDUuMjEzIDMwNi42MjdMMzA1LjkyIDMwNS45MkMzMDIuNzk2IDMwOS4wNDQgMzAyLjc5NiAzMTQuMTA5IDMwNS45MiAzMTcuMjMzTDMyNy4xMzMgMzM4LjQ0N0MzMzAuMjU3IDM0MS41NzEgMzM1LjMyMiAzNDEuNTcxIDMzOC40NDcgMzM4LjQ0N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0yNzQuNjk3IDM4MS4wNDJDMjc4Ljc3OSAzNzkuMzUyIDI4MC43MTggMzc0LjY3MiAyNzkuMDI3IDM3MC41OUwyNjcuNTQ2IDM0Mi44NzNDMjY1Ljg1NiAzMzguNzkxIDI2MS4xNzYgMzM2Ljg1MyAyNTcuMDk0IDMzOC41NDRMMjU4LjAxOCAzMzguMTYxTDIyNC43MjQgMjU3Ljc4NEwyMjIuODc3IDI1OC41NDlMMjU2LjE3IDMzOC45MjdMMjU3LjA5NCAzMzguNTQ0QzI1My4wMTIgMzQwLjIzNSAyNTEuMDc0IDM0NC45MTQgMjUyLjc2NCAzNDguOTk2TDI2NC4yNDUgMzc2LjcxM0MyNjUuOTM2IDM4MC43OTUgMjcwLjYxNSAzODIuNzMzIDI3NC42OTcgMzgxLjA0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xOTkuNSAzOTZDMjAzLjkxOCAzOTYgMjA3LjUgMzkyLjQxOCAyMDcuNSAzODhWMzU4QzIwNy41IDM1My41ODIgMjAzLjkxOCAzNTAgMTk5LjUgMzUwSDIwMC41VjI2M0gxOTguNVYzNTBIMTk5LjVDMTk1LjA4MiAzNTAgMTkxLjUgMzUzLjU4MiAxOTEuNSAzNThWMzg4QzE5MS41IDM5Mi40MTggMTk1LjA4MiAzOTYgMTk5LjUgMzk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTEyNC4zMDMgMzgxLjA0MkMxMjguMzg1IDM4Mi43MzMgMTMzLjA2NSAzODAuNzk1IDEzNC43NTUgMzc2LjcxM0wxNDYuMjM2IDM0OC45OTZDMTQ3LjkyNyAzNDQuOTE0IDE0NS45ODggMzQwLjIzNSAxNDEuOTA2IDMzOC41NDRMMTQyLjgzIDMzOC45MjdMMTc2LjEyNCAyNTguNTQ5TDE3NC4yNzYgMjU3Ljc4NEwxNDAuOTgyIDMzOC4xNjFMMTQxLjkwNiAzMzguNTQ0QzEzNy44MjQgMzM2Ljg1MyAxMzMuMTQ1IDMzOC43OTEgMTMxLjQ1NCAzNDIuODczTDExOS45NzMgMzcwLjU5QzExOC4yODIgMzc0LjY3MiAxMjAuMjIxIDM3OS4zNTIgMTI0LjMwMyAzODEuMDQyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTYwLjU1MzYgMzM4LjQ0NkM2My42Nzc4IDM0MS41NzEgNjguNzQzMSAzNDEuNTcxIDcxLjg2NzMgMzM4LjQ0Nkw5My4wODA1IDMxNy4yMzNDOTYuMjA0NyAzMTQuMTA5IDk2LjIwNDcgMzA5LjA0NCA5My4wODA1IDMwNS45MTlMOTMuNzg3NiAzMDYuNjI3TDE1NS4zMDYgMjQ1LjEwOEwxNTMuODkyIDI0My42OTRMOTIuMzczNCAzMDUuMjEyTDkzLjA4MDUgMzA1LjkxOUM4OS45NTYzIDMwMi43OTUgODQuODkxIDMwMi43OTUgODEuNzY2OCAzMDUuOTE5TDYwLjU1MzYgMzI3LjEzM0M1Ny40Mjk0IDMzMC4yNTcgNTcuNDI5NCAzMzUuMzIyIDYwLjU1MzYgMzM4LjQ0NloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xNy45NTc2IDI3NC42OTdDMTkuNjQ4NCAyNzguNzc5IDI0LjMyODEgMjgwLjcxOCAyOC40MTAxIDI3OS4wMjdMNTYuMTI2NSAyNjcuNTQ2QzYwLjIwODQgMjY1Ljg1NiA2Mi4xNDY4IDI2MS4xNzYgNjAuNDU2IDI1Ny4wOTRMNjAuODM4NyAyNTguMDE4TDE0MS4yMTYgMjI0LjcyNEwxNDAuNDUxIDIyMi44NzdMNjAuMDczMyAyNTYuMTdMNjAuNDU2IDI1Ny4wOTRDNTguNzY1MiAyNTMuMDEyIDU0LjA4NTUgMjUxLjA3NCA1MC4wMDM1IDI1Mi43NjRMMjIuMjg3MSAyNjQuMjQ1QzE4LjIwNTIgMjY1LjkzNiAxNi4yNjY4IDI3MC42MTUgMTcuOTU3NiAyNzQuNjk3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMgMTk5LjVDMyAyMDMuOTE4IDYuNTgxNzIgMjA3LjUgMTEgMjA3LjVINDFDNDUuNDE4MyAyMDcuNSA0OSAyMDMuOTE4IDQ5IDE5OS41VjIwMC41SDEzNlYxOTguNUg0OVYxOTkuNUM0OSAxOTUuMDgyIDQ1LjQxODMgMTkxLjUgNDEgMTkxLjVIMTFDNi41ODE3MiAxOTEuNSAzIDE5NS4wODIgMyAxOTkuNVoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xNy45NTc1IDEyNC4zMDNDMTYuMjY2NyAxMjguMzg1IDE4LjIwNTEgMTMzLjA2NCAyMi4yODcgMTM0Ljc1NUw1MC4wMDM0IDE0Ni4yMzZDNTQuMDg1NCAxNDcuOTI2IDU4Ljc2NTEgMTQ1Ljk4OCA2MC40NTU5IDE0MS45MDZMNjAuMDczMiAxNDIuODNMMTQwLjQ1MSAxNzYuMTIzTDE0MS4yMTYgMTc0LjI3Nkw2MC44Mzg2IDE0MC45ODJMNjAuNDU1OSAxNDEuOTA2QzYyLjE0NjcgMTM3LjgyNCA2MC4yMDgzIDEzMy4xNDQgNTYuMTI2NCAxMzEuNDU0TDI4LjQxIDExOS45NzNDMjQuMzI4IDExOC4yODIgMTkuNjQ4MyAxMjAuMjIxIDE3Ljk1NzUgMTI0LjMwM1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik02MC41NTMzIDYwLjU1MzVDNTcuNDI5MSA2My42Nzc3IDU3LjQyOTEgNjguNzQzIDYwLjU1MzMgNzEuODY3Mkw4MS43NjY1IDkzLjA4MDRDODQuODkwNyA5Ni4yMDQ2IDg5Ljk1NjEgOTYuMjA0NiA5My4wODAzIDkzLjA4MDRMOTIuMzczMSA5My43ODc1TDE1My44OTEgMTU1LjMwNkwxNTUuMzA2IDE1My44OTJMOTMuNzg3NCA5Mi4zNzMzTDkzLjA4MDMgOTMuMDgwNEM5Ni4yMDQ0IDg5Ljk1NjIgOTYuMjA0NCA4NC44OTA5IDkzLjA4MDMgODEuNzY2N0w3MS44NjcxIDYwLjU1MzVDNjguNzQyOSA1Ny40MjkzIDYzLjY3NzUgNTcuNDI5MyA2MC41NTMzIDYwLjU1MzVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTI0LjMwMyAxNy45NTc3QzEyMC4yMjEgMTkuNjQ4NSAxMTguMjgyIDI0LjMyODIgMTE5Ljk3MyAyOC40MTAyTDEzMS40NTQgNTYuMTI2NkMxMzMuMTQ0IDYwLjIwODUgMTM3LjgyNCA2Mi4xNDcgMTQxLjkwNiA2MC40NTYyTDE0MC45ODIgNjAuODM4OEwxNzQuMjc2IDE0MS4yMTZMMTc2LjEyMyAxNDAuNDUxTDE0Mi44MyA2MC4wNzM1TDE0MS45MDYgNjAuNDU2MkMxNDUuOTg4IDU4Ljc2NTQgMTQ3LjkyNiA1NC4wODU2IDE0Ni4yMzYgNTAuMDAzN0wxMzQuNzU1IDIyLjI4NzNDMTMzLjA2NCAxOC4yMDUzIDEyOC4zODUgMTYuMjY2OSAxMjQuMzAzIDE3Ljk1NzdaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTk5LjUgM0MxOTUuMDgyIDMgMTkxLjUgNi41ODE3MiAxOTEuNSAxMVY0MUMxOTEuNSA0NS40MTgzIDE5NS4wODIgNDkgMTk5LjUgNDlIMTk4LjVWMTM2SDIwMC41VjQ5SDE5OS41QzIwMy45MTggNDkgMjA3LjUgNDUuNDE4MyAyMDcuNSA0MVYxMUMyMDcuNSA2LjU4MTcyIDIwMy45MTggMyAxOTkuNSAzWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
@@ -36,5 +36,11 @@ function RadialTreeChartSkeleton() {
36
36
  }, _ref)
37
37
  }));
38
38
  }
39
+
40
+ /**
41
+ * RadialTreeChartSkeleton
42
+ *
43
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#radialtreechartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
44
+ */
39
45
  var _default = exports.default = (0, _core.createComponent)(RadialTreeChartSkeleton);
40
46
  //# sourceMappingURL=RadialTree.js.map
@@ -1 +1 @@
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/RadialTree.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonRadialTreeChart } from './RadialTree.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst radialSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/radial-chart.svg'))\n`;\n\nfunction RadialTreeChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition='center'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${radialSvg})`}\n />,\n );\n}\n\nexport default createComponent(RadialTreeChartSkeleton) as NSSkeletonRadialTreeChart.Component;\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,SAAS,izOAEd;AAED,SAASC,uBAAuBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACjC,MAAMC,cAAc,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
+ {"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/RadialTree.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonRadialTreeChart } from './RadialTree.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst radialSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/radial-chart.svg'))\n`;\n\nfunction RadialTreeChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition='center'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${radialSvg})`}\n />,\n );\n}\n\n/**\n * RadialTreeChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#radialtreechartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<NSSkeletonRadialTreeChart.Component, typeof RadialTreeChartSkeleton>(RadialTreeChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,SAAS,izOAEd;AAED,SAASC,uBAAuBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACjC,MAAMC,cAAc,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;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAKe,IAAAM,qBAAe,EAAsEZ,uBAAuB,CAAC","ignoreList":[]}
@@ -9,17 +9,17 @@ var _core = require("@semcore/core");
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _Skeleton = require("../../Skeleton");
11
11
  /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
12
- const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
12
+ const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
13
13
  /*__reshadow_css_end__*/
14
14
  {
15
- "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
16
- "--bgPattern": "--bgPattern_9rf04",
17
- "_bgPosition": "__bgPosition_9rf04_gg_",
18
- "--bgPosition": "--bgPosition_9rf04",
19
- "_bgSize": "__bgSize_9rf04_gg_",
20
- "--bgSize": "--bgSize_9rf04",
21
- "_bgRepeat": "__bgRepeat_9rf04_gg_",
22
- "--bgRepeat": "--bgRepeat_9rf04"
15
+ "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
16
+ "--bgPattern": "--bgPattern_1g6wu",
17
+ "_bgPosition": "__bgPosition_1g6wu_gg_",
18
+ "--bgPosition": "--bgPosition_1g6wu",
19
+ "_bgSize": "__bgSize_1g6wu_gg_",
20
+ "--bgSize": "--bgSize_1g6wu",
21
+ "_bgRepeat": "__bgRepeat_1g6wu_gg_",
22
+ "--bgRepeat": "--bgRepeat_1g6wu"
23
23
  }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
24
24
  // @ts-ignore
25
25
  const scatterSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjExMCIgdmlld0JveD0iMCAwIDM3NiAxMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDMyOF8xNDY5NzkpIj4KPHBhdGggZD0iTTEwIDExMEMxNS41MjI4IDExMCAyMCAxMDUuNTIzIDIwIDEwMEMyMCA5NC40NzcyIDE1LjUyMjggOTAgMTAgOTBDNC40NzcxNSA5MCAwIDk0LjQ3NzIgMCAxMDBDMCAxMDUuNTIzIDQuNDc3MTUgMTEwIDEwIDExMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgNzJDMTM0LjUyMyA3MiAxMzkgNjcuNTIyOCAxMzkgNjJDMTM5IDU2LjQ3NzIgMTM0LjUyMyA1MiAxMjkgNTJDMTIzLjQ3NyA1MiAxMTkgNTYuNDc3MiAxMTkgNjJDMTE5IDY3LjUyMjggMTIzLjQ3NyA3MiAxMjkgNzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTg4IDk2QzE5My41MjMgOTYgMTk4IDkxLjUyMjggMTk4IDg2QzE5OCA4MC40NzcyIDE5My41MjMgNzYgMTg4IDc2QzE4Mi40NzcgNzYgMTc4IDgwLjQ3NzIgMTc4IDg2QzE3OCA5MS41MjI4IDE4Mi40NzcgOTYgMTg4IDk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM2NiAyMEMzNzEuNTIzIDIwIDM3NiAxNS41MjI4IDM3NiAxMEMzNzYgNC40NzcxNSAzNzEuNTIzIDAgMzY2IDBDMzYwLjQ3NyAwIDM1NiA0LjQ3NzE1IDM1NiAxMEMzNTYgMTUuNTIyOCAzNjAuNDc3IDIwIDM2NiAyMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik03MCA1NEM3NS41MjI4IDU0IDgwIDQ5LjUyMjggODAgNDRDODAgMzguNDc3MiA3NS41MjI4IDM0IDcwIDM0QzY0LjQ3NzIgMzQgNjAgMzguNDc3MiA2MCA0NEM2MCA0OS41MjI4IDY0LjQ3NzIgNTQgNzAgNTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMjQ3IDYyQzI1Mi41MjMgNjIgMjU3IDU3LjUyMjggMjU3IDUyQzI1NyA0Ni40NzcyIDI1Mi41MjMgNDIgMjQ3IDQyQzI0MS40NzcgNDIgMjM3IDQ2LjQ3NzIgMjM3IDUyQzIzNyA1Ny41MjI4IDI0MS40NzcgNjIgMjQ3IDYyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMwNiA3MEMzMTEuNTIzIDcwIDMxNiA2NS41MjI4IDMxNiA2MEMzMTYgNTQuNDc3MiAzMTEuNTIzIDUwIDMwNiA1MEMzMDAuNDc3IDUwIDI5NiA1NC40NzcyIDI5NiA2MEMyOTYgNjUuNTIyOCAzMDAuNDc3IDcwIDMwNiA3MFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTAzMjhfMTQ2OTc5Ij4KPHJlY3Qgd2lkdGg9IjM3NiIgaGVpZ2h0PSIxMTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
@@ -36,5 +36,11 @@ function ScatterPlotChartSkeleton() {
36
36
  }, _ref)
37
37
  }));
38
38
  }
39
+
40
+ /**
41
+ * ScatterPlotChartSkeleton
42
+ *
43
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#scatterplotchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
44
+ */
39
45
  var _default = exports.default = (0, _core.createComponent)(ScatterPlotChartSkeleton);
40
46
  //# sourceMappingURL=ScatterPlot.js.map
@@ -1 +1 @@
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/ScatterPlot.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonScatterPlotChart } from './ScatterPlot.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst scatterSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/scatter-plot-chart.svg'))\n`;\n\nfunction ScatterPlotChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${scatterSvg})`}\n />,\n );\n}\n\nexport default createComponent(ScatterPlotChartSkeleton) as NSSkeletonScatterPlotChart.Component;\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,UAAU,66DAEf;AAED,SAASC,wBAAwBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClC,MAAMC,cAAc,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
+ {"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/ScatterPlot.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonScatterPlotChart } from './ScatterPlot.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst scatterSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/scatter-plot-chart.svg'))\n`;\n\nfunction ScatterPlotChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${scatterSvg})`}\n />,\n );\n}\n\n/**\n * ScatterPlotChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#scatterplotchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<\n NSSkeletonScatterPlotChart.Component,\n typeof ScatterPlotChartSkeleton\n>(ScatterPlotChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,UAAU,66DAEf;AAED,SAASC,wBAAwBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClC,MAAMC,cAAc,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;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAKe,IAAAM,qBAAe,EAG5BZ,wBAAwB,CAAC","ignoreList":[]}
@@ -9,17 +9,17 @@ var _core = require("@semcore/core");
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _Skeleton = require("../../Skeleton");
11
11
  /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
12
- const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
12
+ const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
13
13
  /*__reshadow_css_end__*/
14
14
  {
15
- "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
16
- "--bgPattern": "--bgPattern_9rf04",
17
- "_bgPosition": "__bgPosition_9rf04_gg_",
18
- "--bgPosition": "--bgPosition_9rf04",
19
- "_bgSize": "__bgSize_9rf04_gg_",
20
- "--bgSize": "--bgSize_9rf04",
21
- "_bgRepeat": "__bgRepeat_9rf04_gg_",
22
- "--bgRepeat": "--bgRepeat_9rf04"
15
+ "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
16
+ "--bgPattern": "--bgPattern_1g6wu",
17
+ "_bgPosition": "__bgPosition_1g6wu_gg_",
18
+ "--bgPosition": "--bgPosition_1g6wu",
19
+ "_bgSize": "__bgSize_1g6wu_gg_",
20
+ "--bgSize": "--bgSize_1g6wu",
21
+ "_bgRepeat": "__bgRepeat_1g6wu_gg_",
22
+ "--bgRepeat": "--bgRepeat_1g6wu"
23
23
  }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
24
24
  // @ts-ignore
25
25
  const vennSvg = "PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDIwMCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9dmVubiBjaGFydCwgcGljdHVyZSBkaXY9ZmFsc2UiPgo8ZyBpZD0ic2tlbGV0b24tdmVubiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMzI4XzE0Njk4OSkiPgo8cGF0aCBpZD0iU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzcuNzc3OCA5MEM3Ny43Nzc4IDcxLjA1NzQgODYuNDI3NyA1NC4xMzE1IDEwMCA0Mi45NDMxQzExMy41NzIgNTQuMTMxNSAxMjIuMjIyIDcxLjA1NzQgMTIyLjIyMiA5MEMxMjIuMjIyIDEwOC45NDMgMTEzLjU3MiAxMjUuODY5IDEwMCAxMzcuMDU3Qzg2LjQyNzcgMTI1Ljg2OSA3Ny43Nzc4IDEwOC45NDMgNzcuNzc3OCA5MFpNMTAwIDEzNy4wNTdDMTEwLjU2NiAxNDUuNzY3IDEyNC4xMTUgMTUxIDEzOC44ODkgMTUxQzE3Mi42NCAxNTEgMjAwIDEyMy42ODkgMjAwIDkwQzIwMCA1Ni4zMTA2IDE3Mi42NCAyOSAxMzguODg5IDI5QzEyNC4xMTUgMjkgMTEwLjU2NiAzNC4yMzI5IDEwMCA0Mi45NDMxQzg5LjQzNCAzNC4yMzI5IDc1Ljg4NDggMjkgNjEuMTExMSAyOUMyNy4zNjA0IDI5IDAgNTYuMzEwNiAwIDkwQzAgMTIzLjY4OSAyNy4zNjA0IDE1MSA2MS4xMTExIDE1MUM3NS44ODQ4IDE1MSA4OS40MzQgMTQ1Ljc2NyAxMDAgMTM3LjA1N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGlkPSJQYXRoIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwMCA0M0MxMTMuNDM3IDU0LjE3NDkgMTIyIDcxLjA4MDMgMTIyIDkwQzEyMiAxMDguOTIgMTEzLjQzNyAxMjUuODI1IDEwMCAxMzdDODYuNTYzNSAxMjUuODI1IDc4IDEwOC45MiA3OCA5MEM3OCA3MS4wODAzIDg2LjU2MzUgNTQuMTc0OSAxMDAgNDNWNDNaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDMyOF8xNDY5ODkiPgo8cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjkpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
@@ -36,5 +36,11 @@ function VennChartSkeleton() {
36
36
  }, _ref)
37
37
  }));
38
38
  }
39
+
40
+ /**
41
+ * VennChartSkeleton
42
+ *
43
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#vennchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
44
+ */
39
45
  var _default = exports.default = (0, _core.createComponent)(VennChartSkeleton);
40
46
  //# sourceMappingURL=Venn.js.map
@@ -1 +1 @@
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/Venn.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst vennSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/venn-chart.svg'))\n`;\n\nfunction VennChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition='center'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${vennSvg})`}\n />,\n );\n}\n\nexport default createComponent(VennChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,OAAO,inDAEZ;AAED,SAASC,iBAAiBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3B,MAAMC,cAAc,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
+ {"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/Venn.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonVennChart } from './Venn.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst 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\n/**\n * VennChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#vennchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<NSSkeletonVennChart.Component, typeof VennChartSkeleton>(VennChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,OAAO,inDAEZ;AAED,SAASC,iBAAiBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3B,MAAMC,cAAc,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;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAKe,IAAAM,qBAAe,EAA0DZ,iBAAiB,CAAC","ignoreList":[]}
@@ -9,16 +9,16 @@ import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
9
9
  import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
10
10
  import React from 'react';
11
11
  /*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
12
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_gh2ck{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_gh2ck_gg_{animation-name:pulse_gh2ck;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_gh2ck);will-change:opacity}.___SSkeletonSVG_gh2ck_gg_._theme_invert_gh2ck_gg_{fill:var(--intergalactic-skeleton-bg, rgb(221, 222, 222))}.___SSkeletonSVG_gh2ck_gg_._theme_dark_gh2ck_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgb(44, 47, 43))}.___SText_gh2ck_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_gh2ck_gg_{animation-name:none}}", /*__inner_css_end__*/"gh2ck_gg_"),
12
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSkeleton_1eo94_gg_{animation-name:pulse_1eo94;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1eo94);will-change:opacity}@keyframes pulse_1eo94{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeletonSVG_1eo94_gg_._theme_invert_1eo94_gg_{fill:var(--intergalactic-skeleton-bg,#dddede)}.___SSkeletonSVG_1eo94_gg_._theme_dark_1eo94_gg_{fill:var(--intergalactic-skeleton-bg-invert,#2c2f2b)}.___SText_1eo94_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1eo94_gg_{animation-name:none}}", /*__inner_css_end__*/"1eo94_gg_"),
13
13
  /*__reshadow_css_end__*/
14
14
  {
15
- "__SSkeleton": "___SSkeleton_gh2ck_gg_",
16
- "--durationAnim": "--durationAnim_gh2ck",
17
- "@pulse": "pulse_gh2ck",
18
- "__SSkeletonSVG": "___SSkeletonSVG_gh2ck_gg_",
19
- "_theme_invert": "_theme_invert_gh2ck_gg_",
20
- "_theme_dark": "_theme_dark_gh2ck_gg_",
21
- "__SText": "___SText_gh2ck_gg_"
15
+ "__SSkeleton": "___SSkeleton_1eo94_gg_",
16
+ "--durationAnim": "--durationAnim_1eo94",
17
+ "@pulse": "pulse_1eo94",
18
+ "__SSkeletonSVG": "___SSkeletonSVG_1eo94_gg_",
19
+ "_theme_invert": "_theme_invert_1eo94_gg_",
20
+ "_theme_dark": "_theme_dark_1eo94_gg_",
21
+ "__SText": "___SText_1eo94_gg_"
22
22
  });
23
23
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
24
24
  const MAP_COLOR_THEME = {
@@ -39,6 +39,8 @@ class SkeletonRoot extends Component {
39
39
  if (hidden) return null;
40
40
  return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SSkeleton, _ref3.cn("SSkeleton", {
41
41
  ..._assignProps({
42
+ "width": '100%',
43
+ "height": '100%',
42
44
  "durationAnim": `${duration}ms`,
43
45
  "role": 'img',
44
46
  "aria-label": getI18nText('loading')
@@ -50,8 +52,6 @@ _defineProperty(SkeletonRoot, "displayName", 'Skeleton');
50
52
  _defineProperty(SkeletonRoot, "style", style);
51
53
  _defineProperty(SkeletonRoot, "enhance", [i18nEnhance(localizedMessages)]);
52
54
  _defineProperty(SkeletonRoot, "defaultProps", {
53
- width: '100%',
54
- height: '100%',
55
55
  duration: 2000
56
56
  });
57
57
  class SkeletonSVG extends Component {
@@ -155,8 +155,20 @@ function Text(props) {
155
155
  }));
156
156
  }));
157
157
  }
158
+
159
+ /**
160
+ * Skeleton
161
+ *
162
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
163
+ */
158
164
  const Skeleton = createComponent(SkeletonRoot);
159
165
  export { Skeleton };
166
+
167
+ /**
168
+ * Skeleton SVG
169
+ *
170
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
171
+ */
160
172
  export default createComponent(SkeletonSVG, {
161
173
  Text
162
174
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.js","names":["Box","createComponent","Component","sstyled","Root","canUseDOM","i18nEnhance","uniqueIDEnhancement","React","style","_sstyled","insert","localizedMessages","MAP_COLOR_THEME","dark","invert","SkeletonRoot","render","_ref","asProps","_ref3","SSkeleton","styles","duration","hidden","getI18nText","createElement","cn","_assignProps","_defineProperty","width","height","SkeletonSVG","constructor","props","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","current","svgRef","parentElement","observe","componentWillUnmount","disconnect","entries","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","Children","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","y","x","amount","forwardRef","other","amountLine","Number","Fragment","Array","map","_el","index","_ref5"],"sources":["../../src/Skeleton.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { NSSkeleton } from './Skeleton.type';\nimport style from './style/skeleton.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst MAP_COLOR_THEME = {\n dark: 'rgba(255, 255, 255, 0.3)',\n invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.RenderComponent>,\n typeof SkeletonRoot.enhance\n> {\n static displayName = 'Skeleton';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)] as const;\n static defaultProps = {\n width: '100%',\n height: '100%',\n duration: 2000,\n };\n\n render() {\n const SSkeleton = Root;\n const { styles, duration, hidden, getI18nText } = this.asProps;\n\n if (hidden) return null;\n\n return sstyled(styles)(\n <SSkeleton\n render={Box}\n durationAnim={`${duration}ms`}\n role='img'\n aria-label={getI18nText('loading')}\n />,\n );\n }\n}\n\nclass SkeletonSVG extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Component>,\n typeof SkeletonRoot.enhance\n> {\n static displayName = 'SkeletonSVG';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n theme: 'invert',\n duration: 2000,\n };\n\n svgRef = React.createRef<SVGElement>();\n private observer: ResizeObserver | null = null;\n\n constructor(props: NSSkeleton.Props) {\n super(props);\n\n if (canUseDOM() && props.observeParentSize) {\n this.observer = new ResizeObserver(this.handleResize.bind(this));\n }\n }\n\n componentDidMount() {\n const { current } = this.svgRef;\n\n if (current && current.parentElement) {\n this.observer?.observe(current.parentElement);\n }\n }\n\n componentWillUnmount() {\n this.observer?.disconnect();\n }\n\n handleResize(entries: ResizeObserverEntry[]) {\n const target = entries[0].target;\n const svg = this.svgRef.current;\n\n if (target && svg) {\n svg.setAttribute('width', '100%');\n }\n }\n\n setContext() {\n const { theme } = this.asProps;\n\n if (!theme) return {};\n\n return {\n gradientUrl: MAP_COLOR_THEME[theme],\n };\n }\n\n render() {\n const { Children, styles, uid, theme, duration } = this.asProps;\n const SSkeletonSVG = Root;\n\n return sstyled(styles)(\n <SSkeletonSVG\n render={Skeleton}\n tag='svg'\n ref={this.svgRef}\n preserveAspectRatio='none'\n theme={theme}\n durationAnim={`${duration}ms`}\n >\n <defs>\n <mask id={uid}>\n <Children />\n </mask>\n </defs>\n <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n </SSkeletonSVG>,\n );\n }\n}\n\nfunction Text(\n props: Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Text.Component>,\n) {\n const SText = Box;\n const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n const amountLine = Number(amount);\n\n return (\n <React.Fragment>\n {[...Array(amountLine)].map((_el, index) =>\n sstyled(styles)(\n <SText\n tag='rect'\n rx='4'\n ry='4'\n height='8'\n key={index}\n y={y || 20 * index}\n x={x}\n ref={forwardRef}\n width={width}\n {...other}\n />,\n ),\n )}\n </React.Fragment>\n );\n}\n\nconst Skeleton = createComponent(SkeletonRoot) as NSSkeleton.RenderComponent;\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n Text,\n}) as NSSkeleton.Component;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Skeleton.js","names":["Box","createComponent","Component","sstyled","Root","canUseDOM","i18nEnhance","uniqueIDEnhancement","React","style","_sstyled","insert","localizedMessages","MAP_COLOR_THEME","dark","invert","SkeletonRoot","render","_ref","asProps","_ref3","SSkeleton","styles","duration","hidden","getI18nText","createElement","cn","_assignProps","_defineProperty","SkeletonSVG","constructor","props","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","current","svgRef","parentElement","observe","componentWillUnmount","disconnect","entries","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","Children","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","y","x","amount","width","forwardRef","other","amountLine","Number","Fragment","Array","map","_el","index","_ref5"],"sources":["../../src/Skeleton.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { NSSkeleton } from './Skeleton.type';\nimport style from './style/skeleton.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst MAP_COLOR_THEME = {\n dark: 'rgba(255, 255, 255, 0.3)',\n invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.RenderComponent>,\n typeof SkeletonRoot.enhance,\n {},\n {},\n {},\n NSSkeleton.DefaultProps\n> {\n static displayName = 'Skeleton';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)] as const;\n static defaultProps = {\n duration: 2000,\n } as const;\n\n render() {\n const SSkeleton = Root;\n const { styles, duration, hidden, getI18nText } = this.asProps;\n\n if (hidden) return null;\n\n return sstyled(styles)(\n <SSkeleton\n render={Box}\n width='100%'\n height='100%'\n durationAnim={`${duration}ms`}\n role='img'\n aria-label={getI18nText('loading')}\n />,\n );\n }\n}\n\nclass SkeletonSVG extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Component>,\n typeof SkeletonRoot.enhance,\n never,\n {},\n {},\n NSSkeleton.DefaultProps\n> {\n static displayName = 'SkeletonSVG';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n theme: 'invert',\n duration: 2000,\n } as const;\n\n svgRef = React.createRef<SVGElement>();\n private observer: ResizeObserver | null = null;\n\n constructor(props: NSSkeleton.Props) {\n super(props);\n\n if (canUseDOM() && props.observeParentSize) {\n this.observer = new ResizeObserver(this.handleResize.bind(this));\n }\n }\n\n componentDidMount() {\n const { current } = this.svgRef;\n\n if (current && current.parentElement) {\n this.observer?.observe(current.parentElement);\n }\n }\n\n componentWillUnmount() {\n this.observer?.disconnect();\n }\n\n handleResize(entries: ResizeObserverEntry[]) {\n const target = entries[0].target;\n const svg = this.svgRef.current;\n\n if (target && svg) {\n svg.setAttribute('width', '100%');\n }\n }\n\n setContext() {\n const { theme } = this.asProps;\n\n if (!theme) return {};\n\n return {\n gradientUrl: MAP_COLOR_THEME[theme],\n };\n }\n\n render() {\n const { Children, styles, uid, theme, duration } = this.asProps;\n const SSkeletonSVG = Root;\n\n return sstyled(styles)(\n <SSkeletonSVG\n render={Skeleton}\n tag='svg'\n ref={this.svgRef}\n preserveAspectRatio='none'\n theme={theme}\n durationAnim={`${duration}ms`}\n >\n <defs>\n <mask id={uid}>\n <Children />\n </mask>\n </defs>\n <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n </SSkeletonSVG>,\n );\n }\n}\n\nfunction Text(\n props: Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Text.Component>,\n) {\n const SText = Box;\n const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n const amountLine = Number(amount);\n\n return (\n <React.Fragment>\n {[...Array(amountLine)].map((_el, index) =>\n sstyled(styles)(\n <SText\n tag='rect'\n rx='4'\n ry='4'\n height='8'\n key={index}\n y={y || 20 * index}\n x={x}\n ref={forwardRef}\n width={width}\n {...other}\n />,\n ),\n )}\n </React.Fragment>\n );\n}\n\n/**\n * Skeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nconst Skeleton = createComponent<\n NSSkeleton.RenderComponent,\n typeof SkeletonRoot\n>(SkeletonRoot);\n\nexport { Skeleton };\n\n/**\n * Skeleton SVG\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<\n NSSkeleton.Component,\n typeof SkeletonSVG\n>(SkeletonSVG, {\n Text,\n});\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.type.js","names":[],"sources":["../../src/Skeleton.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';\n\ndeclare namespace NSSkeleton {\n type Props = BoxProps & UniqueIDProps & {\n /**\n * Skeleton visibility control property\n */\n hidden?: boolean;\n /**\n * Animation speed in ms\n * @default 2000\n */\n duration?: string | number;\n /**\n * Skeleton theme\n * @default invert\n */\n theme?: 'dark' | 'invert';\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Enable ResizeObserver for parent Element to recalculate skeleton size.\n * @default false\n */\n observeParentSize?: boolean;\n };\n type Ctx = {\n gradientUrl: string;\n };\n\n namespace Text {\n type Props = BoxProps & {\n // TODO: It looks like it should be number (def. not a string...)\n /**\n * Number of items to be returned\n * @default 1\n */\n amount?: string | number;\n };\n\n type Component = Intergalactic.Component<'rect', Props>;\n }\n\n type RenderComponent = Intergalactic.Component<'div', Props, Ctx>;\n\n type Component = Intergalactic.Component<'svg', Props, Ctx> & {\n Text: Text.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type SkeletonProps = NSSkeleton.Props;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonCtx = NSSkeleton.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonTextProps = NSSkeleton.Text.Props;\n\nexport type { NSSkeleton };\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"Skeleton.type.js","names":[],"sources":["../../src/Skeleton.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';\n\ndeclare namespace NSSkeleton {\n type Props = BoxProps & UniqueIDProps & {\n /**\n * Skeleton visibility control property\n */\n hidden?: boolean;\n /**\n * Animation speed in ms\n * @default 2000\n */\n duration?: string | number;\n /**\n * Skeleton theme\n * @default invert\n */\n theme?: 'dark' | 'invert';\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Enable ResizeObserver for parent Element to recalculate skeleton size.\n * @default false\n */\n observeParentSize?: boolean;\n };\n type Ctx = {\n gradientUrl: string;\n };\n\n type DefaultProps = {\n theme?: 'invert';\n duration: 2000;\n };\n\n namespace Text {\n type Props = BoxProps & {\n // TODO: It looks like it should be number (def. not a string...)\n /**\n * Number of items to be returned\n * @default 1\n */\n amount?: string | number;\n };\n\n type Component = Intergalactic.Component<'rect', Props>;\n }\n\n type RenderComponent = Intergalactic.Component<'div', Props, Ctx>;\n\n type Component = Intergalactic.Component<'svg', Props, Ctx> & {\n Text: Text.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type SkeletonProps = NSSkeleton.Props;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonCtx = NSSkeleton.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonTextProps = NSSkeleton.Text.Props;\n\nexport type { NSSkeleton };\n"],"mappings":"","ignoreList":[]}
@@ -4,17 +4,17 @@ import { createComponent, Root, sstyled } from '@semcore/core';
4
4
  import React from 'react';
5
5
  import { Skeleton } from '../../Skeleton';
6
6
  /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
7
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
7
+ const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
8
8
  /*__reshadow_css_end__*/
9
9
  {
10
- "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
11
- "--bgPattern": "--bgPattern_9rf04",
12
- "_bgPosition": "__bgPosition_9rf04_gg_",
13
- "--bgPosition": "--bgPosition_9rf04",
14
- "_bgSize": "__bgSize_9rf04_gg_",
15
- "--bgSize": "--bgSize_9rf04",
16
- "_bgRepeat": "__bgRepeat_9rf04_gg_",
17
- "--bgRepeat": "--bgRepeat_9rf04"
10
+ "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
11
+ "--bgPattern": "--bgPattern_1g6wu",
12
+ "_bgPosition": "__bgPosition_1g6wu_gg_",
13
+ "--bgPosition": "--bgPosition_1g6wu",
14
+ "_bgSize": "__bgSize_1g6wu_gg_",
15
+ "--bgSize": "--bgSize_1g6wu",
16
+ "_bgRepeat": "__bgRepeat_1g6wu_gg_",
17
+ "--bgRepeat": "--bgRepeat_1g6wu"
18
18
  }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
19
19
  // @ts-ignore
20
20
  const areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
@@ -38,5 +38,11 @@ function AreaChartSkeleton(props) {
38
38
  }, _ref)
39
39
  }));
40
40
  }
41
+
42
+ /**
43
+ * AreaChartSkeleton
44
+ *
45
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#areachartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}
46
+ */
41
47
  export default createComponent(AreaChartSkeleton);
42
48
  //# sourceMappingURL=Area.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Area.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","areaLinearSvg","areaMonotoneSvg","pattern","linear","monotone","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps","type"],"sources":["../../../../src/charts/Area/Area.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonAreaChart } from './Area.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-linear.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-monotone.svg'))\n`;\n\nconst pattern = {\n linear: areaLinearSvg,\n monotone: areaMonotoneSvg,\n};\n\nfunction AreaChartSkeleton(props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonAreaChart.Component>) {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left bottom'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${pattern[props.type ?? 'linear']})`}\n />,\n );\n}\n\nexport default createComponent(AreaChartSkeleton) as NSSkeletonAreaChart.Component;\n"],"mappings":";;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,yVAElB;AACD;AACA;AACA,MAAMC,eAAe,iRAEpB;AAED,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CAACC,KAAuF,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClH,MAAMC,cAAc,GAGRd,QAAQ;EAFpB,OAAAa,KAAA,GAAOf,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAgB,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCX,OAAO,CAACI,KAAK,CAACQ,IAAI,IAAI,QAAQ,CAAC;IAAG,GAAAP,IAAA;EAAA,EAC/E,CAAC;AAEN;AAEA,eAAef,eAAe,CAACa,iBAAiB,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"Area.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","areaLinearSvg","areaMonotoneSvg","pattern","linear","monotone","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps","type"],"sources":["../../../../src/charts/Area/Area.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonAreaChart } from './Area.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-linear.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-monotone.svg'))\n`;\n\nconst pattern = {\n linear: areaLinearSvg,\n monotone: areaMonotoneSvg,\n};\n\nfunction AreaChartSkeleton(props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonAreaChart.Component>) {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left bottom'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${pattern[props.type ?? 'linear']})`}\n />,\n );\n}\n\n/**\n * AreaChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#areachartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n NSSkeletonAreaChart.Component,\n typeof AreaChartSkeleton\n>(AreaChartSkeleton);\n"],"mappings":";;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,yVAElB;AACD;AACA;AACA,MAAMC,eAAe,iRAEpB;AAED,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CAACC,KAAuF,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClH,MAAMC,cAAc,GAGRd,QAAQ;EAFpB,OAAAa,KAAA,GAAOf,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAgB,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCX,OAAO,CAACI,KAAK,CAACQ,IAAI,IAAI,QAAQ,CAAC;IAAG,GAAAP,IAAA;EAAA,EAC/E,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAef,eAAe,CAG5Ba,iBAAiB,CAAC","ignoreList":[]}
@@ -4,17 +4,17 @@ import { createComponent, Root, sstyled } from '@semcore/core';
4
4
  import React from 'react';
5
5
  import { Skeleton } from '../../Skeleton';
6
6
  /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
7
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
7
+ const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
8
8
  /*__reshadow_css_end__*/
9
9
  {
10
- "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
11
- "--bgPattern": "--bgPattern_9rf04",
12
- "_bgPosition": "__bgPosition_9rf04_gg_",
13
- "--bgPosition": "--bgPosition_9rf04",
14
- "_bgSize": "__bgSize_9rf04_gg_",
15
- "--bgSize": "--bgSize_9rf04",
16
- "_bgRepeat": "__bgRepeat_9rf04_gg_",
17
- "--bgRepeat": "--bgRepeat_9rf04"
10
+ "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
11
+ "--bgPattern": "--bgPattern_1g6wu",
12
+ "_bgPosition": "__bgPosition_1g6wu_gg_",
13
+ "--bgPosition": "--bgPosition_1g6wu",
14
+ "_bgSize": "__bgSize_1g6wu_gg_",
15
+ "--bgSize": "--bgSize_1g6wu",
16
+ "_bgRepeat": "__bgRepeat_1g6wu_gg_",
17
+ "--bgRepeat": "--bgRepeat_1g6wu"
18
18
  }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
19
19
  // @ts-ignore
20
20
  const barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
@@ -51,5 +51,11 @@ function BarChartSkeleton(props) {
51
51
  }, _ref)
52
52
  }));
53
53
  }
54
+
55
+ /**
56
+ * BarChartSkeleton
57
+ *
58
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#barchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}
59
+ */
54
60
  export default createComponent(BarChartSkeleton);
55
61
  //# sourceMappingURL=Bar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Bar.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","barVerticalSvg","barHorizontalSvg","pattern","vertical","horizontal","repeat","position","size","BarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","layout","createElement","cn","_assignProps"],"sources":["../../../../src/charts/Bar/Bar.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBarChart } from './Bar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\n\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-horizontal.svg'))\n`;\n\nconst pattern = { vertical: barVerticalSvg, horizontal: barHorizontalSvg };\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\n\nfunction BarChartSkeleton(\n props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonBarChart.Component>,\n) {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat={repeat[layout]}\n bgPosition={position[layout]}\n bgSize={size[layout]}\n bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n />,\n );\n}\n\nexport default createComponent(BarChartSkeleton) as NSSkeletonBarChart.Component;\n"],"mappings":";;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AAEA,MAAMC,cAAc,69BAEnB;AACD;AACA;AACA,MAAMC,gBAAgB,izBAErB;AAED,MAAMC,OAAO,GAAG;EAAEC,QAAQ,EAAEH,cAAc;EAAEI,UAAU,EAAEH;AAAiB,CAAC;AAC1E,MAAMI,MAAM,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,MAAME,QAAQ,GAAG;EAAEH,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,MAAMG,IAAI,GAAG;EAAEJ,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE5D,SAASI,gBAAgBA,CACvBC,KAAsF,EACtF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRjB,QAAQ;EAHpB,MAAMkB,MAAM,GAAGL,KAAK,CAACK,MAAM,IAAI,YAAY;EAC3C,OAAAF,KAAA,GAAOlB,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAoB,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEHZ,MAAM,CAACS,MAAM,CAAC;MAAA,cACZR,QAAQ,CAACQ,MAAM,CAAC;MAAA,UACpBP,IAAI,CAACO,MAAM,CAAC;MAAA,aACT,iCAAiCZ,OAAO,CAACY,MAAM,CAAC;IAAG,GAAAJ,IAAA;EAAA,EAC/D,CAAC;AAEN;AAEA,eAAelB,eAAe,CAACgB,gBAAgB,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"Bar.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","barVerticalSvg","barHorizontalSvg","pattern","vertical","horizontal","repeat","position","size","BarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","layout","createElement","cn","_assignProps"],"sources":["../../../../src/charts/Bar/Bar.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBarChart } from './Bar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\n\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-horizontal.svg'))\n`;\n\nconst pattern = { vertical: barVerticalSvg, horizontal: barHorizontalSvg };\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\n\nfunction BarChartSkeleton(\n props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonBarChart.Component>,\n) {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat={repeat[layout]}\n bgPosition={position[layout]}\n bgSize={size[layout]}\n bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n />,\n );\n}\n\n/**\n * BarChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#barchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n NSSkeletonBarChart.Component,\n typeof BarChartSkeleton\n>(BarChartSkeleton);\n"],"mappings":";;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AAEA,MAAMC,cAAc,69BAEnB;AACD;AACA;AACA,MAAMC,gBAAgB,izBAErB;AAED,MAAMC,OAAO,GAAG;EAAEC,QAAQ,EAAEH,cAAc;EAAEI,UAAU,EAAEH;AAAiB,CAAC;AAC1E,MAAMI,MAAM,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,MAAME,QAAQ,GAAG;EAAEH,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,MAAMG,IAAI,GAAG;EAAEJ,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE5D,SAASI,gBAAgBA,CACvBC,KAAsF,EACtF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRjB,QAAQ;EAHpB,MAAMkB,MAAM,GAAGL,KAAK,CAACK,MAAM,IAAI,YAAY;EAC3C,OAAAF,KAAA,GAAOlB,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAoB,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEHZ,MAAM,CAACS,MAAM,CAAC;MAAA,cACZR,QAAQ,CAACQ,MAAM,CAAC;MAAA,UACpBP,IAAI,CAACO,MAAM,CAAC;MAAA,aACT,iCAAiCZ,OAAO,CAACY,MAAM,CAAC;IAAG,GAAAJ,IAAA;EAAA,EAC/D,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAelB,eAAe,CAG5BgB,gBAAgB,CAAC","ignoreList":[]}
@@ -4,17 +4,17 @@ import { createComponent, Root, sstyled } from '@semcore/core';
4
4
  import React from 'react';
5
5
  import { Skeleton } from '../../Skeleton';
6
6
  /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
7
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
7
+ const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
8
8
  /*__reshadow_css_end__*/
9
9
  {
10
- "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
11
- "--bgPattern": "--bgPattern_9rf04",
12
- "_bgPosition": "__bgPosition_9rf04_gg_",
13
- "--bgPosition": "--bgPosition_9rf04",
14
- "_bgSize": "__bgSize_9rf04_gg_",
15
- "--bgSize": "--bgSize_9rf04",
16
- "_bgRepeat": "__bgRepeat_9rf04_gg_",
17
- "--bgRepeat": "--bgRepeat_9rf04"
10
+ "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
11
+ "--bgPattern": "--bgPattern_1g6wu",
12
+ "_bgPosition": "__bgPosition_1g6wu_gg_",
13
+ "--bgPosition": "--bgPosition_1g6wu",
14
+ "_bgSize": "__bgSize_1g6wu_gg_",
15
+ "--bgSize": "--bgSize_1g6wu",
16
+ "_bgRepeat": "__bgRepeat_1g6wu_gg_",
17
+ "--bgRepeat": "--bgRepeat_1g6wu"
18
18
  }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
19
19
  // @ts-ignore
20
20
  const bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
@@ -31,5 +31,11 @@ function BubbleChartSkeleton() {
31
31
  }, _ref)
32
32
  }));
33
33
  }
34
+
35
+ /**
36
+ * BubbleChartSkeleton
37
+ *
38
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
39
+ */
34
40
  export default createComponent(BubbleChartSkeleton);
35
41
  //# sourceMappingURL=Bubble.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Bubble.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../../src/charts/Bubble/Bubble.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBubbleChart } from './Bubble.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bubble-chart.svg'))\n`;\n\nfunction BubbleChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n />,\n );\n}\n\nexport default createComponent(BubbleChartSkeleton) as NSSkeletonBubbleChart.Component;\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,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":[]}
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/Bubble.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBubbleChart } from './Bubble.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bubble-chart.svg'))\n`;\n\nfunction BubbleChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n />,\n );\n}\n\n/**\n * BubbleChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<\n NSSkeletonBubbleChart.Component,\n typeof BubbleChartSkeleton\n>(BubbleChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,SAAS,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;AACA;AACA;AACA;AACA;AACA,eAAeV,eAAe,CAG5BS,mBAAmB,CAAC","ignoreList":[]}
@@ -4,17 +4,17 @@ import { createComponent, Root, sstyled } from '@semcore/core';
4
4
  import React from 'react';
5
5
  import { Skeleton } from '../../Skeleton';
6
6
  /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
7
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
7
+ const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
8
8
  /*__reshadow_css_end__*/
9
9
  {
10
- "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
11
- "--bgPattern": "--bgPattern_9rf04",
12
- "_bgPosition": "__bgPosition_9rf04_gg_",
13
- "--bgPosition": "--bgPosition_9rf04",
14
- "_bgSize": "__bgSize_9rf04_gg_",
15
- "--bgSize": "--bgSize_9rf04",
16
- "_bgRepeat": "__bgRepeat_9rf04_gg_",
17
- "--bgRepeat": "--bgRepeat_9rf04"
10
+ "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
11
+ "--bgPattern": "--bgPattern_1g6wu",
12
+ "_bgPosition": "__bgPosition_1g6wu_gg_",
13
+ "--bgPosition": "--bgPosition_1g6wu",
14
+ "_bgSize": "__bgSize_1g6wu_gg_",
15
+ "--bgSize": "--bgSize_1g6wu",
16
+ "_bgRepeat": "__bgRepeat_1g6wu_gg_",
17
+ "--bgRepeat": "--bgRepeat_1g6wu"
18
18
  }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
19
19
  // @ts-ignore
20
20
  const patternBase64 = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDE3MiAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMEgxMjBDMTIyLjIwOSAwIDEyNCAxLjc5MDg2IDEyNCA0VjEyQzEyNCAxNC4yMDkxIDEyMi4yMDkgMTYgMTIwIDE2SDBWMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPHBhdGggZD0iTTAgMzJIMTU2QzE1OC4yMDkgMzIgMTYwIDMzLjc5MDkgMTYwIDM2VjQ0QzE2MCA0Ni4yMDkxIDE1OC4yMDkgNDggMTU2IDQ4SDBWMzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDY0SDEzOEMxNDAuMjA5IDY0IDE0MiA2NS43OTA5IDE0MiA2OFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjY0WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KICA8cGF0aCBkPSJNMCA5NkgxNTZDMTU4LjIwOSA5NiAxNjAgOTcuNzkwOSAxNjAgMTAwVjEwOEMxNjAgMTEwLjIwOSAxNTguMjA5IDExMiAxNTYgMTEySDBWOTZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDEyOEgxMTZDMTE4LjIwOSAxMjggMTIwIDEyOS43OTEgMTIwIDEzMlYxNDBDMTIwIDE0Mi4yMDkgMTE4LjIwOSAxNDQgMTE2IDE0NEgwVjEyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPC9zdmc+CiAg";
@@ -31,5 +31,11 @@ function CompactHorizontalBarChartSkeleton() {
31
31
  }, _ref)
32
32
  }));
33
33
  }
34
+
35
+ /**
36
+ * CompactHorizontalBarChartSkeleton
37
+ *
38
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
39
+ */
34
40
  export default createComponent(CompactHorizontalBarChartSkeleton);
35
41
  //# sourceMappingURL=CompactHorizontalBar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CompactHorizontalBar.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../../src/charts/CompactHorizontalBar/CompactHorizontalBar.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonCompactHorizontalBar } from './CompactHorizontalBar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst patternBase64 = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/compact-horizontal-bar-chart.svg'))\n`;\n\nfunction CompactHorizontalBarChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-y'\n bgPosition='left top'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(CompactHorizontalBarChartSkeleton) as NSSkeletonCompactHorizontalBar.Component;\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,i/BAElB;AAED,SAASC,iCAAiCA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,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,UAAU;MAAA,UACd,SAAS;MAAA,aACL,iCAAiCR,aAAa;IAAG,GAAAE,IAAA;EAAA,EAC7D,CAAC;AAEN;AAEA,eAAeV,eAAe,CAACS,iCAAiC,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"CompactHorizontalBar.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../../src/charts/CompactHorizontalBar/CompactHorizontalBar.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonCompactHorizontalBar } from './CompactHorizontalBar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst patternBase64 = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/compact-horizontal-bar-chart.svg'))\n`;\n\nfunction CompactHorizontalBarChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-y'\n bgPosition='left top'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\n/**\n * CompactHorizontalBarChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<\n NSSkeletonCompactHorizontalBar.Component,\n typeof CompactHorizontalBarChartSkeleton\n>(CompactHorizontalBarChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,i/BAElB;AAED,SAASC,iCAAiCA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,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,UAAU;MAAA,UACd,SAAS;MAAA,aACL,iCAAiCR,aAAa;IAAG,GAAAE,IAAA;EAAA,EAC7D,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAeV,eAAe,CAG5BS,iCAAiC,CAAC","ignoreList":[]}