@semcore/skeleton 5.43.0-prerelease.0 → 5.43.0-prerelease.4

package/lib/esm/Skeleton.mjs

@@ -1,17 +1,19 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
-import { Box } from "@semcore/base-components";
-import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
-import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
 import React from "react";
+import { Box } from "@semcore/flex-box";
+import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
+import canUseDOM from "@semcore/utils/lib/canUseDOM";
+import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
 var _excluded = ["y", "x", "amount", "width", "styles", "forwardRef"];
 /*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
@@ -19,45 +21,50 @@ var style = (
   /*__reshadow_css_start__*/
   (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}}",
+    "@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__*/
-    "15u95_gg_"
+    "1ng3k_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__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_"
+    "__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_"
   })
 );
 var MAP_COLOR_THEME = {
   dark: "rgba(255, 255, 255, 0.3)",
   invert: "rgba(224, 225, 233, 0.8)"
 };
-var SkeletonRoot = /* @__PURE__ */ (function(_Component) {
+var SkeletonRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(SkeletonRoot2, _Component);
+  var _super = _createSuper(SkeletonRoot2);
   function SkeletonRoot2() {
     _classCallCheck(this, SkeletonRoot2);
-    return _callSuper(this, SkeletonRoot2, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(SkeletonRoot2, _Component);
-  return _createClass(SkeletonRoot2, [{
+  _createClass(SkeletonRoot2, [{
     key: "render",
     value: function render() {
       var _ref = this.asProps, _ref3;
       var SSkeleton = Box;
-      var _this$asProps = this.asProps, styles = _this$asProps.styles, duration = _this$asProps.duration, hidden = _this$asProps.hidden, getI18nText = _this$asProps.getI18nText;
+      var _this$asProps = this.asProps;
+      _this$asProps.Children;
+      var styles = _this$asProps.styles, duration = _this$asProps.duration, hidden = _this$asProps.hidden, getI18nText = _this$asProps.getI18nText;
+      _this$asProps.tag;
       if (hidden) return null;
-      return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SSkeleton, _ref3.cn("SSkeleton", _objectSpread({}, assignProps({
+      return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SSkeleton, _ref3.cn("SSkeleton", _objectSpread({}, assignProps({
         "durationAnim": "".concat(duration, "ms"),
         "role": "img",
         "aria-label": getI18nText("loading")
       }, _ref))));
     }
   }]);
-})(Component);
+  return SkeletonRoot2;
+}(Component);
 _defineProperty(SkeletonRoot, "displayName", "Skeleton");
 _defineProperty(SkeletonRoot, "style", style);
 _defineProperty(SkeletonRoot, "enhance", [i18nEnhance(localizedMessages)]);
@@ -66,38 +73,35 @@ _defineProperty(SkeletonRoot, "defaultProps", {
   height: "100%",
   duration: 2e3
 });
-var SkeletonSVG = /* @__PURE__ */ (function(_Component2) {
+var SkeletonSVG = /* @__PURE__ */ function(_Component2) {
+  _inherits(SkeletonSVG2, _Component2);
+  var _super2 = _createSuper(SkeletonSVG2);
   function SkeletonSVG2(props) {
     var _this;
     _classCallCheck(this, SkeletonSVG2);
-    _this = _callSuper(this, SkeletonSVG2, [props]);
-    _defineProperty(_this, "svgRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "observer", null);
+    _this = _super2.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "svgRef", /* @__PURE__ */ React.createRef());
     if (canUseDOM() && props.observeParentSize) {
-      _this.observer = new ResizeObserver(_this.handleResize.bind(_this));
+      _this.observer = new ResizeObserver(_this.handleResize.bind(_assertThisInitialized(_this)));
     }
     return _this;
   }
-  _inherits(SkeletonSVG2, _Component2);
-  return _createClass(SkeletonSVG2, [{
+  _createClass(SkeletonSVG2, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      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);
-      }
+      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);
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$observer2;
-      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 || _this$observer2.disconnect();
+      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.disconnect();
     }
   }, {
     key: "handleResize",
-    value: function handleResize(entries) {
-      var target = entries[0].target;
+    value: function handleResize(data) {
+      var target = data[0].target;
       var svg = this.svgRef.current;
       if (target && svg) {
         svg.setAttribute("width", "100%");
@@ -107,7 +111,6 @@ var SkeletonSVG = /* @__PURE__ */ (function(_Component2) {
     key: "setContext",
     value: function setContext() {
       var theme = this.asProps.theme;
-      if (!theme) return {};
       return {
         gradientUrl: MAP_COLOR_THEME[theme]
       };
@@ -118,7 +121,7 @@ var SkeletonSVG = /* @__PURE__ */ (function(_Component2) {
       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 = sstyled(styles), /* @__PURE__ */ React.createElement(SSkeletonSVG, _ref4.cn("SSkeletonSVG", _objectSpread({}, assignProps({
+      return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SSkeletonSVG, _ref4.cn("SSkeletonSVG", _objectSpread({}, assignProps({
         "tag": "svg",
         "ref": this.svgRef,
         "preserveAspectRatio": "none",
@@ -135,7 +138,8 @@ var SkeletonSVG = /* @__PURE__ */ (function(_Component2) {
       })));
     }
   }]);
-})(Component);
+  return SkeletonSVG2;
+}(Component);
 _defineProperty(SkeletonSVG, "displayName", "SkeletonSVG");
 _defineProperty(SkeletonSVG, "enhance", [uniqueIDEnhancement()]);
 _defineProperty(SkeletonSVG, "style", style);
@@ -147,26 +151,30 @@ function Text(props) {
   var SText = 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 = _objectWithoutProperties(props, _excluded);
   var amountLine = Number(amount);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, _toConsumableArray(Array(amountLine)).map(function(_el, index) {
+  var renderRect = function renderRect2(props2) {
     var _ref5;
-    return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({
+    return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({
       "tag": "rect",
       "rx": "4",
       "ry": "4",
-      "height": "8",
-      "key": index,
-      "y": y || 20 * index,
-      "x": x,
-      "ref": forwardRef,
-      "width": width
-    }, other)));
+      "height": "8"
+    }, props2)));
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, _toConsumableArray(Array(amountLine)).map(function(el, index) {
+    return renderRect(_objectSpread({
+      key: index,
+      y: y || 20 * index,
+      x,
+      ref: forwardRef,
+      width
+    }, other));
   }));
 }
 var Skeleton = createComponent(SkeletonRoot);
-const Skeleton_default = createComponent(SkeletonSVG, {
+const Skeleton$1 = createComponent(SkeletonSVG, {
   Text
 });
 export {
   Skeleton,
-  Skeleton_default as default
+  Skeleton$1 as default
 };

package/lib/esm/index.mjs

@@ -1,35 +1,24 @@
 import { default as default2 } from "./Skeleton.mjs";
-import "./Skeleton.type.mjs";
-import { default as default3 } from "./charts/Area/Area.mjs";
-import "./charts/Area/Area.type.mjs";
-import { default as default4 } from "./charts/Bar/Bar.mjs";
-import "./charts/Bar/Bar.type.mjs";
-import { default as default5 } from "./charts/Bubble/Bubble.mjs";
-import "./charts/Bubble/Bubble.type.mjs";
-import { default as default6 } from "./charts/CompactHorizontalBar/CompactHorizontalBar.mjs";
-import "./charts/CompactHorizontalBar/CompactHorizontalBar.type.mjs";
-import { default as default7 } from "./charts/Donut/Donut.mjs";
-import "./charts/Donut/Donut.type.mjs";
-import { default as default8 } from "./charts/Histogram/Histogram.mjs";
-import "./charts/Histogram/Histogram.type.mjs";
-import { default as default9 } from "./charts/Line/Line.mjs";
-import "./charts/Line/Line.type.mjs";
-import { default as default10 } from "./charts/RadialTree/RadialTree.mjs";
-import "./charts/RadialTree/RadialTree.type.mjs";
-import { default as default11 } from "./charts/ScatterPlot/ScatterPlot.mjs";
-import "./charts/ScatterPlot/ScatterPlot.type.mjs";
-import { default as default12 } from "./charts/Venn/Venn.mjs";
-import "./charts/Venn/Venn.type.mjs";
+import { default as default3 } from "./Charts/Histogram.mjs";
+import { default as default4 } from "./Charts/Donut.mjs";
+import { default as default5 } from "./Charts/Bar.mjs";
+import { default as default6 } from "./Charts/CompactHorizontalBar.mjs";
+import { default as default7 } from "./Charts/Area.mjs";
+import { default as default8 } from "./Charts/Line.mjs";
+import { default as default9 } from "./Charts/Venn.mjs";
+import { default as default10 } from "./Charts/ScatterPlot.mjs";
+import { default as default11 } from "./Charts/Bubble.mjs";
+import { default as default12 } from "./Charts/RadialTree.mjs";
 export {
-  default3 as AreaChartSkeleton,
-  default4 as BarChartSkeleton,
-  default5 as BubbleChartSkeleton,
+  default7 as AreaChartSkeleton,
+  default5 as BarChartSkeleton,
+  default11 as BubbleChartSkeleton,
   default6 as CompactHorizontalBarChartSkeleton,
-  default7 as DonutChartSkeleton,
-  default8 as HistogramChartSkeleton,
-  default9 as LineChartSkeleton,
-  default10 as RadialTreeChartSkeleton,
-  default11 as ScatterPlotChartSkeleton,
-  default12 as VennChartSkeleton,
+  default4 as DonutChartSkeleton,
+  default3 as HistogramChartSkeleton,
+  default8 as LineChartSkeleton,
+  default12 as RadialTreeChartSkeleton,
+  default10 as ScatterPlotChartSkeleton,
+  default9 as VennChartSkeleton,
   default2 as default
 };

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
 import ja from "./ja.json.mjs";
 import ko from "./ko.json.mjs";
 import nl from "./nl.json.mjs";
-import pl from "./pl.json.mjs";
 import pt from "./pt.json.mjs";
-import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
 var localizedMessages = {
   de,
   en,

package/lib/types/Skeleton.d.ts

@@ -1,5 +1,4 @@
-import type { NSSkeleton } from './Skeleton.type';
-declare const Skeleton: NSSkeleton.RenderComponent;
+declare const Skeleton: any;
+declare const SkeletonSVG: any;
 export { Skeleton };
-declare const _default: NSSkeleton.Component;
-export default _default;
+export default SkeletonSVG;

package/lib/types/index.d.ts

@@ -1,22 +1,96 @@
-export { default } from './Skeleton';
-export * from './Skeleton.type';
-export { default as AreaChartSkeleton } from './charts/Area/Area';
-export * from './charts/Area/Area.type';
-export { default as BarChartSkeleton } from './charts/Bar/Bar';
-export * from './charts/Bar/Bar.type';
-export { default as BubbleChartSkeleton } from './charts/Bubble/Bubble';
-export * from './charts/Bubble/Bubble.type';
-export { default as CompactHorizontalBarChartSkeleton } from './charts/CompactHorizontalBar/CompactHorizontalBar';
-export * from './charts/CompactHorizontalBar/CompactHorizontalBar.type';
-export { default as DonutChartSkeleton } from './charts/Donut/Donut';
-export * from './charts/Donut/Donut.type';
-export { default as HistogramChartSkeleton } from './charts/Histogram/Histogram';
-export * from './charts/Histogram/Histogram.type';
-export { default as LineChartSkeleton } from './charts/Line/Line';
-export * from './charts/Line/Line.type';
-export { default as RadialTreeChartSkeleton } from './charts/RadialTree/RadialTree';
-export * from './charts/RadialTree/RadialTree.type';
-export { default as ScatterPlotChartSkeleton } from './charts/ScatterPlot/ScatterPlot';
-export * from './charts/ScatterPlot/ScatterPlot.type';
-export { default as VennChartSkeleton } from './charts/Venn/Venn';
-export * from './charts/Venn/Venn.type';
+import { BoxProps } from '@semcore/flex-box';
+import { Intergalactic, UnknownProperties } from '@semcore/core';
+import { UniqueIDProps } from '@semcore/utils/lib/uniqueID';
+
+/** @deprecated */
+export interface ISkeletonProps extends SkeletonProps, UnknownProperties {}
+export type SkeletonProps = BoxProps &
+  UniqueIDProps & {
+    /**
+     *  Skeleton visibility control property
+     */
+    hidden?: boolean;
+    /**
+     * Animation speed in ms
+     * @default 2000
+     */
+    duration?: string | number;
+    /**
+     * Skeleton theme
+     * @default invert
+     */
+    theme?: 'dark' | 'invert';
+
+    locale?: string;
+
+    /**
+     * Enable ResizeObserver for parent Element to recalculate skeleton size.
+     * @default false
+     */
+    observeParentSize?: boolean;
+  };
+
+/** @deprecated */
+export interface ISkeletonCtx extends SkeletonCtx, UnknownProperties {}
+export type SkeletonCtx = {
+  gradientUrl: 'string';
+};
+
+/** @deprecated */
+export interface ISkeletonTextProps extends SkeletonTextProps, UnknownProperties {}
+export type SkeletonTextProps = BoxProps & {
+  /**
+   * Number of items to be returned
+   * @default 1
+   */
+  amount?: string | number;
+};
+
+export type AreaChartSkeletonProps = SkeletonProps & {
+  type?: 'linear' | 'monotone';
+};
+
+export type BarChartSkeletonProps = SkeletonProps & {
+  layout?: 'horizontal' | 'vertical';
+};
+
+export type HistogramChartSkeletonProps = SkeletonProps & {
+  layout?: 'horizontal' | 'vertical';
+};
+
+export type LineChartSkeletonProps = SkeletonProps & {
+  type?: 'linear' | 'monotone';
+};
+
+export type DonutChartSkeletonProps = SkeletonProps & {
+  /** Semi donut */
+  halfsize?: boolean;
+};
+
+declare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {
+  Text: Intergalactic.Component<'rect', SkeletonTextProps>;
+};
+declare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;
+declare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;
+declare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;
+declare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;
+declare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;
+declare const VennChartSkeleton: typeof Skeleton;
+declare const BubbleChartSkeleton: typeof Skeleton;
+declare const ScatterPlotChartSkeleton: typeof Skeleton;
+declare const RadialTreeChartSkeleton: typeof Skeleton;
+declare const CompactHorizontalBarChartSkeleton: typeof Skeleton;
+
+export default Skeleton;
+export {
+  AreaChartSkeleton,
+  BarChartSkeleton,
+  HistogramChartSkeleton,
+  LineChartSkeleton,
+  DonutChartSkeleton,
+  VennChartSkeleton,
+  BubbleChartSkeleton,
+  ScatterPlotChartSkeleton,
+  RadialTreeChartSkeleton,
+  CompactHorizontalBarChartSkeleton,
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/skeleton",
   "description": "Semrush Skeleton Component",
-  "version": "5.43.0-prerelease.0",
+  "version": "5.43.0-prerelease.4",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "types": "lib/types/index.d.ts",
@@ -14,11 +14,11 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/utils": "4.49.0-prerelease.0",
-    "@semcore/flex-box": "5.42.0-prerelease.0"
+    "@semcore/utils": "4.49.0-prerelease.4",
+    "@semcore/flex-box": "5.42.0-prerelease.4"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.40.0-prerelease.0",
+    "@semcore/core": "^2.40.0-prerelease.4",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },

package/lib/cjs/Skeleton.type.js

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,47 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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/Bar/Bar.js.map

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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/Bubble/Bubble.js.map

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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/CompactHorizontalBar/CompactHorizontalBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompactHorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../../src/charts/CompactHorizontalBar/CompactHorizontalBar.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonCompactHorizontalBar } from './CompactHorizontalBar.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 patternBase64 = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/compact-horizontal-bar-chart.svg'))\n`;\n\nfunction CompactHorizontalBarChartSkeleton() {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-y'\n      bgPosition='left top'\n      bgSize='contain'\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n}\n\nexport default createComponent(CompactHorizontalBarChartSkeleton) as NSSkeletonCompactHorizontalBar.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,aAAa,i/BAElB;AAED,SAASC,iCAAiCA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,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,UAAU;IAAA,UACd,SAAS;IAAA,8CAAAC,MAAA,CAC4BX,aAAa;EAAA,GAAAE,IAAA,GAC1D,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACb,iCAAiC,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Donut.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","donutFullSvg","donutHalfSvg","pattern","position","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","_props$halfsize","SChartSkeleton","Skeleton","halfsize","toString","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../../src/charts/Donut/Donut.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonDonutChart } from './Donut.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 donutFullSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst donutHalfSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart-halfsize.svg'))\n`;\n\nconst pattern: Record<string, string> = {\n  true: donutHalfSvg,\n  false: donutFullSvg,\n};\nconst position: Record<string, string> = {\n  true: 'center bottom',\n  false: 'center',\n};\n\nfunction DonutChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonDonutChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const halfsize = (props.halfsize ?? false).toString();\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='no-repeat'\n      bgPosition={position[halfsize]}\n      bgSize='contain'\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[halfsize]})`}\n    />,\n  );\n}\n\nexport default createComponent(DonutChartSkeleton) as NSSkeletonDonutChart.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,YAAY,6qCAEjB;AACD;AACA;AACA,IAAMC,YAAY,6nBAEjB;AAED,IAAMC,OAA+B,GAAG;EACtC,QAAMD,YAAY;EAClB,SAAOD;AACT,CAAC;AACD,IAAMG,QAAgC,GAAG;EACvC,QAAM,eAAe;EACrB,SAAO;AACT,CAAC;AAED,SAASC,kBAAkBA,CACzBC,KAAwF,EACxF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,eAAA;EACA,IAAMC,cAAc,GAIRC,kBAAQ;EAHpB,IAAMC,QAAQ,GAAG,EAAAH,eAAA,GAACJ,KAAK,CAACO,QAAQ,cAAAH,eAAA,cAAAA,eAAA,GAAI,KAAK,EAAEI,QAAQ,CAAC,CAAC;EACrD,OAAAL,KAAA,GAAO,IAAAV,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACJ,cAAc,EAAAF,KAAA,CAAAO,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,YAEJ,WAAW;IAAA,cACRd,QAAQ,CAACS,QAAQ,CAAC;IAAA,UACvB,SAAS;IAAA,8CAAAM,MAAA,CAC4BhB,OAAO,CAACU,QAAQ,CAAC;EAAA,GAAAN,IAAA,GAC9D,CAAC;AAEN;AAAC,IAAAa,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACjB,kBAAkB,CAAC","ignoreList":[]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Donut.type.js","names":[],"sources":["../../../../src/charts/Donut/Donut.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonDonutChart {\n    type Props = NSSkeleton.Props & {\n      /** Semi donut */\n      halfsize?: boolean;\n    };\n    type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type DonutChartSkeletonProps = NSSkeletonDonutChart.Props;\n\nexport type { NSSkeletonDonutChart };\n"],"mappings":"","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Histogram.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","histogramVerticalSvg","histogramHorizontalSvg","repeat","vertical","horizontal","position","size","pattern","HistogramChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","Skeleton","layout","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../../src/charts/Histogram/Histogram.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonHistogramChart } from './Histogram.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 histogramVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/histogram-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst histogramHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/histogram-chart-horizontal.svg'))\n`;\n\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\nconst pattern = { vertical: histogramVerticalSvg, horizontal: histogramHorizontalSvg };\n\nfunction HistogramChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonHistogramChart.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(HistogramChartSkeleton) as NSSkeletonHistogramChart.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,oBAAoB,69BAEzB;AACD;AACA;AACA,IAAMC,sBAAsB,y7BAE3B;AAED,IAAMC,MAAM,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,IAAMC,QAAQ,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,IAAME,IAAI,GAAG;EAAEH,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC5D,IAAMG,OAAO,GAAG;EAAEJ,QAAQ,EAAEH,oBAAoB;EAAEI,UAAU,EAAEH;AAAuB,CAAC;AAEtF,SAASO,sBAAsBA,CAC7BC,KAA4F,EAC5F;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,YAEHlB,MAAM,CAACc,MAAM,CAAC;IAAA,cACZX,QAAQ,CAACW,MAAM,CAAC;IAAA,UACpBV,IAAI,CAACU,MAAM,CAAC;IAAA,8CAAAK,MAAA,CACwBd,OAAO,CAACS,MAAM,CAAC;EAAA,GAAAN,IAAA,GAC5D,CAAC;AAEN;AAAC,IAAAY,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAAChB,sBAAsB,CAAC","ignoreList":[]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Histogram.type.js","names":[],"sources":["../../../../src/charts/Histogram/Histogram.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonHistogramChart {\n    type Props = NSSkeleton.Props & {\n      /** Controls the orientation of the histogram 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 HistogramChartSkeletonProps = NSSkeletonHistogramChart.Props;\n\nexport type { NSSkeletonHistogramChart };\n"],"mappings":"","ignoreList":[]}