@semcore/skeleton 16.0.11-prerelease.5 → 17.0.0-prerelease.17
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 +7 -1
- package/README.md +4 -4
- package/lib/cjs/Charts/Area.js +28 -28
- package/lib/cjs/Charts/Area.js.map +1 -1
- package/lib/cjs/Charts/Bar.js +37 -37
- package/lib/cjs/Charts/Bar.js.map +1 -1
- package/lib/cjs/Charts/Bubble.js +24 -23
- package/lib/cjs/Charts/Bubble.js.map +1 -1
- package/lib/cjs/Charts/CompactHorizontalBar.js +24 -23
- package/lib/cjs/Charts/CompactHorizontalBar.js.map +1 -1
- package/lib/cjs/Charts/Donut.js +33 -33
- package/lib/cjs/Charts/Donut.js.map +1 -1
- package/lib/cjs/Charts/Histogram.js +37 -37
- package/lib/cjs/Charts/Histogram.js.map +1 -1
- package/lib/cjs/Charts/Line.js +28 -28
- package/lib/cjs/Charts/Line.js.map +1 -1
- package/lib/cjs/Charts/RadialTree.js +24 -23
- package/lib/cjs/Charts/RadialTree.js.map +1 -1
- package/lib/cjs/Charts/ScatterPlot.js +24 -23
- package/lib/cjs/Charts/ScatterPlot.js.map +1 -1
- package/lib/cjs/Charts/Venn.js +24 -23
- package/lib/cjs/Charts/Venn.js.map +1 -1
- package/lib/cjs/Charts/index.js +21 -21
- package/lib/cjs/Skeleton.js +118 -145
- package/lib/cjs/Skeleton.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +4 -4
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/Charts/Area.js +25 -25
- package/lib/es6/Charts/Area.js.map +1 -1
- package/lib/es6/Charts/Bar.js +34 -34
- package/lib/es6/Charts/Bar.js.map +1 -1
- package/lib/es6/Charts/Bubble.js +21 -20
- package/lib/es6/Charts/Bubble.js.map +1 -1
- package/lib/es6/Charts/CompactHorizontalBar.js +21 -20
- package/lib/es6/Charts/CompactHorizontalBar.js.map +1 -1
- package/lib/es6/Charts/Donut.js +30 -30
- package/lib/es6/Charts/Donut.js.map +1 -1
- package/lib/es6/Charts/Histogram.js +34 -34
- package/lib/es6/Charts/Histogram.js.map +1 -1
- package/lib/es6/Charts/Line.js +25 -25
- package/lib/es6/Charts/Line.js.map +1 -1
- package/lib/es6/Charts/RadialTree.js +21 -20
- package/lib/es6/Charts/RadialTree.js.map +1 -1
- package/lib/es6/Charts/ScatterPlot.js +21 -20
- package/lib/es6/Charts/ScatterPlot.js.map +1 -1
- package/lib/es6/Charts/Venn.js +21 -20
- package/lib/es6/Charts/Venn.js.map +1 -1
- package/lib/es6/Skeleton.js +106 -133
- package/lib/es6/Skeleton.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/Charts/Area.mjs +27 -26
- package/lib/esm/Charts/Bar.mjs +36 -35
- package/lib/esm/Charts/Bubble.mjs +23 -22
- package/lib/esm/Charts/CompactHorizontalBar.mjs +23 -22
- package/lib/esm/Charts/Donut.mjs +32 -31
- package/lib/esm/Charts/Histogram.mjs +36 -35
- package/lib/esm/Charts/Line.mjs +27 -26
- package/lib/esm/Charts/RadialTree.mjs +23 -22
- package/lib/esm/Charts/ScatterPlot.mjs +23 -22
- package/lib/esm/Charts/Venn.mjs +23 -22
- package/lib/esm/Skeleton.mjs +110 -116
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
- package/lib/types/index.d.ts +2 -8
- package/package.json +5 -7
|
@@ -1,33 +1,34 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
1
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
2
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
3
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
5
4
|
import React from 'react';
|
|
6
5
|
import { Skeleton } from '../Skeleton';
|
|
7
6
|
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
-
|
|
7
|
+
const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}", /*__inner_css_end__*/"1k4jx_gg_"),
|
|
9
8
|
/*__reshadow_css_end__*/
|
|
10
9
|
{
|
|
11
|
-
"__SChartSkeleton": "
|
|
12
|
-
"--bgPattern": "--
|
|
13
|
-
"_bgPosition": "
|
|
14
|
-
"--bgPosition": "--
|
|
15
|
-
"_bgSize": "
|
|
16
|
-
"--bgSize": "--
|
|
17
|
-
"_bgRepeat": "
|
|
18
|
-
"--bgRepeat": "--
|
|
10
|
+
"__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
|
|
11
|
+
"--bgPattern": "--bgPattern_1k4jx",
|
|
12
|
+
"_bgPosition": "__bgPosition_1k4jx_gg_",
|
|
13
|
+
"--bgPosition": "--bgPosition_1k4jx",
|
|
14
|
+
"_bgSize": "__bgSize_1k4jx_gg_",
|
|
15
|
+
"--bgSize": "--bgSize_1k4jx",
|
|
16
|
+
"_bgRepeat": "__bgRepeat_1k4jx_gg_",
|
|
17
|
+
"--bgRepeat": "--bgRepeat_1k4jx"
|
|
19
18
|
}); // @ts-ignore
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
const radialSvg = "PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNTggMjAwQzE1OCAxOTMuMzczIDE2My4zNzMgMTg4IDE3MCAxODhIMjMwQzIzNi42MjcgMTg4IDI0MiAxOTMuMzczIDI0MiAyMDBDMjQyIDIwNi42MjcgMjM2LjYyNyAyMTIgMjMwIDIxMkgxNzBDMTYzLjM3MyAyMTIgMTU4IDIwNi42MjcgMTU4IDIwMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0yNzQuNjk3IDE3Ljk1NzZDMjcwLjYxNSAxNi4yNjY4IDI2NS45MzUgMTguMjA1MyAyNjQuMjQ1IDIyLjI4NzJMMjUyLjc2NCA1MC4wMDM2QzI1MS4wNzMgNTQuMDg1NiAyNTMuMDEyIDU4Ljc2NTMgMjU3LjA5NCA2MC40NTYxTDI1Ni4xNyA2MC4wNzM0TDIyMi44NzYgMTQwLjQ1MUwyMjQuNzI0IDE0MS4yMTZMMjU4LjAxOCA2MC44Mzg4TDI1Ny4wOTQgNjAuNDU2MUMyNjEuMTc2IDYyLjE0NjkgMjY1Ljg1NSA2MC4yMDg1IDI2Ny41NDYgNTYuMTI2NUwyNzkuMDI3IDI4LjQxMDJDMjgwLjcxOCAyNC4zMjgyIDI3OC43NzkgMTkuNjQ4NCAyNzQuNjk3IDE3Ljk1NzZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzM4LjQ0NiA2MC41NTM2QzMzNS4zMjIgNTcuNDI5NCAzMzAuMjU3IDU3LjQyOTQgMzI3LjEzMyA2MC41NTM2TDMwNS45MTkgODEuNzY2OEMzMDIuNzk1IDg0Ljg5MSAzMDIuNzk1IDg5Ljk1NjMgMzA1LjkxOSA5My4wODA1TDMwNS4yMTIgOTIuMzczNEwyNDMuNjk0IDE1My44OTJMMjQ1LjEwOCAxNTUuMzA2TDMwNi42MjcgOTMuNzg3NkwzMDUuOTE5IDkzLjA4MDVDMzA5LjA0NCA5Ni4yMDQ3IDMxNC4xMDkgOTYuMjA0NyAzMTcuMjMzIDkzLjA4MDVMMzM4LjQ0NiA3MS44NjczQzM0MS41NzEgNjguNzQzMSAzNDEuNTcxIDYzLjY3NzggMzM4LjQ0NiA2MC41NTM2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM4MS4wNDIgMTI0LjMwM0MzNzkuMzUyIDEyMC4yMjEgMzc0LjY3MiAxMTguMjgyIDM3MC41OSAxMTkuOTczTDM0Mi44NzQgMTMxLjQ1NEMzMzguNzkyIDEzMy4xNDQgMzM2Ljg1MyAxMzcuODI0IDMzOC41NDQgMTQxLjkwNkwzMzguMTYxIDE0MC45ODJMMjU3Ljc4NCAxNzQuMjc2TDI1OC41NDkgMTc2LjEyM0wzMzguOTI3IDE0Mi44M0wzMzguNTQ0IDE0MS45MDZDMzQwLjIzNSAxNDUuOTg4IDM0NC45MTQgMTQ3LjkyNiAzNDguOTk2IDE0Ni4yMzZMMzc2LjcxMyAxMzQuNzU1QzM4MC43OTUgMTMzLjA2NCAzODIuNzMzIDEyOC4zODUgMzgxLjA0MiAxMjQuMzAzWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM5NiAxOTkuNUMzOTYgMTk1LjA4MiAzOTIuNDE4IDE5MS41IDM4OCAxOTEuNUgzNThDMzUzLjU4MiAxOTEuNSAzNTAgMTk1LjA4MiAzNTAgMTk5LjVWMTk4LjVIMjYzVjIwMC41SDM1MFYxOTkuNUMzNTAgMjAzLjkxOCAzNTMuNTgyIDIwNy41IDM1OCAyMDcuNUgzODhDMzkyLjQxOCAyMDcuNSAzOTYgMjAzLjkxOCAzOTYgMTk5LjVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzgxLjA0MyAyNzQuNjk3QzM4Mi43MzMgMjcwLjYxNSAzODAuNzk1IDI2NS45MzYgMzc2LjcxMyAyNjQuMjQ1TDM0OC45OTcgMjUyLjc2NEMzNDQuOTE1IDI1MS4wNzQgMzQwLjIzNSAyNTMuMDEyIDMzOC41NDQgMjU3LjA5NEwzMzguOTI3IDI1Ni4xN0wyNTguNTQ5IDIyMi44NzdMMjU3Ljc4NCAyMjQuNzI0TDMzOC4xNjEgMjU4LjAxOEwzMzguNTQ0IDI1Ny4wOTRDMzM2Ljg1MyAyNjEuMTc2IDMzOC43OTIgMjY1Ljg1NiAzNDIuODc0IDI2Ny41NDZMMzcwLjU5IDI3OS4wMjdDMzc0LjY3MiAyODAuNzE4IDM3OS4zNTIgMjc4Ljc3OSAzODEuMDQzIDI3NC42OTdaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzM4LjQ0NyAzMzguNDQ3QzM0MS41NzEgMzM1LjMyMiAzNDEuNTcxIDMzMC4yNTcgMzM4LjQ0NyAzMjcuMTMzTDMxNy4yMzMgMzA1LjkyQzMxNC4xMDkgMzAyLjc5NSAzMDkuMDQ0IDMwMi43OTUgMzA1LjkyIDMwNS45MkwzMDYuNjI3IDMwNS4yMTNMMjQ1LjEwOSAyNDMuNjk0TDI0My42OTQgMjQ1LjEwOEwzMDUuMjEzIDMwNi42MjdMMzA1LjkyIDMwNS45MkMzMDIuNzk2IDMwOS4wNDQgMzAyLjc5NiAzMTQuMTA5IDMwNS45MiAzMTcuMjMzTDMyNy4xMzMgMzM4LjQ0N0MzMzAuMjU3IDM0MS41NzEgMzM1LjMyMiAzNDEuNTcxIDMzOC40NDcgMzM4LjQ0N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0yNzQuNjk3IDM4MS4wNDJDMjc4Ljc3OSAzNzkuMzUyIDI4MC43MTggMzc0LjY3MiAyNzkuMDI3IDM3MC41OUwyNjcuNTQ2IDM0Mi44NzNDMjY1Ljg1NiAzMzguNzkxIDI2MS4xNzYgMzM2Ljg1MyAyNTcuMDk0IDMzOC41NDRMMjU4LjAxOCAzMzguMTYxTDIyNC43MjQgMjU3Ljc4NEwyMjIuODc3IDI1OC41NDlMMjU2LjE3IDMzOC45MjdMMjU3LjA5NCAzMzguNTQ0QzI1My4wMTIgMzQwLjIzNSAyNTEuMDc0IDM0NC45MTQgMjUyLjc2NCAzNDguOTk2TDI2NC4yNDUgMzc2LjcxM0MyNjUuOTM2IDM4MC43OTUgMjcwLjYxNSAzODIuNzMzIDI3NC42OTcgMzgxLjA0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xOTkuNSAzOTZDMjAzLjkxOCAzOTYgMjA3LjUgMzkyLjQxOCAyMDcuNSAzODhWMzU4QzIwNy41IDM1My41ODIgMjAzLjkxOCAzNTAgMTk5LjUgMzUwSDIwMC41VjI2M0gxOTguNVYzNTBIMTk5LjVDMTk1LjA4MiAzNTAgMTkxLjUgMzUzLjU4MiAxOTEuNSAzNThWMzg4QzE5MS41IDM5Mi40MTggMTk1LjA4MiAzOTYgMTk5LjUgMzk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTEyNC4zMDMgMzgxLjA0MkMxMjguMzg1IDM4Mi43MzMgMTMzLjA2NSAzODAuNzk1IDEzNC43NTUgMzc2LjcxM0wxNDYuMjM2IDM0OC45OTZDMTQ3LjkyNyAzNDQuOTE0IDE0NS45ODggMzQwLjIzNSAxNDEuOTA2IDMzOC41NDRMMTQyLjgzIDMzOC45MjdMMTc2LjEyNCAyNTguNTQ5TDE3NC4yNzYgMjU3Ljc4NEwxNDAuOTgyIDMzOC4xNjFMMTQxLjkwNiAzMzguNTQ0QzEzNy44MjQgMzM2Ljg1MyAxMzMuMTQ1IDMzOC43OTEgMTMxLjQ1NCAzNDIuODczTDExOS45NzMgMzcwLjU5QzExOC4yODIgMzc0LjY3MiAxMjAuMjIxIDM3OS4zNTIgMTI0LjMwMyAzODEuMDQyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTYwLjU1MzYgMzM4LjQ0NkM2My42Nzc4IDM0MS41NzEgNjguNzQzMSAzNDEuNTcxIDcxLjg2NzMgMzM4LjQ0Nkw5My4wODA1IDMxNy4yMzNDOTYuMjA0NyAzMTQuMTA5IDk2LjIwNDcgMzA5LjA0NCA5My4wODA1IDMwNS45MTlMOTMuNzg3NiAzMDYuNjI3TDE1NS4zMDYgMjQ1LjEwOEwxNTMuODkyIDI0My42OTRMOTIuMzczNCAzMDUuMjEyTDkzLjA4MDUgMzA1LjkxOUM4OS45NTYzIDMwMi43OTUgODQuODkxIDMwMi43OTUgODEuNzY2OCAzMDUuOTE5TDYwLjU1MzYgMzI3LjEzM0M1Ny40Mjk0IDMzMC4yNTcgNTcuNDI5NCAzMzUuMzIyIDYwLjU1MzYgMzM4LjQ0NloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xNy45NTc2IDI3NC42OTdDMTkuNjQ4NCAyNzguNzc5IDI0LjMyODEgMjgwLjcxOCAyOC40MTAxIDI3OS4wMjdMNTYuMTI2NSAyNjcuNTQ2QzYwLjIwODQgMjY1Ljg1NiA2Mi4xNDY4IDI2MS4xNzYgNjAuNDU2IDI1Ny4wOTRMNjAuODM4NyAyNTguMDE4TDE0MS4yMTYgMjI0LjcyNEwxNDAuNDUxIDIyMi44NzdMNjAuMDczMyAyNTYuMTdMNjAuNDU2IDI1Ny4wOTRDNTguNzY1MiAyNTMuMDEyIDU0LjA4NTUgMjUxLjA3NCA1MC4wMDM1IDI1Mi43NjRMMjIuMjg3MSAyNjQuMjQ1QzE4LjIwNTIgMjY1LjkzNiAxNi4yNjY4IDI3MC42MTUgMTcuOTU3NiAyNzQuNjk3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMgMTk5LjVDMyAyMDMuOTE4IDYuNTgxNzIgMjA3LjUgMTEgMjA3LjVINDFDNDUuNDE4MyAyMDcuNSA0OSAyMDMuOTE4IDQ5IDE5OS41VjIwMC41SDEzNlYxOTguNUg0OVYxOTkuNUM0OSAxOTUuMDgyIDQ1LjQxODMgMTkxLjUgNDEgMTkxLjVIMTFDNi41ODE3MiAxOTEuNSAzIDE5NS4wODIgMyAxOTkuNVoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xNy45NTc1IDEyNC4zMDNDMTYuMjY2NyAxMjguMzg1IDE4LjIwNTEgMTMzLjA2NCAyMi4yODcgMTM0Ljc1NUw1MC4wMDM0IDE0Ni4yMzZDNTQuMDg1NCAxNDcuOTI2IDU4Ljc2NTEgMTQ1Ljk4OCA2MC40NTU5IDE0MS45MDZMNjAuMDczMiAxNDIuODNMMTQwLjQ1MSAxNzYuMTIzTDE0MS4yMTYgMTc0LjI3Nkw2MC44Mzg2IDE0MC45ODJMNjAuNDU1OSAxNDEuOTA2QzYyLjE0NjcgMTM3LjgyNCA2MC4yMDgzIDEzMy4xNDQgNTYuMTI2NCAxMzEuNDU0TDI4LjQxIDExOS45NzNDMjQuMzI4IDExOC4yODIgMTkuNjQ4MyAxMjAuMjIxIDE3Ljk1NzUgMTI0LjMwM1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik02MC41NTMzIDYwLjU1MzVDNTcuNDI5MSA2My42Nzc3IDU3LjQyOTEgNjguNzQzIDYwLjU1MzMgNzEuODY3Mkw4MS43NjY1IDkzLjA4MDRDODQuODkwNyA5Ni4yMDQ2IDg5Ljk1NjEgOTYuMjA0NiA5My4wODAzIDkzLjA4MDRMOTIuMzczMSA5My43ODc1TDE1My44OTEgMTU1LjMwNkwxNTUuMzA2IDE1My44OTJMOTMuNzg3NCA5Mi4zNzMzTDkzLjA4MDMgOTMuMDgwNEM5Ni4yMDQ0IDg5Ljk1NjIgOTYuMjA0NCA4NC44OTA5IDkzLjA4MDMgODEuNzY2N0w3MS44NjcxIDYwLjU1MzVDNjguNzQyOSA1Ny40MjkzIDYzLjY3NzUgNTcuNDI5MyA2MC41NTMzIDYwLjU1MzVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTI0LjMwMyAxNy45NTc3QzEyMC4yMjEgMTkuNjQ4NSAxMTguMjgyIDI0LjMyODIgMTE5Ljk3MyAyOC40MTAyTDEzMS40NTQgNTYuMTI2NkMxMzMuMTQ0IDYwLjIwODUgMTM3LjgyNCA2Mi4xNDcgMTQxLjkwNiA2MC40NTYyTDE0MC45ODIgNjAuODM4OEwxNzQuMjc2IDE0MS4yMTZMMTc2LjEyMyAxNDAuNDUxTDE0Mi44MyA2MC4wNzM1TDE0MS45MDYgNjAuNDU2MkMxNDUuOTg4IDU4Ljc2NTQgMTQ3LjkyNiA1NC4wODU2IDE0Ni4yMzYgNTAuMDAzN0wxMzQuNzU1IDIyLjI4NzNDMTMzLjA2NCAxOC4yMDUzIDEyOC4zODUgMTYuMjY2OSAxMjQuMzAzIDE3Ljk1NzdaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTk5LjUgM0MxOTUuMDgyIDMgMTkxLjUgNi41ODE3MiAxOTEuNSAxMVY0MUMxOTEuNSA0NS40MTgzIDE5NS4wODIgNDkgMTk5LjUgNDlIMTk4LjVWMTM2SDIwMC41VjQ5SDE5OS41QzIwMy45MTggNDkgMjA3LjUgNDUuNDE4MyAyMDcuNSA0MVYxMUMyMDcuNSA2LjU4MTcyIDIwMy45MTggMyAxOTkuNSAzWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
|
|
20
|
+
function RadialTreeChartSkeleton() {
|
|
22
21
|
var _ref = arguments[0],
|
|
23
22
|
_ref2;
|
|
24
|
-
|
|
25
|
-
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton",
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
23
|
+
const SChartSkeleton = Skeleton;
|
|
24
|
+
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
|
|
25
|
+
..._assignProps({
|
|
26
|
+
"bgRepeat": 'no-repeat',
|
|
27
|
+
"bgPosition": 'center',
|
|
28
|
+
"bgSize": 'contain',
|
|
29
|
+
"bgPattern": `url(data:image/svg+xml;base64,${radialSvg})`
|
|
30
|
+
}, _ref)
|
|
31
|
+
}));
|
|
32
|
+
}
|
|
32
33
|
export default createComponent(RadialTreeChartSkeleton);
|
|
33
34
|
//# sourceMappingURL=RadialTree.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadialTree.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","radialSvg","RadialTreeChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","
|
|
1
|
+
{"version":3,"file":"RadialTree.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","radialSvg","RadialTreeChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../src/Charts/RadialTree.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\n// @ts-ignore\nconst radialSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/radial-chart.svg'))\n`;\n\nfunction RadialTreeChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition='center'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${radialSvg})`}\n />,\n );\n}\n\nexport default createComponent(RadialTreeChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAGvC;AACA,MAAMC,SAAS,izOAEd;AAED,SAASC,uBAAuBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACjC,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,WAAW;MAAA,cACT,QAAQ;MAAA,UACZ,SAAS;MAAA,aACL,iCAAiCR,SAAS;IAAG,GAAAE,IAAA;EAAA,EACzD,CAAC;AAEN;AAEA,eAAeV,eAAe,CAACS,uBAAuB,CAAC","ignoreList":[]}
|
|
@@ -1,33 +1,34 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
1
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
2
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
3
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
5
4
|
import React from 'react';
|
|
6
5
|
import { Skeleton } from '../Skeleton';
|
|
7
6
|
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
-
|
|
7
|
+
const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}", /*__inner_css_end__*/"1k4jx_gg_"),
|
|
9
8
|
/*__reshadow_css_end__*/
|
|
10
9
|
{
|
|
11
|
-
"__SChartSkeleton": "
|
|
12
|
-
"--bgPattern": "--
|
|
13
|
-
"_bgPosition": "
|
|
14
|
-
"--bgPosition": "--
|
|
15
|
-
"_bgSize": "
|
|
16
|
-
"--bgSize": "--
|
|
17
|
-
"_bgRepeat": "
|
|
18
|
-
"--bgRepeat": "--
|
|
10
|
+
"__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
|
|
11
|
+
"--bgPattern": "--bgPattern_1k4jx",
|
|
12
|
+
"_bgPosition": "__bgPosition_1k4jx_gg_",
|
|
13
|
+
"--bgPosition": "--bgPosition_1k4jx",
|
|
14
|
+
"_bgSize": "__bgSize_1k4jx_gg_",
|
|
15
|
+
"--bgSize": "--bgSize_1k4jx",
|
|
16
|
+
"_bgRepeat": "__bgRepeat_1k4jx_gg_",
|
|
17
|
+
"--bgRepeat": "--bgRepeat_1k4jx"
|
|
19
18
|
});
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
const scatterSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjExMCIgdmlld0JveD0iMCAwIDM3NiAxMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDMyOF8xNDY5NzkpIj4KPHBhdGggZD0iTTEwIDExMEMxNS41MjI4IDExMCAyMCAxMDUuNTIzIDIwIDEwMEMyMCA5NC40NzcyIDE1LjUyMjggOTAgMTAgOTBDNC40NzcxNSA5MCAwIDk0LjQ3NzIgMCAxMDBDMCAxMDUuNTIzIDQuNDc3MTUgMTEwIDEwIDExMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgNzJDMTM0LjUyMyA3MiAxMzkgNjcuNTIyOCAxMzkgNjJDMTM5IDU2LjQ3NzIgMTM0LjUyMyA1MiAxMjkgNTJDMTIzLjQ3NyA1MiAxMTkgNTYuNDc3MiAxMTkgNjJDMTE5IDY3LjUyMjggMTIzLjQ3NyA3MiAxMjkgNzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTg4IDk2QzE5My41MjMgOTYgMTk4IDkxLjUyMjggMTk4IDg2QzE5OCA4MC40NzcyIDE5My41MjMgNzYgMTg4IDc2QzE4Mi40NzcgNzYgMTc4IDgwLjQ3NzIgMTc4IDg2QzE3OCA5MS41MjI4IDE4Mi40NzcgOTYgMTg4IDk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM2NiAyMEMzNzEuNTIzIDIwIDM3NiAxNS41MjI4IDM3NiAxMEMzNzYgNC40NzcxNSAzNzEuNTIzIDAgMzY2IDBDMzYwLjQ3NyAwIDM1NiA0LjQ3NzE1IDM1NiAxMEMzNTYgMTUuNTIyOCAzNjAuNDc3IDIwIDM2NiAyMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik03MCA1NEM3NS41MjI4IDU0IDgwIDQ5LjUyMjggODAgNDRDODAgMzguNDc3MiA3NS41MjI4IDM0IDcwIDM0QzY0LjQ3NzIgMzQgNjAgMzguNDc3MiA2MCA0NEM2MCA0OS41MjI4IDY0LjQ3NzIgNTQgNzAgNTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMjQ3IDYyQzI1Mi41MjMgNjIgMjU3IDU3LjUyMjggMjU3IDUyQzI1NyA0Ni40NzcyIDI1Mi41MjMgNDIgMjQ3IDQyQzI0MS40NzcgNDIgMjM3IDQ2LjQ3NzIgMjM3IDUyQzIzNyA1Ny41MjI4IDI0MS40NzcgNjIgMjQ3IDYyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMwNiA3MEMzMTEuNTIzIDcwIDMxNiA2NS41MjI4IDMxNiA2MEMzMTYgNTQuNDc3MiAzMTEuNTIzIDUwIDMwNiA1MEMzMDAuNDc3IDUwIDI5NiA1NC40NzcyIDI5NiA2MEMyOTYgNjUuNTIyOCAzMDAuNDc3IDcwIDMwNiA3MFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTAzMjhfMTQ2OTc5Ij4KPHJlY3Qgd2lkdGg9IjM3NiIgaGVpZ2h0PSIxMTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
|
|
20
|
+
function ScatterPlotChartSkeleton() {
|
|
22
21
|
var _ref = arguments[0],
|
|
23
22
|
_ref2;
|
|
24
|
-
|
|
25
|
-
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton",
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
23
|
+
const SChartSkeleton = Skeleton;
|
|
24
|
+
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
|
|
25
|
+
..._assignProps({
|
|
26
|
+
"bgRepeat": 'repeat-x',
|
|
27
|
+
"bgPosition": 'left center',
|
|
28
|
+
"bgSize": 'auto 50%',
|
|
29
|
+
"bgPattern": `url(data:image/svg+xml;base64,${scatterSvg})`
|
|
30
|
+
}, _ref)
|
|
31
|
+
}));
|
|
32
|
+
}
|
|
32
33
|
export default createComponent(ScatterPlotChartSkeleton);
|
|
33
34
|
//# sourceMappingURL=ScatterPlot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterPlot.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","scatterSvg","ScatterPlotChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","
|
|
1
|
+
{"version":3,"file":"ScatterPlot.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","scatterSvg","ScatterPlotChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../src/Charts/ScatterPlot.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst scatterSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/scatter-plot-chart.svg'))\n`;\n\nfunction ScatterPlotChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${scatterSvg})`}\n />,\n );\n}\n\nexport default createComponent(ScatterPlotChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,UAAU,66DAEf;AAED,SAASC,wBAAwBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClC,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,UAAU;IAAG,GAAAE,IAAA;EAAA,EAC1D,CAAC;AAEN;AAEA,eAAeV,eAAe,CAACS,wBAAwB,CAAC","ignoreList":[]}
|
package/lib/es6/Charts/Venn.js
CHANGED
|
@@ -1,33 +1,34 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
1
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
2
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
3
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
5
4
|
import React from 'react';
|
|
6
5
|
import { Skeleton } from '../Skeleton';
|
|
7
6
|
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
-
|
|
7
|
+
const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}", /*__inner_css_end__*/"1k4jx_gg_"),
|
|
9
8
|
/*__reshadow_css_end__*/
|
|
10
9
|
{
|
|
11
|
-
"__SChartSkeleton": "
|
|
12
|
-
"--bgPattern": "--
|
|
13
|
-
"_bgPosition": "
|
|
14
|
-
"--bgPosition": "--
|
|
15
|
-
"_bgSize": "
|
|
16
|
-
"--bgSize": "--
|
|
17
|
-
"_bgRepeat": "
|
|
18
|
-
"--bgRepeat": "--
|
|
10
|
+
"__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
|
|
11
|
+
"--bgPattern": "--bgPattern_1k4jx",
|
|
12
|
+
"_bgPosition": "__bgPosition_1k4jx_gg_",
|
|
13
|
+
"--bgPosition": "--bgPosition_1k4jx",
|
|
14
|
+
"_bgSize": "__bgSize_1k4jx_gg_",
|
|
15
|
+
"--bgSize": "--bgSize_1k4jx",
|
|
16
|
+
"_bgRepeat": "__bgRepeat_1k4jx_gg_",
|
|
17
|
+
"--bgRepeat": "--bgRepeat_1k4jx"
|
|
19
18
|
});
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
const vennSvg = "PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDIwMCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9dmVubiBjaGFydCwgcGljdHVyZSBkaXY9ZmFsc2UiPgo8ZyBpZD0ic2tlbGV0b24tdmVubiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMzI4XzE0Njk4OSkiPgo8cGF0aCBpZD0iU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzcuNzc3OCA5MEM3Ny43Nzc4IDcxLjA1NzQgODYuNDI3NyA1NC4xMzE1IDEwMCA0Mi45NDMxQzExMy41NzIgNTQuMTMxNSAxMjIuMjIyIDcxLjA1NzQgMTIyLjIyMiA5MEMxMjIuMjIyIDEwOC45NDMgMTEzLjU3MiAxMjUuODY5IDEwMCAxMzcuMDU3Qzg2LjQyNzcgMTI1Ljg2OSA3Ny43Nzc4IDEwOC45NDMgNzcuNzc3OCA5MFpNMTAwIDEzNy4wNTdDMTEwLjU2NiAxNDUuNzY3IDEyNC4xMTUgMTUxIDEzOC44ODkgMTUxQzE3Mi42NCAxNTEgMjAwIDEyMy42ODkgMjAwIDkwQzIwMCA1Ni4zMTA2IDE3Mi42NCAyOSAxMzguODg5IDI5QzEyNC4xMTUgMjkgMTEwLjU2NiAzNC4yMzI5IDEwMCA0Mi45NDMxQzg5LjQzNCAzNC4yMzI5IDc1Ljg4NDggMjkgNjEuMTExMSAyOUMyNy4zNjA0IDI5IDAgNTYuMzEwNiAwIDkwQzAgMTIzLjY4OSAyNy4zNjA0IDE1MSA2MS4xMTExIDE1MUM3NS44ODQ4IDE1MSA4OS40MzQgMTQ1Ljc2NyAxMDAgMTM3LjA1N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGlkPSJQYXRoIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwMCA0M0MxMTMuNDM3IDU0LjE3NDkgMTIyIDcxLjA4MDMgMTIyIDkwQzEyMiAxMDguOTIgMTEzLjQzNyAxMjUuODI1IDEwMCAxMzdDODYuNTYzNSAxMjUuODI1IDc4IDEwOC45MiA3OCA5MEM3OCA3MS4wODAzIDg2LjU2MzUgNTQuMTc0OSAxMDAgNDNWNDNaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDMyOF8xNDY5ODkiPgo8cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjkpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
|
|
20
|
+
function VennChartSkeleton() {
|
|
22
21
|
var _ref = arguments[0],
|
|
23
22
|
_ref2;
|
|
24
|
-
|
|
25
|
-
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton",
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
23
|
+
const SChartSkeleton = Skeleton;
|
|
24
|
+
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
|
|
25
|
+
..._assignProps({
|
|
26
|
+
"bgRepeat": 'no-repeat',
|
|
27
|
+
"bgPosition": 'center',
|
|
28
|
+
"bgSize": 'contain',
|
|
29
|
+
"bgPattern": `url(data:image/svg+xml;base64,${vennSvg})`
|
|
30
|
+
}, _ref)
|
|
31
|
+
}));
|
|
32
|
+
}
|
|
32
33
|
export default createComponent(VennChartSkeleton);
|
|
33
34
|
//# sourceMappingURL=Venn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Venn.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","vennSvg","VennChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","
|
|
1
|
+
{"version":3,"file":"Venn.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","vennSvg","VennChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_assignProps"],"sources":["../../../src/Charts/Venn.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst vennSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/venn-chart.svg'))\n`;\n\nfunction VennChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition='center'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${vennSvg})`}\n />,\n );\n}\n\nexport default createComponent(VennChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,OAAO,inDAEZ;AAED,SAASC,iBAAiBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3B,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,WAAW;MAAA,cACT,QAAQ;MAAA,UACZ,SAAS;MAAA,aACL,iCAAiCR,OAAO;IAAG,GAAAE,IAAA;EAAA,EACvD,CAAC;AAEN;AAEA,eAAeV,eAAe,CAACS,iBAAiB,CAAC","ignoreList":[]}
|
package/lib/es6/Skeleton.js
CHANGED
|
@@ -1,64 +1,51 @@
|
|
|
1
|
-
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
4
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
5
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
6
|
-
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
7
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
2
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
10
3
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
11
4
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
12
|
-
|
|
5
|
+
import { Box } from '@semcore/base-components';
|
|
13
6
|
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
14
7
|
import canUseDOM from '@semcore/core/lib/utils/canUseDOM';
|
|
15
8
|
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
16
9
|
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
17
|
-
import { Box } from '@semcore/flex-box';
|
|
18
10
|
import React from 'react';
|
|
19
11
|
/*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
|
|
20
|
-
|
|
12
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_17nle{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_17nle_gg_{animation-name:pulse_17nle;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_17nle);will-change:opacity}.___SSkeletonSVG_17nle_gg_._theme_invert_17nle_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_17nle_gg_._theme_dark_17nle_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_17nle_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_17nle_gg_{animation-name:none}}", /*__inner_css_end__*/"17nle_gg_"),
|
|
21
13
|
/*__reshadow_css_end__*/
|
|
22
14
|
{
|
|
23
|
-
"__SSkeleton": "
|
|
24
|
-
"--durationAnim": "--
|
|
25
|
-
"@pulse": "
|
|
26
|
-
"__SSkeletonSVG": "
|
|
27
|
-
"_theme_invert": "
|
|
28
|
-
"_theme_dark": "
|
|
29
|
-
"__SText": "
|
|
15
|
+
"__SSkeleton": "___SSkeleton_17nle_gg_",
|
|
16
|
+
"--durationAnim": "--durationAnim_17nle",
|
|
17
|
+
"@pulse": "pulse_17nle",
|
|
18
|
+
"__SSkeletonSVG": "___SSkeletonSVG_17nle_gg_",
|
|
19
|
+
"_theme_invert": "_theme_invert_17nle_gg_",
|
|
20
|
+
"_theme_dark": "_theme_dark_17nle_gg_",
|
|
21
|
+
"__SText": "___SText_17nle_gg_"
|
|
30
22
|
});
|
|
31
23
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
32
|
-
|
|
24
|
+
const MAP_COLOR_THEME = {
|
|
33
25
|
dark: 'rgba(255, 255, 255, 0.3)',
|
|
34
26
|
invert: 'rgba(224, 225, 233, 0.8)'
|
|
35
27
|
};
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
hidden = _this$asProps.hidden,
|
|
52
|
-
getI18nText = _this$asProps.getI18nText;
|
|
53
|
-
if (hidden) return null;
|
|
54
|
-
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SSkeleton, _ref3.cn("SSkeleton", _objectSpread({}, _assignProps({
|
|
55
|
-
"durationAnim": "".concat(duration, "ms"),
|
|
28
|
+
class SkeletonRoot extends Component {
|
|
29
|
+
render() {
|
|
30
|
+
var _ref = this.asProps,
|
|
31
|
+
_ref3;
|
|
32
|
+
const SSkeleton = Box;
|
|
33
|
+
const {
|
|
34
|
+
styles,
|
|
35
|
+
duration,
|
|
36
|
+
hidden,
|
|
37
|
+
getI18nText
|
|
38
|
+
} = this.asProps;
|
|
39
|
+
if (hidden) return null;
|
|
40
|
+
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SSkeleton, _ref3.cn("SSkeleton", {
|
|
41
|
+
..._assignProps({
|
|
42
|
+
"durationAnim": `${duration}ms`,
|
|
56
43
|
"role": 'img',
|
|
57
44
|
"aria-label": getI18nText('loading')
|
|
58
|
-
}, _ref)
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
45
|
+
}, _ref)
|
|
46
|
+
}));
|
|
47
|
+
}
|
|
48
|
+
}
|
|
62
49
|
_defineProperty(SkeletonRoot, "displayName", 'Skeleton');
|
|
63
50
|
_defineProperty(SkeletonRoot, "style", style);
|
|
64
51
|
_defineProperty(SkeletonRoot, "enhance", [i18nEnhance(localizedMessages)]);
|
|
@@ -67,77 +54,65 @@ _defineProperty(SkeletonRoot, "defaultProps", {
|
|
|
67
54
|
height: '100%',
|
|
68
55
|
duration: 2000
|
|
69
56
|
});
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
_this = _callSuper(this, SkeletonSVG, [props]);
|
|
75
|
-
_defineProperty(_this, "svgRef", /*#__PURE__*/React.createRef());
|
|
57
|
+
class SkeletonSVG extends Component {
|
|
58
|
+
constructor(props) {
|
|
59
|
+
super(props);
|
|
60
|
+
_defineProperty(this, "svgRef", /*#__PURE__*/React.createRef());
|
|
76
61
|
if (canUseDOM() && props.observeParentSize) {
|
|
77
|
-
|
|
62
|
+
this.observer = new ResizeObserver(this.handleResize.bind(this));
|
|
78
63
|
}
|
|
79
|
-
return _this;
|
|
80
64
|
}
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
(_this$observer2 = this.observer) === null || _this$observer2 === void 0 || _this$observer2.disconnect();
|
|
93
|
-
}
|
|
94
|
-
}, {
|
|
95
|
-
key: "handleResize",
|
|
96
|
-
value: function handleResize(data) {
|
|
97
|
-
var target = data[0].target;
|
|
98
|
-
var svg = this.svgRef.current;
|
|
99
|
-
if (target && svg) {
|
|
100
|
-
svg.setAttribute('width', '100%');
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
}, {
|
|
104
|
-
key: "setContext",
|
|
105
|
-
value: function setContext() {
|
|
106
|
-
var theme = this.asProps.theme;
|
|
107
|
-
return {
|
|
108
|
-
gradientUrl: MAP_COLOR_THEME[theme]
|
|
109
|
-
};
|
|
65
|
+
componentDidMount() {
|
|
66
|
+
this.observer?.observe(this.svgRef.current?.parentElement);
|
|
67
|
+
}
|
|
68
|
+
componentWillUnmount() {
|
|
69
|
+
this.observer?.disconnect();
|
|
70
|
+
}
|
|
71
|
+
handleResize(data) {
|
|
72
|
+
const target = data[0].target;
|
|
73
|
+
const svg = this.svgRef.current;
|
|
74
|
+
if (target && svg) {
|
|
75
|
+
svg.setAttribute('width', '100%');
|
|
110
76
|
}
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
77
|
+
}
|
|
78
|
+
setContext() {
|
|
79
|
+
const {
|
|
80
|
+
theme
|
|
81
|
+
} = this.asProps;
|
|
82
|
+
return {
|
|
83
|
+
gradientUrl: MAP_COLOR_THEME[theme]
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
render() {
|
|
87
|
+
var _ref2 = this.asProps,
|
|
88
|
+
_ref4;
|
|
89
|
+
const {
|
|
90
|
+
Children,
|
|
91
|
+
styles,
|
|
92
|
+
uid,
|
|
93
|
+
theme,
|
|
94
|
+
duration
|
|
95
|
+
} = this.asProps;
|
|
96
|
+
const SSkeletonSVG = Skeleton;
|
|
97
|
+
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SSkeletonSVG, _ref4.cn("SSkeletonSVG", {
|
|
98
|
+
..._assignProps2({
|
|
124
99
|
"tag": 'svg',
|
|
125
100
|
"ref": this.svgRef,
|
|
126
101
|
"preserveAspectRatio": 'none',
|
|
127
102
|
"theme": theme,
|
|
128
|
-
"durationAnim":
|
|
129
|
-
}, _ref2)
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
})
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
}
|
|
103
|
+
"durationAnim": `${duration}ms`
|
|
104
|
+
}, _ref2)
|
|
105
|
+
}), /*#__PURE__*/React.createElement("defs", _ref4.cn("defs", {}), /*#__PURE__*/React.createElement("mask", _ref4.cn("mask", {
|
|
106
|
+
"id": uid
|
|
107
|
+
}), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})))), /*#__PURE__*/React.createElement("rect", _ref4.cn("rect", {
|
|
108
|
+
"x": '0',
|
|
109
|
+
"y": '0',
|
|
110
|
+
"width": '100%',
|
|
111
|
+
"height": '100%',
|
|
112
|
+
"mask": `url(#${uid})`
|
|
113
|
+
})));
|
|
114
|
+
}
|
|
115
|
+
}
|
|
141
116
|
_defineProperty(SkeletonSVG, "displayName", 'SkeletonSVG');
|
|
142
117
|
_defineProperty(SkeletonSVG, "enhance", [uniqueIDEnhancement()]);
|
|
143
118
|
_defineProperty(SkeletonSVG, "style", style);
|
|
@@ -146,41 +121,39 @@ _defineProperty(SkeletonSVG, "defaultProps", {
|
|
|
146
121
|
duration: 2000
|
|
147
122
|
});
|
|
148
123
|
function Text(props) {
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
y =
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
var amountLine = Number(amount);
|
|
162
|
-
var renderRect = function renderRect(props) {
|
|
124
|
+
const SText = Box;
|
|
125
|
+
const {
|
|
126
|
+
y = 0,
|
|
127
|
+
x = 0,
|
|
128
|
+
amount = 1,
|
|
129
|
+
width = '100%',
|
|
130
|
+
styles,
|
|
131
|
+
forwardRef,
|
|
132
|
+
...other
|
|
133
|
+
} = props;
|
|
134
|
+
const amountLine = Number(amount);
|
|
135
|
+
const renderRect = props => {
|
|
163
136
|
var _ref5;
|
|
164
|
-
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText",
|
|
137
|
+
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", {
|
|
165
138
|
"tag": 'rect',
|
|
166
139
|
"rx": '4',
|
|
167
140
|
"ry": '4',
|
|
168
|
-
"height": '8'
|
|
169
|
-
|
|
141
|
+
"height": '8',
|
|
142
|
+
...props
|
|
143
|
+
}));
|
|
170
144
|
};
|
|
171
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null,
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
}));
|
|
145
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, [...Array(amountLine)].map((_el, index) => renderRect({
|
|
146
|
+
key: index,
|
|
147
|
+
y: y || 20 * index,
|
|
148
|
+
x,
|
|
149
|
+
ref: forwardRef,
|
|
150
|
+
width,
|
|
151
|
+
...other
|
|
152
|
+
})));
|
|
180
153
|
}
|
|
181
|
-
|
|
154
|
+
const Skeleton = createComponent(SkeletonRoot);
|
|
182
155
|
export { Skeleton };
|
|
183
156
|
export default createComponent(SkeletonSVG, {
|
|
184
|
-
Text
|
|
157
|
+
Text
|
|
185
158
|
});
|
|
186
159
|
//# sourceMappingURL=Skeleton.js.map
|