@selfdecode/sd-component-library 4.0.108 → 4.0.110
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/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-library123.js +1 -1
- package/lib/sd-component-library128.js +1 -1
- package/lib/sd-component-library129.js +1 -1
- package/lib/sd-component-library131.js +1 -1
- package/lib/sd-component-library135.js +3 -3
- package/lib/sd-component-library136.js +1 -1
- package/lib/sd-component-library138.js +2 -2
- package/lib/sd-component-library169.js +1 -1
- package/lib/sd-component-library198.js +3 -3
- package/lib/sd-component-library202.js +2 -3
- package/lib/sd-component-library202.js.map +1 -1
- package/lib/sd-component-library203.js +30 -2
- package/lib/sd-component-library203.js.map +1 -1
- package/lib/sd-component-library204.js +590 -21
- package/lib/sd-component-library204.js.map +1 -1
- package/lib/sd-component-library205.js +3 -599
- package/lib/sd-component-library205.js.map +1 -1
- package/lib/sd-component-library212.js +62 -19
- package/lib/sd-component-library212.js.map +1 -1
- package/lib/sd-component-library213.js +23 -3
- package/lib/sd-component-library213.js.map +1 -1
- package/lib/sd-component-library214.js +21 -3
- package/lib/sd-component-library214.js.map +1 -1
- package/lib/sd-component-library215.js +3 -64
- package/lib/sd-component-library215.js.map +1 -1
- package/lib/sd-component-library216.js +3 -23
- package/lib/sd-component-library216.js.map +1 -1
- package/lib/sd-component-library218.js +1 -1
- package/lib/sd-component-library229.js +26 -3
- package/lib/sd-component-library229.js.map +1 -1
- package/lib/sd-component-library230.js +3 -31
- package/lib/sd-component-library230.js.map +1 -1
- package/lib/sd-component-library231.js +3 -19
- package/lib/sd-component-library231.js.map +1 -1
- package/lib/sd-component-library232.js +31 -20
- package/lib/sd-component-library232.js.map +1 -1
- package/lib/sd-component-library233.js +19 -28
- package/lib/sd-component-library233.js.map +1 -1
- package/lib/sd-component-library234.js +19 -32
- package/lib/sd-component-library234.js.map +1 -1
- package/lib/sd-component-library235.js +28 -26
- package/lib/sd-component-library235.js.map +1 -1
- package/lib/sd-component-library236.js +33 -3
- package/lib/sd-component-library236.js.map +1 -1
- package/lib/sd-component-library237.js +2 -2
- package/lib/sd-component-library240.js +1 -1
- package/lib/sd-component-library241.js +21 -64
- package/lib/sd-component-library241.js.map +1 -1
- package/lib/sd-component-library242.js +107 -41
- package/lib/sd-component-library242.js.map +1 -1
- package/lib/sd-component-library243.js +46 -12
- package/lib/sd-component-library243.js.map +1 -1
- package/lib/sd-component-library244.js +24 -21
- package/lib/sd-component-library244.js.map +1 -1
- package/lib/sd-component-library245.js +47 -103
- package/lib/sd-component-library245.js.map +1 -1
- package/lib/sd-component-library246.js +63 -46
- package/lib/sd-component-library246.js.map +1 -1
- package/lib/sd-component-library247.js +43 -24
- package/lib/sd-component-library247.js.map +1 -1
- package/lib/sd-component-library248.js +12 -52
- package/lib/sd-component-library248.js.map +1 -1
- package/lib/sd-component-library250.js +1 -1
- package/lib/sd-component-library264.js +27 -27
- package/lib/sd-component-library264.js.map +1 -1
- package/lib/sd-component-library265.js +13 -43
- package/lib/sd-component-library265.js.map +1 -1
- package/lib/sd-component-library266.js +112 -118
- package/lib/sd-component-library266.js.map +1 -1
- package/lib/sd-component-library267.js +105 -57
- package/lib/sd-component-library267.js.map +1 -1
- package/lib/sd-component-library268.js +9 -75
- package/lib/sd-component-library268.js.map +1 -1
- package/lib/sd-component-library269.js +50 -30
- package/lib/sd-component-library269.js.map +1 -1
- package/lib/sd-component-library270.js +29 -20
- package/lib/sd-component-library270.js.map +1 -1
- package/lib/sd-component-library271.js +44 -118
- package/lib/sd-component-library271.js.map +1 -1
- package/lib/sd-component-library272.js +113 -104
- package/lib/sd-component-library272.js.map +1 -1
- package/lib/sd-component-library273.js +73 -9
- package/lib/sd-component-library273.js.map +1 -1
- package/lib/sd-component-library274.js +68 -42
- package/lib/sd-component-library274.js.map +1 -1
- package/lib/sd-component-library282.js +6 -10
- package/lib/sd-component-library282.js.map +1 -1
- package/lib/sd-component-library288.js +10 -6
- package/lib/sd-component-library288.js.map +1 -1
- package/lib/sd-component-library291.js +1 -1
- package/lib/sd-component-library316.js +88 -20
- package/lib/sd-component-library316.js.map +1 -1
- package/lib/sd-component-library317.js +1 -1
- package/lib/sd-component-library319.js +20 -88
- package/lib/sd-component-library319.js.map +1 -1
- package/lib/sd-component-library325.js +90 -32
- package/lib/sd-component-library325.js.map +1 -1
- package/lib/sd-component-library326.js +32 -90
- package/lib/sd-component-library326.js.map +1 -1
- package/lib/sd-component-library53.js +3 -3
- package/lib/sd-component-library54.js +2 -2
- package/lib/sd-component-library55.js +2 -2
- package/lib/sd-component-library6.js +1 -1
- package/lib/sd-component-library65.js +1 -1
- package/lib/sd-component-library66.js +1 -1
- package/lib/sd-component-library7.js +1 -1
- package/lib/sd-component-library71.js +47 -42
- package/lib/sd-component-library71.js.map +1 -1
- package/lib/sd-component-library87.js +1 -1
- package/lib/sd-component-library88.js +6 -6
- package/lib/sd-component-library89.js +2 -2
- package/lib/sd-component-library90.js +1 -1
- package/lib/sd-component-library91.js +1 -1
- package/lib/sd-component-library92.js +1 -1
- package/lib/sd-component-library94.js +5 -5
- package/lib/sd-component-library95.js +1 -1
- package/lib/sd-component-library96.js +6 -6
- package/lib/sd-component-library97.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library231.js","sources":["../src/components/meters/
|
|
1
|
+
{"version":3,"file":"sd-component-library231.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/constants.ts"],"sourcesContent":["export const defaultPointerWidth = 1;\nexport const defaultTextBottomMargin = 13;\n"],"names":["defaultPointerWidth","defaultTextBottomMargin"],"mappings":"AAAO,MAAMA,IAAsB,GACtBC,IAA0B;"}
|
|
@@ -1,23 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
var a = /* @__PURE__ */ ((r) => (r.GREEN = "#00B466", r.ORANGE = "#FF9900", r.RED = "#FF0000", r))(a || {});
|
|
3
|
-
const u = (r) => !r.some(
|
|
4
|
-
({ color: t }) => !Object.values(a).includes(t)
|
|
5
|
-
), f = (r, t) => l(r, t) && u(t), A = (r, t, n, i, o, d) => {
|
|
6
|
-
const c = r - (t - 1) * n, e = (360 - r) / 2 + n * i + c * o, s = e + c * (d - o), g = (e + s) / 2;
|
|
7
|
-
return {
|
|
8
|
-
rangeArcStart: e,
|
|
9
|
-
rangeArcEnd: s,
|
|
10
|
-
rangeArcMiddle: g
|
|
11
|
-
};
|
|
12
|
-
}, R = (r) => {
|
|
13
|
-
const { start: t, end: n } = r;
|
|
14
|
-
return t === 0 ? n < 0.6 : n === 1 ? t > 0.4 : !1;
|
|
15
|
-
};
|
|
1
|
+
const e = 250, t = 220, s = 270, n = 10, a = 6, l = 4.5, o = 1.5, d = 18, c = 4, i = 6.5, r = 8, u = 40, f = 6, h = 1.5, m = 32, M = 20, g = 100, R = 14, W = 100, D = 100, k = 87, I = 3, N = 1.5, P = 4, S = 6, b = 3, B = 10, C = 18, F = 7, T = 100;
|
|
16
2
|
export {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
3
|
+
s as defaultArc,
|
|
4
|
+
f as defaultDashHeight,
|
|
5
|
+
h as defaultDashWidth,
|
|
6
|
+
n as defaultDistanceBetweenRanges,
|
|
7
|
+
M as defaultDistanceFromLabelToRanges,
|
|
8
|
+
d as defaultDistanceFromRangesToNeedle,
|
|
9
|
+
m as defaultDistanceFromRangesToScale,
|
|
10
|
+
a as defaultGaugeWidth,
|
|
11
|
+
t as defaultHeight,
|
|
12
|
+
i as defaultInnerCircleRadius,
|
|
13
|
+
c as defaultInnerCircleStrokeWidth,
|
|
14
|
+
o as defaultInnerPointRadius,
|
|
15
|
+
W as defaultMaskBorderRadius,
|
|
16
|
+
r as defaultNeedleWidth,
|
|
17
|
+
u as defaultNumberOfDashes,
|
|
18
|
+
l as defaultPointStrokeWidth,
|
|
19
|
+
e as defaultWidth,
|
|
20
|
+
R as labelPaddingX,
|
|
21
|
+
g as labelWidth,
|
|
22
|
+
B as smallMeterDistanceBetweenRanges,
|
|
23
|
+
C as smallMeterDistanceFromRangesToNeedle,
|
|
24
|
+
P as smallMeterGaugeWidth,
|
|
25
|
+
k as smallMeterHeight,
|
|
26
|
+
S as smallMeterInnerCircleRadius,
|
|
27
|
+
b as smallMeterInnerCircleStrokeWidth,
|
|
28
|
+
T as smallMeterMaskBorderRadius,
|
|
29
|
+
F as smallMeterNeedleWidth,
|
|
30
|
+
N as smallMeterPointRadius,
|
|
31
|
+
I as smallMeterPointStrokeWidth,
|
|
32
|
+
D as smallMeterWidth
|
|
22
33
|
};
|
|
23
34
|
//# sourceMappingURL=sd-component-library232.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library232.js","sources":["../src/components/meters/
|
|
1
|
+
{"version":3,"file":"sd-component-library232.js","sources":["../src/components/meters/outline-meter/contants.ts"],"sourcesContent":["/**\n * Default values for outline meters\n */\nexport const defaultWidth = 250;\nexport const defaultHeight = 220;\nexport const defaultArc = 270;\nexport const defaultDistanceBetweenRanges = 10;\nexport const defaultGaugeWidth = 6;\nexport const defaultPointStrokeWidth = 4.5;\nexport const defaultInnerPointRadius = 1.5;\nexport const defaultDistanceFromRangesToNeedle = 18;\nexport const defaultInnerCircleStrokeWidth = 4;\nexport const defaultInnerCircleRadius = 6.5;\nexport const defaultNeedleWidth = 8;\nexport const defaultNumberOfDashes = 40;\nexport const defaultDashHeight = 6;\nexport const defaultDashWidth = 1.5;\nexport const defaultDistanceFromRangesToScale = 32;\nexport const defaultDistanceFromLabelToRanges = 20;\nexport const labelWidth = 100;\nexport const labelPaddingX = 14;\nexport const defaultMaskBorderRadius = 100;\n\n/**\n * Small Outline meter default values\n */\nexport const smallMeterWidth = 100;\nexport const smallMeterHeight = 87;\nexport const smallMeterPointStrokeWidth = 3;\nexport const smallMeterPointRadius = 1.5;\nexport const smallMeterGaugeWidth = 4;\nexport const smallMeterInnerCircleRadius = 6;\nexport const smallMeterInnerCircleStrokeWidth = 3;\nexport const smallMeterDistanceBetweenRanges = 10;\nexport const smallMeterDistanceFromRangesToNeedle = 18;\nexport const smallMeterNeedleWidth = 7;\nexport const smallMeterMaskBorderRadius = 100;\n"],"names":["defaultWidth","defaultHeight","defaultArc","defaultDistanceBetweenRanges","defaultGaugeWidth","defaultPointStrokeWidth","defaultInnerPointRadius","defaultDistanceFromRangesToNeedle","defaultInnerCircleStrokeWidth","defaultInnerCircleRadius","defaultNeedleWidth","defaultNumberOfDashes","defaultDashHeight","defaultDashWidth","defaultDistanceFromRangesToScale","defaultDistanceFromLabelToRanges","labelWidth","labelPaddingX","defaultMaskBorderRadius","smallMeterWidth","smallMeterHeight","smallMeterPointStrokeWidth","smallMeterPointRadius","smallMeterGaugeWidth","smallMeterInnerCircleRadius","smallMeterInnerCircleStrokeWidth","smallMeterDistanceBetweenRanges","smallMeterDistanceFromRangesToNeedle","smallMeterNeedleWidth","smallMeterMaskBorderRadius"],"mappings":"AAGO,MAAMA,IAAe,KACfC,IAAgB,KAChBC,IAAa,KACbC,IAA+B,IAC/BC,IAAoB,GACpBC,IAA0B,KAC1BC,IAA0B,KAC1BC,IAAoC,IACpCC,IAAgC,GAChCC,IAA2B,KAC3BC,IAAqB,GACrBC,IAAwB,IACxBC,IAAoB,GACpBC,IAAmB,KACnBC,IAAmC,IACnCC,IAAmC,IACnCC,IAAa,KACbC,IAAgB,IAChBC,IAA0B,KAK1BC,IAAkB,KAClBC,IAAmB,IACnBC,IAA6B,GAC7BC,IAAwB,KACxBC,IAAuB,GACvBC,IAA8B,GAC9BC,IAAmC,GACnCC,IAAkC,IAClCC,IAAuC,IACvCC,IAAwB,GACxBC,IAA6B;"}
|
|
@@ -1,31 +1,22 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
color: t < o ? n[o].color : e.color
|
|
12
|
-
}));
|
|
13
|
-
return /* @__PURE__ */ a.jsx(a.Fragment, { children: i.map((e, t) => /* @__PURE__ */ g(
|
|
14
|
-
d,
|
|
15
|
-
{
|
|
16
|
-
...e,
|
|
17
|
-
...r,
|
|
18
|
-
idx: t,
|
|
19
|
-
totalRanges: n.length,
|
|
20
|
-
pointerLength: c,
|
|
21
|
-
key: `${e.start}-${e.end}-${t}`,
|
|
22
|
-
isMatchedRange: o === t,
|
|
23
|
-
ref: m
|
|
24
|
-
}
|
|
25
|
-
)) });
|
|
26
|
-
}
|
|
27
|
-
);
|
|
1
|
+
import { j as t } from "./sd-component-library198.js";
|
|
2
|
+
import { SmileyGaugeColor as e } from "./sd-component-library234.js";
|
|
3
|
+
import { ReactComponent as o } from "./sd-component-library296.js";
|
|
4
|
+
import { ReactComponent as m } from "./sd-component-library297.js";
|
|
5
|
+
import { ReactComponent as i } from "./sd-component-library298.js";
|
|
6
|
+
const S = 10, c = 80, p = 100, y = 87, R = 30, d = 3, f = 2, g = 4, u = /* @__PURE__ */ new Map([
|
|
7
|
+
[e.GREEN, /* @__PURE__ */ t.jsx(o, {})],
|
|
8
|
+
[e.ORANGE, /* @__PURE__ */ t.jsx(m, {})],
|
|
9
|
+
[e.RED, /* @__PURE__ */ t.jsx(i, {})]
|
|
10
|
+
]);
|
|
28
11
|
export {
|
|
29
|
-
|
|
12
|
+
u as COLOR_TO_ICON_MAP,
|
|
13
|
+
S as defaultDistanceBetweenRanges,
|
|
14
|
+
c as defaultSmileyWidth,
|
|
15
|
+
g as smallSmileyGaugeWidth,
|
|
16
|
+
f as smallSmileyInnerPointRadius,
|
|
17
|
+
d as smallSmileyInnerPointStrokeWidth,
|
|
18
|
+
y as smallSmileyMeterHeight,
|
|
19
|
+
p as smallSmileyMeterWidth,
|
|
20
|
+
R as smallSmileyWidth
|
|
30
21
|
};
|
|
31
22
|
//# sourceMappingURL=sd-component-library233.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library233.js","sources":["../src/components/meters/smiley-meter-v2/
|
|
1
|
+
{"version":3,"file":"sd-component-library233.js","sources":["../src/components/meters/smiley-meter-v2/constants.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { HappySmileyIcon, NeutralSmileyIcon, SadSmileyIcon } from \"./assets\";\n\n/**\n * Large Smiley meter v2 default values.\n */\nimport { SmileyGaugeColor } from \"./utils\";\n\nexport const defaultDistanceBetweenRanges = 10;\nexport const defaultSmileyWidth = 80;\n\n/**\n * Small Smiley meter v2 default values.\n */\nexport const smallSmileyMeterWidth = 100;\nexport const smallSmileyMeterHeight = 87;\nexport const smallSmileyWidth = 30;\nexport const smallSmileyInnerPointStrokeWidth = 3;\nexport const smallSmileyInnerPointRadius = 2;\nexport const smallSmileyGaugeWidth = 4;\n\nexport const COLOR_TO_ICON_MAP = new Map<SmileyGaugeColor, React.ReactNode>([\n [SmileyGaugeColor.GREEN, <HappySmileyIcon />],\n [SmileyGaugeColor.ORANGE, <NeutralSmileyIcon />],\n [SmileyGaugeColor.RED, <SadSmileyIcon />],\n]);\n"],"names":["defaultDistanceBetweenRanges","defaultSmileyWidth","smallSmileyMeterWidth","smallSmileyMeterHeight","smallSmileyWidth","smallSmileyInnerPointStrokeWidth","smallSmileyInnerPointRadius","smallSmileyGaugeWidth","COLOR_TO_ICON_MAP","SmileyGaugeColor","jsx","HappySmileyIcon","NeutralSmileyIcon","SadSmileyIcon"],"mappings":";;;;;AASO,MAAMA,IAA+B,IAC/BC,IAAqB,IAKrBC,IAAwB,KACxBC,IAAyB,IACzBC,IAAmB,IACnBC,IAAmC,GACnCC,IAA8B,GAC9BC,IAAwB,GAExBC,wBAAwB,IAAuC;AAAA,EAC1E,CAACC,EAAiB,OAAOC,gBAAAA,EAAA,IAACC,IAAgB,CAAA,CAAE;AAAA,EAC5C,CAACF,EAAiB,QAAQC,gBAAAA,EAAA,IAACE,IAAkB,CAAA,CAAE;AAAA,EAC/C,CAACH,EAAiB,KAAKC,gBAAAA,EAAA,IAACG,IAAc,CAAA,CAAE;AAC1C,CAAC;"}
|
|
@@ -1,36 +1,23 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
n,
|
|
16
|
-
o,
|
|
17
|
-
r,
|
|
18
|
-
s,
|
|
19
|
-
g,
|
|
20
|
-
l
|
|
21
|
-
), t = Math.round(x);
|
|
22
|
-
return /* @__PURE__ */ h.jsx(
|
|
23
|
-
u,
|
|
24
|
-
{
|
|
25
|
-
...e,
|
|
26
|
-
...a,
|
|
27
|
-
alpha: i ? 360 - t : t,
|
|
28
|
-
radius: m,
|
|
29
|
-
round: c
|
|
30
|
-
}
|
|
31
|
-
);
|
|
1
|
+
import { isCorrectOutlineMeterConfig as l } from "./sd-component-library93.js";
|
|
2
|
+
var a = /* @__PURE__ */ ((r) => (r.GREEN = "#00B466", r.ORANGE = "#FF9900", r.RED = "#FF0000", r))(a || {});
|
|
3
|
+
const u = (r) => !r.some(
|
|
4
|
+
({ color: t }) => !Object.values(a).includes(t)
|
|
5
|
+
), f = (r, t) => l(r, t) && u(t), A = (r, t, n, i, o, d) => {
|
|
6
|
+
const c = r - (t - 1) * n, e = (360 - r) / 2 + n * i + c * o, s = e + c * (d - o), g = (e + s) / 2;
|
|
7
|
+
return {
|
|
8
|
+
rangeArcStart: e,
|
|
9
|
+
rangeArcEnd: s,
|
|
10
|
+
rangeArcMiddle: g
|
|
11
|
+
};
|
|
12
|
+
}, R = (r) => {
|
|
13
|
+
const { start: t, end: n } = r;
|
|
14
|
+
return t === 0 ? n < 0.6 : n === 1 ? t > 0.4 : !1;
|
|
32
15
|
};
|
|
33
16
|
export {
|
|
34
|
-
|
|
17
|
+
a as SmileyGaugeColor,
|
|
18
|
+
u as areColorsValid,
|
|
19
|
+
R as getIsHorizontal,
|
|
20
|
+
A as getRangeProperties,
|
|
21
|
+
f as isCorrectSmileyMeterConfig
|
|
35
22
|
};
|
|
36
23
|
//# sourceMappingURL=sd-component-library234.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library234.js","sources":["../src/components/meters/smiley-meter-v2/
|
|
1
|
+
{"version":3,"file":"sd-component-library234.js","sources":["../src/components/meters/smiley-meter-v2/utils.ts"],"sourcesContent":["import { OutlineMeterRangeConfig } from \"../outline-meter\";\nimport { isCorrectOutlineMeterConfig } from \"../outline-meter/utils\";\nimport { SmileyMeterRange } from \"./interfaces\";\n\nexport enum SmileyGaugeColor {\n GREEN = \"#00B466\",\n ORANGE = \"#FF9900\",\n RED = \"#FF0000\",\n}\n\nexport const areColorsValid = (ranges: OutlineMeterRangeConfig[]) =>\n !ranges.some(\n ({ color }) => !Object.values(SmileyGaugeColor).includes(color as any)\n );\n\nexport const isCorrectSmileyMeterConfig = (\n value: number,\n ranges: OutlineMeterRangeConfig[]\n): ranges is SmileyMeterRange[] => {\n return isCorrectOutlineMeterConfig(value, ranges) && areColorsValid(ranges);\n};\n\nexport const getRangeProperties = (\n arc: number,\n totalRanges: number,\n distanceBetweenRanges: number,\n idx: number,\n start: number,\n end: number\n) => {\n const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n const arcStart = (360 - arc) / 2; // deg\n const rangeArcStart =\n arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n const rangeArcMiddle = (rangeArcStart + rangeArcEnd) / 2;\n return {\n rangeArcStart,\n rangeArcEnd,\n rangeArcMiddle,\n };\n};\n\nexport const getIsHorizontal = (range: SmileyMeterRange) => {\n const { start, end } = range;\n return start === 0 ? end < 0.6 : end === 1 ? start > 0.4 : false;\n};\n"],"names":["SmileyGaugeColor","areColorsValid","ranges","color","isCorrectSmileyMeterConfig","value","isCorrectOutlineMeterConfig","getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","start","end","arcForRanges","rangeArcStart","rangeArcEnd","rangeArcMiddle","getIsHorizontal","range"],"mappings":";AAIY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,WACRA,EAAA,SAAS,WACTA,EAAA,MAAM,WAHIA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAAiB,CAACC,MAC7B,CAACA,EAAO;AAAA,EACN,CAAC,EAAE,OAAAC,EAAY,MAAA,CAAC,OAAO,OAAOH,CAAgB,EAAE,SAASG,CAAY;AACvE,GAEWC,IAA6B,CACxCC,GACAH,MAEOI,EAA4BD,GAAOH,CAAM,KAAKD,EAAeC,CAAM,GAG/DK,IAAqB,CAChCC,GACAC,GACAC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeN,KAAOC,IAAc,KAAKC,GAEzCK,KADY,MAAMP,KAAO,IAElBE,IAAwBC,IAAMG,IAAeF,GACpDI,IAAcD,IAAgBD,KAAgBD,IAAMD,IAEpDK,KAAkBF,IAAgBC,KAAe;AAChD,SAAA;AAAA,IACL,eAAAD;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA;AAEJ,GAEaC,IAAkB,CAACC,MAA4B;AACpD,QAAA,EAAE,OAAAP,GAAO,KAAAC,EAAQ,IAAAM;AACvB,SAAOP,MAAU,IAAIC,IAAM,MAAMA,MAAQ,IAAID,IAAQ,MAAM;AAC7D;"}
|
|
@@ -1,29 +1,31 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
{
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
};
|
|
1
|
+
import { j as a } from "./sd-component-library198.js";
|
|
2
|
+
import R, { createElement as g } from "react";
|
|
3
|
+
import { isValueInRange as f } from "./sd-component-library93.js";
|
|
4
|
+
import { SmileyMeterRange as d } from "./sd-component-library317.js";
|
|
5
|
+
const j = R.forwardRef(
|
|
6
|
+
(r, m) => {
|
|
7
|
+
const { value: s, ranges: n, distanceFromRanges: c } = r, o = n.findIndex(
|
|
8
|
+
({ start: e, end: t, bounds: l }) => f(s, e, t, l)
|
|
9
|
+
), i = n.map((e, t) => ({
|
|
10
|
+
...e,
|
|
11
|
+
color: t < o ? n[o].color : e.color
|
|
12
|
+
}));
|
|
13
|
+
return /* @__PURE__ */ a.jsx(a.Fragment, { children: i.map((e, t) => /* @__PURE__ */ g(
|
|
14
|
+
d,
|
|
15
|
+
{
|
|
16
|
+
...e,
|
|
17
|
+
...r,
|
|
18
|
+
idx: t,
|
|
19
|
+
totalRanges: n.length,
|
|
20
|
+
pointerLength: c,
|
|
21
|
+
key: `${e.start}-${e.end}-${t}`,
|
|
22
|
+
isMatchedRange: o === t,
|
|
23
|
+
ref: m
|
|
24
|
+
}
|
|
25
|
+
)) });
|
|
26
|
+
}
|
|
27
|
+
);
|
|
26
28
|
export {
|
|
27
|
-
|
|
29
|
+
j as SmileyMeterRanges
|
|
28
30
|
};
|
|
29
31
|
//# sourceMappingURL=sd-component-library235.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library235.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"sd-component-library235.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/smiley-meter-ranges.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { isValueInRange } from \"../../../outline-meter/utils\";\nimport { SmileyMeterRange } from \"../smiley-meter-range\";\nimport { SmileyMeterRangesProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRanges = React.forwardRef<SVGCircleElement, Props>(\n (props, pointRef) => {\n const { value, ranges, distanceFromRanges } = props;\n\n const matchingRangeIndex = ranges.findIndex(({ start, end, bounds }) =>\n isValueInRange(value, start, end, bounds)\n );\n const newRanges = ranges.map((range, idx) => ({\n ...range,\n color:\n idx < matchingRangeIndex\n ? ranges[matchingRangeIndex].color\n : range.color,\n }));\n\n return (\n <>\n {newRanges.map((range, idx) => (\n <SmileyMeterRange\n {...range}\n {...props}\n idx={idx}\n totalRanges={ranges.length}\n pointerLength={distanceFromRanges}\n key={`${range.start}-${range.end}-${idx}`}\n isMatchedRange={matchingRangeIndex === idx}\n ref={pointRef}\n />\n ))}\n </>\n );\n }\n);\n"],"names":["SmileyMeterRanges","React","props","pointRef","value","ranges","distanceFromRanges","matchingRangeIndex","start","end","bounds","isValueInRange","newRanges","range","idx","jsx","Fragment","createElement","SmileyMeterRange"],"mappings":";;;;AAMO,MAAMA,IAAoBC,EAAM;AAAA,EACrC,CAACC,GAAOC,MAAa;AACnB,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,oBAAAC,EAAA,IAAuBJ,GAExCK,IAAqBF,EAAO;AAAA,MAAU,CAAC,EAAE,OAAAG,GAAO,KAAAC,GAAK,QAAAC,QACzDC,EAAeP,GAAOI,GAAOC,GAAKC,CAAM;AAAA,IAAA,GAEpCE,IAAYP,EAAO,IAAI,CAACQ,GAAOC,OAAS;AAAA,MAC5C,GAAGD;AAAA,MACH,OACEC,IAAMP,IACFF,EAAOE,CAAkB,EAAE,QAC3BM,EAAM;AAAA,IACZ,EAAA;AAEF,WAEKE,gBAAAA,EAAA,IAAAC,EAAA,UAAA,EAAA,UAAAJ,EAAU,IAAI,CAACC,GAAOC,MACrB,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACH,GAAGX;AAAA,QACJ,KAAAY;AAAA,QACA,aAAaT,EAAO;AAAA,QACpB,eAAeC;AAAA,QACf,KAAK,GAAGO,EAAM,KAAK,IAAIA,EAAM,GAAG,IAAIC,CAAG;AAAA,QACvC,gBAAgBP,MAAuBO;AAAA,QACvC,KAAKX;AAAA,MAAA;AAAA,IAER,CAAA,EACH,CAAA;AAAA,EAEJ;AACF;"}
|
|
@@ -1,6 +1,36 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import { j as h } from "./sd-component-library198.js";
|
|
2
|
+
import { getRangeProperties as p } from "./sd-component-library234.js";
|
|
3
|
+
import { MatchedRangeLabelBox as u } from "./sd-component-library316.js";
|
|
4
|
+
const b = (e) => {
|
|
5
|
+
const {
|
|
6
|
+
range: a,
|
|
7
|
+
arc: n,
|
|
8
|
+
totalRanges: o,
|
|
9
|
+
distanceBetweenRanges: r,
|
|
10
|
+
idx: s,
|
|
11
|
+
diameter: d,
|
|
12
|
+
segmented: c,
|
|
13
|
+
counterClockWise: i
|
|
14
|
+
} = e, { start: g, end: l } = a, m = d / 2, { rangeArcMiddle: x } = p(
|
|
15
|
+
n,
|
|
16
|
+
o,
|
|
17
|
+
r,
|
|
18
|
+
s,
|
|
19
|
+
g,
|
|
20
|
+
l
|
|
21
|
+
), t = Math.round(x);
|
|
22
|
+
return /* @__PURE__ */ h.jsx(
|
|
23
|
+
u,
|
|
24
|
+
{
|
|
25
|
+
...e,
|
|
26
|
+
...a,
|
|
27
|
+
alpha: i ? 360 - t : t,
|
|
28
|
+
radius: m,
|
|
29
|
+
round: c
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
};
|
|
3
33
|
export {
|
|
4
|
-
|
|
34
|
+
b as MatchedRangeLabelBox
|
|
5
35
|
};
|
|
6
36
|
//# sourceMappingURL=sd-component-library236.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library236.js","sources":["../src/components/meters/
|
|
1
|
+
{"version":3,"file":"sd-component-library236.js","sources":["../src/components/meters/smiley-meter-v2/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 { MatchedRangeBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n const {\n range,\n arc,\n totalRanges,\n distanceBetweenRanges,\n idx,\n diameter,\n segmented,\n counterClockWise,\n } = props;\n const { start, end } = range;\n\n const radius = diameter / 2;\n const { rangeArcMiddle: alpha } = getRangeProperties(\n arc,\n totalRanges,\n distanceBetweenRanges,\n idx,\n start,\n end\n );\n\n const roundedAlpha = Math.round(alpha);\n\n return (\n <LabelBox\n {...props}\n {...range}\n alpha={counterClockWise ? 360 - roundedAlpha : roundedAlpha}\n radius={radius}\n round={segmented}\n />\n );\n};\n"],"names":["MatchedRangeLabelBox","props","range","arc","totalRanges","distanceBetweenRanges","idx","diameter","segmented","counterClockWise","start","end","radius","alpha","getRangeProperties","roundedAlpha","jsx","LabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,EACE,IAAAR,GACE,EAAE,OAAAS,GAAO,KAAAC,EAAQ,IAAAT,GAEjBU,IAASL,IAAW,GACpB,EAAE,gBAAgBM,EAAA,IAAUC;AAAA,IAChCX;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAI;AAAA,IACAC;AAAA,EAAA,GAGII,IAAe,KAAK,MAAMF,CAAK;AAGnC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGhB;AAAA,MACH,GAAGC;AAAA,MACJ,OAAOO,IAAmB,MAAMM,IAAeA;AAAA,MAC/C,QAAAH;AAAA,MACA,OAAOJ;AAAA,IAAA;AAAA,EAAA;AAGb;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { j as e } from "./sd-component-library198.js";
|
|
2
2
|
import U from "react";
|
|
3
3
|
import { isValueInRange as Z, inValueHigherThanRange as F, getCoordinateForArc as d, getInnerX as $, getInnerY as tt, degToRad as L } from "./sd-component-library93.js";
|
|
4
|
-
import { BaseOutlineArc as X } from "./sd-component-
|
|
5
|
-
import { OutlineMeterLabelPointer as O } from "./sd-component-
|
|
4
|
+
import { BaseOutlineArc as X } from "./sd-component-library319.js";
|
|
5
|
+
import { OutlineMeterLabelPointer as O } from "./sd-component-library244.js";
|
|
6
6
|
const st = U.forwardRef(
|
|
7
7
|
(D, M) => {
|
|
8
8
|
const {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as m } from "./sd-component-library198.js";
|
|
2
2
|
import { isValueInRange as x } from "./sd-component-library93.js";
|
|
3
|
-
import { BaseMeterLabelBox as u } from "./sd-component-
|
|
3
|
+
import { BaseMeterLabelBox as u } from "./sd-component-library245.js";
|
|
4
4
|
const g = (t) => {
|
|
5
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
6
|
return /* @__PURE__ */ m.jsx(u, { isInRange: i, position: l, ...t });
|
|
@@ -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-library241.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library241.js","sources":["../src/components/meters/
|
|
1
|
+
{"version":3,"file":"sd-component-library241.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;"}
|