@selfdecode/sd-component-library 4.0.73-vite16 → 4.0.73-vite17

package/lib/sd-component-library240.js

@@ -1,6 +1,63 @@
-import * as e from "react";
-const t = (a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16.04 33.79", ...a }, /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement("path", { className: "first-half", d: "M8,0V6.37H8A3.19,3.19,0,0,1,8,0ZM1,8.24a4,4,0,0,0-1,2.7V19.5a1.64,1.64,0,0,0,.45,1.28v0a1.49,1.49,0,0,0,2.12,0A1.64,1.64,0,0,0,3,19.5V12.11h.7L3.67,31.64c0,.07,0,.14,0,.21a1.92,1.92,0,0,0,1.91,1.93h.12a2,2,0,0,0,1.88-2.12V21.75H8V7H3.72A3.57,3.57,0,0,0,1,8.24Z" }), /* @__PURE__ */ e.createElement("path", { className: "second-half", d: "M8,6.38H8V0H8A3.19,3.19,0,0,1,8,6.38Zm7.07,1.86A3.59,3.59,0,0,0,12.32,7H8V21.75h.41v9.93a1.36,1.36,0,0,0,0,.35,1.95,1.95,0,1,0,3.88-.39V12.1h.63v7.4a1.68,1.68,0,0,0,.46,1.29,1.58,1.58,0,0,0,2.18,0A1.69,1.69,0,0,0,16,19.5V10.94A4.09,4.09,0,0,0,15.07,8.24Z" }))));
+import { j as e } from "./sd-component-library195.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-library89.js";
+import { BaseOutlineArc as X } from "./sd-component-library631.js";
+import { OutlineMeterLabelPointer as O } from "./sd-component-library250.js";
+const st = U.forwardRef((D, M) => {
+  const {
+    start: n,
+    end: r,
+    color: x,
+    bounds: R,
+    diameter: o,
+    arc: v,
+    distanceBetweenRanges: l,
+    totalRanges: y,
+    value: g,
+    gaugeWidth: s,
+    segmented: f,
+    idx: m,
+    pointStrokeWidth: I,
+    innerPointRadius: T,
+    distanceFromRanges: b,
+    label: w,
+    labelPosition: V,
+    hideLabels: E,
+    connected: _
+  } = D, S = "#CCD0DB", A = v - (y - 1) * l, H = A * (r - n), Y = Z(g, n, r, R), q = (360 - v) / 2, t = o / 2, a = q + l * m + A * n, C = _ && F(g, r, R), i = a + A * (r - n) + (C ? l : 0), {
+    x: P,
+    y: j
+  } = d(t, a), {
+    x: W,
+    y: k
+  } = d(t, i), u = V || m === 0 ? "left" : m === y - 1 ? "right" : "top";
+  if (f || !Y) {
+    const J = f && Y || !f && F(g, r, R) ? x : S, B = C ? i - l : i, {
+      y: K
+    } = d(t, B), {
+      x: N,
+      y: Q
+    } = d(t, (a + B) / 2);
+    return /* @__PURE__ */ e.jsxs("g", { children: [
+      /* @__PURE__ */ e.jsx(X, { startX: P, startY: j, endX: W, endY: k, startAlpha: a, endAlpha: i, color: J, radius: t, width: s }),
+      !E && w && /* @__PURE__ */ e.jsx(O, { diameter: o, position: u, distanceFromRanges: b, isInRange: Y, ...u === "right" && j > o / 2 || u === "left" && K > o / 2 ? {
+        rangeX: N,
+        rangeY: Q
+      } : void 0 })
+    ] });
+  }
+  const c = a + (g - n) / (r - n) * H, {
+    x: h,
+    y: p
+  } = d(t, c), z = $(h, L(c), s), G = tt(p, L(c), s);
+  return /* @__PURE__ */ e.jsxs("g", { children: [
+    /* @__PURE__ */ e.jsx(X, { startX: P, startY: j, endX: h, endY: p, startAlpha: a, endAlpha: c, color: x, radius: t, width: s, roundEnd: !1 }),
+    /* @__PURE__ */ e.jsx(X, { startX: h, startY: p, endX: W, endY: k, startAlpha: c, endAlpha: i, color: S, radius: t, width: s, roundStart: !1 }),
+    /* @__PURE__ */ e.jsx("circle", { cx: (h + z) / 2, cy: (p + G) / 2, r: I + T, strokeWidth: I, stroke: x, fill: "white", ref: M }),
+    !E && w && /* @__PURE__ */ e.jsx(O, { diameter: o, isInRange: !0, position: u, distanceFromRanges: b })
+  ] });
+});
 export {
-  t as ReactComponent
+  st as OutlineMeterRange
 };
 //# sourceMappingURL=sd-component-library240.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library240.js","sources":["../src/components/meters/people-meter/assets/person.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi4wNCAzMy43OSI+CiAgICA8Zz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggY2xhc3M9ImZpcnN0LWhhbGYiCiAgICAgICAgICAgICAgICBkPSJNOCwwVjYuMzdIOEEzLjE5LDMuMTksMCwwLDEsOCwwWk0xLDguMjRhNCw0LDAsMCwwLTEsMi43VjE5LjVhMS42NCwxLjY0LDAsMCwwLC40NSwxLjI4djBhMS40OSwxLjQ5LDAsMCwwLDIuMTIsMEExLjY0LDEuNjQsMCwwLDAsMywxOS41VjEyLjExaC43TDMuNjcsMzEuNjRjMCwuMDcsMCwuMTQsMCwuMjFhMS45MiwxLjkyLDAsMCwwLDEuOTEsMS45M2guMTJhMiwyLDAsMCwwLDEuODgtMi4xMlYyMS43NUg4VjdIMy43MkEzLjU3LDMuNTcsMCwwLDAsMSw4LjI0WiIgLz4KICAgICAgICAgICAgPHBhdGggY2xhc3M9InNlY29uZC1oYWxmIgogICAgICAgICAgICAgICAgZD0iTTgsNi4zOEg4VjBIOEEzLjE5LDMuMTksMCwwLDEsOCw2LjM4Wm03LjA3LDEuODZBMy41OSwzLjU5LDAsMCwwLDEyLjMyLDdIOFYyMS43NWguNDF2OS45M2ExLjM2LDEuMzYsMCwwLDAsMCwuMzUsMS45NSwxLjk1LDAsMSwwLDMuODgtLjM5VjEyLjFoLjYzdjcuNGExLjY4LDEuNjgsMCwwLDAsLjQ2LDEuMjksMS41OCwxLjU4LDAsMCwwLDIuMTgsMEExLjY5LDEuNjksMCwwLDAsMTYsMTkuNVYxMC45NEE0LjA5LDQuMDksMCwwLDAsMTUuMDcsOC4yNFoiIC8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K\""],"names":["SvgPerson","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,cAAc,GAAG,uQAAwQ,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,iQAAkQ,CAAA,CAAC,CAAC,CAAC;"}
+{"version":3,"file":"sd-component-library240.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","forwardRef","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","x","rangeStartX","y","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","calculatedLabelPosition","fillColor","adjustedRangeArcEnd","adjustedRangeY","rangeX","rangeY","jsx","BaseOutlineArc","OutlineMeterLabelPointer","undefined","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY"],"mappings":"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"}

package/lib/sd-component-library241.js

@@ -1,40 +1,25 @@
-import { j as a } from "./sd-component-library195.js";
-import { getCoordinateForArc as i } from "./sd-component-library89.js";
-import { defaultTextBottomMargin as X } from "./sd-component-library234.js";
-import { getRangeProperties as Y } from "./sd-component-library631.js";
-import { BaseOutlineArc as b } from "./sd-component-library632.js";
-import { DiscreteMeterLabelPointer as w } from "./sd-component-library633.js";
-function z(s) {
+import { j as i } from "./sd-component-library195.js";
+import { getInnerX as m, getInnerY as g, getCoordinateForArc as C, degToRad as F } from "./sd-component-library89.js";
+const X = (p) => {
   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 })
-  ] });
-}
+    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 {
-  z as DiscreteRange
+  X as OutlineMeterScale
 };
 //# sourceMappingURL=sd-component-library241.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library241.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","x","rangeStartX","y","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","middleArcAlpha","jsx","BaseOutlineArc","DiscreteMeterLabelPointer","defaultTextBottomMargin"],"mappings":";;;;;;AASO,SAASA,EAAiBC,GAAoC;AAC7D,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,YAAAA;AAAAA,EACEb,IAAAA,GAEEc,IAASV,IAAW,GAEpB;AAAA,IAAEW,eAAAA;AAAAA,IAAeC,aAAAA;AAAAA,EAAgBC,IAAAA,EACrCZ,GACAE,GACAD,GACAJ,CACF,GAEM;AAAA,IAAEgB,GAAGC;AAAAA,IAAaC,GAAGC;AAAAA,EAAAA,IAAgBC,EACzCR,GACAC,CACF,GACM;AAAA,IAAEG,GAAGK;AAAAA,IAAWH,GAAGI;AAAAA,EAAAA,IAAcF,EACrCR,GACAE,CACF,GAEMS,KAAkBV,IAAgBC,KAAe;AAEvD,gCACG,KACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,MAACC,KACC,QAAQR,GACR,QAAQE,GACR,MAAME,GACN,MAAMC,GACN,YAAYT,GACZ,UAAUC,GACV,OAAAf,GACA,QAAAa,GACA,OAAOX,GAAW;AAAA,IAGnBK,KAAaC,KAAS,CAACC,2BACrBkB,GACC,EAAA,OAAOH,GACP,eAAAb,GACA,cAAAD,GACA,QAAAG,GACA,OAAAb,GACA,kBAAkB4B,GAClB,OAAApB,GACA,YAAAI,GAEH;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library241.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","distanceFromRangesToScale","distanceFromRanges","gaugeWidth","radius","arcStart","degPerDash","jsx","Array","map","_","idx","alpha","x","y","getCoordinateForArc","alphaInRad","degToRad","dashTopX","getInnerX","dashTopY","getInnerY","dashBottomX","dashBottomY"],"mappings":";;AAUO,MAAMA,IAAsCC,CAAUA,MAAA;AACrD,QAAA;AAAA,IACJC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,OAAAA,IAAQ;AAAA,IACRC,YAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,2BAA2BC;AAAAA,IAC3BC,YAAAA;AAAAA,EACET,IAAAA,GACEU,IAAST,IAAW,GAEpBU,KAAY,MAAMT,KAAO,GACzBU,IAAaV,KAAOI,IAAiB;AAGzC,SAAAO,gBAAAA,MAAC,KACE,EAAA,UAAA,CAAC,GAAGC,MAAMR,CAAc,CAAC,EAAES,IAAI,CAACC,GAAGC,MAAQ;AACpCC,UAAAA,IAAQP,IAAWM,IAAML,GACzB;AAAA,MAAEO,GAAAA;AAAAA,MAAGC,GAAAA;AAAAA,IAAAA,IAAMC,EAAoBX,GAAQQ,CAAK,GAC5CI,IAAaC,EAASL,CAAK,GAC3BM,IAAWC,EACfN,GACAG,GACAb,IAAaD,CACf,GACMkB,IAAWC,EACfP,GACAE,GACAb,IAAaD,CACf,GACMoB,IAAcH,EAClBN,GACAG,GACAb,IAAaD,IAAqBJ,CACpC,GACMyB,IAAcF,EAClBP,GACAE,GACAb,IAAaD,IAAqBJ,CACpC;AACA,iCACG,QAEC,EAAA,GAAI,IAAGoB,CAAS,IAAGE,CAAS,KAAIE,CAAY,IAAGC,CAAY,IAC3D,QAAQ1B,GACR,aAAaE,KAHRY,CAIL;AAAA,EAEL,CAAA,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library242.js

@@ -1,25 +1,38 @@
-import { j as i } from "./sd-component-library195.js";
-import { getInnerX as m, getInnerY as g, getCoordinateForArc as C, degToRad as F } from "./sd-component-library89.js";
-const X = (p) => {
+import { j as k } from "./sd-component-library195.js";
+import { isValueInRange as w, getInnerX as E, getInnerY as O, degToRad as r, getCoordinateForArc as V } from "./sd-component-library89.js";
+import { BaseNeedle as b } from "./sd-component-library630.js";
+const G = (x) => {
   const {
-    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);
-  }) });
+    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, { dx: T, dy: W, color: C || X, radius: u, tipX: F, tipY: M, innerCircleStrokeWidth: A, innerCircleRadius: I, needleWidth: e });
 };
 export {
-  X as OutlineMeterScale
+  G as OutlineMeterNeedle
 };
 //# sourceMappingURL=sd-component-library242.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library242.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","distanceFromRangesToScale","distanceFromRanges","gaugeWidth","radius","arcStart","degPerDash","jsx","Array","map","_","idx","alpha","x","y","getCoordinateForArc","alphaInRad","degToRad","dashTopX","getInnerX","dashTopY","getInnerY","dashBottomX","dashBottomY"],"mappings":";;AAUO,MAAMA,IAAsCC,CAAUA,MAAA;AACrD,QAAA;AAAA,IACJC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,OAAAA,IAAQ;AAAA,IACRC,YAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,2BAA2BC;AAAAA,IAC3BC,YAAAA;AAAAA,EACET,IAAAA,GACEU,IAAST,IAAW,GAEpBU,KAAY,MAAMT,KAAO,GACzBU,IAAaV,KAAOI,IAAiB;AAGzC,SAAAO,gBAAAA,MAAC,KACE,EAAA,UAAA,CAAC,GAAGC,MAAMR,CAAc,CAAC,EAAES,IAAI,CAACC,GAAGC,MAAQ;AACpCC,UAAAA,IAAQP,IAAWM,IAAML,GACzB;AAAA,MAAEO,GAAAA;AAAAA,MAAGC,GAAAA;AAAAA,IAAAA,IAAMC,EAAoBX,GAAQQ,CAAK,GAC5CI,IAAaC,EAASL,CAAK,GAC3BM,IAAWC,EACfN,GACAG,GACAb,IAAaD,CACf,GACMkB,IAAWC,EACfP,GACAE,GACAb,IAAaD,CACf,GACMoB,IAAcH,EAClBN,GACAG,GACAb,IAAaD,IAAqBJ,CACpC,GACMyB,IAAcF,EAClBP,GACAE,GACAb,IAAaD,IAAqBJ,CACpC;AACA,iCACG,QAEC,EAAA,GAAI,IAAGoB,CAAS,IAAGE,CAAS,KAAIE,CAAY,IAAGC,CAAY,IAC3D,QAAQ1B,GACR,aAAaE,KAHRY,CAIL;AAAA,EAEL,CAAA,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library242.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","find","start","end","bounds","isValueInRange","radius","arcStart","arcForRanges","length","color","matchingRangeIndex","findIndex","r","rangeArc","rangeArcStart","valueAlpha","x","valueX","y","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","Math","cos","dy","sin","jsx","BaseNeedle"],"mappings":";;;AAYO,MAAMA,IAAuCC,CAAUA,MAAA;AACtD,QAAA;AAAA,IACJC,UAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,sBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,YAAAA;AAAAA,EACEZ,IAAAA,GAEEa,IAAgBT,EAAOU,KAAK,CAAC;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,QAAAA;AAAAA,EAAAA,MAC/CC,EAAehB,GAAOa,GAAOC,GAAKC,CAAM,CAC1C;AAEA,MAAI,CAACJ;AAAsB,WAAA;AAE3B,QAAMM,IAASlB,IAAW,GAEpBmB,KAAY,MAAMjB,KAAO,GACzBkB,IAAelB,KAAOC,EAAOkB,SAAS,KAAKX,GAC3C;AAAA,IAAEI,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKO,OAAAA;AAAAA,EAAUV,IAAAA,GACxBW,IAAqBpB,EAAOqB,UAAWC,CAAAA,MAAMA,MAAMb,CAAa,GAChEc,IAAWN,KAAgBL,IAAMD,IAEjCa,IACJR,IACAT,IAAwBa,IACxBH,IAAeN,GAEXc,IAAaxB,IACfuB,IAAgBD,IAAW,IAC3BC,KAAkB1B,IAAQa,MAAUC,IAAMD,KAAUY,GAClD;AAAA,IAAEG,GAAGC;AAAAA,IAAQC,GAAGC;AAAAA,EAAAA,IAAWC,EAAoBf,GAAQU,CAAU,GAEjEM,IAAaC,EACjBL,GACAM,EAASR,CAAU,GACnBrB,IAAoBI,IAAaH,IAAc,CACjD,GACM6B,IAAaC,EACjBN,GACAI,EAASR,CAAU,GACnBrB,IAAoBI,IAAaH,IAAc,CACjD,GAEM+B,IAAM/B,IAAc,IAAKgC,KAAKC,IAAIL,EAASR,CAAU,CAAC,GACtDc,IAAMlC,IAAc,IAAKgC,KAAKG,IAAIP,EAASR,CAAU,CAAC;AAE5D,SACGgB,gBAAAA,EAAAA,IAAAC,GAAA,EACC,IAAAN,GACA,IAAAG,GACA,OAAOjC,KAAea,GACtB,QAAAJ,GACA,MAAMgB,GACN,MAAMG,GACN,wBAAA/B,GACA,mBAAAD,GACA,aAAAG,EACA,CAAA;AAEN;"}

package/lib/sd-component-library243.js

@@ -1,26 +1,18 @@
-import { j as M } from "./sd-component-library195.js";
-import { getInnerX as T, getInnerY as W, degToRad as r, getCoordinateForArc as y } from "./sd-component-library89.js";
-import { BaseNeedle as B } from "./sd-component-library630.js";
-function E(p) {
+import { j as m } from "./sd-component-library195.js";
+import { isValueInRange as x } from "./sd-component-library89.js";
+import { BaseMeterLabelBox as u } from "./sd-component-library251.js";
+const g = (t) => {
   const {
-    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 });
-}
+    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 {
-  E as DiscreteMeterNeedle
+  g as OutlineMeterLabelBox
 };
 //# sourceMappingURL=sd-component-library243.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library243.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","findIndex","option","radius","arcStart","arcForRanges","length","start","end","rangeArc","valueAlpha","x","valueX","y","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","Math","cos","dy","sin","jsx","BaseNeedle"],"mappings":";;;AAWO,SAASA,EAAuBC,GAAoC;AACnE,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,YAAAA;AAAAA,EACEX,IAAAA,GAEEY,IAAqBV,EAAQW,UAChCC,CAAWX,MAAAA,MAAUW,EAAOX,KAC/B,GAEMY,IAASR,IAAW,GAEpBS,KAAY,MAAMR,KAAO,GACzBS,IAAeT,KAAON,EAAQgB,SAAS,KAAKT,GAE5CU,IAAQP,IAAqBV,EAAQgB,QACrCE,KAAOR,IAAqB,KAAKV,EAAQgB,QAEzCG,IAAWJ,KAAgBG,IAAMD,IAOjCG,IAJJN,IACAP,IAAwBG,IACxBK,IAAeE,IAEkBE,IAAW,GACxC;AAAA,IAAEE,GAAGC;AAAAA,IAAQC,GAAGC;AAAAA,EAAAA,IAAWC,EAAoBZ,GAAQO,CAAU,GAEjEM,IAAaC,EACjBL,GACAM,EAASR,CAAU,GACnBZ,IAAoBC,IAAaP,IAAc,CACjD,GACM2B,IAAaC,EACjBN,GACAI,EAASR,CAAU,GACnBZ,IAAoBC,IAAaP,IAAc,CACjD,GAEM6B,IAAM7B,IAAc,IAAK8B,KAAKC,IAAIL,EAASR,CAAU,CAAC,GACtDc,IAAMhC,IAAc,IAAK8B,KAAKG,IAAIP,EAASR,CAAU,CAAC;AAE5D,SACGgB,gBAAAA,EAAAA,IAAAC,GAAA,EACC,IAAAN,GACA,IAAAG,GACA,OAAOnC,GACP,QAAAc,GACA,MAAMa,GACN,MAAMG,GACN,wBAAAzB,GACA,mBAAAD,GACA,aAAAD,EACA,CAAA;AAEN;"}
+{"version":3,"file":"sd-component-library243.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":";;;AAMO,MAAMA,IAAyCC,CAAUA,MAAA;AACxD,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,aAAAA;AAAAA,IAAaC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,QAAAA;AAAAA,EAAWN,IAAAA,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,GAAwBT,GAAAA,EAAS,CAAA;AAE9E;"}

package/lib/sd-component-library244.js

@@ -1,19 +1,40 @@
-import { j as g } from "./sd-component-library195.js";
-import { getRangeProperties as d } from "./sd-component-library631.js";
-import { MatchedRangeLabelBox as x } from "./sd-component-library611.js";
-const h = (e) => {
+import { j as a } from "./sd-component-library195.js";
+import { getCoordinateForArc as i } from "./sd-component-library89.js";
+import { defaultTextBottomMargin as X } from "./sd-component-library234.js";
+import { getRangeProperties as Y } from "./sd-component-library632.js";
+import { BaseOutlineArc as b } from "./sd-component-library631.js";
+import { DiscreteMeterLabelPointer as w } from "./sd-component-library633.js";
+function z(s) {
   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 });
-};
+    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 {
-  h as MatchedRangeLabelBox
+  z as DiscreteRange
 };
 //# sourceMappingURL=sd-component-library244.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library244.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","Math","round","LabelBox"],"mappings":";;;AAMO,MAAMA,IAAyCC,CAAUA,MAAA;AACxD,QAAA;AAAA,IAAEC,KAAAA;AAAAA,IAAKC,aAAAA;AAAAA,IAAaC,uBAAAA;AAAAA,IAAuBC,KAAAA;AAAAA,EAAQJ,IAAAA,GAEnD;AAAA,IAAEK,eAAAA;AAAAA,IAAeC,aAAAA;AAAAA,EAAgBC,IAAAA,EACrCH,GACAF,GACAC,GACAF,CACF,GAEMO,IAAQC,KAAKC,OAAOL,IAAgBC,KAAe,CAAC;AAE1D,+BAAQK,GAAS,EAAA,GAAIX,GAAO,OAAAQ,GAAc,OAAK,GAAG,CAAA;AACpD;"}
+{"version":3,"file":"sd-component-library244.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","x","rangeStartX","y","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","middleArcAlpha","jsx","BaseOutlineArc","DiscreteMeterLabelPointer","defaultTextBottomMargin"],"mappings":";;;;;;AASO,SAASA,EAAiBC,GAAoC;AAC7D,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,YAAAA;AAAAA,EACEb,IAAAA,GAEEc,IAASV,IAAW,GAEpB;AAAA,IAAEW,eAAAA;AAAAA,IAAeC,aAAAA;AAAAA,EAAgBC,IAAAA,EACrCZ,GACAE,GACAD,GACAJ,CACF,GAEM;AAAA,IAAEgB,GAAGC;AAAAA,IAAaC,GAAGC;AAAAA,EAAAA,IAAgBC,EACzCR,GACAC,CACF,GACM;AAAA,IAAEG,GAAGK;AAAAA,IAAWH,GAAGI;AAAAA,EAAAA,IAAcF,EACrCR,GACAE,CACF,GAEMS,KAAkBV,IAAgBC,KAAe;AAEvD,gCACG,KACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,MAACC,KACC,QAAQR,GACR,QAAQE,GACR,MAAME,GACN,MAAMC,GACN,YAAYT,GACZ,UAAUC,GACV,OAAAf,GACA,QAAAa,GACA,OAAOX,GAAW;AAAA,IAGnBK,KAAaC,KAAS,CAACC,2BACrBkB,GACC,EAAA,OAAOH,GACP,eAAAb,GACA,cAAAD,GACA,QAAAG,GACA,OAAAb,GACA,kBAAkB4B,GAClB,OAAApB,GACA,YAAAI,GAEH;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library245.js

@@ -1,63 +1,26 @@
-import { j as e } from "./sd-component-library195.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-library89.js";
-import { BaseOutlineArc as X } from "./sd-component-library632.js";
-import { OutlineMeterLabelPointer as O } from "./sd-component-library251.js";
-const st = U.forwardRef((D, M) => {
+import { j as M } from "./sd-component-library195.js";
+import { getInnerX as T, getInnerY as W, degToRad as r, getCoordinateForArc as y } from "./sd-component-library89.js";
+import { BaseNeedle as B } from "./sd-component-library630.js";
+function E(p) {
   const {
-    start: n,
-    end: r,
-    color: x,
-    bounds: R,
-    diameter: o,
-    arc: v,
-    distanceBetweenRanges: l,
-    totalRanges: y,
-    value: g,
-    gaugeWidth: s,
-    segmented: f,
-    idx: m,
-    pointStrokeWidth: I,
-    innerPointRadius: T,
-    distanceFromRanges: b,
-    label: w,
-    labelPosition: V,
-    hideLabels: E,
-    connected: _
-  } = D, S = "#CCD0DB", A = v - (y - 1) * l, H = A * (r - n), Y = Z(g, n, r, R), q = (360 - v) / 2, t = o / 2, a = q + l * m + A * n, C = _ && F(g, r, R), i = a + A * (r - n) + (C ? l : 0), {
-    x: P,
-    y: j
-  } = d(t, a), {
-    x: W,
-    y: k
-  } = d(t, i), u = V || m === 0 ? "left" : m === y - 1 ? "right" : "top";
-  if (f || !Y) {
-    const J = f && Y || !f && F(g, r, R) ? x : S, B = C ? i - l : i, {
-      y: K
-    } = d(t, B), {
-      x: N,
-      y: Q
-    } = d(t, (a + B) / 2);
-    return /* @__PURE__ */ e.jsxs("g", { children: [
-      /* @__PURE__ */ e.jsx(X, { startX: P, startY: j, endX: W, endY: k, startAlpha: a, endAlpha: i, color: J, radius: t, width: s }),
-      !E && w && /* @__PURE__ */ e.jsx(O, { diameter: o, position: u, distanceFromRanges: b, isInRange: Y, ...u === "right" && j > o / 2 || u === "left" && K > o / 2 ? {
-        rangeX: N,
-        rangeY: Q
-      } : void 0 })
-    ] });
-  }
-  const c = a + (g - n) / (r - n) * H, {
-    x: h,
-    y: p
-  } = d(t, c), z = $(h, L(c), s), G = tt(p, L(c), s);
-  return /* @__PURE__ */ e.jsxs("g", { children: [
-    /* @__PURE__ */ e.jsx(X, { startX: P, startY: j, endX: h, endY: p, startAlpha: a, endAlpha: c, color: x, radius: t, width: s, roundEnd: !1 }),
-    /* @__PURE__ */ e.jsx(X, { startX: h, startY: p, endX: W, endY: k, startAlpha: c, endAlpha: i, color: S, radius: t, width: s, roundStart: !1 }),
-    /* @__PURE__ */ e.jsx("circle", { cx: (h + z) / 2, cy: (p + G) / 2, r: I + T, strokeWidth: I, stroke: x, fill: "white", ref: M }),
-    !E && w && /* @__PURE__ */ e.jsx(O, { diameter: o, isInRange: !0, position: u, distanceFromRanges: b })
-  ] });
-});
+    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 });
+}
 export {
-  st as OutlineMeterRange
+  E as DiscreteMeterNeedle
 };
 //# sourceMappingURL=sd-component-library245.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library245.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","forwardRef","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","x","rangeStartX","y","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","calculatedLabelPosition","fillColor","adjustedRangeArcEnd","adjustedRangeY","rangeX","rangeY","jsx","BaseOutlineArc","OutlineMeterLabelPointer","undefined","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY"],"mappings":"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"}
+{"version":3,"file":"sd-component-library245.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","findIndex","option","radius","arcStart","arcForRanges","length","start","end","rangeArc","valueAlpha","x","valueX","y","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","Math","cos","dy","sin","jsx","BaseNeedle"],"mappings":";;;AAWO,SAASA,EAAuBC,GAAoC;AACnE,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,YAAAA;AAAAA,EACEX,IAAAA,GAEEY,IAAqBV,EAAQW,UAChCC,CAAWX,MAAAA,MAAUW,EAAOX,KAC/B,GAEMY,IAASR,IAAW,GAEpBS,KAAY,MAAMR,KAAO,GACzBS,IAAeT,KAAON,EAAQgB,SAAS,KAAKT,GAE5CU,IAAQP,IAAqBV,EAAQgB,QACrCE,KAAOR,IAAqB,KAAKV,EAAQgB,QAEzCG,IAAWJ,KAAgBG,IAAMD,IAOjCG,IAJJN,IACAP,IAAwBG,IACxBK,IAAeE,IAEkBE,IAAW,GACxC;AAAA,IAAEE,GAAGC;AAAAA,IAAQC,GAAGC;AAAAA,EAAAA,IAAWC,EAAoBZ,GAAQO,CAAU,GAEjEM,IAAaC,EACjBL,GACAM,EAASR,CAAU,GACnBZ,IAAoBC,IAAaP,IAAc,CACjD,GACM2B,IAAaC,EACjBN,GACAI,EAASR,CAAU,GACnBZ,IAAoBC,IAAaP,IAAc,CACjD,GAEM6B,IAAM7B,IAAc,IAAK8B,KAAKC,IAAIL,EAASR,CAAU,CAAC,GACtDc,IAAMhC,IAAc,IAAK8B,KAAKG,IAAIP,EAASR,CAAU,CAAC;AAE5D,SACGgB,gBAAAA,EAAAA,IAAAC,GAAA,EACC,IAAAN,GACA,IAAAG,GACA,OAAOnC,GACP,QAAAc,GACA,MAAMa,GACN,MAAMG,GACN,wBAAAzB,GACA,mBAAAD,GACA,aAAAD,EACA,CAAA;AAEN;"}

package/lib/sd-component-library246.js

@@ -1,38 +1,19 @@
-import { j as k } from "./sd-component-library195.js";
-import { isValueInRange as w, getInnerX as E, getInnerY as O, degToRad as r, getCoordinateForArc as V } from "./sd-component-library89.js";
-import { BaseNeedle as b } from "./sd-component-library630.js";
-const G = (x) => {
+import { j as g } from "./sd-component-library195.js";
+import { getRangeProperties as d } from "./sd-component-library632.js";
+import { MatchedRangeLabelBox as x } from "./sd-component-library629.js";
+const h = (e) => {
   const {
-    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, { dx: T, dy: W, color: C || X, radius: u, tipX: F, tipY: M, innerCircleStrokeWidth: A, innerCircleRadius: I, needleWidth: e });
+    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 {
-  G as OutlineMeterNeedle
+  h as MatchedRangeLabelBox
 };
 //# sourceMappingURL=sd-component-library246.js.map