@selfdecode/sd-component-library 4.0.149 → 4.0.151
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.
- package/lib/components/links/link/interfaces.d.ts +2 -0
- package/lib/sd-component-library104.js +1 -1
- package/lib/sd-component-library110.js +1 -1
- package/lib/sd-component-library111.js +1 -1
- package/lib/sd-component-library113.js +1 -1
- package/lib/sd-component-library114.js +1 -1
- package/lib/sd-component-library119.js +1 -1
- package/lib/sd-component-library120.js +1 -1
- package/lib/sd-component-library122.js +1 -1
- package/lib/sd-component-library125.js +3 -3
- package/lib/sd-component-library126.js +1 -1
- package/lib/sd-component-library13.js +1 -1
- package/lib/sd-component-library140.js +1 -1
- package/lib/sd-component-library141.js +1 -1
- package/lib/sd-component-library144.js +1 -1
- package/lib/sd-component-library145.js +3 -3
- package/lib/sd-component-library169.js +3 -3
- package/lib/sd-component-library172.js +60 -2
- package/lib/sd-component-library172.js.map +1 -1
- package/lib/sd-component-library173.js +2 -30
- package/lib/sd-component-library173.js.map +1 -1
- package/lib/sd-component-library174.js +21 -590
- package/lib/sd-component-library174.js.map +1 -1
- package/lib/sd-component-library175.js +595 -56
- package/lib/sd-component-library175.js.map +1 -1
- package/lib/sd-component-library176.js +57 -3
- package/lib/sd-component-library176.js.map +1 -1
- package/lib/sd-component-library177.js +3 -57
- package/lib/sd-component-library177.js.map +1 -1
- package/lib/sd-component-library190.js +77 -45
- package/lib/sd-component-library190.js.map +1 -1
- package/lib/sd-component-library191.js +3 -78
- package/lib/sd-component-library191.js.map +1 -1
- package/lib/sd-component-library192.js +46 -3
- package/lib/sd-component-library192.js.map +1 -1
- package/lib/sd-component-library194.js +3 -26
- package/lib/sd-component-library194.js.map +1 -1
- package/lib/sd-component-library195.js +31 -3
- package/lib/sd-component-library195.js.map +1 -1
- package/lib/sd-component-library196.js +19 -31
- package/lib/sd-component-library196.js.map +1 -1
- package/lib/sd-component-library197.js +20 -19
- package/lib/sd-component-library197.js.map +1 -1
- package/lib/sd-component-library198.js +28 -20
- package/lib/sd-component-library198.js.map +1 -1
- package/lib/sd-component-library199.js +32 -27
- package/lib/sd-component-library199.js.map +1 -1
- package/lib/sd-component-library200.js +22 -29
- package/lib/sd-component-library200.js.map +1 -1
- package/lib/sd-component-library202.js +64 -129
- package/lib/sd-component-library202.js.map +1 -1
- package/lib/sd-component-library204.js +36 -40
- package/lib/sd-component-library204.js.map +1 -1
- package/lib/sd-component-library205.js +12 -7
- package/lib/sd-component-library205.js.map +1 -1
- package/lib/sd-component-library206.js +21 -64
- package/lib/sd-component-library206.js.map +1 -1
- package/lib/sd-component-library207.js +107 -41
- package/lib/sd-component-library207.js.map +1 -1
- package/lib/sd-component-library208.js +46 -12
- package/lib/sd-component-library208.js.map +1 -1
- package/lib/sd-component-library209.js +24 -21
- package/lib/sd-component-library209.js.map +1 -1
- package/lib/sd-component-library210.js +47 -103
- package/lib/sd-component-library210.js.map +1 -1
- package/lib/sd-component-library211.js +128 -46
- package/lib/sd-component-library211.js.map +1 -1
- package/lib/sd-component-library212.js +45 -22
- package/lib/sd-component-library212.js.map +1 -1
- package/lib/sd-component-library213.js +7 -52
- package/lib/sd-component-library213.js.map +1 -1
- package/lib/sd-component-library214.js +46 -19
- package/lib/sd-component-library214.js.map +1 -1
- package/lib/sd-component-library215.js +75 -20
- package/lib/sd-component-library215.js.map +1 -1
- package/lib/sd-component-library216.js +39 -46
- package/lib/sd-component-library216.js.map +1 -1
- package/lib/sd-component-library217.js +27 -41
- package/lib/sd-component-library217.js.map +1 -1
- package/lib/sd-component-library218.js +21 -27
- package/lib/sd-component-library218.js.map +1 -1
- package/lib/sd-component-library219.js +20 -75
- package/lib/sd-component-library219.js.map +1 -1
- package/lib/sd-component-library229.js +30 -2
- package/lib/sd-component-library229.js.map +1 -1
- package/lib/sd-component-library230.js +51 -2
- package/lib/sd-component-library230.js.map +1 -1
- package/lib/sd-component-library231.js +134 -30
- package/lib/sd-component-library231.js.map +1 -1
- package/lib/sd-component-library232.js +62 -39
- package/lib/sd-component-library232.js.map +1 -1
- package/lib/sd-component-library233.js +62 -120
- package/lib/sd-component-library233.js.map +1 -1
- package/lib/sd-component-library234.js +30 -74
- package/lib/sd-component-library234.js.map +1 -1
- package/lib/sd-component-library235.js +15 -70
- package/lib/sd-component-library235.js.map +1 -1
- package/lib/sd-component-library236.js +112 -109
- package/lib/sd-component-library236.js.map +1 -1
- package/lib/sd-component-library237.js +122 -30
- package/lib/sd-component-library237.js.map +1 -1
- package/lib/sd-component-library238.js +9 -21
- package/lib/sd-component-library238.js.map +1 -1
- package/lib/sd-component-library239.js +44 -118
- package/lib/sd-component-library239.js.map +1 -1
- package/lib/sd-component-library240.js +89 -8
- package/lib/sd-component-library240.js.map +1 -1
- package/lib/sd-component-library241.js +89 -48
- package/lib/sd-component-library241.js.map +1 -1
- package/lib/sd-component-library242.js +2 -90
- package/lib/sd-component-library242.js.map +1 -1
- package/lib/sd-component-library243.js +2 -92
- package/lib/sd-component-library243.js.map +1 -1
- package/lib/sd-component-library246.js +70 -10
- package/lib/sd-component-library246.js.map +1 -1
- package/lib/sd-component-library247.js +101 -69
- package/lib/sd-component-library247.js.map +1 -1
- package/lib/sd-component-library248.js +96 -92
- package/lib/sd-component-library248.js.map +1 -1
- package/lib/sd-component-library249.js +10 -106
- package/lib/sd-component-library249.js.map +1 -1
- package/lib/sd-component-library263.js +1 -1
- package/lib/sd-component-library264.js +2 -2
- package/lib/sd-component-library266.js +4 -24
- package/lib/sd-component-library266.js.map +1 -1
- package/lib/sd-component-library267.js +24 -4
- package/lib/sd-component-library267.js.map +1 -1
- package/lib/sd-component-library282.js +1 -1
- package/lib/sd-component-library53.js +39 -39
- package/lib/sd-component-library53.js.map +1 -1
- package/lib/sd-component-library57.js +3 -3
- package/lib/sd-component-library58.js +1 -1
- package/lib/sd-component-library59.js +1 -1
- package/lib/sd-component-library6.js +1 -1
- package/lib/sd-component-library7.js +1 -1
- package/lib/sd-component-library70.js +2 -2
- package/lib/sd-component-library71.js +1 -1
- package/lib/sd-component-library72.js +1 -1
- package/lib/sd-component-library76.js +9 -8
- package/lib/sd-component-library76.js.map +1 -1
- package/lib/sd-component-library80.js +1 -1
- package/lib/sd-component-library81.js +6 -6
- package/lib/sd-component-library82.js +2 -2
- package/lib/sd-component-library84.js +4 -4
- package/lib/sd-component-library85.js +1 -1
- package/lib/sd-component-library87.js +5 -5
- package/lib/sd-component-library88.js +1 -1
- package/lib/sd-component-library89.js +6 -6
- package/lib/sd-component-library90.js +1 -1
- package/lib/sd-component-library93.js +2 -2
- package/lib/sd-component-library94.js +3 -3
- package/lib/sd-component-library95.js +2 -2
- package/lib/sd-component-library96.js +2 -2
- package/package.json +1 -1
|
@@ -1,132 +1,67 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
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
|
-
);
|
|
1
|
+
import { j as a } from "./sd-component-library169.js";
|
|
2
|
+
import { getCoordinateForArc as i } from "./sd-component-library86.js";
|
|
3
|
+
import { defaultTextBottomMargin as X } from "./sd-component-library194.js";
|
|
4
|
+
import { getRangeProperties as Y } from "./sd-component-library266.js";
|
|
5
|
+
import { BaseOutlineArc as b } from "./sd-component-library267.js";
|
|
6
|
+
import { DiscreteMeterLabelPointer as w } from "./sd-component-library268.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
|
+
}
|
|
129
64
|
export {
|
|
130
|
-
|
|
65
|
+
z as DiscreteRange
|
|
131
66
|
};
|
|
132
67
|
//# sourceMappingURL=sd-component-library202.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library202.js","sources":["../src/components/meters/outline-meter/partials/
|
|
1
|
+
{"version":3,"file":"sd-component-library202.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,50 +1,46 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import {
|
|
3
|
-
import { BaseNeedle as
|
|
4
|
-
|
|
1
|
+
import { j as M } from "./sd-component-library169.js";
|
|
2
|
+
import { getInnerX as T, getInnerY as W, degToRad as r, getCoordinateForArc as y } from "./sd-component-library86.js";
|
|
3
|
+
import { BaseNeedle as B } from "./sd-component-library265.js";
|
|
4
|
+
function E(p) {
|
|
5
5
|
const {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
ranges: o,
|
|
10
|
-
useSegmentedBehavior: v,
|
|
11
|
-
innerCircleRadius: I,
|
|
12
|
-
innerCircleStrokeWidth: A,
|
|
13
|
-
distanceFromRange: d,
|
|
6
|
+
needleColor: u,
|
|
7
|
+
options: n,
|
|
8
|
+
value: h,
|
|
14
9
|
needleWidth: e,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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(
|
|
28
29
|
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,
|
|
34
30
|
{
|
|
35
|
-
dx:
|
|
36
|
-
dy:
|
|
37
|
-
color:
|
|
38
|
-
radius:
|
|
39
|
-
tipX:
|
|
40
|
-
tipY:
|
|
41
|
-
innerCircleStrokeWidth:
|
|
42
|
-
innerCircleRadius:
|
|
31
|
+
dx: Y,
|
|
32
|
+
dy: j,
|
|
33
|
+
color: u,
|
|
34
|
+
radius: d,
|
|
35
|
+
tipX: S,
|
|
36
|
+
tipY: X,
|
|
37
|
+
innerCircleStrokeWidth: x,
|
|
38
|
+
innerCircleRadius: m,
|
|
43
39
|
needleWidth: e
|
|
44
40
|
}
|
|
45
41
|
);
|
|
46
|
-
}
|
|
42
|
+
}
|
|
47
43
|
export {
|
|
48
|
-
|
|
44
|
+
E as DiscreteMeterNeedle
|
|
49
45
|
};
|
|
50
46
|
//# sourceMappingURL=sd-component-library204.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library204.js","sources":["../src/components/meters/outline-meter/partials/
|
|
1
|
+
{"version":3,"file":"sd-component-library204.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,11 +1,16 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
const
|
|
5
|
-
const {
|
|
6
|
-
|
|
1
|
+
import { j as g } from "./sd-component-library169.js";
|
|
2
|
+
import { getRangeProperties as d } from "./sd-component-library266.js";
|
|
3
|
+
import { MatchedRangeLabelBox as x } from "./sd-component-library263.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 });
|
|
7
12
|
};
|
|
8
13
|
export {
|
|
9
|
-
|
|
14
|
+
h as MatchedRangeLabelBox
|
|
10
15
|
};
|
|
11
16
|
//# sourceMappingURL=sd-component-library205.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library205.js","sources":["../src/components/meters/outline-meter/partials/
|
|
1
|
+
{"version":3,"file":"sd-component-library205.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,67 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
+
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";
|
|
64
18
|
export {
|
|
65
|
-
|
|
19
|
+
_ as flipPosition,
|
|
20
|
+
I as getFractionColor,
|
|
21
|
+
h as isLabelActive,
|
|
22
|
+
T as mapAdjacent
|
|
66
23
|
};
|
|
67
24
|
//# sourceMappingURL=sd-component-library206.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library206.js","sources":["../src/components/meters/
|
|
1
|
+
{"version":3,"file":"sd-component-library206.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;"}
|