@selfdecode/sd-component-library 4.0.112 → 4.0.113

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library233.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/smiley-meter-ranges.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { isValueInRange } from \"../../../outline-meter/utils\";\nimport { SmileyMeterRange } from \"../smiley-meter-range\";\nimport { SmileyMeterRangesProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRanges = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const { value, ranges, distanceFromRanges } = props;\n\n    const matchingRangeIndex = ranges.findIndex(({ start, end, bounds }) =>\n      isValueInRange(value, start, end, bounds)\n    );\n    const newRanges = ranges.map((range, idx) => ({\n      ...range,\n      color:\n        idx < matchingRangeIndex\n          ? ranges[matchingRangeIndex].color\n          : range.color,\n    }));\n\n    return (\n      <>\n        {newRanges.map((range, idx) => (\n          <SmileyMeterRange\n            {...range}\n            {...props}\n            idx={idx}\n            totalRanges={ranges.length}\n            pointerLength={distanceFromRanges}\n            key={`${range.start}-${range.end}-${idx}`}\n            isMatchedRange={matchingRangeIndex === idx}\n            ref={pointRef}\n          />\n        ))}\n      </>\n    );\n  }\n);\n"],"names":["SmileyMeterRanges","React","props","pointRef","value","ranges","distanceFromRanges","matchingRangeIndex","start","end","bounds","isValueInRange","newRanges","range","idx","jsx","Fragment","createElement","SmileyMeterRange"],"mappings":";;;;AAMO,MAAMA,IAAoBC,EAAM;AAAA,EACrC,CAACC,GAAOC,MAAa;AACnB,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,oBAAAC,EAAA,IAAuBJ,GAExCK,IAAqBF,EAAO;AAAA,MAAU,CAAC,EAAE,OAAAG,GAAO,KAAAC,GAAK,QAAAC,QACzDC,EAAeP,GAAOI,GAAOC,GAAKC,CAAM;AAAA,IAAA,GAEpCE,IAAYP,EAAO,IAAI,CAACQ,GAAOC,OAAS;AAAA,MAC5C,GAAGD;AAAA,MACH,OACEC,IAAMP,IACFF,EAAOE,CAAkB,EAAE,QAC3BM,EAAM;AAAA,IACZ,EAAA;AAEF,WAEKE,gBAAAA,EAAA,IAAAC,EAAA,UAAA,EAAA,UAAAJ,EAAU,IAAI,CAACC,GAAOC,MACrB,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACH,GAAGX;AAAA,QACJ,KAAAY;AAAA,QACA,aAAaT,EAAO;AAAA,QACpB,eAAeC;AAAA,QACf,KAAK,GAAGO,EAAM,KAAK,IAAIA,EAAM,GAAG,IAAIC,CAAG;AAAA,QACvC,gBAAgBP,MAAuBO;AAAA,QACvC,KAAKX;AAAA,MAAA;AAAA,IAER,CAAA,EACH,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"sd-component-library233.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-range/outline-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n  inValueHigherThanRange,\n  isValueInRange,\n} from \"../../utils\";\nimport { BaseOutlineArc } from \"../base-outline-arc\";\nimport { OutlineMeterLabelPointer } from \"../outline-meter-label-pointer\";\nimport { OutlineMeterRangeProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      start,\n      end,\n      color,\n      bounds,\n      diameter,\n      arc,\n      distanceBetweenRanges,\n      totalRanges,\n      value,\n      gaugeWidth,\n      segmented,\n      idx,\n      pointStrokeWidth,\n      innerPointRadius,\n      distanceFromRanges,\n      label,\n      labelPosition,\n      hideLabels,\n      connected,\n    } = props;\n\n    const grey = \"#CCD0DB\";\n\n    /* Arc value (in degrees) used for all ranges. */\n    const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n    /* Arc value for the current range. */\n    const rangeArc = arcForRanges * (end - start);\n    const valueWithinRange = isValueInRange(value, start, end, bounds);\n\n    const arcStart = (360 - arc) / 2; // deg\n\n    const radius = diameter / 2;\n\n    const rangeArcStart =\n      arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n    const needConnection =\n      connected && inValueHigherThanRange(value, end, bounds);\n    const rangeArcEnd =\n      rangeArcStart +\n      arcForRanges * (end - start) +\n      (needConnection ? distanceBetweenRanges : 0);\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 calculatedLabelPosition =\n      labelPosition || idx === 0\n        ? \"left\"\n        : idx === totalRanges - 1\n        ? \"right\"\n        : \"top\";\n\n    /* When range will be filled completely. */\n    if (segmented || !valueWithinRange) {\n      const fillColor =\n        (segmented && valueWithinRange) ||\n        (!segmented && inValueHigherThanRange(value, end, bounds))\n          ? color\n          : grey;\n\n      const adjustedRangeArcEnd = needConnection\n        ? rangeArcEnd - distanceBetweenRanges\n        : rangeArcEnd;\n      const { y: adjustedRangeY } = getCoordinateForArc(\n        radius,\n        adjustedRangeArcEnd\n      );\n      const { x: rangeX, y: rangeY } = getCoordinateForArc(\n        radius,\n        (rangeArcStart + adjustedRangeArcEnd) / 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={fillColor}\n            radius={radius}\n            width={gaugeWidth}\n          />\n          {!hideLabels && label && (\n            <OutlineMeterLabelPointer\n              diameter={diameter}\n              position={calculatedLabelPosition}\n              distanceFromRanges={distanceFromRanges}\n              isInRange={valueWithinRange}\n              {...((calculatedLabelPosition === \"right\" &&\n                rangeStartY > diameter / 2) ||\n              (calculatedLabelPosition === \"left\" &&\n                adjustedRangeY > diameter / 2)\n                ? {\n                    rangeX,\n                    rangeY,\n                  }\n                : undefined)}\n            />\n          )}\n        </g>\n      );\n    }\n\n    const valueAlpha =\n      rangeArcStart + ((value - start) / (end - start)) * rangeArc;\n\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    return (\n      <g>\n        <BaseOutlineArc\n          startX={rangeStartX}\n          startY={rangeStartY}\n          endX={valueX}\n          endY={valueY}\n          startAlpha={rangeArcStart}\n          endAlpha={valueAlpha}\n          color={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={color}\n          fill=\"white\"\n          ref={pointRef}\n        />\n        {!hideLabels && label && (\n          <OutlineMeterLabelPointer\n            diameter={diameter}\n            isInRange\n            position={calculatedLabelPosition}\n            distanceFromRanges={distanceFromRanges}\n          />\n        )}\n      </g>\n    );\n  }\n);\n"],"names":["OutlineMeterRange","React","props","pointRef","start","end","color","bounds","diameter","arc","distanceBetweenRanges","totalRanges","value","gaugeWidth","segmented","idx","pointStrokeWidth","innerPointRadius","distanceFromRanges","label","labelPosition","hideLabels","connected","grey","arcForRanges","rangeArc","valueWithinRange","isValueInRange","arcStart","radius","rangeArcStart","needConnection","inValueHigherThanRange","rangeArcEnd","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","calculatedLabelPosition","fillColor","adjustedRangeArcEnd","adjustedRangeY","rangeX","rangeY","jsx","BaseOutlineArc","OutlineMeterLabelPointer","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY"],"mappings":"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"}

package/lib/sd-component-library234.js

@@ -1,36 +1,46 @@
-import { j as h } from "./sd-component-library198.js";
-import { getRangeProperties as p } from "./sd-component-library232.js";
-import { MatchedRangeLabelBox as u } from "./sd-component-library317.js";
-const b = (e) => {
+import { j as i } from "./sd-component-library198.js";
+import { getInnerX as m, getInnerY as g, getCoordinateForArc as C, degToRad as F } from "./sd-component-library93.js";
+const X = (p) => {
   const {
-    range: a,
-    arc: n,
-    totalRanges: o,
-    distanceBetweenRanges: r,
-    idx: s,
-    diameter: d,
-    segmented: c,
-    counterClockWise: i
-  } = e, { start: g, end: l } = a, m = d / 2, { rangeArcMiddle: x } = p(
-    n,
-    o,
-    r,
-    s,
-    g,
-    l
-  ), t = Math.round(x);
-  return /* @__PURE__ */ h.jsx(
-    u,
-    {
-      ...e,
-      ...a,
-      alpha: i ? 360 - t : t,
-      radius: m,
-      round: c
-    }
-  );
+    diameter: l,
+    arc: a,
+    color: u = "#CCD0DB",
+    dashHeight: e,
+    dashWidth: x,
+    numberOfDashes: r,
+    distanceFromRangesToScale: t,
+    gaugeWidth: o
+  } = p, R = l / 2, j = (360 - a) / 2, D = a / (r - 1);
+  return /* @__PURE__ */ i.jsx("g", { children: [...Array(r)].map((I, n) => {
+    const c = j + n * D, { x: d, y: h } = C(R, c), s = F(c), T = m(
+      d,
+      s,
+      o + t
+    ), $ = g(
+      h,
+      s,
+      o + t
+    ), f = m(
+      d,
+      s,
+      o + t + e
+    ), B = g(
+      h,
+      s,
+      o + t + e
+    );
+    return /* @__PURE__ */ i.jsx(
+      "path",
+      {
+        d: `M${T},${$} L${f},${B}`,
+        stroke: u,
+        strokeWidth: x
+      },
+      n
+    );
+  }) });
 };
 export {
-  b as MatchedRangeLabelBox
+  X as OutlineMeterScale
 };
 //# sourceMappingURL=sd-component-library234.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library234.js","sources":["../src/components/meters/smiley-meter-v2/partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { MatchedRangeLabelBox as LabelBox } from \"../../../common-outline-meter-partials\";\nimport { getRangeProperties } from \"../../utils\";\nimport { MatchedRangeBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const {\n    range,\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx,\n    diameter,\n    segmented,\n    counterClockWise,\n  } = props;\n  const { start, end } = range;\n\n  const radius = diameter / 2;\n  const { rangeArcMiddle: alpha } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx,\n    start,\n    end\n  );\n\n  const roundedAlpha = Math.round(alpha);\n\n  return (\n    <LabelBox\n      {...props}\n      {...range}\n      alpha={counterClockWise ? 360 - roundedAlpha : roundedAlpha}\n      radius={radius}\n      round={segmented}\n    />\n  );\n};\n"],"names":["MatchedRangeLabelBox","props","range","arc","totalRanges","distanceBetweenRanges","idx","diameter","segmented","counterClockWise","start","end","radius","alpha","getRangeProperties","roundedAlpha","jsx","LabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,EACE,IAAAR,GACE,EAAE,OAAAS,GAAO,KAAAC,EAAQ,IAAAT,GAEjBU,IAASL,IAAW,GACpB,EAAE,gBAAgBM,EAAA,IAAUC;AAAA,IAChCX;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAI;AAAA,IACAC;AAAA,EAAA,GAGII,IAAe,KAAK,MAAMF,CAAK;AAGnC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGhB;AAAA,MACH,GAAGC;AAAA,MACJ,OAAOO,IAAmB,MAAMM,IAAeA;AAAA,MAC/C,QAAAH;AAAA,MACA,OAAOJ;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"sd-component-library234.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-scale/outline-meter-scale.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../utils\";\nimport { OutlineMeterScaleProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterScale: React.FC<Props> = (props) => {\n  const {\n    diameter,\n    arc,\n    color = \"#CCD0DB\",\n    dashHeight,\n    dashWidth,\n    numberOfDashes,\n    distanceFromRangesToScale: distanceFromRanges,\n    gaugeWidth,\n  } = props;\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2; // deg\n  const degPerDash = arc / (numberOfDashes - 1);\n\n  return (\n    <g>\n      {[...Array(numberOfDashes)].map((_, idx) => {\n        const alpha = arcStart + idx * degPerDash;\n        const { x, y } = getCoordinateForArc(radius, alpha);\n        const alphaInRad = degToRad(alpha);\n        const dashTopX = getInnerX(\n          x,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges\n        );\n        const dashTopY = getInnerY(\n          y,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges\n        );\n        const dashBottomX = getInnerX(\n          x,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges + dashHeight\n        );\n        const dashBottomY = getInnerY(\n          y,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges + dashHeight\n        );\n        return (\n          <path\n            key={idx}\n            d={`M${dashTopX},${dashTopY} L${dashBottomX},${dashBottomY}`}\n            stroke={color}\n            strokeWidth={dashWidth}\n          />\n        );\n      })}\n    </g>\n  );\n};\n"],"names":["OutlineMeterScale","props","diameter","arc","color","dashHeight","dashWidth","numberOfDashes","distanceFromRanges","gaugeWidth","radius","arcStart","degPerDash","jsx","_","idx","alpha","x","y","getCoordinateForArc","alphaInRad","degToRad","dashTopX","getInnerX","dashTopY","getInnerY","dashBottomX","dashBottomY"],"mappings":";;AAUa,MAAAA,IAAqC,CAACC,MAAU;AACrD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,2BAA2BC;AAAA,IAC3B,YAAAC;AAAA,EACE,IAAAR,GACES,IAASR,IAAW,GAEpBS,KAAY,MAAMR,KAAO,GACzBS,IAAaT,KAAOI,IAAiB;AAGzC,SAAAM,gBAAAA,MAAC,KACE,EAAA,UAAA,CAAC,GAAG,MAAMN,CAAc,CAAC,EAAE,IAAI,CAACO,GAAGC,MAAQ;AACpC,UAAAC,IAAQL,IAAWI,IAAMH,GACzB,EAAE,GAAAK,GAAG,GAAAC,EAAA,IAAMC,EAAoBT,GAAQM,CAAK,GAC5CI,IAAaC,EAASL,CAAK,GAC3BM,IAAWC;AAAA,MACfN;AAAA,MACAG;AAAA,MACAX,IAAaD;AAAA,IAAA,GAETgB,IAAWC;AAAA,MACfP;AAAA,MACAE;AAAA,MACAX,IAAaD;AAAA,IAAA,GAETkB,IAAcH;AAAA,MAClBN;AAAA,MACAG;AAAA,MACAX,IAAaD,IAAqBH;AAAA,IAAA,GAE9BsB,IAAcF;AAAA,MAClBP;AAAA,MACAE;AAAA,MACAX,IAAaD,IAAqBH;AAAA,IAAA;AAGlC,WAAAQ,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,GAAG,IAAIS,CAAQ,IAAIE,CAAQ,KAAKE,CAAW,IAAIC,CAAW;AAAA,QAC1D,QAAQvB;AAAA,QACR,aAAaE;AAAA,MAAA;AAAA,MAHRS;AAAA,IAAA;AAAA,EAMV,CAAA,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library235.js

@@ -1,67 +1,50 @@
-import { j as o } from "./sd-component-library198.js";
-import { Box as d } from "rebass";
-import { BoldText as t } from "./sd-component-library165.js";
-import { FlexCenter as h } from "./sd-component-library36.js";
-const m = "80px", B = (i) => {
+import { j as k } from "./sd-component-library198.js";
+import { isValueInRange as w, getInnerX as E, getInnerY as O, degToRad as r, getCoordinateForArc as V } from "./sd-component-library93.js";
+import { BaseNeedle as b } from "./sd-component-library321.js";
+const G = (x) => {
   const {
-    questionText: n,
-    children: r,
-    containerSx: x,
-    iconContainerSx: p,
-    questionTextFontSize: s = 24,
-    iconFontSize: a = 40,
-    questionMarginBottom: c = "30px",
-    showIcon: e = !1,
-    ...l
-  } = i;
-  return /* @__PURE__ */ o.jsxs(
-    d,
+    diameter: f,
+    value: c,
+    arc: i,
+    ranges: o,
+    useSegmentedBehavior: v,
+    innerCircleRadius: I,
+    innerCircleStrokeWidth: A,
+    distanceFromRange: d,
+    needleWidth: e,
+    needleColor: C,
+    distanceBetweenRanges: l,
+    gaugeWidth: g
+  } = x, a = o.find(
+    ({ start: s, end: y, bounds: N }) => w(c, s, y, N)
+  );
+  if (!a)
+    return null;
+  const u = f / 2, S = (360 - i) / 2, m = i - (o.length - 1) * l, { start: t, end: h, color: X } = a, Y = o.findIndex((s) => s === a), p = m * (h - t), R = S + l * Y + m * t, n = v ? R + p / 2 : R + (c - t) / (h - t) * p, { x: j, y: B } = V(u, n), F = E(
+    j,
+    r(n),
+    d + g + e / 2
+  ), M = O(
+    B,
+    r(n),
+    d + g + e / 2
+  ), T = e / 2 * Math.cos(r(n)), W = e / 2 * Math.sin(r(n));
+  return /* @__PURE__ */ k.jsx(
+    b,
     {
-      sx: {
-        width: "270px",
-        position: "relative",
-        borderRadius: "5px",
-        boxShadow: "0px 0px 10px #9BA2B433",
-        px: "40px",
-        pb: "40px",
-        pt: e ? "70px" : "40px",
-        bg: "cl_white",
-        ...x
-      },
-      ...l,
-      children: [
-        /* @__PURE__ */ o.jsx(
-          t,
-          {
-            fontSize: s,
-            textAlign: "center",
-            mb: c,
-            children: n
-          }
-        ),
-        r,
-        e && /* @__PURE__ */ o.jsx(
-          h,
-          {
-            size: m,
-            bg: "white",
-            sx: {
-              position: "absolute",
-              left: "50%",
-              top: 0,
-              boxShadow: "0px 0px 10px #9BA2B433",
-              borderRadius: "50%",
-              transform: "translate(-50%, -50%)",
-              ...p
-            },
-            children: /* @__PURE__ */ o.jsx(t, { fontSize: a, color: "cl_purple", children: "?" })
-          }
-        )
-      ]
+      dx: T,
+      dy: W,
+      color: C || X,
+      radius: u,
+      tipX: F,
+      tipY: M,
+      innerCircleStrokeWidth: A,
+      innerCircleRadius: I,
+      needleWidth: e
     }
   );
 };
 export {
-  B as BaseFeedbackContainer
+  G as OutlineMeterNeedle
 };
 //# sourceMappingURL=sd-component-library235.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library235.js","sources":["../src/components/feedback/base-feedback-container/base-feedback-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { FlexCenter } from \"../../containers\";\nimport { BoldText } from \"../../texts\";\nimport { BaseFeedbackBlockProps as Props } from \"./interfaces\";\n\nconst iconSize = \"80px\";\n\nexport const BaseFeedbackContainer: React.FC<Props> = (props) => {\n  const {\n    questionText,\n    children,\n    containerSx,\n    iconContainerSx,\n    questionTextFontSize = 24,\n    iconFontSize = 40,\n    questionMarginBottom = \"30px\",\n    showIcon = false,\n    ...hoverCallbacks\n  } = props;\n\n  return (\n    <Box\n      sx={{\n        width: \"270px\",\n        position: \"relative\",\n        borderRadius: \"5px\",\n        boxShadow: \"0px 0px 10px #9BA2B433\",\n        px: \"40px\",\n        pb: \"40px\",\n        pt: showIcon ? \"70px\" : \"40px\",\n        bg: \"cl_white\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <BoldText\n        fontSize={questionTextFontSize}\n        textAlign=\"center\"\n        mb={questionMarginBottom}\n      >\n        {questionText}\n      </BoldText>\n\n      {children}\n\n      {showIcon && (\n        <FlexCenter\n          size={iconSize}\n          bg=\"white\"\n          sx={{\n            position: \"absolute\",\n            left: \"50%\",\n            top: 0,\n            boxShadow: \"0px 0px 10px #9BA2B433\",\n            borderRadius: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n            ...iconContainerSx,\n          }}\n        >\n          <BoldText fontSize={iconFontSize} color=\"cl_purple\">\n            ?\n          </BoldText>\n        </FlexCenter>\n      )}\n    </Box>\n  );\n};\n"],"names":["iconSize","BaseFeedbackContainer","props","questionText","children","containerSx","iconContainerSx","questionTextFontSize","iconFontSize","questionMarginBottom","showIcon","hoverCallbacks","jsxs","Box","jsx","BoldText","FlexCenter"],"mappings":";;;;AAQA,MAAMA,IAAW,QAEJC,IAAyC,CAACC,MAAU;AACzD,QAAA;AAAA,IACJ,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,cAAAC,IAAe;AAAA,IACf,sBAAAC,IAAuB;AAAA,IACvB,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EACD,IAAAT;AAGF,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAc;AAAA,QACd,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAIH,IAAW,SAAS;AAAA,QACxB,IAAI;AAAA,QACJ,GAAGL;AAAA,MACL;AAAA,MACC,GAAGM;AAAA,MAEJ,UAAA;AAAA,QAAAG,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUR;AAAA,YACV,WAAU;AAAA,YACV,IAAIE;AAAA,YAEH,UAAAN;AAAA,UAAA;AAAA,QACH;AAAA,QAECC;AAAA,QAEAM,KACCI,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAMhB;AAAA,YACN,IAAG;AAAA,YACH,IAAI;AAAA,cACF,UAAU;AAAA,cACV,MAAM;AAAA,cACN,KAAK;AAAA,cACL,WAAW;AAAA,cACX,cAAc;AAAA,cACd,WAAW;AAAA,cACX,GAAGM;AAAA,YACL;AAAA,YAEA,gCAACS,GAAS,EAAA,UAAUP,GAAc,OAAM,aAAY,UAEpD,KAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"sd-component-library235.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-needle/outline-meter-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n  isValueInRange,\n} from \"../../utils\";\nimport { BaseNeedle } from \"../base-needle\";\nimport { OutlineMeterNeedleProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterNeedle: React.FC<Props> = (props) => {\n  const {\n    diameter,\n    value,\n    arc,\n    ranges,\n    useSegmentedBehavior,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    distanceFromRange,\n    needleWidth,\n    needleColor,\n    distanceBetweenRanges,\n    gaugeWidth,\n  } = props;\n\n  const matchingRange = ranges.find(({ start, end, bounds }) =>\n    isValueInRange(value, start, end, bounds)\n  );\n\n  if (!matchingRange) return null;\n\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2;\n  const arcForRanges = arc - (ranges.length - 1) * distanceBetweenRanges;\n  const { start, end, color } = matchingRange;\n  const matchingRangeIndex = ranges.findIndex((r) => r === matchingRange);\n  const rangeArc = arcForRanges * (end - start);\n\n  const rangeArcStart =\n    arcStart +\n    distanceBetweenRanges * matchingRangeIndex +\n    arcForRanges * start;\n\n  const valueAlpha = useSegmentedBehavior\n    ? rangeArcStart + rangeArc / 2\n    : rangeArcStart + ((value - start) / (end - start)) * rangeArc;\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 || color}\n      radius={radius}\n      tipX={needleTipX}\n      tipY={needleTipY}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      innerCircleRadius={innerCircleRadius}\n      needleWidth={needleWidth}\n    />\n  );\n};\n"],"names":["OutlineMeterNeedle","props","diameter","value","arc","ranges","useSegmentedBehavior","innerCircleRadius","innerCircleStrokeWidth","distanceFromRange","needleWidth","needleColor","distanceBetweenRanges","gaugeWidth","matchingRange","start","end","bounds","isValueInRange","radius","arcStart","arcForRanges","color","matchingRangeIndex","r","rangeArc","rangeArcStart","valueAlpha","valueX","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","dy","jsx","BaseNeedle"],"mappings":";;;AAYa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAZ,GAEEa,IAAgBT,EAAO;AAAA,IAAK,CAAC,EAAE,OAAAU,GAAO,KAAAC,GAAK,QAAAC,QAC/CC,EAAef,GAAOY,GAAOC,GAAKC,CAAM;AAAA,EAAA;AAG1C,MAAI,CAACH;AAAsB,WAAA;AAE3B,QAAMK,IAASjB,IAAW,GAEpBkB,KAAY,MAAMhB,KAAO,GACzBiB,IAAejB,KAAOC,EAAO,SAAS,KAAKO,GAC3C,EAAE,OAAAG,GAAO,KAAAC,GAAK,OAAAM,EAAA,IAAUR,GACxBS,IAAqBlB,EAAO,UAAU,CAACmB,MAAMA,MAAMV,CAAa,GAChEW,IAAWJ,KAAgBL,IAAMD,IAEjCW,IACJN,IACAR,IAAwBW,IACxBF,IAAeN,GAEXY,IAAarB,IACfoB,IAAgBD,IAAW,IAC3BC,KAAkBvB,IAAQY,MAAUC,IAAMD,KAAUU,GAClD,EAAE,GAAGG,GAAQ,GAAGC,MAAWC,EAAoBX,GAAQQ,CAAU,GAEjEI,IAAaC;AAAA,IACjBJ;AAAA,IACAK,EAASN,CAAU;AAAA,IACnBlB,IAAoBI,IAAaH,IAAc;AAAA,EAAA,GAE3CwB,IAAaC;AAAA,IACjBN;AAAA,IACAI,EAASN,CAAU;AAAA,IACnBlB,IAAoBI,IAAaH,IAAc;AAAA,EAAA,GAG3C0B,IAAM1B,IAAc,IAAK,KAAK,IAAIuB,EAASN,CAAU,CAAC,GACtDU,IAAM3B,IAAc,IAAK,KAAK,IAAIuB,EAASN,CAAU,CAAC;AAG1D,SAAAW,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAH;AAAA,MACA,IAAAC;AAAA,MACA,OAAO1B,KAAeW;AAAA,MACtB,QAAAH;AAAA,MACA,MAAMY;AAAA,MACN,MAAMG;AAAA,MACN,wBAAA1B;AAAA,MACA,mBAAAD;AAAA,MACA,aAAAG;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library236.js

@@ -1,26 +1,11 @@
-import { j as r } from "./sd-component-library198.js";
-import { Button as c } from "./sd-component-library26.js";
-const _ = (o) => {
-  const { active: e, disabled: l } = o;
-  return /* @__PURE__ */ r.jsx(
-    c,
-    {
-      width: ["100%"],
-      variant: "_booleanAction",
-      bg: e ? "cl_purple" : void 0,
-      color: e ? "cl_white" : l ? "cl_grey" : void 0,
-      hoverBg: l ? e ? "cl_purple" : "cl_white" : "cl_blue",
-      borderColor: l ? "cl_grey" : e ? "cl_purple" : void 0,
-      hoverBorderColor: e ? "cl_blue" : void 0,
-      hoverColor: l && !e ? "cl_grey" : "cl_white",
-      fill: e ? "cl_white" : l ? "cl_grey" : "cl_blue",
-      hoverFill: l && !e ? "cl_grey" : "cl_white",
-      borderWidth: "2px",
-      ...o
-    }
-  );
+import { j as m } from "./sd-component-library198.js";
+import { isValueInRange as x } from "./sd-component-library93.js";
+import { BaseMeterLabelBox as u } from "./sd-component-library244.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 });
 };
 export {
-  _ as BaseFeedbackButton
+  g as OutlineMeterLabelBox
 };
 //# 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/feedback/base-feedback-button/base-feedback-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../buttons\";\nimport { BaseFeedbackButtonProps as Props } from \"./interfaces\";\n\nexport const BaseFeedbackButton: React.FC<Props> = (props) => {\n  const { active, disabled } = props;\n  return (\n    <Button\n      width={[\"100%\"]}\n      variant=\"_booleanAction\"\n      bg={active ? \"cl_purple\" : undefined}\n      color={active ? \"cl_white\" : disabled ? \"cl_grey\" : undefined}\n      hoverBg={disabled ? (active ? \"cl_purple\" : \"cl_white\") : \"cl_blue\"}\n      borderColor={disabled ? \"cl_grey\" : active ? \"cl_purple\" : undefined}\n      hoverBorderColor={active ? \"cl_blue\" : undefined}\n      hoverColor={disabled && !active ? \"cl_grey\" : \"cl_white\"}\n      fill={active ? \"cl_white\" : disabled ? \"cl_grey\" : \"cl_blue\"}\n      hoverFill={disabled && !active ? \"cl_grey\" : \"cl_white\"}\n      borderWidth=\"2px\"\n      {...props}\n    />\n  );\n};\n"],"names":["BaseFeedbackButton","props","active","disabled","jsx","Button"],"mappings":";;AAKa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA,EAAE,QAAAC,GAAQ,UAAAC,EAAa,IAAAF;AAE3B,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO,CAAC,MAAM;AAAA,MACd,SAAQ;AAAA,MACR,IAAIH,IAAS,cAAc;AAAA,MAC3B,OAAOA,IAAS,aAAaC,IAAW,YAAY;AAAA,MACpD,SAASA,IAAYD,IAAS,cAAc,aAAc;AAAA,MAC1D,aAAaC,IAAW,YAAYD,IAAS,cAAc;AAAA,MAC3D,kBAAkBA,IAAS,YAAY;AAAA,MACvC,YAAYC,KAAY,CAACD,IAAS,YAAY;AAAA,MAC9C,MAAMA,IAAS,aAAaC,IAAW,YAAY;AAAA,MACnD,WAAWA,KAAY,CAACD,IAAS,YAAY;AAAA,MAC7C,aAAY;AAAA,MACX,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"sd-component-library236.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-label-box/outline-meter-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { isValueInRange } from \"../../utils\";\nimport { BaseMeterLabelBox } from \"../base-meter-label-box\";\nimport { OutlineMeterLabelBoxProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterLabelBox: React.FC<Props> = (props) => {\n  const { value, idx, totalRanges, start, end, bounds } = props;\n\n  const isInRange = isValueInRange(value, start, end, bounds);\n  const position =\n    idx === 0 ? \"left\" : idx === totalRanges - 1 ? \"right\" : \"top\";\n\n  return (\n    <BaseMeterLabelBox isInRange={isInRange} position={position} {...props} />\n  );\n};\n"],"names":["OutlineMeterLabelBox","props","value","idx","totalRanges","start","end","bounds","isInRange","isValueInRange","position","jsx","BaseMeterLabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,OAAAC,GAAO,KAAAC,GAAK,aAAAC,GAAa,OAAAC,GAAO,KAAAC,GAAK,QAAAC,EAAW,IAAAN,GAElDO,IAAYC,EAAeP,GAAOG,GAAOC,GAAKC,CAAM,GACpDG,IACJP,MAAQ,IAAI,SAASA,MAAQC,IAAc,IAAI,UAAU;AAE3D,SACGO,gBAAAA,EAAAA,IAAAC,GAAA,EAAkB,WAAAJ,GAAsB,UAAAE,GAAqB,GAAGT,EAAO,CAAA;AAE5E;"}

package/lib/sd-component-library237.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-library198.js";
+import { getCoordinateForArc as i } from "./sd-component-library93.js";
+import { defaultTextBottomMargin as X } from "./sd-component-library226.js";
+import { getRangeProperties as Y } from "./sd-component-library318.js";
+import { BaseOutlineArc as b } from "./sd-component-library319.js";
+import { DiscreteMeterLabelPointer as w } from "./sd-component-library320.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-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/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-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;"}

package/lib/sd-component-library238.js

@@ -1,112 +1,46 @@
-import { j as t } from "./sd-component-library198.js";
-import { getCoordinateForArc as A, getInnerX as H, getInnerY as M, degToRad as E } from "./sd-component-library93.js";
-import { getFractionColor as O } from "./sd-component-library237.js";
-import { BaseOutlineArc as X } from "./sd-component-library318.js";
-const w = "#CCD0DB", q = (G) => {
+import { j as M } from "./sd-component-library198.js";
+import { getInnerX as T, getInnerY as W, degToRad as r, getCoordinateForArc as y } from "./sd-component-library93.js";
+import { BaseNeedle as B } from "./sd-component-library321.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-library238.js.map