@selfdecode/sd-component-library 4.0.118 → 4.0.119-test2

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 (243) hide show
  1. package/lib/sd-component-library100.js +2 -2
  2. package/lib/sd-component-library101.js +3 -3
  3. package/lib/sd-component-library102.js +2 -2
  4. package/lib/sd-component-library103.js +3 -3
  5. package/lib/sd-component-library114.js +1 -1
  6. package/lib/sd-component-library119.js +1 -1
  7. package/lib/sd-component-library120.js +2 -2
  8. package/lib/sd-component-library122.js +1 -1
  9. package/lib/sd-component-library128.js +1 -1
  10. package/lib/sd-component-library129.js +1 -1
  11. package/lib/sd-component-library131.js +1 -1
  12. package/lib/sd-component-library16.js +1 -1
  13. package/lib/sd-component-library174.js +26 -22
  14. package/lib/sd-component-library174.js.map +1 -1
  15. package/lib/sd-component-library175.js +1 -1
  16. package/lib/sd-component-library198.js +3 -3
  17. package/lib/sd-component-library202.js +2 -57
  18. package/lib/sd-component-library202.js.map +1 -1
  19. package/lib/sd-component-library203.js +30 -3
  20. package/lib/sd-component-library203.js.map +1 -1
  21. package/lib/sd-component-library204.js +598 -24
  22. package/lib/sd-component-library204.js.map +1 -1
  23. package/lib/sd-component-library205.js +3 -19
  24. package/lib/sd-component-library205.js.map +1 -1
  25. package/lib/sd-component-library206.js +57 -5
  26. package/lib/sd-component-library206.js.map +1 -1
  27. package/lib/sd-component-library207.js +25 -5
  28. package/lib/sd-component-library207.js.map +1 -1
  29. package/lib/sd-component-library208.js +19 -2
  30. package/lib/sd-component-library208.js.map +1 -1
  31. package/lib/sd-component-library209.js +5 -30
  32. package/lib/sd-component-library209.js.map +1 -1
  33. package/lib/sd-component-library210.js +5 -599
  34. package/lib/sd-component-library210.js.map +1 -1
  35. package/lib/sd-component-library211.js +21 -18
  36. package/lib/sd-component-library211.js.map +1 -1
  37. package/lib/sd-component-library212.js +3 -64
  38. package/lib/sd-component-library212.js.map +1 -1
  39. package/lib/sd-component-library213.js +3 -23
  40. package/lib/sd-component-library213.js.map +1 -1
  41. package/lib/sd-component-library214.js +62 -19
  42. package/lib/sd-component-library214.js.map +1 -1
  43. package/lib/sd-component-library215.js +23 -3
  44. package/lib/sd-component-library215.js.map +1 -1
  45. package/lib/sd-component-library216.js +40 -3
  46. package/lib/sd-component-library216.js.map +1 -1
  47. package/lib/sd-component-library217.js +129 -3
  48. package/lib/sd-component-library217.js.map +1 -1
  49. package/lib/sd-component-library218.js +13 -31
  50. package/lib/sd-component-library218.js.map +1 -1
  51. package/lib/sd-component-library219.js +3 -19
  52. package/lib/sd-component-library219.js.map +1 -1
  53. package/lib/sd-component-library220.js +51 -19
  54. package/lib/sd-component-library220.js.map +1 -1
  55. package/lib/sd-component-library221.js +12 -26
  56. package/lib/sd-component-library221.js.map +1 -1
  57. package/lib/sd-component-library222.js +3 -33
  58. package/lib/sd-component-library222.js.map +1 -1
  59. package/lib/sd-component-library223.js +3 -3
  60. package/lib/sd-component-library223.js.map +1 -1
  61. package/lib/sd-component-library224.js +65 -64
  62. package/lib/sd-component-library224.js.map +1 -1
  63. package/lib/sd-component-library225.js +3 -43
  64. package/lib/sd-component-library225.js.map +1 -1
  65. package/lib/sd-component-library226.js +45 -42
  66. package/lib/sd-component-library226.js.map +1 -1
  67. package/lib/sd-component-library227.js +17 -13
  68. package/lib/sd-component-library227.js.map +1 -1
  69. package/lib/sd-component-library228.js +17 -20
  70. package/lib/sd-component-library228.js.map +1 -1
  71. package/lib/sd-component-library229.js +3 -109
  72. package/lib/sd-component-library229.js.map +1 -1
  73. package/lib/sd-component-library230.js +31 -47
  74. package/lib/sd-component-library230.js.map +1 -1
  75. package/lib/sd-component-library231.js +19 -24
  76. package/lib/sd-component-library231.js.map +1 -1
  77. package/lib/sd-component-library232.js +19 -52
  78. package/lib/sd-component-library232.js.map +1 -1
  79. package/lib/sd-component-library233.js +27 -47
  80. package/lib/sd-component-library233.js.map +1 -1
  81. package/lib/sd-component-library234.js +30 -72
  82. package/lib/sd-component-library234.js.map +1 -1
  83. package/lib/sd-component-library235.js +3 -129
  84. package/lib/sd-component-library235.js.map +1 -1
  85. package/lib/sd-component-library236.js +62 -45
  86. package/lib/sd-component-library236.js.map +1 -1
  87. package/lib/sd-component-library237.js +42 -7
  88. package/lib/sd-component-library237.js.map +1 -1
  89. package/lib/sd-component-library238.js +43 -41
  90. package/lib/sd-component-library238.js.map +1 -1
  91. package/lib/sd-component-library239.js +13 -27
  92. package/lib/sd-component-library239.js.map +1 -1
  93. package/lib/sd-component-library24.js +2 -2
  94. package/lib/sd-component-library240.js +128 -20
  95. package/lib/sd-component-library240.js.map +1 -1
  96. package/lib/sd-component-library241.js +47 -20
  97. package/lib/sd-component-library241.js.map +1 -1
  98. package/lib/sd-component-library242.js +8 -2
  99. package/lib/sd-component-library242.js.map +1 -1
  100. package/lib/sd-component-library244.js +21 -40
  101. package/lib/sd-component-library244.js.map +1 -1
  102. package/lib/sd-component-library245.js +108 -128
  103. package/lib/sd-component-library245.js.map +1 -1
  104. package/lib/sd-component-library246.js +47 -13
  105. package/lib/sd-component-library246.js.map +1 -1
  106. package/lib/sd-component-library247.js +24 -14
  107. package/lib/sd-component-library247.js.map +1 -1
  108. package/lib/sd-component-library248.js +53 -3
  109. package/lib/sd-component-library248.js.map +1 -1
  110. package/lib/sd-component-library249.js +21 -3
  111. package/lib/sd-component-library249.js.map +1 -1
  112. package/lib/sd-component-library25.js +2 -2
  113. package/lib/sd-component-library250.js +20 -3
  114. package/lib/sd-component-library250.js.map +1 -1
  115. package/lib/sd-component-library251.js +45 -49
  116. package/lib/sd-component-library251.js.map +1 -1
  117. package/lib/sd-component-library252.js +72 -62
  118. package/lib/sd-component-library252.js.map +1 -1
  119. package/lib/sd-component-library253.js +41 -3
  120. package/lib/sd-component-library253.js.map +1 -1
  121. package/lib/sd-component-library254.js +27 -46
  122. package/lib/sd-component-library254.js.map +1 -1
  123. package/lib/sd-component-library255.js +2 -17
  124. package/lib/sd-component-library255.js.map +1 -1
  125. package/lib/sd-component-library256.js +6 -6
  126. package/lib/sd-component-library26.js +1 -1
  127. package/lib/sd-component-library264.js +30 -51
  128. package/lib/sd-component-library264.js.map +1 -1
  129. package/lib/sd-component-library265.js +51 -30
  130. package/lib/sd-component-library265.js.map +1 -1
  131. package/lib/sd-component-library266.js +1 -1
  132. package/lib/sd-component-library276.js +49 -51
  133. package/lib/sd-component-library276.js.map +1 -1
  134. package/lib/sd-component-library277.js +48 -87
  135. package/lib/sd-component-library277.js.map +1 -1
  136. package/lib/sd-component-library278.js +52 -54
  137. package/lib/sd-component-library278.js.map +1 -1
  138. package/lib/sd-component-library279.js +91 -48
  139. package/lib/sd-component-library279.js.map +1 -1
  140. package/lib/sd-component-library282.js +2 -3
  141. package/lib/sd-component-library282.js.map +1 -1
  142. package/lib/sd-component-library283.js +2 -3
  143. package/lib/sd-component-library283.js.map +1 -1
  144. package/lib/sd-component-library284.js +70 -3
  145. package/lib/sd-component-library284.js.map +1 -1
  146. package/lib/sd-component-library285.js +102 -6
  147. package/lib/sd-component-library285.js.map +1 -1
  148. package/lib/sd-component-library286.js +106 -2
  149. package/lib/sd-component-library286.js.map +1 -1
  150. package/lib/sd-component-library287.js +10 -2
  151. package/lib/sd-component-library287.js.map +1 -1
  152. package/lib/sd-component-library288.js +6 -10
  153. package/lib/sd-component-library288.js.map +1 -1
  154. package/lib/sd-component-library289.js +2 -70
  155. package/lib/sd-component-library289.js.map +1 -1
  156. package/lib/sd-component-library290.js +35 -101
  157. package/lib/sd-component-library290.js.map +1 -1
  158. package/lib/sd-component-library291.js +14 -106
  159. package/lib/sd-component-library291.js.map +1 -1
  160. package/lib/sd-component-library292.js +2 -2
  161. package/lib/sd-component-library293.js +8 -36
  162. package/lib/sd-component-library293.js.map +1 -1
  163. package/lib/sd-component-library294.js +328 -14
  164. package/lib/sd-component-library294.js.map +1 -1
  165. package/lib/sd-component-library295.js +51 -2
  166. package/lib/sd-component-library295.js.map +1 -1
  167. package/lib/sd-component-library296.js +3 -8
  168. package/lib/sd-component-library296.js.map +1 -1
  169. package/lib/sd-component-library297.js +3 -328
  170. package/lib/sd-component-library297.js.map +1 -1
  171. package/lib/sd-component-library298.js +3 -51
  172. package/lib/sd-component-library298.js.map +1 -1
  173. package/lib/sd-component-library300.js +1 -1
  174. package/lib/sd-component-library301.js +1 -1
  175. package/lib/sd-component-library306.js +2 -9
  176. package/lib/sd-component-library306.js.map +1 -1
  177. package/lib/sd-component-library307.js +2 -5
  178. package/lib/sd-component-library307.js.map +1 -1
  179. package/lib/sd-component-library308.js +8 -3
  180. package/lib/sd-component-library308.js.map +1 -1
  181. package/lib/sd-component-library309.js +5 -19
  182. package/lib/sd-component-library309.js.map +1 -1
  183. package/lib/sd-component-library310.js +4 -3
  184. package/lib/sd-component-library310.js.map +1 -1
  185. package/lib/sd-component-library311.js +19 -2
  186. package/lib/sd-component-library311.js.map +1 -1
  187. package/lib/sd-component-library312.js +3 -2
  188. package/lib/sd-component-library312.js.map +1 -1
  189. package/lib/sd-component-library314.js +51 -86
  190. package/lib/sd-component-library314.js.map +1 -1
  191. package/lib/sd-component-library315.js +25 -50
  192. package/lib/sd-component-library315.js.map +1 -1
  193. package/lib/sd-component-library316.js +88 -20
  194. package/lib/sd-component-library316.js.map +1 -1
  195. package/lib/sd-component-library317.js +51 -5
  196. package/lib/sd-component-library317.js.map +1 -1
  197. package/lib/sd-component-library318.js +5 -4
  198. package/lib/sd-component-library318.js.map +1 -1
  199. package/lib/sd-component-library319.js +23 -33
  200. package/lib/sd-component-library319.js.map +1 -1
  201. package/lib/sd-component-library320.js +3 -57
  202. package/lib/sd-component-library320.js.map +1 -1
  203. package/lib/sd-component-library321.js +34 -25
  204. package/lib/sd-component-library321.js.map +1 -1
  205. package/lib/sd-component-library323.js +28 -89
  206. package/lib/sd-component-library323.js.map +1 -1
  207. package/lib/sd-component-library324.js +17 -25
  208. package/lib/sd-component-library324.js.map +1 -1
  209. package/lib/sd-component-library325.js +89 -20
  210. package/lib/sd-component-library325.js.map +1 -1
  211. package/lib/sd-component-library50.js +1 -1
  212. package/lib/sd-component-library51.js +1 -1
  213. package/lib/sd-component-library53.js +3 -3
  214. package/lib/sd-component-library54.js +2 -2
  215. package/lib/sd-component-library55.js +2 -2
  216. package/lib/sd-component-library59.js +49 -45
  217. package/lib/sd-component-library59.js.map +1 -1
  218. package/lib/sd-component-library6.js +1 -1
  219. package/lib/sd-component-library62.js +1 -1
  220. package/lib/sd-component-library63.js +2 -2
  221. package/lib/sd-component-library64.js +5 -5
  222. package/lib/sd-component-library65.js +1 -1
  223. package/lib/sd-component-library66.js +2 -2
  224. package/lib/sd-component-library67.js +1 -1
  225. package/lib/sd-component-library7.js +1 -1
  226. package/lib/sd-component-library72.js +2 -2
  227. package/lib/sd-component-library74.js +3 -3
  228. package/lib/sd-component-library76.js +2 -2
  229. package/lib/sd-component-library77.js +3 -3
  230. package/lib/sd-component-library78.js +1 -1
  231. package/lib/sd-component-library79.js +1 -1
  232. package/lib/sd-component-library81.js +1 -1
  233. package/lib/sd-component-library82.js +1 -1
  234. package/lib/sd-component-library88.js +6 -6
  235. package/lib/sd-component-library89.js +2 -2
  236. package/lib/sd-component-library90.js +1 -1
  237. package/lib/sd-component-library91.js +5 -5
  238. package/lib/sd-component-library92.js +1 -1
  239. package/lib/sd-component-library94.js +6 -6
  240. package/lib/sd-component-library95.js +1 -1
  241. package/lib/sd-component-library96.js +7 -7
  242. package/lib/sd-component-library97.js +1 -1
  243. package/package.json +1 -1
@@ -1,132 +1,112 @@
1
- import { commonjsGlobal as a } from "./sd-component-library285.js";
2
- import { __exports as h } from "./sd-component-library292.js";
3
- import d from "react";
4
- import { f as g } from "./sd-component-library293.js";
5
- import { p as y } from "./sd-component-library294.js";
6
- var v = a && a.__extends || function() {
7
- var t = function(r, e) {
8
- return t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, o) {
9
- n.__proto__ = o;
10
- } || function(n, o) {
11
- for (var i in o)
12
- Object.prototype.hasOwnProperty.call(o, i) && (n[i] = o[i]);
13
- }, t(r, e);
14
- };
15
- return function(r, e) {
16
- if (typeof e != "function" && e !== null)
17
- throw new TypeError("Class extends value " + String(e) + " is not a constructor or null");
18
- t(r, e);
19
- function n() {
20
- this.constructor = r;
21
- }
22
- r.prototype = e === null ? Object.create(e) : (n.prototype = e.prototype, new n());
23
- };
24
- }(), p = a && a.__assign || function() {
25
- return p = Object.assign || function(t) {
26
- for (var r, e = 1, n = arguments.length; e < n; e++) {
27
- r = arguments[e];
28
- for (var o in r)
29
- Object.prototype.hasOwnProperty.call(r, o) && (t[o] = r[o]);
30
- }
31
- return t;
32
- }, p.apply(this, arguments);
33
- }, b = a && a.__createBinding || (Object.create ? function(t, r, e, n) {
34
- n === void 0 && (n = e), Object.defineProperty(t, n, { enumerable: !0, get: function() {
35
- return r[e];
36
- } });
37
- } : function(t, r, e, n) {
38
- n === void 0 && (n = e), t[n] = r[e];
39
- }), O = a && a.__setModuleDefault || (Object.create ? function(t, r) {
40
- Object.defineProperty(t, "default", { enumerable: !0, value: r });
41
- } : function(t, r) {
42
- t.default = r;
43
- }), m = a && a.__importStar || function(t) {
44
- if (t && t.__esModule)
45
- return t;
46
- var r = {};
47
- if (t != null)
48
- for (var e in t)
49
- e !== "default" && Object.prototype.hasOwnProperty.call(t, e) && b(r, t, e);
50
- return O(r, t), r;
51
- }, j = a && a.__rest || function(t, r) {
52
- var e = {};
53
- for (var n in t)
54
- Object.prototype.hasOwnProperty.call(t, n) && r.indexOf(n) < 0 && (e[n] = t[n]);
55
- if (t != null && typeof Object.getOwnPropertySymbols == "function")
56
- for (var o = 0, n = Object.getOwnPropertySymbols(t); o < n.length; o++)
57
- r.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[o]) && (e[n[o]] = t[n[o]]);
58
- return e;
59
- }, R = a && a.__importDefault || function(t) {
60
- return t && t.__esModule ? t : { default: t };
61
- };
62
- Object.defineProperty(h, "__esModule", { value: !0 });
63
- var f = m(d), C = R(g), l = m(y);
64
- function c(t) {
65
- return t && t.replace(/&nbsp;|\u202F|\u00A0/g, " ");
66
- }
67
- function E(t) {
68
- var r = document.createTextNode("");
69
- t.appendChild(r);
70
- var e = document.activeElement === t;
71
- if (r !== null && r.nodeValue !== null && e) {
72
- var n = window.getSelection();
73
- if (n !== null) {
74
- var o = document.createRange();
75
- o.setStart(r, r.nodeValue.length), o.collapse(!0), n.removeAllRanges(), n.addRange(o);
76
- }
77
- t instanceof HTMLElement && t.focus();
78
- }
79
- }
80
- var w = (
81
- /** @class */
82
- function(t) {
83
- v(r, t);
84
- function r() {
85
- var e = t !== null && t.apply(this, arguments) || this;
86
- return e.lastHtml = e.props.html, e.el = typeof e.props.innerRef == "function" ? { current: null } : f.createRef(), e.getEl = function() {
87
- return (e.props.innerRef && typeof e.props.innerRef != "function" ? e.props.innerRef : e.el).current;
88
- }, e.emitChange = function(n) {
89
- var o = e.getEl();
90
- if (o) {
91
- var i = o.innerHTML;
92
- if (e.props.onChange && i !== e.lastHtml) {
93
- var u = Object.assign({}, n, {
94
- target: {
95
- value: i
96
- }
97
- });
98
- e.props.onChange(u);
99
- }
100
- e.lastHtml = i;
1
+ import { j as t } from "./sd-component-library198.js";
2
+ import { getCoordinateForArc as A, getInnerX as H, getInnerY as M, degToRad as E } from "./sd-component-library93.js";
3
+ import { getFractionColor as O } from "./sd-component-library244.js";
4
+ import { BaseOutlineArc as X } from "./sd-component-library319.js";
5
+ const w = "#CCD0DB", q = (G) => {
6
+ const {
7
+ diameter: I,
8
+ idx: d,
9
+ endColor: Y,
10
+ startColor: f,
11
+ segmented: v,
12
+ totalRanges: n,
13
+ value: i,
14
+ arc: l,
15
+ innerPointRadius: W,
16
+ pointStrokeWidth: C,
17
+ gaugeWidth: e,
18
+ pointColor: $
19
+ } = G, c = d / n, x = (d + 1) / n, k = i >= c && i <= x, R = (360 - l) / 2, r = I / 2, g = R + l * c, j = R + l * x, { x: u, y: h } = A(
20
+ r,
21
+ g
22
+ ), { x: m, y } = A(
23
+ r,
24
+ j
25
+ );
26
+ if (v || !k)
27
+ return /* @__PURE__ */ t.jsx(
28
+ X,
29
+ {
30
+ startX: u,
31
+ startY: h,
32
+ endX: m,
33
+ endY: y,
34
+ startAlpha: g,
35
+ endAlpha: j,
36
+ color: v || i > x ? `url(#gradient-${f}-${Y})` : w,
37
+ radius: r,
38
+ width: e
39
+ }
40
+ );
41
+ const o = g + (i - c) / (x - c) * l / n, { x: a, y: s } = A(r, o), F = H(a, E(o), e), B = M(s, E(o), e), D = d >= n / 2, S = d + 1 === n / 2 + 0.5, z = S ? (a - u) / (m - u) : (s - h) / (y - h), p = O(z, f, Y);
42
+ return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
43
+ /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsxs(
44
+ "linearGradient",
45
+ {
46
+ id: `value-gradient-${p}`,
47
+ ...D ? {
48
+ x1: 0,
49
+ y1: 0,
50
+ x2: 0,
51
+ y2: 1
52
+ } : S ? { x1: 0, y1: 0, x2: 1, y2: 0 } : {
53
+ x1: 0,
54
+ y1: 1,
55
+ x2: 0,
56
+ y2: 0
57
+ },
58
+ children: [
59
+ /* @__PURE__ */ t.jsx("stop", { stopColor: f, offset: "0%" }),
60
+ /* @__PURE__ */ t.jsx("stop", { stopColor: p, offset: "100%" })
61
+ ]
62
+ }
63
+ ) }),
64
+ /* @__PURE__ */ t.jsxs("g", { children: [
65
+ /* @__PURE__ */ t.jsx(
66
+ X,
67
+ {
68
+ startX: u,
69
+ startY: h,
70
+ endX: a,
71
+ endY: s,
72
+ startAlpha: g,
73
+ endAlpha: o,
74
+ color: `url(#value-gradient-${p})`,
75
+ radius: r,
76
+ width: e,
77
+ roundEnd: !1
78
+ }
79
+ ),
80
+ /* @__PURE__ */ t.jsx(
81
+ X,
82
+ {
83
+ startX: a,
84
+ startY: s,
85
+ endX: m,
86
+ endY: y,
87
+ startAlpha: o,
88
+ endAlpha: j,
89
+ color: w,
90
+ radius: r,
91
+ width: e,
92
+ roundStart: !1
101
93
  }
102
- }, e;
103
- }
104
- return r.prototype.render = function() {
105
- var e = this, n = this.props, o = n.tagName, i = n.html, u = n.innerRef, _ = j(n, ["tagName", "html", "innerRef"]);
106
- return f.createElement(o || "div", p(p({}, _), { ref: typeof u == "function" ? function(s) {
107
- u(s), e.el.current = s;
108
- } : u || this.el, onInput: this.emitChange, onBlur: this.props.onBlur || this.emitChange, onKeyUp: this.props.onKeyUp || this.emitChange, onKeyDown: this.props.onKeyDown || this.emitChange, contentEditable: !this.props.disabled, dangerouslySetInnerHTML: { __html: i } }), this.props.children);
109
- }, r.prototype.shouldComponentUpdate = function(e) {
110
- var n = this.props, o = this.getEl();
111
- return !o || c(e.html) !== c(o.innerHTML) ? !0 : n.disabled !== e.disabled || n.tagName !== e.tagName || n.className !== e.className || n.innerRef !== e.innerRef || n.placeholder !== e.placeholder || !C.default(n.style, e.style);
112
- }, r.prototype.componentDidUpdate = function() {
113
- var e = this.getEl();
114
- e && (this.props.html !== e.innerHTML && (e.innerHTML = this.props.html), this.lastHtml = this.props.html, E(e));
115
- }, r.propTypes = {
116
- html: l.string.isRequired,
117
- onChange: l.func,
118
- disabled: l.bool,
119
- tagName: l.string,
120
- className: l.string,
121
- style: l.object,
122
- innerRef: l.oneOfType([
123
- l.object,
124
- l.func
125
- ])
126
- }, r;
127
- }(f.Component)
128
- ), D = h.default = w;
94
+ ),
95
+ /* @__PURE__ */ t.jsx(
96
+ "circle",
97
+ {
98
+ cx: (a + F) / 2,
99
+ cy: (s + B) / 2,
100
+ r: C + W,
101
+ strokeWidth: C,
102
+ stroke: $ || p,
103
+ fill: "white"
104
+ }
105
+ )
106
+ ] })
107
+ ] });
108
+ };
129
109
  export {
130
- D as default
110
+ q as GradientMeterRange
131
111
  };
132
112
  //# sourceMappingURL=sd-component-library245.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library245.js","sources":["../node_modules/react-contenteditable/lib/react-contenteditable.js"],"sourcesContent":["\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n if (mod && mod.__esModule) return mod;\n var result = {};\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n __setModuleDefault(result, mod);\n return result;\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar React = __importStar(require(\"react\"));\nvar fast_deep_equal_1 = __importDefault(require(\"fast-deep-equal\"));\nvar PropTypes = __importStar(require(\"prop-types\"));\nfunction normalizeHtml(str) {\n return str && str.replace(/&nbsp;|\\u202F|\\u00A0/g, ' ');\n}\nfunction replaceCaret(el) {\n // Place the caret at the end of the element\n var target = document.createTextNode('');\n el.appendChild(target);\n // do not move caret if element was not focused\n var isTargetFocused = document.activeElement === el;\n if (target !== null && target.nodeValue !== null && isTargetFocused) {\n var sel = window.getSelection();\n if (sel !== null) {\n var range = document.createRange();\n range.setStart(target, target.nodeValue.length);\n range.collapse(true);\n sel.removeAllRanges();\n sel.addRange(range);\n }\n if (el instanceof HTMLElement)\n el.focus();\n }\n}\n/**\n * A simple component for an html element with editable contents.\n */\nvar ContentEditable = /** @class */ (function (_super) {\n __extends(ContentEditable, _super);\n function ContentEditable() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.lastHtml = _this.props.html;\n _this.el = typeof _this.props.innerRef === 'function' ? { current: null } : React.createRef();\n _this.getEl = function () { return (_this.props.innerRef && typeof _this.props.innerRef !== 'function' ? _this.props.innerRef : _this.el).current; };\n _this.emitChange = function (originalEvt) {\n var el = _this.getEl();\n if (!el)\n return;\n var html = el.innerHTML;\n if (_this.props.onChange && html !== _this.lastHtml) {\n // Clone event with Object.assign to avoid\n // \"Cannot assign to read only property 'target' of object\"\n var evt = Object.assign({}, originalEvt, {\n target: {\n value: html\n }\n });\n _this.props.onChange(evt);\n }\n _this.lastHtml = html;\n };\n return _this;\n }\n ContentEditable.prototype.render = function () {\n var _this = this;\n var _a = this.props, tagName = _a.tagName, html = _a.html, innerRef = _a.innerRef, props = __rest(_a, [\"tagName\", \"html\", \"innerRef\"]);\n return React.createElement(tagName || 'div', __assign(__assign({}, props), { ref: typeof innerRef === 'function' ? function (current) {\n innerRef(current);\n _this.el.current = current;\n } : innerRef || this.el, onInput: this.emitChange, onBlur: this.props.onBlur || this.emitChange, onKeyUp: this.props.onKeyUp || this.emitChange, onKeyDown: this.props.onKeyDown || this.emitChange, contentEditable: !this.props.disabled, dangerouslySetInnerHTML: { __html: html } }), this.props.children);\n };\n ContentEditable.prototype.shouldComponentUpdate = function (nextProps) {\n var props = this.props;\n var el = this.getEl();\n // We need not rerender if the change of props simply reflects the user's edits.\n // Rerendering in this case would make the cursor/caret jump\n // Rerender if there is no element yet... (somehow?)\n if (!el)\n return true;\n // ...or if html really changed... (programmatically, not by user edit)\n if (normalizeHtml(nextProps.html) !== normalizeHtml(el.innerHTML)) {\n return true;\n }\n // Handle additional properties\n return props.disabled !== nextProps.disabled ||\n props.tagName !== nextProps.tagName ||\n props.className !== nextProps.className ||\n props.innerRef !== nextProps.innerRef ||\n props.placeholder !== nextProps.placeholder ||\n !fast_deep_equal_1.default(props.style, nextProps.style);\n };\n ContentEditable.prototype.componentDidUpdate = function () {\n var el = this.getEl();\n if (!el)\n return;\n // Perhaps React (whose VDOM gets outdated because we often prevent\n // rerendering) did not update the DOM. So we update it manually now.\n if (this.props.html !== el.innerHTML) {\n el.innerHTML = this.props.html;\n }\n this.lastHtml = this.props.html;\n replaceCaret(el);\n };\n ContentEditable.propTypes = {\n html: PropTypes.string.isRequired,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n tagName: PropTypes.string,\n className: PropTypes.string,\n style: PropTypes.object,\n innerRef: PropTypes.oneOfType([\n PropTypes.object,\n PropTypes.func,\n ])\n };\n return ContentEditable;\n}(React.Component));\nexports.default = ContentEditable;\n"],"names":["__extends","this","extendStatics","d","b","p","__","__assign","s","i","__createBinding","o","m","k","k2","__setModuleDefault","v","__importStar","mod","result","__rest","e","t","__importDefault","reactContenteditable","React","require$$0","fast_deep_equal_1","require$$1","PropTypes","require$$2","normalizeHtml","str","replaceCaret","el","target","isTargetFocused","sel","range","ContentEditable","_super","_this","originalEvt","html","evt","_a","tagName","innerRef","props","current","nextProps","_default"],"mappings":"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","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"sd-component-library245.js","sources":["../src/components/meters/gradient-outline-meter/partials/gradient-meter-range/gradient-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseOutlineArc } from \"../../../outline-meter/partials/base-outline-arc\";\nimport {\n degToRad,\n getCoordinateForArc,\n getInnerX,\n getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { getFractionColor } from \"../../utils\";\nimport { GradientMeterRangeProps as Props } from \"./interfaces\";\n\nconst grey = \"#CCD0DB\";\nexport const GradientMeterRange: React.FC<Props> = (props) => {\n const {\n diameter,\n idx,\n endColor,\n startColor,\n segmented,\n totalRanges,\n value,\n arc,\n innerPointRadius,\n pointStrokeWidth,\n gaugeWidth,\n pointColor,\n } = props;\n\n const start = idx / totalRanges;\n const end = (idx + 1) / totalRanges;\n\n const valueWithinRange = value >= start && value <= end;\n\n const arcStart = (360 - arc) / 2; // deg\n\n const radius = diameter / 2;\n\n const rangeArcStart = arcStart + arc * start;\n const rangeArcEnd = arcStart + arc * end;\n\n const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n radius,\n rangeArcStart\n );\n const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n radius,\n rangeArcEnd\n );\n\n if (segmented || !valueWithinRange)\n return (\n <BaseOutlineArc\n startX={rangeStartX}\n startY={rangeStartY}\n endX={rangeEndX}\n endY={rangeEndY}\n startAlpha={rangeArcStart}\n endAlpha={rangeArcEnd}\n color={\n segmented || value > end\n ? `url(#gradient-${startColor}-${endColor})`\n : grey\n }\n radius={radius}\n width={gaugeWidth}\n />\n );\n\n const valueAlpha =\n rangeArcStart + (((value - start) / (end - start)) * arc) / totalRanges;\n const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n const valueInnerX = getInnerX(valueX, degToRad(valueAlpha), gaugeWidth);\n const valueInnerY = getInnerY(valueY, degToRad(valueAlpha), gaugeWidth);\n\n const useVerticalGradient = idx >= totalRanges / 2;\n const useHorizontalGradient = idx + 1 === totalRanges / 2 + 0.5;\n\n const fraction = useHorizontalGradient\n ? (valueX - rangeStartX) / (rangeEndX - rangeStartX)\n : (valueY - rangeStartY) / (rangeEndY - rangeStartY);\n const color = getFractionColor(fraction, startColor, endColor);\n\n return (\n <>\n <defs>\n <linearGradient\n id={`value-gradient-${color}`}\n {...(useVerticalGradient\n ? {\n x1: 0,\n y1: 0,\n x2: 0,\n y2: 1,\n }\n : useHorizontalGradient\n ? { x1: 0, y1: 0, x2: 1, y2: 0 }\n : {\n x1: 0,\n y1: 1,\n x2: 0,\n y2: 0,\n })}\n >\n <stop stopColor={startColor} offset=\"0%\" />\n <stop stopColor={color} offset=\"100%\" />\n </linearGradient>\n </defs>\n <g>\n <BaseOutlineArc\n startX={rangeStartX}\n startY={rangeStartY}\n endX={valueX}\n endY={valueY}\n startAlpha={rangeArcStart}\n endAlpha={valueAlpha}\n color={`url(#value-gradient-${color})`}\n radius={radius}\n width={gaugeWidth}\n roundEnd={false}\n />\n <BaseOutlineArc\n startX={valueX}\n startY={valueY}\n endX={rangeEndX}\n endY={rangeEndY}\n startAlpha={valueAlpha}\n endAlpha={rangeArcEnd}\n color={grey}\n radius={radius}\n width={gaugeWidth}\n roundStart={false}\n />\n <circle\n cx={(valueX + valueInnerX) / 2}\n cy={(valueY + valueInnerY) / 2}\n r={pointStrokeWidth + innerPointRadius}\n strokeWidth={pointStrokeWidth}\n stroke={pointColor || color}\n fill=\"white\"\n />\n </g>\n </>\n );\n};\n"],"names":["grey","GradientMeterRange","props","diameter","idx","endColor","startColor","segmented","totalRanges","value","arc","innerPointRadius","pointStrokeWidth","gaugeWidth","pointColor","start","end","valueWithinRange","arcStart","radius","rangeArcStart","rangeArcEnd","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","jsx","BaseOutlineArc","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY","useVerticalGradient","useHorizontalGradient","fraction","color","getFractionColor","jsxs","Fragment"],"mappings":"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"}
@@ -1,16 +1,50 @@
1
- import { escape as c, unescape as a } from "lodash-es";
2
- const l = "&nbsp;", n = (e) => `<div>${e}</div>`, r = (e, p) => p === 0 ? e : n(e), i = (e) => a(
3
- e.replaceAll("<br>", "\r").split("<div>").map(
4
- (p) => p.endsWith("</div>") ? p.slice(0, -6) : p
5
- ).join(`
6
- `)
7
- ).replaceAll(l, " "), t = (e) => c(e).replaceAll(" ", l).replaceAll("\r", "<br>").split(`
8
- `).map(r).join("");
1
+ import { j as N } from "./sd-component-library198.js";
2
+ import { getInnerX as k, getInnerY as B, degToRad as c, getCoordinateForArc as i } from "./sd-component-library93.js";
3
+ import { getFractionColor as b } from "./sd-component-library244.js";
4
+ import { BaseNeedle as q } from "./sd-component-library321.js";
5
+ const O = (R) => {
6
+ const {
7
+ ranges: r,
8
+ distanceFromRange: d,
9
+ innerCircleRadius: X,
10
+ innerCircleStrokeWidth: Y,
11
+ needleWidth: n,
12
+ arc: a,
13
+ value: l,
14
+ gaugeWidth: g,
15
+ diameter: v,
16
+ needleColor: S
17
+ } = R, s = v / 2, e = r.length, t = Math.floor(l * e), y = r[t][0], A = r[t][1], u = (360 - a) / 2, m = u + a * t / e, E = u + a * (t + 1) / e, p = t / e, M = (t + 1) / e, { x: h, y: x } = i(
18
+ s,
19
+ m
20
+ ), { x: j, y: F } = i(
21
+ s,
22
+ E
23
+ ), o = m + (l - p) / (M - p) * a / r.length, { x: C, y: f } = i(s, o), G = k(
24
+ C,
25
+ c(o),
26
+ d + g + n / 2
27
+ ), I = B(
28
+ f,
29
+ c(o),
30
+ d + g + n / 2
31
+ ), T = n / 2 * Math.cos(c(o)), W = n / 2 * Math.sin(c(o)), z = t + 1 === e / 2 + 0.5 ? (C - h) / (j - h) : (f - x) / (F - x), H = b(z, y, A);
32
+ return /* @__PURE__ */ N.jsx(
33
+ q,
34
+ {
35
+ radius: s,
36
+ innerCircleRadius: X,
37
+ innerCircleStrokeWidth: Y,
38
+ needleWidth: n,
39
+ color: S || H,
40
+ dx: T,
41
+ dy: W,
42
+ tipX: G,
43
+ tipY: I
44
+ }
45
+ );
46
+ };
9
47
  export {
10
- t as escapeWrapper,
11
- l as htmlSpace,
12
- r as lineToHtml,
13
- i as unescapeWrapper,
14
- n as wrapByDiv
48
+ O as GradientMeterNeedle
15
49
  };
16
50
  //# sourceMappingURL=sd-component-library246.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library246.js","sources":["../src/components/inputs/multi-row-secondary-text-input/utils.ts"],"sourcesContent":["import { escape, unescape } from \"lodash-es\";\n\nexport const htmlSpace = \"&nbsp;\";\n\nexport const wrapByDiv = (s: string) => `<div>${s}</div>`;\n\nexport const lineToHtml = (line: string, idx: number) =>\n idx === 0 ? line : wrapByDiv(line);\n\nexport const unescapeWrapper = (s: string) =>\n unescape(\n s\n .replaceAll(\"<br>\", \"\\r\")\n .split(\"<div>\")\n .map((row) =>\n row.endsWith(\"</div>\") ? row.slice(0, -\"<div/>\".length) : row\n )\n .join(\"\\n\")\n ).replaceAll(htmlSpace, \" \");\n\nexport const escapeWrapper = (s: string) =>\n escape(s)\n .replaceAll(\" \", htmlSpace)\n .replaceAll(\"\\r\", \"<br>\")\n .split(\"\\n\")\n .map(lineToHtml)\n .join(\"\");\n"],"names":["htmlSpace","wrapByDiv","s","lineToHtml","line","idx","unescapeWrapper","unescape","row","escapeWrapper","escape"],"mappings":";AAEO,MAAMA,IAAY,UAEZC,IAAY,CAACC,MAAc,QAAQA,CAAC,UAEpCC,IAAa,CAACC,GAAcC,MACvCA,MAAQ,IAAID,IAAOH,EAAUG,CAAI,GAEtBE,IAAkB,CAACJ,MAC9BK;AAAA,EACEL,EACG,WAAW,QAAQ,IAAI,EACvB,MAAM,OAAO,EACb;AAAA,IAAI,CAACM,MACJA,EAAI,SAAS,QAAQ,IAAIA,EAAI,MAAM,GAAG,EAAgB,IAAIA;AAAA,EAAA,EAE3D,KAAK;AAAA,CAAI;AACd,EAAE,WAAWR,GAAW,GAAG,GAEhBS,IAAgB,CAACP,MAC5BQ,EAAOR,CAAC,EACL,WAAW,KAAKF,CAAS,EACzB,WAAW,MAAM,MAAM,EACvB,MAAM;AAAA,CAAI,EACV,IAAIG,CAAU,EACd,KAAK,EAAE;"}
1
+ {"version":3,"file":"sd-component-library246.js","sources":["../src/components/meters/gradient-outline-meter/partials/gradient-meter-needle/gradient-meter-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseNeedle } from \"../../../outline-meter/partials/base-needle\";\nimport {\n degToRad,\n getCoordinateForArc,\n getInnerX,\n getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { getFractionColor } from \"../../utils\";\nimport { GradientMeterNeedleProps as Props } from \"./interfaces\";\n\nexport const GradientMeterNeedle: React.FC<Props> = (props) => {\n const {\n ranges,\n distanceFromRange,\n innerCircleRadius,\n innerCircleStrokeWidth,\n needleWidth,\n arc,\n value,\n gaugeWidth,\n diameter,\n needleColor,\n } = props;\n const radius = diameter / 2;\n const totalRanges = ranges.length;\n const valueRangeIndex = Math.floor(value * totalRanges);\n const startColor = ranges[valueRangeIndex][0];\n const endColor = ranges[valueRangeIndex][1];\n\n const arcStart = (360 - arc) / 2; // deg\n\n const rangeArcStart = arcStart + (arc * valueRangeIndex) / totalRanges;\n const rangeArcEnd = arcStart + (arc * (valueRangeIndex + 1)) / totalRanges;\n const start = valueRangeIndex / totalRanges;\n const end = (valueRangeIndex + 1) / totalRanges;\n\n const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n radius,\n rangeArcStart\n );\n const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n radius,\n rangeArcEnd\n );\n\n const valueAlpha =\n rangeArcStart + (((value - start) / (end - start)) * arc) / ranges.length;\n const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n const needleTipX = getInnerX(\n valueX,\n degToRad(valueAlpha),\n distanceFromRange + gaugeWidth + needleWidth / 2\n );\n const needleTipY = getInnerY(\n valueY,\n degToRad(valueAlpha),\n distanceFromRange + gaugeWidth + needleWidth / 2\n );\n\n const dx = (needleWidth / 2) * Math.cos(degToRad(valueAlpha));\n const dy = (needleWidth / 2) * Math.sin(degToRad(valueAlpha));\n\n const useHorizontalGradient = valueRangeIndex + 1 === totalRanges / 2 + 0.5;\n\n const fraction = useHorizontalGradient\n ? (valueX - rangeStartX) / (rangeEndX - rangeStartX)\n : (valueY - rangeStartY) / (rangeEndY - rangeStartY);\n const color = getFractionColor(fraction, startColor, endColor);\n\n return (\n <BaseNeedle\n radius={radius}\n innerCircleRadius={innerCircleRadius}\n innerCircleStrokeWidth={innerCircleStrokeWidth}\n needleWidth={needleWidth}\n color={needleColor || color}\n dx={dx}\n dy={dy}\n tipX={needleTipX}\n tipY={needleTipY}\n />\n );\n};\n"],"names":["GradientMeterNeedle","props","ranges","distanceFromRange","innerCircleRadius","innerCircleStrokeWidth","needleWidth","arc","value","gaugeWidth","diameter","needleColor","radius","totalRanges","valueRangeIndex","startColor","endColor","arcStart","rangeArcStart","rangeArcEnd","start","end","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","valueAlpha","valueX","valueY","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","dy","fraction","color","getFractionColor","jsx","BaseNeedle"],"mappings":";;;;AAYa,MAAAA,IAAuC,CAACC,MAAU;AACvD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAV,GACEW,IAASF,IAAW,GACpBG,IAAcX,EAAO,QACrBY,IAAkB,KAAK,MAAMN,IAAQK,CAAW,GAChDE,IAAab,EAAOY,CAAe,EAAE,CAAC,GACtCE,IAAWd,EAAOY,CAAe,EAAE,CAAC,GAEpCG,KAAY,MAAMV,KAAO,GAEzBW,IAAgBD,IAAYV,IAAMO,IAAmBD,GACrDM,IAAcF,IAAYV,KAAOO,IAAkB,KAAMD,GACzDO,IAAQN,IAAkBD,GAC1BQ,KAAOP,IAAkB,KAAKD,GAE9B,EAAE,GAAGS,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACzCZ;AAAA,IACAM;AAAA,EAAA,GAEI,EAAE,GAAGO,GAAW,GAAGC,EAAc,IAAAF;AAAA,IACrCZ;AAAA,IACAO;AAAA,EAAA,GAGIQ,IACJT,KAAmBV,IAAQY,MAAUC,IAAMD,KAAUb,IAAOL,EAAO,QAC/D,EAAE,GAAG0B,GAAQ,GAAGC,MAAWL,EAAoBZ,GAAQe,CAAU,GACjEG,IAAaC;AAAA,IACjBH;AAAA,IACAI,EAASL,CAAU;AAAA,IACnBxB,IAAoBM,IAAaH,IAAc;AAAA,EAAA,GAE3C2B,IAAaC;AAAA,IACjBL;AAAA,IACAG,EAASL,CAAU;AAAA,IACnBxB,IAAoBM,IAAaH,IAAc;AAAA,EAAA,GAG3C6B,IAAM7B,IAAc,IAAK,KAAK,IAAI0B,EAASL,CAAU,CAAC,GACtDS,IAAM9B,IAAc,IAAK,KAAK,IAAI0B,EAASL,CAAU,CAAC,GAItDU,IAFwBvB,IAAkB,MAAMD,IAAc,IAAI,OAGnEe,IAASN,MAAgBG,IAAYH,MACrCO,IAASN,MAAgBG,IAAYH,IACpCe,IAAQC,EAAiBF,GAAUtB,GAAYC,CAAQ;AAG3D,SAAAwB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAA7B;AAAA,MACA,mBAAAR;AAAA,MACA,wBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAOK,KAAe2B;AAAA,MACtB,IAAAH;AAAA,MACA,IAAAC;AAAA,MACA,MAAMN;AAAA,MACN,MAAMG;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
@@ -1,17 +1,27 @@
1
- import { j as i } from "./sd-component-library198.js";
2
- import { Button as e } from "./sd-component-library26.js";
3
- const n = (t) => /* @__PURE__ */ i.jsx(
4
- e,
5
- {
6
- ...t,
7
- variant: "_circle",
8
- width: [`${t.diameter}px`],
9
- height: [`${t.diameter}px`],
10
- "data-testid": "circle-button",
11
- children: t.children
12
- }
13
- );
1
+ import { j as p } from "./sd-component-library198.js";
2
+ const m = (a) => {
3
+ const { position: s, diameter: t, rangeY: e, rangeX: n, distanceFromRanges: r, isInRange: o } = a;
4
+ if (o)
5
+ return null;
6
+ const { startX: d, startY: i, endX: X, endY: Y } = s === "left" ? {
7
+ startX: n || 0,
8
+ startY: e || t / 2 - 0.5,
9
+ endX: -r,
10
+ endY: t / 2 - 0.5
11
+ } : s === "top" ? {
12
+ startX: n || t / 2,
13
+ startY: e || 0,
14
+ endX: t / 2,
15
+ endY: -r
16
+ } : {
17
+ startX: n || t,
18
+ startY: e || t / 2 - 0.5,
19
+ endX: t + r,
20
+ endY: t / 2 - 0.5
21
+ };
22
+ return /* @__PURE__ */ p.jsx("path", { d: `M${d},${i} L${X},${Y}`, stroke: "#CCD0DB" });
23
+ };
14
24
  export {
15
- n as CircleButton
25
+ m as OutlineMeterLabelPointer
16
26
  };
17
27
  //# sourceMappingURL=sd-component-library247.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library247.js","sources":["../src/components/buttons/partials/circle-button/circle-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { CircleButtonProps } from \".\";\nimport { Button } from \"../../button\";\n\n/**\n * The circle button.\n */\nexport const CircleButton: React.FC<CircleButtonProps> = (props) => (\n <Button\n {...props}\n variant=\"_circle\"\n width={[`${props.diameter}px`]}\n height={[`${props.diameter}px`]}\n data-testid=\"circle-button\"\n >\n {props.children}\n </Button>\n);\n"],"names":["CircleButton","props","jsx","Button"],"mappings":";;AAQa,MAAAA,IAA4C,CAACC,MACxDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAQ;AAAA,IACR,OAAO,CAAC,GAAGA,EAAM,QAAQ,IAAI;AAAA,IAC7B,QAAQ,CAAC,GAAGA,EAAM,QAAQ,IAAI;AAAA,IAC9B,eAAY;AAAA,IAEX,UAAMA,EAAA;AAAA,EAAA;AACT;"}
1
+ {"version":3,"file":"sd-component-library247.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-label-pointer/outline-meter-label-pointer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { OutlineMeterLabelPointerProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterLabelPointer: React.FC<Props> = (props) => {\n const { position, diameter, rangeY, rangeX, distanceFromRanges, isInRange } =\n props;\n\n if (isInRange) return null;\n\n const { startX, startY, endX, endY } =\n position === \"left\"\n ? {\n startX: rangeX || 0,\n startY: rangeY || diameter / 2 - 0.5,\n endX: -distanceFromRanges,\n endY: diameter / 2 - 0.5,\n }\n : position === \"top\"\n ? {\n startX: rangeX || diameter / 2,\n startY: rangeY || 0,\n endX: diameter / 2,\n endY: -distanceFromRanges,\n }\n : {\n startX: rangeX || diameter,\n startY: rangeY || diameter / 2 - 0.5,\n endX: diameter + distanceFromRanges,\n endY: diameter / 2 - 0.5,\n };\n\n return (\n <path d={`M${startX},${startY} L${endX},${endY}`} stroke={\"#CCD0DB\"} />\n );\n};\n"],"names":["OutlineMeterLabelPointer","props","position","diameter","rangeY","rangeX","distanceFromRanges","isInRange","startX","startY","endX","endY","jsx"],"mappings":";AAIa,MAAAA,IAA4C,CAACC,MAAU;AAClE,QAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,QAAAC,GAAQ,QAAAC,GAAQ,oBAAAC,GAAoB,WAAAC,EAC9D,IAAAN;AAEE,MAAAM;AAAkB,WAAA;AAEtB,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,MAAAC,GAAM,MAAAC,EAAK,IACjCT,MAAa,SACT;AAAA,IACE,QAAQG,KAAU;AAAA,IAClB,QAAQD,KAAUD,IAAW,IAAI;AAAA,IACjC,MAAM,CAACG;AAAA,IACP,MAAMH,IAAW,IAAI;AAAA,EAAA,IAEvBD,MAAa,QACb;AAAA,IACE,QAAQG,KAAUF,IAAW;AAAA,IAC7B,QAAQC,KAAU;AAAA,IAClB,MAAMD,IAAW;AAAA,IACjB,MAAM,CAACG;AAAA,EAAA,IAET;AAAA,IACE,QAAQD,KAAUF;AAAA,IAClB,QAAQC,KAAUD,IAAW,IAAI;AAAA,IACjC,MAAMA,IAAWG;AAAA,IACjB,MAAMH,IAAW,IAAI;AAAA,EAAA;AAG7B,SACGS,gBAAAA,EAAAA,IAAA,QAAA,EAAK,GAAG,IAAIJ,CAAM,IAAIC,CAAM,KAAKC,CAAI,IAAIC,CAAI,IAAI,QAAQ,UAAW,CAAA;AAEzE;"}
@@ -1,6 +1,56 @@
1
- import * as t from "react";
2
- const o = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "#4B71F7", d: "M0 9h24v6h-24z" }));
1
+ import { j as s } from "./sd-component-library198.js";
2
+ import { useRef as g, useState as $, useEffect as b } from "react";
3
+ import { Box as l } from "rebass";
4
+ import { labelPaddingX as o, labelWidth as u } from "./sd-component-library230.js";
5
+ import { ResponsiveTextV2 as v } from "./sd-component-library152.js";
6
+ const C = (x) => {
7
+ const {
8
+ position: t,
9
+ diameter: r,
10
+ label: d,
11
+ distanceFromLabelToRanges: p,
12
+ isInRange: e,
13
+ color: n
14
+ } = x, i = g(), [c, a] = $(0);
15
+ b(() => {
16
+ i.current && a(i.current.getBoundingClientRect().height);
17
+ }, [i]);
18
+ const h = t === "right" ? `${r + p}px` : t === "top" ? `${r / 2}px` : void 0, m = t === "left" ? `${r + p}px` : void 0, f = t === "left" || t === "right" ? `${r / 2}px` : `${-p}px`;
19
+ return /* @__PURE__ */ s.jsx(l, { sx: { position: "absolute", left: h, top: f, right: m }, children: /* @__PURE__ */ s.jsx(
20
+ l,
21
+ {
22
+ sx: {
23
+ position: "relative",
24
+ top: `-${c}px`,
25
+ left: t === "top" ? "-50%" : void 0,
26
+ py: "7px",
27
+ px: e ? `${o}px` : "0",
28
+ borderColor: e ? n : "cl_lightGrey",
29
+ borderWidth: e ? "2px" : "1pt",
30
+ borderStyle: e ? "solid" : "none",
31
+ borderBottomStyle: !e && t === "top" ? "none" : "solid",
32
+ borderRadius: e ? `${o}px ${o}px ${t !== "left" ? `${o}px` : "0"} ${t !== "right" ? `${o}px` : "0"}` : "0",
33
+ bg: "cl_white",
34
+ "& > div": {
35
+ maxWidth: t === "top" ? void 0 : `${u}px`
36
+ }
37
+ },
38
+ ref: i,
39
+ children: /* @__PURE__ */ s.jsx(
40
+ v,
41
+ {
42
+ width: "max-content",
43
+ fontSizeWeight: [[12, "semi-bold"]],
44
+ color: e && n !== "#CCD0DB" ? n : "cl_darkGrey",
45
+ textTransform: "uppercase",
46
+ letterSpacing: "1.8px",
47
+ children: d
48
+ }
49
+ )
50
+ }
51
+ ) });
52
+ };
3
53
  export {
4
- o as ReactComponent
54
+ C as BaseMeterLabelBox
5
55
  };
6
56
  //# sourceMappingURL=sd-component-library248.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library248.js","sources":["../src/components/inputs/primary-number-input/assets/minus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMCA5aDI0djZoLTI0eiIvPjwvc3ZnPg==\""],"names":["SvgMinusActive","props","React"],"mappings":";AACK,MAACA,IAAiB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,iBAAgB,CAAE,CAAC;"}
1
+ {"version":3,"file":"sd-component-library248.js","sources":["../src/components/meters/outline-meter/partials/base-meter-label-box/base-meter-label-box.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../contants\";\nimport { BaseMeterLabelBoxProps as Props } from \"./interfaces\";\n\nexport const BaseMeterLabelBox: React.FC<Props> = (props) => {\n const {\n position,\n diameter,\n label,\n distanceFromLabelToRanges,\n isInRange,\n color,\n } = props;\n const ref = useRef<HTMLElement>();\n const [textHeight, setTextHeight] = useState(0);\n\n useEffect(() => {\n if (ref.current) setTextHeight(ref.current.getBoundingClientRect().height);\n }, [ref]);\n\n const left =\n position === \"right\"\n ? `${diameter + distanceFromLabelToRanges}px`\n : position === \"top\"\n ? `${diameter / 2}px`\n : undefined;\n const right =\n position === \"left\"\n ? `${diameter + distanceFromLabelToRanges}px`\n : undefined;\n const top =\n position === \"left\" || position === \"right\"\n ? `${diameter / 2}px`\n : `${-distanceFromLabelToRanges}px`;\n\n return (\n <Box sx={{ position: \"absolute\", left, top, right }}>\n <Box\n sx={{\n position: \"relative\",\n top: `-${textHeight}px`,\n left: position === \"top\" ? \"-50%\" : undefined,\n py: \"7px\",\n px: isInRange ? `${labelPaddingX}px` : \"0\",\n borderColor: isInRange ? color : \"cl_lightGrey\",\n borderWidth: isInRange ? \"2px\" : \"1pt\",\n borderStyle: isInRange ? \"solid\" : \"none\",\n borderBottomStyle:\n !isInRange && position === \"top\" ? \"none\" : \"solid\",\n borderRadius: isInRange\n ? `${labelPaddingX}px ${labelPaddingX}px ${\n position !== \"left\" ? `${labelPaddingX}px` : \"0\"\n } ${position !== \"right\" ? `${labelPaddingX}px` : \"0\"}`\n : \"0\",\n bg: \"cl_white\",\n \"& > div\": {\n maxWidth: position === \"top\" ? undefined : `${labelWidth}px`,\n },\n }}\n ref={ref}\n >\n <ResponsiveTextV2\n width=\"max-content\"\n fontSizeWeight={[[12, \"semi-bold\"]]}\n color={isInRange && color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n textTransform=\"uppercase\"\n letterSpacing=\"1.8px\"\n >\n {label}\n </ResponsiveTextV2>\n </Box>\n </Box>\n );\n};\n"],"names":["BaseMeterLabelBox","props","position","diameter","label","distanceFromLabelToRanges","isInRange","color","ref","useRef","textHeight","setTextHeight","useState","useEffect","left","right","top","jsx","Box","labelPaddingX","labelWidth","ResponsiveTextV2"],"mappings":";;;;;AAQa,MAAAA,IAAqC,CAACC,MAAU;AACrD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,EACE,IAAAN,GACEO,IAAMC,KACN,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC;AAE9C,EAAAC,EAAU,MAAM;AACd,IAAIL,EAAI,WAASG,EAAcH,EAAI,QAAQ,sBAAsB,EAAE,MAAM;AAAA,EAAA,GACxE,CAACA,CAAG,CAAC;AAER,QAAMM,IACJZ,MAAa,UACT,GAAGC,IAAWE,CAAyB,OACvCH,MAAa,QACb,GAAGC,IAAW,CAAC,OACf,QACAY,IACJb,MAAa,SACT,GAAGC,IAAWE,CAAyB,OACvC,QACAW,IACJd,MAAa,UAAUA,MAAa,UAChC,GAAGC,IAAW,CAAC,OACf,GAAG,CAACE,CAAyB;AAGjC,SAAAY,gBAAAA,MAACC,KAAI,IAAI,EAAE,UAAU,YAAY,MAAAJ,GAAM,KAAAE,GAAK,OAAAD,EAC1C,GAAA,UAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK,IAAIR,CAAU;AAAA,QACnB,MAAMR,MAAa,QAAQ,SAAS;AAAA,QACpC,IAAI;AAAA,QACJ,IAAII,IAAY,GAAGa,CAAa,OAAO;AAAA,QACvC,aAAab,IAAYC,IAAQ;AAAA,QACjC,aAAaD,IAAY,QAAQ;AAAA,QACjC,aAAaA,IAAY,UAAU;AAAA,QACnC,mBACE,CAACA,KAAaJ,MAAa,QAAQ,SAAS;AAAA,QAC9C,cAAcI,IACV,GAAGa,CAAa,MAAMA,CAAa,MACjCjB,MAAa,SAAS,GAAGiB,CAAa,OAAO,GAC/C,IAAIjB,MAAa,UAAU,GAAGiB,CAAa,OAAO,GAAG,KACrD;AAAA,QACJ,IAAI;AAAA,QACJ,WAAW;AAAA,UACT,UAAUjB,MAAa,QAAQ,SAAY,GAAGkB,CAAU;AAAA,QAC1D;AAAA,MACF;AAAA,MACA,KAAAZ;AAAA,MAEA,UAAAS,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,UAClC,OAAOf,KAAaC,MAAU,YAAYA,IAAQ;AAAA,UAClD,eAAc;AAAA,UACd,eAAc;AAAA,UAEb,UAAAH;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
@@ -1,6 +1,24 @@
1
- import * as t from "react";
2
- const h = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "#4B71F7", d: "M24 9h-9v-9h-6v9h-9v6h9v9h6v-9h9z" }));
1
+ import { j as x } from "./sd-component-library198.js";
2
+ import { Box as n } from "rebass";
3
+ const $ = ({
4
+ idx: o,
5
+ color: t,
6
+ total: i,
7
+ segmentHeight: r
8
+ }) => {
9
+ const s = `${o === 0 ? r / 2 : 0}px`, a = `${o === i - 1 ? r / 2 : 0}px`;
10
+ return /* @__PURE__ */ x.jsx(
11
+ n,
12
+ {
13
+ bg: t,
14
+ height: r,
15
+ sx: {
16
+ borderRadius: `${s} ${[...Array(2)].fill(a).join(" ")} ${s}`
17
+ }
18
+ }
19
+ );
20
+ };
3
21
  export {
4
- h as ReactComponent
22
+ $ as LinearGaugeSegment
5
23
  };
6
24
  //# sourceMappingURL=sd-component-library249.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library249.js","sources":["../src/components/inputs/primary-number-input/assets/plus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMjQgOWgtOXYtOWgtNnY5aC05djZoOXY5aDZ2LTloOXoiLz48L3N2Zz4=\""],"names":["SvgPlusActive","props","React"],"mappings":";AACK,MAACA,IAAgB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,oCAAmC,CAAE,CAAC;"}
1
+ {"version":3,"file":"sd-component-library249.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-segment/linear-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { LinearGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeSegment: React.FC<Props> = ({\n idx,\n color,\n total,\n segmentHeight,\n}) => {\n const leftRadius = `${idx === 0 ? segmentHeight / 2 : 0}px`;\n const rightRadius = `${idx === total - 1 ? segmentHeight / 2 : 0}px`;\n\n return (\n <Box\n bg={color}\n height={segmentHeight}\n sx={{\n borderRadius: `${leftRadius} ${[...Array(2)]\n .fill(rightRadius)\n .join(\" \")} ${leftRadius}`,\n }}\n />\n );\n};\n"],"names":["LinearGaugeSegment","idx","color","total","segmentHeight","leftRadius","rightRadius","jsx","Box"],"mappings":";;AAMO,MAAMA,IAAsC,CAAC;AAAA,EAClD,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAa,GAAGJ,MAAQ,IAAIG,IAAgB,IAAI,CAAC,MACjDE,IAAc,GAAGL,MAAQE,IAAQ,IAAIC,IAAgB,IAAI,CAAC;AAG9D,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAIN;AAAA,MACJ,QAAQE;AAAA,MACR,IAAI;AAAA,QACF,cAAc,GAAGC,CAAU,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,EACxC,KAAKC,CAAW,EAChB,KAAK,GAAG,CAAC,IAAID,CAAU;AAAA,MAC5B;AAAA,IAAA;AAAA,EAAA;AAGN;"}
@@ -1,6 +1,6 @@
1
1
  import { j as o } from "./sd-component-library198.js";
2
- import { LogoButton as e } from "./sd-component-library205.js";
3
- import { ReactComponent as r } from "./sd-component-library207.js";
2
+ import { LogoButton as e } from "./sd-component-library208.js";
3
+ import { ReactComponent as r } from "./sd-component-library210.js";
4
4
  const p = (t) => /* @__PURE__ */ o.jsx(
5
5
  e,
6
6
  {
@@ -1,6 +1,23 @@
1
- import * as t from "react";
2
- const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 22 22.94", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M2494.01,1419.91l-5.42-5.67a9.187,9.187,0,1,0-7.04,3.3,9.042,9.042,0,0,0,5.27-1.67l5.46,5.71a1.2,1.2,0,0,0,.87.37A1.2,1.2,0,0,0,2494.01,1419.91Zm-12.46-18.46a6.84,6.84,0,1,1-6.8,6.84A6.829,6.829,0,0,1,2481.55,1401.45Z", transform: "translate(-2472.34 -1399.03)" }));
1
+ import { j as o } from "./sd-component-library198.js";
2
+ import { ResponsiveTextV2 as r } from "./sd-component-library152.js";
3
+ const m = ({
4
+ text: e,
5
+ color: t,
6
+ ...i
7
+ }) => /* @__PURE__ */ o.jsx(
8
+ r,
9
+ {
10
+ height: "12px",
11
+ fontSizeWeight: [10, "semi-bold"],
12
+ color: t,
13
+ mx: "auto",
14
+ maxWidth: "100%",
15
+ textAlign: "center",
16
+ ...i,
17
+ children: e
18
+ }
19
+ );
3
20
  export {
4
- a as ReactComponent
21
+ m as LinearGaugeLabel
5
22
  };
6
23
  //# sourceMappingURL=sd-component-library250.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library250.js","sources":["../src/components/inputs/search-input/assets/search.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMi45NCI+CiAgPHBhdGggZD0iTTI0OTQuMDEsMTQxOS45MWwtNS40Mi01LjY3YTkuMTg3LDkuMTg3LDAsMSwwLTcuMDQsMy4zLDkuMDQyLDkuMDQyLDAsMCwwLDUuMjctMS42N2w1LjQ2LDUuNzFhMS4yLDEuMiwwLDAsMCwuODcuMzdBMS4yLDEuMiwwLDAsMCwyNDk0LjAxLDE0MTkuOTFabS0xMi40Ni0xOC40NmE2Ljg0LDYuODQsMCwxLDEtNi44LDYuODRBNi44MjksNi44MjksMCwwLDEsMjQ4MS41NSwxNDAxLjQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0NzIuMzQgLTEzOTkuMDMpIi8+Cjwvc3ZnPgo=\""],"names":["SvgSearch","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,gBAAgB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,6NAA6N,WAAW,gCAAgC,CAAC;"}
1
+ {"version":3,"file":"sd-component-library250.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-label/linear-gauge-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../texts\";\nimport { LinearGaugeLabelProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeLabel: React.FC<Props> = ({\n text,\n color,\n ...restOfProps\n}) => {\n return (\n <ResponsiveTextV2\n height=\"12px\"\n fontSizeWeight={[10, \"semi-bold\"]}\n color={color}\n mx=\"auto\"\n maxWidth=\"100%\"\n textAlign=\"center\"\n {...restOfProps}\n >\n {text}\n </ResponsiveTextV2>\n );\n};\n"],"names":["LinearGaugeLabel","text","color","restOfProps","jsx","ResponsiveTextV2"],"mappings":";;AAKO,MAAMA,IAAoC,CAAC;AAAA,EAChD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAO;AAAA,IACP,gBAAgB,CAAC,IAAI,WAAW;AAAA,IAChC,OAAAH;AAAA,IACA,IAAG;AAAA,IACH,UAAS;AAAA,IACT,WAAU;AAAA,IACT,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA;"}