@semcore/skeleton 5.0.0-beta.1 → 5.1.0

package/lib/es6/Charts/Bar.js

@@ -1,52 +1,47 @@
-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';
+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 barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+var barHorizontalSvg = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik01MSA0MkM1MSAzOS43OTA5IDUyLjc5MDkgMzggNTUgMzhINjJDNjQuMjA5MSAzOCA2NiAzOS43OTA5IDY2IDQyVjE0OEg1MVY0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik05MCA2M0M5MCA2MC43OTA5IDkxLjc5MDkgNTkgOTQgNTlIMTAxQzEwMy4yMDkgNTkgMTA1IDYwLjc5MDkgMTA1IDYzVjE0OEg5MFY2M1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
 var BarChartSkeleton = function BarChartSkeleton(props) {
-  var _props$layout = props.layout,
-    layout = _props$layout === void 0 ? 'horizontal' : _props$layout;
-  return /*#__PURE__*/React.createElement(Skeleton, _extends({
-    viewBox: "0 0 912 166",
-    preserveAspectRatio: "xMidYMid meet"
-  }, props), function (_ref) {
-    var gradientUrl = _ref.gradientUrl;
-    if (layout === 'vertical') {
-      return /*#__PURE__*/React.createElement("g", {
-        fill: gradientUrl
-      }, /*#__PURE__*/React.createElement("rect", {
-        width: "252",
-        height: "15",
-        y: "124",
-        rx: "4"
-      }), /*#__PURE__*/React.createElement("rect", {
-        width: "360",
-        height: "15",
-        rx: "4"
-      }), /*#__PURE__*/React.createElement("rect", {
-        width: "306",
-        height: "15",
-        y: "93",
-        rx: "4"
-      }), /*#__PURE__*/React.createElement("rect", {
-        width: "252",
-        height: "15",
-        y: "31",
-        rx: "4"
-      }), /*#__PURE__*/React.createElement("rect", {
-        width: "144",
-        height: "15",
-        y: "62",
-        rx: "4"
-      }), /*#__PURE__*/React.createElement("path", {
-        fillRule: "nonzero",
-        d: "M18 62h112.5c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-31h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0 62h270c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-93h324c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4V4c0-2.21 8.059-4 18-4zm0 124h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4z"
-      }));
-    }
-    return /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      d: "M4 0h7a4 4 0 0 1 4 4v76H0V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28H78V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM43 16h7a4 4 0 0 1 4 4v60H39V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm39-16h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM277 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM706 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM745 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM472 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM511 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4z"
-    });
-  });
+  var _ref = arguments[0],
+    _ref2,
+    _props$layout;
+  var SChartSkeleton = Skeleton;
+  var layout = (_props$layout = props.layout) !== null && _props$layout !== void 0 ? _props$layout : 'horizontal';
+  var patternBase64 = {
+    vertical: barVerticalSvg,
+    horizontal: barHorizontalSvg
+  }[layout];
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, _assignProps({
+    "bgRepeat": {
+      vertical: 'repeat-y',
+      horizontal: 'repeat-x'
+    }[layout],
+    "bgPosition": {
+      vertical: 'left top',
+      horizontal: 'left bottom'
+    }[layout],
+    "bgSize": {
+      vertical: 'contain',
+      horizontal: 'auto 50%'
+    }[layout],
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
+  }, _ref))));
 };
-export default BarChartSkeleton;
+export default createComponent(BarChartSkeleton);
 //# sourceMappingURL=Bar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","names":["React","Skeleton","BarChartSkeleton","props","_props$layout","layout","createElement","_extends","viewBox","preserveAspectRatio","_ref","gradientUrl","fill","width","height","y","rx","fillRule","d"],"sources":["../../../src/Charts/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BarChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox='0 0 912 166' preserveAspectRatio='xMidYMid meet' {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width='252' height='15' y='124' rx='4' />\n              <rect width='360' height='15' rx='4' />\n              <rect width='306' height='15' y='93' rx='4' />\n              <rect width='252' height='15' y='31' rx='4' />\n              <rect width='144' height='15' y='62' rx='4' />\n              <path\n                fillRule='nonzero'\n                d='M18 62h112.5c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-31h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0 62h270c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-93h324c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4V4c0-2.21 8.059-4 18-4zm0 124h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4z'\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M4 0h7a4 4 0 0 1 4 4v76H0V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28H78V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM43 16h7a4 4 0 0 1 4 4v60H39V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm39-16h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM277 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM706 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM745 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM472 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM511 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4z'\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default BarChartSkeleton;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,aAAa;AAElC,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAK,EAAK;EAClC,IAAAC,aAAA,GAAkCD,KAAK,CAA/BE,MAAM;IAANA,MAAM,GAAAD,aAAA,cAAG,YAAY,GAAAA,aAAA;EAE7B,oBACEJ,KAAA,CAAAM,aAAA,CAACL,QAAQ,EAAAM,QAAA;IAACC,OAAO,EAAC,aAAa;IAACC,mBAAmB,EAAC;EAAe,GAAKN,KAAK,GAC1E,UAAAO,IAAA,EAAqB;IAAA,IAAlBC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACb,IAAIN,MAAM,KAAK,UAAU,EAAE;MACzB,oBACEL,KAAA,CAAAM,aAAA;QAAGM,IAAI,EAAED;MAAY,gBACnBX,KAAA,CAAAM,aAAA;QAAMO,KAAK,EAAC,KAAK;QAACC,MAAM,EAAC,IAAI;QAACC,CAAC,EAAC,KAAK;QAACC,EAAE,EAAC;MAAG,EAAG,eAC/ChB,KAAA,CAAAM,aAAA;QAAMO,KAAK,EAAC,KAAK;QAACC,MAAM,EAAC,IAAI;QAACE,EAAE,EAAC;MAAG,EAAG,eACvChB,KAAA,CAAAM,aAAA;QAAMO,KAAK,EAAC,KAAK;QAACC,MAAM,EAAC,IAAI;QAACC,CAAC,EAAC,IAAI;QAACC,EAAE,EAAC;MAAG,EAAG,eAC9ChB,KAAA,CAAAM,aAAA;QAAMO,KAAK,EAAC,KAAK;QAACC,MAAM,EAAC,IAAI;QAACC,CAAC,EAAC,IAAI;QAACC,EAAE,EAAC;MAAG,EAAG,eAC9ChB,KAAA,CAAAM,aAAA;QAAMO,KAAK,EAAC,KAAK;QAACC,MAAM,EAAC,IAAI;QAACC,CAAC,EAAC,IAAI;QAACC,EAAE,EAAC;MAAG,EAAG,eAC9ChB,KAAA,CAAAM,aAAA;QACEW,QAAQ,EAAC,SAAS;QAClBC,CAAC,EAAC;MAA8f,EAChgB,CACA;IAER;IAEA,oBACElB,KAAA,CAAAM,aAAA;MACEM,IAAI,EAAED,WAAY;MAClBM,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAA2lC,EAC7lC;EAEN,CAAC,CACQ;AAEf,CAAC;AAED,eAAehB,gBAAgB"}
+{"version":3,"file":"Bar.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","barVerticalSvg","barHorizontalSvg","BarChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Bar.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 barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-vertical.svg'))\n`;\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-horizontal.svg'))\n`;\n\nconst BarChartSkeleton = (props) => {\n  const SChartSkeleton = Root;\n  const layout = props.layout ?? 'horizontal';\n  const patternBase64 = { vertical: barVerticalSvg, horizontal: barHorizontalSvg }[layout];\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat={{ vertical: 'repeat-y', horizontal: 'repeat-x' }[layout]}\n      bgPosition={{ vertical: 'left top', horizontal: 'left bottom' }[layout]}\n      bgSize={{ vertical: 'contain', horizontal: 'auto 50%' }[layout]}\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n};\n\nexport default createComponent(BarChartSkeleton);\n"],"mappings":";;;AAAA,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,cAAc,69BAEnB;AACD,IAAMC,gBAAgB,izBAErB;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EAClC,IAAMC,cAAc,GAKRZ,QAAQ;EAJpB,IAAMa,MAAM,IAAAF,aAAA,GAAGJ,KAAK,CAACM,MAAM,cAAAF,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMG,aAAa,GAAG;IAAEC,QAAQ,EAAEX,cAAc;IAAEY,UAAU,EAAEX;EAAiB,CAAC,CAACQ,MAAM,CAAC;EACxF,OAAAH,KAAA,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAqB,aAAA,CAACL,cAAc,EAAAF,KAAA,CAAAQ,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEH;MAAEL,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,cACtD;MAAEE,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAc,CAAC,CAACH,MAAM,CAAC;IAAA,UAC/D;MAAEE,QAAQ,EAAE,SAAS;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,8CAAAQ,MAAA,CACnBP,aAAa;EAAA,GAAAN,IAAA,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,gBAAgB,CAAC"}

package/lib/es6/Charts/Bubble.js

@@ -1,35 +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 BubbleChartSkeleton = function BubbleChartSkeleton(props) {
-  return /*#__PURE__*/React.createElement(Skeleton, _extends({
-    visible: true,
-    viewBox: "0 0 460 180",
-    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: "M82 172C104.091 172 122 154.091 122 132C122 109.909 104.091 92 82 92C59.9086 92 42 109.909 42 132C42 154.091 59.9086 172 82 172Z"
-    }), /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      d: "M114 56C127.255 56 138 45.2548 138 32C138 18.7452 127.255 8 114 8C100.745 8 90 18.7452 90 32C90 45.2548 100.745 56 114 56Z"
-    }), /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      d: "M358.5 95C371.479 95 382 84.4787 382 71.5C382 58.5213 371.479 48 358.5 48C345.521 48 335 58.5213 335 71.5C335 84.4787 345.521 95 358.5 95Z"
-    }), /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      d: "M402 138C410.837 138 418 130.837 418 122C418 113.163 410.837 106 402 106C393.163 106 386 113.163 386 122C386 130.837 393.163 138 402 138Z"
-    }), /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      d: "M230 142C258.719 142 282 118.719 282 90C282 61.2812 258.719 38 230 38C201.281 38 178 61.2812 178 90C178 118.719 201.281 142 230 142Z"
-    })));
-  });
+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 bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
+var BubbleChartSkeleton = function BubbleChartSkeleton() {
+  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(bubbleSvg, ")")
+  }, _ref))));
 };
-export default BubbleChartSkeleton;
+export default createComponent(BubbleChartSkeleton);
 //# sourceMappingURL=Bubble.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["React","Skeleton","BubbleChartSkeleton","props","createElement","_extends","visible","viewBox","preserveAspectRatio","_ref","gradientUrl","Fragment","fill","fillRule","d"],"sources":["../../../src/Charts/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BubbleChartSkeleton = (props) => (\n  <Skeleton visible viewBox='0 0 460 180' preserveAspectRatio='xMidYMid meet' {...props}>\n    {({ gradientUrl }) => (\n      <>\n        <g>\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M82 172C104.091 172 122 154.091 122 132C122 109.909 104.091 92 82 92C59.9086 92 42 109.909 42 132C42 154.091 59.9086 172 82 172Z'\n          />\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M114 56C127.255 56 138 45.2548 138 32C138 18.7452 127.255 8 114 8C100.745 8 90 18.7452 90 32C90 45.2548 100.745 56 114 56Z'\n          />\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M358.5 95C371.479 95 382 84.4787 382 71.5C382 58.5213 371.479 48 358.5 48C345.521 48 335 58.5213 335 71.5C335 84.4787 345.521 95 358.5 95Z'\n          />\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M402 138C410.837 138 418 130.837 418 122C418 113.163 410.837 106 402 106C393.163 106 386 113.163 386 122C386 130.837 393.163 138 402 138Z'\n          />\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M230 142C258.719 142 282 118.719 282 90C282 61.2812 258.719 38 230 38C201.281 38 178 61.2812 178 90C178 118.719 201.281 142 230 142Z'\n          />\n        </g>\n      </>\n    )}\n  </Skeleton>\n);\n\nexport default BubbleChartSkeleton;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,aAAa;AAElC,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAK;EAAA,oBAChCH,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;IAAkI,EACpI,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAA4H,EAC9H,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAA4I,EAC9I,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;IAAsI,EACxI,CACA,CACH;EAAA,CACJ,CACQ;AAAA,CACZ;AAED,eAAeZ,mBAAmB"}
+{"version":3,"file":"Bubble.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Bubble.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 bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bubble-chart.svg'))\n`;\n\nconst BubbleChartSkeleton = () => {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left center'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n    />,\n  );\n};\n\nexport default createComponent(BubbleChartSkeleton);\n"],"mappings":";;;AAAA,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,SAAS,6xCAEd;AAED,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChC,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,SAAS;EAAA,GAAAE,IAAA,IACrD;AAEN,CAAC;AAED,eAAeT,eAAe,CAACQ,mBAAmB,CAAC"}

package/lib/es6/Charts/Donut.js

@@ -0,0 +1,41 @@
+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 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 donutFullSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9JiMyNDA7JiMxNTk7JiMxNDE7JiMxNjk7IGRvbnV0IGNoYXJ0LCBwaWN0dXJlIGRpdj1mYWxzZSI+CjxnIGlkPSJkb251dC1jaGFydCI+CjxwYXRoIGQ9Ik0xNTguODYzIDE0NS43NDJDMTcxLjQ1MyAxMzAuMjU5IDE4MCAxMTEuNTExIDE4MCA5MEMxODAgNjguNjE2OCAxNzIuNTQzIDQ4Ljk3NTMgMTYwLjA4NyAzMy41MzQzTDEzNy43MzEgNTUuMTQ1OUMxNTEuNzk5IDgyLjA2NzMgMTUxLjQ3NSA5NS40NDAzIDEzNy43OTMgMTIzLjcyNEwxNTguODYzIDE0NS43NDJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOTAgMTgwQzExNy4xMTIgMTgwIDE0MC40MjUgMTY3LjAxMSAxNTYuOTI1IDE0OC4wNDZMMTM1LjgyNyAxMjZDMTI0LjgyNyAxMzkuNTcgMTA4LjMzIDE0OSA4OS41IDE0OUM1Ni4zNjI5IDE0OSAyOSAxMjMuMTM3IDI5IDkwQzI4LjU2MzEgNTcuODU3NiA1NC44NzYyIDMxLjU3OTkgODcgMzBWMC4wNDkwNThDMzguNjgzMSAxLjYzMTUyIDAgNDEuMjk4MyAwIDkwQzAgMTM5LjcwNiA0MC4yOTQ0IDE4MCA5MCAxODBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTU4LjA0NiAzMS4zMzI3TDEzNS42MzQgNTNDMTI1LjEzMiAzOS42MTYxIDEwOS44NzQgMzAuNDU1MiA5MCAzMFYwQzExNy45MTUgMCAxNDEuNTM4IDExLjM4NTEgMTU4LjA0NiAzMS4zMzI3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
+var donutHalfSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTgwIDkwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTU2LjkyNSAzMS45NTM4QzE0MC40MjUgMTIuOTg4NiAxMTcuMTEyIDAgOTAgMEM0MC4yOTQ0IDAgMCA0MC4yOTQ0IDAgOTBIMjlDMjkgNTYuODYyOSA1Ni4zNjI5IDMxIDg5LjUgMzFDMTA4LjMzIDMxIDEyNC44MjcgNDAuNDI5NiAxMzUuODI3IDU0TDE1Ni45MjUgMzEuOTUzOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xODAgOTBIMTQ4LjE1MkMxNDcuODg2IDgwLjA5ODkgMTQ0LjM5NSA2OS45MjMzIDEzNy43OTMgNTYuMjc2NEwxNTguODYzIDM0LjI1ODFDMTcxLjQ1MyA0OS43NDA3IDE4MCA2OC40ODkgMTgwIDkwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
+var DonutChartSkeleton = function DonutChartSkeleton(props) {
+  var _ref = arguments[0],
+    _ref2,
+    _props$halfsize;
+  var SChartSkeleton = Skeleton;
+  var halfsize = (_props$halfsize = props.halfsize) !== null && _props$halfsize !== void 0 ? _props$halfsize : false;
+  var patternBase64 = {
+    "true": donutHalfSvg,
+    "false": donutFullSvg
+  }[halfsize];
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, _assignProps({
+    "bgRepeat": 'no-repeat',
+    "bgPosition": {
+      "true": 'center bottom',
+      "false": 'center'
+    }[halfsize],
+    "bgSize": 'contain',
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
+  }, _ref))));
+};
+export default createComponent(DonutChartSkeleton);
+//# sourceMappingURL=Donut.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Donut.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","donutFullSvg","donutHalfSvg","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","_props$halfsize","SChartSkeleton","halfsize","patternBase64","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Donut.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 donutFullSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/donut-chart.svg'))\n`;\nconst donutHalfSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/donut-chart-halfsize.svg'))\n`;\n\nconst DonutChartSkeleton = (props) => {\n  const SChartSkeleton = Root;\n  const halfsize = props.halfsize ?? false;\n  const patternBase64 = { true: donutHalfSvg, false: donutFullSvg }[halfsize];\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='no-repeat'\n      bgPosition={{ true: 'center bottom', false: 'center' }[halfsize]}\n      bgSize='contain'\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n};\n\nexport default createComponent(DonutChartSkeleton);\n"],"mappings":";;;AAAA,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,YAAY,6qCAEjB;AACD,IAAMC,YAAY,6nBAEjB;AAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,eAAA;EACpC,IAAMC,cAAc,GAKRZ,QAAQ;EAJpB,IAAMa,QAAQ,IAAAF,eAAA,GAAGJ,KAAK,CAACM,QAAQ,cAAAF,eAAA,cAAAA,eAAA,GAAI,KAAK;EACxC,IAAMG,aAAa,GAAG;IAAE,QAAMT,YAAY;IAAE,SAAOD;EAAa,CAAC,CAACS,QAAQ,CAAC;EAC3E,OAAAH,KAAA,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAmB,aAAA,CAACH,cAAc,EAAAF,KAAA,CAAAM,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,WAAW;IAAA,cACR;MAAE,QAAM,eAAe;MAAE,SAAO;IAAS,CAAC,CAACL,QAAQ,CAAC;IAAA,UACzD,SAAS;IAAA,8CAAAM,MAAA,CAC4BL,aAAa;EAAA,GAAAN,IAAA,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,kBAAkB,CAAC"}

package/lib/es6/Charts/Histogram.js

@@ -1,47 +1,47 @@
-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';
+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 histogramVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYyMEMxMjQgMjIuMjA5MSAxMjIuMjA5IDI0IDEyMCAyNEgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDhDMTYwIDUwLjIwOTEgMTU4LjIwOSA1MiAxNTYgNTJIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4VjEwNEMxNjAgMTA2LjIwOSAxNTguMjA5IDEwOCAxNTYgMTA4SDBWODRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAxMTJIMTE2QzExOC4yMDkgMTEyIDEyMCAxMTMuNzkxIDEyMCAxMTZWMTMyQzEyMCAxMzQuMjA5IDExOC4yMDkgMTM2IDExNiAxMzZIMFYxMTJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
+var histogramHorizontalSvg = "PHN2ZyB3aWR0aD0iNDU2IiBoZWlnaHQ9IjEwNCIgdmlld0JveD0iMCAwIDQ1NiAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yIDE0QzIgMTIuODk1NCAyLjg5NTQzIDEyIDQgMTJIMTEwLjkwMUMxMTIuMDA1IDEyIDExMi45MDEgMTIuODk1NCAxMTIuOTAxIDE0VjkySDJWMTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTE2LjkwMSAzMEMxMTYuOTAxIDI4Ljg5NTQgMTE3Ljc5NiAyOCAxMTguOTAxIDI4SDIyNC44MDJDMjI1LjkwNiAyOCAyMjYuODAyIDI4Ljg5NTQgMjI2LjgwMiAzMFY5MkgxMTYuOTAxVjMwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTIzMC44MDIgNjJDMjMwLjgwMiA2MC44OTU0IDIzMS42OTcgNjAgMjMyLjgwMiA2MEgzMzguNzAyQzMzOS44MDcgNjAgMzQwLjcwMiA2MC44OTU0IDM0MC43MDIgNjJWOTJIMjMwLjgwMlY2MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0zNDQuNzAyIDQ0QzM0NC43MDIgNDIuODk1NCAzNDUuNTk4IDQyIDM0Ni43MDIgNDJINDUxLjYwM0M0NTIuNzA4IDQyIDQ1My42MDMgNDIuODk1NCA0NTMuNjAzIDQ0VjkySDM0NC43MDJWNDRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
 var HistogramChartSkeleton = function HistogramChartSkeleton(props) {
-  var _props$layout = props.layout,
-    layout = _props$layout === void 0 ? 'horizontal' : _props$layout;
-  return /*#__PURE__*/React.createElement(Skeleton, _extends({
-    viewBox: "0 0 908 166",
-    preserveAspectRatio: "xMidYMid meet"
-  }, props), function (_ref) {
-    var gradientUrl = _ref.gradientUrl;
-    if (layout === 'vertical') {
-      return /*#__PURE__*/React.createElement("g", {
-        fill: gradientUrl
-      }, /*#__PURE__*/React.createElement("rect", {
-        width: "252",
-        height: "24",
-        y: "112",
-        rx: "4"
-      }), /*#__PURE__*/React.createElement("rect", {
-        width: "360",
-        height: "24",
-        rx: "4"
-      }), /*#__PURE__*/React.createElement("rect", {
-        width: "306",
-        height: "24",
-        y: "84",
-        rx: "4"
-      }), /*#__PURE__*/React.createElement("rect", {
-        width: "140",
-        height: "24",
-        y: "56",
-        rx: "4"
-      }), /*#__PURE__*/React.createElement("path", {
-        fillRule: "nonzero",
-        d: "M4 28h235a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4z"
-      }));
-    }
-    return /*#__PURE__*/React.createElement("path", {
-      fill: gradientUrl,
-      fillRule: "nonzero",
-      d: "M0 0h110.9v80H0zM228.802 48h109.9v32h-109.9zM342.702 30h108.901v50h-108.9zM114.9 16h109.902v64H114.9z M454 0h109.9v80H454zM681.802 48h109.9v32h-109.9zM795.702 30h108.901v50h-108.9zM567.9 16h109.902v64H567.9z"
-    });
-  });
+  var _ref = arguments[0],
+    _ref2,
+    _props$layout;
+  var SChartSkeleton = Skeleton;
+  var layout = (_props$layout = props.layout) !== null && _props$layout !== void 0 ? _props$layout : 'horizontal';
+  var patternBase64 = {
+    vertical: histogramVerticalSvg,
+    horizontal: histogramHorizontalSvg
+  }[layout];
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, _assignProps({
+    "bgRepeat": {
+      vertical: 'repeat-y',
+      horizontal: 'repeat-x'
+    }[layout],
+    "bgPosition": {
+      vertical: 'left top',
+      horizontal: 'left bottom'
+    }[layout],
+    "bgSize": {
+      vertical: 'contain',
+      horizontal: 'auto 50%'
+    }[layout],
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
+  }, _ref))));
 };
-export default HistogramChartSkeleton;
+export default createComponent(HistogramChartSkeleton);
 //# sourceMappingURL=Histogram.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Histogram.js","names":["React","Skeleton","HistogramChartSkeleton","props","_props$layout","layout","createElement","_extends","viewBox","preserveAspectRatio","_ref","gradientUrl","fill","width","height","y","rx","fillRule","d"],"sources":["../../../src/Charts/Histogram.jsx"],"sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst HistogramChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox='0 0 908 166' preserveAspectRatio='xMidYMid meet' {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width='252' height='24' y='112' rx='4' />\n              <rect width='360' height='24' rx='4' />\n              <rect width='306' height='24' y='84' rx='4' />\n              <rect width='140' height='24' y='56' rx='4' />\n              <path\n                fillRule='nonzero'\n                d='M4 28h235a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4z'\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule='nonzero'\n            d='M0 0h110.9v80H0zM228.802 48h109.9v32h-109.9zM342.702 30h108.901v50h-108.9zM114.9 16h109.902v64H114.9z M454 0h109.9v80H454zM681.802 48h109.9v32h-109.9zM795.702 30h108.901v50h-108.9zM567.9 16h109.902v64H567.9z'\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default HistogramChartSkeleton;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,aAAa;AAElC,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAK,EAAK;EACxC,IAAAC,aAAA,GAAkCD,KAAK,CAA/BE,MAAM;IAANA,MAAM,GAAAD,aAAA,cAAG,YAAY,GAAAA,aAAA;EAE7B,oBACEJ,KAAA,CAAAM,aAAA,CAACL,QAAQ,EAAAM,QAAA;IAACC,OAAO,EAAC,aAAa;IAACC,mBAAmB,EAAC;EAAe,GAAKN,KAAK,GAC1E,UAAAO,IAAA,EAAqB;IAAA,IAAlBC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACb,IAAIN,MAAM,KAAK,UAAU,EAAE;MACzB,oBACEL,KAAA,CAAAM,aAAA;QAAGM,IAAI,EAAED;MAAY,gBACnBX,KAAA,CAAAM,aAAA;QAAMO,KAAK,EAAC,KAAK;QAACC,MAAM,EAAC,IAAI;QAACC,CAAC,EAAC,KAAK;QAACC,EAAE,EAAC;MAAG,EAAG,eAC/ChB,KAAA,CAAAM,aAAA;QAAMO,KAAK,EAAC,KAAK;QAACC,MAAM,EAAC,IAAI;QAACE,EAAE,EAAC;MAAG,EAAG,eACvChB,KAAA,CAAAM,aAAA;QAAMO,KAAK,EAAC,KAAK;QAACC,MAAM,EAAC,IAAI;QAACC,CAAC,EAAC,IAAI;QAACC,EAAE,EAAC;MAAG,EAAG,eAC9ChB,KAAA,CAAAM,aAAA;QAAMO,KAAK,EAAC,KAAK;QAACC,MAAM,EAAC,IAAI;QAACC,CAAC,EAAC,IAAI;QAACC,EAAE,EAAC;MAAG,EAAG,eAC9ChB,KAAA,CAAAM,aAAA;QACEW,QAAQ,EAAC,SAAS;QAClBC,CAAC,EAAC;MAA4E,EAC9E,CACA;IAER;IAEA,oBACElB,KAAA,CAAAM,aAAA;MACEM,IAAI,EAAED,WAAY;MAClBM,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAAiN,EACnN;EAEN,CAAC,CACQ;AAEf,CAAC;AAED,eAAehB,sBAAsB"}
+{"version":3,"file":"Histogram.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","histogramVerticalSvg","histogramHorizontalSvg","HistogramChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Histogram.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 histogramVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-vertical.svg'))\n`;\nconst histogramHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-horizontal.svg'))\n`;\n\nconst HistogramChartSkeleton = (props) => {\n  const SChartSkeleton = Root;\n  const layout = props.layout ?? 'horizontal';\n  const patternBase64 = { vertical: histogramVerticalSvg, horizontal: histogramHorizontalSvg }[\n    layout\n  ];\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat={{ vertical: 'repeat-y', horizontal: 'repeat-x' }[layout]}\n      bgPosition={{ vertical: 'left top', horizontal: 'left bottom' }[layout]}\n      bgSize={{ vertical: 'contain', horizontal: 'auto 50%' }[layout]}\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n};\n\nexport default createComponent(HistogramChartSkeleton);\n"],"mappings":";;;AAAA,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,oBAAoB,69BAEzB;AACD,IAAMC,sBAAsB,y7BAE3B;AAED,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EACxC,IAAMC,cAAc,GAORZ,QAAQ;EANpB,IAAMa,MAAM,IAAAF,aAAA,GAAGJ,KAAK,CAACM,MAAM,cAAAF,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMG,aAAa,GAAG;IAAEC,QAAQ,EAAEX,oBAAoB;IAAEY,UAAU,EAAEX;EAAuB,CAAC,CAC1FQ,MAAM,CACP;EACD,OAAAH,KAAA,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAqB,aAAA,CAACL,cAAc,EAAAF,KAAA,CAAAQ,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEH;MAAEL,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,cACtD;MAAEE,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAc,CAAC,CAACH,MAAM,CAAC;IAAA,UAC/D;MAAEE,QAAQ,EAAE,SAAS;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,8CAAAQ,MAAA,CACnBP,aAAa;EAAA,GAAAN,IAAA,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,sBAAsB,CAAC"}

package/lib/es6/Charts/Line.js

@@ -1,32 +1,37 @@
-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';
+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 lineLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjU4IiB2aWV3Qm94PSIwIDAgMTI4IDU4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzYwODJfMjIwODUyKSI+CjxwYXRoIGQ9Ik0wIDEyTDYzLjk5OTggNDZMMTI4IDEyIiBzdHJva2U9IiNFMEUxRTkiIHN0cm9rZS1vcGFjaXR5PSIwLjgiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzYwODJfMjIwODUyIj4KPHJlY3Qgd2lkdGg9IjEyOCIgaGVpZ2h0PSI1OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K";
+var lineMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjU4IiB2aWV3Qm94PSIwIDAgMTI4IDU4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxMkMzMi4wMDAxIDEyIDMyLjAwMDEgNDYgNjMuOTk5OCA0NkM5NS45OTk5IDQ2IDk1Ljk5OTkgMTIgMTI4IDEyIiBzdHJva2U9IiNFMEUxRTkiIHN0cm9rZS1vcGFjaXR5PSIwLjgiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
 var LineChartSkeleton = function LineChartSkeleton(props) {
-  var _props$type = props.type,
-    type = _props$type === void 0 ? 'linear' : _props$type;
-  var getDraw = function getDraw(type) {
-    switch (type) {
-      case 'monotone':
-        return 'M1.991 2c75.333 0 75.333 80 150.666 80S227.99 2 303.323 2c75.335 0 75.335 80 150.669 80 75.334 0 75.334-80 150.667-80 75.337 0 75.337 80 150.676 80 75.337 0 75.337-80 150.674-80';
-      default:
-        return 'M1.991 2l150.666 80L303.323 2l150.669 80L604.659 2l150.676 80L906.009 2';
-    }
-  };
-  return /*#__PURE__*/React.createElement(Skeleton, _extends({
-    viewBox: "0 0 904 90",
-    preserveAspectRatio: "xMidYMid meet"
-  }, props), function (_ref) {
-    var gradientUrl = _ref.gradientUrl;
-    return /*#__PURE__*/React.createElement("path", {
-      fill: "none",
-      stroke: gradientUrl,
-      fillRule: "evenodd",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "4",
-      d: getDraw(type)
-    });
-  });
+  var _ref = arguments[0],
+    _ref2,
+    _props$type;
+  var SChartSkeleton = Skeleton;
+  var patternBase64 = {
+    linear: lineLinearSvg,
+    monotone: lineMonotoneSvg
+  }[(_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'linear'];
+  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(patternBase64, ")")
+  }, _ref))));
 };
-export default LineChartSkeleton;
+export default createComponent(LineChartSkeleton);
 //# sourceMappingURL=Line.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["React","Skeleton","LineChartSkeleton","props","_props$type","type","getDraw","createElement","_extends","viewBox","preserveAspectRatio","_ref","gradientUrl","fill","stroke","fillRule","strokeLinecap","strokeLinejoin","strokeWidth","d"],"sources":["../../../src/Charts/Line.jsx"],"sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst LineChartSkeleton = (props) => {\n  const { type = 'linear' } = props;\n\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return 'M1.991 2c75.333 0 75.333 80 150.666 80S227.99 2 303.323 2c75.335 0 75.335 80 150.669 80 75.334 0 75.334-80 150.667-80 75.337 0 75.337 80 150.676 80 75.337 0 75.337-80 150.674-80';\n      default:\n        return 'M1.991 2l150.666 80L303.323 2l150.669 80L604.659 2l150.676 80L906.009 2';\n    }\n  };\n\n  return (\n    <Skeleton viewBox='0 0 904 90' preserveAspectRatio='xMidYMid meet' {...props}>\n      {({ gradientUrl }) => (\n        <path\n          fill='none'\n          stroke={gradientUrl}\n          fillRule='evenodd'\n          strokeLinecap='round'\n          strokeLinejoin='round'\n          strokeWidth='4'\n          d={getDraw(type)}\n        />\n      )}\n    </Skeleton>\n  );\n};\n\nexport default LineChartSkeleton;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,aAAa;AAElC,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK,EAAK;EACnC,IAAAC,WAAA,GAA4BD,KAAK,CAAzBE,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,QAAQ,GAAAA,WAAA;EAEvB,IAAME,OAAO,GAAG,SAAVA,OAAOA,CAAID,IAAI,EAAK;IACxB,QAAQA,IAAI;MACV,KAAK,UAAU;QACb,OAAO,mLAAmL;MAC5L;QACE,OAAO,yEAAyE;IAAC;EAEvF,CAAC;EAED,oBACEL,KAAA,CAAAO,aAAA,CAACN,QAAQ,EAAAO,QAAA;IAACC,OAAO,EAAC,YAAY;IAACC,mBAAmB,EAAC;EAAe,GAAKP,KAAK,GACzE,UAAAQ,IAAA;IAAA,IAAGC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAA,oBACbZ,KAAA,CAAAO,aAAA;MACEM,IAAI,EAAC,MAAM;MACXC,MAAM,EAAEF,WAAY;MACpBG,QAAQ,EAAC,SAAS;MAClBC,aAAa,EAAC,OAAO;MACrBC,cAAc,EAAC,OAAO;MACtBC,WAAW,EAAC,GAAG;MACfC,CAAC,EAAEb,OAAO,CAACD,IAAI;IAAE,EACjB;EAAA,CACH,CACQ;AAEf,CAAC;AAED,eAAeH,iBAAiB"}
+{"version":3,"file":"Line.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","lineLinearSvg","lineMonotoneSvg","LineChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Line.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 lineLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-linear.svg'))\n`;\nconst lineMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-monotone.svg'))\n`;\n\nconst LineChartSkeleton = (props) => {\n  const SChartSkeleton = Root;\n  const patternBase64 = { linear: lineLinearSvg, monotone: lineMonotoneSvg }[\n    props.type ?? 'linear'\n  ];\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left center'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n};\n\nexport default createComponent(LineChartSkeleton);\n"],"mappings":";;;AAAA,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,aAAa,qhBAElB;AACD,IAAMC,eAAe,qWAEpB;AAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EACnC,IAAMC,cAAc,GAMRZ,QAAQ;EALpB,IAAMa,aAAa,GAAG;IAAEC,MAAM,EAAEV,aAAa;IAAEW,QAAQ,EAAEV;EAAgB,CAAC,EAAAM,WAAA,GACxEJ,KAAK,CAACS,IAAI,cAAAL,WAAA,cAAAA,WAAA,GAAI,QAAQ,CACvB;EACD,OAAAD,KAAA,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAqB,aAAA,CAACL,cAAc,EAAAF,KAAA,CAAAQ,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BR,aAAa;EAAA,GAAAL,IAAA,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,iBAAiB,CAAC"}