@semcore/skeleton 5.0.0-beta.1 → 5.1.0

package/lib/es6/Charts/RadialTree.js

@@ -1,100 +1,31 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
-import Skeleton from '../Skeleton';
-var RadialTreeChartSkeleton = function RadialTreeChartSkeleton(props) {
-  return /*#__PURE__*/React.createElement(Skeleton, _extends({
-    visible: true,
-    viewBox: "0 0 590 590",
-    preserveAspectRatio: "xMidYMid meet"
-  }, props), function (_ref) {
-    var gradientUrl = _ref.gradientUrl;
-    return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
-      d: "M233 296C233 286.059 241.059 278 251 278H341C350.941 278 359 286.059 359 296C359 305.941 350.941 314 341 314H251C241.059 314 233 305.941 233 296Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M408.046 22.9365C401.923 20.4003 394.903 23.3079 392.367 29.4308L375.146 71.0054C372.61 77.1283 375.518 84.148 381.641 86.6842L380.255 86.1101L330.315 206.676L333.086 207.824L383.026 87.2582L381.641 86.6842C387.764 89.2204 394.783 86.3127 397.319 80.1898L414.54 38.6152C417.076 32.4923 414.169 25.4727 408.046 22.9365Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M503.67 86.8304C498.983 82.1441 491.385 82.1441 486.699 86.8304L454.879 118.65C450.193 123.336 450.193 130.934 454.879 135.621L453.819 134.56L361.541 226.838L363.662 228.959L455.94 136.681L454.879 135.621C459.566 140.307 467.163 140.307 471.85 135.621L503.67 103.801C508.356 99.1146 508.356 91.5167 503.67 86.8304Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M567.564 182.454C565.027 176.331 558.008 173.423 551.885 175.96L510.31 193.18C504.187 195.717 501.28 202.736 503.816 208.859L503.242 207.473L382.676 257.414L383.824 260.185L504.39 210.245L503.816 208.859C506.352 214.982 513.372 217.89 519.495 215.354L561.069 198.133C567.192 195.597 570.1 188.577 567.564 182.454Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M590 295.25C590 288.623 584.627 283.25 578 283.25H533C526.373 283.25 521 288.623 521 295.25V293.75H390.5V296.75H521V295.25C521 301.877 526.373 307.25 533 307.25H578C584.627 307.25 590 301.877 590 295.25Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M567.564 408.046C570.1 401.923 567.192 394.903 561.069 392.367L519.495 375.146C513.372 372.61 506.352 375.518 503.816 381.641L504.39 380.255L383.824 330.315L382.676 333.086L503.242 383.027L503.816 381.641C501.28 387.764 504.188 394.783 510.31 397.32L551.885 414.54C558.008 417.077 565.028 414.169 567.564 408.046Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M503.67 503.67C508.356 498.984 508.356 491.385 503.67 486.699L471.85 454.879C467.164 450.193 459.566 450.193 454.88 454.879L455.94 453.819L363.663 361.541L361.542 363.663L453.819 455.94L454.88 454.879C450.193 459.566 450.193 467.164 454.88 471.85L486.699 503.67C491.386 508.356 498.984 508.356 503.67 503.67Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M408.046 567.563C414.169 565.027 417.077 558.008 414.54 551.885L397.32 510.31C394.783 504.187 387.764 501.28 381.641 503.816L383.027 503.242L333.086 382.675L330.315 383.823L380.255 504.39L381.641 503.816C375.518 506.352 372.61 513.372 375.147 519.495L392.367 561.069C394.903 567.192 401.923 570.1 408.046 567.563Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M295.25 590C301.877 590 307.25 584.627 307.25 578V533C307.25 526.373 301.877 521 295.25 521H296.75V390.5H293.75V521H295.25C288.623 521 283.25 526.373 283.25 533V578C283.25 584.627 288.623 590 295.25 590Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M182.454 567.563C188.577 570.1 195.597 567.192 198.133 561.069L215.354 519.495C217.89 513.372 214.982 506.352 208.859 503.816L210.245 504.39L260.185 383.823L257.414 382.675L207.474 503.242L208.859 503.816C202.736 501.28 195.717 504.187 193.181 510.31L175.96 551.885C173.424 558.008 176.331 565.027 182.454 567.563Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M86.8304 503.67C91.5167 508.356 99.1147 508.356 103.801 503.67L135.621 471.85C140.307 467.164 140.307 459.566 135.621 454.879L136.681 455.94L228.959 363.662L226.838 361.541L134.56 453.819L135.621 454.879C130.934 450.193 123.336 450.193 118.65 454.879L86.8304 486.699C82.1441 491.385 82.1441 498.983 86.8304 503.67Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M22.9364 408.046C25.4726 414.169 32.4922 417.077 38.6151 414.54L80.1897 397.32C86.3126 394.783 89.2203 387.764 86.6841 381.641L87.2581 383.027L207.824 333.086L206.676 330.315L86.11 380.255L86.6841 381.641C84.1478 375.518 77.1282 372.61 71.0053 375.146L29.4307 392.367C23.3078 394.903 20.4002 401.923 22.9364 408.046Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M0.5 295.25C0.5 301.877 5.87258 307.25 12.5 307.25H57.5C64.1274 307.25 69.5 301.877 69.5 295.25V296.75H200V293.75H69.5V295.25C69.5 288.623 64.1274 283.25 57.5 283.25H12.5C5.87258 283.25 0.5 288.623 0.5 295.25Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M22.9362 182.454C20.4 188.577 23.3076 195.597 29.4305 198.133L71.0051 215.354C77.1281 217.89 84.1477 214.982 86.6839 208.859L86.1099 210.245L206.676 260.185L207.824 257.414L87.2579 207.473L86.6839 208.859C89.2201 202.736 86.3125 195.717 80.1895 193.18L38.615 175.96C32.492 173.423 25.4724 176.331 22.9362 182.454Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M86.83 86.8302C82.1437 91.5165 82.1437 99.1145 86.83 103.801L118.65 135.621C123.336 140.307 130.934 140.307 135.62 135.621L134.56 136.681L226.837 228.959L228.958 226.837L136.681 134.56L135.62 135.621C140.307 130.934 140.307 123.336 135.62 118.65L103.801 86.8302C99.1143 82.1439 91.5163 82.1439 86.83 86.8302Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M182.454 22.9365C176.331 25.4727 173.423 32.4924 175.96 38.6153L193.18 80.1899C195.717 86.3128 202.736 89.2204 208.859 86.6842L207.473 87.2583L257.414 207.825L260.185 206.677L210.245 86.1102L208.859 86.6842C214.982 84.148 217.89 77.1284 215.353 71.0055L198.133 29.4309C195.597 23.308 188.577 20.4003 182.454 22.9365Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M295.25 0.5C288.623 0.5 283.25 5.87258 283.25 12.5V57.5C283.25 64.1274 288.623 69.5 295.25 69.5H293.75V200H296.75V69.5H295.25C301.877 69.5 307.25 64.1274 307.25 57.5V12.5C307.25 5.87258 301.877 0.5 295.25 0.5Z",
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      fillOpacity: "0.8"
-    }));
-  });
+import createComponent, { Root, sstyled } from '@semcore/core';
+import { Skeleton } from '../Skeleton';
+/*__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_yshn9_gg_{height:200px;width:100%;background-image:var(--bgPattern_yshn9)}.___SChartSkeleton_yshn9_gg_.__bgPosition_yshn9_gg_{background-position:var(--bgPosition_yshn9)}.___SChartSkeleton_yshn9_gg_.__bgSize_yshn9_gg_{background-size:var(--bgSize_yshn9)}.___SChartSkeleton_yshn9_gg_.__bgRepeat_yshn9_gg_{background-repeat:var(--bgRepeat_yshn9)}" /*__inner_css_end__*/, "yshn9_gg_") /*__reshadow_css_end__*/, {
+  "__SChartSkeleton": "___SChartSkeleton_yshn9_gg_",
+  "--bgPattern": "--bgPattern_yshn9",
+  "_bgPosition": "__bgPosition_yshn9_gg_",
+  "--bgPosition": "--bgPosition_yshn9",
+  "_bgSize": "__bgSize_yshn9_gg_",
+  "--bgSize": "--bgSize_yshn9",
+  "_bgRepeat": "__bgRepeat_yshn9_gg_",
+  "--bgRepeat": "--bgRepeat_yshn9"
+}); // @ts-ignore
+var radialSvg = "PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNTggMjAwQzE1OCAxOTMuMzczIDE2My4zNzMgMTg4IDE3MCAxODhIMjMwQzIzNi42MjcgMTg4IDI0MiAxOTMuMzczIDI0MiAyMDBDMjQyIDIwNi42MjcgMjM2LjYyNyAyMTIgMjMwIDIxMkgxNzBDMTYzLjM3MyAyMTIgMTU4IDIwNi42MjcgMTU4IDIwMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0yNzQuNjk3IDE3Ljk1NzZDMjcwLjYxNSAxNi4yNjY4IDI2NS45MzUgMTguMjA1MyAyNjQuMjQ1IDIyLjI4NzJMMjUyLjc2NCA1MC4wMDM2QzI1MS4wNzMgNTQuMDg1NiAyNTMuMDEyIDU4Ljc2NTMgMjU3LjA5NCA2MC40NTYxTDI1Ni4xNyA2MC4wNzM0TDIyMi44NzYgMTQwLjQ1MUwyMjQuNzI0IDE0MS4yMTZMMjU4LjAxOCA2MC44Mzg4TDI1Ny4wOTQgNjAuNDU2MUMyNjEuMTc2IDYyLjE0NjkgMjY1Ljg1NSA2MC4yMDg1IDI2Ny41NDYgNTYuMTI2NUwyNzkuMDI3IDI4LjQxMDJDMjgwLjcxOCAyNC4zMjgyIDI3OC43NzkgMTkuNjQ4NCAyNzQuNjk3IDE3Ljk1NzZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzM4LjQ0NiA2MC41NTM2QzMzNS4zMjIgNTcuNDI5NCAzMzAuMjU3IDU3LjQyOTQgMzI3LjEzMyA2MC41NTM2TDMwNS45MTkgODEuNzY2OEMzMDIuNzk1IDg0Ljg5MSAzMDIuNzk1IDg5Ljk1NjMgMzA1LjkxOSA5My4wODA1TDMwNS4yMTIgOTIuMzczNEwyNDMuNjk0IDE1My44OTJMMjQ1LjEwOCAxNTUuMzA2TDMwNi42MjcgOTMuNzg3NkwzMDUuOTE5IDkzLjA4MDVDMzA5LjA0NCA5Ni4yMDQ3IDMxNC4xMDkgOTYuMjA0NyAzMTcuMjMzIDkzLjA4MDVMMzM4LjQ0NiA3MS44NjczQzM0MS41NzEgNjguNzQzMSAzNDEuNTcxIDYzLjY3NzggMzM4LjQ0NiA2MC41NTM2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM4MS4wNDIgMTI0LjMwM0MzNzkuMzUyIDEyMC4yMjEgMzc0LjY3MiAxMTguMjgyIDM3MC41OSAxMTkuOTczTDM0Mi44NzQgMTMxLjQ1NEMzMzguNzkyIDEzMy4xNDQgMzM2Ljg1MyAxMzcuODI0IDMzOC41NDQgMTQxLjkwNkwzMzguMTYxIDE0MC45ODJMMjU3Ljc4NCAxNzQuMjc2TDI1OC41NDkgMTc2LjEyM0wzMzguOTI3IDE0Mi44M0wzMzguNTQ0IDE0MS45MDZDMzQwLjIzNSAxNDUuOTg4IDM0NC45MTQgMTQ3LjkyNiAzNDguOTk2IDE0Ni4yMzZMMzc2LjcxMyAxMzQuNzU1QzM4MC43OTUgMTMzLjA2NCAzODIuNzMzIDEyOC4zODUgMzgxLjA0MiAxMjQuMzAzWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM5NiAxOTkuNUMzOTYgMTk1LjA4MiAzOTIuNDE4IDE5MS41IDM4OCAxOTEuNUgzNThDMzUzLjU4MiAxOTEuNSAzNTAgMTk1LjA4MiAzNTAgMTk5LjVWMTk4LjVIMjYzVjIwMC41SDM1MFYxOTkuNUMzNTAgMjAzLjkxOCAzNTMuNTgyIDIwNy41IDM1OCAyMDcuNUgzODhDMzkyLjQxOCAyMDcuNSAzOTYgMjAzLjkxOCAzOTYgMTk5LjVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzgxLjA0MyAyNzQuNjk3QzM4Mi43MzMgMjcwLjYxNSAzODAuNzk1IDI2NS45MzYgMzc2LjcxMyAyNjQuMjQ1TDM0OC45OTcgMjUyLjc2NEMzNDQuOTE1IDI1MS4wNzQgMzQwLjIzNSAyNTMuMDEyIDMzOC41NDQgMjU3LjA5NEwzMzguOTI3IDI1Ni4xN0wyNTguNTQ5IDIyMi44NzdMMjU3Ljc4NCAyMjQuNzI0TDMzOC4xNjEgMjU4LjAxOEwzMzguNTQ0IDI1Ny4wOTRDMzM2Ljg1MyAyNjEuMTc2IDMzOC43OTIgMjY1Ljg1NiAzNDIuODc0IDI2Ny41NDZMMzcwLjU5IDI3OS4wMjdDMzc0LjY3MiAyODAuNzE4IDM3OS4zNTIgMjc4Ljc3OSAzODEuMDQzIDI3NC42OTdaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzM4LjQ0NyAzMzguNDQ3QzM0MS41NzEgMzM1LjMyMiAzNDEuNTcxIDMzMC4yNTcgMzM4LjQ0NyAzMjcuMTMzTDMxNy4yMzMgMzA1LjkyQzMxNC4xMDkgMzAyLjc5NSAzMDkuMDQ0IDMwMi43OTUgMzA1LjkyIDMwNS45MkwzMDYuNjI3IDMwNS4yMTNMMjQ1LjEwOSAyNDMuNjk0TDI0My42OTQgMjQ1LjEwOEwzMDUuMjEzIDMwNi42MjdMMzA1LjkyIDMwNS45MkMzMDIuNzk2IDMwOS4wNDQgMzAyLjc5NiAzMTQuMTA5IDMwNS45MiAzMTcuMjMzTDMyNy4xMzMgMzM4LjQ0N0MzMzAuMjU3IDM0MS41NzEgMzM1LjMyMiAzNDEuNTcxIDMzOC40NDcgMzM4LjQ0N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0yNzQuNjk3IDM4MS4wNDJDMjc4Ljc3OSAzNzkuMzUyIDI4MC43MTggMzc0LjY3MiAyNzkuMDI3IDM3MC41OUwyNjcuNTQ2IDM0Mi44NzNDMjY1Ljg1NiAzMzguNzkxIDI2MS4xNzYgMzM2Ljg1MyAyNTcuMDk0IDMzOC41NDRMMjU4LjAxOCAzMzguMTYxTDIyNC43MjQgMjU3Ljc4NEwyMjIuODc3IDI1OC41NDlMMjU2LjE3IDMzOC45MjdMMjU3LjA5NCAzMzguNTQ0QzI1My4wMTIgMzQwLjIzNSAyNTEuMDc0IDM0NC45MTQgMjUyLjc2NCAzNDguOTk2TDI2NC4yNDUgMzc2LjcxM0MyNjUuOTM2IDM4MC43OTUgMjcwLjYxNSAzODIuNzMzIDI3NC42OTcgMzgxLjA0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xOTkuNSAzOTZDMjAzLjkxOCAzOTYgMjA3LjUgMzkyLjQxOCAyMDcuNSAzODhWMzU4QzIwNy41IDM1My41ODIgMjAzLjkxOCAzNTAgMTk5LjUgMzUwSDIwMC41VjI2M0gxOTguNVYzNTBIMTk5LjVDMTk1LjA4MiAzNTAgMTkxLjUgMzUzLjU4MiAxOTEuNSAzNThWMzg4QzE5MS41IDM5Mi40MTggMTk1LjA4MiAzOTYgMTk5LjUgMzk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTEyNC4zMDMgMzgxLjA0MkMxMjguMzg1IDM4Mi43MzMgMTMzLjA2NSAzODAuNzk1IDEzNC43NTUgMzc2LjcxM0wxNDYuMjM2IDM0OC45OTZDMTQ3LjkyNyAzNDQuOTE0IDE0NS45ODggMzQwLjIzNSAxNDEuOTA2IDMzOC41NDRMMTQyLjgzIDMzOC45MjdMMTc2LjEyNCAyNTguNTQ5TDE3NC4yNzYgMjU3Ljc4NEwxNDAuOTgyIDMzOC4xNjFMMTQxLjkwNiAzMzguNTQ0QzEzNy44MjQgMzM2Ljg1MyAxMzMuMTQ1IDMzOC43OTEgMTMxLjQ1NCAzNDIuODczTDExOS45NzMgMzcwLjU5QzExOC4yODIgMzc0LjY3MiAxMjAuMjIxIDM3OS4zNTIgMTI0LjMwMyAzODEuMDQyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTYwLjU1MzYgMzM4LjQ0NkM2My42Nzc4IDM0MS41NzEgNjguNzQzMSAzNDEuNTcxIDcxLjg2NzMgMzM4LjQ0Nkw5My4wODA1IDMxNy4yMzNDOTYuMjA0NyAzMTQuMTA5IDk2LjIwNDcgMzA5LjA0NCA5My4wODA1IDMwNS45MTlMOTMuNzg3NiAzMDYuNjI3TDE1NS4zMDYgMjQ1LjEwOEwxNTMuODkyIDI0My42OTRMOTIuMzczNCAzMDUuMjEyTDkzLjA4MDUgMzA1LjkxOUM4OS45NTYzIDMwMi43OTUgODQuODkxIDMwMi43OTUgODEuNzY2OCAzMDUuOTE5TDYwLjU1MzYgMzI3LjEzM0M1Ny40Mjk0IDMzMC4yNTcgNTcuNDI5NCAzMzUuMzIyIDYwLjU1MzYgMzM4LjQ0NloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xNy45NTc2IDI3NC42OTdDMTkuNjQ4NCAyNzguNzc5IDI0LjMyODEgMjgwLjcxOCAyOC40MTAxIDI3OS4wMjdMNTYuMTI2NSAyNjcuNTQ2QzYwLjIwODQgMjY1Ljg1NiA2Mi4xNDY4IDI2MS4xNzYgNjAuNDU2IDI1Ny4wOTRMNjAuODM4NyAyNTguMDE4TDE0MS4yMTYgMjI0LjcyNEwxNDAuNDUxIDIyMi44NzdMNjAuMDczMyAyNTYuMTdMNjAuNDU2IDI1Ny4wOTRDNTguNzY1MiAyNTMuMDEyIDU0LjA4NTUgMjUxLjA3NCA1MC4wMDM1IDI1Mi43NjRMMjIuMjg3MSAyNjQuMjQ1QzE4LjIwNTIgMjY1LjkzNiAxNi4yNjY4IDI3MC42MTUgMTcuOTU3NiAyNzQuNjk3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMgMTk5LjVDMyAyMDMuOTE4IDYuNTgxNzIgMjA3LjUgMTEgMjA3LjVINDFDNDUuNDE4MyAyMDcuNSA0OSAyMDMuOTE4IDQ5IDE5OS41VjIwMC41SDEzNlYxOTguNUg0OVYxOTkuNUM0OSAxOTUuMDgyIDQ1LjQxODMgMTkxLjUgNDEgMTkxLjVIMTFDNi41ODE3MiAxOTEuNSAzIDE5NS4wODIgMyAxOTkuNVoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xNy45NTc1IDEyNC4zMDNDMTYuMjY2NyAxMjguMzg1IDE4LjIwNTEgMTMzLjA2NCAyMi4yODcgMTM0Ljc1NUw1MC4wMDM0IDE0Ni4yMzZDNTQuMDg1NCAxNDcuOTI2IDU4Ljc2NTEgMTQ1Ljk4OCA2MC40NTU5IDE0MS45MDZMNjAuMDczMiAxNDIuODNMMTQwLjQ1MSAxNzYuMTIzTDE0MS4yMTYgMTc0LjI3Nkw2MC44Mzg2IDE0MC45ODJMNjAuNDU1OSAxNDEuOTA2QzYyLjE0NjcgMTM3LjgyNCA2MC4yMDgzIDEzMy4xNDQgNTYuMTI2NCAxMzEuNDU0TDI4LjQxIDExOS45NzNDMjQuMzI4IDExOC4yODIgMTkuNjQ4MyAxMjAuMjIxIDE3Ljk1NzUgMTI0LjMwM1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik02MC41NTMzIDYwLjU1MzVDNTcuNDI5MSA2My42Nzc3IDU3LjQyOTEgNjguNzQzIDYwLjU1MzMgNzEuODY3Mkw4MS43NjY1IDkzLjA4MDRDODQuODkwNyA5Ni4yMDQ2IDg5Ljk1NjEgOTYuMjA0NiA5My4wODAzIDkzLjA4MDRMOTIuMzczMSA5My43ODc1TDE1My44OTEgMTU1LjMwNkwxNTUuMzA2IDE1My44OTJMOTMuNzg3NCA5Mi4zNzMzTDkzLjA4MDMgOTMuMDgwNEM5Ni4yMDQ0IDg5Ljk1NjIgOTYuMjA0NCA4NC44OTA5IDkzLjA4MDMgODEuNzY2N0w3MS44NjcxIDYwLjU1MzVDNjguNzQyOSA1Ny40MjkzIDYzLjY3NzUgNTcuNDI5MyA2MC41NTMzIDYwLjU1MzVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTI0LjMwMyAxNy45NTc3QzEyMC4yMjEgMTkuNjQ4NSAxMTguMjgyIDI0LjMyODIgMTE5Ljk3MyAyOC40MTAyTDEzMS40NTQgNTYuMTI2NkMxMzMuMTQ0IDYwLjIwODUgMTM3LjgyNCA2Mi4xNDcgMTQxLjkwNiA2MC40NTYyTDE0MC45ODIgNjAuODM4OEwxNzQuMjc2IDE0MS4yMTZMMTc2LjEyMyAxNDAuNDUxTDE0Mi44MyA2MC4wNzM1TDE0MS45MDYgNjAuNDU2MkMxNDUuOTg4IDU4Ljc2NTQgMTQ3LjkyNiA1NC4wODU2IDE0Ni4yMzYgNTAuMDAzN0wxMzQuNzU1IDIyLjI4NzNDMTMzLjA2NCAxOC4yMDUzIDEyOC4zODUgMTYuMjY2OSAxMjQuMzAzIDE3Ljk1NzdaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTk5LjUgM0MxOTUuMDgyIDMgMTkxLjUgNi41ODE3MiAxOTEuNSAxMVY0MUMxOTEuNSA0NS40MTgzIDE5NS4wODIgNDkgMTk5LjUgNDlIMTk4LjVWMTM2SDIwMC41VjQ5SDE5OS41QzIwMy45MTggNDkgMjA3LjUgNDUuNDE4MyAyMDcuNSA0MVYxMUMyMDcuNSA2LjU4MTcyIDIwMy45MTggMyAxOTkuNSAzWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
+var RadialTreeChartSkeleton = function RadialTreeChartSkeleton() {
+  var _ref = arguments[0],
+    _ref2;
+  var SChartSkeleton = Skeleton;
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, _assignProps({
+    "bgRepeat": 'no-repeat',
+    "bgPosition": 'center',
+    "bgSize": 'contain',
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(radialSvg, ")")
+  }, _ref))));
 };
-export default RadialTreeChartSkeleton;
+export default createComponent(RadialTreeChartSkeleton);
 //# sourceMappingURL=RadialTree.js.map

package/lib/es6/Charts/RadialTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadialTree.js","names":["React","Skeleton","RadialTreeChartSkeleton","props","createElement","_extends","visible","viewBox","preserveAspectRatio","_ref","gradientUrl","d","fill","fillRule","fillOpacity"],"sources":["../../../src/Charts/RadialTree.tsx"],"sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\nimport { ISkeletonProps } from '../index';\n\nconst RadialTreeChartSkeleton: React.FC<ISkeletonProps> = (props) => (\n  <Skeleton visible viewBox='0 0 590 590' preserveAspectRatio='xMidYMid meet' {...props}>\n    {({ gradientUrl }: any) => (\n      <g>\n        <path\n          d='M233 296C233 286.059 241.059 278 251 278H341C350.941 278 359 286.059 359 296C359 305.941 350.941 314 341 314H251C241.059 314 233 305.941 233 296Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M408.046 22.9365C401.923 20.4003 394.903 23.3079 392.367 29.4308L375.146 71.0054C372.61 77.1283 375.518 84.148 381.641 86.6842L380.255 86.1101L330.315 206.676L333.086 207.824L383.026 87.2582L381.641 86.6842C387.764 89.2204 394.783 86.3127 397.319 80.1898L414.54 38.6152C417.076 32.4923 414.169 25.4727 408.046 22.9365Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M503.67 86.8304C498.983 82.1441 491.385 82.1441 486.699 86.8304L454.879 118.65C450.193 123.336 450.193 130.934 454.879 135.621L453.819 134.56L361.541 226.838L363.662 228.959L455.94 136.681L454.879 135.621C459.566 140.307 467.163 140.307 471.85 135.621L503.67 103.801C508.356 99.1146 508.356 91.5167 503.67 86.8304Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M567.564 182.454C565.027 176.331 558.008 173.423 551.885 175.96L510.31 193.18C504.187 195.717 501.28 202.736 503.816 208.859L503.242 207.473L382.676 257.414L383.824 260.185L504.39 210.245L503.816 208.859C506.352 214.982 513.372 217.89 519.495 215.354L561.069 198.133C567.192 195.597 570.1 188.577 567.564 182.454Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M590 295.25C590 288.623 584.627 283.25 578 283.25H533C526.373 283.25 521 288.623 521 295.25V293.75H390.5V296.75H521V295.25C521 301.877 526.373 307.25 533 307.25H578C584.627 307.25 590 301.877 590 295.25Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M567.564 408.046C570.1 401.923 567.192 394.903 561.069 392.367L519.495 375.146C513.372 372.61 506.352 375.518 503.816 381.641L504.39 380.255L383.824 330.315L382.676 333.086L503.242 383.027L503.816 381.641C501.28 387.764 504.188 394.783 510.31 397.32L551.885 414.54C558.008 417.077 565.028 414.169 567.564 408.046Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M503.67 503.67C508.356 498.984 508.356 491.385 503.67 486.699L471.85 454.879C467.164 450.193 459.566 450.193 454.88 454.879L455.94 453.819L363.663 361.541L361.542 363.663L453.819 455.94L454.88 454.879C450.193 459.566 450.193 467.164 454.88 471.85L486.699 503.67C491.386 508.356 498.984 508.356 503.67 503.67Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M408.046 567.563C414.169 565.027 417.077 558.008 414.54 551.885L397.32 510.31C394.783 504.187 387.764 501.28 381.641 503.816L383.027 503.242L333.086 382.675L330.315 383.823L380.255 504.39L381.641 503.816C375.518 506.352 372.61 513.372 375.147 519.495L392.367 561.069C394.903 567.192 401.923 570.1 408.046 567.563Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M295.25 590C301.877 590 307.25 584.627 307.25 578V533C307.25 526.373 301.877 521 295.25 521H296.75V390.5H293.75V521H295.25C288.623 521 283.25 526.373 283.25 533V578C283.25 584.627 288.623 590 295.25 590Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M182.454 567.563C188.577 570.1 195.597 567.192 198.133 561.069L215.354 519.495C217.89 513.372 214.982 506.352 208.859 503.816L210.245 504.39L260.185 383.823L257.414 382.675L207.474 503.242L208.859 503.816C202.736 501.28 195.717 504.187 193.181 510.31L175.96 551.885C173.424 558.008 176.331 565.027 182.454 567.563Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M86.8304 503.67C91.5167 508.356 99.1147 508.356 103.801 503.67L135.621 471.85C140.307 467.164 140.307 459.566 135.621 454.879L136.681 455.94L228.959 363.662L226.838 361.541L134.56 453.819L135.621 454.879C130.934 450.193 123.336 450.193 118.65 454.879L86.8304 486.699C82.1441 491.385 82.1441 498.983 86.8304 503.67Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M22.9364 408.046C25.4726 414.169 32.4922 417.077 38.6151 414.54L80.1897 397.32C86.3126 394.783 89.2203 387.764 86.6841 381.641L87.2581 383.027L207.824 333.086L206.676 330.315L86.11 380.255L86.6841 381.641C84.1478 375.518 77.1282 372.61 71.0053 375.146L29.4307 392.367C23.3078 394.903 20.4002 401.923 22.9364 408.046Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M0.5 295.25C0.5 301.877 5.87258 307.25 12.5 307.25H57.5C64.1274 307.25 69.5 301.877 69.5 295.25V296.75H200V293.75H69.5V295.25C69.5 288.623 64.1274 283.25 57.5 283.25H12.5C5.87258 283.25 0.5 288.623 0.5 295.25Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M22.9362 182.454C20.4 188.577 23.3076 195.597 29.4305 198.133L71.0051 215.354C77.1281 217.89 84.1477 214.982 86.6839 208.859L86.1099 210.245L206.676 260.185L207.824 257.414L87.2579 207.473L86.6839 208.859C89.2201 202.736 86.3125 195.717 80.1895 193.18L38.615 175.96C32.492 173.423 25.4724 176.331 22.9362 182.454Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M86.83 86.8302C82.1437 91.5165 82.1437 99.1145 86.83 103.801L118.65 135.621C123.336 140.307 130.934 140.307 135.62 135.621L134.56 136.681L226.837 228.959L228.958 226.837L136.681 134.56L135.62 135.621C140.307 130.934 140.307 123.336 135.62 118.65L103.801 86.8302C99.1143 82.1439 91.5163 82.1439 86.83 86.8302Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M182.454 22.9365C176.331 25.4727 173.423 32.4924 175.96 38.6153L193.18 80.1899C195.717 86.3128 202.736 89.2204 208.859 86.6842L207.473 87.2583L257.414 207.825L260.185 206.677L210.245 86.1102L208.859 86.6842C214.982 84.148 217.89 77.1284 215.353 71.0055L198.133 29.4309C195.597 23.308 188.577 20.4003 182.454 22.9365Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n        <path\n          d='M295.25 0.5C288.623 0.5 283.25 5.87258 283.25 12.5V57.5C283.25 64.1274 288.623 69.5 295.25 69.5H293.75V200H296.75V69.5H295.25C301.877 69.5 307.25 64.1274 307.25 57.5V12.5C307.25 5.87258 301.877 0.5 295.25 0.5Z'\n          fill={gradientUrl}\n          fillRule='nonzero'\n          fillOpacity='0.8'\n        />\n      </g>\n    )}\n  </Skeleton>\n);\n\nexport default RadialTreeChartSkeleton;\n"],"mappings":"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"}
+{"version":3,"file":"RadialTree.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","radialSvg","RadialTreeChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/RadialTree.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, sstyled } from '@semcore/core';\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\nconst 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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAGvC;AACA,IAAMC,SAAS,izOAEd;AAED,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOT,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAc,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,WAAW;IAAA,cACT,QAAQ;IAAA,UACZ,SAAS;IAAA,8CAAAC,MAAA,CAC4BV,SAAS;EAAA,GAAAE,IAAA,IACrD;AAEN,CAAC;AAED,eAAeT,eAAe,CAACQ,uBAAuB,CAAC"}

package/lib/es6/Charts/ScatterPlot.js

@@ -1,43 +1,31 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
-import Skeleton from '../Skeleton';
-var ScatterPlotChartSkeleton = function ScatterPlotChartSkeleton(props) {
-  return /*#__PURE__*/React.createElement(Skeleton, _extends({
-    visible: true,
-    viewBox: "0 0 680 200",
-    preserveAspectRatio: "xMidYMid meet"
-  }, props), function (_ref) {
-    var gradientUrl = _ref.gradientUrl;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      d: "M162 140C167.523 140 172 135.523 172 130C172 124.477 167.523 120 162 120C156.477 120 152 124.477 152 130C152 135.523 156.477 140 162 140Z"
-    }), /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      d: "M281 102C286.523 102 291 97.5228 291 92C291 86.4772 286.523 82 281 82C275.477 82 271 86.4772 271 92C271 97.5228 275.477 102 281 102Z"
-    }), /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      d: "M340 126C345.523 126 350 121.523 350 116C350 110.477 345.523 106 340 106C334.477 106 330 110.477 330 116C330 121.523 334.477 126 340 126Z"
-    }), /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      d: "M518 50C523.523 50 528 45.5228 528 40C528 34.4772 523.523 30 518 30C512.477 30 508 34.4772 508 40C508 45.5228 512.477 50 518 50Z"
-    }), /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      d: "M222 84C227.523 84 232 79.5228 232 74C232 68.4772 227.523 64 222 64C216.477 64 212 68.4772 212 74C212 79.5228 216.477 84 222 84Z"
-    }), /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      d: "M399 92C404.523 92 409 87.5228 409 82C409 76.4772 404.523 72 399 72C393.477 72 389 76.4772 389 82C389 87.5228 393.477 92 399 92Z"
-    }), /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      d: "M458 100C463.523 100 468 95.5228 468 90C468 84.4772 463.523 80 458 80C452.477 80 448 84.4772 448 90C448 95.5228 452.477 100 458 100Z"
-    })));
-  });
+import createComponent, { Root, sstyled } from '@semcore/core';
+import { Skeleton } from '../Skeleton';
+/*__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_yshn9_gg_{height:200px;width:100%;background-image:var(--bgPattern_yshn9)}.___SChartSkeleton_yshn9_gg_.__bgPosition_yshn9_gg_{background-position:var(--bgPosition_yshn9)}.___SChartSkeleton_yshn9_gg_.__bgSize_yshn9_gg_{background-size:var(--bgSize_yshn9)}.___SChartSkeleton_yshn9_gg_.__bgRepeat_yshn9_gg_{background-repeat:var(--bgRepeat_yshn9)}" /*__inner_css_end__*/, "yshn9_gg_") /*__reshadow_css_end__*/, {
+  "__SChartSkeleton": "___SChartSkeleton_yshn9_gg_",
+  "--bgPattern": "--bgPattern_yshn9",
+  "_bgPosition": "__bgPosition_yshn9_gg_",
+  "--bgPosition": "--bgPosition_yshn9",
+  "_bgSize": "__bgSize_yshn9_gg_",
+  "--bgSize": "--bgSize_yshn9",
+  "_bgRepeat": "__bgRepeat_yshn9_gg_",
+  "--bgRepeat": "--bgRepeat_yshn9"
+});
+var scatterSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjExMCIgdmlld0JveD0iMCAwIDM3NiAxMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDMyOF8xNDY5NzkpIj4KPHBhdGggZD0iTTEwIDExMEMxNS41MjI4IDExMCAyMCAxMDUuNTIzIDIwIDEwMEMyMCA5NC40NzcyIDE1LjUyMjggOTAgMTAgOTBDNC40NzcxNSA5MCAwIDk0LjQ3NzIgMCAxMDBDMCAxMDUuNTIzIDQuNDc3MTUgMTEwIDEwIDExMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgNzJDMTM0LjUyMyA3MiAxMzkgNjcuNTIyOCAxMzkgNjJDMTM5IDU2LjQ3NzIgMTM0LjUyMyA1MiAxMjkgNTJDMTIzLjQ3NyA1MiAxMTkgNTYuNDc3MiAxMTkgNjJDMTE5IDY3LjUyMjggMTIzLjQ3NyA3MiAxMjkgNzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTg4IDk2QzE5My41MjMgOTYgMTk4IDkxLjUyMjggMTk4IDg2QzE5OCA4MC40NzcyIDE5My41MjMgNzYgMTg4IDc2QzE4Mi40NzcgNzYgMTc4IDgwLjQ3NzIgMTc4IDg2QzE3OCA5MS41MjI4IDE4Mi40NzcgOTYgMTg4IDk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM2NiAyMEMzNzEuNTIzIDIwIDM3NiAxNS41MjI4IDM3NiAxMEMzNzYgNC40NzcxNSAzNzEuNTIzIDAgMzY2IDBDMzYwLjQ3NyAwIDM1NiA0LjQ3NzE1IDM1NiAxMEMzNTYgMTUuNTIyOCAzNjAuNDc3IDIwIDM2NiAyMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik03MCA1NEM3NS41MjI4IDU0IDgwIDQ5LjUyMjggODAgNDRDODAgMzguNDc3MiA3NS41MjI4IDM0IDcwIDM0QzY0LjQ3NzIgMzQgNjAgMzguNDc3MiA2MCA0NEM2MCA0OS41MjI4IDY0LjQ3NzIgNTQgNzAgNTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMjQ3IDYyQzI1Mi41MjMgNjIgMjU3IDU3LjUyMjggMjU3IDUyQzI1NyA0Ni40NzcyIDI1Mi41MjMgNDIgMjQ3IDQyQzI0MS40NzcgNDIgMjM3IDQ2LjQ3NzIgMjM3IDUyQzIzNyA1Ny41MjI4IDI0MS40NzcgNjIgMjQ3IDYyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMwNiA3MEMzMTEuNTIzIDcwIDMxNiA2NS41MjI4IDMxNiA2MEMzMTYgNTQuNDc3MiAzMTEuNTIzIDUwIDMwNiA1MEMzMDAuNDc3IDUwIDI5NiA1NC40NzcyIDI5NiA2MEMyOTYgNjUuNTIyOCAzMDAuNDc3IDcwIDMwNiA3MFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTAzMjhfMTQ2OTc5Ij4KPHJlY3Qgd2lkdGg9IjM3NiIgaGVpZ2h0PSIxMTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
+var ScatterPlotChartSkeleton = function ScatterPlotChartSkeleton() {
+  var _ref = arguments[0],
+    _ref2;
+  var SChartSkeleton = Skeleton;
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, _assignProps({
+    "bgRepeat": 'repeat-x',
+    "bgPosition": 'left center',
+    "bgSize": 'auto 50%',
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(scatterSvg, ")")
+  }, _ref))));
 };
-export default ScatterPlotChartSkeleton;
+export default createComponent(ScatterPlotChartSkeleton);
 //# sourceMappingURL=ScatterPlot.js.map

package/lib/es6/Charts/ScatterPlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlot.js","names":["React","Skeleton","ScatterPlotChartSkeleton","props","createElement","_extends","visible","viewBox","preserveAspectRatio","_ref","gradientUrl","Fragment","fill","fillRule","d"],"sources":["../../../src/Charts/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst ScatterPlotChartSkeleton = (props) => (\n  <Skeleton visible viewBox='0 0 680 200' preserveAspectRatio='xMidYMid meet' {...props}>\n    {({ gradientUrl }) => (\n      <>\n        <g>\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M162 140C167.523 140 172 135.523 172 130C172 124.477 167.523 120 162 120C156.477 120 152 124.477 152 130C152 135.523 156.477 140 162 140Z'\n          />\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M281 102C286.523 102 291 97.5228 291 92C291 86.4772 286.523 82 281 82C275.477 82 271 86.4772 271 92C271 97.5228 275.477 102 281 102Z'\n          />\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M340 126C345.523 126 350 121.523 350 116C350 110.477 345.523 106 340 106C334.477 106 330 110.477 330 116C330 121.523 334.477 126 340 126Z'\n          />\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M518 50C523.523 50 528 45.5228 528 40C528 34.4772 523.523 30 518 30C512.477 30 508 34.4772 508 40C508 45.5228 512.477 50 518 50Z'\n          />\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M222 84C227.523 84 232 79.5228 232 74C232 68.4772 227.523 64 222 64C216.477 64 212 68.4772 212 74C212 79.5228 216.477 84 222 84Z'\n          />\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M399 92C404.523 92 409 87.5228 409 82C409 76.4772 404.523 72 399 72C393.477 72 389 76.4772 389 82C389 87.5228 393.477 92 399 92Z'\n          />\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M458 100C463.523 100 468 95.5228 468 90C468 84.4772 463.523 80 458 80C452.477 80 448 84.4772 448 90C448 95.5228 452.477 100 458 100Z'\n          />\n        </g>\n      </>\n    )}\n  </Skeleton>\n);\n\nexport default ScatterPlotChartSkeleton;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,aAAa;AAElC,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,KAAK;EAAA,oBACrCH,KAAA,CAAAI,aAAA,CAACH,QAAQ,EAAAI,QAAA;IAACC,OAAO;IAACC,OAAO,EAAC,aAAa;IAACC,mBAAmB,EAAC;EAAe,GAAKL,KAAK,GAClF,UAAAM,IAAA;IAAA,IAAGC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAA,oBACbV,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAW,QAAA,qBACEX,KAAA,CAAAI,aAAA,yBACEJ,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAA2I,EAC7I,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAAsI,EACxI,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAA2I,EAC7I,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAAkI,EACpI,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAAkI,EACpI,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAAkI,EACpI,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAAsI,EACxI,CACA,CACH;EAAA,CACJ,CACQ;AAAA,CACZ;AAED,eAAeZ,wBAAwB"}
+{"version":3,"file":"ScatterPlot.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","scatterSvg","ScatterPlotChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, sstyled } from '@semcore/core';\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\nconst 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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,UAAU,66DAEf;AAED,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACrC,IAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOT,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAc,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BV,UAAU;EAAA,GAAAE,IAAA,IACtD;AAEN,CAAC;AAED,eAAeT,eAAe,CAACQ,wBAAwB,CAAC"}

package/lib/es6/Charts/Venn.js

@@ -1,25 +1,31 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
-import Skeleton from '../Skeleton';
-var VennChartSkeleton = function VennChartSkeleton(props) {
-  return /*#__PURE__*/React.createElement(Skeleton, _extends({
-    visible: true,
-    viewBox: "0 0 200 123",
-    preserveAspectRatio: "xMidYMid meet"
-  }, props), function (_ref) {
-    var gradientUrl = _ref.gradientUrl;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      id: "a",
-      d: "M100 13.968c-13.572 11.21-22.222 28.166-22.222 47.143s8.65 35.934 22.222 47.143c-10.566 8.726-24.115 13.968-38.889 13.968C27.361 122.222 0 94.862 0 61.112 0 27.36 27.36 0 61.111 0 75.885 0 89.434 5.242 100 13.968zm0 94.286c13.572-11.209 22.222-28.166 22.222-47.143S113.572 25.177 100 13.968C110.566 5.242 124.115 0 138.889 0 172.639 0 200 27.36 200 61.111c0 33.75-27.36 61.111-61.111 61.111-14.774 0-28.323-5.242-38.889-13.968z"
-    }), /*#__PURE__*/React.createElement("path", {
-      fill: "#E7E7E7",
-      stroke: "#FFF",
-      strokeWidth: "4",
-      d: "M100 13.968c13.572 11.21 22.222 28.166 22.222 47.143s-8.65 35.934-22.222 47.143C86.428 97.045 77.778 80.088 77.778 61.11S86.428 25.177 100 13.968z"
-    })));
-  });
+import createComponent, { Root, sstyled } from '@semcore/core';
+import { Skeleton } from '../Skeleton';
+/*__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_yshn9_gg_{height:200px;width:100%;background-image:var(--bgPattern_yshn9)}.___SChartSkeleton_yshn9_gg_.__bgPosition_yshn9_gg_{background-position:var(--bgPosition_yshn9)}.___SChartSkeleton_yshn9_gg_.__bgSize_yshn9_gg_{background-size:var(--bgSize_yshn9)}.___SChartSkeleton_yshn9_gg_.__bgRepeat_yshn9_gg_{background-repeat:var(--bgRepeat_yshn9)}" /*__inner_css_end__*/, "yshn9_gg_") /*__reshadow_css_end__*/, {
+  "__SChartSkeleton": "___SChartSkeleton_yshn9_gg_",
+  "--bgPattern": "--bgPattern_yshn9",
+  "_bgPosition": "__bgPosition_yshn9_gg_",
+  "--bgPosition": "--bgPosition_yshn9",
+  "_bgSize": "__bgSize_yshn9_gg_",
+  "--bgSize": "--bgSize_yshn9",
+  "_bgRepeat": "__bgRepeat_yshn9_gg_",
+  "--bgRepeat": "--bgRepeat_yshn9"
+});
+var vennSvg = "PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDIwMCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9dmVubiBjaGFydCwgcGljdHVyZSBkaXY9ZmFsc2UiPgo8ZyBpZD0ic2tlbGV0b24tdmVubiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMzI4XzE0Njk4OSkiPgo8cGF0aCBpZD0iU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzcuNzc3OCA5MEM3Ny43Nzc4IDcxLjA1NzQgODYuNDI3NyA1NC4xMzE1IDEwMCA0Mi45NDMxQzExMy41NzIgNTQuMTMxNSAxMjIuMjIyIDcxLjA1NzQgMTIyLjIyMiA5MEMxMjIuMjIyIDEwOC45NDMgMTEzLjU3MiAxMjUuODY5IDEwMCAxMzcuMDU3Qzg2LjQyNzcgMTI1Ljg2OSA3Ny43Nzc4IDEwOC45NDMgNzcuNzc3OCA5MFpNMTAwIDEzNy4wNTdDMTEwLjU2NiAxNDUuNzY3IDEyNC4xMTUgMTUxIDEzOC44ODkgMTUxQzE3Mi42NCAxNTEgMjAwIDEyMy42ODkgMjAwIDkwQzIwMCA1Ni4zMTA2IDE3Mi42NCAyOSAxMzguODg5IDI5QzEyNC4xMTUgMjkgMTEwLjU2NiAzNC4yMzI5IDEwMCA0Mi45NDMxQzg5LjQzNCAzNC4yMzI5IDc1Ljg4NDggMjkgNjEuMTExMSAyOUMyNy4zNjA0IDI5IDAgNTYuMzEwNiAwIDkwQzAgMTIzLjY4OSAyNy4zNjA0IDE1MSA2MS4xMTExIDE1MUM3NS44ODQ4IDE1MSA4OS40MzQgMTQ1Ljc2NyAxMDAgMTM3LjA1N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGlkPSJQYXRoIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwMCA0M0MxMTMuNDM3IDU0LjE3NDkgMTIyIDcxLjA4MDMgMTIyIDkwQzEyMiAxMDguOTIgMTEzLjQzNyAxMjUuODI1IDEwMCAxMzdDODYuNTYzNSAxMjUuODI1IDc4IDEwOC45MiA3OCA5MEM3OCA3MS4wODAzIDg2LjU2MzUgNTQuMTc0OSAxMDAgNDNWNDNaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDMyOF8xNDY5ODkiPgo8cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjkpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
+var VennChartSkeleton = function VennChartSkeleton() {
+  var _ref = arguments[0],
+    _ref2;
+  var SChartSkeleton = Skeleton;
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, _assignProps({
+    "bgRepeat": 'no-repeat',
+    "bgPosition": 'center',
+    "bgSize": 'contain',
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(vennSvg, ")")
+  }, _ref))));
 };
-export default VennChartSkeleton;
+export default createComponent(VennChartSkeleton);
 //# sourceMappingURL=Venn.js.map

package/lib/es6/Charts/Venn.js.map

@@ -1 +1 @@
-{"version":3,"file":"Venn.js","names":["React","Skeleton","VennChartSkeleton","props","createElement","_extends","visible","viewBox","preserveAspectRatio","_ref","gradientUrl","Fragment","fill","fillRule","id","d","stroke","strokeWidth"],"sources":["../../../src/Charts/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst VennChartSkeleton = (props) => (\n  <Skeleton visible viewBox='0 0 200 123' preserveAspectRatio='xMidYMid meet' {...props}>\n    {({ gradientUrl }) => (\n      <>\n        <g>\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            id='a'\n            d='M100 13.968c-13.572 11.21-22.222 28.166-22.222 47.143s8.65 35.934 22.222 47.143c-10.566 8.726-24.115 13.968-38.889 13.968C27.361 122.222 0 94.862 0 61.112 0 27.36 27.36 0 61.111 0 75.885 0 89.434 5.242 100 13.968zm0 94.286c13.572-11.209 22.222-28.166 22.222-47.143S113.572 25.177 100 13.968C110.566 5.242 124.115 0 138.889 0 172.639 0 200 27.36 200 61.111c0 33.75-27.36 61.111-61.111 61.111-14.774 0-28.323-5.242-38.889-13.968z'\n          />\n          <path\n            fill='#E7E7E7'\n            stroke='#FFF'\n            strokeWidth='4'\n            d='M100 13.968c13.572 11.21 22.222 28.166 22.222 47.143s-8.65 35.934-22.222 47.143C86.428 97.045 77.778 80.088 77.778 61.11S86.428 25.177 100 13.968z'\n          />\n        </g>\n      </>\n    )}\n  </Skeleton>\n);\n\nexport default VennChartSkeleton;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,aAAa;AAElC,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK;EAAA,oBAC9BH,KAAA,CAAAI,aAAA,CAACH,QAAQ,EAAAI,QAAA;IAACC,OAAO;IAACC,OAAO,EAAC,aAAa;IAACC,mBAAmB,EAAC;EAAe,GAAKL,KAAK,GAClF,UAAAM,IAAA;IAAA,IAAGC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAA,oBACbV,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAW,QAAA,qBACEX,KAAA,CAAAI,aAAA,yBACEJ,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,EAAE,EAAC,GAAG;MACNC,CAAC,EAAC;IAA6a,EAC/a,eACFf,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAC,SAAS;MACdI,MAAM,EAAC,MAAM;MACbC,WAAW,EAAC,GAAG;MACfF,CAAC,EAAC;IAAoJ,EACtJ,CACA,CACH;EAAA,CACJ,CACQ;AAAA,CACZ;AAED,eAAeb,iBAAiB"}
+{"version":3,"file":"Venn.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","vennSvg","VennChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, sstyled } from '@semcore/core';\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\nconst 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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,OAAO,inDAEZ;AAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOT,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAc,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,WAAW;IAAA,cACT,QAAQ;IAAA,UACZ,SAAS;IAAA,8CAAAC,MAAA,CAC4BV,OAAO;EAAA,GAAAE,IAAA,IACnD;AAEN,CAAC;AAED,eAAeT,eAAe,CAACQ,iBAAiB,CAAC"}

package/lib/es6/Charts/index.js

@@ -1,5 +1,5 @@
 export { default as HistogramChartSkeleton } from './Histogram';
-export { default as PieChartSkeleton } from './Pie';
+export { default as DonutChartSkeleton } from './Donut';
 export { default as BarChartSkeleton } from './Bar';
 export { default as AreaChartSkeleton } from './Area';
 export { default as LineChartSkeleton } from './Line';

package/lib/es6/Charts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HistogramChartSkeleton","PieChartSkeleton","BarChartSkeleton","AreaChartSkeleton","LineChartSkeleton","VennChartSkeleton","ScatterPlotChartSkeleton","BubbleChartSkeleton","RadialTreeChartSkeleton"],"sources":["../../../src/Charts/index.js"],"sourcesContent":["export { default as HistogramChartSkeleton } from './Histogram';\nexport { default as PieChartSkeleton } from './Pie';\nexport { default as BarChartSkeleton } from './Bar';\nexport { default as AreaChartSkeleton } from './Area';\nexport { default as LineChartSkeleton } from './Line';\nexport { default as VennChartSkeleton } from './Venn';\nexport { default as ScatterPlotChartSkeleton } from './ScatterPlot';\nexport { default as BubbleChartSkeleton } from './Bubble';\nexport { default as RadialTreeChartSkeleton } from './RadialTree';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAAsB,QAAQ,aAAa;AAC/D,SAASD,OAAO,IAAIE,gBAAgB,QAAQ,OAAO;AACnD,SAASF,OAAO,IAAIG,gBAAgB,QAAQ,OAAO;AACnD,SAASH,OAAO,IAAII,iBAAiB,QAAQ,QAAQ;AACrD,SAASJ,OAAO,IAAIK,iBAAiB,QAAQ,QAAQ;AACrD,SAASL,OAAO,IAAIM,iBAAiB,QAAQ,QAAQ;AACrD,SAASN,OAAO,IAAIO,wBAAwB,QAAQ,eAAe;AACnE,SAASP,OAAO,IAAIQ,mBAAmB,QAAQ,UAAU;AACzD,SAASR,OAAO,IAAIS,uBAAuB,QAAQ,cAAc"}
+{"version":3,"file":"index.js","names":["default","HistogramChartSkeleton","DonutChartSkeleton","BarChartSkeleton","AreaChartSkeleton","LineChartSkeleton","VennChartSkeleton","ScatterPlotChartSkeleton","BubbleChartSkeleton","RadialTreeChartSkeleton"],"sources":["../../../src/Charts/index.js"],"sourcesContent":["export { default as HistogramChartSkeleton } from './Histogram';\nexport { default as DonutChartSkeleton } from './Donut';\nexport { default as BarChartSkeleton } from './Bar';\nexport { default as AreaChartSkeleton } from './Area';\nexport { default as LineChartSkeleton } from './Line';\nexport { default as VennChartSkeleton } from './Venn';\nexport { default as ScatterPlotChartSkeleton } from './ScatterPlot';\nexport { default as BubbleChartSkeleton } from './Bubble';\nexport { default as RadialTreeChartSkeleton } from './RadialTree';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAAsB,QAAQ,aAAa;AAC/D,SAASD,OAAO,IAAIE,kBAAkB,QAAQ,SAAS;AACvD,SAASF,OAAO,IAAIG,gBAAgB,QAAQ,OAAO;AACnD,SAASH,OAAO,IAAII,iBAAiB,QAAQ,QAAQ;AACrD,SAASJ,OAAO,IAAIK,iBAAiB,QAAQ,QAAQ;AACrD,SAASL,OAAO,IAAIM,iBAAiB,QAAQ,QAAQ;AACrD,SAASN,OAAO,IAAIO,wBAAwB,QAAQ,eAAe;AACnE,SAASP,OAAO,IAAIQ,mBAAmB,QAAQ,UAAU;AACzD,SAASR,OAAO,IAAIS,uBAAuB,QAAQ,cAAc"}

package/lib/es6/Skeleton.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.js","names":[],"sources":["../../src/Skeleton.d.ts"],"sourcesContent":["declare const Skeleton: any;\nexport default Skeleton;\n"],"mappings":""}
+{"version":3,"file":"Skeleton.d.js","names":[],"sources":["../../src/Skeleton.d.ts"],"sourcesContent":["declare const Skeleton: any;\ndeclare const SkeletonSVG: any;\nexport { Skeleton };\nexport default SkeletonSVG;\n"],"mappings":""}

package/lib/es6/Skeleton.js

@@ -7,6 +7,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 var _excluded = ["amount", "y", "x", "styles", "forwardRef"];
 import React from 'react';
@@ -14,57 +15,90 @@ import createComponent, { Component, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 /*__reshadow-styles__:"./style/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1ypxm{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1ypxm_gg_{animation-name:pulse_1ypxm;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1ypxm);will-change:opacity}.___SSkeleton_1ypxm_gg_._theme_invert_1ypxm_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeleton_1ypxm_gg_._theme_dark_1ypxm_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1ypxm_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1ypxm_gg_{animation-name:none}}" /*__inner_css_end__*/, "1ypxm_gg_") /*__reshadow_css_end__*/, {
-  "__SSkeleton": "___SSkeleton_1ypxm_gg_",
-  "--durationAnim": "--durationAnim_1ypxm",
-  "@pulse": "pulse_1ypxm",
-  "_theme_invert": "_theme_invert_1ypxm_gg_",
-  "_theme_dark": "_theme_dark_1ypxm_gg_",
-  "__SText": "___SText_1ypxm_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_rlyrg{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_rlyrg_gg_{animation-name:pulse_rlyrg;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_rlyrg);will-change:opacity}.___SSkeletonSVG_rlyrg_gg_._theme_invert_rlyrg_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_rlyrg_gg_._theme_dark_rlyrg_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_rlyrg_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_rlyrg_gg_{animation-name:none}}" /*__inner_css_end__*/, "rlyrg_gg_") /*__reshadow_css_end__*/, {
+  "__SSkeleton": "___SSkeleton_rlyrg_gg_",
+  "--durationAnim": "--durationAnim_rlyrg",
+  "@pulse": "pulse_rlyrg",
+  "__SSkeletonSVG": "___SSkeletonSVG_rlyrg_gg_",
+  "_theme_invert": "_theme_invert_rlyrg_gg_",
+  "_theme_dark": "_theme_dark_rlyrg_gg_",
+  "__SText": "___SText_rlyrg_gg_"
 });
 var MAP_COLOR_THEME = {
   dark: 'rgba(255, 255, 255, 0.3)',
   invert: 'rgba(224, 225, 233, 0.8)'
 };
-var Skeleton = /*#__PURE__*/function (_Component) {
-  _inherits(Skeleton, _Component);
-  var _super = _createSuper(Skeleton);
-  function Skeleton() {
-    _classCallCheck(this, Skeleton);
+var SkeletonRoot = /*#__PURE__*/function (_Component) {
+  _inherits(SkeletonRoot, _Component);
+  var _super = _createSuper(SkeletonRoot);
+  function SkeletonRoot() {
+    _classCallCheck(this, SkeletonRoot);
     return _super.apply(this, arguments);
   }
-  _createClass(Skeleton, [{
-    key: "setContext",
-    value: function setContext() {
-      var theme = this.asProps.theme;
-      return {
-        gradientUrl: MAP_COLOR_THEME[theme]
-      };
-    }
-  }, {
+  _createClass(SkeletonRoot, [{
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref2;
+        _ref3;
       var SSkeleton = Box;
       var _this$asProps = this.asProps,
         Children = _this$asProps.Children,
         styles = _this$asProps.styles,
         duration = _this$asProps.duration,
         hidden = _this$asProps.hidden,
-        uid = _this$asProps.uid;
+        style = _this$asProps.style;
       if (hidden) return null;
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SSkeleton, _ref2.cn("SSkeleton", _objectSpread({}, _assignProps({
-        "tag": 'svg',
-        "preserveAspectRatio": 'none',
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SSkeleton, _ref3.cn("SSkeleton", _objectSpread({}, _assignProps({
         "durationAnim": "".concat(duration, "ms"),
         "aria-busy": 'true',
         "aria-atomic": 'true',
         "aria-hidden": 'true',
         "alt": ''
-      }, _ref))), /*#__PURE__*/React.createElement("defs", _ref2.cn("defs", {}), /*#__PURE__*/React.createElement("mask", _ref2.cn("mask", {
+      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {})));
+    }
+  }]);
+  return SkeletonRoot;
+}(Component);
+_defineProperty(SkeletonRoot, "displayName", 'Skeleton');
+_defineProperty(SkeletonRoot, "style", style);
+_defineProperty(SkeletonRoot, "defaultProps", {
+  width: '100%',
+  height: '100%',
+  duration: 2000
+});
+var SkeletonSVG = /*#__PURE__*/function (_Component2) {
+  _inherits(SkeletonSVG, _Component2);
+  var _super2 = _createSuper(SkeletonSVG);
+  function SkeletonSVG() {
+    _classCallCheck(this, SkeletonSVG);
+    return _super2.apply(this, arguments);
+  }
+  _createClass(SkeletonSVG, [{
+    key: "setContext",
+    value: function setContext() {
+      var theme = this.asProps.theme;
+      return {
+        gradientUrl: MAP_COLOR_THEME[theme]
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref2 = this.asProps,
+        _ref4;
+      var _this$asProps2 = this.asProps,
+        Children = _this$asProps2.Children,
+        styles = _this$asProps2.styles,
+        uid = _this$asProps2.uid,
+        theme = _this$asProps2.theme;
+      var SSkeletonSVG = Skeleton;
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SSkeletonSVG, _ref4.cn("SSkeletonSVG", _objectSpread({}, _assignProps2({
+        "tag": 'svg',
+        "preserveAspectRatio": 'none',
+        "theme": theme
+      }, _ref2))), /*#__PURE__*/React.createElement("defs", _ref4.cn("defs", {}), /*#__PURE__*/React.createElement("mask", _ref4.cn("mask", {
         "id": uid
-      }), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})))), /*#__PURE__*/React.createElement("rect", _ref2.cn("rect", {
+      }), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})))), /*#__PURE__*/React.createElement("rect", _ref4.cn("rect", {
         "x": '0',
         "y": '0',
         "width": '100%',
@@ -73,17 +107,14 @@ var Skeleton = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-  return Skeleton;
+  return SkeletonSVG;
 }(Component);
-_defineProperty(Skeleton, "displayName", 'Skeleton');
-_defineProperty(Skeleton, "style", style);
-_defineProperty(Skeleton, "defaultProps", {
-  width: '100%',
-  height: '100%',
-  theme: 'invert',
-  duration: 2000
+_defineProperty(SkeletonSVG, "displayName", 'SkeletonSVG');
+_defineProperty(SkeletonSVG, "enhance", [uniqueIDEnhancement()]);
+_defineProperty(SkeletonSVG, "style", style);
+_defineProperty(SkeletonSVG, "defaultProps", {
+  theme: 'invert'
 });
-_defineProperty(Skeleton, "enhance", [uniqueIDEnhancement()]);
 function Text(props) {
   var SText = Box;
   var amount = props.amount,
@@ -94,8 +125,8 @@ function Text(props) {
     other = _objectWithoutProperties(props, _excluded);
   var amountLine = Number(amount);
   var renderRect = function renderRect(props) {
-    var _ref3;
-    return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", _objectSpread({
+    var _ref5;
+    return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({
       "tag": 'rect',
       "rx": '4',
       "ry": '4',
@@ -117,7 +148,9 @@ Text.defaultProps = {
   amount: 1,
   width: '100%'
 };
-export default createComponent(Skeleton, {
+var Skeleton = createComponent(SkeletonRoot);
+export { Skeleton };
+export default createComponent(SkeletonSVG, {
   Text: Text
 });
 //# sourceMappingURL=Skeleton.js.map

package/lib/es6/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","style","_sstyled","insert","MAP_COLOR_THEME","dark","invert","Skeleton","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","setContext","theme","asProps","gradientUrl","render","_ref","_ref2","SSkeleton","_this$asProps","Children","styles","duration","hidden","uid","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","Text","props","SText","amount","y","x","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref3","Fragment","_toConsumableArray","Array","map","el","index","ref","defaultProps"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255, 255, 255, 0.3)',\n  invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass Skeleton extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    theme: 'invert',\n    duration: 2000,\n  };\n  static enhance = [uniqueIDEnhancement()];\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, hidden, uid } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        tag='svg'\n        preserveAspectRatio='none'\n        durationAnim={`${duration}ms`}\n        aria-busy='true'\n        aria-atomic='true'\n        aria-hidden='true'\n        alt=''\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      </SSkeleton>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { amount, y, x, styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag='rect' rx='4' ry='4' height='8' {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nText.defaultProps = {\n  x: 0,\n  y: 0,\n  amount: 1,\n  width: '100%',\n};\n\nexport default createComponent(Skeleton, {\n  Text,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","style","_sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","Children","styles","duration","hidden","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","_super2","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","props","SText","amount","y","x","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","el","index","ref","defaultProps"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/skeleton.shadow.css';\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  static displayName = 'Skeleton';\n  static style = style;\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    duration: 2000,\n  };\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, hidden, style } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        durationAnim={`${duration}ms`}\n        aria-busy='true'\n        aria-atomic='true'\n        aria-hidden='true'\n        alt=''\n      >\n        <Children />\n      </SSkeleton>,\n    );\n  }\n}\n\nclass SkeletonSVG extends Component {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n  };\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const { Children, styles, uid, theme } = this.asProps;\n    const SSkeletonSVG = Root;\n\n    return sstyled(styles)(\n      <SSkeletonSVG render={Skeleton} tag='svg' preserveAspectRatio='none' theme={theme}>\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(props) {\n  const SText = Box;\n  const { amount, y, x, styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag='rect' rx='4' ry='4' height='8' {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nText.defaultProps = {\n  x: 0,\n  y: 0,\n  amount: 1,\n  width: '100%',\n};\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n});\n"],"mappings":"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"}