@semcore/skeleton 16.0.0-prerelease.2 → 16.0.0-prerelease.21

package/lib/es6/Charts/Histogram.js

@@ -4,8 +4,10 @@ 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_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__*/, "18ujc_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
   "--bgPattern": "--bgPattern_18ujc",
   "_bgPosition": "__bgPosition_18ujc_gg_",

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

@@ -1 +1 @@
-{"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,SAASC,eAAe,EAAEC,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"}
+{"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,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;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

@@ -4,8 +4,10 @@ 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_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__*/, "18ujc_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
   "--bgPattern": "--bgPattern_18ujc",
   "_bgPosition": "__bgPosition_18ujc_gg_",

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

@@ -1 +1 @@
-{"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,SAASC,eAAe,EAAEC,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"}
+{"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,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;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"}

package/lib/es6/Charts/RadialTree.js

@@ -4,8 +4,10 @@ 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_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__*/, "18ujc_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
   "--bgPattern": "--bgPattern_18ujc",
   "_bgPosition": "__bgPosition_18ujc_gg_",

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

@@ -1 +1 @@
-{"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,SAASC,eAAe,EAAEC,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"}
+{"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,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;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

@@ -4,8 +4,10 @@ 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_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__*/, "18ujc_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
   "--bgPattern": "--bgPattern_18ujc",
   "_bgPosition": "__bgPosition_18ujc_gg_",

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

@@ -1 +1 @@
-{"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,SAASC,eAAe,EAAEC,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"}
+{"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,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;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

@@ -4,8 +4,10 @@ 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_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__*/, "18ujc_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
   "--bgPattern": "--bgPattern_18ujc",
   "_bgPosition": "__bgPosition_18ujc_gg_",

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

@@ -1 +1 @@
-{"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,SAASC,eAAe,EAAEC,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"}
+{"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,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;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/Skeleton.js

@@ -18,8 +18,10 @@ import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import canUseDOM from '@semcore/core/lib/utils/canUseDOM';
 import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
-/*__reshadow-styles__:"./style/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1aad7{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1aad7_gg_{animation-name:pulse_1aad7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1aad7);will-change:opacity}.___SSkeletonSVG_1aad7_gg_._theme_invert_1aad7_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1aad7_gg_._theme_dark_1aad7_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1aad7_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1aad7_gg_{animation-name:none}}" /*__inner_css_end__*/, "1aad7_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1aad7{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1aad7_gg_{animation-name:pulse_1aad7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1aad7);will-change:opacity}.___SSkeletonSVG_1aad7_gg_._theme_invert_1aad7_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1aad7_gg_._theme_dark_1aad7_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1aad7_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1aad7_gg_{animation-name:none}}", /*__inner_css_end__*/"1aad7_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SSkeleton": "___SSkeleton_1aad7_gg_",
   "--durationAnim": "--durationAnim_1aad7",
   "@pulse": "pulse_1aad7",

package/lib/es6/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","canUseDOM","i18nEnhance","localizedMessages","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","getI18nText","tag","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","_super2","props","_this","call","_assertThisInitialized","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","_this$observer","_this$svgRef$current","observe","svgRef","current","parentElement","componentWillUnmount","_this$observer2","disconnect","data","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","el","index","ref"],"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/core/lib/utils/uniqueID';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\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 enhance = [i18nEnhance(localizedMessages)];\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, getI18nText, tag } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        durationAnim={`${duration}ms`}\n        role={'img'}\n        aria-label={getI18nText('loading')}\n      />,\n    );\n  }\n}\n\nclass SkeletonSVG extends Component {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  };\n\n  svgRef = React.createRef();\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM() && props.observeParentSize) {\n      this.observer = new ResizeObserver(this.handleResize.bind(this));\n    }\n  }\n\n  componentDidMount() {\n    this.observer?.observe(this.svgRef.current?.parentElement);\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  handleResize(data) {\n    const target = data[0].target;\n    const svg = this.svgRef.current;\n\n    if (target && svg) {\n      svg.setAttribute('width', '100%');\n    }\n  }\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const { Children, styles, uid, theme, duration } = this.asProps;\n    const SSkeletonSVG = Root;\n\n    return sstyled(styles)(\n      <SSkeletonSVG\n        render={Skeleton}\n        tag='svg'\n        ref={this.svgRef}\n        preserveAspectRatio='none'\n        theme={theme}\n        durationAnim={`${duration}ms`}\n      >\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n      </SSkeletonSVG>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  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          width,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","canUseDOM","i18nEnhance","localizedMessages","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","getI18nText","tag","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","_super2","props","_this","call","_assertThisInitialized","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","_this$observer","_this$svgRef$current","observe","svgRef","current","parentElement","componentWillUnmount","_this$observer2","disconnect","data","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","el","index","ref"],"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/core/lib/utils/uniqueID';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\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 enhance = [i18nEnhance(localizedMessages)];\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, getI18nText, tag } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        durationAnim={`${duration}ms`}\n        role={'img'}\n        aria-label={getI18nText('loading')}\n      />,\n    );\n  }\n}\n\nclass SkeletonSVG extends Component {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  };\n\n  svgRef = React.createRef();\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM() && props.observeParentSize) {\n      this.observer = new ResizeObserver(this.handleResize.bind(this));\n    }\n  }\n\n  componentDidMount() {\n    this.observer?.observe(this.svgRef.current?.parentElement);\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  handleResize(data) {\n    const target = data[0].target;\n    const svg = this.svgRef.current;\n\n    if (target && svg) {\n      svg.setAttribute('width', '100%');\n    }\n  }\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const { Children, styles, uid, theme, duration } = this.asProps;\n    const SSkeletonSVG = Root;\n\n    return sstyled(styles)(\n      <SSkeletonSVG\n        render={Skeleton}\n        tag='svg'\n        ref={this.svgRef}\n        preserveAspectRatio='none'\n        theme={theme}\n        durationAnim={`${duration}ms`}\n      >\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n      </SSkeletonSVG>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  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          width,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n});\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,OAAOC,SAAS,MAAM,mCAAmC;AACzD,OAAOC,WAAW,MAAM,8CAA8C;AACtE,SAASC,iBAAiB,QAAQ,gDAAgD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAInF,IAAMC,eAAe,GAAG;EACtBC,IAAI,EAAE,0BAA0B;EAChCC,MAAM,EAAE;AACV,CAAC;AAAC,IAEIC,YAAY,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,YAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,YAAA;EAAA,SAAAA,aAAA;IAAAK,eAAA,OAAAL,YAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,YAAA;IAAAS,GAAA;IAAAC,KAAA,EAUhB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,SAAS,GAOH1B,GAAG;MANf,IAAA2B,aAAA,GAAiE,IAAI,CAACH,OAAO;QAArEI,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,QAAQ,GAAAH,aAAA,CAARG,QAAQ;QAAEC,MAAM,GAAAJ,aAAA,CAANI,MAAM;QAAEC,WAAW,GAAAL,aAAA,CAAXK,WAAW;QAAEC,GAAG,GAAAN,aAAA,CAAHM,GAAG;MAE5D,IAAIF,MAAM,EAAE,OAAO,IAAI;MAEvB,OAAAN,KAAA,GAAO3B,OAAO,CAAC+B,MAAM,CAAC,eACpBlC,KAAA,CAAAuC,aAAA,CAACR,SAAS,EAAAD,KAAA,CAAAU,EAAA,cAAAC,aAAA,KAAAC,YAAA;QAAA,mBAAAC,MAAA,CAESR,QAAQ;QAAA,QACnB,KAAK;QAAA,cACCE,WAAW,CAAC,SAAS;MAAC,GAAAT,IAAA,IAClC;IAEN;EAAC;EAAA,OAAAZ,YAAA;AAAA,EAxBwBd,SAAS;AAAA0C,eAAA,CAA9B5B,YAAY,iBACK,UAAU;AAAA4B,eAAA,CAD3B5B,YAAY,WAEDN,KAAK;AAAAkC,eAAA,CAFhB5B,YAAY,aAGC,CAACR,WAAW,CAACC,iBAAiB,CAAC,CAAC;AAAAmC,eAAA,CAH7C5B,YAAY,kBAIM;EACpB6B,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdX,QAAQ,EAAE;AACZ,CAAC;AAAA,IAmBGY,WAAW,0BAAAC,WAAA;EAAA9B,SAAA,CAAA6B,WAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAA7B,YAAA,CAAA2B,WAAA;EAYf,SAAAA,YAAYG,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA9B,eAAA,OAAA0B,WAAA;IACjBI,KAAA,GAAAF,OAAA,CAAAG,IAAA,OAAMF,KAAK;IAAEN,eAAA,CAAAS,sBAAA,CAAAF,KAAA,0BAHNnD,KAAK,CAACsD,SAAS,EAAE;IAKxB,IAAI/C,SAAS,EAAE,IAAI2C,KAAK,CAACK,iBAAiB,EAAE;MAC1CJ,KAAA,CAAKK,QAAQ,GAAG,IAAIC,cAAc,CAACN,KAAA,CAAKO,YAAY,CAACC,IAAI,CAAAN,sBAAA,CAAAF,KAAA,EAAM,CAAC;IAClE;IAAC,OAAAA,KAAA;EACH;EAAC3B,YAAA,CAAAuB,WAAA;IAAAtB,GAAA;IAAAC,KAAA,EAED,SAAAkC,kBAAA,EAAoB;MAAA,IAAAC,cAAA,EAAAC,oBAAA;MAClB,CAAAD,cAAA,OAAI,CAACL,QAAQ,cAAAK,cAAA,uBAAbA,cAAA,CAAeE,OAAO,EAAAD,oBAAA,GAAC,IAAI,CAACE,MAAM,CAACC,OAAO,cAAAH,oBAAA,uBAAnBA,oBAAA,CAAqBI,aAAa,CAAC;IAC5D;EAAC;IAAAzC,GAAA;IAAAC,KAAA,EAED,SAAAyC,qBAAA,EAAuB;MAAA,IAAAC,eAAA;MACrB,CAAAA,eAAA,OAAI,CAACZ,QAAQ,cAAAY,eAAA,uBAAbA,eAAA,CAAeC,UAAU,EAAE;IAC7B;EAAC;IAAA5C,GAAA;IAAAC,KAAA,EAED,SAAAgC,aAAaY,IAAI,EAAE;MACjB,IAAMC,MAAM,GAAGD,IAAI,CAAC,CAAC,CAAC,CAACC,MAAM;MAC7B,IAAMC,GAAG,GAAG,IAAI,CAACR,MAAM,CAACC,OAAO;MAE/B,IAAIM,MAAM,IAAIC,GAAG,EAAE;QACjBA,GAAG,CAACC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC;MACnC;IACF;EAAC;IAAAhD,GAAA;IAAAC,KAAA,EAED,SAAAgD,WAAA,EAAa;MACX,IAAQC,KAAK,GAAK,IAAI,CAAC9C,OAAO,CAAtB8C,KAAK;MACb,OAAO;QACLC,WAAW,EAAE/D,eAAe,CAAC8D,KAAK;MACpC,CAAC;IACH;EAAC;IAAAlD,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MAAA,IAAAkD,KAAA,QAAAhD,OAAA;QAAAiD,KAAA;MACP,IAAAC,cAAA,GAAmD,IAAI,CAAClD,OAAO;QAAvDI,QAAQ,GAAA8C,cAAA,CAAR9C,QAAQ;QAAEC,MAAM,GAAA6C,cAAA,CAAN7C,MAAM;QAAE8C,GAAG,GAAAD,cAAA,CAAHC,GAAG;QAAEL,KAAK,GAAAI,cAAA,CAALJ,KAAK;QAAExC,QAAQ,GAAA4C,cAAA,CAAR5C,QAAQ;MAC9C,IAAM8C,YAAY,GAINC,QAAQ;MAFpB,OAAAJ,KAAA,GAAO3E,OAAO,CAAC+B,MAAM,CAAC,eACpBlC,KAAA,CAAAuC,aAAA,CAAC0C,YAAY,EAAAH,KAAA,CAAAtC,EAAA,iBAAAC,aAAA,KAAA0C,aAAA;QAAA,OAEP,KAAK;QAAA,OACJ,IAAI,CAACnB,MAAM;QAAA,uBACI,MAAM;QAAA,SACnBW,KAAK;QAAA,mBAAAhC,MAAA,CACKR,QAAQ;MAAA,GAAA0C,KAAA,kBAEzB7E,KAAA,CAAAuC,aAAA,SAAAuC,KAAA,CAAAtC,EAAA,2BACExC,KAAA,CAAAuC,aAAA,SAAAuC,KAAA,CAAAtC,EAAA;QAAA,MAAUwC;MAAG,iBACXhF,KAAA,CAAAuC,aAAA,CAACN,QAAQ,EAAA6C,KAAA,CAAAtC,EAAA,iBAAG,CACP,CACF,eACPxC,KAAA,CAAAuC,aAAA,SAAAuC,KAAA,CAAAtC,EAAA;QAAA,KAAQ,GAAG;QAAA,KAAG,GAAG;QAAA,SAAO,MAAM;QAAA,UAAQ,MAAM;QAAA,gBAAAG,MAAA,CAAeqC,GAAG;MAAA,GAAO,CACxD;IAEnB;EAAC;EAAA,OAAAjC,WAAA;AAAA,EAjEuB7C,SAAS;AAAA0C,eAAA,CAA7BG,WAAW,iBACM,aAAa;AAAAH,eAAA,CAD9BG,WAAW,aAEE,CAACzC,mBAAmB,EAAE,CAAC;AAAAsC,eAAA,CAFpCG,WAAW,WAGArC,KAAK;AAAAkC,eAAA,CAHhBG,WAAW,kBAKO;EACpB4B,KAAK,EAAE,QAAQ;EACfxC,QAAQ,EAAE;AACZ,CAAC;AA4DH,SAASiD,IAAIA,CAAClC,KAAK,EAAE;EACnB,IAAMmC,KAAK,GAAGhF,GAAG;EACjB,IAAAiF,QAAA,GAAmFpC,KAAK,CAAhFqC,CAAC;IAADA,CAAC,GAAAD,QAAA,cAAG,CAAC,GAAAA,QAAA;IAAAE,QAAA,GAAsEtC,KAAK,CAAzEuC,CAAC;IAADA,CAAC,GAAAD,QAAA,cAAG,CAAC,GAAAA,QAAA;IAAAE,aAAA,GAA+DxC,KAAK,CAAlEyC,MAAM;IAANA,MAAM,GAAAD,aAAA,cAAG,CAAC,GAAAA,aAAA;IAAAE,YAAA,GAAmD1C,KAAK,CAAtDL,KAAK;IAALA,KAAK,GAAA+C,YAAA,cAAG,MAAM,GAAAA,YAAA;IAAE1D,MAAM,GAA2BgB,KAAK,CAAtChB,MAAM;IAAE2D,UAAU,GAAe3C,KAAK,CAA9B2C,UAAU;IAAKC,KAAK,GAAAC,wBAAA,CAAK7C,KAAK,EAAA8C,SAAA;EACxF,IAAMC,UAAU,GAAGC,MAAM,CAACP,MAAM,CAAC;EAEjC,IAAMQ,UAAU,GAAG,SAAbA,UAAUA,CAAIjD,KAAK,EAAK;IAAA,IAAAkD,KAAA;IAC5B,OAAAA,KAAA,GAAOjG,OAAO,CAAC+B,MAAM,CAAC,eAAClC,KAAA,CAAAuC,aAAA,CAAC8C,KAAK,EAAAe,KAAA,CAAA5D,EAAA,UAAAC,aAAA;MAAA,OAAK,MAAM;MAAA,MAAI,GAAG;MAAA,MAAI,GAAG;MAAA,UAAQ;IAAG,GAAKS,KAAK,GAAI;EACjF,CAAC;EAED,oBACElD,KAAA,CAAAuC,aAAA,CAACvC,KAAK,CAACqG,QAAQ,QACZC,kBAAA,CAAIC,KAAK,CAACN,UAAU,CAAC,EAAEO,GAAG,CAAC,UAACC,EAAE,EAAEC,KAAK;IAAA,OACpCP,UAAU,CAAA1D,aAAA;MACRhB,GAAG,EAAEiF,KAAK;MACVnB,CAAC,EAAEA,CAAC,IAAI,EAAE,GAAGmB,KAAK;MAClBjB,CAAC,EAADA,CAAC;MACDkB,GAAG,EAAEd,UAAU;MACfhD,KAAK,EAALA;IAAK,GACFiD,KAAK,EACR;EAAA,EACH,CACc;AAErB;AAEA,IAAMZ,QAAQ,GAAGjF,eAAe,CAACe,YAAY,CAAC;AAE9C,SAASkE,QAAQ;AAEjB,eAAejF,eAAe,CAAC8C,WAAW,EAAE;EAC1CqC,IAAI,EAAJA;AACF,CAAC,CAAC"}

package/lib/esm/Charts/Area.mjs

@@ -1,36 +1,44 @@
-import r from "@babel/runtime/helpers/esm/objectSpread2";
-import { createComponent as n, sstyled as g, assignProps as c } from "@semcore/core";
-import b from "react";
-import { Skeleton as u } from "../Skeleton.mjs";
-var S = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
+import React from "react";
+import { Skeleton } from "../Skeleton.mjs";
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = (
   /*__reshadow_css_start__*/
-  (g.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
     ".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
+    /*__inner_css_end__*/
     "18ujc_gg_"
-  ), {
-    __SChartSkeleton: "___SChartSkeleton_18ujc_gg_",
+  ), /*__reshadow_css_end__*/
+  {
+    "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
     "--bgPattern": "--bgPattern_18ujc",
-    _bgPosition: "__bgPosition_18ujc_gg_",
+    "_bgPosition": "__bgPosition_18ujc_gg_",
     "--bgPosition": "--bgPosition_18ujc",
-    _bgSize: "__bgSize_18ujc_gg_",
+    "_bgSize": "__bgSize_18ujc_gg_",
     "--bgSize": "--bgSize_18ujc",
-    _bgRepeat: "__bgRepeat_18ujc_gg_",
+    "_bgRepeat": "__bgRepeat_18ujc_gg_",
     "--bgRepeat": "--bgRepeat_18ujc"
   })
-), I = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=", j = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=", M = function(a) {
-  var _ = arguments[0], t, e, o = u, i = {
-    linear: I,
-    monotone: j
-  }[(e = a.type) !== null && e !== void 0 ? e : "linear"];
-  return t = g(S), /* @__PURE__ */ b.createElement(o, t.cn("SChartSkeleton", r({}, c({
-    bgRepeat: "repeat-x",
-    bgPosition: "left bottom",
-    bgSize: "auto 50%",
-    bgPattern: "url(data:image/svg+xml;base64,".concat(i, ")")
-  }, _))));
+);
+var areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+var areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+var AreaChartSkeleton = function AreaChartSkeleton2(props) {
+  var _ref = arguments[0], _ref2, _props$type;
+  var SChartSkeleton = Skeleton;
+  var patternBase64 = {
+    linear: areaLinearSvg,
+    monotone: areaMonotoneSvg
+  }[(_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 bottom",
+    "bgSize": "auto 50%",
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
+  }, _ref))));
 };
-const m = n(M);
+const Area = createComponent(AreaChartSkeleton);
 export {
-  m as default
+  Area as default
 };

package/lib/esm/Charts/Bar.mjs

@@ -1,45 +1,54 @@
-import j from "@babel/runtime/helpers/esm/objectSpread2";
-import { createComponent as _, sstyled as i, assignProps as D } from "@semcore/core";
-import r from "react";
-import { Skeleton as A } from "../Skeleton.mjs";
-var T = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
+import React from "react";
+import { Skeleton } from "../Skeleton.mjs";
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = (
   /*__reshadow_css_start__*/
-  (i.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
     ".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
+    /*__inner_css_end__*/
     "18ujc_gg_"
-  ), {
-    __SChartSkeleton: "___SChartSkeleton_18ujc_gg_",
+  ), /*__reshadow_css_end__*/
+  {
+    "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
     "--bgPattern": "--bgPattern_18ujc",
-    _bgPosition: "__bgPosition_18ujc_gg_",
+    "_bgPosition": "__bgPosition_18ujc_gg_",
     "--bgPosition": "--bgPosition_18ujc",
-    _bgSize: "__bgSize_18ujc_gg_",
+    "_bgSize": "__bgSize_18ujc_gg_",
     "--bgSize": "--bgSize_18ujc",
-    _bgRepeat: "__bgRepeat_18ujc_gg_",
+    "_bgRepeat": "__bgRepeat_18ujc_gg_",
     "--bgRepeat": "--bgRepeat_18ujc"
   })
-), b = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=", x = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik01MSA0MkM1MSAzOS43OTA5IDUyLjc5MDkgMzggNTUgMzhINjJDNjQuMjA5MSAzOCA2NiAzOS43OTA5IDY2IDQyVjE0OEg1MVY0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik05MCA2M0M5MCA2MC43OTA5IDkxLjc5MDkgNTkgOTQgNTlIMTAxQzEwMy4yMDkgNTkgMTA1IDYwLjc5MDkgMTA1IDYzVjE0OEg5MFY2M1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K", k = function(t) {
-  var e = arguments[0], g, I, a = A, M = (I = t.layout) !== null && I !== void 0 ? I : "horizontal", o = {
-    vertical: b,
-    horizontal: x
-  }[M];
-  return g = i(T), /* @__PURE__ */ r.createElement(a, g.cn("SChartSkeleton", j({}, D({
-    bgRepeat: {
+);
+var barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+var barHorizontalSvg = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik01MSA0MkM1MSAzOS43OTA5IDUyLjc5MDkgMzggNTUgMzhINjJDNjQuMjA5MSAzOCA2NiAzOS43OTA5IDY2IDQyVjE0OEg1MVY0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik05MCA2M0M5MCA2MC43OTA5IDkxLjc5MDkgNTkgOTQgNTlIMTAxQzEwMy4yMDkgNTkgMTA1IDYwLjc5MDkgMTA1IDYzVjE0OEg5MFY2M1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
+var BarChartSkeleton = function BarChartSkeleton2(props) {
+  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"
-    }[M],
-    bgPosition: {
+    }[layout],
+    "bgPosition": {
       vertical: "left top",
       horizontal: "left bottom"
-    }[M],
-    bgSize: {
+    }[layout],
+    "bgSize": {
       vertical: "contain",
       horizontal: "auto 50%"
-    }[M],
-    bgPattern: "url(data:image/svg+xml;base64,".concat(o, ")")
-  }, e))));
+    }[layout],
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
+  }, _ref))));
 };
-const E = _(k);
+const Bar = createComponent(BarChartSkeleton);
 export {
-  E as default
+  Bar as default
 };

package/lib/esm/Charts/Bubble.mjs

@@ -1,33 +1,39 @@
-import _ from "@babel/runtime/helpers/esm/objectSpread2";
-import { createComponent as j, sstyled as M, assignProps as t } from "@semcore/core";
-import D from "react";
-import { Skeleton as a } from "../Skeleton.mjs";
-var i = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
+import React from "react";
+import { Skeleton } from "../Skeleton.mjs";
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = (
   /*__reshadow_css_start__*/
-  (M.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
     ".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
+    /*__inner_css_end__*/
     "18ujc_gg_"
-  ), {
-    __SChartSkeleton: "___SChartSkeleton_18ujc_gg_",
+  ), /*__reshadow_css_end__*/
+  {
+    "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
     "--bgPattern": "--bgPattern_18ujc",
-    _bgPosition: "__bgPosition_18ujc_gg_",
+    "_bgPosition": "__bgPosition_18ujc_gg_",
     "--bgPosition": "--bgPosition_18ujc",
-    _bgSize: "__bgSize_18ujc_gg_",
+    "_bgSize": "__bgSize_18ujc_gg_",
     "--bgSize": "--bgSize_18ujc",
-    _bgRepeat: "__bgRepeat_18ujc_gg_",
+    "_bgRepeat": "__bgRepeat_18ujc_gg_",
     "--bgRepeat": "--bgRepeat_18ujc"
   })
-), z = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K", S = function() {
-  var I = arguments[0], g, e = a;
-  return g = M(i), /* @__PURE__ */ D.createElement(e, g.cn("SChartSkeleton", _({}, t({
-    bgRepeat: "repeat-x",
-    bgPosition: "left center",
-    bgSize: "auto 50%",
-    bgPattern: "url(data:image/svg+xml;base64,".concat(z, ")")
-  }, I))));
+);
+var bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
+var BubbleChartSkeleton = function BubbleChartSkeleton2() {
+  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))));
 };
-const A = j(S);
+const Bubble = createComponent(BubbleChartSkeleton);
 export {
-  A as default
+  Bubble as default
 };

package/lib/esm/Charts/CompactHorizontalBar.mjs

@@ -1,33 +1,39 @@
-import i from "@babel/runtime/helpers/esm/objectSpread2";
-import { createComponent as a, sstyled as t, assignProps as I } from "@semcore/core";
-import o from "react";
-import { Skeleton as M } from "../Skeleton.mjs";
-var r = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
+import React from "react";
+import { Skeleton } from "../Skeleton.mjs";
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = (
   /*__reshadow_css_start__*/
-  (t.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
     ".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
+    /*__inner_css_end__*/
     "18ujc_gg_"
-  ), {
-    __SChartSkeleton: "___SChartSkeleton_18ujc_gg_",
+  ), /*__reshadow_css_end__*/
+  {
+    "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
     "--bgPattern": "--bgPattern_18ujc",
-    _bgPosition: "__bgPosition_18ujc_gg_",
+    "_bgPosition": "__bgPosition_18ujc_gg_",
     "--bgPosition": "--bgPosition_18ujc",
-    _bgSize: "__bgSize_18ujc_gg_",
+    "_bgSize": "__bgSize_18ujc_gg_",
     "--bgSize": "--bgSize_18ujc",
-    _bgRepeat: "__bgRepeat_18ujc_gg_",
+    "_bgRepeat": "__bgRepeat_18ujc_gg_",
     "--bgRepeat": "--bgRepeat_18ujc"
   })
-), D = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDE3MiAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMEgxMjBDMTIyLjIwOSAwIDEyNCAxLjc5MDg2IDEyNCA0VjEyQzEyNCAxNC4yMDkxIDEyMi4yMDkgMTYgMTIwIDE2SDBWMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPHBhdGggZD0iTTAgMzJIMTU2QzE1OC4yMDkgMzIgMTYwIDMzLjc5MDkgMTYwIDM2VjQ0QzE2MCA0Ni4yMDkxIDE1OC4yMDkgNDggMTU2IDQ4SDBWMzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDY0SDEzOEMxNDAuMjA5IDY0IDE0MiA2NS43OTA5IDE0MiA2OFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjY0WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KICA8cGF0aCBkPSJNMCA5NkgxNTZDMTU4LjIwOSA5NiAxNjAgOTcuNzkwOSAxNjAgMTAwVjEwOEMxNjAgMTEwLjIwOSAxNTguMjA5IDExMiAxNTYgMTEySDBWOTZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDEyOEgxMTZDMTE4LjIwOSAxMjggMTIwIDEyOS43OTEgMTIwIDEzMlYxNDBDMTIwIDE0Mi4yMDkgMTE4LjIwOSAxNDQgMTE2IDE0NEgwVjEyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPC9zdmc+CiAg", j = function(S) {
-  var e = arguments[0], g, _ = M;
-  return g = t(r), /* @__PURE__ */ o.createElement(_, g.cn("SChartSkeleton", i({}, I({
-    bgRepeat: "repeat-y",
-    bgPosition: "left top",
-    bgSize: "contain",
-    bgPattern: "url(data:image/svg+xml;base64,".concat(D, ")")
-  }, e))));
+);
+var patternBase64 = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDE3MiAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMEgxMjBDMTIyLjIwOSAwIDEyNCAxLjc5MDg2IDEyNCA0VjEyQzEyNCAxNC4yMDkxIDEyMi4yMDkgMTYgMTIwIDE2SDBWMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPHBhdGggZD0iTTAgMzJIMTU2QzE1OC4yMDkgMzIgMTYwIDMzLjc5MDkgMTYwIDM2VjQ0QzE2MCA0Ni4yMDkxIDE1OC4yMDkgNDggMTU2IDQ4SDBWMzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDY0SDEzOEMxNDAuMjA5IDY0IDE0MiA2NS43OTA5IDE0MiA2OFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjY0WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KICA8cGF0aCBkPSJNMCA5NkgxNTZDMTU4LjIwOSA5NiAxNjAgOTcuNzkwOSAxNjAgMTAwVjEwOEMxNjAgMTEwLjIwOSAxNTguMjA5IDExMiAxNTYgMTEySDBWOTZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDEyOEgxMTZDMTE4LjIwOSAxMjggMTIwIDEyOS43OTEgMTIwIDEzMlYxNDBDMTIwIDE0Mi4yMDkgMTE4LjIwOSAxNDQgMTE2IDE0NEgwVjEyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPC9zdmc+CiAg";
+var CompactHorizontalBarChartSkeleton = function CompactHorizontalBarChartSkeleton2(props) {
+  var _ref = arguments[0], _ref2;
+  var SChartSkeleton = Skeleton;
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
+    "bgRepeat": "repeat-y",
+    "bgPosition": "left top",
+    "bgSize": "contain",
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
+  }, _ref))));
 };
-const T = a(j);
+const CompactHorizontalBar = createComponent(CompactHorizontalBarChartSkeleton);
 export {
-  T as default
+  CompactHorizontalBar as default
 };

package/lib/esm/Charts/Donut.mjs

@@ -1,39 +1,48 @@
-import i from "@babel/runtime/helpers/esm/objectSpread2";
-import { createComponent as j, sstyled as e, assignProps as _ } from "@semcore/core";
-import T from "react";
-import { Skeleton as o } from "../Skeleton.mjs";
-var z = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
+import React from "react";
+import { Skeleton } from "../Skeleton.mjs";
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = (
   /*__reshadow_css_start__*/
-  (e.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
     ".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
+    /*__inner_css_end__*/
     "18ujc_gg_"
-  ), {
-    __SChartSkeleton: "___SChartSkeleton_18ujc_gg_",
+  ), /*__reshadow_css_end__*/
+  {
+    "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
     "--bgPattern": "--bgPattern_18ujc",
-    _bgPosition: "__bgPosition_18ujc_gg_",
+    "_bgPosition": "__bgPosition_18ujc_gg_",
     "--bgPosition": "--bgPosition_18ujc",
-    _bgSize: "__bgSize_18ujc_gg_",
+    "_bgSize": "__bgSize_18ujc_gg_",
     "--bgSize": "--bgSize_18ujc",
-    _bgRepeat: "__bgRepeat_18ujc_gg_",
+    "_bgRepeat": "__bgRepeat_18ujc_gg_",
     "--bgRepeat": "--bgRepeat_18ujc"
   })
-), u = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9JiMyNDA7JiMxNTk7JiMxNDE7JiMxNjk7IGRvbnV0IGNoYXJ0LCBwaWN0dXJlIGRpdj1mYWxzZSI+CjxnIGlkPSJkb251dC1jaGFydCI+CjxwYXRoIGQ9Ik0xNTguODYzIDE0NS43NDJDMTcxLjQ1MyAxMzAuMjU5IDE4MCAxMTEuNTExIDE4MCA5MEMxODAgNjguNjE2OCAxNzIuNTQzIDQ4Ljk3NTMgMTYwLjA4NyAzMy41MzQzTDEzNy43MzEgNTUuMTQ1OUMxNTEuNzk5IDgyLjA2NzMgMTUxLjQ3NSA5NS40NDAzIDEzNy43OTMgMTIzLjcyNEwxNTguODYzIDE0NS43NDJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOTAgMTgwQzExNy4xMTIgMTgwIDE0MC40MjUgMTY3LjAxMSAxNTYuOTI1IDE0OC4wNDZMMTM1LjgyNyAxMjZDMTI0LjgyNyAxMzkuNTcgMTA4LjMzIDE0OSA4OS41IDE0OUM1Ni4zNjI5IDE0OSAyOSAxMjMuMTM3IDI5IDkwQzI4LjU2MzEgNTcuODU3NiA1NC44NzYyIDMxLjU3OTkgODcgMzBWMC4wNDkwNThDMzguNjgzMSAxLjYzMTUyIDAgNDEuMjk4MyAwIDkwQzAgMTM5LjcwNiA0MC4yOTQ0IDE4MCA5MCAxODBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTU4LjA0NiAzMS4zMzI3TDEzNS42MzQgNTNDMTI1LjEzMiAzOS42MTYxIDEwOS44NzQgMzAuNDU1MiA5MCAzMFYwQzExNy45MTUgMCAxNDEuNTM4IDExLjM4NTEgMTU4LjA0NiAzMS4zMzI3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=", S = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTgwIDkwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTU2LjkyNSAzMS45NTM4QzE0MC40MjUgMTIuOTg4NiAxMTcuMTEyIDAgOTAgMEM0MC4yOTQ0IDAgMCA0MC4yOTQ0IDAgOTBIMjlDMjkgNTYuODYyOSA1Ni4zNjI5IDMxIDg5LjUgMzFDMTA4LjMzIDMxIDEyNC44MjcgNDAuNDI5NiAxMzUuODI3IDU0TDE1Ni45MjUgMzEuOTUzOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xODAgOTBIMTQ4LjE1MkMxNDcuODg2IDgwLjA5ODkgMTQ0LjM5NSA2OS45MjMzIDEzNy43OTMgNTYuMjc2NEwxNTguODYzIDM0LjI1ODFDMTcxLjQ1MyA0OS43NDA3IDE4MCA2OC40ODkgMTgwIDkwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==", c = function(a) {
-  var t = arguments[0], g, M, D = o, I = (M = a.halfsize) !== null && M !== void 0 ? M : !1, N = {
-    true: S,
-    false: u
-  }[I];
-  return g = e(z), /* @__PURE__ */ T.createElement(D, g.cn("SChartSkeleton", i({}, _({
-    bgRepeat: "no-repeat",
-    bgPosition: {
-      true: "center bottom",
-      false: "center"
-    }[I],
-    bgSize: "contain",
-    bgPattern: "url(data:image/svg+xml;base64,".concat(N, ")")
-  }, t))));
+);
+var donutFullSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9JiMyNDA7JiMxNTk7JiMxNDE7JiMxNjk7IGRvbnV0IGNoYXJ0LCBwaWN0dXJlIGRpdj1mYWxzZSI+CjxnIGlkPSJkb251dC1jaGFydCI+CjxwYXRoIGQ9Ik0xNTguODYzIDE0NS43NDJDMTcxLjQ1MyAxMzAuMjU5IDE4MCAxMTEuNTExIDE4MCA5MEMxODAgNjguNjE2OCAxNzIuNTQzIDQ4Ljk3NTMgMTYwLjA4NyAzMy41MzQzTDEzNy43MzEgNTUuMTQ1OUMxNTEuNzk5IDgyLjA2NzMgMTUxLjQ3NSA5NS40NDAzIDEzNy43OTMgMTIzLjcyNEwxNTguODYzIDE0NS43NDJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOTAgMTgwQzExNy4xMTIgMTgwIDE0MC40MjUgMTY3LjAxMSAxNTYuOTI1IDE0OC4wNDZMMTM1LjgyNyAxMjZDMTI0LjgyNyAxMzkuNTcgMTA4LjMzIDE0OSA4OS41IDE0OUM1Ni4zNjI5IDE0OSAyOSAxMjMuMTM3IDI5IDkwQzI4LjU2MzEgNTcuODU3NiA1NC44NzYyIDMxLjU3OTkgODcgMzBWMC4wNDkwNThDMzguNjgzMSAxLjYzMTUyIDAgNDEuMjk4MyAwIDkwQzAgMTM5LjcwNiA0MC4yOTQ0IDE4MCA5MCAxODBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTU4LjA0NiAzMS4zMzI3TDEzNS42MzQgNTNDMTI1LjEzMiAzOS42MTYxIDEwOS44NzQgMzAuNDU1MiA5MCAzMFYwQzExNy45MTUgMCAxNDEuNTM4IDExLjM4NTEgMTU4LjA0NiAzMS4zMzI3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
+var donutHalfSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTgwIDkwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTU2LjkyNSAzMS45NTM4QzE0MC40MjUgMTIuOTg4NiAxMTcuMTEyIDAgOTAgMEM0MC4yOTQ0IDAgMCA0MC4yOTQ0IDAgOTBIMjlDMjkgNTYuODYyOSA1Ni4zNjI5IDMxIDg5LjUgMzFDMTA4LjMzIDMxIDEyNC44MjcgNDAuNDI5NiAxMzUuODI3IDU0TDE1Ni45MjUgMzEuOTUzOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xODAgOTBIMTQ4LjE1MkMxNDcuODg2IDgwLjA5ODkgMTQ0LjM5NSA2OS45MjMzIDEzNy43OTMgNTYuMjc2NEwxNTguODYzIDM0LjI1ODFDMTcxLjQ1MyA0OS43NDA3IDE4MCA2OC40ODkgMTgwIDkwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
+var DonutChartSkeleton = function DonutChartSkeleton2(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))));
 };
-const O = j(c);
+const Donut = createComponent(DonutChartSkeleton);
 export {
-  O as default
+  Donut as default
 };