@selfdecode/sd-component-library 4.0.138 → 4.0.139

package/lib/sd-component-library237.js

@@ -1,67 +1,112 @@
-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-library226.js";
-import { getRangeProperties as Y } from "./sd-component-library315.js";
-import { BaseOutlineArc as b } from "./sd-component-library313.js";
-import { DiscreteMeterLabelPointer as w } from "./sd-component-library316.js";
-function z(s) {
+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) => {
   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,
+    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
+  );
+  if (v || !k)
+    return /* @__PURE__ */ t.jsx(
+      X,
       {
-        startX: R,
-        startY: j,
-        endX: B,
-        endY: E,
-        startAlpha: r,
-        endAlpha: e,
-        color: n,
-        radius: t,
-        width: d
+        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
       }
-    ),
-    h && o && !x && /* @__PURE__ */ a.jsx(
-      w,
+    );
+  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",
       {
-        alpha: M,
-        pointerLength: A,
-        pointerWidth: f,
-        radius: t,
-        color: n,
-        textBottomMargin: X,
-        label: o,
-        horizontal: u
+        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 {
-  z as DiscreteRange
+  q as GradientMeterRange
 };
 //# 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/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;"}
+{"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":";;;;AAYA,MAAMA,IAAO,WACAC,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAZ,GAEEa,IAAQX,IAAMI,GACdQ,KAAOZ,IAAM,KAAKI,GAElBS,IAAmBR,KAASM,KAASN,KAASO,GAE9CE,KAAY,MAAMR,KAAO,GAEzBS,IAAShB,IAAW,GAEpBiB,IAAgBF,IAAWR,IAAMK,GACjCM,IAAcH,IAAWR,IAAMM,GAE/B,EAAE,GAAGM,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACzCL;AAAA,IACAC;AAAA,EAAA,GAEI,EAAE,GAAGK,GAAWC,EAAiB,IAAAF;AAAA,IACrCL;AAAA,IACAE;AAAA,EAAA;AAGF,MAAId,KAAa,CAACU;AAEd,WAAAU,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAQN;AAAA,QACR,QAAQC;AAAA,QACR,MAAME;AAAA,QACN,MAAMC;AAAA,QACN,YAAYN;AAAA,QACZ,UAAUC;AAAA,QACV,OACEd,KAAaE,IAAQO,IACjB,iBAAiBV,CAAU,IAAID,CAAQ,MACvCL;AAAA,QAEN,QAAAmB;AAAA,QACA,OAAON;AAAA,MAAA;AAAA,IAAA;AAIb,QAAMgB,IACJT,KAAmBX,IAAQM,MAAUC,IAAMD,KAAUL,IAAOF,GACxD,EAAE,GAAGsB,GAAQ,GAAGC,MAAWP,EAAoBL,GAAQU,CAAU,GACjEG,IAAcC,EAAUH,GAAQI,EAASL,CAAU,GAAGhB,CAAU,GAChEsB,IAAcC,EAAUL,GAAQG,EAASL,CAAU,GAAGhB,CAAU,GAEhEwB,IAAsBjC,KAAOI,IAAc,GAC3C8B,IAAwBlC,IAAM,MAAMI,IAAc,IAAI,KAEtD+B,IAAWD,KACZR,IAASR,MAAgBG,IAAYH,MACrCS,IAASR,MAAgBG,IAAYH,IACpCiB,IAAQC,EAAiBF,GAAUjC,GAAYD,CAAQ;AAE7D,SAEIqC,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAAhB,gBAAAA,MAAC,QACC,EAAA,UAAAe,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI,kBAAkBF,CAAK;AAAA,QAC1B,GAAIH,IACD;AAAA,UACE,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QACN,IACAC,IACA,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,MAC3B;AAAA,UACE,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QAEJ,UAAA;AAAA,UAAAX,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAWrB,GAAY,QAAO,MAAK;AAAA,UACxCqB,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAWa,GAAO,QAAO,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAE1C;AAAA,2BACC,KACC,EAAA,UAAA;AAAA,MAAAb,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,QAAQN;AAAA,UACR,QAAQC;AAAA,UACR,MAAMO;AAAA,UACN,MAAMC;AAAA,UACN,YAAYX;AAAA,UACZ,UAAUS;AAAA,UACV,OAAO,uBAAuBW,CAAK;AAAA,UACnC,QAAArB;AAAA,UACA,OAAON;AAAA,UACP,UAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MACAc,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,QAAQE;AAAA,UACR,QAAQC;AAAA,UACR,MAAMN;AAAA,UACN,MAAMC;AAAA,UACN,YAAYG;AAAA,UACZ,UAAUR;AAAA,UACV,OAAOrB;AAAA,UACP,QAAAmB;AAAA,UACA,OAAON;AAAA,UACP,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACAc,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKG,IAASE,KAAe;AAAA,UAC7B,KAAKD,IAASI,KAAe;AAAA,UAC7B,GAAGvB,IAAmBD;AAAA,UACtB,aAAaC;AAAA,UACb,QAAQE,KAAc0B;AAAA,UACtB,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library238.js

@@ -1,46 +1,50 @@
-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-library314.js";
-function E(p) {
+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 {
-    needleColor: u,
-    options: n,
-    value: h,
-    needleWidth: e,
-    innerCircleRadius: m,
-    innerCircleStrokeWidth: x,
-    diameter: R,
+    ranges: r,
+    distanceFromRange: d,
+    innerCircleRadius: X,
+    innerCircleStrokeWidth: Y,
+    needleWidth: n,
     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(
+    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,
-    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,
+    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,
     {
-      dx: Y,
-      dy: j,
-      color: u,
-      radius: d,
-      tipX: S,
-      tipY: X,
-      innerCircleStrokeWidth: x,
-      innerCircleRadius: m,
-      needleWidth: e
+      radius: s,
+      innerCircleRadius: X,
+      innerCircleStrokeWidth: Y,
+      needleWidth: n,
+      color: S || H,
+      dx: T,
+      dy: W,
+      tipX: G,
+      tipY: I
     }
   );
-}
+};
 export {
-  E as DiscreteMeterNeedle
+  O as GradientMeterNeedle
 };
 //# sourceMappingURL=sd-component-library238.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library238.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;"}
+{"version":3,"file":"sd-component-library238.js","sources":["../src/components/meters/gradient-outline-meter/partials/gradient-meter-needle/gradient-meter-needle.tsx"],"sourcesContent":["import React 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 { getFractionColor } from \"../../utils\";\nimport { GradientMeterNeedleProps as Props } from \"./interfaces\";\n\nexport const GradientMeterNeedle: React.FC<Props> = (props) => {\n  const {\n    ranges,\n    distanceFromRange,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    needleWidth,\n    arc,\n    value,\n    gaugeWidth,\n    diameter,\n    needleColor,\n  } = props;\n  const radius = diameter / 2;\n  const totalRanges = ranges.length;\n  const valueRangeIndex = Math.floor(value * totalRanges);\n  const startColor = ranges[valueRangeIndex][0];\n  const endColor = ranges[valueRangeIndex][1];\n\n  const arcStart = (360 - arc) / 2; // deg\n\n  const rangeArcStart = arcStart + (arc * valueRangeIndex) / totalRanges;\n  const rangeArcEnd = arcStart + (arc * (valueRangeIndex + 1)) / totalRanges;\n  const start = valueRangeIndex / totalRanges;\n  const end = (valueRangeIndex + 1) / totalRanges;\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 valueAlpha =\n    rangeArcStart + (((value - start) / (end - start)) * arc) / ranges.length;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\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  const useHorizontalGradient = valueRangeIndex + 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    <BaseNeedle\n      radius={radius}\n      innerCircleRadius={innerCircleRadius}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      needleWidth={needleWidth}\n      color={needleColor || color}\n      dx={dx}\n      dy={dy}\n      tipX={needleTipX}\n      tipY={needleTipY}\n    />\n  );\n};\n"],"names":["GradientMeterNeedle","props","ranges","distanceFromRange","innerCircleRadius","innerCircleStrokeWidth","needleWidth","arc","value","gaugeWidth","diameter","needleColor","radius","totalRanges","valueRangeIndex","startColor","endColor","arcStart","rangeArcStart","rangeArcEnd","start","end","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","valueAlpha","valueX","valueY","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","dy","fraction","color","getFractionColor","jsx","BaseNeedle"],"mappings":";;;;AAYa,MAAAA,IAAuC,CAACC,MAAU;AACvD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAV,GACEW,IAASF,IAAW,GACpBG,IAAcX,EAAO,QACrBY,IAAkB,KAAK,MAAMN,IAAQK,CAAW,GAChDE,IAAab,EAAOY,CAAe,EAAE,CAAC,GACtCE,IAAWd,EAAOY,CAAe,EAAE,CAAC,GAEpCG,KAAY,MAAMV,KAAO,GAEzBW,IAAgBD,IAAYV,IAAMO,IAAmBD,GACrDM,IAAcF,IAAYV,KAAOO,IAAkB,KAAMD,GACzDO,IAAQN,IAAkBD,GAC1BQ,KAAOP,IAAkB,KAAKD,GAE9B,EAAE,GAAGS,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACzCZ;AAAA,IACAM;AAAA,EAAA,GAEI,EAAE,GAAGO,GAAW,GAAGC,EAAc,IAAAF;AAAA,IACrCZ;AAAA,IACAO;AAAA,EAAA,GAGIQ,IACJT,KAAmBV,IAAQY,MAAUC,IAAMD,KAAUb,IAAOL,EAAO,QAC/D,EAAE,GAAG0B,GAAQ,GAAGC,MAAWL,EAAoBZ,GAAQe,CAAU,GACjEG,IAAaC;AAAA,IACjBH;AAAA,IACAI,EAASL,CAAU;AAAA,IACnBxB,IAAoBM,IAAaH,IAAc;AAAA,EAAA,GAE3C2B,IAAaC;AAAA,IACjBL;AAAA,IACAG,EAASL,CAAU;AAAA,IACnBxB,IAAoBM,IAAaH,IAAc;AAAA,EAAA,GAG3C6B,IAAM7B,IAAc,IAAK,KAAK,IAAI0B,EAASL,CAAU,CAAC,GACtDS,IAAM9B,IAAc,IAAK,KAAK,IAAI0B,EAASL,CAAU,CAAC,GAItDU,IAFwBvB,IAAkB,MAAMD,IAAc,IAAI,OAGnEe,IAASN,MAAgBG,IAAYH,MACrCO,IAASN,MAAgBG,IAAYH,IACpCe,IAAQC,EAAiBF,GAAUtB,GAAYC,CAAQ;AAG3D,SAAAwB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAA7B;AAAA,MACA,mBAAAR;AAAA,MACA,wBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAOK,KAAe2B;AAAA,MACtB,IAAAH;AAAA,MACA,IAAAC;AAAA,MACA,MAAMN;AAAA,MACN,MAAMG;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/lib/sd-component-library239.js

@@ -1,16 +1,27 @@
-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-library312.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 });
+import { j as p } from "./sd-component-library197.js";
+const m = (a) => {
+  const { position: s, diameter: t, rangeY: e, rangeX: n, distanceFromRanges: r, isInRange: o } = a;
+  if (o)
+    return null;
+  const { startX: d, startY: i, endX: X, endY: Y } = s === "left" ? {
+    startX: n || 0,
+    startY: e || t / 2 - 0.5,
+    endX: -r,
+    endY: t / 2 - 0.5
+  } : s === "top" ? {
+    startX: n || t / 2,
+    startY: e || 0,
+    endX: t / 2,
+    endY: -r
+  } : {
+    startX: n || t,
+    startY: e || t / 2 - 0.5,
+    endX: t + r,
+    endY: t / 2 - 0.5
+  };
+  return /* @__PURE__ */ p.jsx("path", { d: `M${d},${i} L${X},${Y}`, stroke: "#CCD0DB" });
 };
 export {
-  h as MatchedRangeLabelBox
+  m as OutlineMeterLabelPointer
 };
 //# sourceMappingURL=sd-component-library239.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library239.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { MatchedRangeLabelBox as LabelBox } from \"../../../common-outline-meter-partials\";\nimport { getRangeProperties } from \"../../utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const { idx, totalRanges, distanceBetweenRanges, arc } = props;\n\n  const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx\n  );\n\n  const alpha = Math.round((rangeArcStart + rangeArcEnd) / 2);\n\n  return <LabelBox {...props} alpha={alpha} round />;\n};\n"],"names":["MatchedRangeLabelBox","props","idx","totalRanges","distanceBetweenRanges","arc","rangeArcStart","rangeArcEnd","getRangeProperties","alpha","LabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,KAAAC,GAAK,aAAAC,GAAa,uBAAAC,GAAuB,KAAAC,MAAQJ,GAEnD,EAAE,eAAAK,GAAe,aAAAC,EAAA,IAAgBC;AAAA,IACrCH;AAAA,IACAF;AAAA,IACAC;AAAA,IACAF;AAAA,EAAA,GAGIO,IAAQ,KAAK,OAAOH,IAAgBC,KAAe,CAAC;AAE1D,+BAAQG,GAAU,EAAA,GAAGT,GAAO,OAAAQ,GAAc,OAAK,GAAC,CAAA;AAClD;"}
+{"version":3,"file":"sd-component-library239.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-label-pointer/outline-meter-label-pointer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { OutlineMeterLabelPointerProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterLabelPointer: React.FC<Props> = (props) => {\n  const { position, diameter, rangeY, rangeX, distanceFromRanges, isInRange } =\n    props;\n\n  if (isInRange) return null;\n\n  const { startX, startY, endX, endY } =\n    position === \"left\"\n      ? {\n          startX: rangeX || 0,\n          startY: rangeY || diameter / 2 - 0.5,\n          endX: -distanceFromRanges,\n          endY: diameter / 2 - 0.5,\n        }\n      : position === \"top\"\n      ? {\n          startX: rangeX || diameter / 2,\n          startY: rangeY || 0,\n          endX: diameter / 2,\n          endY: -distanceFromRanges,\n        }\n      : {\n          startX: rangeX || diameter,\n          startY: rangeY || diameter / 2 - 0.5,\n          endX: diameter + distanceFromRanges,\n          endY: diameter / 2 - 0.5,\n        };\n\n  return (\n    <path d={`M${startX},${startY} L${endX},${endY}`} stroke={\"#CCD0DB\"} />\n  );\n};\n"],"names":["OutlineMeterLabelPointer","props","position","diameter","rangeY","rangeX","distanceFromRanges","isInRange","startX","startY","endX","endY","jsx"],"mappings":";AAIa,MAAAA,IAA4C,CAACC,MAAU;AAClE,QAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,QAAAC,GAAQ,QAAAC,GAAQ,oBAAAC,GAAoB,WAAAC,EAC9D,IAAAN;AAEE,MAAAM;AAAkB,WAAA;AAEtB,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,MAAAC,GAAM,MAAAC,EAAK,IACjCT,MAAa,SACT;AAAA,IACE,QAAQG,KAAU;AAAA,IAClB,QAAQD,KAAUD,IAAW,IAAI;AAAA,IACjC,MAAM,CAACG;AAAA,IACP,MAAMH,IAAW,IAAI;AAAA,EAAA,IAEvBD,MAAa,QACb;AAAA,IACE,QAAQG,KAAUF,IAAW;AAAA,IAC7B,QAAQC,KAAU;AAAA,IAClB,MAAMD,IAAW;AAAA,IACjB,MAAM,CAACG;AAAA,EAAA,IAET;AAAA,IACE,QAAQD,KAAUF;AAAA,IAClB,QAAQC,KAAUD,IAAW,IAAI;AAAA,IACjC,MAAMA,IAAWG;AAAA,IACjB,MAAMH,IAAW,IAAI;AAAA,EAAA;AAG7B,SACGS,gBAAAA,EAAAA,IAAA,QAAA,EAAK,GAAG,IAAIJ,CAAM,IAAIC,CAAM,KAAKC,CAAI,IAAIC,CAAI,IAAI,QAAQ,UAAW,CAAA;AAEzE;"}