@semcore/skeleton 17.1.0-prerelease.3 → 17.2.0-prerelease.3
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.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Skeleton.js +21 -10
- package/lib/cjs/Skeleton.js.map +1 -1
- package/lib/cjs/Skeleton.type.js.map +1 -1
- package/lib/cjs/charts/Area/Area.js +15 -9
- package/lib/cjs/charts/Area/Area.js.map +1 -1
- package/lib/cjs/charts/Bar/Bar.js +15 -9
- package/lib/cjs/charts/Bar/Bar.js.map +1 -1
- package/lib/cjs/charts/Bubble/Bubble.js +15 -9
- package/lib/cjs/charts/Bubble/Bubble.js.map +1 -1
- package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.js +15 -9
- package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -1
- package/lib/cjs/charts/Donut/Donut.js +15 -9
- package/lib/cjs/charts/Donut/Donut.js.map +1 -1
- package/lib/cjs/charts/Histogram/Histogram.js +15 -9
- package/lib/cjs/charts/Histogram/Histogram.js.map +1 -1
- package/lib/cjs/charts/Line/Line.js +15 -9
- package/lib/cjs/charts/Line/Line.js.map +1 -1
- package/lib/cjs/charts/RadialTree/RadialTree.js +15 -9
- package/lib/cjs/charts/RadialTree/RadialTree.js.map +1 -1
- package/lib/cjs/charts/ScatterPlot/ScatterPlot.js +15 -9
- package/lib/cjs/charts/ScatterPlot/ScatterPlot.js.map +1 -1
- package/lib/cjs/charts/Venn/Venn.js +15 -9
- package/lib/cjs/charts/Venn/Venn.js.map +1 -1
- package/lib/es6/Skeleton.js +22 -10
- package/lib/es6/Skeleton.js.map +1 -1
- package/lib/es6/Skeleton.type.js.map +1 -1
- package/lib/es6/charts/Area/Area.js +15 -9
- package/lib/es6/charts/Area/Area.js.map +1 -1
- package/lib/es6/charts/Bar/Bar.js +15 -9
- package/lib/es6/charts/Bar/Bar.js.map +1 -1
- package/lib/es6/charts/Bubble/Bubble.js +15 -9
- package/lib/es6/charts/Bubble/Bubble.js.map +1 -1
- package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.js +15 -9
- package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -1
- package/lib/es6/charts/Donut/Donut.js +15 -9
- package/lib/es6/charts/Donut/Donut.js.map +1 -1
- package/lib/es6/charts/Histogram/Histogram.js +15 -9
- package/lib/es6/charts/Histogram/Histogram.js.map +1 -1
- package/lib/es6/charts/Line/Line.js +15 -9
- package/lib/es6/charts/Line/Line.js.map +1 -1
- package/lib/es6/charts/RadialTree/RadialTree.js +15 -9
- package/lib/es6/charts/RadialTree/RadialTree.js.map +1 -1
- package/lib/es6/charts/ScatterPlot/ScatterPlot.js +15 -9
- package/lib/es6/charts/ScatterPlot/ScatterPlot.js.map +1 -1
- package/lib/es6/charts/Venn/Venn.js +15 -9
- package/lib/es6/charts/Venn/Venn.js.map +1 -1
- package/lib/esm/Skeleton.mjs +12 -12
- package/lib/esm/charts/Area/Area.mjs +10 -10
- package/lib/esm/charts/Bar/Bar.mjs +10 -10
- package/lib/esm/charts/Bubble/Bubble.mjs +10 -10
- package/lib/esm/charts/CompactHorizontalBar/CompactHorizontalBar.mjs +10 -10
- package/lib/esm/charts/Donut/Donut.mjs +10 -10
- package/lib/esm/charts/Histogram/Histogram.mjs +10 -10
- package/lib/esm/charts/Line/Line.mjs +10 -10
- package/lib/esm/charts/RadialTree/RadialTree.mjs +10 -10
- package/lib/esm/charts/ScatterPlot/ScatterPlot.mjs +10 -10
- package/lib/esm/charts/Venn/Venn.mjs +10 -10
- package/lib/types/Skeleton.d.ts +10 -0
- package/lib/types/Skeleton.type.d.ts +4 -0
- package/lib/types/charts/Area/Area.d.ts +5 -0
- package/lib/types/charts/Bar/Bar.d.ts +5 -0
- package/lib/types/charts/Bubble/Bubble.d.ts +6 -2
- package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.d.ts +6 -2
- package/lib/types/charts/Donut/Donut.d.ts +5 -0
- package/lib/types/charts/Histogram/Histogram.d.ts +5 -0
- package/lib/types/charts/Line/Line.d.ts +5 -0
- package/lib/types/charts/RadialTree/RadialTree.d.ts +6 -2
- package/lib/types/charts/ScatterPlot/ScatterPlot.d.ts +6 -2
- package/lib/types/charts/Venn/Venn.d.ts +6 -1
- 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__*/".
|
|
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": "
|
|
16
|
-
"--bgPattern": "--
|
|
17
|
-
"_bgPosition": "
|
|
18
|
-
"--bgPosition": "--
|
|
19
|
-
"_bgSize": "
|
|
20
|
-
"--bgSize": "--
|
|
21
|
-
"_bgRepeat": "
|
|
22
|
-
"--bgRepeat": "--
|
|
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)
|
|
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__*/".
|
|
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": "
|
|
16
|
-
"--bgPattern": "--
|
|
17
|
-
"_bgPosition": "
|
|
18
|
-
"--bgPosition": "--
|
|
19
|
-
"_bgSize": "
|
|
20
|
-
"--bgSize": "--
|
|
21
|
-
"_bgRepeat": "
|
|
22
|
-
"--bgRepeat": "--
|
|
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)
|
|
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__*/".
|
|
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": "
|
|
16
|
-
"--bgPattern": "--
|
|
17
|
-
"_bgPosition": "
|
|
18
|
-
"--bgPosition": "--
|
|
19
|
-
"_bgSize": "
|
|
20
|
-
"--bgSize": "--
|
|
21
|
-
"_bgRepeat": "
|
|
22
|
-
"--bgRepeat": "--
|
|
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;
|
|
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":[]}
|
package/lib/es6/Skeleton.js
CHANGED
|
@@ -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__*/"
|
|
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": "
|
|
16
|
-
"--durationAnim": "--
|
|
17
|
-
"@pulse": "
|
|
18
|
-
"__SSkeletonSVG": "
|
|
19
|
-
"_theme_invert": "
|
|
20
|
-
"_theme_dark": "
|
|
21
|
-
"__SText": "
|
|
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
|
});
|
package/lib/es6/Skeleton.js.map
CHANGED
|
@@ -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","
|
|
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__*/".
|
|
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": "
|
|
11
|
-
"--bgPattern": "--
|
|
12
|
-
"_bgPosition": "
|
|
13
|
-
"--bgPosition": "--
|
|
14
|
-
"_bgSize": "
|
|
15
|
-
"--bgSize": "--
|
|
16
|
-
"_bgRepeat": "
|
|
17
|
-
"--bgRepeat": "--
|
|
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)
|
|
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__*/".
|
|
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": "
|
|
11
|
-
"--bgPattern": "--
|
|
12
|
-
"_bgPosition": "
|
|
13
|
-
"--bgPosition": "--
|
|
14
|
-
"_bgSize": "
|
|
15
|
-
"--bgSize": "--
|
|
16
|
-
"_bgRepeat": "
|
|
17
|
-
"--bgRepeat": "--
|
|
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)
|
|
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__*/".
|
|
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": "
|
|
11
|
-
"--bgPattern": "--
|
|
12
|
-
"_bgPosition": "
|
|
13
|
-
"--bgPosition": "--
|
|
14
|
-
"_bgSize": "
|
|
15
|
-
"--bgSize": "--
|
|
16
|
-
"_bgRepeat": "
|
|
17
|
-
"--bgRepeat": "--
|
|
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)
|
|
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__*/".
|
|
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": "
|
|
11
|
-
"--bgPattern": "--
|
|
12
|
-
"_bgPosition": "
|
|
13
|
-
"--bgPosition": "--
|
|
14
|
-
"_bgSize": "
|
|
15
|
-
"--bgSize": "--
|
|
16
|
-
"_bgRepeat": "
|
|
17
|
-
"--bgRepeat": "--
|
|
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)
|
|
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":[]}
|