@selfdecode/sd-component-library 4.0.119-test1 → 4.0.119-test2

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 (167) hide show
  1. package/lib/sd-component-library100.js +2 -2
  2. package/lib/sd-component-library101.js +3 -3
  3. package/lib/sd-component-library102.js +2 -2
  4. package/lib/sd-component-library103.js +3 -3
  5. package/lib/sd-component-library106.js +2 -2
  6. package/lib/sd-component-library108.js +2 -2
  7. package/lib/sd-component-library114.js +1 -1
  8. package/lib/sd-component-library119.js +1 -1
  9. package/lib/sd-component-library120.js +2 -2
  10. package/lib/sd-component-library122.js +1 -1
  11. package/lib/sd-component-library128.js +1 -1
  12. package/lib/sd-component-library129.js +1 -1
  13. package/lib/sd-component-library131.js +1 -1
  14. package/lib/sd-component-library136.js +1 -1
  15. package/lib/sd-component-library138.js +2 -2
  16. package/lib/sd-component-library16.js +1 -1
  17. package/lib/sd-component-library169.js +1 -1
  18. package/lib/sd-component-library174.js +3 -3
  19. package/lib/sd-component-library175.js +1 -1
  20. package/lib/sd-component-library198.js +3 -3
  21. package/lib/sd-component-library202.js +2 -57
  22. package/lib/sd-component-library202.js.map +1 -1
  23. package/lib/sd-component-library203.js +30 -2
  24. package/lib/sd-component-library203.js.map +1 -1
  25. package/lib/sd-component-library204.js +590 -21
  26. package/lib/sd-component-library204.js.map +1 -1
  27. package/lib/sd-component-library205.js +3 -599
  28. package/lib/sd-component-library205.js.map +1 -1
  29. package/lib/sd-component-library206.js +57 -3
  30. package/lib/sd-component-library206.js.map +1 -1
  31. package/lib/sd-component-library211.js +21 -18
  32. package/lib/sd-component-library211.js.map +1 -1
  33. package/lib/sd-component-library212.js +3 -21
  34. package/lib/sd-component-library212.js.map +1 -1
  35. package/lib/sd-component-library213.js +1 -1
  36. package/lib/sd-component-library213.js.map +1 -1
  37. package/lib/sd-component-library214.js +64 -3
  38. package/lib/sd-component-library214.js.map +1 -1
  39. package/lib/sd-component-library215.js +19 -60
  40. package/lib/sd-component-library215.js.map +1 -1
  41. package/lib/sd-component-library216.js +37 -20
  42. package/lib/sd-component-library216.js.map +1 -1
  43. package/lib/sd-component-library217.js +127 -38
  44. package/lib/sd-component-library217.js.map +1 -1
  45. package/lib/sd-component-library218.js +13 -129
  46. package/lib/sd-component-library218.js.map +1 -1
  47. package/lib/sd-component-library219.js +3 -13
  48. package/lib/sd-component-library219.js.map +1 -1
  49. package/lib/sd-component-library220.js +52 -14
  50. package/lib/sd-component-library220.js.map +1 -1
  51. package/lib/sd-component-library221.js +14 -3
  52. package/lib/sd-component-library221.js.map +1 -1
  53. package/lib/sd-component-library222.js +2 -2
  54. package/lib/sd-component-library222.js.map +1 -1
  55. package/lib/sd-component-library223.js +2 -2
  56. package/lib/sd-component-library223.js.map +1 -1
  57. package/lib/sd-component-library224.js +54 -41
  58. package/lib/sd-component-library224.js.map +1 -1
  59. package/lib/sd-component-library225.js +3 -65
  60. package/lib/sd-component-library225.js.map +1 -1
  61. package/lib/sd-component-library226.js +46 -3
  62. package/lib/sd-component-library226.js.map +1 -1
  63. package/lib/sd-component-library227.js +17 -46
  64. package/lib/sd-component-library227.js.map +1 -1
  65. package/lib/sd-component-library228.js +13 -12
  66. package/lib/sd-component-library228.js.map +1 -1
  67. package/lib/sd-component-library233.js +1 -1
  68. package/lib/sd-component-library236.js +64 -129
  69. package/lib/sd-component-library236.js.map +1 -1
  70. package/lib/sd-component-library238.js +36 -40
  71. package/lib/sd-component-library238.js.map +1 -1
  72. package/lib/sd-component-library239.js +12 -7
  73. package/lib/sd-component-library239.js.map +1 -1
  74. package/lib/sd-component-library240.js +129 -64
  75. package/lib/sd-component-library240.js.map +1 -1
  76. package/lib/sd-component-library241.js +40 -36
  77. package/lib/sd-component-library241.js.map +1 -1
  78. package/lib/sd-component-library242.js +7 -12
  79. package/lib/sd-component-library242.js.map +1 -1
  80. package/lib/sd-component-library243.js +26 -21
  81. package/lib/sd-component-library243.js.map +1 -1
  82. package/lib/sd-component-library244.js +21 -109
  83. package/lib/sd-component-library244.js.map +1 -1
  84. package/lib/sd-component-library245.js +106 -44
  85. package/lib/sd-component-library245.js.map +1 -1
  86. package/lib/sd-component-library246.js +46 -23
  87. package/lib/sd-component-library246.js.map +1 -1
  88. package/lib/sd-component-library247.js +23 -52
  89. package/lib/sd-component-library247.js.map +1 -1
  90. package/lib/sd-component-library248.js +52 -47
  91. package/lib/sd-component-library248.js.map +1 -1
  92. package/lib/sd-component-library249.js +18 -72
  93. package/lib/sd-component-library249.js.map +1 -1
  94. package/lib/sd-component-library250.js +20 -41
  95. package/lib/sd-component-library250.js.map +1 -1
  96. package/lib/sd-component-library251.js +47 -26
  97. package/lib/sd-component-library251.js.map +1 -1
  98. package/lib/sd-component-library252.js +72 -18
  99. package/lib/sd-component-library252.js.map +1 -1
  100. package/lib/sd-component-library253.js +41 -20
  101. package/lib/sd-component-library253.js.map +1 -1
  102. package/lib/sd-component-library254.js +27 -2
  103. package/lib/sd-component-library254.js.map +1 -1
  104. package/lib/sd-component-library255.js +2 -26
  105. package/lib/sd-component-library255.js.map +1 -1
  106. package/lib/sd-component-library258.js +25 -21
  107. package/lib/sd-component-library258.js.map +1 -1
  108. package/lib/sd-component-library260.js +24 -22
  109. package/lib/sd-component-library260.js.map +1 -1
  110. package/lib/sd-component-library262.js +21 -25
  111. package/lib/sd-component-library262.js.map +1 -1
  112. package/lib/sd-component-library263.js +22 -24
  113. package/lib/sd-component-library263.js.map +1 -1
  114. package/lib/sd-component-library264.js +30 -51
  115. package/lib/sd-component-library264.js.map +1 -1
  116. package/lib/sd-component-library265.js +51 -30
  117. package/lib/sd-component-library265.js.map +1 -1
  118. package/lib/sd-component-library266.js +1 -1
  119. package/lib/sd-component-library272.js +121 -9
  120. package/lib/sd-component-library272.js.map +1 -1
  121. package/lib/sd-component-library273.js +9 -49
  122. package/lib/sd-component-library273.js.map +1 -1
  123. package/lib/sd-component-library274.js +39 -111
  124. package/lib/sd-component-library274.js.map +1 -1
  125. package/lib/sd-component-library276.js +49 -51
  126. package/lib/sd-component-library276.js.map +1 -1
  127. package/lib/sd-component-library277.js +48 -87
  128. package/lib/sd-component-library277.js.map +1 -1
  129. package/lib/sd-component-library278.js +52 -54
  130. package/lib/sd-component-library278.js.map +1 -1
  131. package/lib/sd-component-library279.js +91 -48
  132. package/lib/sd-component-library279.js.map +1 -1
  133. package/lib/sd-component-library317.js +51 -25
  134. package/lib/sd-component-library317.js.map +1 -1
  135. package/lib/sd-component-library318.js +5 -51
  136. package/lib/sd-component-library318.js.map +1 -1
  137. package/lib/sd-component-library319.js +23 -33
  138. package/lib/sd-component-library319.js.map +1 -1
  139. package/lib/sd-component-library320.js +4 -5
  140. package/lib/sd-component-library320.js.map +1 -1
  141. package/lib/sd-component-library321.js +35 -4
  142. package/lib/sd-component-library321.js.map +1 -1
  143. package/lib/sd-component-library50.js +1 -1
  144. package/lib/sd-component-library51.js +1 -1
  145. package/lib/sd-component-library53.js +3 -3
  146. package/lib/sd-component-library54.js +2 -2
  147. package/lib/sd-component-library55.js +2 -2
  148. package/lib/sd-component-library59.js +37 -36
  149. package/lib/sd-component-library59.js.map +1 -1
  150. package/lib/sd-component-library6.js +1 -1
  151. package/lib/sd-component-library62.js +1 -1
  152. package/lib/sd-component-library66.js +1 -1
  153. package/lib/sd-component-library67.js +1 -1
  154. package/lib/sd-component-library7.js +1 -1
  155. package/lib/sd-component-library72.js +2 -2
  156. package/lib/sd-component-library74.js +3 -3
  157. package/lib/sd-component-library76.js +2 -2
  158. package/lib/sd-component-library77.js +3 -3
  159. package/lib/sd-component-library78.js +1 -1
  160. package/lib/sd-component-library79.js +1 -1
  161. package/lib/sd-component-library81.js +1 -1
  162. package/lib/sd-component-library82.js +1 -1
  163. package/lib/sd-component-library87.js +1 -1
  164. package/lib/sd-component-library91.js +3 -3
  165. package/lib/sd-component-library94.js +3 -3
  166. package/lib/sd-component-library96.js +5 -5
  167. package/package.json +1 -1
@@ -1,52 +1,95 @@
1
- var n = Object.defineProperty;
2
- var R = (t, e, s) => e in t ? n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
3
- var i = (t, e, s) => (R(t, typeof e != "symbol" ? e + "" : e, s), s);
4
- class h {
5
- constructor() {
6
- i(this, "refRegistry", {});
1
+ import { j as o } from "./sd-component-library198.js";
2
+ import g from "react";
3
+ import { Flex as j, Box as s } from "rebass";
4
+ import { TriangularPointerIcon as n } from "./sd-component-library192.js";
5
+ import { ResponsiveTextV2 as y } from "./sd-component-library152.js";
6
+ const w = g.forwardRef(
7
+ ({
8
+ pointerSx: x,
9
+ tooltipPx: p,
10
+ tooltipText: d,
11
+ tooltipSx: a,
12
+ tooltipPy: l,
13
+ tooltipOffset: e,
14
+ pointerSize: m,
15
+ tooltipWidth: c,
16
+ placement: t,
17
+ state: h,
18
+ containerSx: R,
19
+ animationDuration: b,
20
+ pointerColor: r
21
+ }, u) => {
22
+ const f = t === "bottom" ? {
23
+ top: "100%"
24
+ } : {
25
+ bottom: "100%"
26
+ }, i = {
27
+ size: `${m}px`,
28
+ color: r,
29
+ sx: {
30
+ my: "auto",
31
+ ...x
32
+ }
33
+ };
34
+ return /* @__PURE__ */ o.jsxs(
35
+ j,
36
+ {
37
+ flexDirection: "column",
38
+ sx: {
39
+ position: "absolute",
40
+ left: "50%",
41
+ transform: "translateX(-50%)",
42
+ cursor: "default",
43
+ alignItems: "center",
44
+ opacity: h === "entered" ? 1 : 0,
45
+ transition: `opacity ${b}ms`,
46
+ zIndex: 1,
47
+ ...f,
48
+ ...a
49
+ },
50
+ ref: u,
51
+ "data-test": "tooltip-content",
52
+ children: [
53
+ t === "bottom" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
54
+ /* @__PURE__ */ o.jsx(s, { height: `${e}px` }),
55
+ /* @__PURE__ */ o.jsx(n, { direction: "top", ...i })
56
+ ] }),
57
+ /* @__PURE__ */ o.jsx(
58
+ y,
59
+ {
60
+ fontSizeWeight: [14, "regular"],
61
+ sx: {
62
+ width: c,
63
+ lineHeight: "16px",
64
+ bg: "cl_white",
65
+ px: p,
66
+ py: l,
67
+ borderColor: "cl_lightGrey",
68
+ borderWidth: "1px",
69
+ borderStyle: "solid",
70
+ ...t === "top" ? {
71
+ borderBottomWidth: "2px",
72
+ borderBottomColor: r,
73
+ borderRadius: "3px 3px 0 0"
74
+ } : {
75
+ borderTopWidth: "2px",
76
+ borderTopColor: r,
77
+ borderRadius: "0 0 3px 3px"
78
+ }
79
+ },
80
+ children: d
81
+ }
82
+ ),
83
+ t === "top" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
84
+ /* @__PURE__ */ o.jsx(n, { direction: "bottom", ...i }),
85
+ /* @__PURE__ */ o.jsx(s, { height: `${e}px` })
86
+ ] })
87
+ ]
88
+ }
89
+ );
7
90
  }
8
- /**
9
- * Check if ref is registered for a component with provided ID.
10
- * @param id ID for the component.
11
- */
12
- doesRefExist(e) {
13
- return !!this.refRegistry[e];
14
- }
15
- /**
16
- * Register a ref.
17
- *
18
- * @param id ID for the component.
19
- * @param ref React Ref object for the component. Used for scrolling.
20
- */
21
- addRef(e, s) {
22
- const r = e.startsWith("#") ? e : `#${e}`;
23
- this.refRegistry[r] = s;
24
- }
25
- /**
26
- * Remove a ref from registry.
27
- *
28
- * @param id ID for the component.
29
- */
30
- removeRef(e) {
31
- this.doesRefExist(e) ? delete this.refRegistry[e] : console.error(`Ref with ID ${e} does not exist in the registry`);
32
- }
33
- /**
34
- * Scroll the component with provided ID into the view.
35
- *
36
- * @param id ID for the component.
37
- * @param behavior Scroll behavior.
38
- */
39
- scrollToRef(e, { behavior: s = "smooth", block: r, inline: f }) {
40
- var o;
41
- this.doesRefExist(e) ? (o = this.refRegistry[e].current) == null || o.scrollIntoView({
42
- behavior: s,
43
- block: r,
44
- inline: f
45
- }) : console.error(`Ref with ID ${e} does not exist in the registry`);
46
- }
47
- }
48
- const g = new h();
91
+ );
49
92
  export {
50
- g as refsManager
93
+ w as TooltipWithPointerVertical
51
94
  };
52
95
  //# sourceMappingURL=sd-component-library279.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library279.js","sources":["../src/components/utils/anchor/refs-manager.ts"],"sourcesContent":["import React from \"react\";\n\nimport { refsMap } from \"./interfaces\";\n\n/**\n * Refs Manager class to keep record of registered refs on the page.\n */\nclass RefsManager {\n refRegistry: refsMap = {};\n\n /**\n * Check if ref is registered for a component with provided ID.\n * @param id ID for the component.\n */\n public doesRefExist(id: string) {\n return !!this.refRegistry[id];\n }\n\n /**\n * Register a ref.\n *\n * @param id ID for the component.\n * @param ref React Ref object for the component. Used for scrolling.\n */\n public addRef(\n id: string,\n ref: React.MutableRefObject<HTMLDivElement | undefined>\n ) {\n const key = id.startsWith(\"#\") ? id : `#${id}`;\n\n this.refRegistry[key] = ref;\n }\n\n /**\n * Remove a ref from registry.\n *\n * @param id ID for the component.\n */\n public removeRef(id: string) {\n if (this.doesRefExist(id)) delete this.refRegistry[id];\n else console.error(`Ref with ID ${id} does not exist in the registry`);\n }\n\n /**\n * Scroll the component with provided ID into the view.\n *\n * @param id ID for the component.\n * @param behavior Scroll behavior.\n */\n public scrollToRef(\n id: string,\n { behavior = \"smooth\", block, inline }: ScrollIntoViewOptions\n ) {\n if (this.doesRefExist(id))\n this.refRegistry[id].current?.scrollIntoView({\n behavior,\n block,\n inline,\n });\n else console.error(`Ref with ID ${id} does not exist in the registry`);\n }\n}\n\nexport const refsManager = new RefsManager();\n"],"names":["RefsManager","__publicField","id","ref","key","behavior","block","inline","_a","refsManager"],"mappings":";;;AAOA,MAAMA,EAAY;AAAA,EAAlB;AACE,IAAAC,EAAA,qBAAuB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,aAAaC,GAAY;AAC9B,WAAO,CAAC,CAAC,KAAK,YAAYA,CAAE;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQO,OACLA,GACAC,GACA;AACA,UAAMC,IAAMF,EAAG,WAAW,GAAG,IAAIA,IAAK,IAAIA,CAAE;AAEvC,SAAA,YAAYE,CAAG,IAAID;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOO,UAAUD,GAAY;AACvB,IAAA,KAAK,aAAaA,CAAE,IAAU,OAAA,KAAK,YAAYA,CAAE,IACxC,QAAA,MAAM,eAAeA,CAAE,iCAAiC;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQO,YACLA,GACA,EAAE,UAAAG,IAAW,UAAU,OAAAC,GAAO,QAAAC,KAC9B;AA7CJ,QAAAC;AA8CQ,IAAA,KAAK,aAAaN,CAAE,KACtBM,IAAA,KAAK,YAAYN,CAAE,EAAE,YAArB,QAAAM,EAA8B,eAAe;AAAA,MAC3C,UAAAH;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,KAES,QAAA,MAAM,eAAeL,CAAE,iCAAiC;AAAA,EACvE;AACF;AAEa,MAAAO,IAAc,IAAIT,EAAY;"}
1
+ {"version":3,"file":"sd-component-library279.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-vertical/tooltip-with-pointer-vertical.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerVertical = React.forwardRef<\n HTMLDivElement,\n Props\n>(\n (\n {\n pointerSx,\n tooltipPx,\n tooltipText,\n tooltipSx,\n tooltipPy,\n tooltipOffset,\n pointerSize,\n tooltipWidth,\n placement,\n state,\n containerSx,\n animationDuration,\n pointerColor,\n },\n ref\n ) => {\n const tooltipContainerProps =\n placement === \"bottom\"\n ? {\n top: \"100%\",\n }\n : {\n bottom: \"100%\",\n };\n\n const pointerCommonProps = {\n size: `${pointerSize}px`,\n color: pointerColor,\n sx: {\n my: \"auto\",\n ...pointerSx,\n },\n };\n\n return (\n <Flex\n flexDirection=\"column\"\n sx={{\n position: \"absolute\",\n left: \"50%\",\n transform: \"translateX(-50%)\",\n cursor: \"default\",\n alignItems: \"center\",\n opacity: state === \"entered\" ? 1 : 0,\n transition: `opacity ${animationDuration}ms`,\n zIndex: 1,\n ...tooltipContainerProps,\n ...tooltipSx,\n }}\n ref={ref}\n data-test=\"tooltip-content\"\n >\n {placement === \"bottom\" && (\n <>\n <Box height={`${tooltipOffset}px`} />\n <TriangularPointerIcon direction=\"top\" {...pointerCommonProps} />\n </>\n )}\n\n <ResponsiveTextV2\n fontSizeWeight={[14, \"regular\"]}\n sx={{\n width: tooltipWidth,\n lineHeight: \"16px\",\n bg: \"cl_white\",\n px: tooltipPx,\n py: tooltipPy,\n borderColor: \"cl_lightGrey\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n ...(placement === \"top\"\n ? {\n borderBottomWidth: \"2px\",\n borderBottomColor: pointerColor,\n borderRadius: \"3px 3px 0 0\",\n }\n : {\n borderTopWidth: \"2px\",\n borderTopColor: pointerColor,\n borderRadius: \"0 0 3px 3px\",\n }),\n }}\n >\n {tooltipText}\n </ResponsiveTextV2>\n\n {placement === \"top\" && (\n <>\n <TriangularPointerIcon direction=\"bottom\" {...pointerCommonProps} />\n <Box height={`${tooltipOffset}px`} />\n </>\n )}\n </Flex>\n );\n }\n);\n"],"names":["TooltipWithPointerVertical","React","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;AAQO,MAAMA,IAA6BC,EAAM;AAAA,EAI9C,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,WACV;AAAA,MACE,KAAK;AAAA,IAAA,IAEP;AAAA,MACE,QAAQ;AAAA,IAAA,GAGVO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAI;AAAA,UACF,UAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASR,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWE,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGG;AAAA,UACH,GAAGX;AAAA,QACL;AAAA,QACA,KAAAU;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,YAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,QAAQ,GAAGf,CAAa,MAAM;AAAA,YAClCc,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,OAAO,GAAGN,EAAoB,CAAA;AAAA,UAAA,GACjE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOf;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIN;AAAA,gBACJ,IAAIG;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,QACd;AAAA,kBACE,mBAAmB;AAAA,kBACnB,mBAAmBI;AAAA,kBACnB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,gBAAgB;AAAA,kBAChB,gBAAgBA;AAAA,kBAChB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,SAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,UAAU,GAAGN,EAAoB,CAAA;AAAA,YACjEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,QAAQ,GAAGf,CAAa,MAAM;AAAA,UAAA,GACrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
@@ -1,28 +1,54 @@
1
- import { j as x } from "./sd-component-library198.js";
2
- import { getInnerX as u, degToRad as r, getInnerY as i } from "./sd-component-library93.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
+ import { j as t } from "./sd-component-library198.js";
2
+ import x from "react";
3
+ import u from "./sd-component-library197.js";
4
+ import { getIsHorizontal as j, getRangeProperties as p } from "./sd-component-library232.js";
5
+ import { OutlineMeterRange as M } from "./sd-component-library240.js";
6
+ import { LabelPointer as b } from "./sd-component-library327.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
+ );
25
51
  export {
26
- j as BaseOutlineArc
52
+ A as SmileyMeterRange
27
53
  };
28
54
  //# sourceMappingURL=sd-component-library317.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library317.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-library317.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,54 +1,8 @@
1
- import { j as t } from "./sd-component-library198.js";
2
- import x from "react";
3
- import u from "./sd-component-library197.js";
4
- import { getIsHorizontal as j, getRangeProperties as p } from "./sd-component-library232.js";
5
- import { OutlineMeterRange as M } from "./sd-component-library236.js";
6
- import { LabelPointer as b } from "./sd-component-library327.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
+ const p = (c, r, n, t) => {
2
+ const o = c - (r - 1) * n, s = t / r, e = (t + 1) / r, a = (360 - c) / 2 + n * t + o * s, S = a + o * (e - s);
3
+ return { rangeArcStart: a, rangeArcEnd: S };
4
+ };
51
5
  export {
52
- A as SmileyMeterRange
6
+ p as getRangeProperties
53
7
  };
54
8
  //# sourceMappingURL=sd-component-library318.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library318.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-library318.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/utils.ts"],"sourcesContent":["export const getRangeProperties = (\n arc: number,\n totalRanges: number,\n distanceBetweenRanges: number,\n idx: number\n) => {\n const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n const start = idx / totalRanges;\n const end = (idx + 1) / totalRanges;\n\n const arcStart = (360 - arc) / 2; // deg\n\n const rangeArcStart =\n arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n\n const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n return { rangeArcStart, rangeArcEnd };\n};\n"],"names":["getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","arcForRanges","start","end","rangeArcStart","rangeArcEnd"],"mappings":"AAAO,MAAMA,IAAqB,CAChCC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeJ,KAAOC,IAAc,KAAKC,GAEzCG,IAAQF,IAAMF,GACdK,KAAOH,IAAM,KAAKF,GAIlBM,KAFY,MAAMP,KAAO,IAGlBE,IAAwBC,IAAMC,IAAeC,GAEpDG,IAAcD,IAAgBH,KAAgBE,IAAMD;AAEnD,SAAA,EAAE,eAAAE,GAAe,aAAAC;AAC1B;"}
@@ -1,38 +1,28 @@
1
- import { j as t } from "./sd-component-library198.js";
2
- const h = (n) => {
1
+ import { j as x } from "./sd-component-library198.js";
2
+ import { getInnerX as u, degToRad as r, getInnerY as i } from "./sd-component-library93.js";
3
+ const j = (p) => {
3
4
  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
- ] });
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
+ );
34
24
  };
35
25
  export {
36
- h as BaseNeedle
26
+ j as BaseOutlineArc
37
27
  };
38
28
  //# sourceMappingURL=sd-component-library319.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library319.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-library319.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,8 +1,7 @@
1
- const p = (c, r, n, t) => {
2
- const o = c - (r - 1) * n, s = t / r, e = (t + 1) / r, a = (360 - c) / 2 + n * t + o * s, S = a + o * (e - s);
3
- return { rangeArcStart: a, rangeArcEnd: S };
4
- };
1
+ import { j as e } from "./sd-component-library198.js";
2
+ import { LabelPointer as t } from "./sd-component-library327.js";
3
+ const s = (r) => /* @__PURE__ */ e.jsx(t, { ...r });
5
4
  export {
6
- p as getRangeProperties
5
+ s as DiscreteMeterLabelPointer
7
6
  };
8
7
  //# sourceMappingURL=sd-component-library320.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library320.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/utils.ts"],"sourcesContent":["export const getRangeProperties = (\n arc: number,\n totalRanges: number,\n distanceBetweenRanges: number,\n idx: number\n) => {\n const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n const start = idx / totalRanges;\n const end = (idx + 1) / totalRanges;\n\n const arcStart = (360 - arc) / 2; // deg\n\n const rangeArcStart =\n arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n\n const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n return { rangeArcStart, rangeArcEnd };\n};\n"],"names":["getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","arcForRanges","start","end","rangeArcStart","rangeArcEnd"],"mappings":"AAAO,MAAMA,IAAqB,CAChCC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeJ,KAAOC,IAAc,KAAKC,GAEzCG,IAAQF,IAAMF,GACdK,KAAOH,IAAM,KAAKF,GAIlBM,KAFY,MAAMP,KAAO,IAGlBE,IAAwBC,IAAMC,IAAeC,GAEpDG,IAAcD,IAAgBH,KAAgBE,IAAMD;AAEnD,SAAA,EAAE,eAAAE,GAAe,aAAAC;AAC1B;"}
1
+ {"version":3,"file":"sd-component-library320.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/discrete-meter-label-pointer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { DiscreteMeterLabelPointerProps as Props } from \"./interfaces\";\n\nexport const DiscreteMeterLabelPointer: React.FC<Props> = (props) => {\n return <LabelPointer {...props} />;\n};\n"],"names":["DiscreteMeterLabelPointer","props","jsx","LabelPointer"],"mappings":";;AAKa,MAAAA,IAA6C,CAACC,MAClDC,gBAAAA,EAAA,IAACC,GAAc,EAAA,GAAGF,EAAO,CAAA;"}
@@ -1,7 +1,38 @@
1
- import { j as e } from "./sd-component-library198.js";
2
- import { LabelPointer as t } from "./sd-component-library327.js";
3
- const s = (r) => /* @__PURE__ */ e.jsx(t, { ...r });
1
+ import { j as t } from "./sd-component-library198.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
+ };
4
35
  export {
5
- s as DiscreteMeterLabelPointer
36
+ h as BaseNeedle
6
37
  };
7
38
  //# sourceMappingURL=sd-component-library321.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library321.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/discrete-meter-label-pointer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { DiscreteMeterLabelPointerProps as Props } from \"./interfaces\";\n\nexport const DiscreteMeterLabelPointer: React.FC<Props> = (props) => {\n return <LabelPointer {...props} />;\n};\n"],"names":["DiscreteMeterLabelPointer","props","jsx","LabelPointer"],"mappings":";;AAKa,MAAAA,IAA6C,CAACC,MAClDC,gBAAAA,EAAA,IAACC,GAAc,EAAA,GAAGF,EAAO,CAAA;"}
1
+ {"version":3,"file":"sd-component-library321.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,5 +1,5 @@
1
1
  import { j as o } from "./sd-component-library198.js";
2
- import { Divider as e } from "./sd-component-library211.js";
2
+ import { Divider as e } from "./sd-component-library228.js";
3
3
  const d = ({
4
4
  width: r = "100%",
5
5
  height: t = "1px",
@@ -1,5 +1,5 @@
1
1
  import { j as e } from "./sd-component-library198.js";
2
- import { Divider as o } from "./sd-component-library211.js";
2
+ import { Divider as o } from "./sd-component-library228.js";
3
3
  const x = ({
4
4
  width: r = "1px",
5
5
  height: t = "41px",
@@ -1,8 +1,8 @@
1
1
  import { j as t } from "./sd-component-library198.js";
2
- import { BaseBooleanFeedback as m } from "./sd-component-library212.js";
2
+ import { BaseBooleanFeedback as m } from "./sd-component-library211.js";
3
3
  import { IconButton as n } from "./sd-component-library23.js";
4
- import { ReactComponent as c } from "./sd-component-library213.js";
5
- import { ReactComponent as u } from "./sd-component-library214.js";
4
+ import { ReactComponent as c } from "./sd-component-library212.js";
5
+ import { ReactComponent as u } from "./sd-component-library213.js";
6
6
  const f = (i) => {
7
7
  const { title: s, onPositiveFeedback: r, onNegativeFeedback: d, optionSelected: e } = i, a = (o) => /* @__PURE__ */ t.jsx(n, { onClick: o, "data-testid": "thumbs-up-button", children: /* @__PURE__ */ t.jsx(
8
8
  c,
@@ -1,8 +1,8 @@
1
1
  import { j as e } from "./sd-component-library198.js";
2
2
  import { useHover as x } from "./sd-component-library3.js";
3
- import { BaseFeedbackContainer as f } from "./sd-component-library215.js";
3
+ import { BaseFeedbackContainer as f } from "./sd-component-library214.js";
4
4
  import { BaseGridContainer as j } from "./sd-component-library37.js";
5
- import { BaseFeedbackButton as k } from "./sd-component-library216.js";
5
+ import { BaseFeedbackButton as k } from "./sd-component-library215.js";
6
6
  const C = ({
7
7
  questionText: t,
8
8
  options: a,
@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library198.js";
2
2
  import { Box as l } from "rebass";
3
3
  import { useHover as k, useBreakPoints as g } from "./sd-component-library3.js";
4
4
  import { isTouchScreen as C } from "./sd-component-library4.js";
5
- import { BaseFeedbackContainer as S } from "./sd-component-library215.js";
5
+ import { BaseFeedbackContainer as S } from "./sd-component-library214.js";
6
6
  import { GridContainerV2 as y } from "./sd-component-library40.js";
7
- import { BaseFeedbackButton as a } from "./sd-component-library216.js";
7
+ import { BaseFeedbackButton as a } from "./sd-component-library215.js";
8
8
  import { FrMaxContainer as x } from "./sd-component-library39.js";
9
9
  import { ReactComponent as B } from "./sd-component-library178.js";
10
10
  const D = ({