@selfdecode/sd-component-library 4.0.145 → 4.0.146

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 (171) 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-library104.js +4 -4
  5. package/lib/sd-component-library106.js +4 -4
  6. package/lib/sd-component-library111.js +1 -1
  7. package/lib/sd-component-library117.js +1 -1
  8. package/lib/sd-component-library118.js +1 -1
  9. package/lib/sd-component-library120.js +1 -1
  10. package/lib/sd-component-library121.js +1 -1
  11. package/lib/sd-component-library126.js +1 -1
  12. package/lib/sd-component-library127.js +1 -1
  13. package/lib/sd-component-library133.js +3 -3
  14. package/lib/sd-component-library134.js +1 -1
  15. package/lib/sd-component-library136.js +2 -2
  16. package/lib/sd-component-library16.js +1 -1
  17. package/lib/sd-component-library168.js +1 -1
  18. package/lib/sd-component-library171.js +1 -1
  19. package/lib/sd-component-library172.js +4 -4
  20. package/lib/sd-component-library197.js +3 -3
  21. package/lib/sd-component-library200.js +60 -2
  22. package/lib/sd-component-library200.js.map +1 -1
  23. package/lib/sd-component-library201.js +2 -30
  24. package/lib/sd-component-library201.js.map +1 -1
  25. package/lib/sd-component-library202.js +21 -590
  26. package/lib/sd-component-library202.js.map +1 -1
  27. package/lib/sd-component-library203.js +595 -56
  28. package/lib/sd-component-library203.js.map +1 -1
  29. package/lib/sd-component-library205.js +24 -55
  30. package/lib/sd-component-library205.js.map +1 -1
  31. package/lib/sd-component-library206.js +55 -24
  32. package/lib/sd-component-library206.js.map +1 -1
  33. package/lib/sd-component-library208.js +19 -62
  34. package/lib/sd-component-library208.js.map +1 -1
  35. package/lib/sd-component-library209.js +3 -23
  36. package/lib/sd-component-library209.js.map +1 -1
  37. package/lib/sd-component-library210.js +3 -40
  38. package/lib/sd-component-library210.js.map +1 -1
  39. package/lib/sd-component-library211.js +62 -19
  40. package/lib/sd-component-library211.js.map +1 -1
  41. package/lib/sd-component-library212.js +23 -3
  42. package/lib/sd-component-library212.js.map +1 -1
  43. package/lib/sd-component-library213.js +40 -3
  44. package/lib/sd-component-library213.js.map +1 -1
  45. package/lib/sd-component-library221.js +64 -45
  46. package/lib/sd-component-library221.js.map +1 -1
  47. package/lib/sd-component-library222.js +3 -65
  48. package/lib/sd-component-library222.js.map +1 -1
  49. package/lib/sd-component-library223.js +46 -3
  50. package/lib/sd-component-library223.js.map +1 -1
  51. package/lib/sd-component-library233.js +129 -64
  52. package/lib/sd-component-library233.js.map +1 -1
  53. package/lib/sd-component-library235.js +40 -36
  54. package/lib/sd-component-library235.js.map +1 -1
  55. package/lib/sd-component-library236.js +7 -12
  56. package/lib/sd-component-library236.js.map +1 -1
  57. package/lib/sd-component-library237.js +64 -21
  58. package/lib/sd-component-library237.js.map +1 -1
  59. package/lib/sd-component-library238.js +41 -107
  60. package/lib/sd-component-library238.js.map +1 -1
  61. package/lib/sd-component-library239.js +12 -46
  62. package/lib/sd-component-library239.js.map +1 -1
  63. package/lib/sd-component-library24.js +1 -1
  64. package/lib/sd-component-library240.js +21 -24
  65. package/lib/sd-component-library240.js.map +1 -1
  66. package/lib/sd-component-library241.js +103 -47
  67. package/lib/sd-component-library241.js.map +1 -1
  68. package/lib/sd-component-library242.js +43 -17
  69. package/lib/sd-component-library242.js.map +1 -1
  70. package/lib/sd-component-library243.js +24 -20
  71. package/lib/sd-component-library243.js.map +1 -1
  72. package/lib/sd-component-library244.js +52 -47
  73. package/lib/sd-component-library244.js.map +1 -1
  74. package/lib/sd-component-library245.js +46 -39
  75. package/lib/sd-component-library245.js.map +1 -1
  76. package/lib/sd-component-library246.js +74 -26
  77. package/lib/sd-component-library246.js.map +1 -1
  78. package/lib/sd-component-library247.js +21 -2
  79. package/lib/sd-component-library247.js.map +1 -1
  80. package/lib/sd-component-library248.js +20 -75
  81. package/lib/sd-component-library248.js.map +1 -1
  82. package/lib/sd-component-library249.js +2 -29
  83. package/lib/sd-component-library249.js.map +1 -1
  84. package/lib/sd-component-library250.js +41 -3
  85. package/lib/sd-component-library250.js.map +1 -1
  86. package/lib/sd-component-library251.js +26 -23
  87. package/lib/sd-component-library251.js.map +1 -1
  88. package/lib/sd-component-library252.js +325 -3
  89. package/lib/sd-component-library252.js.map +1 -1
  90. package/lib/sd-component-library253.js +5 -325
  91. package/lib/sd-component-library253.js.map +1 -1
  92. package/lib/sd-component-library254.js +29 -5
  93. package/lib/sd-component-library254.js.map +1 -1
  94. package/lib/sd-component-library255.js +3 -2
  95. package/lib/sd-component-library255.js.map +1 -1
  96. package/lib/sd-component-library256.js +24 -2
  97. package/lib/sd-component-library256.js.map +1 -1
  98. package/lib/sd-component-library257.js +3 -129
  99. package/lib/sd-component-library257.js.map +1 -1
  100. package/lib/sd-component-library258.js +21 -43
  101. package/lib/sd-component-library258.js.map +1 -1
  102. package/lib/sd-component-library259.js +22 -8
  103. package/lib/sd-component-library259.js.map +1 -1
  104. package/lib/sd-component-library260.js +30 -25
  105. package/lib/sd-component-library260.js.map +1 -1
  106. package/lib/sd-component-library261.js +50 -21
  107. package/lib/sd-component-library261.js.map +1 -1
  108. package/lib/sd-component-library262.js +134 -30
  109. package/lib/sd-component-library262.js.map +1 -1
  110. package/lib/sd-component-library263.js +59 -119
  111. package/lib/sd-component-library263.js.map +1 -1
  112. package/lib/sd-component-library264.js +63 -38
  113. package/lib/sd-component-library264.js.map +1 -1
  114. package/lib/sd-component-library265.js +30 -74
  115. package/lib/sd-component-library265.js.map +1 -1
  116. package/lib/sd-component-library266.js +15 -70
  117. package/lib/sd-component-library266.js.map +1 -1
  118. package/lib/sd-component-library267.js +120 -25
  119. package/lib/sd-component-library267.js.map +1 -1
  120. package/lib/sd-component-library268.js +117 -16
  121. package/lib/sd-component-library268.js.map +1 -1
  122. package/lib/sd-component-library269.js +10 -125
  123. package/lib/sd-component-library269.js.map +1 -1
  124. package/lib/sd-component-library270.js +39 -111
  125. package/lib/sd-component-library270.js.map +1 -1
  126. package/lib/sd-component-library271.js +9 -10
  127. package/lib/sd-component-library271.js.map +1 -1
  128. package/lib/sd-component-library272.js +49 -48
  129. package/lib/sd-component-library272.js.map +1 -1
  130. package/lib/sd-component-library273.js +89 -8
  131. package/lib/sd-component-library273.js.map +1 -1
  132. package/lib/sd-component-library274.js +89 -48
  133. package/lib/sd-component-library274.js.map +1 -1
  134. package/lib/sd-component-library275.js +2 -90
  135. package/lib/sd-component-library275.js.map +1 -1
  136. package/lib/sd-component-library276.js +2 -92
  137. package/lib/sd-component-library276.js.map +1 -1
  138. package/lib/sd-component-library297.js +1 -1
  139. package/lib/sd-component-library298.js +24 -4
  140. package/lib/sd-component-library298.js.map +1 -1
  141. package/lib/sd-component-library299.js +33 -23
  142. package/lib/sd-component-library299.js.map +1 -1
  143. package/lib/sd-component-library300.js +9 -4
  144. package/lib/sd-component-library300.js.map +1 -1
  145. package/lib/sd-component-library301.js +5 -35
  146. package/lib/sd-component-library301.js.map +1 -1
  147. package/lib/sd-component-library302.js +3 -8
  148. package/lib/sd-component-library302.js.map +1 -1
  149. package/lib/sd-component-library303.js +19 -5
  150. package/lib/sd-component-library303.js.map +1 -1
  151. package/lib/sd-component-library304.js +3 -4
  152. package/lib/sd-component-library304.js.map +1 -1
  153. package/lib/sd-component-library305.js +5 -19
  154. package/lib/sd-component-library305.js.map +1 -1
  155. package/lib/sd-component-library306.js +4 -3
  156. package/lib/sd-component-library306.js.map +1 -1
  157. package/lib/sd-component-library51.js +3 -3
  158. package/lib/sd-component-library52.js +2 -2
  159. package/lib/sd-component-library53.js +2 -2
  160. package/lib/sd-component-library60.js +1 -1
  161. package/lib/sd-component-library75.js +2 -2
  162. package/lib/sd-component-library76.js +1 -1
  163. package/lib/sd-component-library77.js +1 -1
  164. package/lib/sd-component-library81.js +1 -1
  165. package/lib/sd-component-library81.js.map +1 -1
  166. package/lib/sd-component-library89.js +3 -3
  167. package/lib/sd-component-library92.js +3 -3
  168. package/lib/sd-component-library94.js +5 -5
  169. package/lib/sd-component-library98.js +2 -2
  170. package/lib/sd-component-library99.js +3 -3
  171. package/package.json +1 -1
@@ -1,67 +1,132 @@
1
- import { j as a } from "./sd-component-library197.js";
2
- import { getCoordinateForArc as i } from "./sd-component-library91.js";
3
- import { defaultTextBottomMargin as X } from "./sd-component-library226.js";
4
- import { getRangeProperties as Y } from "./sd-component-library298.js";
5
- import { BaseOutlineArc as b } from "./sd-component-library299.js";
6
- import { DiscreteMeterLabelPointer as w } from "./sd-component-library300.js";
7
- function z(s) {
8
- const {
9
- color: n,
10
- idx: c,
11
- gaugeWidth: d,
12
- diameter: g,
13
- arc: m,
14
- distanceBetweenRanges: l,
15
- totalRanges: p,
16
- showLabel: h,
17
- label: o,
18
- isMatchedRange: x,
19
- pointerWidth: f,
20
- pointerLength: A,
21
- horizontal: u
22
- } = s, t = g / 2, { rangeArcStart: r, rangeArcEnd: e } = Y(
23
- m,
24
- p,
25
- l,
26
- c
27
- ), { x: R, y: j } = i(
28
- t,
29
- r
30
- ), { x: B, y: E } = i(
31
- t,
32
- e
33
- ), M = (r + e) / 2;
34
- return /* @__PURE__ */ a.jsxs("g", { children: [
35
- /* @__PURE__ */ a.jsx(
36
- b,
37
- {
38
- startX: R,
39
- startY: j,
40
- endX: B,
41
- endY: E,
42
- startAlpha: r,
43
- endAlpha: e,
44
- color: n,
45
- radius: t,
46
- width: d
47
- }
48
- ),
49
- h && o && !x && /* @__PURE__ */ a.jsx(
50
- w,
51
- {
52
- alpha: M,
53
- pointerLength: A,
54
- pointerWidth: f,
55
- radius: t,
56
- color: n,
57
- textBottomMargin: X,
58
- label: o,
59
- horizontal: u
60
- }
61
- )
62
- ] });
63
- }
1
+ import { j as e } from "./sd-component-library197.js";
2
+ import U from "react";
3
+ import { isValueInRange as Z, inValueHigherThanRange as F, getCoordinateForArc as d, getInnerX as $, getInnerY as tt, degToRad as L } from "./sd-component-library91.js";
4
+ import { BaseOutlineArc as X } from "./sd-component-library298.js";
5
+ import { OutlineMeterLabelPointer as O } from "./sd-component-library243.js";
6
+ const st = U.forwardRef(
7
+ (D, M) => {
8
+ const {
9
+ start: n,
10
+ end: r,
11
+ color: x,
12
+ bounds: R,
13
+ diameter: o,
14
+ arc: v,
15
+ distanceBetweenRanges: l,
16
+ totalRanges: y,
17
+ value: g,
18
+ gaugeWidth: s,
19
+ segmented: f,
20
+ idx: m,
21
+ pointStrokeWidth: I,
22
+ innerPointRadius: T,
23
+ distanceFromRanges: b,
24
+ label: w,
25
+ labelPosition: V,
26
+ hideLabels: E,
27
+ connected: _
28
+ } = D, S = "#CCD0DB", A = v - (y - 1) * l, H = A * (r - n), Y = Z(g, n, r, R), q = (360 - v) / 2, t = o / 2, a = q + l * m + A * n, C = _ && F(g, r, R), i = a + A * (r - n) + (C ? l : 0), { x: P, y: j } = d(
29
+ t,
30
+ a
31
+ ), { x: W, y: k } = d(
32
+ t,
33
+ i
34
+ ), u = V || m === 0 ? "left" : m === y - 1 ? "right" : "top";
35
+ if (f || !Y) {
36
+ const J = f && Y || !f && F(g, r, R) ? x : S, B = C ? i - l : i, { y: K } = d(
37
+ t,
38
+ B
39
+ ), { x: N, y: Q } = d(
40
+ t,
41
+ (a + B) / 2
42
+ );
43
+ return /* @__PURE__ */ e.jsxs("g", { children: [
44
+ /* @__PURE__ */ e.jsx(
45
+ X,
46
+ {
47
+ startX: P,
48
+ startY: j,
49
+ endX: W,
50
+ endY: k,
51
+ startAlpha: a,
52
+ endAlpha: i,
53
+ color: J,
54
+ radius: t,
55
+ width: s
56
+ }
57
+ ),
58
+ !E && w && /* @__PURE__ */ e.jsx(
59
+ O,
60
+ {
61
+ diameter: o,
62
+ position: u,
63
+ distanceFromRanges: b,
64
+ isInRange: Y,
65
+ ...u === "right" && j > o / 2 || u === "left" && K > o / 2 ? {
66
+ rangeX: N,
67
+ rangeY: Q
68
+ } : void 0
69
+ }
70
+ )
71
+ ] });
72
+ }
73
+ const c = a + (g - n) / (r - n) * H, { x: h, y: p } = d(t, c), z = $(h, L(c), s), G = tt(p, L(c), s);
74
+ return /* @__PURE__ */ e.jsxs("g", { children: [
75
+ /* @__PURE__ */ e.jsx(
76
+ X,
77
+ {
78
+ startX: P,
79
+ startY: j,
80
+ endX: h,
81
+ endY: p,
82
+ startAlpha: a,
83
+ endAlpha: c,
84
+ color: x,
85
+ radius: t,
86
+ width: s,
87
+ roundEnd: !1
88
+ }
89
+ ),
90
+ /* @__PURE__ */ e.jsx(
91
+ X,
92
+ {
93
+ startX: h,
94
+ startY: p,
95
+ endX: W,
96
+ endY: k,
97
+ startAlpha: c,
98
+ endAlpha: i,
99
+ color: S,
100
+ radius: t,
101
+ width: s,
102
+ roundStart: !1
103
+ }
104
+ ),
105
+ /* @__PURE__ */ e.jsx(
106
+ "circle",
107
+ {
108
+ cx: (h + z) / 2,
109
+ cy: (p + G) / 2,
110
+ r: I + T,
111
+ strokeWidth: I,
112
+ stroke: x,
113
+ fill: "white",
114
+ ref: M
115
+ }
116
+ ),
117
+ !E && w && /* @__PURE__ */ e.jsx(
118
+ O,
119
+ {
120
+ diameter: o,
121
+ isInRange: !0,
122
+ position: u,
123
+ distanceFromRanges: b
124
+ }
125
+ )
126
+ ] });
127
+ }
128
+ );
64
129
  export {
65
- z as DiscreteRange
130
+ st as OutlineMeterRange
66
131
  };
67
132
  //# sourceMappingURL=sd-component-library233.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library233.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-range/discrete-range.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { BaseOutlineArc } from \"../../../outline-meter/partials/base-outline-arc\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { defaultTextBottomMargin } from \"../../constants\";\nimport { getRangeProperties } from \"../../utils\";\nimport { DiscreteMeterLabelPointer } from \"../discrete-meter-label-pointer\";\nimport { DiscreteRangeProps as Props } from \"./interfaces\";\n\nexport function DiscreteRange<T>(props: PropsWithChildren<Props<T>>) {\n const {\n color,\n idx,\n gaugeWidth,\n diameter,\n arc,\n distanceBetweenRanges,\n totalRanges,\n showLabel,\n label,\n isMatchedRange,\n pointerWidth,\n pointerLength,\n horizontal,\n } = props;\n\n const radius = diameter / 2;\n\n const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n arc,\n totalRanges,\n distanceBetweenRanges,\n idx\n );\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 middleArcAlpha = (rangeArcStart + rangeArcEnd) / 2;\n\n return (\n <g>\n <BaseOutlineArc\n startX={rangeStartX}\n startY={rangeStartY}\n endX={rangeEndX}\n endY={rangeEndY}\n startAlpha={rangeArcStart}\n endAlpha={rangeArcEnd}\n color={color}\n radius={radius}\n width={gaugeWidth}\n />\n\n {showLabel && label && !isMatchedRange && (\n <DiscreteMeterLabelPointer\n alpha={middleArcAlpha}\n pointerLength={pointerLength}\n pointerWidth={pointerWidth}\n radius={radius}\n color={color}\n textBottomMargin={defaultTextBottomMargin}\n label={label}\n horizontal={horizontal}\n />\n )}\n </g>\n );\n}\n"],"names":["DiscreteRange","props","color","idx","gaugeWidth","diameter","arc","distanceBetweenRanges","totalRanges","showLabel","label","isMatchedRange","pointerWidth","pointerLength","horizontal","radius","rangeArcStart","rangeArcEnd","getRangeProperties","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","middleArcAlpha","jsx","BaseOutlineArc","DiscreteMeterLabelPointer","defaultTextBottomMargin"],"mappings":";;;;;;AASO,SAASA,EAAiBC,GAAoC;AAC7D,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAb,GAEEc,IAASV,IAAW,GAEpB,EAAE,eAAAW,GAAe,aAAAC,EAAA,IAAgBC;AAAA,IACrCZ;AAAA,IACAE;AAAA,IACAD;AAAA,IACAJ;AAAA,EAAA,GAGI,EAAE,GAAGgB,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACzCN;AAAA,IACAC;AAAA,EAAA,GAEI,EAAE,GAAGM,GAAW,GAAGC,EAAc,IAAAF;AAAA,IACrCN;AAAA,IACAE;AAAA,EAAA,GAGIO,KAAkBR,IAAgBC,KAAe;AAEvD,gCACG,KACC,EAAA,UAAA;AAAA,IAAAQ,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAQP;AAAA,QACR,QAAQC;AAAA,QACR,MAAME;AAAA,QACN,MAAMC;AAAA,QACN,YAAYP;AAAA,QACZ,UAAUC;AAAA,QACV,OAAAf;AAAA,QACA,QAAAa;AAAA,QACA,OAAOX;AAAA,MAAA;AAAA,IACT;AAAA,IAECK,KAAaC,KAAS,CAACC,KACtBc,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAOH;AAAA,QACP,eAAAX;AAAA,QACA,cAAAD;AAAA,QACA,QAAAG;AAAA,QACA,OAAAb;AAAA,QACA,kBAAkB0B;AAAA,QAClB,OAAAlB;AAAA,QACA,YAAAI;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
1
+ {"version":3,"file":"sd-component-library233.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-range/outline-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n degToRad,\n getCoordinateForArc,\n getInnerX,\n getInnerY,\n inValueHigherThanRange,\n isValueInRange,\n} from \"../../utils\";\nimport { BaseOutlineArc } from \"../base-outline-arc\";\nimport { OutlineMeterLabelPointer } from \"../outline-meter-label-pointer\";\nimport { OutlineMeterRangeProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterRange = React.forwardRef<SVGCircleElement, Props>(\n (props, pointRef) => {\n const {\n start,\n end,\n color,\n bounds,\n diameter,\n arc,\n distanceBetweenRanges,\n totalRanges,\n value,\n gaugeWidth,\n segmented,\n idx,\n pointStrokeWidth,\n innerPointRadius,\n distanceFromRanges,\n label,\n labelPosition,\n hideLabels,\n connected,\n } = props;\n\n const grey = \"#CCD0DB\";\n\n /* Arc value (in degrees) used for all ranges. */\n const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n /* Arc value for the current range. */\n const rangeArc = arcForRanges * (end - start);\n const valueWithinRange = isValueInRange(value, start, end, bounds);\n\n const arcStart = (360 - arc) / 2; // deg\n\n const radius = diameter / 2;\n\n const rangeArcStart =\n arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n const needConnection =\n connected && inValueHigherThanRange(value, end, bounds);\n const rangeArcEnd =\n rangeArcStart +\n arcForRanges * (end - start) +\n (needConnection ? distanceBetweenRanges : 0);\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 calculatedLabelPosition =\n labelPosition || idx === 0\n ? \"left\"\n : idx === totalRanges - 1\n ? \"right\"\n : \"top\";\n\n /* When range will be filled completely. */\n if (segmented || !valueWithinRange) {\n const fillColor =\n (segmented && valueWithinRange) ||\n (!segmented && inValueHigherThanRange(value, end, bounds))\n ? color\n : grey;\n\n const adjustedRangeArcEnd = needConnection\n ? rangeArcEnd - distanceBetweenRanges\n : rangeArcEnd;\n const { y: adjustedRangeY } = getCoordinateForArc(\n radius,\n adjustedRangeArcEnd\n );\n const { x: rangeX, y: rangeY } = getCoordinateForArc(\n radius,\n (rangeArcStart + adjustedRangeArcEnd) / 2\n );\n return (\n <g>\n <BaseOutlineArc\n startX={rangeStartX}\n startY={rangeStartY}\n endX={rangeEndX}\n endY={rangeEndY}\n startAlpha={rangeArcStart}\n endAlpha={rangeArcEnd}\n color={fillColor}\n radius={radius}\n width={gaugeWidth}\n />\n {!hideLabels && label && (\n <OutlineMeterLabelPointer\n diameter={diameter}\n position={calculatedLabelPosition}\n distanceFromRanges={distanceFromRanges}\n isInRange={valueWithinRange}\n {...((calculatedLabelPosition === \"right\" &&\n rangeStartY > diameter / 2) ||\n (calculatedLabelPosition === \"left\" &&\n adjustedRangeY > diameter / 2)\n ? {\n rangeX,\n rangeY,\n }\n : undefined)}\n />\n )}\n </g>\n );\n }\n\n const valueAlpha =\n rangeArcStart + ((value - start) / (end - start)) * rangeArc;\n\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 return (\n <g>\n <BaseOutlineArc\n startX={rangeStartX}\n startY={rangeStartY}\n endX={valueX}\n endY={valueY}\n startAlpha={rangeArcStart}\n endAlpha={valueAlpha}\n color={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={color}\n fill=\"white\"\n ref={pointRef}\n />\n {!hideLabels && label && (\n <OutlineMeterLabelPointer\n diameter={diameter}\n isInRange\n position={calculatedLabelPosition}\n distanceFromRanges={distanceFromRanges}\n />\n )}\n </g>\n );\n }\n);\n"],"names":["OutlineMeterRange","React","props","pointRef","start","end","color","bounds","diameter","arc","distanceBetweenRanges","totalRanges","value","gaugeWidth","segmented","idx","pointStrokeWidth","innerPointRadius","distanceFromRanges","label","labelPosition","hideLabels","connected","grey","arcForRanges","rangeArc","valueWithinRange","isValueInRange","arcStart","radius","rangeArcStart","needConnection","inValueHigherThanRange","rangeArcEnd","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","calculatedLabelPosition","fillColor","adjustedRangeArcEnd","adjustedRangeY","rangeX","rangeY","jsx","BaseOutlineArc","OutlineMeterLabelPointer","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY"],"mappings":"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"}
@@ -1,46 +1,50 @@
1
- import { j as M } from "./sd-component-library197.js";
2
- import { getInnerX as T, getInnerY as W, degToRad as r, getCoordinateForArc as y } from "./sd-component-library91.js";
3
- import { BaseNeedle as B } from "./sd-component-library301.js";
4
- function E(p) {
1
+ import { j as k } from "./sd-component-library197.js";
2
+ import { isValueInRange as w, getInnerX as E, getInnerY as O, degToRad as r, getCoordinateForArc as V } from "./sd-component-library91.js";
3
+ import { BaseNeedle as b } from "./sd-component-library299.js";
4
+ const G = (x) => {
5
5
  const {
6
- needleColor: u,
7
- options: n,
8
- value: h,
6
+ diameter: f,
7
+ value: c,
8
+ arc: i,
9
+ ranges: o,
10
+ useSegmentedBehavior: v,
11
+ innerCircleRadius: I,
12
+ innerCircleStrokeWidth: A,
13
+ distanceFromRange: d,
9
14
  needleWidth: e,
10
- innerCircleRadius: m,
11
- innerCircleStrokeWidth: x,
12
- diameter: R,
13
- arc: a,
14
- distanceBetweenRanges: c,
15
- distanceFromRange: s,
16
- gaugeWidth: i
17
- } = p, o = n.findIndex(
18
- (F) => h === F.value
19
- ), d = R / 2, f = (360 - a) / 2, l = a - (n.length - 1) * c, g = o / n.length, v = (o + 1) / n.length, A = l * (v - g), t = f + c * o + l * g + A / 2, { x: C, y: I } = y(d, t), S = T(
20
- C,
21
- r(t),
22
- s + i + e / 2
23
- ), X = W(
24
- I,
25
- r(t),
26
- s + i + e / 2
27
- ), Y = e / 2 * Math.cos(r(t)), j = e / 2 * Math.sin(r(t));
28
- return /* @__PURE__ */ M.jsx(
15
+ needleColor: C,
16
+ distanceBetweenRanges: l,
17
+ gaugeWidth: g
18
+ } = x, a = o.find(
19
+ ({ start: s, end: y, bounds: N }) => w(c, s, y, N)
20
+ );
21
+ if (!a)
22
+ return null;
23
+ const u = f / 2, S = (360 - i) / 2, m = i - (o.length - 1) * l, { start: t, end: h, color: X } = a, Y = o.findIndex((s) => s === a), p = m * (h - t), R = S + l * Y + m * t, n = v ? R + p / 2 : R + (c - t) / (h - t) * p, { x: j, y: B } = V(u, n), F = E(
24
+ j,
25
+ r(n),
26
+ d + g + e / 2
27
+ ), M = O(
29
28
  B,
29
+ r(n),
30
+ d + g + e / 2
31
+ ), T = e / 2 * Math.cos(r(n)), W = e / 2 * Math.sin(r(n));
32
+ return /* @__PURE__ */ k.jsx(
33
+ b,
30
34
  {
31
- dx: Y,
32
- dy: j,
33
- color: u,
34
- radius: d,
35
- tipX: S,
36
- tipY: X,
37
- innerCircleStrokeWidth: x,
38
- innerCircleRadius: m,
35
+ dx: T,
36
+ dy: W,
37
+ color: C || X,
38
+ radius: u,
39
+ tipX: F,
40
+ tipY: M,
41
+ innerCircleStrokeWidth: A,
42
+ innerCircleRadius: I,
39
43
  needleWidth: e
40
44
  }
41
45
  );
42
- }
46
+ };
43
47
  export {
44
- E as DiscreteMeterNeedle
48
+ G as OutlineMeterNeedle
45
49
  };
46
50
  //# sourceMappingURL=sd-component-library235.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library235.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-needle/discrete-meter-needle.tsx"],"sourcesContent":["import React, { PropsWithChildren } 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 { DiscreteMeterNeedleProps as Props } from \"./interfaces\";\n\nexport function DiscreteMeterNeedle<T>(props: PropsWithChildren<Props<T>>) {\n const {\n needleColor,\n options,\n value,\n needleWidth,\n innerCircleRadius,\n innerCircleStrokeWidth,\n diameter,\n arc,\n distanceBetweenRanges,\n distanceFromRange,\n gaugeWidth,\n } = props;\n\n const matchingRangeIndex = options.findIndex(\n (option) => value === option.value\n );\n\n const radius = diameter / 2;\n\n const arcStart = (360 - arc) / 2;\n const arcForRanges = arc - (options.length - 1) * distanceBetweenRanges;\n\n const start = matchingRangeIndex / options.length;\n const end = (matchingRangeIndex + 1) / options.length;\n\n const rangeArc = arcForRanges * (end - start);\n\n const rangeArcStart =\n arcStart +\n distanceBetweenRanges * matchingRangeIndex +\n arcForRanges * start;\n\n const valueAlpha = rangeArcStart + rangeArc / 2;\n const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n\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 return (\n <BaseNeedle\n dx={dx}\n dy={dy}\n color={needleColor}\n radius={radius}\n tipX={needleTipX}\n tipY={needleTipY}\n innerCircleStrokeWidth={innerCircleStrokeWidth}\n innerCircleRadius={innerCircleRadius}\n needleWidth={needleWidth}\n />\n );\n}\n"],"names":["DiscreteMeterNeedle","props","needleColor","options","value","needleWidth","innerCircleRadius","innerCircleStrokeWidth","diameter","arc","distanceBetweenRanges","distanceFromRange","gaugeWidth","matchingRangeIndex","option","radius","arcStart","arcForRanges","start","end","rangeArc","valueAlpha","valueX","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","dy","jsx","BaseNeedle"],"mappings":";;;AAWO,SAASA,EAAuBC,GAAoC;AACnE,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAX,GAEEY,IAAqBV,EAAQ;AAAA,IACjC,CAACW,MAAWV,MAAUU,EAAO;AAAA,EAAA,GAGzBC,IAASP,IAAW,GAEpBQ,KAAY,MAAMP,KAAO,GACzBQ,IAAeR,KAAON,EAAQ,SAAS,KAAKO,GAE5CQ,IAAQL,IAAqBV,EAAQ,QACrCgB,KAAON,IAAqB,KAAKV,EAAQ,QAEzCiB,IAAWH,KAAgBE,IAAMD,IAOjCG,IAJJL,IACAN,IAAwBG,IACxBI,IAAeC,IAEkBE,IAAW,GACxC,EAAE,GAAGE,GAAQ,GAAGC,MAAWC,EAAoBT,GAAQM,CAAU,GAEjEI,IAAaC;AAAA,IACjBJ;AAAA,IACAK,EAASN,CAAU;AAAA,IACnBV,IAAoBC,IAAaP,IAAc;AAAA,EAAA,GAE3CuB,IAAaC;AAAA,IACjBN;AAAA,IACAI,EAASN,CAAU;AAAA,IACnBV,IAAoBC,IAAaP,IAAc;AAAA,EAAA,GAG3CyB,IAAMzB,IAAc,IAAK,KAAK,IAAIsB,EAASN,CAAU,CAAC,GACtDU,IAAM1B,IAAc,IAAK,KAAK,IAAIsB,EAASN,CAAU,CAAC;AAG1D,SAAAW,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAH;AAAA,MACA,IAAAC;AAAA,MACA,OAAO7B;AAAA,MACP,QAAAa;AAAA,MACA,MAAMU;AAAA,MACN,MAAMG;AAAA,MACN,wBAAArB;AAAA,MACA,mBAAAD;AAAA,MACA,aAAAD;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"sd-component-library235.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-needle/outline-meter-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n degToRad,\n getCoordinateForArc,\n getInnerX,\n getInnerY,\n isValueInRange,\n} from \"../../utils\";\nimport { BaseNeedle } from \"../base-needle\";\nimport { OutlineMeterNeedleProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterNeedle: React.FC<Props> = (props) => {\n const {\n diameter,\n value,\n arc,\n ranges,\n useSegmentedBehavior,\n innerCircleRadius,\n innerCircleStrokeWidth,\n distanceFromRange,\n needleWidth,\n needleColor,\n distanceBetweenRanges,\n gaugeWidth,\n } = props;\n\n const matchingRange = ranges.find(({ start, end, bounds }) =>\n isValueInRange(value, start, end, bounds)\n );\n\n if (!matchingRange) return null;\n\n const radius = diameter / 2;\n\n const arcStart = (360 - arc) / 2;\n const arcForRanges = arc - (ranges.length - 1) * distanceBetweenRanges;\n const { start, end, color } = matchingRange;\n const matchingRangeIndex = ranges.findIndex((r) => r === matchingRange);\n const rangeArc = arcForRanges * (end - start);\n\n const rangeArcStart =\n arcStart +\n distanceBetweenRanges * matchingRangeIndex +\n arcForRanges * start;\n\n const valueAlpha = useSegmentedBehavior\n ? rangeArcStart + rangeArc / 2\n : rangeArcStart + ((value - start) / (end - start)) * rangeArc;\n const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n\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 return (\n <BaseNeedle\n dx={dx}\n dy={dy}\n color={needleColor || color}\n radius={radius}\n tipX={needleTipX}\n tipY={needleTipY}\n innerCircleStrokeWidth={innerCircleStrokeWidth}\n innerCircleRadius={innerCircleRadius}\n needleWidth={needleWidth}\n />\n );\n};\n"],"names":["OutlineMeterNeedle","props","diameter","value","arc","ranges","useSegmentedBehavior","innerCircleRadius","innerCircleStrokeWidth","distanceFromRange","needleWidth","needleColor","distanceBetweenRanges","gaugeWidth","matchingRange","start","end","bounds","isValueInRange","radius","arcStart","arcForRanges","color","matchingRangeIndex","r","rangeArc","rangeArcStart","valueAlpha","valueX","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","dy","jsx","BaseNeedle"],"mappings":";;;AAYa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAZ,GAEEa,IAAgBT,EAAO;AAAA,IAAK,CAAC,EAAE,OAAAU,GAAO,KAAAC,GAAK,QAAAC,QAC/CC,EAAef,GAAOY,GAAOC,GAAKC,CAAM;AAAA,EAAA;AAG1C,MAAI,CAACH;AAAsB,WAAA;AAE3B,QAAMK,IAASjB,IAAW,GAEpBkB,KAAY,MAAMhB,KAAO,GACzBiB,IAAejB,KAAOC,EAAO,SAAS,KAAKO,GAC3C,EAAE,OAAAG,GAAO,KAAAC,GAAK,OAAAM,EAAA,IAAUR,GACxBS,IAAqBlB,EAAO,UAAU,CAACmB,MAAMA,MAAMV,CAAa,GAChEW,IAAWJ,KAAgBL,IAAMD,IAEjCW,IACJN,IACAR,IAAwBW,IACxBF,IAAeN,GAEXY,IAAarB,IACfoB,IAAgBD,IAAW,IAC3BC,KAAkBvB,IAAQY,MAAUC,IAAMD,KAAUU,GAClD,EAAE,GAAGG,GAAQ,GAAGC,MAAWC,EAAoBX,GAAQQ,CAAU,GAEjEI,IAAaC;AAAA,IACjBJ;AAAA,IACAK,EAASN,CAAU;AAAA,IACnBlB,IAAoBI,IAAaH,IAAc;AAAA,EAAA,GAE3CwB,IAAaC;AAAA,IACjBN;AAAA,IACAI,EAASN,CAAU;AAAA,IACnBlB,IAAoBI,IAAaH,IAAc;AAAA,EAAA,GAG3C0B,IAAM1B,IAAc,IAAK,KAAK,IAAIuB,EAASN,CAAU,CAAC,GACtDU,IAAM3B,IAAc,IAAK,KAAK,IAAIuB,EAASN,CAAU,CAAC;AAG1D,SAAAW,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAH;AAAA,MACA,IAAAC;AAAA,MACA,OAAO1B,KAAeW;AAAA,MACtB,QAAAH;AAAA,MACA,MAAMY;AAAA,MACN,MAAMG;AAAA,MACN,wBAAA1B;AAAA,MACA,mBAAAD;AAAA,MACA,aAAAG;AAAA,IAAA;AAAA,EAAA;AAGN;"}
@@ -1,16 +1,11 @@
1
- import { j as g } from "./sd-component-library197.js";
2
- import { getRangeProperties as d } from "./sd-component-library298.js";
3
- import { MatchedRangeLabelBox as x } from "./sd-component-library296.js";
4
- const h = (e) => {
5
- const { idx: t, totalRanges: a, distanceBetweenRanges: r, arc: n } = e, { rangeArcStart: o, rangeArcEnd: s } = d(
6
- n,
7
- a,
8
- r,
9
- t
10
- ), c = Math.round((o + s) / 2);
11
- return /* @__PURE__ */ g.jsx(x, { ...e, alpha: c, round: !0 });
1
+ import { j as m } from "./sd-component-library197.js";
2
+ import { isValueInRange as x } from "./sd-component-library91.js";
3
+ import { BaseMeterLabelBox as u } from "./sd-component-library244.js";
4
+ const g = (t) => {
5
+ const { value: o, idx: e, totalRanges: n, start: s, end: r, bounds: a } = t, i = x(o, s, r, a), l = e === 0 ? "left" : e === n - 1 ? "right" : "top";
6
+ return /* @__PURE__ */ m.jsx(u, { isInRange: i, position: l, ...t });
12
7
  };
13
8
  export {
14
- h as MatchedRangeLabelBox
9
+ g as OutlineMeterLabelBox
15
10
  };
16
11
  //# sourceMappingURL=sd-component-library236.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library236.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { MatchedRangeLabelBox as LabelBox } from \"../../../common-outline-meter-partials\";\nimport { getRangeProperties } from \"../../utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n const { idx, totalRanges, distanceBetweenRanges, arc } = props;\n\n const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n arc,\n totalRanges,\n distanceBetweenRanges,\n idx\n );\n\n const alpha = Math.round((rangeArcStart + rangeArcEnd) / 2);\n\n return <LabelBox {...props} alpha={alpha} round />;\n};\n"],"names":["MatchedRangeLabelBox","props","idx","totalRanges","distanceBetweenRanges","arc","rangeArcStart","rangeArcEnd","getRangeProperties","alpha","LabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,KAAAC,GAAK,aAAAC,GAAa,uBAAAC,GAAuB,KAAAC,MAAQJ,GAEnD,EAAE,eAAAK,GAAe,aAAAC,EAAA,IAAgBC;AAAA,IACrCH;AAAA,IACAF;AAAA,IACAC;AAAA,IACAF;AAAA,EAAA,GAGIO,IAAQ,KAAK,OAAOH,IAAgBC,KAAe,CAAC;AAE1D,+BAAQG,GAAU,EAAA,GAAGT,GAAO,OAAAQ,GAAc,OAAK,GAAC,CAAA;AAClD;"}
1
+ {"version":3,"file":"sd-component-library236.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-label-box/outline-meter-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { isValueInRange } from \"../../utils\";\nimport { BaseMeterLabelBox } from \"../base-meter-label-box\";\nimport { OutlineMeterLabelBoxProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterLabelBox: React.FC<Props> = (props) => {\n const { value, idx, totalRanges, start, end, bounds } = props;\n\n const isInRange = isValueInRange(value, start, end, bounds);\n const position =\n idx === 0 ? \"left\" : idx === totalRanges - 1 ? \"right\" : \"top\";\n\n return (\n <BaseMeterLabelBox isInRange={isInRange} position={position} {...props} />\n );\n};\n"],"names":["OutlineMeterLabelBox","props","value","idx","totalRanges","start","end","bounds","isInRange","isValueInRange","position","jsx","BaseMeterLabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,OAAAC,GAAO,KAAAC,GAAK,aAAAC,GAAa,OAAAC,GAAO,KAAAC,GAAK,QAAAC,EAAW,IAAAN,GAElDO,IAAYC,EAAeP,GAAOG,GAAOC,GAAKC,CAAM,GACpDG,IACJP,MAAQ,IAAI,SAASA,MAAQC,IAAc,IAAI,UAAU;AAE3D,SACGO,gBAAAA,EAAAA,IAAAC,GAAA,EAAkB,WAAAJ,GAAsB,UAAAE,GAAqB,GAAGT,EAAO,CAAA;AAE5E;"}
@@ -1,24 +1,67 @@
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";
1
+ import { j as a } from "./sd-component-library197.js";
2
+ import { getCoordinateForArc as i } from "./sd-component-library91.js";
3
+ import { defaultTextBottomMargin as X } from "./sd-component-library226.js";
4
+ import { getRangeProperties as Y } from "./sd-component-library305.js";
5
+ import { BaseOutlineArc as b } from "./sd-component-library298.js";
6
+ import { DiscreteMeterLabelPointer as w } from "./sd-component-library306.js";
7
+ function z(s) {
8
+ const {
9
+ color: n,
10
+ idx: c,
11
+ gaugeWidth: d,
12
+ diameter: g,
13
+ arc: m,
14
+ distanceBetweenRanges: l,
15
+ totalRanges: p,
16
+ showLabel: h,
17
+ label: o,
18
+ isMatchedRange: x,
19
+ pointerWidth: f,
20
+ pointerLength: A,
21
+ horizontal: u
22
+ } = s, t = g / 2, { rangeArcStart: r, rangeArcEnd: e } = Y(
23
+ m,
24
+ p,
25
+ l,
26
+ c
27
+ ), { x: R, y: j } = i(
28
+ t,
29
+ r
30
+ ), { x: B, y: E } = i(
31
+ t,
32
+ e
33
+ ), M = (r + e) / 2;
34
+ return /* @__PURE__ */ a.jsxs("g", { children: [
35
+ /* @__PURE__ */ a.jsx(
36
+ b,
37
+ {
38
+ startX: R,
39
+ startY: j,
40
+ endX: B,
41
+ endY: E,
42
+ startAlpha: r,
43
+ endAlpha: e,
44
+ color: n,
45
+ radius: t,
46
+ width: d
47
+ }
48
+ ),
49
+ h && o && !x && /* @__PURE__ */ a.jsx(
50
+ w,
51
+ {
52
+ alpha: M,
53
+ pointerLength: A,
54
+ pointerWidth: f,
55
+ radius: t,
56
+ color: n,
57
+ textBottomMargin: X,
58
+ label: o,
59
+ horizontal: u
60
+ }
61
+ )
62
+ ] });
63
+ }
18
64
  export {
19
- _ as flipPosition,
20
- I as getFractionColor,
21
- h as isLabelActive,
22
- T as mapAdjacent
65
+ z as DiscreteRange
23
66
  };
24
67
  //# sourceMappingURL=sd-component-library237.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library237.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
+ {"version":3,"file":"sd-component-library237.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-range/discrete-range.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { BaseOutlineArc } from \"../../../outline-meter/partials/base-outline-arc\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { defaultTextBottomMargin } from \"../../constants\";\nimport { getRangeProperties } from \"../../utils\";\nimport { DiscreteMeterLabelPointer } from \"../discrete-meter-label-pointer\";\nimport { DiscreteRangeProps as Props } from \"./interfaces\";\n\nexport function DiscreteRange<T>(props: PropsWithChildren<Props<T>>) {\n const {\n color,\n idx,\n gaugeWidth,\n diameter,\n arc,\n distanceBetweenRanges,\n totalRanges,\n showLabel,\n label,\n isMatchedRange,\n pointerWidth,\n pointerLength,\n horizontal,\n } = props;\n\n const radius = diameter / 2;\n\n const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n arc,\n totalRanges,\n distanceBetweenRanges,\n idx\n );\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 middleArcAlpha = (rangeArcStart + rangeArcEnd) / 2;\n\n return (\n <g>\n <BaseOutlineArc\n startX={rangeStartX}\n startY={rangeStartY}\n endX={rangeEndX}\n endY={rangeEndY}\n startAlpha={rangeArcStart}\n endAlpha={rangeArcEnd}\n color={color}\n radius={radius}\n width={gaugeWidth}\n />\n\n {showLabel && label && !isMatchedRange && (\n <DiscreteMeterLabelPointer\n alpha={middleArcAlpha}\n pointerLength={pointerLength}\n pointerWidth={pointerWidth}\n radius={radius}\n color={color}\n textBottomMargin={defaultTextBottomMargin}\n label={label}\n horizontal={horizontal}\n />\n )}\n </g>\n );\n}\n"],"names":["DiscreteRange","props","color","idx","gaugeWidth","diameter","arc","distanceBetweenRanges","totalRanges","showLabel","label","isMatchedRange","pointerWidth","pointerLength","horizontal","radius","rangeArcStart","rangeArcEnd","getRangeProperties","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","middleArcAlpha","jsx","BaseOutlineArc","DiscreteMeterLabelPointer","defaultTextBottomMargin"],"mappings":";;;;;;AASO,SAASA,EAAiBC,GAAoC;AAC7D,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAb,GAEEc,IAASV,IAAW,GAEpB,EAAE,eAAAW,GAAe,aAAAC,EAAA,IAAgBC;AAAA,IACrCZ;AAAA,IACAE;AAAA,IACAD;AAAA,IACAJ;AAAA,EAAA,GAGI,EAAE,GAAGgB,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACzCN;AAAA,IACAC;AAAA,EAAA,GAEI,EAAE,GAAGM,GAAW,GAAGC,EAAc,IAAAF;AAAA,IACrCN;AAAA,IACAE;AAAA,EAAA,GAGIO,KAAkBR,IAAgBC,KAAe;AAEvD,gCACG,KACC,EAAA,UAAA;AAAA,IAAAQ,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAQP;AAAA,QACR,QAAQC;AAAA,QACR,MAAME;AAAA,QACN,MAAMC;AAAA,QACN,YAAYP;AAAA,QACZ,UAAUC;AAAA,QACV,OAAAf;AAAA,QACA,QAAAa;AAAA,QACA,OAAOX;AAAA,MAAA;AAAA,IACT;AAAA,IAECK,KAAaC,KAAS,CAACC,KACtBc,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAOH;AAAA,QACP,eAAAX;AAAA,QACA,cAAAD;AAAA,QACA,QAAAG;AAAA,QACA,OAAAb;AAAA,QACA,kBAAkB0B;AAAA,QAClB,OAAAlB;AAAA,QACA,YAAAI;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}