@selfdecode/sd-component-library 4.0.80 → 4.0.81

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 (265) hide show
  1. package/lib/components/meters/outline-meter/interfaces.d.ts +1 -0
  2. package/lib/components/meters/smiley-meter-v2/interfaces.d.ts +1 -1
  3. package/lib/sd-component-library101.js +4 -4
  4. package/lib/sd-component-library106.js +1 -1
  5. package/lib/sd-component-library107.js +1 -1
  6. package/lib/sd-component-library112.js +1 -1
  7. package/lib/sd-component-library113.js +2 -2
  8. package/lib/sd-component-library115.js +1 -1
  9. package/lib/sd-component-library116.js +1 -1
  10. package/lib/sd-component-library121.js +2 -2
  11. package/lib/sd-component-library122.js +2 -2
  12. package/lib/sd-component-library124.js +1 -1
  13. package/lib/sd-component-library127.js +3 -3
  14. package/lib/sd-component-library128.js +1 -1
  15. package/lib/sd-component-library130.js +2 -2
  16. package/lib/sd-component-library15.js +1 -1
  17. package/lib/sd-component-library161.js +1 -1
  18. package/lib/sd-component-library162.js +1 -1
  19. package/lib/sd-component-library165.js +1 -1
  20. package/lib/sd-component-library166.js +4 -4
  21. package/lib/sd-component-library167.js +1 -1
  22. package/lib/sd-component-library190.js +3 -3
  23. package/lib/sd-component-library193.js +60 -2
  24. package/lib/sd-component-library193.js.map +1 -1
  25. package/lib/sd-component-library194.js +3 -30
  26. package/lib/sd-component-library194.js.map +1 -1
  27. package/lib/sd-component-library195.js +2 -599
  28. package/lib/sd-component-library195.js.map +1 -1
  29. package/lib/sd-component-library196.js +30 -60
  30. package/lib/sd-component-library196.js.map +1 -1
  31. package/lib/sd-component-library197.js +599 -3
  32. package/lib/sd-component-library197.js.map +1 -1
  33. package/lib/sd-component-library198.js +23 -55
  34. package/lib/sd-component-library198.js.map +1 -1
  35. package/lib/sd-component-library199.js +14 -20
  36. package/lib/sd-component-library199.js.map +1 -1
  37. package/lib/sd-component-library200.js +5 -19
  38. package/lib/sd-component-library200.js.map +1 -1
  39. package/lib/sd-component-library201.js +3 -3
  40. package/lib/sd-component-library201.js.map +1 -1
  41. package/lib/sd-component-library202.js +57 -5
  42. package/lib/sd-component-library202.js.map +1 -1
  43. package/lib/sd-component-library210.js +1 -1
  44. package/lib/sd-component-library216.js +46 -3
  45. package/lib/sd-component-library216.js.map +1 -1
  46. package/lib/sd-component-library217.js +3 -52
  47. package/lib/sd-component-library217.js.map +1 -1
  48. package/lib/sd-component-library218.js +41 -54
  49. package/lib/sd-component-library218.js.map +1 -1
  50. package/lib/sd-component-library219.js +16 -3
  51. package/lib/sd-component-library219.js.map +1 -1
  52. package/lib/sd-component-library220.js +64 -45
  53. package/lib/sd-component-library220.js.map +1 -1
  54. package/lib/sd-component-library221.js +3 -16
  55. package/lib/sd-component-library221.js.map +1 -1
  56. package/lib/sd-component-library222.js +3 -26
  57. package/lib/sd-component-library222.js.map +1 -1
  58. package/lib/sd-component-library223.js +26 -3
  59. package/lib/sd-component-library223.js.map +1 -1
  60. package/lib/sd-component-library225.js +129 -19
  61. package/lib/sd-component-library225.js.map +1 -1
  62. package/lib/sd-component-library226.js +42 -19
  63. package/lib/sd-component-library226.js.map +1 -1
  64. package/lib/sd-component-library227.js +47 -28
  65. package/lib/sd-component-library227.js.map +1 -1
  66. package/lib/sd-component-library228.js +7 -32
  67. package/lib/sd-component-library228.js.map +1 -1
  68. package/lib/sd-component-library229.js +3 -3
  69. package/lib/sd-component-library229.js.map +1 -1
  70. package/lib/sd-component-library23.js +2 -2
  71. package/lib/sd-component-library230.js +19 -129
  72. package/lib/sd-component-library230.js.map +1 -1
  73. package/lib/sd-component-library231.js +19 -42
  74. package/lib/sd-component-library231.js.map +1 -1
  75. package/lib/sd-component-library232.js +28 -47
  76. package/lib/sd-component-library232.js.map +1 -1
  77. package/lib/sd-component-library233.js +32 -7
  78. package/lib/sd-component-library233.js.map +1 -1
  79. package/lib/sd-component-library234.js +46 -62
  80. package/lib/sd-component-library234.js.map +1 -1
  81. package/lib/sd-component-library235.js +73 -41
  82. package/lib/sd-component-library235.js.map +1 -1
  83. package/lib/sd-component-library236.js +64 -13
  84. package/lib/sd-component-library236.js.map +1 -1
  85. package/lib/sd-component-library237.js +43 -2
  86. package/lib/sd-component-library237.js.map +1 -1
  87. package/lib/sd-component-library238.js +13 -2
  88. package/lib/sd-component-library238.js.map +1 -1
  89. package/lib/sd-component-library239.js +29 -21
  90. package/lib/sd-component-library239.js.map +1 -1
  91. package/lib/sd-component-library24.js +2 -2
  92. package/lib/sd-component-library240.js +3 -109
  93. package/lib/sd-component-library240.js.map +1 -1
  94. package/lib/sd-component-library241.js +20 -43
  95. package/lib/sd-component-library241.js.map +1 -1
  96. package/lib/sd-component-library242.js +3 -24
  97. package/lib/sd-component-library242.js.map +1 -1
  98. package/lib/sd-component-library243.js +323 -51
  99. package/lib/sd-component-library243.js.map +1 -1
  100. package/lib/sd-component-library244.js +5 -48
  101. package/lib/sd-component-library244.js.map +1 -1
  102. package/lib/sd-component-library245.js +2 -75
  103. package/lib/sd-component-library245.js.map +1 -1
  104. package/lib/sd-component-library246.js +18 -38
  105. package/lib/sd-component-library246.js.map +1 -1
  106. package/lib/sd-component-library247.js +18 -25
  107. package/lib/sd-component-library247.js.map +1 -1
  108. package/lib/sd-component-library248.js +21 -21
  109. package/lib/sd-component-library248.js.map +1 -1
  110. package/lib/sd-component-library249.js +109 -20
  111. package/lib/sd-component-library249.js.map +1 -1
  112. package/lib/sd-component-library25.js +1 -1
  113. package/lib/sd-component-library250.js +47 -2
  114. package/lib/sd-component-library250.js.map +1 -1
  115. package/lib/sd-component-library251.js +22 -323
  116. package/lib/sd-component-library251.js.map +1 -1
  117. package/lib/sd-component-library252.js +53 -5
  118. package/lib/sd-component-library252.js.map +1 -1
  119. package/lib/sd-component-library253.js +21 -25
  120. package/lib/sd-component-library253.js.map +1 -1
  121. package/lib/sd-component-library254.js +22 -3
  122. package/lib/sd-component-library254.js.map +1 -1
  123. package/lib/sd-component-library255.js +40 -23
  124. package/lib/sd-component-library255.js.map +1 -1
  125. package/lib/sd-component-library256.js +27 -3
  126. package/lib/sd-component-library256.js.map +1 -1
  127. package/lib/sd-component-library257.js +30 -25
  128. package/lib/sd-component-library257.js.map +1 -1
  129. package/lib/sd-component-library258.js +50 -21
  130. package/lib/sd-component-library258.js.map +1 -1
  131. package/lib/sd-component-library259.js +131 -30
  132. package/lib/sd-component-library259.js.map +1 -1
  133. package/lib/sd-component-library260.js +62 -39
  134. package/lib/sd-component-library260.js.map +1 -1
  135. package/lib/sd-component-library261.js +62 -117
  136. package/lib/sd-component-library261.js.map +1 -1
  137. package/lib/sd-component-library262.js +30 -74
  138. package/lib/sd-component-library262.js.map +1 -1
  139. package/lib/sd-component-library263.js +15 -70
  140. package/lib/sd-component-library263.js.map +1 -1
  141. package/lib/sd-component-library264.js +120 -25
  142. package/lib/sd-component-library264.js.map +1 -1
  143. package/lib/sd-component-library265.js +117 -16
  144. package/lib/sd-component-library265.js.map +1 -1
  145. package/lib/sd-component-library266.js +10 -125
  146. package/lib/sd-component-library266.js.map +1 -1
  147. package/lib/sd-component-library267.js +39 -111
  148. package/lib/sd-component-library267.js.map +1 -1
  149. package/lib/sd-component-library268.js +9 -10
  150. package/lib/sd-component-library268.js.map +1 -1
  151. package/lib/sd-component-library269.js +49 -48
  152. package/lib/sd-component-library269.js.map +1 -1
  153. package/lib/sd-component-library270.js +89 -8
  154. package/lib/sd-component-library270.js.map +1 -1
  155. package/lib/sd-component-library271.js +89 -48
  156. package/lib/sd-component-library271.js.map +1 -1
  157. package/lib/sd-component-library272.js +48 -89
  158. package/lib/sd-component-library272.js.map +1 -1
  159. package/lib/sd-component-library273.js +2 -92
  160. package/lib/sd-component-library273.js.map +1 -1
  161. package/lib/sd-component-library274.js +2 -49
  162. package/lib/sd-component-library274.js.map +1 -1
  163. package/lib/sd-component-library278.js +2 -2
  164. package/lib/sd-component-library279.js +2 -2
  165. package/lib/sd-component-library284.js +4 -4
  166. package/lib/sd-component-library285.js +2 -3
  167. package/lib/sd-component-library285.js.map +1 -1
  168. package/lib/sd-component-library286.js +8 -3
  169. package/lib/sd-component-library286.js.map +1 -1
  170. package/lib/sd-component-library287.js +328 -3
  171. package/lib/sd-component-library287.js.map +1 -1
  172. package/lib/sd-component-library288.js +51 -2
  173. package/lib/sd-component-library288.js.map +1 -1
  174. package/lib/sd-component-library289.js +3 -8
  175. package/lib/sd-component-library289.js.map +1 -1
  176. package/lib/sd-component-library290.js +3 -328
  177. package/lib/sd-component-library290.js.map +1 -1
  178. package/lib/sd-component-library291.js +3 -51
  179. package/lib/sd-component-library291.js.map +1 -1
  180. package/lib/sd-component-library292.js +2 -58
  181. package/lib/sd-component-library292.js.map +1 -1
  182. package/lib/sd-component-library293.js +76 -25
  183. package/lib/sd-component-library293.js.map +1 -1
  184. package/lib/sd-component-library294.js +92 -50
  185. package/lib/sd-component-library294.js.map +1 -1
  186. package/lib/sd-component-library295.js +50 -90
  187. package/lib/sd-component-library295.js.map +1 -1
  188. package/lib/sd-component-library296.js +9 -25
  189. package/lib/sd-component-library296.js.map +1 -1
  190. package/lib/sd-component-library297.js +5 -35
  191. package/lib/sd-component-library297.js.map +1 -1
  192. package/lib/sd-component-library298.js +53 -5
  193. package/lib/sd-component-library298.js.map +1 -1
  194. package/lib/sd-component-library299.js +2 -4
  195. package/lib/sd-component-library299.js.map +1 -1
  196. package/lib/sd-component-library300.js +2 -9
  197. package/lib/sd-component-library300.js.map +1 -1
  198. package/lib/sd-component-library301.js +8 -4
  199. package/lib/sd-component-library301.js.map +1 -1
  200. package/lib/sd-component-library302.js +5 -4
  201. package/lib/sd-component-library302.js.map +1 -1
  202. package/lib/sd-component-library303.js +4 -19
  203. package/lib/sd-component-library303.js.map +1 -1
  204. package/lib/sd-component-library304.js +19 -3
  205. package/lib/sd-component-library304.js.map +1 -1
  206. package/lib/sd-component-library305.js +3 -34
  207. package/lib/sd-component-library305.js.map +1 -1
  208. package/lib/sd-component-library306.js +6 -2
  209. package/lib/sd-component-library306.js.map +1 -1
  210. package/lib/sd-component-library307.js +56 -75
  211. package/lib/sd-component-library307.js.map +1 -1
  212. package/lib/sd-component-library308.js +24 -91
  213. package/lib/sd-component-library308.js.map +1 -1
  214. package/lib/sd-component-library309.js +24 -52
  215. package/lib/sd-component-library309.js.map +1 -1
  216. package/lib/sd-component-library310.js +35 -9
  217. package/lib/sd-component-library310.js.map +1 -1
  218. package/lib/sd-component-library311.js +51 -5
  219. package/lib/sd-component-library311.js.map +1 -1
  220. package/lib/sd-component-library312.js +89 -49
  221. package/lib/sd-component-library312.js.map +1 -1
  222. package/lib/sd-component-library313.js +4 -28
  223. package/lib/sd-component-library313.js.map +1 -1
  224. package/lib/sd-component-library314.js +4 -21
  225. package/lib/sd-component-library314.js.map +1 -1
  226. package/lib/sd-component-library315.js +34 -6
  227. package/lib/sd-component-library315.js.map +1 -1
  228. package/lib/sd-component-library316.js +28 -89
  229. package/lib/sd-component-library316.js.map +1 -1
  230. package/lib/sd-component-library317.js +21 -32
  231. package/lib/sd-component-library317.js.map +1 -1
  232. package/lib/sd-component-library318.js +90 -2
  233. package/lib/sd-component-library318.js.map +1 -1
  234. package/lib/sd-component-library319.js +32 -2
  235. package/lib/sd-component-library319.js.map +1 -1
  236. package/lib/sd-component-library5.js +1 -1
  237. package/lib/sd-component-library59.js +1 -1
  238. package/lib/sd-component-library6.js +1 -1
  239. package/lib/sd-component-library60.js +1 -1
  240. package/lib/sd-component-library69.js +2 -2
  241. package/lib/sd-component-library70.js +3 -3
  242. package/lib/sd-component-library71.js +1 -1
  243. package/lib/sd-component-library72.js +1 -1
  244. package/lib/sd-component-library74.js +1 -1
  245. package/lib/sd-component-library75.js +1 -1
  246. package/lib/sd-component-library80.js +1 -1
  247. package/lib/sd-component-library81.js +42 -41
  248. package/lib/sd-component-library81.js.map +1 -1
  249. package/lib/sd-component-library82.js +1 -1
  250. package/lib/sd-component-library83.js +1 -1
  251. package/lib/sd-component-library84.js +41 -40
  252. package/lib/sd-component-library84.js.map +1 -1
  253. package/lib/sd-component-library87.js +33 -32
  254. package/lib/sd-component-library87.js.map +1 -1
  255. package/lib/sd-component-library89.js +39 -38
  256. package/lib/sd-component-library89.js.map +1 -1
  257. package/lib/sd-component-library93.js +2 -2
  258. package/lib/sd-component-library94.js +3 -3
  259. package/lib/sd-component-library95.js +2 -2
  260. package/lib/sd-component-library96.js +3 -3
  261. package/lib/sd-component-library97.js +2 -2
  262. package/lib/sd-component-library99.js +4 -4
  263. package/package.json +1 -1
  264. package/lib/favicon.ico +0 -0
  265. package/lib/index.html +0 -35
@@ -1,44 +1,24 @@
1
- import { j as n } from "./sd-component-library190.js";
2
- import g from "./sd-component-library189.js";
3
- import { getSegmentCoordinates as I } from "./sd-component-library244.js";
4
- const w = ({
5
- segment: e,
6
- size: o,
7
- segmentWidth: s,
8
- outlineWidth: c,
9
- isMatching: a
1
+ import { j as x } from "./sd-component-library190.js";
2
+ import { Box as n } from "rebass";
3
+ const $ = ({
4
+ idx: o,
5
+ color: t,
6
+ total: i,
7
+ segmentHeight: r
10
8
  }) => {
11
- const { color: d } = e, t = o / 2, $ = t - s, {
12
- startX: l,
13
- startY: m,
14
- arc: i,
15
- startInnerY: p,
16
- startInnerX: h,
17
- endInnerY: u,
18
- endInnerX: x,
19
- endX: f,
20
- endY: j
21
- } = I(e, t, s), r = o / 2;
22
- return /* @__PURE__ */ n.jsxs("g", { children: [
23
- /* @__PURE__ */ n.jsx(
24
- "path",
25
- {
26
- d: `M${r},${r} L${l},${m} A${t},${t} 0 ${i > 180 ? "1" : "0"},1 ${f},${j}Z`,
27
- fill: a ? d : g.colors.cl_lightGrey,
28
- strokeWidth: c,
29
- stroke: "white"
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}`
30
17
  }
31
- ),
32
- /* @__PURE__ */ n.jsx(
33
- "path",
34
- {
35
- d: `M${r},${r} L${h},${p} A${$},${$} 0 ${i > 180 ? "1" : "0"},1 ${x},${u}Z`,
36
- fill: "white"
37
- }
38
- )
39
- ] });
18
+ }
19
+ );
40
20
  };
41
21
  export {
42
- w as CompactDonutGaugeSegment
22
+ $ as LinearGaugeSegment
43
23
  };
44
24
  //# sourceMappingURL=sd-component-library246.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library246.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-segment/compact-donut-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { getSegmentCoordinates } from \"../../../donut-diagram/utils\";\nimport { CompactDonutGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeSegment: React.FC<Props> = ({\n segment,\n size: diameter,\n segmentWidth,\n outlineWidth,\n isMatching,\n}) => {\n const { color } = segment;\n\n const radius = diameter / 2;\n const innerRadius = radius - segmentWidth;\n\n const {\n startX,\n startY,\n arc,\n startInnerY,\n startInnerX,\n endInnerY,\n endInnerX,\n endX,\n endY,\n } = getSegmentCoordinates(segment, radius, segmentWidth);\n\n const center = diameter / 2;\n\n return (\n <g>\n {/* colored sector */}\n <path\n d={`M${center},${center} L${startX},${startY} A${radius},${radius} 0 ${\n arc > 180 ? \"1\" : \"0\"\n },1 ${endX},${endY}Z`}\n fill={isMatching ? color : theme.colors[\"cl_lightGrey\"]}\n strokeWidth={outlineWidth}\n stroke=\"white\"\n />\n\n {/* white inner sector */}\n <path\n d={`M${center},${center} L${startInnerX},${startInnerY} A${innerRadius},${innerRadius} 0 ${\n arc > 180 ? \"1\" : \"0\"\n },1 ${endInnerX},${endInnerY}Z`}\n fill=\"white\"\n />\n </g>\n );\n};\n"],"names":["CompactDonutGaugeSegment","segment","diameter","segmentWidth","outlineWidth","isMatching","color","radius","innerRadius","startX","startY","arc","startInnerY","startInnerX","endInnerY","endInnerX","endX","endY","getSegmentCoordinates","center","jsx","theme"],"mappings":";;;AAMO,MAAMA,IAA4C,CAAC;AAAA,EACxD,SAAAC;AAAA,EACA,MAAMC;AAAA,EACN,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACE,QAAA,EAAE,OAAAC,EAAU,IAAAL,GAEZM,IAASL,IAAW,GACpBM,IAAcD,IAASJ,GAEvB;AAAA,IACJ,QAAAM;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,EACE,IAAAC,EAAsBjB,GAASM,GAAQJ,CAAY,GAEjDgB,IAASjB,IAAW;AAE1B,gCACG,KAEC,EAAA,UAAA;AAAA,IAAAkB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAID,CAAM,IAAIA,CAAM,KAAKV,CAAM,IAAIC,CAAM,KAAKH,CAAM,IAAIA,CAAM,MAC/DI,IAAM,MAAM,MAAM,GACpB,MAAMK,CAAI,IAAIC,CAAI;AAAA,QAClB,MAAMZ,IAAaC,IAAQe,EAAM,OAAO;AAAA,QACxC,aAAajB;AAAA,QACb,QAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAGAgB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAID,CAAM,IAAIA,CAAM,KAAKN,CAAW,IAAID,CAAW,KAAKJ,CAAW,IAAIA,CAAW,MACnFG,IAAM,MAAM,MAAM,GACpB,MAAMI,CAAS,IAAID,CAAS;AAAA,QAC5B,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}
1
+ {"version":3,"file":"sd-component-library246.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,30 +1,23 @@
1
- import { j as t } from "./sd-component-library190.js";
2
- import { FlexCenter as s } from "./sd-component-library35.js";
3
- import { ResponsiveTextV2 as i } from "./sd-component-library144.js";
4
- const l = ({
5
- segment: { start: n, end: r, color: e },
6
- size: o
7
- }) => /* @__PURE__ */ t.jsx("foreignObject", { x: 0, y: 0, width: o, height: o, children: /* @__PURE__ */ t.jsx(s, { height: "100%", children: /* @__PURE__ */ t.jsxs(
8
- i,
1
+ import { j as o } from "./sd-component-library190.js";
2
+ import { ResponsiveTextV2 as r } from "./sd-component-library144.js";
3
+ const m = ({
4
+ text: e,
5
+ color: t,
6
+ ...i
7
+ }) => /* @__PURE__ */ o.jsx(
8
+ r,
9
9
  {
10
- fontSizeWeight: [20, "bold"],
11
- color: e,
12
- sx: { position: "relative" },
13
- children: [
14
- Math.round((r - n) * 100),
15
- /* @__PURE__ */ t.jsx(
16
- i,
17
- {
18
- fontSizeWeight: [10, "bold"],
19
- color: e,
20
- sx: { position: "absolute", top: "4px", left: "100%" },
21
- children: "%"
22
- }
23
- )
24
- ]
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
25
18
  }
26
- ) }) });
19
+ );
27
20
  export {
28
- l as CompactDonutGaugeValueIndicator
21
+ m as LinearGaugeLabel
29
22
  };
30
23
  //# sourceMappingURL=sd-component-library247.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library247.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/compact-donut-gauge-value-indicator.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CompactDonutGaugeValueIndicatorProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeValueIndicator: React.FC<Props> = ({\n segment: { start, end, color },\n size,\n}) => {\n return (\n <foreignObject x={0} y={0} width={size} height={size}>\n <FlexCenter height=\"100%\">\n <ResponsiveTextV2\n fontSizeWeight={[20, \"bold\"]}\n color={color}\n sx={{ position: \"relative\" }}\n >\n {Math.round((end - start) * 100)}\n\n <ResponsiveTextV2\n fontSizeWeight={[10, \"bold\"]}\n color={color}\n sx={{ position: \"absolute\", top: \"4px\", left: \"100%\" }}\n >\n %\n </ResponsiveTextV2>\n </ResponsiveTextV2>\n </FlexCenter>\n </foreignObject>\n );\n};\n"],"names":["CompactDonutGaugeValueIndicator","start","end","color","size","jsx","FlexCenter","jsxs","ResponsiveTextV2"],"mappings":";;;AAQO,MAAMA,IAAmD,CAAC;AAAA,EAC/D,SAAS,EAAE,OAAAC,GAAO,KAAAC,GAAK,OAAAC,EAAM;AAAA,EAC7B,MAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAA,iBAAA,EAAc,GAAG,GAAG,GAAG,GAAG,OAAOD,GAAM,QAAQA,GAC9C,UAACC,gBAAAA,MAAAC,GAAA,EAAW,QAAO,QACjB,UAAAC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,gBAAgB,CAAC,IAAI,MAAM;AAAA,IAC3B,OAAAL;AAAA,IACA,IAAI,EAAE,UAAU,WAAW;AAAA,IAE1B,UAAA;AAAA,MAAK,KAAA,OAAOD,IAAMD,KAAS,GAAG;AAAA,MAE/BI,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,gBAAgB,CAAC,IAAI,MAAM;AAAA,UAC3B,OAAAL;AAAA,UACA,IAAI,EAAE,UAAU,YAAY,KAAK,OAAO,MAAM,OAAO;AAAA,UACtD,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAAA;AAAA,EAEJ,CAAA,EACF,CAAA;"}
1
+ {"version":3,"file":"sd-component-library247.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;"}
@@ -1,24 +1,24 @@
1
- import { j as x } from "./sd-component-library190.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
- };
1
+ const i = (t, n) => [t, n], T = function* (t = []) {
2
+ for (; t.length > 1; )
3
+ yield i(t[0], t[1]), t = t.slice(1);
4
+ }, I = (t, n, e) => {
5
+ if (n && !e)
6
+ return n;
7
+ if (!n && e)
8
+ return e;
9
+ if (n && e) {
10
+ const s = a(n), r = a(e), c = s.map((B, f) => Math.round(B * (1 - t) + r[f] * t));
11
+ return c ? u(c[0], c[1], c[2]) : "";
12
+ }
13
+ return "";
14
+ }, u = (t, n, e) => "#" + (16777216 + (t << 16) + (n << 8) + e).toString(16).slice(1), a = (t) => {
15
+ const n = t.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);
16
+ return n ? n.slice(1).map((e) => parseInt(e, 16)) : null;
17
+ }, h = (t, n, e) => Math.floor(t * n) === (e === "left" ? 0 : e === "right" ? n - 1 : 1), _ = (t) => t === "left" ? "right" : t === "top" ? "top" : "left";
21
18
  export {
22
- $ as LinearGaugeSegment
19
+ _ as flipPosition,
20
+ I as getFractionColor,
21
+ h as isLabelActive,
22
+ T as mapAdjacent
23
23
  };
24
24
  //# sourceMappingURL=sd-component-library248.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library248.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
+ {"version":3,"file":"sd-component-library248.js","sources":["../src/components/meters/gradient-outline-meter/utils.ts"],"sourcesContent":["import { OutlineMeterLabelPosition } from \"../outline-meter\";\n\nconst pair = <T>(a: T, b: T): [T, T] => [a, b];\n\n/**\n * Returns an array of mapped adjacent elements into pairs.\n */\nexport const mapAdjacent = function* <T>(iter: T[] = []) {\n while (iter.length > 1) {\n yield pair<T>(iter[0], iter[1]);\n iter = iter.slice(1);\n }\n};\n\n/**\n * @param fraction numerical value from 0 to 1.\n * @param lowColor initial color of the gradient.\n * @param topColor final color of the gradient.\n * @returns color of gradient at specified fraction point or empty string\n */\nexport const getFractionColor = (\n fraction: number,\n lowColor?: string,\n topColor?: string\n): string => {\n if (lowColor && !topColor) return lowColor;\n if (!lowColor && topColor) return topColor;\n if (lowColor && topColor) {\n const lowRGB = hexToRGB(lowColor);\n const topRGB = hexToRGB(topColor);\n const resultRGB = lowRGB!.map((component, i) => {\n return Math.round(component * (1 - fraction) + topRGB![i] * fraction);\n });\n return resultRGB ? rgbToHex(resultRGB[0], resultRGB[1], resultRGB[2]) : \"\";\n }\n return \"\";\n};\n\n/**\n * Converts rgb color representation into hex representation.\n * @param red component of color.\n * @param green component of color.\n * @param blue component of color.\n */\nconst rgbToHex = (red: number, green: number, blue: number): string => {\n const BITS_IN_BYTE = 8;\n return (\n \"#\" +\n (\n (1 << (3 * BITS_IN_BYTE)) +\n (red << (2 * BITS_IN_BYTE)) +\n (green << BITS_IN_BYTE) +\n blue\n )\n .toString(16)\n .slice(1)\n );\n};\n\n/**\n * Converts hex representation of color into rgb.\n * @param hex complete and correct representation of color\n */\nconst hexToRGB = (hex: string) => {\n const normal = hex.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);\n return normal ? normal.slice(1).map((e) => parseInt(e, 16)) : null;\n};\n\nexport const isLabelActive = (\n value: number,\n totalColors: number,\n position: OutlineMeterLabelPosition\n) =>\n Math.floor(value * totalColors) ===\n (position === \"left\" ? 0 : position === \"right\" ? totalColors - 1 : 1);\n\n/**\n * Mirrors entered position for outline meter label.\n */\nexport const flipPosition = (position: OutlineMeterLabelPosition) =>\n position === \"left\" ? \"right\" : position === \"top\" ? \"top\" : \"left\";\n"],"names":["pair","a","b","mapAdjacent","iter","getFractionColor","fraction","lowColor","topColor","lowRGB","hexToRGB","topRGB","resultRGB","component","i","rgbToHex","red","green","blue","hex","normal","isLabelActive","value","totalColors","position","flipPosition"],"mappings":"AAEA,MAAMA,IAAO,CAAIC,GAAMC,MAAiB,CAACD,GAAGC,CAAC,GAKhCC,IAAc,WAAcC,IAAY,IAAI;AAChD,SAAAA,EAAK,SAAS;AACnB,UAAMJ,EAAQI,EAAK,CAAC,GAAGA,EAAK,CAAC,CAAC,GACvBA,IAAAA,EAAK,MAAM,CAAC;AAEvB,GAQaC,IAAmB,CAC9BC,GACAC,GACAC,MACW;AACX,MAAID,KAAY,CAACC;AAAiB,WAAAD;AAClC,MAAI,CAACA,KAAYC;AAAiB,WAAAA;AAClC,MAAID,KAAYC,GAAU;AAClB,UAAAC,IAASC,EAASH,CAAQ,GAC1BI,IAASD,EAASF,CAAQ,GAC1BI,IAAYH,EAAQ,IAAI,CAACI,GAAWC,MACjC,KAAK,MAAMD,KAAa,IAAIP,KAAYK,EAAQG,CAAC,IAAIR,CAAQ,CACrE;AACM,WAAAM,IAAYG,EAASH,EAAU,CAAC,GAAGA,EAAU,CAAC,GAAGA,EAAU,CAAC,CAAC,IAAI;AAAA,EAC1E;AACO,SAAA;AACT,GAQMG,IAAW,CAACC,GAAaC,GAAeC,MAG1C,OAEG,YACAF,KAAQ,OACRC,KAAS,KACVC,GAEC,SAAS,EAAE,EACX,MAAM,CAAC,GAQRR,IAAW,CAACS,MAAgB;AAC1B,QAAAC,IAASD,EAAI,MAAM,6CAA6C;AACtE,SAAOC,IAASA,EAAO,MAAM,CAAC,EAAE,IAAI,CAAC,MAAM,SAAS,GAAG,EAAE,CAAC,IAAI;AAChE,GAEaC,IAAgB,CAC3BC,GACAC,GACAC,MAEA,KAAK,MAAMF,IAAQC,CAAW,OAC7BC,MAAa,SAAS,IAAIA,MAAa,UAAUD,IAAc,IAAI,IAKzDE,IAAe,CAACD,MAC3BA,MAAa,SAAS,UAAUA,MAAa,QAAQ,QAAQ;"}
@@ -1,23 +1,112 @@
1
- import { j as o } from "./sd-component-library190.js";
2
- import { ResponsiveTextV2 as r } from "./sd-component-library144.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
- );
1
+ import { j as t } from "./sd-component-library190.js";
2
+ import { getCoordinateForArc as A, getInnerX as H, getInnerY as M, degToRad as E } from "./sd-component-library86.js";
3
+ import { getFractionColor as O } from "./sd-component-library248.js";
4
+ import { BaseOutlineArc as X } from "./sd-component-library309.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
93
+ }
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
+ };
20
109
  export {
21
- m as LinearGaugeLabel
110
+ q as GradientMeterRange
22
111
  };
23
112
  //# sourceMappingURL=sd-component-library249.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library249.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;"}
1
+ {"version":3,"file":"sd-component-library249.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,7 +1,7 @@
1
1
  import { j as r } from "./sd-component-library190.js";
2
2
  import { Link as O } from "react-router-dom";
3
3
  import { Button as Q, Flex as T } from "rebass";
4
- import { LoadingSpinner as U } from "./sd-component-library199.js";
4
+ import { LoadingSpinner as U } from "./sd-component-library198.js";
5
5
  function V(t, e, o) {
6
6
  return (n) => {
7
7
  t == null || t(n), e && (`#${e}` !== window.location.hash && (o != null && o.replace(
@@ -1,5 +1,50 @@
1
- const i = ({ start: g, end: t }, c) => c >= g && (t === 1 ? c <= t : c < t);
1
+ import { j as N } from "./sd-component-library190.js";
2
+ import { getInnerX as k, getInnerY as B, degToRad as c, getCoordinateForArc as i } from "./sd-component-library86.js";
3
+ import { getFractionColor as b } from "./sd-component-library248.js";
4
+ import { BaseNeedle as q } from "./sd-component-library310.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
+ };
2
47
  export {
3
- i as isMatchingRange
48
+ O as GradientMeterNeedle
4
49
  };
5
50
  //# sourceMappingURL=sd-component-library250.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library250.js","sources":["../src/components/meters/linear-numeric-gauge-meter/utils.ts"],"sourcesContent":["import { LinearNumericGaugeMeterSegment } from \"./interfaces\";\n\nexport const isMatchingRange = (\n { start, end }: Pick<LinearNumericGaugeMeterSegment, \"start\" | \"end\">,\n value: number\n) => value >= start && (end === 1 ? value <= end : value < end);\n"],"names":["isMatchingRange","start","end","value"],"mappings":"AAEO,MAAMA,IAAkB,CAC7B,EAAE,OAAAC,GAAO,KAAAC,EAAI,GACbC,MACGA,KAASF,MAAUC,MAAQ,IAAIC,KAASD,IAAMC,IAAQD;"}
1
+ {"version":3,"file":"sd-component-library250.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;"}