@selfdecode/sd-component-library 4.0.139 → 4.0.140

package/lib/sd-component-library222.js

@@ -1,6 +1,68 @@
-import * as t from "react";
-const h = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "#4B71F7", d: "M24 9h-9v-9h-6v9h-9v6h9v9h6v-9h9z" }));
+import { j as o } from "./sd-component-library197.js";
+import d from "react";
+import { Link as m } from "react-router-dom";
+import { Box as n, Flex as f } from "rebass";
+import { RegularText as h } from "./sd-component-library163.js";
+import { PrimaryBadge as s } from "./sd-component-library9.js";
+import { HorizontalDivider as c } from "./sd-component-library48.js";
+const S = ({
+  searchResults: t,
+  useRouterLinks: i,
+  onResultClick: r
+}) => /* @__PURE__ */ o.jsx(
+  n,
+  {
+    sx: {
+      position: "absolute",
+      top: "100%",
+      bg: "white",
+      width: "100%",
+      borderRadius: ["0", "0px 0px 3px 3px"],
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderTopStyle: "none",
+      borderColor: "#C8CCE5",
+      boxShadow: "2px 3px 10px rgba(211,223,255,0.25)"
+    },
+    children: t.map((e, p) => /* @__PURE__ */ o.jsxs(d.Fragment, { children: [
+      i ? /* @__PURE__ */ o.jsx(m, { to: e.url, style: { textDecoration: "none" }, children: /* @__PURE__ */ o.jsx(x, { ...e, onResultClick: r }) }) : /* @__PURE__ */ o.jsx(
+        x,
+        {
+          ...e,
+          onResultClick: r,
+          onClick: () => window.location.href = `https://www.selfdecode.com${e.url}`
+        }
+      ),
+      p + 1 !== t.length && /* @__PURE__ */ o.jsx(c, { color: "cl_lightGrey" })
+    ] }, `${p}-${e.url}`))
+  }
+), x = ({
+  onResultClick: t,
+  onClick: i,
+  ...r
+}) => {
+  const e = () => {
+    t == null || t(r), i == null || i();
+  };
+  return /* @__PURE__ */ o.jsxs(
+    f,
+    {
+      flexDirection: ["column-reverse", "row"],
+      justifyContent: "space-between",
+      sx: {
+        p: "10px 16px",
+        cursor: "pointer",
+        ":hover": { bg: "#eff4ff" }
+      },
+      onClick: e,
+      children: [
+        /* @__PURE__ */ o.jsx(h, { fontSize: 16, children: r.text }),
+        !!r.type && /* @__PURE__ */ o.jsx(n, { width: "max-content", mb: ["8px", "0"], children: /* @__PURE__ */ o.jsx(s, { children: r.type }) })
+      ]
+    }
+  );
+};
 export {
-  h as ReactComponent
+  S as SearchBox
 };
 //# sourceMappingURL=sd-component-library222.js.map

package/lib/sd-component-library222.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library222.js","sources":["../src/components/inputs/primary-number-input/assets/plus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMjQgOWgtOXYtOWgtNnY5aC05djZoOXY5aDZ2LTloOXoiLz48L3N2Zz4=\""],"names":["SvgPlusActive","props","React"],"mappings":";AACK,MAACA,IAAgB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,oCAAmC,CAAE,CAAC;"}
+{"version":3,"file":"sd-component-library222.js","sources":["../src/components/inputs/search-input/search-box.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { PrimaryBadge } from \"../../badges\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { RegularText } from \"../../texts\";\nimport { SearchInputProps, SearchResult } from \"./index\";\n\ntype Props = Required<Pick<SearchInputProps, \"searchResults\">> &\n  Pick<SearchInputProps, \"useRouterLinks\" | \"onResultClick\">;\n\nexport const SearchBox: React.FC<Props> = ({\n  searchResults,\n  useRouterLinks,\n  onResultClick,\n}) => (\n  <Box\n    sx={{\n      position: \"absolute\",\n      top: \"100%\",\n      bg: \"white\",\n      width: \"100%\",\n      borderRadius: [\"0\", \"0px 0px 3px 3px\"],\n      borderWidth: \"1px\",\n      borderStyle: \"solid\",\n      borderTopStyle: \"none\",\n      borderColor: \"#C8CCE5\",\n      boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n    }}\n  >\n    {searchResults.map((result, index) => (\n      <React.Fragment key={`${index}-${result.url}`}>\n        {useRouterLinks ? (\n          <Link to={result.url} style={{ textDecoration: \"none\" }}>\n            <ResultContent {...result} onResultClick={onResultClick} />\n          </Link>\n        ) : (\n          <ResultContent\n            {...result}\n            onResultClick={onResultClick}\n            onClick={() =>\n              (window.location.href = `https://www.selfdecode.com${result.url}`)\n            }\n          />\n        )}\n        {index + 1 !== searchResults.length && (\n          <HorizontalDivider color=\"cl_lightGrey\" />\n        )}\n      </React.Fragment>\n    ))}\n  </Box>\n);\n\ntype ContentProps = SearchResult & { onClick?: () => void } & Pick<\n    Props,\n    \"onResultClick\"\n  >;\nconst ResultContent: React.FC<ContentProps> = ({\n  onResultClick,\n  onClick: onClickExternal,\n  ...result\n}) => {\n  const onClick = () => {\n    onResultClick?.(result);\n    onClickExternal?.();\n  };\n\n  return (\n    <Flex\n      flexDirection={[\"column-reverse\", \"row\"]}\n      justifyContent={\"space-between\"}\n      sx={{\n        p: \"10px 16px\",\n        cursor: \"pointer\",\n        \":hover\": { bg: \"#eff4ff\" },\n      }}\n      onClick={onClick}\n    >\n      <RegularText fontSize={16}>{result.text}</RegularText>\n\n      {!!result.type && (\n        <Box width={\"max-content\"} mb={[\"8px\", \"0\"]}>\n          <PrimaryBadge>{result.type}</PrimaryBadge>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["SearchBox","searchResults","useRouterLinks","onResultClick","jsx","Box","result","index","jsxs","React","Link","ResultContent","HorizontalDivider","onClickExternal","onClick","Flex","RegularText","PrimaryBadge"],"mappings":";;;;;;;AAaO,MAAMA,IAA6B,CAAC;AAAA,EACzC,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AACF,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,UAAU;AAAA,MACV,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,cAAc,CAAC,KAAK,iBAAiB;AAAA,MACrC,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,WAAW;AAAA,IACb;AAAA,IAEC,UAAAJ,EAAc,IAAI,CAACK,GAAQC,MACzBC,gBAAAA,EAAAA,KAAAC,EAAM,UAAN,EACE,UAAA;AAAA,MAAAP,0BACEQ,GAAK,EAAA,IAAIJ,EAAO,KAAK,OAAO,EAAE,gBAAgB,OAAO,GACpD,gCAACK,GAAe,EAAA,GAAGL,GAAQ,eAAAH,EAAA,CAA8B,EAC3D,CAAA,IAEAC,gBAAAA,EAAA;AAAA,QAACO;AAAA,QAAA;AAAA,UACE,GAAGL;AAAA,UACJ,eAAAH;AAAA,UACA,SAAS,MACN,OAAO,SAAS,OAAO,6BAA6BG,EAAO,GAAG;AAAA,QAAA;AAAA,MAEnE;AAAA,MAEDC,IAAQ,MAAMN,EAAc,UAC1BG,gBAAAA,EAAA,IAAAQ,GAAA,EAAkB,OAAM,gBAAe;AAAA,IAAA,EAAA,GAfvB,GAAGL,CAAK,IAAID,EAAO,GAAG,EAiB3C,CACD;AAAA,EAAA;AACH,GAOIK,IAAwC,CAAC;AAAA,EAC7C,eAAAR;AAAA,EACA,SAASU;AAAA,EACT,GAAGP;AACL,MAAM;AACJ,QAAMQ,IAAU,MAAM;AACpB,IAAAX,KAAA,QAAAA,EAAgBG,IACEO,KAAA,QAAAA;AAAA,EAAA;AAIlB,SAAAL,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAe,CAAC,kBAAkB,KAAK;AAAA,MACvC,gBAAgB;AAAA,MAChB,IAAI;AAAA,QACF,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,UAAU,EAAE,IAAI,UAAU;AAAA,MAC5B;AAAA,MACA,SAAAD;AAAA,MAEA,UAAA;AAAA,QAAAV,gBAAAA,EAAA,IAACY,GAAY,EAAA,UAAU,IAAK,UAAAV,EAAO,MAAK;AAAA,QAEvC,CAAC,CAACA,EAAO,QACRF,gBAAAA,EAAA,IAACC,KAAI,OAAO,eAAe,IAAI,CAAC,OAAO,GAAG,GACxC,gCAACY,GAAc,EAAA,UAAAX,EAAO,KAAK,CAAA,GAC7B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/lib/sd-component-library223.js

@@ -1,20 +1,6 @@
-import { j as o } from "./sd-component-library197.js";
-import { Label as s } from "@rebass/forms";
-const l = ({
-  variant: a,
-  label: t,
-  ...e
-}) => /* @__PURE__ */ o.jsx(
-  s,
-  {
-    "data-testid": "base-label",
-    ...e,
-    sx: { fontFamily: "proxima-nova" },
-    variant: `_labels.${a}`,
-    children: t
-  }
-);
+import * as t from "react";
+const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 10 10", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M10037.5,1055.48l-1,1.02-4-3.97-4,3.97-1-1.02,4-3.98-4-3.98,1-1.02,4,3.97,4-3.97,1,1.02-4,3.98Z", transform: "translate(-10027.5 -1046.5)" }));
 export {
-  l as BaseLabel
+  a as ReactComponent
 };
 //# sourceMappingURL=sd-component-library223.js.map

package/lib/sd-component-library223.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library223.js","sources":["../src/components/labels/base-label/base-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Label } from \"@rebass/forms\";\n\nimport { BaseLabelProps } from \"./interfaces\";\n\nexport const BaseLabel: React.FC<BaseLabelProps> = ({\n  variant,\n  label,\n  ...props\n}) => (\n  <Label\n    data-testid=\"base-label\"\n    {...props}\n    sx={{ fontFamily: \"proxima-nova\" }}\n    variant={`_labels.${variant}`}\n  >\n    {label}\n  </Label>\n);\n"],"names":["BaseLabel","variant","label","props","jsx","Label"],"mappings":";;AAMO,MAAMA,IAAsC,CAAC;AAAA,EAClD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACX,GAAGF;AAAA,IACJ,IAAI,EAAE,YAAY,eAAe;AAAA,IACjC,SAAS,WAAWF,CAAO;AAAA,IAE1B,UAAAC;AAAA,EAAA;AACH;"}
+{"version":3,"file":"sd-component-library223.js","sources":["../src/components/inputs/search-input/assets/x.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCI+CiAgPHBhdGggZD0iTTEwMDM3LjUsMTA1NS40OGwtMSwxLjAyLTQtMy45Ny00LDMuOTctMS0xLjAyLDQtMy45OC00LTMuOTgsMS0xLjAyLDQsMy45Nyw0LTMuOTcsMSwxLjAyLTQsMy45OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDAyNy41IC0xMDQ2LjUpIi8+Cjwvc3ZnPgo=\""],"names":["SvgX","props","React"],"mappings":";AACK,MAACA,IAAO,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,mGAAmG,WAAW,+BAA+B,CAAC;"}

package/lib/sd-component-library224.js

@@ -1,29 +1,20 @@
-import { j as n } from "./sd-component-library197.js";
-import { ResponsiveTextV2 as p } from "./sd-component-library150.js";
-const c = (t) => {
-  const { text: o, onClick: e, px: r = "10px", py: i = "15px" } = t;
-  return /* @__PURE__ */ n.jsx(
-    p,
-    {
-      fontSizeWeight: [[16, "regular"]],
-      sx: {
-        display: "flex",
-        justifyContent: "end",
-        px: r,
-        py: i,
-        cursor: "pointer",
-        textTransform: "capitalize",
-        opacity: 0.7,
-        ":hover": {
-          opacity: 1
-        }
-      },
-      onClick: e,
-      children: o
-    }
-  );
-};
+import { j as o } from "./sd-component-library197.js";
+import { Label as s } from "@rebass/forms";
+const l = ({
+  variant: a,
+  label: t,
+  ...e
+}) => /* @__PURE__ */ o.jsx(
+  s,
+  {
+    "data-testid": "base-label",
+    ...e,
+    sx: { fontFamily: "proxima-nova" },
+    variant: `_labels.${a}`,
+    children: t
+  }
+);
 export {
-  c as ActionBox
+  l as BaseLabel
 };
 //# sourceMappingURL=sd-component-library224.js.map

package/lib/sd-component-library224.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library224.js","sources":["../src/components/tooltips/actions-tooltip/partials/action-box/action-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { ActionBoxProps as Props } from \"./interfaces\";\n\nexport const ActionBox: React.FC<Props> = (props) => {\n  const { text, onClick, px = \"10px\", py = \"15px\" } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        display: \"flex\",\n        justifyContent: \"end\",\n        px,\n        py,\n        cursor: \"pointer\",\n        textTransform: \"capitalize\",\n        opacity: 0.7,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["ActionBox","props","text","onClick","px","py","jsx","ResponsiveTextV2"],"mappings":";;AAOa,MAAAA,IAA6B,CAACC,MAAU;AACnD,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,QAAQ,IAAAC,IAAK,OAAW,IAAAJ;AAGlD,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,IAAAH;AAAA,QACA,IAAAC;AAAA,QACA,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library224.js","sources":["../src/components/labels/base-label/base-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Label } from \"@rebass/forms\";\n\nimport { BaseLabelProps } from \"./interfaces\";\n\nexport const BaseLabel: React.FC<BaseLabelProps> = ({\n  variant,\n  label,\n  ...props\n}) => (\n  <Label\n    data-testid=\"base-label\"\n    {...props}\n    sx={{ fontFamily: \"proxima-nova\" }}\n    variant={`_labels.${variant}`}\n  >\n    {label}\n  </Label>\n);\n"],"names":["BaseLabel","variant","label","props","jsx","Label"],"mappings":";;AAMO,MAAMA,IAAsC,CAAC;AAAA,EAClD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACX,GAAGF;AAAA,IACJ,IAAI,EAAE,YAAY,eAAe;AAAA,IACjC,SAAS,WAAWF,CAAO;AAAA,IAE1B,UAAAC;AAAA,EAAA;AACH;"}

package/lib/sd-component-library227.js

@@ -1,8 +1,8 @@
 import { j as t } from "./sd-component-library197.js";
 import { SmileyGaugeColor as e } from "./sd-component-library228.js";
-import { ReactComponent as o } from "./sd-component-library291.js";
-import { ReactComponent as m } from "./sd-component-library292.js";
-import { ReactComponent as i } from "./sd-component-library293.js";
+import { ReactComponent as o } from "./sd-component-library287.js";
+import { ReactComponent as m } from "./sd-component-library288.js";
+import { ReactComponent as i } from "./sd-component-library289.js";
 const S = 10, c = 80, p = 100, y = 87, R = 30, d = 3, f = 2, g = 4, u = /* @__PURE__ */ new Map([
   [e.GREEN, /* @__PURE__ */ t.jsx(o, {})],
   [e.ORANGE, /* @__PURE__ */ t.jsx(m, {})],

package/lib/sd-component-library229.js

@@ -1,7 +1,7 @@
 import { j as a } from "./sd-component-library197.js";
 import R, { createElement as g } from "react";
 import { isValueInRange as f } from "./sd-component-library91.js";
-import { SmileyMeterRange as d } from "./sd-component-library311.js";
+import { SmileyMeterRange as d } from "./sd-component-library312.js";
 const j = R.forwardRef(
   (r, m) => {
     const { value: s, ranges: n, distanceFromRanges: c } = r, o = n.findIndex(

package/lib/sd-component-library230.js

@@ -1,6 +1,6 @@
 import { j as h } from "./sd-component-library197.js";
 import { getRangeProperties as p } from "./sd-component-library228.js";
-import { MatchedRangeLabelBox as u } from "./sd-component-library313.js";
+import { MatchedRangeLabelBox as u } from "./sd-component-library311.js";
 const b = (e) => {
   const {
     range: a,

package/lib/sd-component-library232.js

@@ -2,7 +2,7 @@ import { j as e } from "./sd-component-library197.js";
 import U from "react";
 import { isValueInRange as Z, inValueHigherThanRange as F, getCoordinateForArc as d, getInnerX as $, getInnerY as tt, degToRad as L } from "./sd-component-library91.js";
 import { BaseOutlineArc as X } from "./sd-component-library314.js";
-import { OutlineMeterLabelPointer as O } from "./sd-component-library239.js";
+import { OutlineMeterLabelPointer as O } from "./sd-component-library246.js";
 const st = U.forwardRef(
   (D, M) => {
     const {

package/lib/sd-component-library234.js

@@ -1,6 +1,6 @@
 import { j as k } from "./sd-component-library197.js";
 import { isValueInRange as w, getInnerX as E, getInnerY as O, degToRad as r, getCoordinateForArc as V } from "./sd-component-library91.js";
-import { BaseNeedle as b } from "./sd-component-library312.js";
+import { BaseNeedle as b } from "./sd-component-library313.js";
 const G = (x) => {
   const {
     diameter: f,

package/lib/sd-component-library235.js

@@ -1,6 +1,6 @@
 import { j as m } from "./sd-component-library197.js";
 import { isValueInRange as x } from "./sd-component-library91.js";
-import { BaseMeterLabelBox as u } from "./sd-component-library240.js";
+import { BaseMeterLabelBox as u } from "./sd-component-library247.js";
 const g = (t) => {
   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";
   return /* @__PURE__ */ m.jsx(u, { isInRange: i, position: l, ...t });

package/lib/sd-component-library236.js

@@ -1,24 +1,67 @@
-const i = (t, n) => [t, n], T = function* (t = []) {
-  for (; t.length > 1; )
-    yield i(t[0], t[1]), t = t.slice(1);
-}, I = (t, n, e) => {
-  if (n && !e)
-    return n;
-  if (!n && e)
-    return e;
-  if (n && e) {
-    const s = a(n), r = a(e), c = s.map((B, f) => Math.round(B * (1 - t) + r[f] * t));
-    return c ? u(c[0], c[1], c[2]) : "";
-  }
-  return "";
-}, u = (t, n, e) => "#" + (16777216 + (t << 16) + (n << 8) + e).toString(16).slice(1), a = (t) => {
-  const n = t.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);
-  return n ? n.slice(1).map((e) => parseInt(e, 16)) : null;
-}, h = (t, n, e) => Math.floor(t * n) === (e === "left" ? 0 : e === "right" ? n - 1 : 1), _ = (t) => t === "left" ? "right" : t === "top" ? "top" : "left";
+import { j as a } from "./sd-component-library197.js";
+import { getCoordinateForArc as i } from "./sd-component-library91.js";
+import { defaultTextBottomMargin as X } from "./sd-component-library225.js";
+import { getRangeProperties as Y } from "./sd-component-library315.js";
+import { BaseOutlineArc as b } from "./sd-component-library314.js";
+import { DiscreteMeterLabelPointer as w } from "./sd-component-library316.js";
+function z(s) {
+  const {
+    color: n,
+    idx: c,
+    gaugeWidth: d,
+    diameter: g,
+    arc: m,
+    distanceBetweenRanges: l,
+    totalRanges: p,
+    showLabel: h,
+    label: o,
+    isMatchedRange: x,
+    pointerWidth: f,
+    pointerLength: A,
+    horizontal: u
+  } = s, t = g / 2, { rangeArcStart: r, rangeArcEnd: e } = Y(
+    m,
+    p,
+    l,
+    c
+  ), { x: R, y: j } = i(
+    t,
+    r
+  ), { x: B, y: E } = i(
+    t,
+    e
+  ), M = (r + e) / 2;
+  return /* @__PURE__ */ a.jsxs("g", { children: [
+    /* @__PURE__ */ a.jsx(
+      b,
+      {
+        startX: R,
+        startY: j,
+        endX: B,
+        endY: E,
+        startAlpha: r,
+        endAlpha: e,
+        color: n,
+        radius: t,
+        width: d
+      }
+    ),
+    h && o && !x && /* @__PURE__ */ a.jsx(
+      w,
+      {
+        alpha: M,
+        pointerLength: A,
+        pointerWidth: f,
+        radius: t,
+        color: n,
+        textBottomMargin: X,
+        label: o,
+        horizontal: u
+      }
+    )
+  ] });
+}
 export {
-  _ as flipPosition,
-  I as getFractionColor,
-  h as isLabelActive,
-  T as mapAdjacent
+  z as DiscreteRange
 };
 //# sourceMappingURL=sd-component-library236.js.map

package/lib/sd-component-library236.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library236.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;"}
+{"version":3,"file":"sd-component-library236.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-range/discrete-range.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { BaseOutlineArc } from \"../../../outline-meter/partials/base-outline-arc\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { defaultTextBottomMargin } from \"../../constants\";\nimport { getRangeProperties } from \"../../utils\";\nimport { DiscreteMeterLabelPointer } from \"../discrete-meter-label-pointer\";\nimport { DiscreteRangeProps as Props } from \"./interfaces\";\n\nexport function DiscreteRange<T>(props: PropsWithChildren<Props<T>>) {\n  const {\n    color,\n    idx,\n    gaugeWidth,\n    diameter,\n    arc,\n    distanceBetweenRanges,\n    totalRanges,\n    showLabel,\n    label,\n    isMatchedRange,\n    pointerWidth,\n    pointerLength,\n    horizontal,\n  } = props;\n\n  const radius = diameter / 2;\n\n  const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx\n  );\n\n  const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n    radius,\n    rangeArcStart\n  );\n  const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n    radius,\n    rangeArcEnd\n  );\n\n  const middleArcAlpha = (rangeArcStart + rangeArcEnd) / 2;\n\n  return (\n    <g>\n      <BaseOutlineArc\n        startX={rangeStartX}\n        startY={rangeStartY}\n        endX={rangeEndX}\n        endY={rangeEndY}\n        startAlpha={rangeArcStart}\n        endAlpha={rangeArcEnd}\n        color={color}\n        radius={radius}\n        width={gaugeWidth}\n      />\n\n      {showLabel && label && !isMatchedRange && (\n        <DiscreteMeterLabelPointer\n          alpha={middleArcAlpha}\n          pointerLength={pointerLength}\n          pointerWidth={pointerWidth}\n          radius={radius}\n          color={color}\n          textBottomMargin={defaultTextBottomMargin}\n          label={label}\n          horizontal={horizontal}\n        />\n      )}\n    </g>\n  );\n}\n"],"names":["DiscreteRange","props","color","idx","gaugeWidth","diameter","arc","distanceBetweenRanges","totalRanges","showLabel","label","isMatchedRange","pointerWidth","pointerLength","horizontal","radius","rangeArcStart","rangeArcEnd","getRangeProperties","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","middleArcAlpha","jsx","BaseOutlineArc","DiscreteMeterLabelPointer","defaultTextBottomMargin"],"mappings":";;;;;;AASO,SAASA,EAAiBC,GAAoC;AAC7D,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAb,GAEEc,IAASV,IAAW,GAEpB,EAAE,eAAAW,GAAe,aAAAC,EAAA,IAAgBC;AAAA,IACrCZ;AAAA,IACAE;AAAA,IACAD;AAAA,IACAJ;AAAA,EAAA,GAGI,EAAE,GAAGgB,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACzCN;AAAA,IACAC;AAAA,EAAA,GAEI,EAAE,GAAGM,GAAW,GAAGC,EAAc,IAAAF;AAAA,IACrCN;AAAA,IACAE;AAAA,EAAA,GAGIO,KAAkBR,IAAgBC,KAAe;AAEvD,gCACG,KACC,EAAA,UAAA;AAAA,IAAAQ,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAQP;AAAA,QACR,QAAQC;AAAA,QACR,MAAME;AAAA,QACN,MAAMC;AAAA,QACN,YAAYP;AAAA,QACZ,UAAUC;AAAA,QACV,OAAAf;AAAA,QACA,QAAAa;AAAA,QACA,OAAOX;AAAA,MAAA;AAAA,IACT;AAAA,IAECK,KAAaC,KAAS,CAACC,KACtBc,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAOH;AAAA,QACP,eAAAX;AAAA,QACA,cAAAD;AAAA,QACA,QAAAG;AAAA,QACA,OAAAb;AAAA,QACA,kBAAkB0B;AAAA,QAClB,OAAAlB;AAAA,QACA,YAAAI;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library237.js

@@ -1,112 +1,46 @@
-import { j as t } from "./sd-component-library197.js";
-import { getCoordinateForArc as A, getInnerX as H, getInnerY as M, degToRad as E } from "./sd-component-library91.js";
-import { getFractionColor as O } from "./sd-component-library236.js";
-import { BaseOutlineArc as X } from "./sd-component-library314.js";
-const w = "#CCD0DB", q = (G) => {
+import { j as M } from "./sd-component-library197.js";
+import { getInnerX as T, getInnerY as W, degToRad as r, getCoordinateForArc as y } from "./sd-component-library91.js";
+import { BaseNeedle as B } from "./sd-component-library313.js";
+function E(p) {
   const {
-    diameter: I,
-    idx: d,
-    endColor: Y,
-    startColor: f,
-    segmented: v,
-    totalRanges: n,
-    value: i,
-    arc: l,
-    innerPointRadius: W,
-    pointStrokeWidth: C,
-    gaugeWidth: e,
-    pointColor: $
-  } = G, c = d / n, x = (d + 1) / n, k = i >= c && i <= x, R = (360 - l) / 2, r = I / 2, g = R + l * c, j = R + l * x, { x: u, y: h } = A(
-    r,
-    g
-  ), { x: m, y } = A(
-    r,
-    j
+    needleColor: u,
+    options: n,
+    value: h,
+    needleWidth: e,
+    innerCircleRadius: m,
+    innerCircleStrokeWidth: x,
+    diameter: R,
+    arc: a,
+    distanceBetweenRanges: c,
+    distanceFromRange: s,
+    gaugeWidth: i
+  } = p, o = n.findIndex(
+    (F) => h === F.value
+  ), d = R / 2, f = (360 - a) / 2, l = a - (n.length - 1) * c, g = o / n.length, v = (o + 1) / n.length, A = l * (v - g), t = f + c * o + l * g + A / 2, { x: C, y: I } = y(d, t), S = T(
+    C,
+    r(t),
+    s + i + e / 2
+  ), X = W(
+    I,
+    r(t),
+    s + i + e / 2
+  ), Y = e / 2 * Math.cos(r(t)), j = e / 2 * Math.sin(r(t));
+  return /* @__PURE__ */ M.jsx(
+    B,
+    {
+      dx: Y,
+      dy: j,
+      color: u,
+      radius: d,
+      tipX: S,
+      tipY: X,
+      innerCircleStrokeWidth: x,
+      innerCircleRadius: m,
+      needleWidth: e
+    }
   );
-  if (v || !k)
-    return /* @__PURE__ */ t.jsx(
-      X,
-      {
-        startX: u,
-        startY: h,
-        endX: m,
-        endY: y,
-        startAlpha: g,
-        endAlpha: j,
-        color: v || i > x ? `url(#gradient-${f}-${Y})` : w,
-        radius: r,
-        width: e
-      }
-    );
-  const o = g + (i - c) / (x - c) * l / n, { x: a, y: s } = A(r, o), F = H(a, E(o), e), B = M(s, E(o), e), D = d >= n / 2, S = d + 1 === n / 2 + 0.5, z = S ? (a - u) / (m - u) : (s - h) / (y - h), p = O(z, f, Y);
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsxs(
-      "linearGradient",
-      {
-        id: `value-gradient-${p}`,
-        ...D ? {
-          x1: 0,
-          y1: 0,
-          x2: 0,
-          y2: 1
-        } : S ? { x1: 0, y1: 0, x2: 1, y2: 0 } : {
-          x1: 0,
-          y1: 1,
-          x2: 0,
-          y2: 0
-        },
-        children: [
-          /* @__PURE__ */ t.jsx("stop", { stopColor: f, offset: "0%" }),
-          /* @__PURE__ */ t.jsx("stop", { stopColor: p, offset: "100%" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ t.jsxs("g", { children: [
-      /* @__PURE__ */ t.jsx(
-        X,
-        {
-          startX: u,
-          startY: h,
-          endX: a,
-          endY: s,
-          startAlpha: g,
-          endAlpha: o,
-          color: `url(#value-gradient-${p})`,
-          radius: r,
-          width: e,
-          roundEnd: !1
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        X,
-        {
-          startX: a,
-          startY: s,
-          endX: m,
-          endY: y,
-          startAlpha: o,
-          endAlpha: j,
-          color: w,
-          radius: r,
-          width: e,
-          roundStart: !1
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        "circle",
-        {
-          cx: (a + F) / 2,
-          cy: (s + B) / 2,
-          r: C + W,
-          strokeWidth: C,
-          stroke: $ || p,
-          fill: "white"
-        }
-      )
-    ] })
-  ] });
-};
+}
 export {
-  q as GradientMeterRange
+  E as DiscreteMeterNeedle
 };
 //# sourceMappingURL=sd-component-library237.js.map

package/lib/sd-component-library237.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library237.js","sources":["../src/components/meters/gradient-outline-meter/partials/gradient-meter-range/gradient-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseOutlineArc } from \"../../../outline-meter/partials/base-outline-arc\";\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { getFractionColor } from \"../../utils\";\nimport { GradientMeterRangeProps as Props } from \"./interfaces\";\n\nconst grey = \"#CCD0DB\";\nexport const GradientMeterRange: React.FC<Props> = (props) => {\n  const {\n    diameter,\n    idx,\n    endColor,\n    startColor,\n    segmented,\n    totalRanges,\n    value,\n    arc,\n    innerPointRadius,\n    pointStrokeWidth,\n    gaugeWidth,\n    pointColor,\n  } = props;\n\n  const start = idx / totalRanges;\n  const end = (idx + 1) / totalRanges;\n\n  const valueWithinRange = value >= start && value <= end;\n\n  const arcStart = (360 - arc) / 2; // deg\n\n  const radius = diameter / 2;\n\n  const rangeArcStart = arcStart + arc * start;\n  const rangeArcEnd = arcStart + arc * end;\n\n  const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n    radius,\n    rangeArcStart\n  );\n  const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n    radius,\n    rangeArcEnd\n  );\n\n  if (segmented || !valueWithinRange)\n    return (\n      <BaseOutlineArc\n        startX={rangeStartX}\n        startY={rangeStartY}\n        endX={rangeEndX}\n        endY={rangeEndY}\n        startAlpha={rangeArcStart}\n        endAlpha={rangeArcEnd}\n        color={\n          segmented || value > end\n            ? `url(#gradient-${startColor}-${endColor})`\n            : grey\n        }\n        radius={radius}\n        width={gaugeWidth}\n      />\n    );\n\n  const valueAlpha =\n    rangeArcStart + (((value - start) / (end - start)) * arc) / totalRanges;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n  const valueInnerX = getInnerX(valueX, degToRad(valueAlpha), gaugeWidth);\n  const valueInnerY = getInnerY(valueY, degToRad(valueAlpha), gaugeWidth);\n\n  const useVerticalGradient = idx >= totalRanges / 2;\n  const useHorizontalGradient = idx + 1 === totalRanges / 2 + 0.5;\n\n  const fraction = useHorizontalGradient\n    ? (valueX - rangeStartX) / (rangeEndX - rangeStartX)\n    : (valueY - rangeStartY) / (rangeEndY - rangeStartY);\n  const color = getFractionColor(fraction, startColor, endColor);\n\n  return (\n    <>\n      <defs>\n        <linearGradient\n          id={`value-gradient-${color}`}\n          {...(useVerticalGradient\n            ? {\n                x1: 0,\n                y1: 0,\n                x2: 0,\n                y2: 1,\n              }\n            : useHorizontalGradient\n            ? { x1: 0, y1: 0, x2: 1, y2: 0 }\n            : {\n                x1: 0,\n                y1: 1,\n                x2: 0,\n                y2: 0,\n              })}\n        >\n          <stop stopColor={startColor} offset=\"0%\" />\n          <stop stopColor={color} offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <g>\n        <BaseOutlineArc\n          startX={rangeStartX}\n          startY={rangeStartY}\n          endX={valueX}\n          endY={valueY}\n          startAlpha={rangeArcStart}\n          endAlpha={valueAlpha}\n          color={`url(#value-gradient-${color})`}\n          radius={radius}\n          width={gaugeWidth}\n          roundEnd={false}\n        />\n        <BaseOutlineArc\n          startX={valueX}\n          startY={valueY}\n          endX={rangeEndX}\n          endY={rangeEndY}\n          startAlpha={valueAlpha}\n          endAlpha={rangeArcEnd}\n          color={grey}\n          radius={radius}\n          width={gaugeWidth}\n          roundStart={false}\n        />\n        <circle\n          cx={(valueX + valueInnerX) / 2}\n          cy={(valueY + valueInnerY) / 2}\n          r={pointStrokeWidth + innerPointRadius}\n          strokeWidth={pointStrokeWidth}\n          stroke={pointColor || color}\n          fill=\"white\"\n        />\n      </g>\n    </>\n  );\n};\n"],"names":["grey","GradientMeterRange","props","diameter","idx","endColor","startColor","segmented","totalRanges","value","arc","innerPointRadius","pointStrokeWidth","gaugeWidth","pointColor","start","end","valueWithinRange","arcStart","radius","rangeArcStart","rangeArcEnd","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","jsx","BaseOutlineArc","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY","useVerticalGradient","useHorizontalGradient","fraction","color","getFractionColor","jsxs","Fragment"],"mappings":"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"}
+{"version":3,"file":"sd-component-library237.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-needle/discrete-meter-needle.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { BaseNeedle } from \"../../../outline-meter/partials/base-needle\";\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { DiscreteMeterNeedleProps as Props } from \"./interfaces\";\n\nexport function DiscreteMeterNeedle<T>(props: PropsWithChildren<Props<T>>) {\n  const {\n    needleColor,\n    options,\n    value,\n    needleWidth,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    diameter,\n    arc,\n    distanceBetweenRanges,\n    distanceFromRange,\n    gaugeWidth,\n  } = props;\n\n  const matchingRangeIndex = options.findIndex(\n    (option) => value === option.value\n  );\n\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2;\n  const arcForRanges = arc - (options.length - 1) * distanceBetweenRanges;\n\n  const start = matchingRangeIndex / options.length;\n  const end = (matchingRangeIndex + 1) / options.length;\n\n  const rangeArc = arcForRanges * (end - start);\n\n  const rangeArcStart =\n    arcStart +\n    distanceBetweenRanges * matchingRangeIndex +\n    arcForRanges * start;\n\n  const valueAlpha = rangeArcStart + rangeArc / 2;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n\n  const needleTipX = getInnerX(\n    valueX,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n  const needleTipY = getInnerY(\n    valueY,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n\n  const dx = (needleWidth / 2) * Math.cos(degToRad(valueAlpha));\n  const dy = (needleWidth / 2) * Math.sin(degToRad(valueAlpha));\n\n  return (\n    <BaseNeedle\n      dx={dx}\n      dy={dy}\n      color={needleColor}\n      radius={radius}\n      tipX={needleTipX}\n      tipY={needleTipY}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      innerCircleRadius={innerCircleRadius}\n      needleWidth={needleWidth}\n    />\n  );\n}\n"],"names":["DiscreteMeterNeedle","props","needleColor","options","value","needleWidth","innerCircleRadius","innerCircleStrokeWidth","diameter","arc","distanceBetweenRanges","distanceFromRange","gaugeWidth","matchingRangeIndex","option","radius","arcStart","arcForRanges","start","end","rangeArc","valueAlpha","valueX","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","dy","jsx","BaseNeedle"],"mappings":";;;AAWO,SAASA,EAAuBC,GAAoC;AACnE,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAX,GAEEY,IAAqBV,EAAQ;AAAA,IACjC,CAACW,MAAWV,MAAUU,EAAO;AAAA,EAAA,GAGzBC,IAASP,IAAW,GAEpBQ,KAAY,MAAMP,KAAO,GACzBQ,IAAeR,KAAON,EAAQ,SAAS,KAAKO,GAE5CQ,IAAQL,IAAqBV,EAAQ,QACrCgB,KAAON,IAAqB,KAAKV,EAAQ,QAEzCiB,IAAWH,KAAgBE,IAAMD,IAOjCG,IAJJL,IACAN,IAAwBG,IACxBI,IAAeC,IAEkBE,IAAW,GACxC,EAAE,GAAGE,GAAQ,GAAGC,MAAWC,EAAoBT,GAAQM,CAAU,GAEjEI,IAAaC;AAAA,IACjBJ;AAAA,IACAK,EAASN,CAAU;AAAA,IACnBV,IAAoBC,IAAaP,IAAc;AAAA,EAAA,GAE3CuB,IAAaC;AAAA,IACjBN;AAAA,IACAI,EAASN,CAAU;AAAA,IACnBV,IAAoBC,IAAaP,IAAc;AAAA,EAAA,GAG3CyB,IAAMzB,IAAc,IAAK,KAAK,IAAIsB,EAASN,CAAU,CAAC,GACtDU,IAAM1B,IAAc,IAAK,KAAK,IAAIsB,EAASN,CAAU,CAAC;AAG1D,SAAAW,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAH;AAAA,MACA,IAAAC;AAAA,MACA,OAAO7B;AAAA,MACP,QAAAa;AAAA,MACA,MAAMU;AAAA,MACN,MAAMG;AAAA,MACN,wBAAArB;AAAA,MACA,mBAAAD;AAAA,MACA,aAAAD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library238.js

@@ -1,50 +1,16 @@
-import { j as N } from "./sd-component-library197.js";
-import { getInnerX as k, getInnerY as B, degToRad as c, getCoordinateForArc as i } from "./sd-component-library91.js";
-import { getFractionColor as b } from "./sd-component-library236.js";
-import { BaseNeedle as q } from "./sd-component-library312.js";
-const O = (R) => {
-  const {
-    ranges: r,
-    distanceFromRange: d,
-    innerCircleRadius: X,
-    innerCircleStrokeWidth: Y,
-    needleWidth: n,
-    arc: a,
-    value: l,
-    gaugeWidth: g,
-    diameter: v,
-    needleColor: S
-  } = R, s = v / 2, e = r.length, t = Math.floor(l * e), y = r[t][0], A = r[t][1], u = (360 - a) / 2, m = u + a * t / e, E = u + a * (t + 1) / e, p = t / e, M = (t + 1) / e, { x: h, y: x } = i(
-    s,
-    m
-  ), { x: j, y: F } = i(
-    s,
-    E
-  ), o = m + (l - p) / (M - p) * a / r.length, { x: C, y: f } = i(s, o), G = k(
-    C,
-    c(o),
-    d + g + n / 2
-  ), I = B(
-    f,
-    c(o),
-    d + g + n / 2
-  ), T = n / 2 * Math.cos(c(o)), W = n / 2 * Math.sin(c(o)), z = t + 1 === e / 2 + 0.5 ? (C - h) / (j - h) : (f - x) / (F - x), H = b(z, y, A);
-  return /* @__PURE__ */ N.jsx(
-    q,
-    {
-      radius: s,
-      innerCircleRadius: X,
-      innerCircleStrokeWidth: Y,
-      needleWidth: n,
-      color: S || H,
-      dx: T,
-      dy: W,
-      tipX: G,
-      tipY: I
-    }
-  );
+import { j as g } from "./sd-component-library197.js";
+import { getRangeProperties as d } from "./sd-component-library315.js";
+import { MatchedRangeLabelBox as x } from "./sd-component-library311.js";
+const h = (e) => {
+  const { idx: t, totalRanges: a, distanceBetweenRanges: r, arc: n } = e, { rangeArcStart: o, rangeArcEnd: s } = d(
+    n,
+    a,
+    r,
+    t
+  ), c = Math.round((o + s) / 2);
+  return /* @__PURE__ */ g.jsx(x, { ...e, alpha: c, round: !0 });
 };
 export {
-  O as GradientMeterNeedle
+  h as MatchedRangeLabelBox
 };
 //# sourceMappingURL=sd-component-library238.js.map