@semcore/skeleton 16.0.11-prerelease.5 → 17.0.0-prerelease.17

package/lib/cjs/Skeleton.js

@@ -1,189 +1,162 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Skeleton = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = exports.Skeleton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
 var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
 var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
-var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
-var _excluded = ["y", "x", "amount", "width", "styles", "forwardRef"];
 /*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_5mvam{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_5mvam_gg_{animation-name:pulse_5mvam;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_5mvam);will-change:opacity}.___SSkeletonSVG_5mvam_gg_._theme_invert_5mvam_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_5mvam_gg_._theme_dark_5mvam_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_5mvam_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_5mvam_gg_{animation-name:none}}", /*__inner_css_end__*/"5mvam_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_17nle{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_17nle_gg_{animation-name:pulse_17nle;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_17nle);will-change:opacity}.___SSkeletonSVG_17nle_gg_._theme_invert_17nle_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_17nle_gg_._theme_dark_17nle_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_17nle_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_17nle_gg_{animation-name:none}}", /*__inner_css_end__*/"17nle_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SSkeleton": "___SSkeleton_5mvam_gg_",
-  "--durationAnim": "--durationAnim_5mvam",
-  "@pulse": "pulse_5mvam",
-  "__SSkeletonSVG": "___SSkeletonSVG_5mvam_gg_",
-  "_theme_invert": "_theme_invert_5mvam_gg_",
-  "_theme_dark": "_theme_dark_5mvam_gg_",
-  "__SText": "___SText_5mvam_gg_"
+  "__SSkeleton": "___SSkeleton_17nle_gg_",
+  "--durationAnim": "--durationAnim_17nle",
+  "@pulse": "pulse_17nle",
+  "__SSkeletonSVG": "___SSkeletonSVG_17nle_gg_",
+  "_theme_invert": "_theme_invert_17nle_gg_",
+  "_theme_dark": "_theme_dark_17nle_gg_",
+  "__SText": "___SText_17nle_gg_"
 });
-var MAP_COLOR_THEME = {
+const MAP_COLOR_THEME = {
   dark: 'rgba(255, 255, 255, 0.3)',
   invert: 'rgba(224, 225, 233, 0.8)'
 };
-var SkeletonRoot = /*#__PURE__*/function (_Component) {
-  function SkeletonRoot() {
-    (0, _classCallCheck2["default"])(this, SkeletonRoot);
-    return (0, _callSuper2["default"])(this, SkeletonRoot, arguments);
-  }
-  (0, _inherits2["default"])(SkeletonRoot, _Component);
-  return (0, _createClass2["default"])(SkeletonRoot, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref3;
-      var SSkeleton = _flexBox.Box;
-      var _this$asProps = this.asProps,
-        styles = _this$asProps.styles,
-        duration = _this$asProps.duration,
-        hidden = _this$asProps.hidden,
-        getI18nText = _this$asProps.getI18nText;
-      if (hidden) return null;
-      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSkeleton, _ref3.cn("SSkeleton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "durationAnim": "".concat(duration, "ms"),
+class SkeletonRoot extends _core.Component {
+  render() {
+    var _ref = this.asProps,
+      _ref3;
+    const SSkeleton = _baseComponents.Box;
+    const {
+      styles,
+      duration,
+      hidden,
+      getI18nText
+    } = this.asProps;
+    if (hidden) return null;
+    return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SSkeleton, _ref3.cn("SSkeleton", {
+      ...(0, _core.assignProps)({
+        "durationAnim": `${duration}ms`,
         "role": 'img',
         "aria-label": getI18nText('loading')
-      }, _ref))));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(SkeletonRoot, "displayName", 'Skeleton');
-(0, _defineProperty2["default"])(SkeletonRoot, "style", style);
-(0, _defineProperty2["default"])(SkeletonRoot, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
-(0, _defineProperty2["default"])(SkeletonRoot, "defaultProps", {
+      }, _ref)
+    }));
+  }
+}
+(0, _defineProperty2.default)(SkeletonRoot, "displayName", 'Skeleton');
+(0, _defineProperty2.default)(SkeletonRoot, "style", style);
+(0, _defineProperty2.default)(SkeletonRoot, "enhance", [(0, _i18nEnhance.default)(_intergalacticDynamicLocales.localizedMessages)]);
+(0, _defineProperty2.default)(SkeletonRoot, "defaultProps", {
   width: '100%',
   height: '100%',
   duration: 2000
 });
-var SkeletonSVG = /*#__PURE__*/function (_Component2) {
-  function SkeletonSVG(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, SkeletonSVG);
-    _this = (0, _callSuper2["default"])(this, SkeletonSVG, [props]);
-    (0, _defineProperty2["default"])(_this, "svgRef", /*#__PURE__*/_react["default"].createRef());
-    if ((0, _canUseDOM["default"])() && props.observeParentSize) {
-      _this.observer = new ResizeObserver(_this.handleResize.bind(_this));
+class SkeletonSVG extends _core.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "svgRef", /*#__PURE__*/_react.default.createRef());
+    if ((0, _canUseDOM.default)() && props.observeParentSize) {
+      this.observer = new ResizeObserver(this.handleResize.bind(this));
     }
-    return _this;
   }
-  (0, _inherits2["default"])(SkeletonSVG, _Component2);
-  return (0, _createClass2["default"])(SkeletonSVG, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$observer, _this$svgRef$current;
-      (_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.observe((_this$svgRef$current = this.svgRef.current) === null || _this$svgRef$current === void 0 ? void 0 : _this$svgRef$current.parentElement);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var _this$observer2;
-      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 || _this$observer2.disconnect();
-    }
-  }, {
-    key: "handleResize",
-    value: function handleResize(data) {
-      var target = data[0].target;
-      var svg = this.svgRef.current;
-      if (target && svg) {
-        svg.setAttribute('width', '100%');
-      }
-    }
-  }, {
-    key: "setContext",
-    value: function setContext() {
-      var theme = this.asProps.theme;
-      return {
-        gradientUrl: MAP_COLOR_THEME[theme]
-      };
+  componentDidMount() {
+    this.observer?.observe(this.svgRef.current?.parentElement);
+  }
+  componentWillUnmount() {
+    this.observer?.disconnect();
+  }
+  handleResize(data) {
+    const target = data[0].target;
+    const svg = this.svgRef.current;
+    if (target && svg) {
+      svg.setAttribute('width', '100%');
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref2 = this.asProps,
-        _ref4;
-      var _this$asProps2 = this.asProps,
-        Children = _this$asProps2.Children,
-        styles = _this$asProps2.styles,
-        uid = _this$asProps2.uid,
-        theme = _this$asProps2.theme,
-        duration = _this$asProps2.duration;
-      var SSkeletonSVG = Skeleton;
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSkeletonSVG, _ref4.cn("SSkeletonSVG", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  }
+  setContext() {
+    const {
+      theme
+    } = this.asProps;
+    return {
+      gradientUrl: MAP_COLOR_THEME[theme]
+    };
+  }
+  render() {
+    var _ref2 = this.asProps,
+      _ref4;
+    const {
+      Children,
+      styles,
+      uid,
+      theme,
+      duration
+    } = this.asProps;
+    const SSkeletonSVG = Skeleton;
+    return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SSkeletonSVG, _ref4.cn("SSkeletonSVG", {
+      ...(0, _core.assignProps)({
         "tag": 'svg',
         "ref": this.svgRef,
         "preserveAspectRatio": 'none',
         "theme": theme,
-        "durationAnim": "".concat(duration, "ms")
-      }, _ref2))), /*#__PURE__*/_react["default"].createElement("defs", _ref4.cn("defs", {}), /*#__PURE__*/_react["default"].createElement("mask", _ref4.cn("mask", {
-        "id": uid
-      }), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})))), /*#__PURE__*/_react["default"].createElement("rect", _ref4.cn("rect", {
-        "x": '0',
-        "y": '0',
-        "width": '100%',
-        "height": '100%',
-        "mask": "url(#".concat(uid, ")")
-      })));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(SkeletonSVG, "displayName", 'SkeletonSVG');
-(0, _defineProperty2["default"])(SkeletonSVG, "enhance", [(0, _uniqueID["default"])()]);
-(0, _defineProperty2["default"])(SkeletonSVG, "style", style);
-(0, _defineProperty2["default"])(SkeletonSVG, "defaultProps", {
+        "durationAnim": `${duration}ms`
+      }, _ref2)
+    }), /*#__PURE__*/_react.default.createElement("defs", _ref4.cn("defs", {}), /*#__PURE__*/_react.default.createElement("mask", _ref4.cn("mask", {
+      "id": uid
+    }), /*#__PURE__*/_react.default.createElement(Children, _ref4.cn("Children", {})))), /*#__PURE__*/_react.default.createElement("rect", _ref4.cn("rect", {
+      "x": '0',
+      "y": '0',
+      "width": '100%',
+      "height": '100%',
+      "mask": `url(#${uid})`
+    })));
+  }
+}
+(0, _defineProperty2.default)(SkeletonSVG, "displayName", 'SkeletonSVG');
+(0, _defineProperty2.default)(SkeletonSVG, "enhance", [(0, _uniqueID.default)()]);
+(0, _defineProperty2.default)(SkeletonSVG, "style", style);
+(0, _defineProperty2.default)(SkeletonSVG, "defaultProps", {
   theme: 'invert',
   duration: 2000
 });
 function Text(props) {
-  var SText = _flexBox.Box;
-  var _props$y = props.y,
-    y = _props$y === void 0 ? 0 : _props$y,
-    _props$x = props.x,
-    x = _props$x === void 0 ? 0 : _props$x,
-    _props$amount = props.amount,
-    amount = _props$amount === void 0 ? 1 : _props$amount,
-    _props$width = props.width,
-    width = _props$width === void 0 ? '100%' : _props$width,
-    styles = props.styles,
-    forwardRef = props.forwardRef,
-    other = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var amountLine = Number(amount);
-  var renderRect = function renderRect(props) {
+  const SText = _baseComponents.Box;
+  const {
+    y = 0,
+    x = 0,
+    amount = 1,
+    width = '100%',
+    styles,
+    forwardRef,
+    ...other
+  } = props;
+  const amountLine = Number(amount);
+  const renderRect = props => {
     var _ref5;
-    return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({
+    return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SText, _ref5.cn("SText", {
       "tag": 'rect',
       "rx": '4',
       "ry": '4',
-      "height": '8'
-    }, props)));
+      "height": '8',
+      ...props
+    }));
   };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _toConsumableArray2["default"])(Array(amountLine)).map(function (_el, index) {
-    return renderRect((0, _objectSpread2["default"])({
-      key: index,
-      y: y || 20 * index,
-      x: x,
-      ref: forwardRef,
-      width: width
-    }, other));
-  }));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, [...Array(amountLine)].map((_el, index) => renderRect({
+    key: index,
+    y: y || 20 * index,
+    x,
+    ref: forwardRef,
+    width,
+    ...other
+  })));
 }
-var Skeleton = exports.Skeleton = (0, _core.createComponent)(SkeletonRoot);
-var _default = exports["default"] = (0, _core.createComponent)(SkeletonSVG, {
-  Text: Text
+const Skeleton = exports.Skeleton = (0, _core.createComponent)(SkeletonRoot);
+var _default = exports.default = (0, _core.createComponent)(SkeletonSVG, {
+  Text
 });
 //# sourceMappingURL=Skeleton.js.map

package/lib/cjs/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["_core","require","_canUseDOM","_interopRequireDefault","_i18nEnhance","_uniqueID","_flexBox","_react","_intergalacticDynamicLocales","_excluded","style","sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref3","SSkeleton","Box","_this$asProps","styles","duration","hidden","getI18nText","createElement","cn","_objectSpread2","assignProps","concat","Component","_defineProperty2","i18nEnhance","localizedMessages","width","height","SkeletonSVG","_Component2","props","_this","React","createRef","canUseDOM","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","Children","uid","SSkeletonSVG","Skeleton","uniqueIDEnhancement","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties2","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray2","Array","map","_el","index","ref","exports","createComponent","_default"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './style/skeleton.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255, 255, 255, 0.3)',\n  invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component {\n  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 { styles, duration, hidden, getI18nText } = 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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","ignoreList":[]}
+{"version":3,"file":"Skeleton.js","names":["_core","require","_baseComponents","_canUseDOM","_interopRequireDefault","_i18nEnhance","_uniqueID","_react","_intergalacticDynamicLocales","style","sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","Component","render","_ref","asProps","_ref3","SSkeleton","Box","styles","duration","hidden","getI18nText","default","createElement","cn","assignProps","_defineProperty2","i18nEnhance","localizedMessages","width","height","SkeletonSVG","constructor","props","React","createRef","canUseDOM","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","observe","svgRef","current","parentElement","componentWillUnmount","disconnect","data","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","Children","uid","SSkeletonSVG","Skeleton","uniqueIDEnhancement","Text","SText","y","x","amount","forwardRef","other","amountLine","Number","renderRect","_ref5","Fragment","Array","map","_el","index","key","ref","exports","createComponent","_default"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport style from './style/skeleton.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255, 255, 255, 0.3)',\n  invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component {\n  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 { styles, duration, hidden, getI18nText } = 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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","ignoreList":[]}

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Intergalactic, UnknownProperties } from '@semcore/core';\nimport type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';\nimport type { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ISkeletonProps extends SkeletonProps, UnknownProperties {}\nexport type SkeletonProps = BoxProps &\n  UniqueIDProps & {\n    /**\n     *  Skeleton visibility control property\n     */\n    hidden?: boolean;\n    /**\n     * Animation speed in ms\n     * @default 2000\n     */\n    duration?: string | number;\n    /**\n     * Skeleton theme\n     * @default invert\n     */\n    theme?: 'dark' | 'invert';\n    /** Specifies the locale for i18n support */\n    locale?: string;\n    /**\n     * Enable ResizeObserver for parent Element to recalculate skeleton size.\n     * @default false\n     */\n    observeParentSize?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISkeletonCtx extends SkeletonCtx, UnknownProperties {}\nexport type SkeletonCtx = {\n  gradientUrl: 'string';\n};\n\n/** @deprecated */\nexport interface ISkeletonTextProps extends SkeletonTextProps, UnknownProperties {}\nexport type SkeletonTextProps = BoxProps & {\n  /**\n   * Number of items to be returned\n   * @default 1\n   */\n  amount?: string | number;\n};\n\nexport type AreaChartSkeletonProps = SkeletonProps & {\n  /** Controls the area curve interpolation style for the skeleton pattern */\n  type?: 'linear' | 'monotone';\n};\n\nexport type BarChartSkeletonProps = SkeletonProps & {\n  /** Controls the orientation of the bar chart skeleton */\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type HistogramChartSkeletonProps = SkeletonProps & {\n  /** Controls the orientation of the histogram chart skeleton */\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type LineChartSkeletonProps = SkeletonProps & {\n  /** Controls the line interpolation style for the skeleton pattern */\n  type?: 'linear' | 'monotone';\n};\n\nexport type DonutChartSkeletonProps = SkeletonProps & {\n  /** Semi donut */\n  halfsize?: boolean;\n};\n\ndeclare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {\n  Text: Intergalactic.Component<'rect', SkeletonTextProps>;\n};\ndeclare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;\ndeclare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;\ndeclare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;\ndeclare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;\ndeclare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;\ndeclare const VennChartSkeleton: typeof Skeleton;\ndeclare const BubbleChartSkeleton: typeof Skeleton;\ndeclare const ScatterPlotChartSkeleton: typeof Skeleton;\ndeclare const RadialTreeChartSkeleton: typeof Skeleton;\ndeclare const CompactHorizontalBarChartSkeleton: typeof Skeleton;\n\nexport default Skeleton;\nexport {\n  AreaChartSkeleton,\n  BarChartSkeleton,\n  HistogramChartSkeleton,\n  LineChartSkeleton,\n  DonutChartSkeleton,\n  VennChartSkeleton,\n  BubbleChartSkeleton,\n  ScatterPlotChartSkeleton,\n  RadialTreeChartSkeleton,\n  CompactHorizontalBarChartSkeleton,\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';\n\nexport type SkeletonProps = BoxProps &\n  UniqueIDProps & {\n    /**\n     *  Skeleton visibility control property\n     */\n    hidden?: boolean;\n    /**\n     * Animation speed in ms\n     * @default 2000\n     */\n    duration?: string | number;\n    /**\n     * Skeleton theme\n     * @default invert\n     */\n    theme?: 'dark' | 'invert';\n    /** Specifies the locale for i18n support */\n    locale?: string;\n    /**\n     * Enable ResizeObserver for parent Element to recalculate skeleton size.\n     * @default false\n     */\n    observeParentSize?: boolean;\n  };\n\nexport type SkeletonCtx = {\n  gradientUrl: 'string';\n};\n\nexport type SkeletonTextProps = BoxProps & {\n  /**\n   * Number of items to be returned\n   * @default 1\n   */\n  amount?: string | number;\n};\n\nexport type AreaChartSkeletonProps = SkeletonProps & {\n  /** Controls the area curve interpolation style for the skeleton pattern */\n  type?: 'linear' | 'monotone';\n};\n\nexport type BarChartSkeletonProps = SkeletonProps & {\n  /** Controls the orientation of the bar chart skeleton */\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type HistogramChartSkeletonProps = SkeletonProps & {\n  /** Controls the orientation of the histogram chart skeleton */\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type LineChartSkeletonProps = SkeletonProps & {\n  /** Controls the line interpolation style for the skeleton pattern */\n  type?: 'linear' | 'monotone';\n};\n\nexport type DonutChartSkeletonProps = SkeletonProps & {\n  /** Semi donut */\n  halfsize?: boolean;\n};\n\ndeclare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {\n  Text: Intergalactic.Component<'rect', SkeletonTextProps>;\n};\ndeclare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;\ndeclare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;\ndeclare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;\ndeclare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;\ndeclare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;\ndeclare const VennChartSkeleton: typeof Skeleton;\ndeclare const BubbleChartSkeleton: typeof Skeleton;\ndeclare const ScatterPlotChartSkeleton: typeof Skeleton;\ndeclare const RadialTreeChartSkeleton: typeof Skeleton;\ndeclare const CompactHorizontalBarChartSkeleton: typeof Skeleton;\n\nexport default Skeleton;\nexport {\n  AreaChartSkeleton,\n  BarChartSkeleton,\n  HistogramChartSkeleton,\n  LineChartSkeleton,\n  DonutChartSkeleton,\n  VennChartSkeleton,\n  BubbleChartSkeleton,\n  ScatterPlotChartSkeleton,\n  RadialTreeChartSkeleton,\n  CompactHorizontalBarChartSkeleton,\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/index.js

@@ -1,14 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
-    return _Skeleton["default"];
+  get: function () {
+    return _Skeleton.default;
   }
 });
 var _Skeleton = _interopRequireDefault(require("./Skeleton"));
@@ -19,7 +19,7 @@ Object.keys(_Charts).forEach(function (key) {
   if (key in exports && exports[key] === _Charts[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Charts[key];
     }
   });

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Skeleton","_interopRequireDefault","require","_Charts","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Skeleton';\n\nexport * from './Charts';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Skeleton","_interopRequireDefault","require","_Charts","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Skeleton';\n\nexport * from './Charts';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/cjs/translations/__intergalactic-dynamic-locales.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,20 +19,20 @@ var _sv = _interopRequireDefault(require("./sv.json"));
 var _tr = _interopRequireDefault(require("./tr.json"));
 var _vi = _interopRequireDefault(require("./vi.json"));
 var _zh = _interopRequireDefault(require("./zh.json"));
-var localizedMessages = exports.localizedMessages = {
-  de: _de["default"],
-  en: _en["default"],
-  es: _es["default"],
-  fr: _fr["default"],
-  it: _it["default"],
-  ja: _ja["default"],
-  ko: _ko["default"],
-  nl: _nl["default"],
-  pt: _pt["default"],
-  tr: _tr["default"],
-  vi: _vi["default"],
-  zh: _zh["default"],
-  pl: _pl["default"],
-  sv: _sv["default"]
+const localizedMessages = exports.localizedMessages = {
+  de: _de.default,
+  en: _en.default,
+  es: _es.default,
+  fr: _fr.default,
+  it: _it.default,
+  ja: _ja.default,
+  ko: _ko.default,
+  nl: _nl.default,
+  pt: _pt.default,
+  tr: _tr.default,
+  vi: _vi.default,
+  zh: _zh.default,
+  pl: _pl.default,
+  sv: _sv.default
 };
 //# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,MAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}

package/lib/es6/Charts/Area.js

@@ -1,39 +1,39 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 import { createComponent, Root, sstyled } from '@semcore/core';
 import React from 'react';
 import { Skeleton } from '../Skeleton';
 /*!__reshadow-styles__:"../style/chart.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1l438_gg_{height:200px;width:100%;background-image:var(--bgPattern_1l438)}.___SChartSkeleton_1l438_gg_.__bgPosition_1l438_gg_{background-position:var(--bgPosition_1l438)}.___SChartSkeleton_1l438_gg_.__bgSize_1l438_gg_{background-size:var(--bgSize_1l438)}.___SChartSkeleton_1l438_gg_.__bgRepeat_1l438_gg_{background-repeat:var(--bgRepeat_1l438)}", /*__inner_css_end__*/"1l438_gg_"),
+const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}", /*__inner_css_end__*/"1k4jx_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_1l438_gg_",
-  "--bgPattern": "--bgPattern_1l438",
-  "_bgPosition": "__bgPosition_1l438_gg_",
-  "--bgPosition": "--bgPosition_1l438",
-  "_bgSize": "__bgSize_1l438_gg_",
-  "--bgSize": "--bgSize_1l438",
-  "_bgRepeat": "__bgRepeat_1l438_gg_",
-  "--bgRepeat": "--bgRepeat_1l438"
+  "__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
+  "--bgPattern": "--bgPattern_1k4jx",
+  "_bgPosition": "__bgPosition_1k4jx_gg_",
+  "--bgPosition": "--bgPosition_1k4jx",
+  "_bgSize": "__bgSize_1k4jx_gg_",
+  "--bgSize": "--bgSize_1k4jx",
+  "_bgRepeat": "__bgRepeat_1k4jx_gg_",
+  "--bgRepeat": "--bgRepeat_1k4jx"
 });
-var areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
-var areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
-var AreaChartSkeleton = function AreaChartSkeleton(props) {
+const areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+const areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+function AreaChartSkeleton(props) {
   var _ref = arguments[0],
-    _ref2,
-    _props$type;
-  var SChartSkeleton = Skeleton;
-  var patternBase64 = {
+    _ref2;
+  const SChartSkeleton = Skeleton;
+  const 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))));
-};
+  }[props.type ?? 'linear'];
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
+    ..._assignProps({
+      "bgRepeat": 'repeat-x',
+      "bgPosition": 'left bottom',
+      "bgSize": 'auto 50%',
+      "bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
+    }, _ref)
+  }));
+}
 export default createComponent(AreaChartSkeleton);
 //# sourceMappingURL=Area.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Area.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","areaLinearSvg","areaMonotoneSvg","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Area.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-linear.svg'))\n`;\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-monotone.svg'))\n`;\n\nconst AreaChartSkeleton = (props) => {\n  const SChartSkeleton = Root;\n  const patternBase64 = { linear: areaLinearSvg, monotone: areaMonotoneSvg }[\n    props.type ?? 'linear'\n  ];\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left bottom'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n};\n\nexport default createComponent(AreaChartSkeleton);\n"],"mappings":";;;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,yVAElB;AACD,IAAMC,eAAe,iRAEpB;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,GAAOZ,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAkB,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,GAC1D,CAAC;AAEN,CAAC;AAED,eAAeZ,eAAe,CAACU,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"file":"Area.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","areaLinearSvg","areaMonotoneSvg","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","patternBase64","linear","monotone","type","createElement","cn","_assignProps"],"sources":["../../../src/Charts/Area.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-linear.svg'))\n`;\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-monotone.svg'))\n`;\n\nfunction AreaChartSkeleton(props) {\n  const SChartSkeleton = Root;\n  const patternBase64 = { linear: areaLinearSvg, monotone: areaMonotoneSvg }[\n    props.type ?? 'linear'\n  ];\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left bottom'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n}\n\nexport default createComponent(AreaChartSkeleton);\n"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,aAAa,yVAElB;AACD,MAAMC,eAAe,iRAEpB;AAED,SAASC,iBAAiBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChC,MAAMC,cAAc,GAMRX,QAAQ;EALpB,MAAMY,aAAa,GAAG;IAAEC,MAAM,EAAET,aAAa;IAAEU,QAAQ,EAAET;EAAgB,CAAC,CACxEE,KAAK,CAACQ,IAAI,IAAI,QAAQ,CACvB;EACD,OAAAL,KAAA,GAAOZ,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAiB,aAAA,CAACL,cAAc,EAAAD,KAAA,CAAAO,EAAA;IAAA,GAAAC,YAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCN,aAAa;IAAG,GAAAJ,IAAA;EAAA,EAC7D,CAAC;AAEN;AAEA,eAAeZ,eAAe,CAACU,iBAAiB,CAAC","ignoreList":[]}