@semcore/skeleton 5.42.2 → 5.42.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Charts/Area.js +12 -10
  3. package/lib/cjs/Charts/Area.js.map +1 -1
  4. package/lib/cjs/Charts/Bar.js +12 -10
  5. package/lib/cjs/Charts/Bar.js.map +1 -1
  6. package/lib/cjs/Charts/Bubble.js +12 -10
  7. package/lib/cjs/Charts/Bubble.js.map +1 -1
  8. package/lib/cjs/Charts/CompactHorizontalBar.js +12 -10
  9. package/lib/cjs/Charts/CompactHorizontalBar.js.map +1 -1
  10. package/lib/cjs/Charts/Donut.js +12 -10
  11. package/lib/cjs/Charts/Donut.js.map +1 -1
  12. package/lib/cjs/Charts/Histogram.js +12 -10
  13. package/lib/cjs/Charts/Histogram.js.map +1 -1
  14. package/lib/cjs/Charts/Line.js +12 -10
  15. package/lib/cjs/Charts/Line.js.map +1 -1
  16. package/lib/cjs/Charts/RadialTree.js +12 -10
  17. package/lib/cjs/Charts/RadialTree.js.map +1 -1
  18. package/lib/cjs/Charts/ScatterPlot.js +12 -10
  19. package/lib/cjs/Charts/ScatterPlot.js.map +1 -1
  20. package/lib/cjs/Charts/Venn.js +12 -10
  21. package/lib/cjs/Charts/Venn.js.map +1 -1
  22. package/lib/cjs/Skeleton.js +11 -9
  23. package/lib/cjs/Skeleton.js.map +1 -1
  24. package/lib/es6/Charts/Area.js +12 -10
  25. package/lib/es6/Charts/Area.js.map +1 -1
  26. package/lib/es6/Charts/Bar.js +12 -10
  27. package/lib/es6/Charts/Bar.js.map +1 -1
  28. package/lib/es6/Charts/Bubble.js +12 -10
  29. package/lib/es6/Charts/Bubble.js.map +1 -1
  30. package/lib/es6/Charts/CompactHorizontalBar.js +12 -10
  31. package/lib/es6/Charts/CompactHorizontalBar.js.map +1 -1
  32. package/lib/es6/Charts/Donut.js +12 -10
  33. package/lib/es6/Charts/Donut.js.map +1 -1
  34. package/lib/es6/Charts/Histogram.js +12 -10
  35. package/lib/es6/Charts/Histogram.js.map +1 -1
  36. package/lib/es6/Charts/Line.js +12 -10
  37. package/lib/es6/Charts/Line.js.map +1 -1
  38. package/lib/es6/Charts/RadialTree.js +12 -10
  39. package/lib/es6/Charts/RadialTree.js.map +1 -1
  40. package/lib/es6/Charts/ScatterPlot.js +12 -10
  41. package/lib/es6/Charts/ScatterPlot.js.map +1 -1
  42. package/lib/es6/Charts/Venn.js +12 -10
  43. package/lib/es6/Charts/Venn.js.map +1 -1
  44. package/lib/es6/Skeleton.js +11 -9
  45. package/lib/es6/Skeleton.js.map +1 -1
  46. package/lib/esm/Charts/Area.mjs +39 -31
  47. package/lib/esm/Charts/Bar.mjs +43 -34
  48. package/lib/esm/Charts/Bubble.mjs +34 -28
  49. package/lib/esm/Charts/CompactHorizontalBar.mjs +34 -28
  50. package/lib/esm/Charts/Donut.mjs +43 -34
  51. package/lib/esm/Charts/Histogram.mjs +43 -34
  52. package/lib/esm/Charts/Line.mjs +39 -31
  53. package/lib/esm/Charts/RadialTree.mjs +34 -28
  54. package/lib/esm/Charts/ScatterPlot.mjs +34 -28
  55. package/lib/esm/Charts/Venn.mjs +34 -28
  56. package/lib/esm/Skeleton.mjs +141 -114
  57. package/lib/esm/index.mjs +22 -22
  58. package/lib/esm/style/chart.shadow.css +17 -0
  59. package/lib/esm/style/skeleton.shadow.css +39 -0
  60. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +30 -30
  61. package/lib/esm/translations/de.json.mjs +5 -4
  62. package/lib/esm/translations/en.json.mjs +5 -4
  63. package/lib/esm/translations/es.json.mjs +5 -4
  64. package/lib/esm/translations/fr.json.mjs +5 -4
  65. package/lib/esm/translations/it.json.mjs +5 -4
  66. package/lib/esm/translations/ja.json.mjs +5 -4
  67. package/lib/esm/translations/ko.json.mjs +5 -4
  68. package/lib/esm/translations/nl.json.mjs +5 -4
  69. package/lib/esm/translations/pl.json.mjs +5 -4
  70. package/lib/esm/translations/pt.json.mjs +5 -4
  71. package/lib/esm/translations/sv.json.mjs +5 -4
  72. package/lib/esm/translations/tr.json.mjs +5 -4
  73. package/lib/esm/translations/vi.json.mjs +5 -4
  74. package/lib/esm/translations/zh.json.mjs +5 -4
  75. package/package.json +3 -3
@@ -1,153 +1,180 @@
1
- import z from "@babel/runtime/helpers/esm/toConsumableArray";
2
- import M from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- import y from "@babel/runtime/helpers/esm/assertThisInitialized";
4
- import g from "@babel/runtime/helpers/esm/objectSpread2";
5
- import b from "@babel/runtime/helpers/esm/classCallCheck";
6
- import x from "@babel/runtime/helpers/esm/createClass";
7
- import R from "@babel/runtime/helpers/esm/inherits";
8
- import P from "@babel/runtime/helpers/esm/createSuper";
9
- import _ from "@babel/runtime/helpers/esm/defineProperty";
10
- import { sstyled as D } from "@semcore/utils/lib/core/index";
11
- import C, { sstyled as S, assignProps as E, Component as w } from "@semcore/core";
12
- import s from "react";
13
- import { Box as $ } from "@semcore/flex-box";
14
- import I from "@semcore/utils/lib/uniqueID";
15
- import O from "@semcore/utils/lib/canUseDOM";
16
- import U from "@semcore/utils/lib/enhances/i18nEnhance";
17
- import { localizedMessages as N } from "./translations/__intergalactic-dynamic-locales.mjs";
18
- var W = ["y", "x", "amount", "width", "styles", "forwardRef"], A = (
1
+ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
+ import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
4
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
5
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
6
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
7
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
8
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
9
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
10
+ import { sstyled } from "@semcore/utils/lib/core/index";
11
+ import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
12
+ import React from "react";
13
+ import { Box } from "@semcore/flex-box";
14
+ import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
15
+ import canUseDOM from "@semcore/utils/lib/canUseDOM";
16
+ import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
17
+ import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
18
+ var _excluded = ["y", "x", "amount", "width", "styles", "forwardRef"];
19
+ /*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
20
+ var style = (
19
21
  /*__reshadow_css_start__*/
20
- (D.insert(
22
+ (sstyled.insert(
21
23
  /*__inner_css_start__*/
22
- "@keyframes pulse_1a33r{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1a33r_gg_{animation-name:pulse_1a33r;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1a33r);will-change:opacity}.___SSkeletonSVG_1a33r_gg_._theme_invert_1a33r_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1a33r_gg_._theme_dark_1a33r_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1a33r_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1a33r_gg_{animation-name:none}}",
23
- "1a33r_gg_"
24
- ), {
25
- __SSkeleton: "___SSkeleton_1a33r_gg_",
26
- "--durationAnim": "--durationAnim_1a33r",
27
- "@pulse": "pulse_1a33r",
28
- __SSkeletonSVG: "___SSkeletonSVG_1a33r_gg_",
29
- _theme_invert: "_theme_invert_1a33r_gg_",
30
- _theme_dark: "_theme_dark_1a33r_gg_",
31
- __SText: "___SText_1a33r_gg_"
24
+ "@keyframes pulse_13d8e{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_13d8e_gg_{animation-name:pulse_13d8e;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_13d8e);will-change:opacity}.___SSkeletonSVG_13d8e_gg_._theme_invert_13d8e_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_13d8e_gg_._theme_dark_13d8e_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_13d8e_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_13d8e_gg_{animation-name:none}}",
25
+ /*__inner_css_end__*/
26
+ "13d8e_gg_"
27
+ ), /*__reshadow_css_end__*/
28
+ {
29
+ "__SSkeleton": "___SSkeleton_13d8e_gg_",
30
+ "--durationAnim": "--durationAnim_13d8e",
31
+ "@pulse": "pulse_13d8e",
32
+ "__SSkeletonSVG": "___SSkeletonSVG_13d8e_gg_",
33
+ "_theme_invert": "_theme_invert_13d8e_gg_",
34
+ "_theme_dark": "_theme_dark_13d8e_gg_",
35
+ "__SText": "___SText_13d8e_gg_"
32
36
  })
33
- ), j = {
37
+ );
38
+ var MAP_COLOR_THEME = {
34
39
  dark: "rgba(255, 255, 255, 0.3)",
35
40
  invert: "rgba(224, 225, 233, 0.8)"
36
- }, v = /* @__PURE__ */ function(a) {
37
- R(r, a);
38
- var u = P(r);
39
- function r() {
40
- return b(this, r), u.apply(this, arguments);
41
+ };
42
+ var SkeletonRoot = /* @__PURE__ */ function(_Component) {
43
+ _inherits(SkeletonRoot2, _Component);
44
+ var _super = _createSuper(SkeletonRoot2);
45
+ function SkeletonRoot2() {
46
+ _classCallCheck(this, SkeletonRoot2);
47
+ return _super.apply(this, arguments);
41
48
  }
42
- return x(r, [{
49
+ _createClass(SkeletonRoot2, [{
43
50
  key: "render",
44
- value: function() {
45
- var e = this.asProps, t, n = $, i = this.asProps;
46
- i.Children;
47
- var l = i.styles, m = i.duration, d = i.hidden, c = i.getI18nText;
48
- return i.tag, d ? null : (t = S(l), /* @__PURE__ */ s.createElement(n, t.cn("SSkeleton", g({}, E({
49
- durationAnim: "".concat(m, "ms"),
50
- role: "img",
51
- "aria-label": c("loading")
52
- }, e)))));
51
+ value: function render() {
52
+ var _ref = this.asProps, _ref3;
53
+ var SSkeleton = Box;
54
+ var _this$asProps = this.asProps;
55
+ _this$asProps.Children;
56
+ var styles = _this$asProps.styles, duration = _this$asProps.duration, hidden = _this$asProps.hidden, getI18nText = _this$asProps.getI18nText;
57
+ _this$asProps.tag;
58
+ if (hidden) return null;
59
+ return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SSkeleton, _ref3.cn("SSkeleton", _objectSpread({}, assignProps({
60
+ "durationAnim": "".concat(duration, "ms"),
61
+ "role": "img",
62
+ "aria-label": getI18nText("loading")
63
+ }, _ref))));
53
64
  }
54
- }]), r;
55
- }(w);
56
- _(v, "displayName", "Skeleton");
57
- _(v, "style", A);
58
- _(v, "enhance", [U(N)]);
59
- _(v, "defaultProps", {
65
+ }]);
66
+ return SkeletonRoot2;
67
+ }(Component);
68
+ _defineProperty(SkeletonRoot, "displayName", "Skeleton");
69
+ _defineProperty(SkeletonRoot, "style", style);
70
+ _defineProperty(SkeletonRoot, "enhance", [i18nEnhance(localizedMessages)]);
71
+ _defineProperty(SkeletonRoot, "defaultProps", {
60
72
  width: "100%",
61
73
  height: "100%",
62
74
  duration: 2e3
63
75
  });
64
- var f = /* @__PURE__ */ function(a) {
65
- R(r, a);
66
- var u = P(r);
67
- function r(o) {
68
- var e;
69
- return b(this, r), e = u.call(this, o), _(y(e), "svgRef", /* @__PURE__ */ s.createRef()), O() && o.observeParentSize && (e.observer = new ResizeObserver(e.handleResize.bind(y(e)))), e;
76
+ var SkeletonSVG = /* @__PURE__ */ function(_Component2) {
77
+ _inherits(SkeletonSVG2, _Component2);
78
+ var _super2 = _createSuper(SkeletonSVG2);
79
+ function SkeletonSVG2(props) {
80
+ var _this;
81
+ _classCallCheck(this, SkeletonSVG2);
82
+ _this = _super2.call(this, props);
83
+ _defineProperty(_assertThisInitialized(_this), "svgRef", /* @__PURE__ */ React.createRef());
84
+ if (canUseDOM() && props.observeParentSize) {
85
+ _this.observer = new ResizeObserver(_this.handleResize.bind(_assertThisInitialized(_this)));
86
+ }
87
+ return _this;
70
88
  }
71
- return x(r, [{
89
+ _createClass(SkeletonSVG2, [{
72
90
  key: "componentDidMount",
73
- value: function() {
74
- var e, t;
75
- (e = this.observer) === null || e === void 0 || e.observe((t = this.svgRef.current) === null || t === void 0 ? void 0 : t.parentElement);
91
+ value: function componentDidMount() {
92
+ var _this$observer, _this$svgRef$current;
93
+ (_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);
76
94
  }
77
95
  }, {
78
96
  key: "componentWillUnmount",
79
- value: function() {
80
- var e;
81
- (e = this.observer) === null || e === void 0 || e.disconnect();
97
+ value: function componentWillUnmount() {
98
+ var _this$observer2;
99
+ (_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.disconnect();
82
100
  }
83
101
  }, {
84
102
  key: "handleResize",
85
- value: function(e) {
86
- var t = e[0].target, n = this.svgRef.current;
87
- t && n && n.setAttribute("width", "100%");
103
+ value: function handleResize(data) {
104
+ var target = data[0].target;
105
+ var svg = this.svgRef.current;
106
+ if (target && svg) {
107
+ svg.setAttribute("width", "100%");
108
+ }
88
109
  }
89
110
  }, {
90
111
  key: "setContext",
91
- value: function() {
92
- var e = this.asProps.theme;
112
+ value: function setContext() {
113
+ var theme = this.asProps.theme;
93
114
  return {
94
- gradientUrl: j[e]
115
+ gradientUrl: MAP_COLOR_THEME[theme]
95
116
  };
96
117
  }
97
118
  }, {
98
119
  key: "render",
99
- value: function() {
100
- var e = this.asProps, t, n = this.asProps, i = n.Children, l = n.styles, m = n.uid, d = n.theme, c = n.duration, p = q;
101
- return t = S(l), /* @__PURE__ */ s.createElement(p, t.cn("SSkeletonSVG", g({}, E({
102
- tag: "svg",
103
- ref: this.svgRef,
104
- preserveAspectRatio: "none",
105
- theme: d,
106
- durationAnim: "".concat(c, "ms")
107
- }, e))), /* @__PURE__ */ s.createElement("defs", t.cn("defs", {}), /* @__PURE__ */ s.createElement("mask", t.cn("mask", {
108
- id: m
109
- }), /* @__PURE__ */ s.createElement(i, t.cn("Children", {})))), /* @__PURE__ */ s.createElement("rect", t.cn("rect", {
110
- x: "0",
111
- y: "0",
112
- width: "100%",
113
- height: "100%",
114
- mask: "url(#".concat(m, ")")
120
+ value: function render() {
121
+ var _ref2 = this.asProps, _ref4;
122
+ 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;
123
+ var SSkeletonSVG = Skeleton;
124
+ return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SSkeletonSVG, _ref4.cn("SSkeletonSVG", _objectSpread({}, assignProps({
125
+ "tag": "svg",
126
+ "ref": this.svgRef,
127
+ "preserveAspectRatio": "none",
128
+ "theme": theme,
129
+ "durationAnim": "".concat(duration, "ms")
130
+ }, _ref2))), /* @__PURE__ */ React.createElement("defs", _ref4.cn("defs", {}), /* @__PURE__ */ React.createElement("mask", _ref4.cn("mask", {
131
+ "id": uid
132
+ }), /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})))), /* @__PURE__ */ React.createElement("rect", _ref4.cn("rect", {
133
+ "x": "0",
134
+ "y": "0",
135
+ "width": "100%",
136
+ "height": "100%",
137
+ "mask": "url(#".concat(uid, ")")
115
138
  })));
116
139
  }
117
- }]), r;
118
- }(w);
119
- _(f, "displayName", "SkeletonSVG");
120
- _(f, "enhance", [I()]);
121
- _(f, "style", A);
122
- _(f, "defaultProps", {
140
+ }]);
141
+ return SkeletonSVG2;
142
+ }(Component);
143
+ _defineProperty(SkeletonSVG, "displayName", "SkeletonSVG");
144
+ _defineProperty(SkeletonSVG, "enhance", [uniqueIDEnhancement()]);
145
+ _defineProperty(SkeletonSVG, "style", style);
146
+ _defineProperty(SkeletonSVG, "defaultProps", {
123
147
  theme: "invert",
124
148
  duration: 2e3
125
149
  });
126
- function L(a) {
127
- var u = $, r = a.y, o = r === void 0 ? 0 : r, e = a.x, t = e === void 0 ? 0 : e, n = a.amount, i = n === void 0 ? 1 : n, l = a.width, m = l === void 0 ? "100%" : l, d = a.styles, c = a.forwardRef, p = M(a, W), T = Number(i), G = function(h) {
128
- var k;
129
- return k = S(d), /* @__PURE__ */ s.createElement(u, k.cn("SText", g({
130
- tag: "rect",
131
- rx: "4",
132
- ry: "4",
133
- height: "8"
134
- }, h)));
150
+ function Text(props) {
151
+ var SText = Box;
152
+ 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);
153
+ var amountLine = Number(amount);
154
+ var renderRect = function renderRect2(props2) {
155
+ var _ref5;
156
+ return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({
157
+ "tag": "rect",
158
+ "rx": "4",
159
+ "ry": "4",
160
+ "height": "8"
161
+ }, props2)));
135
162
  };
136
- return /* @__PURE__ */ s.createElement(s.Fragment, null, z(Array(T)).map(function(V, h) {
137
- return G(g({
138
- key: h,
139
- y: o || 20 * h,
140
- x: t,
141
- ref: c,
142
- width: m
143
- }, p));
163
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, _toConsumableArray(Array(amountLine)).map(function(el, index) {
164
+ return renderRect(_objectSpread({
165
+ key: index,
166
+ y: y || 20 * index,
167
+ x,
168
+ ref: forwardRef,
169
+ width
170
+ }, other));
144
171
  }));
145
172
  }
146
- var q = C(v);
147
- const _e = C(f, {
148
- Text: L
173
+ var Skeleton = createComponent(SkeletonRoot);
174
+ const Skeleton$1 = createComponent(SkeletonSVG, {
175
+ Text
149
176
  });
150
177
  export {
151
- q as Skeleton,
152
- _e as default
178
+ Skeleton,
179
+ Skeleton$1 as default
153
180
  };
package/lib/esm/index.mjs CHANGED
@@ -1,24 +1,24 @@
1
- import { default as a } from "./Skeleton.mjs";
2
- import { default as o } from "./Charts/Histogram.mjs";
3
- import { default as f } from "./Charts/Donut.mjs";
4
- import { default as m } from "./Charts/Bar.mjs";
5
- import { default as d } from "./Charts/CompactHorizontalBar.mjs";
6
- import { default as s } from "./Charts/Area.mjs";
7
- import { default as C } from "./Charts/Line.mjs";
8
- import { default as h } from "./Charts/Venn.mjs";
9
- import { default as i } from "./Charts/ScatterPlot.mjs";
10
- import { default as b } from "./Charts/Bubble.mjs";
11
- import { default as H } from "./Charts/RadialTree.mjs";
1
+ import { default as default2 } from "./Skeleton.mjs";
2
+ import { default as default3 } from "./Charts/Histogram.mjs";
3
+ import { default as default4 } from "./Charts/Donut.mjs";
4
+ import { default as default5 } from "./Charts/Bar.mjs";
5
+ import { default as default6 } from "./Charts/CompactHorizontalBar.mjs";
6
+ import { default as default7 } from "./Charts/Area.mjs";
7
+ import { default as default8 } from "./Charts/Line.mjs";
8
+ import { default as default9 } from "./Charts/Venn.mjs";
9
+ import { default as default10 } from "./Charts/ScatterPlot.mjs";
10
+ import { default as default11 } from "./Charts/Bubble.mjs";
11
+ import { default as default12 } from "./Charts/RadialTree.mjs";
12
12
  export {
13
- s as AreaChartSkeleton,
14
- m as BarChartSkeleton,
15
- b as BubbleChartSkeleton,
16
- d as CompactHorizontalBarChartSkeleton,
17
- f as DonutChartSkeleton,
18
- o as HistogramChartSkeleton,
19
- C as LineChartSkeleton,
20
- H as RadialTreeChartSkeleton,
21
- i as ScatterPlotChartSkeleton,
22
- h as VennChartSkeleton,
23
- a as default
13
+ default7 as AreaChartSkeleton,
14
+ default5 as BarChartSkeleton,
15
+ default11 as BubbleChartSkeleton,
16
+ default6 as CompactHorizontalBarChartSkeleton,
17
+ default4 as DonutChartSkeleton,
18
+ default3 as HistogramChartSkeleton,
19
+ default8 as LineChartSkeleton,
20
+ default12 as RadialTreeChartSkeleton,
21
+ default10 as ScatterPlotChartSkeleton,
22
+ default9 as VennChartSkeleton,
23
+ default2 as default
24
24
  };
@@ -0,0 +1,17 @@
1
+ SChartSkeleton {
2
+ height: 200px;
3
+ width: 100%;
4
+ background-image: var(--bgPattern);
5
+ }
6
+
7
+ SChartSkeleton[bgPosition] {
8
+ background-position: var(--bgPosition);
9
+ }
10
+
11
+ SChartSkeleton[bgSize] {
12
+ background-size: var(--bgSize);
13
+ }
14
+
15
+ SChartSkeleton[bgRepeat] {
16
+ background-repeat: var(--bgRepeat);
17
+ }
@@ -0,0 +1,39 @@
1
+ SSkeleton {
2
+ animation-name: pulse;
3
+ animation-iteration-count: infinite;
4
+ animation-timing-function: ease-in-out;
5
+ animation-duration: var(--durationAnim);
6
+ will-change: opacity;
7
+ }
8
+
9
+ @keyframes pulse {
10
+ 0% {
11
+ opacity: 1;
12
+ }
13
+
14
+ 50% {
15
+ opacity: 0.4;
16
+ }
17
+
18
+ 100% {
19
+ opacity: 1;
20
+ }
21
+ }
22
+
23
+ SSkeletonSVG[theme='invert'] {
24
+ fill: var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8));
25
+ }
26
+
27
+ SSkeletonSVG[theme='dark'] {
28
+ fill: var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3));
29
+ }
30
+
31
+ SText {
32
+ box-sizing: border-box;
33
+ }
34
+
35
+ @media (prefers-reduced-motion) {
36
+ SSkeleton {
37
+ animation-name: none;
38
+ }
39
+ }
@@ -1,33 +1,33 @@
1
- import r from "./de.json.mjs";
2
- import o from "./en.json.mjs";
3
- import m from "./es.json.mjs";
4
- import t from "./fr.json.mjs";
5
- import i from "./it.json.mjs";
6
- import p from "./ja.json.mjs";
7
- import f from "./ko.json.mjs";
8
- import e from "./nl.json.mjs";
9
- import s from "./pt.json.mjs";
10
- import a from "./tr.json.mjs";
11
- import l from "./vi.json.mjs";
12
- import v from "./zh.json.mjs";
13
- import d from "./pl.json.mjs";
14
- import n from "./sv.json.mjs";
15
- var B = {
16
- de: r,
17
- en: o,
18
- es: m,
19
- fr: t,
20
- it: i,
21
- ja: p,
22
- ko: f,
23
- nl: e,
24
- pt: s,
25
- tr: a,
26
- vi: l,
27
- zh: v,
28
- pl: d,
29
- sv: n
1
+ import de from "./de.json.mjs";
2
+ import en from "./en.json.mjs";
3
+ import es from "./es.json.mjs";
4
+ import fr from "./fr.json.mjs";
5
+ import it from "./it.json.mjs";
6
+ import ja from "./ja.json.mjs";
7
+ import ko from "./ko.json.mjs";
8
+ import nl from "./nl.json.mjs";
9
+ import pt from "./pt.json.mjs";
10
+ import tr from "./tr.json.mjs";
11
+ import vi from "./vi.json.mjs";
12
+ import zh from "./zh.json.mjs";
13
+ import pl from "./pl.json.mjs";
14
+ import sv from "./sv.json.mjs";
15
+ var localizedMessages = {
16
+ de,
17
+ en,
18
+ es,
19
+ fr,
20
+ it,
21
+ ja,
22
+ ko,
23
+ nl,
24
+ pt,
25
+ tr,
26
+ vi,
27
+ zh,
28
+ pl,
29
+ sv
30
30
  };
31
31
  export {
32
- B as localizedMessages
32
+ localizedMessages
33
33
  };
@@ -1,7 +1,8 @@
1
- const d = "Wird geladen …", a = {
2
- loading: d
1
+ const loading = "Wird geladen …";
2
+ const de = {
3
+ loading
3
4
  };
4
5
  export {
5
- a as default,
6
- d as loading
6
+ de as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const n = "Loading…", o = {
2
- loading: n
1
+ const loading = "Loading…";
2
+ const en = {
3
+ loading
3
4
  };
4
5
  export {
5
- o as default,
6
- n as loading
6
+ en as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "Cargando", o = {
2
- loading: a
1
+ const loading = "Cargando";
2
+ const es = {
3
+ loading
3
4
  };
4
5
  export {
5
- o as default,
6
- a as loading
6
+ es as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const n = "Chargement en cours", o = {
2
- loading: n
1
+ const loading = "Chargement en cours";
2
+ const fr = {
3
+ loading
3
4
  };
4
5
  export {
5
- o as default,
6
- n as loading
6
+ fr as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "Caricamento", o = {
2
- loading: a
1
+ const loading = "Caricamento";
2
+ const it = {
3
+ loading
3
4
  };
4
5
  export {
5
- o as default,
6
- a as loading
6
+ it as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "読み込み中", o = {
2
- loading: a
1
+ const loading = "読み込み中";
2
+ const ja = {
3
+ loading
3
4
  };
4
5
  export {
5
- o as default,
6
- a as loading
6
+ ja as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const o = "로딩 중", a = {
2
- loading: o
1
+ const loading = "로딩 중";
2
+ const ko = {
3
+ loading
3
4
  };
4
5
  export {
5
- a as default,
6
- o as loading
6
+ ko as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const n = "Bezig met laden...", a = {
2
- loading: n
1
+ const loading = "Bezig met laden...";
2
+ const nl = {
3
+ loading
3
4
  };
4
5
  export {
5
- a as default,
6
- n as loading
6
+ nl as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "Ładowanie…", o = {
2
- loading: a
1
+ const loading = "Ładowanie…";
2
+ const pl = {
3
+ loading
3
4
  };
4
5
  export {
5
- o as default,
6
- a as loading
6
+ pl as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "Carregando", o = {
2
- loading: a
1
+ const loading = "Carregando";
2
+ const pt = {
3
+ loading
3
4
  };
4
5
  export {
5
- o as default,
6
- a as loading
6
+ pt as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "Laddar…", d = {
2
- loading: a
1
+ const loading = "Laddar…";
2
+ const sv = {
3
+ loading
3
4
  };
4
5
  export {
5
- d as default,
6
- a as loading
6
+ sv as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const o = "Yükleniyor", n = {
2
- loading: o
1
+ const loading = "Yükleniyor";
2
+ const tr = {
3
+ loading
3
4
  };
4
5
  export {
5
- n as default,
6
- o as loading
6
+ tr as default,
7
+ loading
7
8
  };