@semcore/skeleton 5.43.0-prerelease.1 → 5.43.0-prerelease.5

package/lib/cjs/Skeleton.js

@@ -1,65 +1,59 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 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"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+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 _react = _interopRequireDefault(require("react"));
-var _flexBox = require("@semcore/flex-box");
-var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
-var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 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__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1ng3k{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1ng3k_gg_{animation-name:pulse_1ng3k;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1ng3k);will-change:opacity}.___SSkeletonSVG_1ng3k_gg_._theme_invert_1ng3k_gg_{fill:var(--intergalactic-skeleton-bg, rgb(221, 222, 222))}.___SSkeletonSVG_1ng3k_gg_._theme_dark_1ng3k_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgb(44, 47, 43))}.___SText_1ng3k_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1ng3k_gg_{animation-name:none}}", /*__inner_css_end__*/"1ng3k_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_15u95{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_15u95_gg_{animation-name:pulse_15u95;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_15u95);will-change:opacity}.___SSkeletonSVG_15u95_gg_._theme_invert_15u95_gg_{fill:var(--intergalactic-skeleton-bg, rgb(221, 222, 222))}.___SSkeletonSVG_15u95_gg_._theme_dark_15u95_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgb(44, 47, 43))}.___SText_15u95_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_15u95_gg_{animation-name:none}}", /*__inner_css_end__*/"15u95_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SSkeleton": "___SSkeleton_1ng3k_gg_",
-  "--durationAnim": "--durationAnim_1ng3k",
-  "@pulse": "pulse_1ng3k",
-  "__SSkeletonSVG": "___SSkeletonSVG_1ng3k_gg_",
-  "_theme_invert": "_theme_invert_1ng3k_gg_",
-  "_theme_dark": "_theme_dark_1ng3k_gg_",
-  "__SText": "___SText_1ng3k_gg_"
+  "__SSkeleton": "___SSkeleton_15u95_gg_",
+  "--durationAnim": "--durationAnim_15u95",
+  "@pulse": "pulse_15u95",
+  "__SSkeletonSVG": "___SSkeletonSVG_15u95_gg_",
+  "_theme_invert": "_theme_invert_15u95_gg_",
+  "_theme_dark": "_theme_dark_15u95_gg_",
+  "__SText": "___SText_15u95_gg_"
 });
 var MAP_COLOR_THEME = {
   dark: 'rgba(255, 255, 255, 0.3)',
   invert: 'rgba(224, 225, 233, 0.8)'
 };
 var SkeletonRoot = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(SkeletonRoot, _Component);
-  var _super = (0, _createSuper2["default"])(SkeletonRoot);
   function SkeletonRoot() {
     (0, _classCallCheck2["default"])(this, SkeletonRoot);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2["default"])(this, SkeletonRoot, arguments);
   }
-  (0, _createClass2["default"])(SkeletonRoot, [{
+  (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 SSkeleton = _baseComponents.Box;
       var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
         styles = _this$asProps.styles,
         duration = _this$asProps.duration,
         hidden = _this$asProps.hidden,
-        getI18nText = _this$asProps.getI18nText,
-        tag = _this$asProps.tag;
+        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"),
@@ -68,7 +62,6 @@ var SkeletonRoot = /*#__PURE__*/function (_Component) {
       }, _ref))));
     }
   }]);
-  return SkeletonRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(SkeletonRoot, "displayName", 'Skeleton');
 (0, _defineProperty2["default"])(SkeletonRoot, "style", style);
@@ -79,34 +72,37 @@ var SkeletonRoot = /*#__PURE__*/function (_Component) {
   duration: 2000
 });
 var SkeletonSVG = /*#__PURE__*/function (_Component2) {
-  (0, _inherits2["default"])(SkeletonSVG, _Component2);
-  var _super2 = (0, _createSuper2["default"])(SkeletonSVG);
   function SkeletonSVG(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, SkeletonSVG);
-    _this = _super2.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "svgRef", /*#__PURE__*/_react["default"].createRef());
+    _this = (0, _callSuper2["default"])(this, SkeletonSVG, [props]);
+    (0, _defineProperty2["default"])(_this, "svgRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])(_this, "observer", null);
     if ((0, _canUseDOM["default"])() && props.observeParentSize) {
-      _this.observer = new ResizeObserver(_this.handleResize.bind((0, _assertThisInitialized2["default"])(_this)));
+      _this.observer = new ResizeObserver(_this.handleResize.bind(_this));
     }
     return _this;
   }
-  (0, _createClass2["default"])(SkeletonSVG, [{
+  (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 ? void 0 : _this$observer.observe((_this$svgRef$current = this.svgRef.current) === null || _this$svgRef$current === void 0 ? void 0 : _this$svgRef$current.parentElement);
+      var current = this.svgRef.current;
+      if (current && current.parentElement) {
+        var _this$observer;
+        (_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.observe(current.parentElement);
+      }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$observer2;
-      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.disconnect();
+      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 || _this$observer2.disconnect();
     }
   }, {
     key: "handleResize",
-    value: function handleResize(data) {
-      var target = data[0].target;
+    value: function handleResize(entries) {
+      var target = entries[0].target;
       var svg = this.svgRef.current;
       if (target && svg) {
         svg.setAttribute('width', '100%');
@@ -116,6 +112,7 @@ var SkeletonSVG = /*#__PURE__*/function (_Component2) {
     key: "setContext",
     value: function setContext() {
       var theme = this.asProps.theme;
+      if (!theme) return {};
       return {
         gradientUrl: MAP_COLOR_THEME[theme]
       };
@@ -149,7 +146,6 @@ var SkeletonSVG = /*#__PURE__*/function (_Component2) {
       })));
     }
   }]);
-  return SkeletonSVG;
 }(_core.Component);
 (0, _defineProperty2["default"])(SkeletonSVG, "displayName", 'SkeletonSVG');
 (0, _defineProperty2["default"])(SkeletonSVG, "enhance", [(0, _uniqueID["default"])()]);
@@ -159,7 +155,7 @@ var SkeletonSVG = /*#__PURE__*/function (_Component2) {
   duration: 2000
 });
 function Text(props) {
-  var SText = _flexBox.Box;
+  var SText = _baseComponents.Box;
   var _props$y = props.y,
     y = _props$y === void 0 ? 0 : _props$y,
     _props$x = props.x,
@@ -172,29 +168,23 @@ function Text(props) {
     forwardRef = props.forwardRef,
     other = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var amountLine = Number(amount);
-  var renderRect = function renderRect(props) {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _toConsumableArray2["default"])(Array(amountLine)).map(function (_el, index) {
     var _ref5;
     return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({
       "tag": 'rect',
       "rx": '4',
       "ry": '4',
-      "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));
+      "height": '8',
+      "key": index,
+      "y": y || 20 * index,
+      "x": x,
+      "ref": forwardRef,
+      "width": width
+    }, other)));
   }));
 }
-var Skeleton = (0, _core["default"])(SkeletonRoot);
-exports.Skeleton = Skeleton;
-var _default = (0, _core["default"])(SkeletonSVG, {
+var Skeleton = exports.Skeleton = (0, _core.createComponent)(SkeletonRoot);
+var _default = exports["default"] = (0, _core.createComponent)(SkeletonSVG, {
   Text: Text
 });
-exports["default"] = _default;
 //# sourceMappingURL=Skeleton.js.map

package/lib/cjs/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_uniqueID","_canUseDOM","_i18nEnhance","_intergalacticDynamicLocales","_excluded","style","_index","sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref3","SSkeleton","Box","_this$asProps","Children","styles","duration","hidden","getI18nText","tag","createElement","cn","_objectSpread2","assignProps","concat","Component","_defineProperty2","i18nEnhance","localizedMessages","width","height","SkeletonSVG","_Component2","_super2","props","_this","call","_assertThisInitialized2","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","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","createComponent","exports","_default"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport i18nEnhance from '@semcore/utils/lib/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":["_core","require","_baseComponents","_canUseDOM","_interopRequireDefault","_i18nEnhance","_uniqueID","_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","current","svgRef","parentElement","_this$observer","observe","componentWillUnmount","_this$observer2","disconnect","entries","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","Fragment","_toConsumableArray2","Array","map","_el","index","_ref5","exports","createComponent","_default"],"sources":["../../src/Skeleton.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\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 type { NSSkeleton } from './Skeleton.type';\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  Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.RenderComponent>,\n  typeof SkeletonRoot.enhance\n> {\n  static displayName = 'Skeleton';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)] as const;\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  Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Component>,\n  typeof SkeletonRoot.enhance\n> {\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<SVGElement>();\n  private observer: ResizeObserver | null = null;\n\n  constructor(props: NSSkeleton.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    const { current } = this.svgRef;\n\n    if (current && current.parentElement) {\n      this.observer?.observe(current.parentElement);\n    }\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  handleResize(entries: ResizeObserverEntry[]) {\n    const target = entries[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\n    if (!theme) return {};\n\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(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Text.Component>,\n) {\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  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((_el, index) =>\n        sstyled(styles)(\n          <SText\n            tag='rect'\n            rx='4'\n            ry='4'\n            height='8'\n            key={index}\n            y={y || 20 * index}\n            x={x}\n            ref={forwardRef}\n            width={width}\n            {...other}\n          />,\n        ),\n      )}\n    </React.Fragment>\n  );\n}\n\nconst Skeleton = createComponent(SkeletonRoot) as NSSkeleton.RenderComponent;\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n}) as NSSkeleton.Component;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/Skeleton.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Skeleton.type.js.map

package/lib/cjs/Skeleton.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.type.js","names":[],"sources":["../../src/Skeleton.type.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\ndeclare namespace NSSkeleton {\n  type Props = BoxProps & 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  type Ctx = {\n    gradientUrl: string;\n  };\n\n  namespace Text {\n    type Props = BoxProps & {\n      // TODO: It looks like it should be number (def. not a string...)\n      /**\n       * Number of items to be returned\n       * @default 1\n       */\n      amount?: string | number;\n    };\n\n    type Component = Intergalactic.Component<'rect', Props>;\n  }\n\n  type RenderComponent = Intergalactic.Component<'div', Props, Ctx>;\n\n  type Component = Intergalactic.Component<'svg', Props, Ctx> & {\n    Text: Text.Component;\n  };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type SkeletonProps = NSSkeleton.Props;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonCtx = NSSkeleton.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonTextProps = NSSkeleton.Text.Props;\n\nexport type { NSSkeleton };\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/charts/Area/Area.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _core = require("@semcore/core");
+var _react = _interopRequireDefault(require("react"));
+var _Skeleton = require("../../Skeleton");
+/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
+var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
+  "--bgPattern": "--bgPattern_1oiqb",
+  "_bgPosition": "__bgPosition_1oiqb_gg_",
+  "--bgPosition": "--bgPosition_1oiqb",
+  "_bgSize": "__bgSize_1oiqb_gg_",
+  "--bgSize": "--bgSize_1oiqb",
+  "_bgRepeat": "__bgRepeat_1oiqb_gg_",
+  "--bgRepeat": "--bgRepeat_1oiqb"
+}); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
+// @ts-ignore
+var areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+// TODO: replace it with babel-plugin-inline-import/or vite plugin.
+// @ts-ignore
+var areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+var pattern = {
+  linear: areaLinearSvg,
+  monotone: areaMonotoneSvg
+};
+function AreaChartSkeleton(props) {
+  var _ref = arguments[0],
+    _ref2,
+    _props$type;
+  var SChartSkeleton = _Skeleton.Skeleton;
+  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "bgRepeat": 'repeat-x',
+    "bgPosition": 'left bottom',
+    "bgSize": 'auto 50%',
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(pattern[(_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'linear'], ")")
+  }, _ref))));
+}
+var _default = exports["default"] = (0, _core.createComponent)(AreaChartSkeleton);
+//# sourceMappingURL=Area.js.map

package/lib/cjs/charts/Area/Area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","areaLinearSvg","areaMonotoneSvg","pattern","linear","monotone","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","type","_default","exports","createComponent"],"sources":["../../../../src/charts/Area/Area.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonAreaChart } from './Area.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-linear.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-monotone.svg'))\n`;\n\nconst pattern = {\n  linear: areaLinearSvg,\n  monotone: areaMonotoneSvg,\n};\n\nfunction AreaChartSkeleton(props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonAreaChart.Component>) {\n  const SChartSkeleton = Root;\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,${pattern[props.type ?? 'linear']})`}\n    />,\n  );\n}\n\nexport default createComponent(AreaChartSkeleton) as NSSkeletonAreaChart.Component;\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,IAAMC,aAAa,yVAElB;AACD;AACA;AACA,IAAMC,eAAe,iRAEpB;AAED,IAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CAACC,KAAuF,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EAClH,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAH,KAAA,GAAO,IAAAX,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAmB,aAAA,CAACF,cAAc,EAAAF,KAAA,CAAAK,EAAA,uBAAAC,cAAA,qBAAAvB,KAAA,CAAAwB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2Bf,OAAO,EAAAQ,WAAA,GAACJ,KAAK,CAACY,IAAI,cAAAR,WAAA,cAAAA,WAAA,GAAI,QAAQ,CAAC;EAAA,GAAAH,IAAA,GAC5E,CAAC;AAEN;AAAC,IAAAY,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAAChB,iBAAiB,CAAC","ignoreList":[]}

package/lib/cjs/charts/Area/Area.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Area.type.js.map

package/lib/cjs/charts/Area/Area.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Area.type.js","names":[],"sources":["../../../../src/charts/Area/Area.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonAreaChart {\n    type Props = NSSkeleton.Props & {\n      /** Controls the area curve interpolation style for the skeleton pattern */\n      type?: 'linear' | 'monotone';\n    };\n    type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type AreaChartSkeletonProps = NSSkeletonAreaChart.Props;\n\nexport type { NSSkeletonAreaChart };\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/{Charts → charts/Bar}/Bar.js

@@ -1,57 +1,60 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
-var _Skeleton = require("../Skeleton");
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_9wsup_gg_{height:200px;width:100%;background-image:var(--bgPattern_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgPosition_9wsup_gg_{background-position:var(--bgPosition_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgSize_9wsup_gg_{background-size:var(--bgSize_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgRepeat_9wsup_gg_{background-repeat:var(--bgRepeat_9wsup)}", /*__inner_css_end__*/"9wsup_gg_"),
+var _Skeleton = require("../../Skeleton");
+/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
+var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_9wsup_gg_",
-  "--bgPattern": "--bgPattern_9wsup",
-  "_bgPosition": "__bgPosition_9wsup_gg_",
-  "--bgPosition": "--bgPosition_9wsup",
-  "_bgSize": "__bgSize_9wsup_gg_",
-  "--bgSize": "--bgSize_9wsup",
-  "_bgRepeat": "__bgRepeat_9wsup_gg_",
-  "--bgRepeat": "--bgRepeat_9wsup"
-});
+  "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
+  "--bgPattern": "--bgPattern_1oiqb",
+  "_bgPosition": "__bgPosition_1oiqb_gg_",
+  "--bgPosition": "--bgPosition_1oiqb",
+  "_bgSize": "__bgSize_1oiqb_gg_",
+  "--bgSize": "--bgSize_1oiqb",
+  "_bgRepeat": "__bgRepeat_1oiqb_gg_",
+  "--bgRepeat": "--bgRepeat_1oiqb"
+}); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
+// @ts-ignore
 var barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+// TODO: replace it with babel-plugin-inline-import/or vite plugin.
+// @ts-ignore
 var barHorizontalSvg = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik01MSA0MkM1MSAzOS43OTA5IDUyLjc5MDkgMzggNTUgMzhINjJDNjQuMjA5MSAzOCA2NiAzOS43OTA5IDY2IDQyVjE0OEg1MVY0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik05MCA2M0M5MCA2MC43OTA5IDkxLjc5MDkgNTkgOTQgNTlIMTAxQzEwMy4yMDkgNTkgMTA1IDYwLjc5MDkgMTA1IDYzVjE0OEg5MFY2M1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
-var BarChartSkeleton = function BarChartSkeleton(props) {
+var pattern = {
+  vertical: barVerticalSvg,
+  horizontal: barHorizontalSvg
+};
+var repeat = {
+  vertical: 'repeat-y',
+  horizontal: 'repeat-x'
+};
+var position = {
+  vertical: 'left top',
+  horizontal: 'left bottom'
+};
+var size = {
+  vertical: 'contain',
+  horizontal: 'auto 50%'
+};
+function BarChartSkeleton(props) {
   var _ref = arguments[0],
     _ref2,
     _props$layout;
   var SChartSkeleton = _Skeleton.Skeleton;
   var layout = (_props$layout = props.layout) !== null && _props$layout !== void 0 ? _props$layout : 'horizontal';
-  var patternBase64 = {
-    vertical: barVerticalSvg,
-    horizontal: barHorizontalSvg
-  }[layout];
   return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "bgRepeat": {
-      vertical: 'repeat-y',
-      horizontal: 'repeat-x'
-    }[layout],
-    "bgPosition": {
-      vertical: 'left top',
-      horizontal: 'left bottom'
-    }[layout],
-    "bgSize": {
-      vertical: 'contain',
-      horizontal: 'auto 50%'
-    }[layout],
-    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
+    "bgRepeat": repeat[layout],
+    "bgPosition": position[layout],
+    "bgSize": size[layout],
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(pattern[layout], ")")
   }, _ref))));
-};
-var _default = (0, _core["default"])(BarChartSkeleton);
-exports["default"] = _default;
+}
+var _default = exports["default"] = (0, _core.createComponent)(BarChartSkeleton);
 //# sourceMappingURL=Bar.js.map

package/lib/cjs/charts/Bar/Bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","barVerticalSvg","barHorizontalSvg","pattern","vertical","horizontal","repeat","position","size","BarChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","Skeleton","layout","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../../src/charts/Bar/Bar.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBarChart } from './Bar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\n\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-horizontal.svg'))\n`;\n\nconst pattern = { vertical: barVerticalSvg, horizontal: barHorizontalSvg };\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\n\nfunction BarChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonBarChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const layout = props.layout ?? 'horizontal';\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat={repeat[layout]}\n      bgPosition={position[layout]}\n      bgSize={size[layout]}\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n    />,\n  );\n}\n\nexport default createComponent(BarChartSkeleton) as NSSkeletonBarChart.Component;\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AAEA,IAAMC,cAAc,69BAEnB;AACD;AACA;AACA,IAAMC,gBAAgB,izBAErB;AAED,IAAMC,OAAO,GAAG;EAAEC,QAAQ,EAAEH,cAAc;EAAEI,UAAU,EAAEH;AAAiB,CAAC;AAC1E,IAAMI,MAAM,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,IAAME,QAAQ,GAAG;EAAEH,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,IAAMG,IAAI,GAAG;EAAEJ,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE5D,SAASI,gBAAgBA,CACvBC,KAAsF,EACtF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EACA,IAAMC,cAAc,GAIRC,kBAAQ;EAHpB,IAAMC,MAAM,IAAAH,aAAA,GAAGJ,KAAK,CAACO,MAAM,cAAAH,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,OAAAD,KAAA,GAAO,IAAAd,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAuB,aAAA,CAACH,cAAc,EAAAF,KAAA,CAAAM,EAAA,uBAAAC,cAAA,qBAAA3B,KAAA,CAAA4B,WAAA;IAAA,YAEHf,MAAM,CAACW,MAAM,CAAC;IAAA,cACZV,QAAQ,CAACU,MAAM,CAAC;IAAA,UACpBT,IAAI,CAACS,MAAM,CAAC;IAAA,8CAAAK,MAAA,CACwBnB,OAAO,CAACc,MAAM,CAAC;EAAA,GAAAN,IAAA,GAC5D,CAAC;AAEN;AAAC,IAAAY,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAAChB,gBAAgB,CAAC","ignoreList":[]}

package/lib/cjs/charts/Bar/Bar.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Bar.type.js.map

package/lib/cjs/charts/Bar/Bar.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bar.type.js","names":[],"sources":["../../../../src/charts/Bar/Bar.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonBarChart {\n    type Props = NSSkeleton.Props & {\n      /** Controls the orientation of the bar chart skeleton */\n      layout?: 'horizontal' | 'vertical';\n    };\n    type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type BarChartSkeletonProps = NSSkeletonBarChart.Props;\n\nexport type { NSSkeletonBarChart };\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/{Charts → charts/Bubble}/Bubble.js

@@ -1,31 +1,30 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
-var _Skeleton = require("../Skeleton");
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_9wsup_gg_{height:200px;width:100%;background-image:var(--bgPattern_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgPosition_9wsup_gg_{background-position:var(--bgPosition_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgSize_9wsup_gg_{background-size:var(--bgSize_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgRepeat_9wsup_gg_{background-repeat:var(--bgRepeat_9wsup)}", /*__inner_css_end__*/"9wsup_gg_"),
+var _Skeleton = require("../../Skeleton");
+/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
+var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_9wsup_gg_",
-  "--bgPattern": "--bgPattern_9wsup",
-  "_bgPosition": "__bgPosition_9wsup_gg_",
-  "--bgPosition": "--bgPosition_9wsup",
-  "_bgSize": "__bgSize_9wsup_gg_",
-  "--bgSize": "--bgSize_9wsup",
-  "_bgRepeat": "__bgRepeat_9wsup_gg_",
-  "--bgRepeat": "--bgRepeat_9wsup"
-});
+  "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
+  "--bgPattern": "--bgPattern_1oiqb",
+  "_bgPosition": "__bgPosition_1oiqb_gg_",
+  "--bgPosition": "--bgPosition_1oiqb",
+  "_bgSize": "__bgSize_1oiqb_gg_",
+  "--bgSize": "--bgSize_1oiqb",
+  "_bgRepeat": "__bgRepeat_1oiqb_gg_",
+  "--bgRepeat": "--bgRepeat_1oiqb"
+}); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
+// @ts-ignore
 var bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
-var BubbleChartSkeleton = function BubbleChartSkeleton() {
+function BubbleChartSkeleton() {
   var _ref = arguments[0],
     _ref2;
   var SChartSkeleton = _Skeleton.Skeleton;
@@ -35,7 +34,6 @@ var BubbleChartSkeleton = function BubbleChartSkeleton() {
     "bgSize": 'auto 50%',
     "bgPattern": "url(data:image/svg+xml;base64,".concat(bubbleSvg, ")")
   }, _ref))));
-};
-var _default = (0, _core["default"])(BubbleChartSkeleton);
-exports["default"] = _default;
+}
+var _default = exports["default"] = (0, _core.createComponent)(BubbleChartSkeleton);
 //# sourceMappingURL=Bubble.js.map

package/lib/cjs/charts/Bubble/Bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../../src/charts/Bubble/Bubble.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBubbleChart } from './Bubble.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bubble-chart.svg'))\n`;\n\nfunction BubbleChartSkeleton() {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left center'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n    />,\n  );\n}\n\nexport default createComponent(BubbleChartSkeleton) as NSSkeletonBubbleChart.Component;\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,IAAMC,SAAS,6xCAEd;AAED,SAASC,mBAAmBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAjB,KAAA,CAAAkB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BX,SAAS;EAAA,GAAAE,IAAA,GACtD,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACb,mBAAmB,CAAC","ignoreList":[]}

package/lib/cjs/charts/Bubble/Bubble.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Bubble.type.js.map

package/lib/cjs/charts/Bubble/Bubble.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.type.js","names":[],"sources":["../../../../src/charts/Bubble/Bubble.type.ts"],"sourcesContent":["import type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonBubbleChart {\n    type Component = NSSkeleton.Component;\n}\n\nexport type { NSSkeletonBubbleChart };\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.js

@@ -1,31 +1,30 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
-var _Skeleton = require("../Skeleton");
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_9wsup_gg_{height:200px;width:100%;background-image:var(--bgPattern_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgPosition_9wsup_gg_{background-position:var(--bgPosition_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgSize_9wsup_gg_{background-size:var(--bgSize_9wsup)}.___SChartSkeleton_9wsup_gg_.__bgRepeat_9wsup_gg_{background-repeat:var(--bgRepeat_9wsup)}", /*__inner_css_end__*/"9wsup_gg_"),
+var _Skeleton = require("../../Skeleton");
+/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
+var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_9wsup_gg_",
-  "--bgPattern": "--bgPattern_9wsup",
-  "_bgPosition": "__bgPosition_9wsup_gg_",
-  "--bgPosition": "--bgPosition_9wsup",
-  "_bgSize": "__bgSize_9wsup_gg_",
-  "--bgSize": "--bgSize_9wsup",
-  "_bgRepeat": "__bgRepeat_9wsup_gg_",
-  "--bgRepeat": "--bgRepeat_9wsup"
-});
+  "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
+  "--bgPattern": "--bgPattern_1oiqb",
+  "_bgPosition": "__bgPosition_1oiqb_gg_",
+  "--bgPosition": "--bgPosition_1oiqb",
+  "_bgSize": "__bgSize_1oiqb_gg_",
+  "--bgSize": "--bgSize_1oiqb",
+  "_bgRepeat": "__bgRepeat_1oiqb_gg_",
+  "--bgRepeat": "--bgRepeat_1oiqb"
+}); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
+// @ts-ignore
 var patternBase64 = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDE3MiAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMEgxMjBDMTIyLjIwOSAwIDEyNCAxLjc5MDg2IDEyNCA0VjEyQzEyNCAxNC4yMDkxIDEyMi4yMDkgMTYgMTIwIDE2SDBWMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPHBhdGggZD0iTTAgMzJIMTU2QzE1OC4yMDkgMzIgMTYwIDMzLjc5MDkgMTYwIDM2VjQ0QzE2MCA0Ni4yMDkxIDE1OC4yMDkgNDggMTU2IDQ4SDBWMzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDY0SDEzOEMxNDAuMjA5IDY0IDE0MiA2NS43OTA5IDE0MiA2OFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjY0WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KICA8cGF0aCBkPSJNMCA5NkgxNTZDMTU4LjIwOSA5NiAxNjAgOTcuNzkwOSAxNjAgMTAwVjEwOEMxNjAgMTEwLjIwOSAxNTguMjA5IDExMiAxNTYgMTEySDBWOTZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDEyOEgxMTZDMTE4LjIwOSAxMjggMTIwIDEyOS43OTEgMTIwIDEzMlYxNDBDMTIwIDE0Mi4yMDkgMTE4LjIwOSAxNDQgMTE2IDE0NEgwVjEyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPC9zdmc+CiAg";
-var CompactHorizontalBarChartSkeleton = function CompactHorizontalBarChartSkeleton(props) {
+function CompactHorizontalBarChartSkeleton() {
   var _ref = arguments[0],
     _ref2;
   var SChartSkeleton = _Skeleton.Skeleton;
@@ -35,7 +34,6 @@ var CompactHorizontalBarChartSkeleton = function CompactHorizontalBarChartSkelet
     "bgSize": 'contain',
     "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
   }, _ref))));
-};
-var _default = (0, _core["default"])(CompactHorizontalBarChartSkeleton);
-exports["default"] = _default;
+}
+var _default = exports["default"] = (0, _core.createComponent)(CompactHorizontalBarChartSkeleton);
 //# sourceMappingURL=CompactHorizontalBar.js.map