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

package/lib/sd-component-library245.js

@@ -1,63 +1,32 @@
-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 N } from "./sd-component-library195.js";
+import { getInnerX as k, getInnerY as B, degToRad as c, getCoordinateForArc as i } from "./sd-component-library89.js";
+import { getFractionColor as b } from "./sd-component-library242.js";
+import { BaseNeedle as q } from "./sd-component-library631.js";
+const O = (R) => {
   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, {
+    ranges: r,
+    distanceFromRange: d,
+    innerCircleRadius: X,
+    innerCircleStrokeWidth: Y,
+    needleWidth: n,
+    arc: a,
+    value: l,
+    gaugeWidth: g,
+    diameter: v,
+    needleColor: S
+  } = R, s = v / 2, e = r.length, t = Math.floor(l * e), y = r[t][0], A = r[t][1], u = (360 - a) / 2, m = u + a * t / e, E = u + a * (t + 1) / e, p = t / e, M = (t + 1) / e, {
     x: h,
-    y: 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 })
-  ] });
-});
+    y: x
+  } = i(s, m), {
+    x: j,
+    y: F
+  } = i(s, E), o = m + (l - p) / (M - p) * a / r.length, {
+    x: C,
+    y: f
+  } = i(s, o), G = k(C, c(o), d + g + n / 2), I = B(f, c(o), d + g + n / 2), T = n / 2 * Math.cos(c(o)), W = n / 2 * Math.sin(c(o)), z = t + 1 === e / 2 + 0.5 ? (C - h) / (j - h) : (f - x) / (F - x), H = b(z, y, A);
+  return /* @__PURE__ */ N.jsx(q, { radius: s, innerCircleRadius: X, innerCircleStrokeWidth: Y, needleWidth: n, color: S || H, dx: T, dy: W, tipX: G, tipY: I });
+};
 export {
-  st as OutlineMeterRange
+  O as GradientMeterNeedle
 };
 //# 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":";;;;;AAcO,MAAMA,KAAoBC,EAAMC,WACrC,CAACC,GAAOC,MAAa;AACb,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,WAAAA;AAAAA,EACEpB,IAAAA,GAEEqB,IAAO,WAGPC,IAAef,KAAOE,IAAc,KAAKD,GAGzCe,IAAWD,KAAgBnB,IAAMD,IACjCsB,IAAmBC,EAAef,GAAOR,GAAOC,GAAKE,CAAM,GAE3DqB,KAAY,MAAMnB,KAAO,GAEzBoB,IAASrB,IAAW,GAEpBsB,IACJF,IAAWlB,IAAwBK,IAAMS,IAAepB,GACpD2B,IACJT,KAAaU,EAAuBpB,GAAOP,GAAKE,CAAM,GAClD0B,IACJH,IACAN,KAAgBnB,IAAMD,MACrB2B,IAAiBrB,IAAwB,IAEtC;AAAA,IAAEwB,GAAGC;AAAAA,IAAaC,GAAGC;AAAAA,EAAAA,IAAgBC,EACzCT,GACAC,CACF,GACM;AAAA,IAAEI,GAAGK;AAAAA,IAAWH,GAAGI;AAAAA,EAAAA,IAAcF,EACrCT,GACAI,CACF,GAEMQ,IACJrB,KAAiBL,MAAQ,IACrB,SACAA,MAAQJ,IAAc,IACtB,UACA;AAGFG,MAAAA,KAAa,CAACY,GAAkB;AAC5BgB,UAAAA,IACH5B,KAAaY,KACb,CAACZ,KAAakB,EAAuBpB,GAAOP,GAAKE,CAAM,IACpDD,IACAiB,GAEAoB,IAAsBZ,IACxBE,IAAcvB,IACduB,GACE;AAAA,MAAEG,GAAGQ;AAAAA,IAAAA,IAAmBN,EAC5BT,GACAc,CACF,GACM;AAAA,MAAET,GAAGW;AAAAA,MAAQT,GAAGU;AAAAA,IAAAA,IAAWR,EAC/BT,IACCC,IAAgBa,KAAuB,CAC1C;AACA,kCACG,KACC,EAAA,UAAA;AAAA,MAAAI,gBAAAA,MAACC,KACC,QAAQb,GACR,QAAQE,GACR,MAAME,GACN,MAAMC,GACN,YAAYV,GACZ,UAAUG,GACV,OAAOS,GACP,QAAAb,GACA,OAAOhB,GAAW;AAAA,MAEnB,CAACQ,KAAcF,KACd4B,gBAAAA,EAAAA,IAACE,KACC,UAAAzC,GACA,UAAUiC,GACV,oBAAAvB,GACA,WAAWQ,MACLe,MAA4B,WAChCJ,IAAc7B,IAAW,KAC1BiC,MAA4B,UAC3BG,IAAiBpC,IAAW,IAC1B;AAAA,QACEqC,QAAAA;AAAAA,QACAC,QAAAA;AAAAA,MAAAA,IAEFI,OAEP,CAAA;AAAA,IACH,EAAA,CAAA;AAAA,EAEJ;AAEA,QAAMC,IACJrB,KAAkBlB,IAAQR,MAAUC,IAAMD,KAAUqB,GAEhD;AAAA,IAAES,GAAGkB;AAAAA,IAAQhB,GAAGiB;AAAAA,EAAAA,IAAWf,EAAoBT,GAAQsB,CAAU,GACjEG,IAAcC,EAAUH,GAAQI,EAASL,CAAU,GAAGtC,CAAU,GAChE4C,IAAcC,GAAUL,GAAQG,EAASL,CAAU,GAAGtC,CAAU;AAEtE,gCACG,KACC,EAAA,UAAA;AAAA,IAAAkC,gBAAAA,MAACC,KACC,QAAQb,GACR,QAAQE,GACR,MAAMe,GACN,MAAMC,GACN,YAAYvB,GACZ,UAAUqB,GACV,OAAA7C,GACA,QAAAuB,GACA,OAAOhB,GACP,UAAU,IAAM;AAAA,IAElBkC,gBAAAA,MAACC,KACC,QAAQI,GACR,QAAQC,GACR,MAAMd,GACN,MAAMC,GACN,YAAYW,GACZ,UAAUlB,GACV,OAAOV,GACP,QAAAM,GACA,OAAOhB,GACP,YAAY,IAAM;AAAA,IAEpBkC,gBAAAA,EAAAA,IAAC,YACC,KAAKK,IAASE,KAAe,GAC7B,KAAKD,IAASI,KAAe,GAC7B,GAAGzC,IAAmBC,GACtB,aAAaD,GACb,QAAQV,GACR,MAAK,SACL,KAAKH,EAAS,CAAA;AAAA,IAEf,CAACkB,KAAcF,KACb4B,gBAAAA,EAAA,IAAAE,GAAA,EACC,UAAAzC,GACA,WAAS,IACT,UAAUiC,GACV,oBAAAvB,EAEH,CAAA;AAAA,EACH,EAAA,CAAA;AAEJ,CACF;"}
+{"version":3,"file":"sd-component-library245.js","sources":["../src/components/meters/gradient-outline-meter/partials/gradient-meter-needle/gradient-meter-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseNeedle } from \"../../../outline-meter/partials/base-needle\";\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { getFractionColor } from \"../../utils\";\nimport { GradientMeterNeedleProps as Props } from \"./interfaces\";\n\nexport const GradientMeterNeedle: React.FC<Props> = (props) => {\n  const {\n    ranges,\n    distanceFromRange,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    needleWidth,\n    arc,\n    value,\n    gaugeWidth,\n    diameter,\n    needleColor,\n  } = props;\n  const radius = diameter / 2;\n  const totalRanges = ranges.length;\n  const valueRangeIndex = Math.floor(value * totalRanges);\n  const startColor = ranges[valueRangeIndex][0];\n  const endColor = ranges[valueRangeIndex][1];\n\n  const arcStart = (360 - arc) / 2; // deg\n\n  const rangeArcStart = arcStart + (arc * valueRangeIndex) / totalRanges;\n  const rangeArcEnd = arcStart + (arc * (valueRangeIndex + 1)) / totalRanges;\n  const start = valueRangeIndex / totalRanges;\n  const end = (valueRangeIndex + 1) / totalRanges;\n\n  const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n    radius,\n    rangeArcStart\n  );\n  const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n    radius,\n    rangeArcEnd\n  );\n\n  const valueAlpha =\n    rangeArcStart + (((value - start) / (end - start)) * arc) / ranges.length;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n  const needleTipX = getInnerX(\n    valueX,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n  const needleTipY = getInnerY(\n    valueY,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n\n  const dx = (needleWidth / 2) * Math.cos(degToRad(valueAlpha));\n  const dy = (needleWidth / 2) * Math.sin(degToRad(valueAlpha));\n\n  const useHorizontalGradient = valueRangeIndex + 1 === totalRanges / 2 + 0.5;\n\n  const fraction = useHorizontalGradient\n    ? (valueX - rangeStartX) / (rangeEndX - rangeStartX)\n    : (valueY - rangeStartY) / (rangeEndY - rangeStartY);\n  const color = getFractionColor(fraction, startColor, endColor);\n\n  return (\n    <BaseNeedle\n      radius={radius}\n      innerCircleRadius={innerCircleRadius}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      needleWidth={needleWidth}\n      color={needleColor || color}\n      dx={dx}\n      dy={dy}\n      tipX={needleTipX}\n      tipY={needleTipY}\n    />\n  );\n};\n"],"names":["GradientMeterNeedle","props","ranges","distanceFromRange","innerCircleRadius","innerCircleStrokeWidth","needleWidth","arc","value","gaugeWidth","diameter","needleColor","radius","totalRanges","length","valueRangeIndex","Math","floor","startColor","endColor","arcStart","rangeArcStart","rangeArcEnd","start","end","x","rangeStartX","y","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","valueAlpha","valueX","valueY","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","cos","dy","sin","fraction","color","getFractionColor","jsx","BaseNeedle"],"mappings":";;;;AAYO,MAAMA,IAAwCC,CAAUA,MAAA;AACvD,QAAA;AAAA,IACJC,QAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,aAAAA;AAAAA,EACEV,IAAAA,GACEW,IAASF,IAAW,GACpBG,IAAcX,EAAOY,QACrBC,IAAkBC,KAAKC,MAAMT,IAAQK,CAAW,GAChDK,IAAahB,EAAOa,CAAe,EAAE,CAAC,GACtCI,IAAWjB,EAAOa,CAAe,EAAE,CAAC,GAEpCK,KAAY,MAAMb,KAAO,GAEzBc,IAAgBD,IAAYb,IAAMQ,IAAmBF,GACrDS,IAAcF,IAAYb,KAAOQ,IAAkB,KAAMF,GACzDU,IAAQR,IAAkBF,GAC1BW,KAAOT,IAAkB,KAAKF,GAE9B;AAAA,IAAEY,GAAGC;AAAAA,IAAaC,GAAGC;AAAAA,EAAAA,IAAgBC,EACzCjB,GACAS,CACF,GACM;AAAA,IAAEI,GAAGK;AAAAA,IAAWH,GAAGI;AAAAA,EAAAA,IAAcF,EACrCjB,GACAU,CACF,GAEMU,IACJX,KAAmBb,IAAQe,MAAUC,IAAMD,KAAUhB,IAAOL,EAAOY,QAC/D;AAAA,IAAEW,GAAGQ;AAAAA,IAAQN,GAAGO;AAAAA,EAAAA,IAAWL,EAAoBjB,GAAQoB,CAAU,GACjEG,IAAaC,EACjBH,GACAI,EAASL,CAAU,GACnB7B,IAAoBM,IAAaH,IAAc,CACjD,GACMgC,IAAaC,EACjBL,GACAG,EAASL,CAAU,GACnB7B,IAAoBM,IAAaH,IAAc,CACjD,GAEMkC,IAAMlC,IAAc,IAAKU,KAAKyB,IAAIJ,EAASL,CAAU,CAAC,GACtDU,IAAMpC,IAAc,IAAKU,KAAK2B,IAAIN,EAASL,CAAU,CAAC,GAItDY,IAFwB7B,IAAkB,MAAMF,IAAc,IAAI,OAGnEoB,IAASP,MAAgBI,IAAYJ,MACrCQ,IAASN,MAAgBG,IAAYH,IACpCiB,IAAQC,EAAiBF,GAAU1B,GAAYC,CAAQ;AAE7D,SACG4B,gBAAAA,EAAAA,IAAAC,GAAA,EACC,QAAApC,GACA,mBAAAR,GACA,wBAAAC,GACA,aAAAC,GACA,OAAOK,KAAekC,GACtB,IAAAL,GACA,IAAAE,GACA,MAAMP,GACN,MAAMG,EACN,CAAA;AAEN;"}

package/lib/sd-component-library246.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library246.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;"}
+{"version":3,"file":"sd-component-library246.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-label-pointer/outline-meter-label-pointer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { OutlineMeterLabelPointerProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterLabelPointer: React.FC<Props> = (props) => {\n  const { position, diameter, rangeY, rangeX, distanceFromRanges, isInRange } =\n    props;\n\n  if (isInRange) return null;\n\n  const { startX, startY, endX, endY } =\n    position === \"left\"\n      ? {\n          startX: rangeX || 0,\n          startY: rangeY || diameter / 2 - 0.5,\n          endX: -distanceFromRanges,\n          endY: diameter / 2 - 0.5,\n        }\n      : position === \"top\"\n      ? {\n          startX: rangeX || diameter / 2,\n          startY: rangeY || 0,\n          endX: diameter / 2,\n          endY: -distanceFromRanges,\n        }\n      : {\n          startX: rangeX || diameter,\n          startY: rangeY || diameter / 2 - 0.5,\n          endX: diameter + distanceFromRanges,\n          endY: diameter / 2 - 0.5,\n        };\n\n  return (\n    <path d={`M${startX},${startY} L${endX},${endY}`} stroke={\"#CCD0DB\"} />\n  );\n};\n"],"names":["OutlineMeterLabelPointer","props","position","diameter","rangeY","rangeX","distanceFromRanges","isInRange","startX","startY","endX","endY","jsx"],"mappings":";AAIO,MAAMA,IAA6CC,CAAUA,MAAA;AAC5D,QAAA;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,UAAAA;AAAAA,IAAUC,QAAAA;AAAAA,IAAQC,QAAAA;AAAAA,IAAQC,oBAAAA;AAAAA,IAAoBC,WAAAA;AAAAA,EAC9DN,IAAAA;AAEEM,MAAAA;AAAkB,WAAA;AAEhB,QAAA;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,QAAAA;AAAAA,IAAQC,MAAAA;AAAAA,IAAMC,MAAAA;AAAAA,EAAAA,IAC5BT,MAAa,SACT;AAAA,IACEM,QAAQH,KAAU;AAAA,IAClBI,QAAQL,KAAUD,IAAW,IAAI;AAAA,IACjCO,MAAM,CAACJ;AAAAA,IACPK,MAAMR,IAAW,IAAI;AAAA,EAAA,IAEvBD,MAAa,QACb;AAAA,IACEM,QAAQH,KAAUF,IAAW;AAAA,IAC7BM,QAAQL,KAAU;AAAA,IAClBM,MAAMP,IAAW;AAAA,IACjBQ,MAAM,CAACL;AAAAA,EAAAA,IAET;AAAA,IACEE,QAAQH,KAAUF;AAAAA,IAClBM,QAAQL,KAAUD,IAAW,IAAI;AAAA,IACjCO,MAAMP,IAAWG;AAAAA,IACjBK,MAAMR,IAAW,IAAI;AAAA,EAAA;AAG7B,SACGS,gBAAAA,EAAAA,IAAA,QAAA,EAAK,GAAI,IAAGJ,CAAO,IAAGC,CAAO,KAAIC,CAAK,IAAGC,CAAK,IAAG,QAAQ,UAAa,CAAA;AAE3E;"}

package/lib/sd-component-library247.js

@@ -1,18 +1,45 @@
-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-library252.js";
-const g = (t) => {
+import { j as n } from "./sd-component-library195.js";
+import { useRef as g, useState as $, useEffect as b } from "react";
+import "./sd-component-library198.js";
+import { labelPaddingX as o, labelWidth as u } from "./sd-component-library236.js";
+import { Box as x } from "./sd-component-library199.js";
+import { ResponsiveTextV2 as v } from "./sd-component-library147.js";
+const T = (l) => {
   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 });
+    position: t,
+    diameter: r,
+    label: d,
+    distanceFromLabelToRanges: p,
+    isInRange: e,
+    color: s
+  } = l, i = g(), [a, c] = $(0);
+  b(() => {
+    i.current && c(i.current.getBoundingClientRect().height);
+  }, [i]);
+  const m = t === "right" ? `${r + p}px` : t === "top" ? `${r / 2}px` : void 0, h = t === "left" ? `${r + p}px` : void 0, f = t === "left" || t === "right" ? `${r / 2}px` : `${-p}px`;
+  return /* @__PURE__ */ n.jsx(x, { sx: {
+    position: "absolute",
+    left: m,
+    top: f,
+    right: h
+  }, children: /* @__PURE__ */ n.jsx(x, { sx: {
+    position: "relative",
+    top: `-${a}px`,
+    left: t === "top" ? "-50%" : void 0,
+    py: "7px",
+    px: e ? `${o}px` : "0",
+    borderColor: e ? s : "cl_lightGrey",
+    borderWidth: e ? "2px" : "1pt",
+    borderStyle: e ? "solid" : "none",
+    borderBottomStyle: !e && t === "top" ? "none" : "solid",
+    borderRadius: e ? `${o}px ${o}px ${t !== "left" ? `${o}px` : "0"} ${t !== "right" ? `${o}px` : "0"}` : "0",
+    bg: "cl_white",
+    "& > div": {
+      maxWidth: t === "top" ? void 0 : `${u}px`
+    }
+  }, ref: i, children: /* @__PURE__ */ n.jsx(v, { width: "max-content", fontSizeWeight: [[12, "semi-bold"]], color: e && s !== "#CCD0DB" ? s : "cl_darkGrey", textTransform: "uppercase", letterSpacing: "1.8px", children: d }) }) });
 };
 export {
-  g as OutlineMeterLabelBox
+  T as BaseMeterLabelBox
 };
 //# sourceMappingURL=sd-component-library247.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library247.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;"}
+{"version":3,"file":"sd-component-library247.js","sources":["../src/components/meters/outline-meter/partials/base-meter-label-box/base-meter-label-box.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../contants\";\nimport { BaseMeterLabelBoxProps as Props } from \"./interfaces\";\n\nexport const BaseMeterLabelBox: React.FC<Props> = (props) => {\n  const {\n    position,\n    diameter,\n    label,\n    distanceFromLabelToRanges,\n    isInRange,\n    color,\n  } = props;\n  const ref = useRef<HTMLElement>();\n  const [textHeight, setTextHeight] = useState(0);\n\n  useEffect(() => {\n    if (ref.current) setTextHeight(ref.current.getBoundingClientRect().height);\n  }, [ref]);\n\n  const left =\n    position === \"right\"\n      ? `${diameter + distanceFromLabelToRanges}px`\n      : position === \"top\"\n      ? `${diameter / 2}px`\n      : undefined;\n  const right =\n    position === \"left\"\n      ? `${diameter + distanceFromLabelToRanges}px`\n      : undefined;\n  const top =\n    position === \"left\" || position === \"right\"\n      ? `${diameter / 2}px`\n      : `${-distanceFromLabelToRanges}px`;\n\n  return (\n    <Box sx={{ position: \"absolute\", left, top, right }}>\n      <Box\n        sx={{\n          position: \"relative\",\n          top: `-${textHeight}px`,\n          left: position === \"top\" ? \"-50%\" : undefined,\n          py: \"7px\",\n          px: isInRange ? `${labelPaddingX}px` : \"0\",\n          borderColor: isInRange ? color : \"cl_lightGrey\",\n          borderWidth: isInRange ? \"2px\" : \"1pt\",\n          borderStyle: isInRange ? \"solid\" : \"none\",\n          borderBottomStyle:\n            !isInRange && position === \"top\" ? \"none\" : \"solid\",\n          borderRadius: isInRange\n            ? `${labelPaddingX}px ${labelPaddingX}px ${\n                position !== \"left\" ? `${labelPaddingX}px` : \"0\"\n              } ${position !== \"right\" ? `${labelPaddingX}px` : \"0\"}`\n            : \"0\",\n          bg: \"cl_white\",\n          \"& > div\": {\n            maxWidth: position === \"top\" ? undefined : `${labelWidth}px`,\n          },\n        }}\n        ref={ref}\n      >\n        <ResponsiveTextV2\n          width=\"max-content\"\n          fontSizeWeight={[[12, \"semi-bold\"]]}\n          color={isInRange && color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n          textTransform=\"uppercase\"\n          letterSpacing=\"1.8px\"\n        >\n          {label}\n        </ResponsiveTextV2>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["BaseMeterLabelBox","props","position","diameter","label","distanceFromLabelToRanges","isInRange","color","ref","useRef","textHeight","setTextHeight","useState","useEffect","current","getBoundingClientRect","height","left","undefined","right","top","jsx","Box","py","px","labelPaddingX","borderColor","borderWidth","borderStyle","borderBottomStyle","borderRadius","bg","maxWidth","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AAQO,MAAMA,IAAsCC,CAAUA,MAAA;AACrD,QAAA;AAAA,IACJC,UAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,2BAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,OAAAA;AAAAA,EACEN,IAAAA,GACEO,IAAMC,KACN,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC;AAE9CC,EAAAA,EAAU,MAAM;AACd,IAAIL,EAAIM,WAASH,EAAcH,EAAIM,QAAQC,sBAAsB,EAAEC,MAAM;AAAA,EAAA,GACxE,CAACR,CAAG,CAAC;AAER,QAAMS,IACJf,MAAa,UACR,GAAEC,IAAWE,CAA0B,OACxCH,MAAa,QACZ,GAAEC,IAAW,CAAE,OAChBe,QACAC,IACJjB,MAAa,SACR,GAAEC,IAAWE,CAA0B,OACxCa,QACAE,IACJlB,MAAa,UAAUA,MAAa,UAC/B,GAAEC,IAAW,CAAE,OACf,GAAE,CAACE,CAA0B;AAGlC,SAAAgB,gBAAAA,EAAA,IAACC,KAAI,IAAI;AAAA,IAAEpB,UAAU;AAAA,IAAYe,MAAAA;AAAAA,IAAMG,KAAAA;AAAAA,IAAKD,OAAAA;AAAAA,EAAM,GAChD,UAACE,gBAAAA,EAAAA,IAAAC,GAAA,EACC,IAAI;AAAA,IACFpB,UAAU;AAAA,IACVkB,KAAM,IAAGV,CAAW;AAAA,IACpBO,MAAMf,MAAa,QAAQ,SAASgB;AAAAA,IACpCK,IAAI;AAAA,IACJC,IAAIlB,IAAa,GAAEmB,CAAc,OAAM;AAAA,IACvCC,aAAapB,IAAYC,IAAQ;AAAA,IACjCoB,aAAarB,IAAY,QAAQ;AAAA,IACjCsB,aAAatB,IAAY,UAAU;AAAA,IACnCuB,mBACE,CAACvB,KAAaJ,MAAa,QAAQ,SAAS;AAAA,IAC9C4B,cAAcxB,IACT,GAAEmB,CAAc,MAAKA,CAAc,MAClCvB,MAAa,SAAU,GAAEuB,CAAc,OAAM,GAC9C,IAAGvB,MAAa,UAAW,GAAEuB,CAAc,OAAM,GAAI,KACtD;AAAA,IACJM,IAAI;AAAA,IACJ,WAAW;AAAA,MACTC,UAAU9B,MAAa,QAAQgB,SAAa,GAAEe,CAAW;AAAA,IAC3D;AAAA,EACF,GACA,KAAAzB,GAEA,UAAAa,gBAAAA,MAACa,GACC,EAAA,OAAM,eACN,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC,GAClC,OAAO5B,KAAaC,MAAU,YAAYA,IAAQ,eAClD,eAAc,aACd,eAAc,SAEbH,UACHA,EAAA,CAAA,EACF,CAAA,EACF,CAAA;AAEJ;"}

package/lib/sd-component-library248.js

@@ -1,24 +1,64 @@
-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]) : "";
+import { getCoordinateForArc as s } from "./sd-component-library89.js";
+const v = (r) => {
+  const a = `Received ${r.map(({
+    start: e,
+    end: t
+  }) => `(${e},${t})`)}`, n = (e) => console.error(e, a);
+  if (r.some(({
+    start: e,
+    end: t
+  }) => [e, t].some((o) => o < 0 || o > 1)))
+    return n("Segment values should be between 0 and 1"), !1;
+  if (r.reduce((e, {
+    start: t
+  }) => e + (t === 0 ? 1 : 0), 0) !== 1)
+    return n("One segment should start from 0"), !1;
+  if (r.reduce((e, {
+    end: t
+  }) => e + (t === 1 ? 1 : 0), 0) !== 1)
+    return n("One segment should end by 1"), !1;
+  if (r.some(({
+    start: e,
+    end: t
+  }) => e >= t))
+    return n("Segment start should be smaller than end"), !1;
+  for (let e = 1; e < r.length; e++) {
+    const t = r[e];
+    if (r[e - 1].end !== t.start)
+      return n("Previous segment end should be equal to next segment start"), !1;
   }
-  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";
+  return !0;
+}, x = ({
+  start: r,
+  end: a
+}, n, e) => {
+  const t = n - e, o = Math.round(r * 360), c = Math.round(a * 360), d = c - o, {
+    x: l,
+    y: u
+  } = s(n, o), {
+    x: f,
+    y: m
+  } = s(t, o, n), {
+    x: h,
+    y: i
+  } = s(n, c), {
+    x: g,
+    y: S
+  } = s(t, c, n);
+  return {
+    startX: l,
+    startY: u,
+    endX: h,
+    endY: i,
+    startInnerX: f,
+    startInnerY: m,
+    endInnerX: g,
+    endInnerY: S,
+    arc: d
+  };
+};
 export {
-  _ as flipPosition,
-  I as getFractionColor,
-  h as isLabelActive,
-  T as mapAdjacent
+  v as areSegmentsValid,
+  x as getSegmentCoordinates
 };
 //# sourceMappingURL=sd-component-library248.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library248.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","length","slice","getFractionColor","fraction","lowColor","topColor","lowRGB","hexToRGB","topRGB","resultRGB","map","component","i","Math","round","rgbToHex","red","green","blue","BITS_IN_BYTE","toString","hex","normal","match","e","parseInt","isLabelActive","value","totalColors","position","floor","flipPosition"],"mappings":"AAEA,MAAMA,IAAO,CAAIC,GAAMC,MAAiB,CAACD,GAAGC,CAAC,GAKhCC,IAAc,WAAcC,IAAY,IAAI;AAChDA,SAAAA,EAAKC,SAAS;AACnB,UAAML,EAAQI,EAAK,CAAC,GAAGA,EAAK,CAAC,CAAC,GACvBA,IAAAA,EAAKE,MAAM,CAAC;AAEvB,GAQaC,IAAmBA,CAC9BC,GACAC,GACAC,MACW;AACX,MAAID,KAAY,CAACC;AAAiBD,WAAAA;AAClC,MAAI,CAACA,KAAYC;AAAiBA,WAAAA;AAClC,MAAID,KAAYC,GAAU;AAClBC,UAAAA,IAASC,EAASH,CAAQ,GAC1BI,IAASD,EAASF,CAAQ,GAC1BI,IAAYH,EAAQI,IAAI,CAACC,GAAWC,MACjCC,KAAKC,MAAMH,KAAa,IAAIR,KAAYK,EAAQI,CAAC,IAAIT,CAAQ,CACrE;AACMM,WAAAA,IAAYM,EAASN,EAAU,CAAC,GAAGA,EAAU,CAAC,GAAGA,EAAU,CAAC,CAAC,IAAI;AAAA,EAC1E;AACO,SAAA;AACT,GAQMM,IAAWA,CAACC,GAAaC,GAAeC,MAG1C,OAEG,YACAF,KAAQ,OACRC,KAASE,KACVD,GAECE,SAAS,EAAE,EACXnB,MAAM,CAAC,GAQRM,IAAWA,CAACc,MAAgB;AAC1BC,QAAAA,IAASD,EAAIE,MAAM,6CAA6C;AAC/DD,SAAAA,IAASA,EAAOrB,MAAM,CAAC,EAAES,IAAKc,CAAAA,MAAMC,SAASD,GAAG,EAAE,CAAC,IAAI;AAChE,GAEaE,IAAgBA,CAC3BC,GACAC,GACAC,MAEAhB,KAAKiB,MAAMH,IAAQC,CAAW,OAC7BC,MAAa,SAAS,IAAIA,MAAa,UAAUD,IAAc,IAAI,IAKzDG,IAAeA,CAACF,MAC3BA,MAAa,SAAS,UAAUA,MAAa,QAAQ,QAAQ;"}
+{"version":3,"file":"sd-component-library248.js","sources":["../src/components/meters/donut-diagram/utils.ts"],"sourcesContent":["import { getCoordinateForArc } from \"../outline-meter/utils\";\nimport { DonutSegment } from \"./interfaces\";\n\nexport const areSegmentsValid = (\n  segments: Pick<DonutSegment, \"start\" | \"end\">[]\n): boolean => {\n  const receivedSegments = `Received ${segments.map(\n    ({ start, end }) => `(${start},${end})`\n  )}`;\n  const showError = (text: string) => console.error(text, receivedSegments);\n\n  if (\n    segments.some(({ start, end }) =>\n      [start, end].some((point) => point < 0 || point > 1)\n    )\n  ) {\n    showError(\"Segment values should be between 0 and 1\");\n    return false;\n  }\n\n  if (\n    segments.reduce<number>(\n      (acc, { start }) => acc + (start === 0 ? 1 : 0),\n      0\n    ) !== 1\n  ) {\n    showError(\"One segment should start from 0\");\n    return false;\n  }\n\n  if (\n    segments.reduce<number>((acc, { end }) => acc + (end === 1 ? 1 : 0), 0) !==\n    1\n  ) {\n    showError(\"One segment should end by 1\");\n    return false;\n  }\n\n  if (segments.some(({ start, end }) => start >= end)) {\n    showError(\"Segment start should be smaller than end\");\n    return false;\n  }\n\n  for (let i = 1; i < segments.length; i++) {\n    const currentSegment = segments[i];\n    const prevSegment = segments[i - 1];\n    if (prevSegment.end !== currentSegment.start) {\n      showError(\"Previous segment end should be equal to next segment start\");\n      return false;\n    }\n  }\n\n  return true;\n};\n\nexport const getSegmentCoordinates = (\n  { start, end }: Pick<DonutSegment, \"start\" | \"end\">,\n  radius: number,\n  segmentWidth: number\n) => {\n  const innerRadius = radius - segmentWidth;\n\n  const startAlpha = Math.round(start * 360);\n  const endAlpha = Math.round(end * 360);\n  const arc = endAlpha - startAlpha;\n\n  const { x: startX, y: startY } = getCoordinateForArc(radius, startAlpha);\n  const { x: startInnerX, y: startInnerY } = getCoordinateForArc(\n    innerRadius,\n    startAlpha,\n    radius\n  );\n\n  const { x: endX, y: endY } = getCoordinateForArc(radius, endAlpha);\n  const { x: endInnerX, y: endInnerY } = getCoordinateForArc(\n    innerRadius,\n    endAlpha,\n    radius\n  );\n  return {\n    startX,\n    startY,\n    endX,\n    endY,\n    startInnerX,\n    startInnerY,\n    endInnerX,\n    endInnerY,\n    arc,\n  };\n};\n"],"names":["areSegmentsValid","segments","receivedSegments","map","start","end","showError","text","console","error","some","point","reduce","acc","i","length","currentSegment","prevSegment","getSegmentCoordinates","radius","segmentWidth","innerRadius","startAlpha","Math","round","endAlpha","arc","x","startX","y","startY","getCoordinateForArc","startInnerX","startInnerY","endX","endY","endInnerX","endInnerY"],"mappings":";AAGaA,MAAAA,IAAmBA,CAC9BC,MACY;AACZ,QAAMC,IAAoB,YAAWD,EAASE,IAC5C,CAAC;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,EAAAA,MAAW,IAAGD,CAAM,IAAGC,CAAI,GACvC,CAAE,IACIC,IAAYA,CAACC,MAAiBC,QAAQC,MAAMF,GAAML,CAAgB;AAGtED,MAAAA,EAASS,KAAK,CAAC;AAAA,IAAEN,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,EACtB,MAAA,CAACD,GAAOC,CAAG,EAAEK,KAAMC,CAAUA,MAAAA,IAAQ,KAAKA,IAAQ,CAAC,CACrD;AAEAL,WAAAA,EAAU,0CAA0C,GAC7C;AAIPL,MAAAA,EAASW,OACP,CAACC,GAAK;AAAA,IAAET,OAAAA;AAAAA,EAAAA,MAAYS,KAAOT,MAAU,IAAI,IAAI,IAC7C,CACF,MAAM;AAENE,WAAAA,EAAU,iCAAiC,GACpC;AAIPL,MAAAA,EAASW,OAAe,CAACC,GAAK;AAAA,IAAER,KAAAA;AAAAA,EAAAA,MAAUQ,KAAOR,MAAQ,IAAI,IAAI,IAAI,CAAC,MACtE;AAEAC,WAAAA,EAAU,6BAA6B,GAChC;AAGLL,MAAAA,EAASS,KAAK,CAAC;AAAA,IAAEN,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,EAAAA,MAAUD,KAASC,CAAG;AAChDC,WAAAA,EAAU,0CAA0C,GAC7C;AAGT,WAASQ,IAAI,GAAGA,IAAIb,EAASc,QAAQD,KAAK;AAClCE,UAAAA,IAAiBf,EAASa,CAAC;AAE7BG,QADgBhB,EAASa,IAAI,CAAC,EAClBT,QAAQW,EAAeZ;AACrCE,aAAAA,EAAU,4DAA4D,GAC/D;AAAA,EAEX;AAEO,SAAA;AACT,GAEaY,IAAwBA,CACnC;AAAA,EAAEd,OAAAA;AAAAA,EAAOC,KAAAA;AAAyC,GAClDc,GACAC,MACG;AACH,QAAMC,IAAcF,IAASC,GAEvBE,IAAaC,KAAKC,MAAMpB,IAAQ,GAAG,GACnCqB,IAAWF,KAAKC,MAAMnB,IAAM,GAAG,GAC/BqB,IAAMD,IAAWH,GAEjB;AAAA,IAAEK,GAAGC;AAAAA,IAAQC,GAAGC;AAAAA,EAAAA,IAAWC,EAAoBZ,GAAQG,CAAU,GACjE;AAAA,IAAEK,GAAGK;AAAAA,IAAaH,GAAGI;AAAAA,EAAgBF,IAAAA,EACzCV,GACAC,GACAH,CACF,GAEM;AAAA,IAAEQ,GAAGO;AAAAA,IAAML,GAAGM;AAAAA,EAAAA,IAASJ,EAAoBZ,GAAQM,CAAQ,GAC3D;AAAA,IAAEE,GAAGS;AAAAA,IAAWP,GAAGQ;AAAAA,EAAcN,IAAAA,EACrCV,GACAI,GACAN,CACF;AACO,SAAA;AAAA,IACLS,QAAAA;AAAAA,IACAE,QAAAA;AAAAA,IACAI,MAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAH,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAG,WAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAX,KAAAA;AAAAA,EAAAA;AAEJ;"}

package/lib/sd-component-library249.js

@@ -1,62 +1,54 @@
-import { j as t } from "./sd-component-library195.js";
-import { getCoordinateForArc as A, getInnerX as H, getInnerY as M, degToRad as E } from "./sd-component-library89.js";
-import { getFractionColor as O } from "./sd-component-library248.js";
-import { BaseOutlineArc as X } from "./sd-component-library632.js";
-const w = "#CCD0DB", q = (G) => {
+import { j as n } from "./sd-component-library195.js";
+import { useHover as Z } from "./sd-component-library3.js";
+import { getCoordinateForArc as l } from "./sd-component-library89.js";
+import { getSegmentCoordinates as O } from "./sd-component-library248.js";
+import { SegmentLabel as q } from "./sd-component-library708.js";
+const h = 300, G = ({
+  segment: o,
+  segmentWidth: $,
+  outlineWidth: f,
+  size: i,
+  mobile: a,
+  ...c
+}) => {
   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);
-  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" })
-    ] })
+    start: p,
+    end: x,
+    color: u
+  } = o, {
+    labelOffset: j
+  } = c, t = i / 2, d = t - $, {
+    startInnerX: k,
+    startInnerY: A,
+    endInnerX: M,
+    endInnerY: X,
+    endX: Y,
+    endY: v,
+    startY: S,
+    startX: g,
+    arc: e
+  } = O(o, t, $), r = i / 2, H = Math.round(p * 360), I = Math.round(x * 360), {
+    isHover: L,
+    hoverCallbacks: w
+  } = Z(), m = L && !a, s = Math.sqrt(2) * (t + j), {
+    x: y,
+    y: C
+  } = l(s, H, t), {
+    x: E,
+    y: R
+  } = l(s, I, t);
+  return /* @__PURE__ */ n.jsxs("g", { ...a ? {} : w, children: [
+    /* @__PURE__ */ n.jsx("path", { d: `M${r},${r} L${y},${C} A${s},${s} 0 ${e > 180 ? "1" : "0"},1 ${E},${R}Z`, fill: "transparent" }),
+    /* @__PURE__ */ n.jsx("path", { d: `M${r},${r} L${g},${S} A${t},${t} 0 ${e > 180 ? "1" : "0"},1 ${Y},${v}Z`, fill: u, strokeWidth: f, stroke: "white" }),
+    /* @__PURE__ */ n.jsx("path", { d: `M${r},${r} L${k},${A} A${d},${d} 0 ${e > 180 ? "1" : "0"},1 ${M},${X}Z`, fill: "white", style: {
+      transform: `scale(${m ? 0.8 : 1}`,
+      transformOrigin: "center",
+      transition: `all ${h}ms`
+    } }),
+    /* @__PURE__ */ n.jsx(q, { segment: o, radius: t, animationDuration: h, isHover: m, mobile: a, ...c })
   ] });
 };
 export {
-  q as GradientMeterRange
+  G as Segment
 };
 //# sourceMappingURL=sd-component-library249.js.map