@selfdecode/sd-component-library 4.0.146 → 4.0.147

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 (115) hide show
  1. package/lib/components/buttons/button/interfaces.d.ts +1 -0
  2. package/lib/sd-component-library100.js +2 -2
  3. package/lib/sd-component-library101.js +2 -2
  4. package/lib/sd-component-library117.js +1 -1
  5. package/lib/sd-component-library118.js +1 -1
  6. package/lib/sd-component-library120.js +1 -1
  7. package/lib/sd-component-library129.js +1 -1
  8. package/lib/sd-component-library134.js +1 -1
  9. package/lib/sd-component-library136.js +2 -2
  10. package/lib/sd-component-library16.js +1 -1
  11. package/lib/sd-component-library197.js +3 -3
  12. package/lib/sd-component-library201.js +3 -2
  13. package/lib/sd-component-library201.js.map +1 -1
  14. package/lib/sd-component-library202.js +2 -30
  15. package/lib/sd-component-library202.js.map +1 -1
  16. package/lib/sd-component-library203.js +21 -590
  17. package/lib/sd-component-library203.js.map +1 -1
  18. package/lib/sd-component-library204.js +599 -3
  19. package/lib/sd-component-library204.js.map +1 -1
  20. package/lib/sd-component-library205.js +55 -24
  21. package/lib/sd-component-library205.js.map +1 -1
  22. package/lib/sd-component-library206.js +24 -55
  23. package/lib/sd-component-library206.js.map +1 -1
  24. package/lib/sd-component-library207.js +21 -18
  25. package/lib/sd-component-library207.js.map +1 -1
  26. package/lib/sd-component-library208.js +3 -21
  27. package/lib/sd-component-library208.js.map +1 -1
  28. package/lib/sd-component-library209.js +1 -1
  29. package/lib/sd-component-library209.js.map +1 -1
  30. package/lib/sd-component-library210.js +18 -3
  31. package/lib/sd-component-library210.js.map +1 -1
  32. package/lib/sd-component-library226.js +3 -3
  33. package/lib/sd-component-library226.js.map +1 -1
  34. package/lib/sd-component-library228.js +129 -19
  35. package/lib/sd-component-library228.js.map +1 -1
  36. package/lib/sd-component-library229.js +42 -19
  37. package/lib/sd-component-library229.js.map +1 -1
  38. package/lib/sd-component-library230.js +47 -28
  39. package/lib/sd-component-library230.js.map +1 -1
  40. package/lib/sd-component-library231.js +7 -32
  41. package/lib/sd-component-library231.js.map +1 -1
  42. package/lib/sd-component-library232.js +3 -3
  43. package/lib/sd-component-library232.js.map +1 -1
  44. package/lib/sd-component-library233.js +64 -129
  45. package/lib/sd-component-library233.js.map +1 -1
  46. package/lib/sd-component-library234.js +41 -41
  47. package/lib/sd-component-library234.js.map +1 -1
  48. package/lib/sd-component-library235.js +12 -46
  49. package/lib/sd-component-library235.js.map +1 -1
  50. package/lib/sd-component-library236.js +19 -8
  51. package/lib/sd-component-library236.js.map +1 -1
  52. package/lib/sd-component-library237.js +20 -64
  53. package/lib/sd-component-library237.js.map +1 -1
  54. package/lib/sd-component-library238.js +28 -43
  55. package/lib/sd-component-library238.js.map +1 -1
  56. package/lib/sd-component-library239.js +30 -10
  57. package/lib/sd-component-library239.js.map +1 -1
  58. package/lib/sd-component-library24.js +57 -53
  59. package/lib/sd-component-library24.js.map +1 -1
  60. package/lib/sd-component-library241.js +1 -1
  61. package/lib/sd-component-library242.js +1 -1
  62. package/lib/sd-component-library247.js +38 -18
  63. package/lib/sd-component-library247.js.map +1 -1
  64. package/lib/sd-component-library248.js +25 -18
  65. package/lib/sd-component-library248.js.map +1 -1
  66. package/lib/sd-component-library250.js +18 -38
  67. package/lib/sd-component-library250.js.map +1 -1
  68. package/lib/sd-component-library251.js +18 -25
  69. package/lib/sd-component-library251.js.map +1 -1
  70. package/lib/sd-component-library252.js +5 -5
  71. package/lib/sd-component-library260.js +51 -30
  72. package/lib/sd-component-library260.js.map +1 -1
  73. package/lib/sd-component-library261.js +30 -51
  74. package/lib/sd-component-library261.js.map +1 -1
  75. package/lib/sd-component-library268.js +9 -121
  76. package/lib/sd-component-library268.js.map +1 -1
  77. package/lib/sd-component-library269.js +49 -9
  78. package/lib/sd-component-library269.js.map +1 -1
  79. package/lib/sd-component-library270.js +111 -39
  80. package/lib/sd-component-library270.js.map +1 -1
  81. package/lib/sd-component-library296.js +33 -91
  82. package/lib/sd-component-library296.js.map +1 -1
  83. package/lib/sd-component-library297.js +25 -51
  84. package/lib/sd-component-library297.js.map +1 -1
  85. package/lib/sd-component-library298.js +9 -25
  86. package/lib/sd-component-library298.js.map +1 -1
  87. package/lib/sd-component-library299.js +5 -35
  88. package/lib/sd-component-library299.js.map +1 -1
  89. package/lib/sd-component-library300.js +3 -8
  90. package/lib/sd-component-library300.js.map +1 -1
  91. package/lib/sd-component-library301.js +19 -5
  92. package/lib/sd-component-library301.js.map +1 -1
  93. package/lib/sd-component-library302.js +3 -4
  94. package/lib/sd-component-library302.js.map +1 -1
  95. package/lib/sd-component-library303.js +5 -19
  96. package/lib/sd-component-library303.js.map +1 -1
  97. package/lib/sd-component-library304.js +4 -3
  98. package/lib/sd-component-library304.js.map +1 -1
  99. package/lib/sd-component-library305.js +92 -4
  100. package/lib/sd-component-library305.js.map +1 -1
  101. package/lib/sd-component-library306.js +51 -4
  102. package/lib/sd-component-library306.js.map +1 -1
  103. package/lib/sd-component-library48.js +1 -1
  104. package/lib/sd-component-library49.js +1 -1
  105. package/lib/sd-component-library51.js +3 -3
  106. package/lib/sd-component-library6.js +1 -1
  107. package/lib/sd-component-library7.js +1 -1
  108. package/lib/sd-component-library86.js +5 -5
  109. package/lib/sd-component-library87.js +1 -1
  110. package/lib/sd-component-library88.js +1 -1
  111. package/lib/sd-component-library89.js +4 -4
  112. package/lib/sd-component-library92.js +5 -5
  113. package/lib/sd-component-library94.js +1 -1
  114. package/lib/sd-component-library99.js +2 -2
  115. package/package.json +1 -1
@@ -1,53 +1,125 @@
1
- import { j as o } from "./sd-component-library197.js";
2
- import { ThirteenBold as h } from "./sd-component-library154.js";
3
- import { Button as m } from "./sd-component-library24.js";
4
- import { MaxMaxContainer as d } from "./sd-component-library40.js";
5
- const T = (s) => {
6
- const {
7
- Icon: i,
8
- iconHeight: n,
9
- title: l,
10
- isActive: r,
11
- hash: t,
12
- onTabSelect: c,
13
- enableScroll: a,
14
- activeColor: e,
15
- history: p
16
- } = s, x = a ? {
17
- scrollTo: t
18
- } : {};
19
- return /* @__PURE__ */ o.jsx(
20
- m,
1
+ import { j as i } from "./sd-component-library197.js";
2
+ import { useRef as B, useEffect as L } from "react";
3
+ import { Box as s } from "rebass";
4
+ import { ResponsiveTextV2 as V } from "./sd-component-library150.js";
5
+ const R = ({
6
+ id: b,
7
+ label: g,
8
+ color: a,
9
+ activeColor: x,
10
+ borderColor: r,
11
+ borderWidth: p,
12
+ borderRadius: o,
13
+ selectedIndex: e,
14
+ idx: n,
15
+ onSelect: S,
16
+ dashWidth: $ = 20,
17
+ dashHeight: j = 3,
18
+ px: u,
19
+ fontSize: v,
20
+ totalTabs: y,
21
+ topAdditionalOffset: w = 8,
22
+ bottomAdditionalOffset: T = 4,
23
+ scrollOnChange: l = !0
24
+ }) => {
25
+ const c = B(null), t = e === n;
26
+ L(() => {
27
+ var h;
28
+ t && l && ((h = c.current) == null || h.scrollIntoView({
29
+ behavior: "smooth",
30
+ inline: "center",
31
+ block: "end"
32
+ }));
33
+ }, [t, l]);
34
+ const f = e === n + 1, m = e !== -1 && e === n - 1, z = n === y - 1;
35
+ return /* @__PURE__ */ i.jsxs(
36
+ s,
21
37
  {
22
- bg: "transparent",
23
- onClick: () => c(t),
24
- history: p,
25
- "data-testid": `tab-${t}`,
26
- ...x,
27
- children: /* @__PURE__ */ o.jsxs(d, { gap: ["15px", "20px"], children: [
28
- /* @__PURE__ */ o.jsx(
29
- i,
38
+ onClick: () => S(b),
39
+ sx: {
40
+ cursor: "pointer",
41
+ position: "relative",
42
+ left: `-${n > e ? 2 : n == e ? 1 : 0}px`,
43
+ zIndex: t ? 1 : 0
44
+ },
45
+ ref: c,
46
+ children: [
47
+ /* @__PURE__ */ i.jsx(
48
+ s,
30
49
  {
31
- style: {
32
- height: n,
33
- fill: r ? e : "#434A54"
50
+ sx: {
51
+ height: `${o + w}px`,
52
+ borderWidth: p,
53
+ borderColor: r,
54
+ borderStyle: t ? "solid" : "none",
55
+ borderBottomStyle: "none",
56
+ borderRadius: t ? `${o}px ${o}px 0 0` : z ? `0 ${o}px 0 0` : void 0,
57
+ bg: "cl_white"
34
58
  }
35
59
  }
36
60
  ),
37
- /* @__PURE__ */ o.jsx(
38
- h,
61
+ /* @__PURE__ */ i.jsx(
62
+ s,
39
63
  {
40
- textTransform: "uppercase",
41
- color: r ? e : "#434A54",
42
- cursor: "pointer",
43
- children: l
64
+ sx: {
65
+ borderWidth: p,
66
+ borderColor: r,
67
+ borderStyle: t ? "none solid" : "none",
68
+ boxSizing: "content-box"
69
+ },
70
+ children: /* @__PURE__ */ i.jsx(
71
+ V,
72
+ {
73
+ fontSizeWeight: [v, "bold"],
74
+ textTransform: "uppercase",
75
+ color: t ? x : a,
76
+ sx: {
77
+ bg: "cl_white",
78
+ letterSpacing: "1px",
79
+ px: u
80
+ },
81
+ children: g
82
+ }
83
+ )
84
+ }
85
+ ),
86
+ /* @__PURE__ */ i.jsx(
87
+ s,
88
+ {
89
+ sx: {
90
+ height: `${o + T}px`,
91
+ borderWidth: p,
92
+ borderColor: r,
93
+ borderBottomStyle: t ? "none" : "solid",
94
+ borderLeftStyle: m ? "solid" : "none",
95
+ borderRightStyle: f ? "solid" : "none",
96
+ borderTopStyle: "none",
97
+ borderRadius: `0 0 ${f ? o : 0}px ${m ? o : 0}px`,
98
+ bg: "cl_white",
99
+ mx: t ? "1px" : void 0
100
+ }
101
+ }
102
+ ),
103
+ t && /* @__PURE__ */ i.jsx(
104
+ s,
105
+ {
106
+ sx: {
107
+ bg: x,
108
+ height: `${j}px`,
109
+ width: `${$}px`,
110
+ position: "absolute",
111
+ left: "50%",
112
+ bottom: 0,
113
+ transform: "translateX(-50%)",
114
+ borderRadius: "1px"
115
+ }
44
116
  }
45
117
  )
46
- ] })
118
+ ]
47
119
  }
48
120
  );
49
121
  };
50
122
  export {
51
- T as Tab
123
+ R as TabV2
52
124
  };
53
125
  //# sourceMappingURL=sd-component-library270.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library270.js","sources":["../src/components/tabs/tabs-menu/partials/tab/tab.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button, MaxMaxContainer, ThirteenBold } from \"../../../../..\";\nimport { TabProps } from \"./interfaces\";\n\n/**\n * Tab component to render a single tab button.\n */\nexport const Tab: React.FC<TabProps> = (props) => {\n const {\n Icon,\n iconHeight,\n title,\n isActive,\n hash,\n onTabSelect,\n enableScroll,\n activeColor,\n history,\n } = props;\n\n const scrollProps = enableScroll\n ? {\n scrollTo: hash,\n }\n : {};\n\n return (\n <Button\n bg=\"transparent\"\n onClick={() => onTabSelect(hash)}\n history={history}\n data-testid={`tab-${hash}`}\n {...scrollProps}\n >\n <MaxMaxContainer gap={[\"15px\", \"20px\"]}>\n <Icon\n style={{\n height: iconHeight,\n fill: isActive ? activeColor : \"#434A54\",\n }}\n />\n <ThirteenBold\n textTransform=\"uppercase\"\n color={isActive ? activeColor : \"#434A54\"}\n cursor=\"pointer\"\n >\n {title}\n </ThirteenBold>\n </MaxMaxContainer>\n </Button>\n );\n};\n"],"names":["Tab","props","Icon","iconHeight","title","isActive","hash","onTabSelect","enableScroll","activeColor","history","scrollProps","jsx","Button","MaxMaxContainer","ThirteenBold"],"mappings":";;;;AAQa,MAAAA,IAA0B,CAACC,MAAU;AAC1C,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EACE,IAAAT,GAEEU,IAAcH,IAChB;AAAA,IACE,UAAUF;AAAA,MAEZ;AAGF,SAAAM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,SAAS,MAAMN,EAAYD,CAAI;AAAA,MAC/B,SAAAI;AAAA,MACA,eAAa,OAAOJ,CAAI;AAAA,MACvB,GAAGK;AAAA,MAEJ,iCAACG,GAAgB,EAAA,KAAK,CAAC,QAAQ,MAAM,GACnC,UAAA;AAAA,QAAAF,gBAAAA,EAAA;AAAA,UAACV;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,QAAQC;AAAA,cACR,MAAME,IAAWI,IAAc;AAAA,YACjC;AAAA,UAAA;AAAA,QACF;AAAA,QACAG,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,eAAc;AAAA,YACd,OAAOV,IAAWI,IAAc;AAAA,YAChC,QAAO;AAAA,YAEN,UAAAL;AAAA,UAAA;AAAA,QACH;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"sd-component-library270.js","sources":["../src/components/tabs/tab-bar-v2/partials/tab-v2/tab-v2.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TabV2Props as Props } from \"./interfaces\";\n\nexport const TabV2: React.FC<Props> = ({\n id,\n label,\n color,\n activeColor,\n borderColor,\n borderWidth,\n borderRadius,\n selectedIndex,\n idx,\n onSelect,\n dashWidth = 20,\n dashHeight = 3,\n px,\n fontSize,\n totalTabs,\n topAdditionalOffset = 8,\n bottomAdditionalOffset = 4,\n scrollOnChange = true,\n}) => {\n const ref = useRef<HTMLDivElement>(null);\n const active = selectedIndex === idx;\n\n useEffect(() => {\n if (active && scrollOnChange)\n ref.current?.scrollIntoView({\n behavior: \"smooth\",\n inline: \"center\",\n block: \"end\",\n });\n }, [active, scrollOnChange]);\n\n const atLeftOfActive = selectedIndex === idx + 1;\n const atRightOfActive = selectedIndex !== -1 && selectedIndex === idx - 1;\n const isLast = idx === totalTabs - 1;\n\n return (\n <Box\n onClick={() => onSelect(id)}\n sx={{\n cursor: \"pointer\",\n position: \"relative\",\n left: `-${idx > selectedIndex ? 2 : idx == selectedIndex ? 1 : 0}px`,\n zIndex: active ? 1 : 0,\n }}\n ref={ref}\n >\n <Box\n sx={{\n height: `${borderRadius + topAdditionalOffset}px`,\n borderWidth,\n borderColor,\n borderStyle: active ? \"solid\" : \"none\",\n borderBottomStyle: \"none\",\n borderRadius: active\n ? `${borderRadius}px ${borderRadius}px 0 0`\n : isLast\n ? `0 ${borderRadius}px 0 0`\n : undefined,\n bg: \"cl_white\",\n }}\n />\n\n <Box\n sx={{\n borderWidth,\n borderColor,\n borderStyle: active ? \"none solid\" : \"none\",\n boxSizing: \"content-box\",\n }}\n >\n <ResponsiveTextV2\n fontSizeWeight={[fontSize, \"bold\"]}\n textTransform=\"uppercase\"\n color={active ? activeColor : color}\n sx={{\n bg: \"cl_white\",\n letterSpacing: \"1px\",\n px,\n }}\n >\n {label}\n </ResponsiveTextV2>\n </Box>\n\n <Box\n sx={{\n height: `${borderRadius + bottomAdditionalOffset}px`,\n borderWidth,\n borderColor,\n borderBottomStyle: active ? \"none\" : \"solid\",\n borderLeftStyle: atRightOfActive ? \"solid\" : \"none\",\n borderRightStyle: atLeftOfActive ? \"solid\" : \"none\",\n borderTopStyle: \"none\",\n borderRadius: `0 0 ${atLeftOfActive ? borderRadius : 0}px ${\n atRightOfActive ? borderRadius : 0\n }px`,\n bg: \"cl_white\",\n mx: active ? \"1px\" : undefined,\n }}\n />\n\n {active && (\n <Box\n sx={{\n bg: activeColor,\n height: `${dashHeight}px`,\n width: `${dashWidth}px`,\n position: \"absolute\",\n left: \"50%\",\n bottom: 0,\n transform: \"translateX(-50%)\",\n borderRadius: \"1px\",\n }}\n />\n )}\n </Box>\n );\n};\n"],"names":["TabV2","id","label","color","activeColor","borderColor","borderWidth","borderRadius","selectedIndex","idx","onSelect","dashWidth","dashHeight","px","fontSize","totalTabs","topAdditionalOffset","bottomAdditionalOffset","scrollOnChange","ref","useRef","active","useEffect","_a","atLeftOfActive","atRightOfActive","isLast","jsxs","Box","jsx","ResponsiveTextV2"],"mappings":"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"}
@@ -1,96 +1,38 @@
1
- import { j as a } from "./sd-component-library197.js";
2
- import { useState as S, useCallback as B } from "react";
3
- import { Box as Y } from "rebass";
4
- import { labelPaddingX as c, labelWidth as W } from "./sd-component-library227.js";
5
- import { getCoordinateForArc as $ } from "./sd-component-library91.js";
6
- import { ResponsiveTextV2 as z } from "./sd-component-library150.js";
7
- const D = (j) => {
1
+ import { j as t } from "./sd-component-library197.js";
2
+ const h = (n) => {
8
3
  const {
9
- label: d,
10
- color: p,
11
- alpha: e,
12
- radius: r,
13
- horizontal: v,
14
- pointerLength: m,
15
- round: y,
16
- pointY: i
17
- } = j, [h, C] = S(0), [f, R] = S(0), T = B((t) => {
18
- if (t) {
19
- const { height: o, y: l } = t.getBoundingClientRect();
20
- C(o), R(l);
21
- }
22
- }, []);
23
- let { x: b, y: g } = $(
24
- r + m,
25
- e,
26
- r
27
- );
28
- const s = e === 180, n = e < 180, u = e > 180;
29
- if (v) {
30
- const { x: t, y: o } = $(
31
- r,
32
- e,
33
- r
34
- );
35
- b = t + m * (n ? -1 : 1), g = o;
36
- }
37
- if (!d)
38
- return null;
39
- let x = y || s ? `${c}px` : void 0;
40
- if (!x && i) {
41
- const t = f - h, o = f;
42
- x = [
43
- n || i > t,
44
- u || i > t,
45
- u || i < o,
46
- n || i < o
47
- ].map((l) => l ? `${c}px` : "0").join(" ");
48
- }
49
- return /* @__PURE__ */ a.jsx(
50
- Y,
51
- {
52
- sx: {
53
- position: "absolute",
54
- left: `${b}px`,
55
- top: `${g}px`
56
- },
57
- children: /* @__PURE__ */ a.jsx(
58
- Y,
59
- {
60
- sx: {
61
- boxSizing: "content-box",
62
- position: "relative",
63
- top: `calc(-${h}px)`,
64
- left: s ? "-50%" : n ? "-100%" : void 0,
65
- py: "7px",
66
- px: `${c}px`,
67
- borderColor: p,
68
- borderWidth: "2px",
69
- borderStyle: "solid",
70
- borderRadius: x,
71
- bg: "cl_white",
72
- "& > div": {
73
- maxWidth: s ? void 0 : `${W}px`
74
- }
75
- },
76
- ref: T,
77
- children: /* @__PURE__ */ a.jsx(
78
- z,
79
- {
80
- fontSizeWeight: [[12, "semi-bold"]],
81
- width: "max-content",
82
- color: p !== "#CCD0DB" ? p : "cl_darkGrey",
83
- textTransform: "uppercase",
84
- letterSpacing: "1.8px",
85
- children: d
86
- }
87
- )
88
- }
89
- )
90
- }
91
- );
4
+ color: s,
5
+ innerCircleRadius: $,
6
+ innerCircleStrokeWidth: d,
7
+ dx: i,
8
+ dy: r,
9
+ radius: e,
10
+ tipX: l,
11
+ tipY: o,
12
+ needleWidth: c
13
+ } = n;
14
+ return /* @__PURE__ */ t.jsxs("g", { children: [
15
+ /* @__PURE__ */ t.jsx(
16
+ "path",
17
+ {
18
+ d: `M${l - i},${o - r} A${c / 2},${c / 2} 0 0,0 ${l + i},${o + r} L${e + i},${e + r} L${e - i},${e - r} Z`,
19
+ fill: s
20
+ }
21
+ ),
22
+ /* @__PURE__ */ t.jsx(
23
+ "circle",
24
+ {
25
+ cx: e,
26
+ cy: e,
27
+ r: $ + d,
28
+ strokeWidth: d,
29
+ stroke: s,
30
+ fill: "white"
31
+ }
32
+ )
33
+ ] });
92
34
  };
93
35
  export {
94
- D as MatchedRangeLabelBox
36
+ h as BaseNeedle
95
37
  };
96
38
  //# sourceMappingURL=sd-component-library296.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library296.js","sources":["../src/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../outline-meter/contants\";\nimport { getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n const {\n label,\n color,\n alpha,\n radius,\n horizontal,\n pointerLength,\n round,\n pointY,\n } = props;\n\n const [textHeight, setTextHeight] = useState(0);\n const [textY, setTextY] = useState(0);\n\n const ref = useCallback((node: HTMLElement) => {\n if (node) {\n const { height, y } = node.getBoundingClientRect();\n setTextHeight(height);\n setTextY(y);\n }\n }, []);\n\n let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n radius + pointerLength,\n alpha,\n radius\n );\n\n const isOnTop = alpha === 180;\n const isOnLeft = alpha < 180;\n const isOnRight = alpha > 180;\n\n if (horizontal) {\n const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n radius,\n alpha,\n radius\n );\n\n pointerEndX = pointerStartX + pointerLength * (isOnLeft ? -1 : 1);\n pointerEndY = pointerStartY;\n }\n\n if (!label) return null;\n\n let borderRadius = round || isOnTop ? `${labelPaddingX}px` : undefined;\n if (!borderRadius && pointY) {\n const textTopY = textY - textHeight;\n const textBottomY = textY;\n\n borderRadius = [\n isOnLeft || pointY > textTopY,\n isOnRight || pointY > textTopY,\n isOnRight || pointY < textBottomY,\n isOnLeft || pointY < textBottomY,\n ]\n .map((flag) => (flag ? `${labelPaddingX}px` : \"0\"))\n .join(\" \");\n }\n\n return (\n <Box\n sx={{\n position: \"absolute\",\n left: `${pointerEndX}px`,\n top: `${pointerEndY}px`,\n }}\n >\n <Box\n sx={{\n boxSizing: \"content-box\",\n position: \"relative\",\n top: `calc(-${textHeight}px)`,\n left: isOnTop ? \"-50%\" : isOnLeft ? \"-100%\" : undefined,\n py: \"7px\",\n px: `${labelPaddingX}px`,\n borderColor: color,\n borderWidth: \"2px\",\n borderStyle: \"solid\",\n borderRadius,\n bg: \"cl_white\",\n \"& > div\": {\n maxWidth: isOnTop ? undefined : `${labelWidth}px`,\n },\n }}\n ref={ref}\n >\n <ResponsiveTextV2\n fontSizeWeight={[[12, \"semi-bold\"]]}\n width=\"max-content\"\n color={color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n textTransform=\"uppercase\"\n letterSpacing=\"1.8px\"\n >\n {label}\n </ResponsiveTextV2>\n </Box>\n </Box>\n );\n};\n"],"names":["MatchedRangeLabelBox","props","label","color","alpha","radius","horizontal","pointerLength","round","pointY","textHeight","setTextHeight","useState","textY","setTextY","ref","useCallback","node","height","y","pointerEndX","pointerEndY","getCoordinateForArc","isOnTop","isOnLeft","isOnRight","pointerStartX","pointerStartY","borderRadius","labelPaddingX","textTopY","textBottomY","flag","jsx","Box","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AASa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,CAAC,GAE9BG,IAAMC,EAAY,CAACC,MAAsB;AAC7C,QAAIA,GAAM;AACR,YAAM,EAAE,QAAAC,GAAQ,GAAAC,EAAE,IAAIF,EAAK,sBAAsB;AACjD,MAAAN,EAAcO,CAAM,GACpBJ,EAASK,CAAC;AAAA,IACZ;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,MAAI,EAAE,GAAGC,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACvCjB,IAASE;AAAA,IACTH;AAAA,IACAC;AAAA,EAAA;AAGF,QAAMkB,IAAUnB,MAAU,KACpBoB,IAAWpB,IAAQ,KACnBqB,IAAYrB,IAAQ;AAE1B,MAAIE,GAAY;AACd,UAAM,EAAE,GAAGoB,GAAe,GAAGC,EAAkB,IAAAL;AAAA,MAC7CjB;AAAA,MACAD;AAAA,MACAC;AAAA,IAAA;AAGY,IAAAe,IAAAM,IAAgBnB,KAAiBiB,IAAW,KAAK,IACjDH,IAAAM;AAAA,EAChB;AAEA,MAAI,CAACzB;AAAc,WAAA;AAEnB,MAAI0B,IAAepB,KAASe,IAAU,GAAGM,CAAa,OAAO;AACzD,MAAA,CAACD,KAAgBnB,GAAQ;AAC3B,UAAMqB,IAAWjB,IAAQH,GACnBqB,IAAclB;AAEL,IAAAe,IAAA;AAAA,MACbJ,KAAYf,IAASqB;AAAA,MACrBL,KAAahB,IAASqB;AAAA,MACtBL,KAAahB,IAASsB;AAAA,MACtBP,KAAYf,IAASsB;AAAA,IACvB,EACG,IAAI,CAACC,MAAUA,IAAO,GAAGH,CAAa,OAAO,GAAI,EACjD,KAAK,GAAG;AAAA,EACb;AAGE,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,MAAM,GAAGd,CAAW;AAAA,QACpB,KAAK,GAAGC,CAAW;AAAA,MACrB;AAAA,MAEA,UAAAY,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,WAAW;AAAA,YACX,UAAU;AAAA,YACV,KAAK,SAASxB,CAAU;AAAA,YACxB,MAAMa,IAAU,SAASC,IAAW,UAAU;AAAA,YAC9C,IAAI;AAAA,YACJ,IAAI,GAAGK,CAAa;AAAA,YACpB,aAAa1B;AAAA,YACb,aAAa;AAAA,YACb,aAAa;AAAA,YACb,cAAAyB;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,cACT,UAAUL,IAAU,SAAY,GAAGY,CAAU;AAAA,YAC/C;AAAA,UACF;AAAA,UACA,KAAApB;AAAA,UAEA,UAAAkB,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,cAClC,OAAM;AAAA,cACN,OAAOjC,MAAU,YAAYA,IAAQ;AAAA,cACrC,eAAc;AAAA,cACd,eAAc;AAAA,cAEb,UAAAD;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"sd-component-library296.js","sources":["../src/components/meters/outline-meter/partials/base-needle/base-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseNeedleProps as Props } from \"./interfaces\";\n\nexport const BaseNeedle: React.FC<Props> = (props) => {\n const {\n color,\n innerCircleRadius,\n innerCircleStrokeWidth,\n dx,\n dy,\n radius,\n tipX,\n tipY,\n needleWidth,\n } = props;\n\n return (\n <g>\n <path\n d={`M${tipX - dx},${tipY - dy} A${needleWidth / 2},${\n needleWidth / 2\n } 0 0,0 ${tipX + dx},${tipY + dy} L${radius + dx},${radius + dy} L${\n radius - dx\n },${radius - dy} Z`}\n fill={color}\n />\n <circle\n cx={radius}\n cy={radius}\n r={innerCircleRadius + innerCircleStrokeWidth}\n strokeWidth={innerCircleStrokeWidth}\n stroke={color}\n fill=\"white\"\n />\n </g>\n );\n};\n"],"names":["BaseNeedle","props","color","innerCircleRadius","innerCircleStrokeWidth","dx","dy","radius","tipX","tipY","needleWidth","jsx"],"mappings":";AAIa,MAAAA,IAA8B,CAACC,MAAU;AAC9C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAT;AAEJ,gCACG,KACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIH,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKI,IAAc,CAAC,IAC/CA,IAAc,CAChB,UAAUF,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKC,IAASF,CAAE,IAAIE,IAASD,CAAE,KAC7DC,IAASF,CACX,IAAIE,IAASD,CAAE;AAAA,QACf,MAAMJ;AAAA,MAAA;AAAA,IACR;AAAA,IACAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIJ;AAAA,QACJ,IAAIA;AAAA,QACJ,GAAGJ,IAAoBC;AAAA,QACvB,aAAaA;AAAA,QACb,QAAQF;AAAA,QACR,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}
@@ -1,54 +1,28 @@
1
- import { j as t } from "./sd-component-library197.js";
2
- import x from "react";
3
- import u from "./sd-component-library196.js";
4
- import { getIsHorizontal as j, getRangeProperties as p } from "./sd-component-library229.js";
5
- import { OutlineMeterRange as M } from "./sd-component-library233.js";
6
- import { LabelPointer as b } from "./sd-component-library322.js";
7
- const A = x.forwardRef(
8
- (e, r) => {
9
- const {
10
- segmented: o,
11
- diameter: n,
12
- arc: a,
13
- totalRanges: i,
14
- distanceBetweenRanges: s,
15
- start: m,
16
- end: c,
17
- idx: d,
18
- hideLabels: l,
19
- isMatchedRange: g
20
- } = e, f = !o, R = n / 2, { rangeArcMiddle: h } = p(
21
- a,
22
- i,
23
- s,
24
- d,
25
- m,
26
- c
27
- );
28
- return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
29
- /* @__PURE__ */ t.jsx(
30
- M,
31
- {
32
- ...e,
33
- hideLabels: !0,
34
- connected: f,
35
- ref: r
36
- }
37
- ),
38
- !l && !g && /* @__PURE__ */ t.jsx(
39
- b,
40
- {
41
- ...e,
42
- radius: R,
43
- color: u.colors.cl_lightGrey,
44
- alpha: h,
45
- horizontal: j(e)
46
- }
47
- )
48
- ] });
49
- }
50
- );
1
+ import { j as x } from "./sd-component-library197.js";
2
+ import { getInnerX as u, degToRad as r, getInnerY as i } from "./sd-component-library91.js";
3
+ const j = (p) => {
4
+ const {
5
+ startX: $,
6
+ startY: e,
7
+ endX: a,
8
+ endY: d,
9
+ radius: n,
10
+ color: A,
11
+ width: t,
12
+ roundStart: l = !0,
13
+ roundEnd: I = !0,
14
+ startAlpha: o,
15
+ endAlpha: s
16
+ } = p, c = s - o, m = u($, r(o), t), X = i(e, r(o), t), Y = u(a, r(s), t), h = i(d, r(s), t);
17
+ return /* @__PURE__ */ x.jsx(
18
+ "path",
19
+ {
20
+ d: `M${$},${e} A${n},${n} 0 ${c > 180 ? "1" : "0"},1 ${a},${d} ${I ? `A${t / 2},${t / 2} 0 0,1 ` : "L"}${Y},${h} A${n - t},${n - t} 0 ${c > 180 ? "1" : "0"},0 ${m},${X} ${l ? `A${t / 2},${t / 2} 0 0,1 ` : "L"}${$},${e}`,
21
+ fill: A
22
+ }
23
+ );
24
+ };
51
25
  export {
52
- A as SmileyMeterRange
26
+ j as BaseOutlineArc
53
27
  };
54
28
  //# sourceMappingURL=sd-component-library297.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library297.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { OutlineMeterRange } from \"../../../outline-meter/partials/outline-meter-range\";\nimport { getIsHorizontal, getRangeProperties } from \"../../utils\";\nimport { SmileyMeterRangeProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRange = React.forwardRef<SVGCircleElement, Props>(\n (props, pointRef) => {\n const {\n segmented,\n diameter,\n arc,\n totalRanges,\n distanceBetweenRanges,\n start,\n end,\n idx,\n hideLabels,\n isMatchedRange,\n } = props;\n\n const needConnection = !segmented;\n\n const radius = diameter / 2;\n\n const { rangeArcMiddle: alpha } = getRangeProperties(\n arc,\n totalRanges,\n distanceBetweenRanges,\n idx,\n start,\n end\n );\n\n return (\n <>\n <OutlineMeterRange\n {...props}\n hideLabels\n connected={needConnection}\n ref={pointRef}\n />\n\n {!hideLabels && !isMatchedRange && (\n <LabelPointer\n {...props}\n radius={radius}\n color={theme.colors.cl_lightGrey}\n alpha={alpha}\n horizontal={getIsHorizontal(props)}\n />\n )}\n </>\n );\n }\n);\n"],"names":["SmileyMeterRange","React","props","pointRef","segmented","diameter","arc","totalRanges","distanceBetweenRanges","start","end","idx","hideLabels","isMatchedRange","needConnection","radius","alpha","getRangeProperties","jsxs","Fragment","jsx","OutlineMeterRange","LabelPointer","theme","getIsHorizontal"],"mappings":";;;;;;AAQO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAa;AACb,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,KAAAC;AAAA,MACA,aAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAiB,CAACV,GAElBW,IAASV,IAAW,GAEpB,EAAE,gBAAgBW,EAAA,IAAUC;AAAA,MAChCX;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAF;AAAA,MACAC;AAAA,IAAA;AAGF,WAEIQ,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,YAAU;AAAA,UACV,WAAWY;AAAA,UACX,KAAKX;AAAA,QAAA;AAAA,MACP;AAAA,MAEC,CAACS,KAAc,CAACC,KACfO,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGpB;AAAA,UACJ,QAAAa;AAAA,UACA,OAAOQ,EAAM,OAAO;AAAA,UACpB,OAAAP;AAAA,UACA,YAAYQ,EAAgBtB,CAAK;AAAA,QAAA;AAAA,MACnC;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}
1
+ {"version":3,"file":"sd-component-library297.js","sources":["../src/components/meters/outline-meter/partials/base-outline-arc/base-outline-arc.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { degToRad, getInnerX, getInnerY } from \"../../utils\";\nimport { BaseOutlineArcProps as Props } from \"./interfaces\";\n\nexport const BaseOutlineArc: React.FC<Props> = (props) => {\n const {\n startX,\n startY,\n endX,\n endY,\n radius,\n color,\n width,\n roundStart = true,\n roundEnd = true,\n startAlpha,\n endAlpha,\n } = props;\n\n const arc = endAlpha - startAlpha;\n\n const startInnerX = getInnerX(startX, degToRad(startAlpha), width);\n const startInnerY = getInnerY(startY, degToRad(startAlpha), width);\n\n const endInnerX = getInnerX(endX, degToRad(endAlpha), width);\n const endInnerY = getInnerY(endY, degToRad(endAlpha), width);\n\n return (\n <path\n d={`M${startX},${startY} A${radius},${radius} 0 ${\n arc > 180 ? \"1\" : \"0\"\n },1 ${endX},${endY} ${\n roundEnd ? `A${width / 2},${width / 2} 0 0,1 ` : \"L\"\n }${endInnerX},${endInnerY} A${radius - width},${radius - width} 0 ${\n arc > 180 ? \"1\" : \"0\"\n },0 ${startInnerX},${startInnerY} ${\n roundStart ? `A${width / 2},${width / 2} 0 0,1 ` : \"L\"\n }${startX},${startY}`}\n fill={color}\n />\n );\n};\n"],"names":["BaseOutlineArc","props","startX","startY","endX","endY","radius","color","width","roundStart","roundEnd","startAlpha","endAlpha","arc","startInnerX","getInnerX","degToRad","startInnerY","getInnerY","endInnerX","endInnerY","jsx"],"mappings":";;AAKa,MAAAA,IAAkC,CAACC,MAAU;AAClD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAX,GAEEY,IAAMD,IAAWD,GAEjBG,IAAcC,EAAUb,GAAQc,EAASL,CAAU,GAAGH,CAAK,GAC3DS,IAAcC,EAAUf,GAAQa,EAASL,CAAU,GAAGH,CAAK,GAE3DW,IAAYJ,EAAUX,GAAMY,EAASJ,CAAQ,GAAGJ,CAAK,GACrDY,IAAYF,EAAUb,GAAMW,EAASJ,CAAQ,GAAGJ,CAAK;AAGzD,SAAAa,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAG,IAAInB,CAAM,IAAIC,CAAM,KAAKG,CAAM,IAAIA,CAAM,MAC1CO,IAAM,MAAM,MAAM,GACpB,MAAMT,CAAI,IAAIC,CAAI,IAChBK,IAAW,IAAIF,IAAQ,CAAC,IAAIA,IAAQ,CAAC,YAAY,GACnD,GAAGW,CAAS,IAAIC,CAAS,KAAKd,IAASE,CAAK,IAAIF,IAASE,CAAK,MAC5DK,IAAM,MAAM,MAAM,GACpB,MAAMC,CAAW,IAAIG,CAAW,IAC9BR,IAAa,IAAID,IAAQ,CAAC,IAAIA,IAAQ,CAAC,YAAY,GACrD,GAAGN,CAAM,IAAIC,CAAM;AAAA,MACnB,MAAMI;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
@@ -1,28 +1,12 @@
1
- import { j as x } from "./sd-component-library197.js";
2
- import { getInnerX as u, degToRad as r, getInnerY as i } from "./sd-component-library91.js";
3
- const j = (p) => {
4
- const {
5
- startX: $,
6
- startY: e,
7
- endX: a,
8
- endY: d,
9
- radius: n,
10
- color: A,
11
- width: t,
12
- roundStart: l = !0,
13
- roundEnd: I = !0,
14
- startAlpha: o,
15
- endAlpha: s
16
- } = p, c = s - o, m = u($, r(o), t), X = i(e, r(o), t), Y = u(a, r(s), t), h = i(d, r(s), t);
17
- return /* @__PURE__ */ x.jsx(
18
- "path",
19
- {
20
- d: `M${$},${e} A${n},${n} 0 ${c > 180 ? "1" : "0"},1 ${a},${d} ${I ? `A${t / 2},${t / 2} 0 0,1 ` : "L"}${Y},${h} A${n - t},${n - t} 0 ${c > 180 ? "1" : "0"},0 ${m},${X} ${l ? `A${t / 2},${t / 2} 0 0,1 ` : "L"}${$},${e}`,
21
- fill: A
22
- }
23
- );
24
- };
1
+ function a(r, o) {
2
+ if (r == null)
3
+ return {};
4
+ var n = {}, i = Object.keys(r), e, t;
5
+ for (t = 0; t < i.length; t++)
6
+ e = i[t], !(o.indexOf(e) >= 0) && (n[e] = r[e]);
7
+ return n;
8
+ }
25
9
  export {
26
- j as BaseOutlineArc
10
+ a as default
27
11
  };
28
12
  //# sourceMappingURL=sd-component-library298.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library298.js","sources":["../src/components/meters/outline-meter/partials/base-outline-arc/base-outline-arc.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { degToRad, getInnerX, getInnerY } from \"../../utils\";\nimport { BaseOutlineArcProps as Props } from \"./interfaces\";\n\nexport const BaseOutlineArc: React.FC<Props> = (props) => {\n const {\n startX,\n startY,\n endX,\n endY,\n radius,\n color,\n width,\n roundStart = true,\n roundEnd = true,\n startAlpha,\n endAlpha,\n } = props;\n\n const arc = endAlpha - startAlpha;\n\n const startInnerX = getInnerX(startX, degToRad(startAlpha), width);\n const startInnerY = getInnerY(startY, degToRad(startAlpha), width);\n\n const endInnerX = getInnerX(endX, degToRad(endAlpha), width);\n const endInnerY = getInnerY(endY, degToRad(endAlpha), width);\n\n return (\n <path\n d={`M${startX},${startY} A${radius},${radius} 0 ${\n arc > 180 ? \"1\" : \"0\"\n },1 ${endX},${endY} ${\n roundEnd ? `A${width / 2},${width / 2} 0 0,1 ` : \"L\"\n }${endInnerX},${endInnerY} A${radius - width},${radius - width} 0 ${\n arc > 180 ? \"1\" : \"0\"\n },0 ${startInnerX},${startInnerY} ${\n roundStart ? `A${width / 2},${width / 2} 0 0,1 ` : \"L\"\n }${startX},${startY}`}\n fill={color}\n />\n );\n};\n"],"names":["BaseOutlineArc","props","startX","startY","endX","endY","radius","color","width","roundStart","roundEnd","startAlpha","endAlpha","arc","startInnerX","getInnerX","degToRad","startInnerY","getInnerY","endInnerX","endInnerY","jsx"],"mappings":";;AAKa,MAAAA,IAAkC,CAACC,MAAU;AAClD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAX,GAEEY,IAAMD,IAAWD,GAEjBG,IAAcC,EAAUb,GAAQc,EAASL,CAAU,GAAGH,CAAK,GAC3DS,IAAcC,EAAUf,GAAQa,EAASL,CAAU,GAAGH,CAAK,GAE3DW,IAAYJ,EAAUX,GAAMY,EAASJ,CAAQ,GAAGJ,CAAK,GACrDY,IAAYF,EAAUb,GAAMW,EAASJ,CAAQ,GAAGJ,CAAK;AAGzD,SAAAa,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAG,IAAInB,CAAM,IAAIC,CAAM,KAAKG,CAAM,IAAIA,CAAM,MAC1CO,IAAM,MAAM,MAAM,GACpB,MAAMT,CAAI,IAAIC,CAAI,IAChBK,IAAW,IAAIF,IAAQ,CAAC,IAAIA,IAAQ,CAAC,YAAY,GACnD,GAAGW,CAAS,IAAIC,CAAS,KAAKd,IAASE,CAAK,IAAIF,IAASE,CAAK,MAC5DK,IAAM,MAAM,MAAM,GACpB,MAAMC,CAAW,IAAIG,CAAW,IAC9BR,IAAa,IAAID,IAAQ,CAAC,IAAIA,IAAQ,CAAC,YAAY,GACrD,GAAGN,CAAM,IAAIC,CAAM;AAAA,MACnB,MAAMI;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1
+ {"version":3,"file":"sd-component-library298.js","sources":["../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}"],"names":["_objectWithoutPropertiesLoose","source","excluded","target","sourceKeys","key","i"],"mappings":"AAAe,SAASA,EAA8BC,GAAQC,GAAU;AACtE,MAAID,KAAU;AAAM,WAAO;AAC3B,MAAIE,IAAS,CAAA,GACTC,IAAa,OAAO,KAAKH,CAAM,GAC/BI,GAAKC;AACT,OAAKA,IAAI,GAAGA,IAAIF,EAAW,QAAQE;AAEjC,IADAD,IAAMD,EAAWE,CAAC,GACd,EAAAJ,EAAS,QAAQG,CAAG,KAAK,OAC7BF,EAAOE,CAAG,IAAIJ,EAAOI,CAAG;AAE1B,SAAOF;AACT;","x_google_ignoreList":[0]}
@@ -1,38 +1,8 @@
1
- import { j as t } from "./sd-component-library197.js";
2
- const h = (n) => {
3
- const {
4
- color: s,
5
- innerCircleRadius: $,
6
- innerCircleStrokeWidth: d,
7
- dx: i,
8
- dy: r,
9
- radius: e,
10
- tipX: l,
11
- tipY: o,
12
- needleWidth: c
13
- } = n;
14
- return /* @__PURE__ */ t.jsxs("g", { children: [
15
- /* @__PURE__ */ t.jsx(
16
- "path",
17
- {
18
- d: `M${l - i},${o - r} A${c / 2},${c / 2} 0 0,0 ${l + i},${o + r} L${e + i},${e + r} L${e - i},${e - r} Z`,
19
- fill: s
20
- }
21
- ),
22
- /* @__PURE__ */ t.jsx(
23
- "circle",
24
- {
25
- cx: e,
26
- cy: e,
27
- r: $ + d,
28
- strokeWidth: d,
29
- stroke: s,
30
- fill: "white"
31
- }
32
- )
33
- ] });
34
- };
1
+ import e from "./sd-component-library317.js";
2
+ function p(t, o) {
3
+ t.prototype = Object.create(o.prototype), t.prototype.constructor = t, e(t, o);
4
+ }
35
5
  export {
36
- h as BaseNeedle
6
+ p as default
37
7
  };
38
8
  //# sourceMappingURL=sd-component-library299.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library299.js","sources":["../src/components/meters/outline-meter/partials/base-needle/base-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseNeedleProps as Props } from \"./interfaces\";\n\nexport const BaseNeedle: React.FC<Props> = (props) => {\n const {\n color,\n innerCircleRadius,\n innerCircleStrokeWidth,\n dx,\n dy,\n radius,\n tipX,\n tipY,\n needleWidth,\n } = props;\n\n return (\n <g>\n <path\n d={`M${tipX - dx},${tipY - dy} A${needleWidth / 2},${\n needleWidth / 2\n } 0 0,0 ${tipX + dx},${tipY + dy} L${radius + dx},${radius + dy} L${\n radius - dx\n },${radius - dy} Z`}\n fill={color}\n />\n <circle\n cx={radius}\n cy={radius}\n r={innerCircleRadius + innerCircleStrokeWidth}\n strokeWidth={innerCircleStrokeWidth}\n stroke={color}\n fill=\"white\"\n />\n </g>\n );\n};\n"],"names":["BaseNeedle","props","color","innerCircleRadius","innerCircleStrokeWidth","dx","dy","radius","tipX","tipY","needleWidth","jsx"],"mappings":";AAIa,MAAAA,IAA8B,CAACC,MAAU;AAC9C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAT;AAEJ,gCACG,KACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIH,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKI,IAAc,CAAC,IAC/CA,IAAc,CAChB,UAAUF,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKC,IAASF,CAAE,IAAIE,IAASD,CAAE,KAC7DC,IAASF,CACX,IAAIE,IAASD,CAAE;AAAA,QACf,MAAMJ;AAAA,MAAA;AAAA,IACR;AAAA,IACAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIJ;AAAA,QACJ,IAAIA;AAAA,QACJ,GAAGJ,IAAoBC;AAAA,QACvB,aAAaA;AAAA,QACb,QAAQF;AAAA,QACR,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}
1
+ {"version":3,"file":"sd-component-library299.js","sources":["../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js"],"sourcesContent":["import setPrototypeOf from \"./setPrototypeOf.js\";\nexport default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n setPrototypeOf(subClass, superClass);\n}"],"names":["_inheritsLoose","subClass","superClass","setPrototypeOf"],"mappings":";AACe,SAASA,EAAeC,GAAUC,GAAY;AAC3D,EAAAD,EAAS,YAAY,OAAO,OAAOC,EAAW,SAAS,GACvDD,EAAS,UAAU,cAAcA,GACjCE,EAAeF,GAAUC,CAAU;AACrC;","x_google_ignoreList":[0]}
@@ -1,11 +1,6 @@
1
- function a(r, o) {
2
- if (r == null)
3
- return {};
4
- var n = {}, i = Object.keys(r), e, t;
5
- for (t = 0; t < i.length; t++)
6
- e = i[t], !(o.indexOf(e) >= 0) && (n[e] = r[e]);
7
- return n;
8
- }
1
+ const a = {
2
+ disabled: !1
3
+ };
9
4
  export {
10
5
  a as default
11
6
  };
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library300.js","sources":["../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}"],"names":["_objectWithoutPropertiesLoose","source","excluded","target","sourceKeys","key","i"],"mappings":"AAAe,SAASA,EAA8BC,GAAQC,GAAU;AACtE,MAAID,KAAU;AAAM,WAAO;AAC3B,MAAIE,IAAS,CAAA,GACTC,IAAa,OAAO,KAAKH,CAAM,GAC/BI,GAAKC;AACT,OAAKA,IAAI,GAAGA,IAAIF,EAAW,QAAQE;AAEjC,IADAD,IAAMD,EAAWE,CAAC,GACd,EAAAJ,EAAS,QAAQG,CAAG,KAAK,OAC7BF,EAAOE,CAAG,IAAIJ,EAAOI,CAAG;AAE1B,SAAOF;AACT;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"sd-component-library300.js","sources":["../node_modules/react-transition-group/esm/config.js"],"sourcesContent":["export default {\n disabled: false\n};"],"names":["config"],"mappings":"AAAA,MAAeA,IAAA;AAAA,EACb,UAAU;AACZ;","x_google_ignoreList":[0]}
@@ -1,8 +1,22 @@
1
- import e from "./sd-component-library317.js";
2
- function p(t, o) {
3
- t.prototype = Object.create(o.prototype), t.prototype.constructor = t, e(t, o);
4
- }
1
+ import e from "./sd-component-library286.js";
2
+ var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
3
+ enter: e.number,
4
+ exit: e.number,
5
+ appear: e.number
6
+ }).isRequired]) : null;
7
+ process.env.NODE_ENV !== "production" && e.oneOfType([e.string, e.shape({
8
+ enter: e.string,
9
+ exit: e.string,
10
+ active: e.string
11
+ }), e.shape({
12
+ enter: e.string,
13
+ enterDone: e.string,
14
+ enterActive: e.string,
15
+ exit: e.string,
16
+ exitDone: e.string,
17
+ exitActive: e.string
18
+ })]);
5
19
  export {
6
- p as default
20
+ n as timeoutsShape
7
21
  };
8
22
  //# sourceMappingURL=sd-component-library301.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library301.js","sources":["../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js"],"sourcesContent":["import setPrototypeOf from \"./setPrototypeOf.js\";\nexport default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n setPrototypeOf(subClass, superClass);\n}"],"names":["_inheritsLoose","subClass","superClass","setPrototypeOf"],"mappings":";AACe,SAASA,EAAeC,GAAUC,GAAY;AAC3D,EAAAD,EAAS,YAAY,OAAO,OAAOC,EAAW,SAAS,GACvDD,EAAS,UAAU,cAAcA,GACjCE,EAAeF,GAAUC,CAAU;AACrC;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"sd-component-library301.js","sources":["../node_modules/react-transition-group/esm/utils/PropTypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nexport var timeoutsShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n enter: PropTypes.number,\n exit: PropTypes.number,\n appear: PropTypes.number\n}).isRequired]) : null;\nexport var classNamesShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({\n enter: PropTypes.string,\n exit: PropTypes.string,\n active: PropTypes.string\n}), PropTypes.shape({\n enter: PropTypes.string,\n enterDone: PropTypes.string,\n enterActive: PropTypes.string,\n exit: PropTypes.string,\n exitDone: PropTypes.string,\n exitActive: PropTypes.string\n})]) : null;"],"names":["timeoutsShape","PropTypes"],"mappings":";AACU,IAACA,IAAgB,QAAQ,IAAI,aAAa,eAAeC,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM;AAAA,EACxH,OAAOA,EAAU;AAAA,EACjB,MAAMA,EAAU;AAAA,EAChB,QAAQA,EAAU;AACpB,CAAC,EAAE,UAAU,CAAC,IAAI;AACW,QAAQ,IAAI,aAAa,gBAAeA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM;AAAA,EAC1H,OAAOA,EAAU;AAAA,EACjB,MAAMA,EAAU;AAAA,EAChB,QAAQA,EAAU;AACpB,CAAC,GAAGA,EAAU,MAAM;AAAA,EAClB,OAAOA,EAAU;AAAA,EACjB,WAAWA,EAAU;AAAA,EACrB,aAAaA,EAAU;AAAA,EACvB,MAAMA,EAAU;AAAA,EAChB,UAAUA,EAAU;AAAA,EACpB,YAAYA,EAAU;AACxB,CAAC,CAAC,CAAC;","x_google_ignoreList":[0]}