@selfdecode/sd-component-library 4.0.136 → 4.0.138

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library237.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-needle/discrete-meter-needle.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { BaseNeedle } from \"../../../outline-meter/partials/base-needle\";\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { DiscreteMeterNeedleProps as Props } from \"./interfaces\";\n\nexport function DiscreteMeterNeedle<T>(props: PropsWithChildren<Props<T>>) {\n  const {\n    needleColor,\n    options,\n    value,\n    needleWidth,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    diameter,\n    arc,\n    distanceBetweenRanges,\n    distanceFromRange,\n    gaugeWidth,\n  } = props;\n\n  const matchingRangeIndex = options.findIndex(\n    (option) => value === option.value\n  );\n\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2;\n  const arcForRanges = arc - (options.length - 1) * distanceBetweenRanges;\n\n  const start = matchingRangeIndex / options.length;\n  const end = (matchingRangeIndex + 1) / options.length;\n\n  const rangeArc = arcForRanges * (end - start);\n\n  const rangeArcStart =\n    arcStart +\n    distanceBetweenRanges * matchingRangeIndex +\n    arcForRanges * start;\n\n  const valueAlpha = rangeArcStart + rangeArc / 2;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n\n  const needleTipX = getInnerX(\n    valueX,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n  const needleTipY = getInnerY(\n    valueY,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n\n  const dx = (needleWidth / 2) * Math.cos(degToRad(valueAlpha));\n  const dy = (needleWidth / 2) * Math.sin(degToRad(valueAlpha));\n\n  return (\n    <BaseNeedle\n      dx={dx}\n      dy={dy}\n      color={needleColor}\n      radius={radius}\n      tipX={needleTipX}\n      tipY={needleTipY}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      innerCircleRadius={innerCircleRadius}\n      needleWidth={needleWidth}\n    />\n  );\n}\n"],"names":["DiscreteMeterNeedle","props","needleColor","options","value","needleWidth","innerCircleRadius","innerCircleStrokeWidth","diameter","arc","distanceBetweenRanges","distanceFromRange","gaugeWidth","matchingRangeIndex","option","radius","arcStart","arcForRanges","start","end","rangeArc","valueAlpha","valueX","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","dy","jsx","BaseNeedle"],"mappings":";;;AAWO,SAASA,EAAuBC,GAAoC;AACnE,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAX,GAEEY,IAAqBV,EAAQ;AAAA,IACjC,CAACW,MAAWV,MAAUU,EAAO;AAAA,EAAA,GAGzBC,IAASP,IAAW,GAEpBQ,KAAY,MAAMP,KAAO,GACzBQ,IAAeR,KAAON,EAAQ,SAAS,KAAKO,GAE5CQ,IAAQL,IAAqBV,EAAQ,QACrCgB,KAAON,IAAqB,KAAKV,EAAQ,QAEzCiB,IAAWH,KAAgBE,IAAMD,IAOjCG,IAJJL,IACAN,IAAwBG,IACxBI,IAAeC,IAEkBE,IAAW,GACxC,EAAE,GAAGE,GAAQ,GAAGC,MAAWC,EAAoBT,GAAQM,CAAU,GAEjEI,IAAaC;AAAA,IACjBJ;AAAA,IACAK,EAASN,CAAU;AAAA,IACnBV,IAAoBC,IAAaP,IAAc;AAAA,EAAA,GAE3CuB,IAAaC;AAAA,IACjBN;AAAA,IACAI,EAASN,CAAU;AAAA,IACnBV,IAAoBC,IAAaP,IAAc;AAAA,EAAA,GAG3CyB,IAAMzB,IAAc,IAAK,KAAK,IAAIsB,EAASN,CAAU,CAAC,GACtDU,IAAM1B,IAAc,IAAK,KAAK,IAAIsB,EAASN,CAAU,CAAC;AAG1D,SAAAW,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAH;AAAA,MACA,IAAAC;AAAA,MACA,OAAO7B;AAAA,MACP,QAAAa;AAAA,MACA,MAAMU;AAAA,MACN,MAAMG;AAAA,MACN,wBAAArB;AAAA,MACA,mBAAAD;AAAA,MACA,aAAAD;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library237.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-range/discrete-range.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { BaseOutlineArc } from \"../../../outline-meter/partials/base-outline-arc\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { defaultTextBottomMargin } from \"../../constants\";\nimport { getRangeProperties } from \"../../utils\";\nimport { DiscreteMeterLabelPointer } from \"../discrete-meter-label-pointer\";\nimport { DiscreteRangeProps as Props } from \"./interfaces\";\n\nexport function DiscreteRange<T>(props: PropsWithChildren<Props<T>>) {\n  const {\n    color,\n    idx,\n    gaugeWidth,\n    diameter,\n    arc,\n    distanceBetweenRanges,\n    totalRanges,\n    showLabel,\n    label,\n    isMatchedRange,\n    pointerWidth,\n    pointerLength,\n    horizontal,\n  } = props;\n\n  const radius = diameter / 2;\n\n  const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx\n  );\n\n  const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n    radius,\n    rangeArcStart\n  );\n  const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n    radius,\n    rangeArcEnd\n  );\n\n  const middleArcAlpha = (rangeArcStart + rangeArcEnd) / 2;\n\n  return (\n    <g>\n      <BaseOutlineArc\n        startX={rangeStartX}\n        startY={rangeStartY}\n        endX={rangeEndX}\n        endY={rangeEndY}\n        startAlpha={rangeArcStart}\n        endAlpha={rangeArcEnd}\n        color={color}\n        radius={radius}\n        width={gaugeWidth}\n      />\n\n      {showLabel && label && !isMatchedRange && (\n        <DiscreteMeterLabelPointer\n          alpha={middleArcAlpha}\n          pointerLength={pointerLength}\n          pointerWidth={pointerWidth}\n          radius={radius}\n          color={color}\n          textBottomMargin={defaultTextBottomMargin}\n          label={label}\n          horizontal={horizontal}\n        />\n      )}\n    </g>\n  );\n}\n"],"names":["DiscreteRange","props","color","idx","gaugeWidth","diameter","arc","distanceBetweenRanges","totalRanges","showLabel","label","isMatchedRange","pointerWidth","pointerLength","horizontal","radius","rangeArcStart","rangeArcEnd","getRangeProperties","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","middleArcAlpha","jsx","BaseOutlineArc","DiscreteMeterLabelPointer","defaultTextBottomMargin"],"mappings":";;;;;;AASO,SAASA,EAAiBC,GAAoC;AAC7D,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAb,GAEEc,IAASV,IAAW,GAEpB,EAAE,eAAAW,GAAe,aAAAC,EAAA,IAAgBC;AAAA,IACrCZ;AAAA,IACAE;AAAA,IACAD;AAAA,IACAJ;AAAA,EAAA,GAGI,EAAE,GAAGgB,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACzCN;AAAA,IACAC;AAAA,EAAA,GAEI,EAAE,GAAGM,GAAW,GAAGC,EAAc,IAAAF;AAAA,IACrCN;AAAA,IACAE;AAAA,EAAA,GAGIO,KAAkBR,IAAgBC,KAAe;AAEvD,gCACG,KACC,EAAA,UAAA;AAAA,IAAAQ,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAQP;AAAA,QACR,QAAQC;AAAA,QACR,MAAME;AAAA,QACN,MAAMC;AAAA,QACN,YAAYP;AAAA,QACZ,UAAUC;AAAA,QACV,OAAAf;AAAA,QACA,QAAAa;AAAA,QACA,OAAOX;AAAA,MAAA;AAAA,IACT;AAAA,IAECK,KAAaC,KAAS,CAACC,KACtBc,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAOH;AAAA,QACP,eAAAX;AAAA,QACA,cAAAD;AAAA,QACA,QAAAG;AAAA,QACA,OAAAb;AAAA,QACA,kBAAkB0B;AAAA,QAClB,OAAAlB;AAAA,QACA,YAAAI;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library238.js

@@ -1,16 +1,46 @@
-import { j as g } from "./sd-component-library197.js";
-import { getRangeProperties as d } from "./sd-component-library315.js";
-import { MatchedRangeLabelBox as x } from "./sd-component-library311.js";
-const h = (e) => {
-  const { idx: t, totalRanges: a, distanceBetweenRanges: r, arc: n } = e, { rangeArcStart: o, rangeArcEnd: s } = d(
-    n,
-    a,
-    r,
-    t
-  ), c = Math.round((o + s) / 2);
-  return /* @__PURE__ */ g.jsx(x, { ...e, alpha: c, round: !0 });
-};
+import { j as M } from "./sd-component-library197.js";
+import { getInnerX as T, getInnerY as W, degToRad as r, getCoordinateForArc as y } from "./sd-component-library91.js";
+import { BaseNeedle as B } from "./sd-component-library314.js";
+function E(p) {
+  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
+    }
+  );
+}
 export {
-  h as MatchedRangeLabelBox
+  E as DiscreteMeterNeedle
 };
 //# sourceMappingURL=sd-component-library238.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library238.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { MatchedRangeLabelBox as LabelBox } from \"../../../common-outline-meter-partials\";\nimport { getRangeProperties } from \"../../utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const { idx, totalRanges, distanceBetweenRanges, arc } = props;\n\n  const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx\n  );\n\n  const alpha = Math.round((rangeArcStart + rangeArcEnd) / 2);\n\n  return <LabelBox {...props} alpha={alpha} round />;\n};\n"],"names":["MatchedRangeLabelBox","props","idx","totalRanges","distanceBetweenRanges","arc","rangeArcStart","rangeArcEnd","getRangeProperties","alpha","LabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,KAAAC,GAAK,aAAAC,GAAa,uBAAAC,GAAuB,KAAAC,MAAQJ,GAEnD,EAAE,eAAAK,GAAe,aAAAC,EAAA,IAAgBC;AAAA,IACrCH;AAAA,IACAF;AAAA,IACAC;AAAA,IACAF;AAAA,EAAA,GAGIO,IAAQ,KAAK,OAAOH,IAAgBC,KAAe,CAAC;AAE1D,+BAAQG,GAAU,EAAA,GAAGT,GAAO,OAAAQ,GAAc,OAAK,GAAC,CAAA;AAClD;"}
+{"version":3,"file":"sd-component-library238.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-needle/discrete-meter-needle.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { BaseNeedle } from \"../../../outline-meter/partials/base-needle\";\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { DiscreteMeterNeedleProps as Props } from \"./interfaces\";\n\nexport function DiscreteMeterNeedle<T>(props: PropsWithChildren<Props<T>>) {\n  const {\n    needleColor,\n    options,\n    value,\n    needleWidth,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    diameter,\n    arc,\n    distanceBetweenRanges,\n    distanceFromRange,\n    gaugeWidth,\n  } = props;\n\n  const matchingRangeIndex = options.findIndex(\n    (option) => value === option.value\n  );\n\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2;\n  const arcForRanges = arc - (options.length - 1) * distanceBetweenRanges;\n\n  const start = matchingRangeIndex / options.length;\n  const end = (matchingRangeIndex + 1) / options.length;\n\n  const rangeArc = arcForRanges * (end - start);\n\n  const rangeArcStart =\n    arcStart +\n    distanceBetweenRanges * matchingRangeIndex +\n    arcForRanges * start;\n\n  const valueAlpha = rangeArcStart + rangeArc / 2;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n\n  const needleTipX = getInnerX(\n    valueX,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n  const needleTipY = getInnerY(\n    valueY,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n\n  const dx = (needleWidth / 2) * Math.cos(degToRad(valueAlpha));\n  const dy = (needleWidth / 2) * Math.sin(degToRad(valueAlpha));\n\n  return (\n    <BaseNeedle\n      dx={dx}\n      dy={dy}\n      color={needleColor}\n      radius={radius}\n      tipX={needleTipX}\n      tipY={needleTipY}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      innerCircleRadius={innerCircleRadius}\n      needleWidth={needleWidth}\n    />\n  );\n}\n"],"names":["DiscreteMeterNeedle","props","needleColor","options","value","needleWidth","innerCircleRadius","innerCircleStrokeWidth","diameter","arc","distanceBetweenRanges","distanceFromRange","gaugeWidth","matchingRangeIndex","option","radius","arcStart","arcForRanges","start","end","rangeArc","valueAlpha","valueX","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","dy","jsx","BaseNeedle"],"mappings":";;;AAWO,SAASA,EAAuBC,GAAoC;AACnE,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAX,GAEEY,IAAqBV,EAAQ;AAAA,IACjC,CAACW,MAAWV,MAAUU,EAAO;AAAA,EAAA,GAGzBC,IAASP,IAAW,GAEpBQ,KAAY,MAAMP,KAAO,GACzBQ,IAAeR,KAAON,EAAQ,SAAS,KAAKO,GAE5CQ,IAAQL,IAAqBV,EAAQ,QACrCgB,KAAON,IAAqB,KAAKV,EAAQ,QAEzCiB,IAAWH,KAAgBE,IAAMD,IAOjCG,IAJJL,IACAN,IAAwBG,IACxBI,IAAeC,IAEkBE,IAAW,GACxC,EAAE,GAAGE,GAAQ,GAAGC,MAAWC,EAAoBT,GAAQM,CAAU,GAEjEI,IAAaC;AAAA,IACjBJ;AAAA,IACAK,EAASN,CAAU;AAAA,IACnBV,IAAoBC,IAAaP,IAAc;AAAA,EAAA,GAE3CuB,IAAaC;AAAA,IACjBN;AAAA,IACAI,EAASN,CAAU;AAAA,IACnBV,IAAoBC,IAAaP,IAAc;AAAA,EAAA,GAG3CyB,IAAMzB,IAAc,IAAK,KAAK,IAAIsB,EAASN,CAAU,CAAC,GACtDU,IAAM1B,IAAc,IAAK,KAAK,IAAIsB,EAASN,CAAU,CAAC;AAG1D,SAAAW,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAH;AAAA,MACA,IAAAC;AAAA,MACA,OAAO7B;AAAA,MACP,QAAAa;AAAA,MACA,MAAMU;AAAA,MACN,MAAMG;AAAA,MACN,wBAAArB;AAAA,MACA,mBAAAD;AAAA,MACA,aAAAD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library239.js

@@ -1,24 +1,16 @@
-const i = (t, n) => [t, n], T = function* (t = []) {
-  for (; t.length > 1; )
-    yield i(t[0], t[1]), t = t.slice(1);
-}, I = (t, n, e) => {
-  if (n && !e)
-    return n;
-  if (!n && e)
-    return e;
-  if (n && e) {
-    const s = a(n), r = a(e), c = s.map((B, f) => Math.round(B * (1 - t) + r[f] * t));
-    return c ? u(c[0], c[1], c[2]) : "";
-  }
-  return "";
-}, u = (t, n, e) => "#" + (16777216 + (t << 16) + (n << 8) + e).toString(16).slice(1), a = (t) => {
-  const n = t.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);
-  return n ? n.slice(1).map((e) => parseInt(e, 16)) : null;
-}, h = (t, n, e) => Math.floor(t * n) === (e === "left" ? 0 : e === "right" ? n - 1 : 1), _ = (t) => t === "left" ? "right" : t === "top" ? "top" : "left";
+import { j as g } from "./sd-component-library197.js";
+import { getRangeProperties as d } from "./sd-component-library315.js";
+import { MatchedRangeLabelBox as x } from "./sd-component-library312.js";
+const h = (e) => {
+  const { idx: t, totalRanges: a, distanceBetweenRanges: r, arc: n } = e, { rangeArcStart: o, rangeArcEnd: s } = d(
+    n,
+    a,
+    r,
+    t
+  ), c = Math.round((o + s) / 2);
+  return /* @__PURE__ */ g.jsx(x, { ...e, alpha: c, round: !0 });
+};
 export {
-  _ as flipPosition,
-  I as getFractionColor,
-  h as isLabelActive,
-  T as mapAdjacent
+  h as MatchedRangeLabelBox
 };
 //# sourceMappingURL=sd-component-library239.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library239.js","sources":["../src/components/meters/gradient-outline-meter/utils.ts"],"sourcesContent":["import { OutlineMeterLabelPosition } from \"../outline-meter\";\n\nconst pair = <T>(a: T, b: T): [T, T] => [a, b];\n\n/**\n * Returns an array of mapped adjacent elements into pairs.\n */\nexport const mapAdjacent = function* <T>(iter: T[] = []) {\n  while (iter.length > 1) {\n    yield pair<T>(iter[0], iter[1]);\n    iter = iter.slice(1);\n  }\n};\n\n/**\n * @param fraction numerical value from 0 to 1.\n * @param lowColor initial color of the gradient.\n * @param topColor final color of the gradient.\n * @returns color of gradient at specified fraction point or empty string\n */\nexport const getFractionColor = (\n  fraction: number,\n  lowColor?: string,\n  topColor?: string\n): string => {\n  if (lowColor && !topColor) return lowColor;\n  if (!lowColor && topColor) return topColor;\n  if (lowColor && topColor) {\n    const lowRGB = hexToRGB(lowColor);\n    const topRGB = hexToRGB(topColor);\n    const resultRGB = lowRGB!.map((component, i) => {\n      return Math.round(component * (1 - fraction) + topRGB![i] * fraction);\n    });\n    return resultRGB ? rgbToHex(resultRGB[0], resultRGB[1], resultRGB[2]) : \"\";\n  }\n  return \"\";\n};\n\n/**\n * Converts rgb color representation into hex representation.\n * @param red component of color.\n * @param green component of color.\n * @param blue component of color.\n */\nconst rgbToHex = (red: number, green: number, blue: number): string => {\n  const BITS_IN_BYTE = 8;\n  return (\n    \"#\" +\n    (\n      (1 << (3 * BITS_IN_BYTE)) +\n      (red << (2 * BITS_IN_BYTE)) +\n      (green << BITS_IN_BYTE) +\n      blue\n    )\n      .toString(16)\n      .slice(1)\n  );\n};\n\n/**\n * Converts hex representation of color into rgb.\n * @param hex complete and correct representation of color\n */\nconst hexToRGB = (hex: string) => {\n  const normal = hex.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);\n  return normal ? normal.slice(1).map((e) => parseInt(e, 16)) : null;\n};\n\nexport const isLabelActive = (\n  value: number,\n  totalColors: number,\n  position: OutlineMeterLabelPosition\n) =>\n  Math.floor(value * totalColors) ===\n  (position === \"left\" ? 0 : position === \"right\" ? totalColors - 1 : 1);\n\n/**\n * Mirrors entered position for outline meter label.\n */\nexport const flipPosition = (position: OutlineMeterLabelPosition) =>\n  position === \"left\" ? \"right\" : position === \"top\" ? \"top\" : \"left\";\n"],"names":["pair","a","b","mapAdjacent","iter","getFractionColor","fraction","lowColor","topColor","lowRGB","hexToRGB","topRGB","resultRGB","component","i","rgbToHex","red","green","blue","hex","normal","isLabelActive","value","totalColors","position","flipPosition"],"mappings":"AAEA,MAAMA,IAAO,CAAIC,GAAMC,MAAiB,CAACD,GAAGC,CAAC,GAKhCC,IAAc,WAAcC,IAAY,IAAI;AAChD,SAAAA,EAAK,SAAS;AACnB,UAAMJ,EAAQI,EAAK,CAAC,GAAGA,EAAK,CAAC,CAAC,GACvBA,IAAAA,EAAK,MAAM,CAAC;AAEvB,GAQaC,IAAmB,CAC9BC,GACAC,GACAC,MACW;AACX,MAAID,KAAY,CAACC;AAAiB,WAAAD;AAClC,MAAI,CAACA,KAAYC;AAAiB,WAAAA;AAClC,MAAID,KAAYC,GAAU;AAClB,UAAAC,IAASC,EAASH,CAAQ,GAC1BI,IAASD,EAASF,CAAQ,GAC1BI,IAAYH,EAAQ,IAAI,CAACI,GAAWC,MACjC,KAAK,MAAMD,KAAa,IAAIP,KAAYK,EAAQG,CAAC,IAAIR,CAAQ,CACrE;AACM,WAAAM,IAAYG,EAASH,EAAU,CAAC,GAAGA,EAAU,CAAC,GAAGA,EAAU,CAAC,CAAC,IAAI;AAAA,EAC1E;AACO,SAAA;AACT,GAQMG,IAAW,CAACC,GAAaC,GAAeC,MAG1C,OAEG,YACAF,KAAQ,OACRC,KAAS,KACVC,GAEC,SAAS,EAAE,EACX,MAAM,CAAC,GAQRR,IAAW,CAACS,MAAgB;AAC1B,QAAAC,IAASD,EAAI,MAAM,6CAA6C;AACtE,SAAOC,IAASA,EAAO,MAAM,CAAC,EAAE,IAAI,CAAC,MAAM,SAAS,GAAG,EAAE,CAAC,IAAI;AAChE,GAEaC,IAAgB,CAC3BC,GACAC,GACAC,MAEA,KAAK,MAAMF,IAAQC,CAAW,OAC7BC,MAAa,SAAS,IAAIA,MAAa,UAAUD,IAAc,IAAI,IAKzDE,IAAe,CAACD,MAC3BA,MAAa,SAAS,UAAUA,MAAa,QAAQ,QAAQ;"}
+{"version":3,"file":"sd-component-library239.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { MatchedRangeLabelBox as LabelBox } from \"../../../common-outline-meter-partials\";\nimport { getRangeProperties } from \"../../utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const { idx, totalRanges, distanceBetweenRanges, arc } = props;\n\n  const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx\n  );\n\n  const alpha = Math.round((rangeArcStart + rangeArcEnd) / 2);\n\n  return <LabelBox {...props} alpha={alpha} round />;\n};\n"],"names":["MatchedRangeLabelBox","props","idx","totalRanges","distanceBetweenRanges","arc","rangeArcStart","rangeArcEnd","getRangeProperties","alpha","LabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,KAAAC,GAAK,aAAAC,GAAa,uBAAAC,GAAuB,KAAAC,MAAQJ,GAEnD,EAAE,eAAAK,GAAe,aAAAC,EAAA,IAAgBC;AAAA,IACrCH;AAAA,IACAF;AAAA,IACAC;AAAA,IACAF;AAAA,EAAA,GAGIO,IAAQ,KAAK,OAAOH,IAAgBC,KAAe,CAAC;AAE1D,+BAAQG,GAAU,EAAA,GAAGT,GAAO,OAAAQ,GAAc,OAAK,GAAC,CAAA;AAClD;"}

package/lib/sd-component-library24.js

@@ -1,9 +1,9 @@
 import { j as r } from "./sd-component-library197.js";
-import { Link as Q } from "react-router-dom";
-import { Button as U, Flex as V } from "rebass";
-import { generateTestLocator as X } from "./sd-component-library4.js";
-import { LoadingSpinner as Y } from "./sd-component-library204.js";
-function Z(t, o, e) {
+import { Link as U } from "react-router-dom";
+import { Button as V, Flex as X } from "rebass";
+import { generateTestLocator as Y } from "./sd-component-library4.js";
+import { LoadingSpinner as Z } from "./sd-component-library206.js";
+function tt(t, o, e) {
   return (n) => {
     t == null || t(n), o && (`#${o}` !== window.location.hash && (e != null && e.replace(
       `${window.location.pathname.split("#")[0]}#${o}`
@@ -14,7 +14,7 @@ function Z(t, o, e) {
     )), window.dispatchEvent(new HashChangeEvent("hashchange")));
   };
 }
-const tt = ({
+const ot = ({
   link: t,
   isInternal: o = !0,
   children: e,
@@ -28,7 +28,7 @@ const tt = ({
     textDecoration: "none"
   };
   return t === void 0 ? /* @__PURE__ */ r.jsx(r.Fragment, { children: e }) : o ? /* @__PURE__ */ r.jsx(
-    Q,
+    U,
     {
       to: t,
       style: i,
@@ -48,7 +48,7 @@ const tt = ({
       children: e
     }
   );
-}, at = (t) => {
+}, dt = (t) => {
   const {
     link: o,
     isInternal: e = !0,
@@ -56,113 +56,148 @@ const tt = ({
     onClick: a,
     children: d,
     disabled: i,
-    variant: l,
-    padding: h,
-    fontSize: c,
-    fontWeight: p,
-    letterSpacing: v,
-    textDecoration: f,
-    textTransform: m,
-    hoverFontWeight: u,
-    hoverTextDecoration: g,
-    borderRadius: x,
+    variant: p,
+    padding: c,
+    fontSize: h,
+    fontWeight: x,
+    letterSpacing: f,
+    textDecoration: m,
+    textTransform: u,
+    hoverFontWeight: g,
+    hoverTextDecoration: v,
+    borderRadius: b,
     width: w,
-    height: b,
-    borderStyle: j,
-    borderWidth: S,
+    height: S,
+    borderStyle: y,
+    borderWidth: j,
     borderColor: k,
-    fill: y,
-    color: B,
-    bg: C,
-    stroke: W,
-    hoverBorderStyle: $,
-    hoverBorderWidth: E,
-    hoverBorderColor: F,
-    hoverFill: I,
-    hoverColor: L,
-    hoverBg: D,
-    hoverStroke: z,
+    fill: C,
+    color: W,
+    bg: B,
+    stroke: $,
+    hoverBorderStyle: E,
+    hoverBorderWidth: I,
+    hoverBorderColor: z,
+    hoverFill: F,
+    hoverColor: D,
+    hoverBg: L,
+    hoverStroke: T,
     display: H,
-    transition: P,
-    history: R,
-    zIndex: M,
-    cursor: T = "pointer",
-    rel: _,
-    target: q,
-    onLinkClick: A,
-    testLocatorId: G
+    transition: R,
+    history: _,
+    zIndex: P,
+    cursor: A = "pointer",
+    rel: G,
+    target: M,
+    onLinkClick: q,
+    testLocatorId: J,
+    tooltipText: l
   } = t, {
     loading: s = !1,
-    loadingIconProps: J = {},
-    onHover: K,
-    sx: N,
-    ...O
+    loadingIconProps: K = {},
+    onHover: N,
+    sx: O,
+    ...Q
   } = t;
   if (o !== void 0 && a !== void 0)
     throw new Error("Cannot have link and onClick at the same time");
   return /* @__PURE__ */ r.jsx(
-    tt,
+    ot,
     {
       link: o,
       isInternal: e,
-      rel: _,
-      target: q,
-      onLinkClick: A,
+      rel: G,
+      target: M,
+      onLinkClick: q,
       children: /* @__PURE__ */ r.jsx(
-        U,
+        V,
         {
           "data-testid": "button",
-          ...X(G),
-          ...O,
-          variant: l,
+          ...Y(J),
+          ...Q,
+          variant: p,
           sx: {
             position: "relative",
             display: H,
-            padding: h,
+            padding: c,
             fontFamily: "proxima-nova",
-            fontSize: c,
-            fontWeight: p,
-            letterSpacing: v,
-            textDecoration: f,
-            textTransform: m,
+            fontSize: h,
+            fontWeight: x,
+            letterSpacing: f,
+            textDecoration: m,
+            textTransform: u,
             width: w,
-            height: b,
-            borderRadius: x,
-            borderStyle: j,
-            borderWidth: S,
+            height: S,
+            borderRadius: b,
+            borderStyle: y,
+            borderWidth: j,
             borderColor: k,
-            fill: y,
-            stroke: W,
-            color: B,
-            bg: C,
+            fill: C,
+            stroke: $,
+            color: W,
+            bg: B,
             outline: "none !important",
-            transition: P,
+            transition: R,
+            ...l ? {
+              "::after": {
+                position: "absolute",
+                opacity: 0,
+                pointerEvents: "none",
+                content: `"${l}"`,
+                color: "cl_darkGrey",
+                textTransform: "none",
+                letterSpacing: 0,
+                left: "50%",
+                top: "calc(100% + 10px)",
+                borderRadius: "0 0 3px 3px",
+                boxShadow: "0 0 5px 2px #0000001A",
+                borderTop: "2px solid",
+                borderColor: "cl_purple",
+                bg: "white",
+                zIndex: 10,
+                padding: "8px",
+                width: "max-content",
+                maxWidth: "100%",
+                transform: "translate(-50%, -20px)",
+                transition: "all 150ms cubic-bezier(.25, .8, .25, 1)",
+                fontSize: "14px",
+                fontWeight: 400,
+                lineHeight: "17px"
+              }
+            } : {},
             ":hover": {
-              cursor: i ? "default" : T,
-              borderStyle: $,
-              borderWidth: E,
-              borderColor: F,
-              fill: I,
-              stroke: z,
-              color: L,
-              bg: D,
-              hoverFontWeight: u,
-              hoverTextDecoration: g
+              cursor: i ? "default" : A,
+              borderStyle: E,
+              borderWidth: I,
+              borderColor: z,
+              fill: F,
+              stroke: T,
+              color: D,
+              bg: L,
+              hoverFontWeight: g,
+              hoverTextDecoration: v,
+              ...l ? {
+                "::after": {
+                  opacity: 1,
+                  transform: "translate(-50%, 0)",
+                  transitionDuration: "300ms"
+                }
+              } : {}
             },
-            zIndex: M,
-            ...N
+            zIndex: P,
+            ...O
           },
-          onClick: o === void 0 ? Z(a, n, R) : () => {
+          onClick: o === void 0 ? tt(a, n, _) : () => {
           },
-          onMouseEnter: K,
+          onMouseEnter: N,
           disabled: i || s,
-          children: s ? /* @__PURE__ */ r.jsx(V, { height: "100%", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ r.jsx(Y, { ...J }) }) : d
+          children: s ? /* @__PURE__ */ r.jsx(X, { height: "100%", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ r.jsx(Z, { ...K }) }) : d
         }
       )
     }
   );
 };
 export {
-  at as Button
+  dt as Button
 };
 //# sourceMappingURL=sd-component-library24.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library24.js","sources":["../src/components/buttons/button/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { History } from \"history\";\nimport { Flex, Button as RebassButton } from \"rebass\";\n\nimport { generateTestLocator } from \"../../../core/functions\";\nimport { LoadingSpinner } from \"../../animations/loading-spinner\";\nimport { ButtonProps } from \"./interfaces\";\n\n/**\n * A wrapper to handle various click behaviours for buttons.\n *\n * @param history The history object for navigation.\n * @param onClick The call back to run on button click.\n * @param link The location to navigate to if the button is a link.\n * @param scrollTo The section of the page to scroll to.\n *\n * @returns The on click call back.\n */\nfunction clickWrapper(\n  onClick?: ButtonProps[\"onClick\"],\n  scrollTo?: string,\n  history?: History\n): (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void {\n  return (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void => {\n    onClick?.(_event);\n\n    if (scrollTo) {\n      // If current hash is not same as new hash, update the hash\n      if (`#${scrollTo}` !== window.location.hash)\n        history?.replace(\n          `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n        ) ||\n          window.history.replaceState(\n            undefined,\n            \"\",\n            `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n          );\n      // Otherwise forcefully dispatch a `hashchange` event to scroll.\n      window.dispatchEvent(new HashChangeEvent(\"hashchange\"));\n    }\n  };\n}\n\nconst ButtonWrapper: React.FC<\n  Pick<\n    ButtonProps,\n    \"link\" | \"isInternal\" | \"children\" | \"target\" | \"rel\" | \"onLinkClick\"\n  >\n> = ({\n  link,\n  isInternal = true,\n  children,\n  target = \"_self\",\n  rel = \"noopener noreferrer\",\n  onLinkClick,\n}) => {\n  const linkStyle: React.CSSProperties = {\n    display: \"grid\",\n    color: \"inherit\",\n    textDecoration: \"none\",\n  };\n\n  return link === undefined ? (\n    <>{children}</>\n  ) : isInternal ? (\n    <Link\n      to={link}\n      style={linkStyle}\n      data-testid=\"react-router-link\"\n      onClick={onLinkClick}\n    >\n      {children}\n    </Link>\n  ) : (\n    <a\n      href={link}\n      target={target}\n      rel={rel}\n      style={linkStyle}\n      onClick={onLinkClick}\n      data-testid=\"anchor-tag\"\n    >\n      {children}\n    </a>\n  );\n};\n\n/**\n * Base button component. Other button components should be built from this.\n */\nexport const Button: React.FC<ButtonProps> = (props) => {\n  const {\n    link,\n    isInternal = true,\n    scrollTo,\n    onClick,\n    children,\n    disabled,\n    variant,\n    padding,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textDecoration,\n    textTransform,\n    hoverFontWeight,\n    hoverTextDecoration,\n    borderRadius,\n    width,\n    height,\n    borderStyle,\n    borderWidth,\n    borderColor,\n    fill,\n    color,\n    bg,\n    stroke,\n    hoverBorderStyle,\n    hoverBorderWidth,\n    hoverBorderColor,\n    hoverFill,\n    hoverColor,\n    hoverBg,\n    hoverStroke,\n    display,\n    transition,\n    history,\n    zIndex,\n    cursor = \"pointer\",\n    rel,\n    target,\n    onLinkClick,\n    testLocatorId,\n  } = props;\n\n  const {\n    loading = false,\n    loadingIconProps = {},\n    onHover,\n    sx,\n    ...actualProps\n  } = props;\n\n  if (link !== undefined && onClick !== undefined) {\n    throw new Error(\"Cannot have link and onClick at the same time\");\n  }\n\n  return (\n    <ButtonWrapper\n      link={link}\n      isInternal={isInternal}\n      rel={rel}\n      target={target}\n      onLinkClick={onLinkClick}\n    >\n      <RebassButton\n        data-testid=\"button\"\n        {...generateTestLocator(testLocatorId)}\n        {...actualProps}\n        variant={variant}\n        sx={{\n          position: \"relative\",\n          display,\n          padding,\n          fontFamily: \"proxima-nova\",\n          fontSize,\n          fontWeight,\n          letterSpacing,\n          textDecoration,\n          textTransform,\n          width,\n          height,\n          borderRadius,\n          borderStyle,\n          borderWidth,\n          borderColor,\n          fill,\n          stroke,\n          color,\n          bg,\n          outline: \"none !important\",\n          transition,\n          \":hover\": {\n            cursor: disabled ? \"default\" : cursor,\n            borderStyle: hoverBorderStyle,\n            borderWidth: hoverBorderWidth,\n            borderColor: hoverBorderColor,\n            fill: hoverFill,\n            stroke: hoverStroke,\n            color: hoverColor,\n            bg: hoverBg,\n            hoverFontWeight,\n            hoverTextDecoration,\n          },\n          zIndex,\n          ...sx,\n        }}\n        onClick={\n          link === undefined\n            ? clickWrapper(onClick, scrollTo, history)\n            : () => {}\n        }\n        onMouseEnter={onHover}\n        disabled={disabled || loading}\n      >\n        {!loading ? (\n          children\n        ) : (\n          <Flex height=\"100%\" justifyContent=\"center\" alignItems=\"center\">\n            <LoadingSpinner {...loadingIconProps} />\n          </Flex>\n        )}\n      </RebassButton>\n    </ButtonWrapper>\n  );\n};\n"],"names":["clickWrapper","onClick","scrollTo","history","_event","ButtonWrapper","link","isInternal","children","target","rel","onLinkClick","linkStyle","jsx","Fragment","Link","Button","props","disabled","variant","padding","fontSize","fontWeight","letterSpacing","textDecoration","textTransform","hoverFontWeight","hoverTextDecoration","borderRadius","width","height","borderStyle","borderWidth","borderColor","fill","color","bg","stroke","hoverBorderStyle","hoverBorderWidth","hoverBorderColor","hoverFill","hoverColor","hoverBg","hoverStroke","display","transition","zIndex","cursor","testLocatorId","loading","loadingIconProps","onHover","sx","actualProps","RebassButton","generateTestLocator","Flex","LoadingSpinner"],"mappings":"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"}
+{"version":3,"file":"sd-component-library24.js","sources":["../src/components/buttons/button/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { History } from \"history\";\nimport { Flex, Button as RebassButton } from \"rebass\";\n\nimport { generateTestLocator } from \"../../../core/functions\";\nimport { LoadingSpinner } from \"../../animations/loading-spinner\";\nimport { ButtonProps } from \"./interfaces\";\n\n/**\n * A wrapper to handle various click behaviours for buttons.\n *\n * @param history The history object for navigation.\n * @param onClick The call back to run on button click.\n * @param link The location to navigate to if the button is a link.\n * @param scrollTo The section of the page to scroll to.\n *\n * @returns The on click call back.\n */\nfunction clickWrapper(\n  onClick?: ButtonProps[\"onClick\"],\n  scrollTo?: string,\n  history?: History\n): (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void {\n  return (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void => {\n    onClick?.(_event);\n\n    if (scrollTo) {\n      // If current hash is not same as new hash, update the hash\n      if (`#${scrollTo}` !== window.location.hash)\n        history?.replace(\n          `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n        ) ||\n          window.history.replaceState(\n            undefined,\n            \"\",\n            `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n          );\n      // Otherwise forcefully dispatch a `hashchange` event to scroll.\n      window.dispatchEvent(new HashChangeEvent(\"hashchange\"));\n    }\n  };\n}\n\nconst ButtonWrapper: React.FC<\n  Pick<\n    ButtonProps,\n    \"link\" | \"isInternal\" | \"children\" | \"target\" | \"rel\" | \"onLinkClick\"\n  >\n> = ({\n  link,\n  isInternal = true,\n  children,\n  target = \"_self\",\n  rel = \"noopener noreferrer\",\n  onLinkClick,\n}) => {\n  const linkStyle: React.CSSProperties = {\n    display: \"grid\",\n    color: \"inherit\",\n    textDecoration: \"none\",\n  };\n\n  return link === undefined ? (\n    <>{children}</>\n  ) : isInternal ? (\n    <Link\n      to={link}\n      style={linkStyle}\n      data-testid=\"react-router-link\"\n      onClick={onLinkClick}\n    >\n      {children}\n    </Link>\n  ) : (\n    <a\n      href={link}\n      target={target}\n      rel={rel}\n      style={linkStyle}\n      onClick={onLinkClick}\n      data-testid=\"anchor-tag\"\n    >\n      {children}\n    </a>\n  );\n};\n\n/**\n * Base button component. Other button components should be built from this.\n */\nexport const Button: React.FC<ButtonProps> = (props) => {\n  const {\n    link,\n    isInternal = true,\n    scrollTo,\n    onClick,\n    children,\n    disabled,\n    variant,\n    padding,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textDecoration,\n    textTransform,\n    hoverFontWeight,\n    hoverTextDecoration,\n    borderRadius,\n    width,\n    height,\n    borderStyle,\n    borderWidth,\n    borderColor,\n    fill,\n    color,\n    bg,\n    stroke,\n    hoverBorderStyle,\n    hoverBorderWidth,\n    hoverBorderColor,\n    hoverFill,\n    hoverColor,\n    hoverBg,\n    hoverStroke,\n    display,\n    transition,\n    history,\n    zIndex,\n    cursor = \"pointer\",\n    rel,\n    target,\n    onLinkClick,\n    testLocatorId,\n    tooltipText,\n  } = props;\n\n  const {\n    loading = false,\n    loadingIconProps = {},\n    onHover,\n    sx,\n    ...actualProps\n  } = props;\n\n  if (link !== undefined && onClick !== undefined) {\n    throw new Error(\"Cannot have link and onClick at the same time\");\n  }\n\n  return (\n    <ButtonWrapper\n      link={link}\n      isInternal={isInternal}\n      rel={rel}\n      target={target}\n      onLinkClick={onLinkClick}\n    >\n      <RebassButton\n        data-testid=\"button\"\n        {...generateTestLocator(testLocatorId)}\n        {...actualProps}\n        variant={variant}\n        sx={{\n          position: \"relative\",\n          display,\n          padding,\n          fontFamily: \"proxima-nova\",\n          fontSize,\n          fontWeight,\n          letterSpacing,\n          textDecoration,\n          textTransform,\n          width,\n          height,\n          borderRadius,\n          borderStyle,\n          borderWidth,\n          borderColor,\n          fill,\n          stroke,\n          color,\n          bg,\n          outline: \"none !important\",\n          transition,\n          ...(!!tooltipText\n            ? {\n                \"::after\": {\n                  position: \"absolute\",\n                  opacity: 0,\n                  pointerEvents: \"none\",\n                  content: `\"${tooltipText}\"`,\n                  color: \"cl_darkGrey\",\n                  textTransform: \"none\",\n                  letterSpacing: 0,\n                  left: \"50%\",\n                  top: \"calc(100% + 10px)\",\n                  borderRadius: \"0 0 3px 3px\",\n                  boxShadow: \"0 0 5px 2px #0000001A\",\n                  borderTop: \"2px solid\",\n                  borderColor: \"cl_purple\",\n                  bg: \"white\",\n                  zIndex: 10,\n                  padding: \"8px\",\n                  width: \"max-content\",\n                  maxWidth: \"100%\",\n                  transform: \"translate(-50%, -20px)\",\n                  transition: \"all 150ms cubic-bezier(.25, .8, .25, 1)\",\n                  fontSize: \"14px\",\n                  fontWeight: 400,\n                  lineHeight: \"17px\",\n                },\n              }\n            : {}),\n          \":hover\": {\n            cursor: disabled ? \"default\" : cursor,\n            borderStyle: hoverBorderStyle,\n            borderWidth: hoverBorderWidth,\n            borderColor: hoverBorderColor,\n            fill: hoverFill,\n            stroke: hoverStroke,\n            color: hoverColor,\n            bg: hoverBg,\n            hoverFontWeight,\n            hoverTextDecoration,\n            ...(!!tooltipText\n              ? {\n                  \"::after\": {\n                    opacity: 1,\n                    transform: \"translate(-50%, 0)\",\n                    transitionDuration: \"300ms\",\n                  },\n                }\n              : {}),\n          },\n          zIndex,\n          ...sx,\n        }}\n        onClick={\n          link === undefined\n            ? clickWrapper(onClick, scrollTo, history)\n            : () => {}\n        }\n        onMouseEnter={onHover}\n        disabled={disabled || loading}\n      >\n        {!loading ? (\n          children\n        ) : (\n          <Flex height=\"100%\" justifyContent=\"center\" alignItems=\"center\">\n            <LoadingSpinner {...loadingIconProps} />\n          </Flex>\n        )}\n      </RebassButton>\n    </ButtonWrapper>\n  );\n};\n"],"names":["clickWrapper","onClick","scrollTo","history","_event","ButtonWrapper","link","isInternal","children","target","rel","onLinkClick","linkStyle","jsx","Fragment","Link","Button","props","disabled","variant","padding","fontSize","fontWeight","letterSpacing","textDecoration","textTransform","hoverFontWeight","hoverTextDecoration","borderRadius","width","height","borderStyle","borderWidth","borderColor","fill","color","bg","stroke","hoverBorderStyle","hoverBorderWidth","hoverBorderColor","hoverFill","hoverColor","hoverBg","hoverStroke","display","transition","zIndex","cursor","testLocatorId","tooltipText","loading","loadingIconProps","onHover","sx","actualProps","RebassButton","generateTestLocator","Flex","LoadingSpinner"],"mappings":";;;;;AAoBA,SAASA,GACPC,GACAC,GACAC,GACkE;AAClE,SAAO,CAACC,MAAkE;AACxE,IAAAH,KAAA,QAAAA,EAAUG,IAENF,MAEE,IAAIA,CAAQ,OAAO,OAAO,SAAS,SAC5BC,KAAA,QAAAA,EAAA;AAAA,MACP,GAAG,OAAO,SAAS,SAAS,MAAM,GAAG,EAAE,CAAC,CAAC,IAAID,CAAQ;AAAA,SAErD,OAAO,QAAQ;AAAA,MACb;AAAA,MACA;AAAA,MACA,GAAG,OAAO,SAAS,SAAS,MAAM,GAAG,EAAE,CAAC,CAAC,IAAIA,CAAQ;AAAA,IAAA,IAG3D,OAAO,cAAc,IAAI,gBAAgB,YAAY,CAAC;AAAA,EACxD;AAEJ;AAEA,MAAMG,KAKF,CAAC;AAAA,EACH,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAiC;AAAA,IACrC,SAAS;AAAA,IACT,OAAO;AAAA,IACP,gBAAgB;AAAA,EAAA;AAGlB,SAAON,MAAS,SACXO,gBAAAA,EAAA,IAAAC,EAAA,UAAA,EAAA,UAAAN,EAAA,CAAS,IACVD,IACFM,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,IAAIT;AAAA,MACJ,OAAOM;AAAA,MACP,eAAY;AAAA,MACZ,SAASD;AAAA,MAER,UAAAH;AAAA,IAAA;AAAA,EAAA,IAGHK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAMP;AAAA,MACN,QAAAG;AAAA,MACA,KAAAC;AAAA,MACA,OAAOE;AAAA,MACP,SAASD;AAAA,MACT,eAAY;AAAA,MAEX,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,GAKaQ,KAAgC,CAACC,MAAU;AAChD,QAAA;AAAA,IACJ,MAAAX;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,UAAAL;AAAA,IACA,SAAAD;AAAA,IACA,UAAAO;AAAA,IACA,UAAAU;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAA3C;AAAA,IACA,QAAA4C;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,KAAAtC;AAAA,IACA,QAAAD;AAAA,IACA,aAAAE;AAAA,IACA,eAAAsC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAjC,GAEE;AAAA,IACJ,SAAAkC,IAAU;AAAA,IACV,kBAAAC,IAAmB,CAAC;AAAA,IACpB,SAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAtC;AAEA,MAAAX,MAAS,UAAaL,MAAY;AAC9B,UAAA,IAAI,MAAM,+CAA+C;AAI/D,SAAAY,gBAAAA,EAAA;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,MAAAC;AAAA,MACA,YAAAC;AAAA,MACA,KAAAG;AAAA,MACA,QAAAD;AAAA,MACA,aAAAE;AAAA,MAEA,UAAAE,gBAAAA,EAAA;AAAA,QAAC2C;AAAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACX,GAAGC,EAAoBR,CAAa;AAAA,UACpC,GAAGM;AAAA,UACJ,SAAApC;AAAA,UACA,IAAI;AAAA,YACF,UAAU;AAAA,YACV,SAAA0B;AAAA,YACA,SAAAzB;AAAA,YACA,YAAY;AAAA,YACZ,UAAAC;AAAA,YACA,YAAAC;AAAA,YACA,eAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,eAAAC;AAAA,YACA,OAAAI;AAAA,YACA,QAAAC;AAAA,YACA,cAAAF;AAAA,YACA,aAAAG;AAAA,YACA,aAAAC;AAAA,YACA,aAAAC;AAAA,YACA,MAAAC;AAAA,YACA,QAAAG;AAAA,YACA,OAAAF;AAAA,YACA,IAAAC;AAAA,YACA,SAAS;AAAA,YACT,YAAAU;AAAA,YACA,GAAMI,IACF;AAAA,cACE,WAAW;AAAA,gBACT,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,eAAe;AAAA,gBACf,SAAS,IAAIA,CAAW;AAAA,gBACxB,OAAO;AAAA,gBACP,eAAe;AAAA,gBACf,eAAe;AAAA,gBACf,MAAM;AAAA,gBACN,KAAK;AAAA,gBACL,cAAc;AAAA,gBACd,WAAW;AAAA,gBACX,WAAW;AAAA,gBACX,aAAa;AAAA,gBACb,IAAI;AAAA,gBACJ,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,UAAU;AAAA,gBACV,WAAW;AAAA,gBACX,YAAY;AAAA,gBACZ,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,YAAY;AAAA,cACd;AAAA,YAAA,IAEF,CAAC;AAAA,YACL,UAAU;AAAA,cACR,QAAQhC,IAAW,YAAY8B;AAAA,cAC/B,aAAaV;AAAA,cACb,aAAaC;AAAA,cACb,aAAaC;AAAA,cACb,MAAMC;AAAA,cACN,QAAQG;AAAA,cACR,OAAOF;AAAA,cACP,IAAIC;AAAA,cACJ,iBAAAjB;AAAA,cACA,qBAAAC;AAAA,cACA,GAAMuB,IACF;AAAA,gBACE,WAAW;AAAA,kBACT,SAAS;AAAA,kBACT,WAAW;AAAA,kBACX,oBAAoB;AAAA,gBACtB;AAAA,cAAA,IAEF,CAAC;AAAA,YACP;AAAA,YACA,QAAAH;AAAA,YACA,GAAGO;AAAA,UACL;AAAA,UACA,SACEhD,MAAS,SACLN,GAAaC,GAASC,GAAUC,CAAO,IACvC,MAAM;AAAA,UAAC;AAAA,UAEb,cAAckD;AAAA,UACd,UAAUnC,KAAYiC;AAAA,UAErB,UAACA,IAGAtC,gBAAAA,EAAAA,IAAC6C,KAAK,QAAO,QAAO,gBAAe,UAAS,YAAW,UACrD,UAAA7C,gBAAAA,EAAA,IAAC8C,GAAgB,EAAA,GAAGP,EAAkB,CAAA,GACxC,IAJA5C;AAAA,QAIA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library240.js

@@ -1,112 +1,24 @@
-import { j as t } from "./sd-component-library197.js";
-import { getCoordinateForArc as A, getInnerX as H, getInnerY as M, degToRad as E } from "./sd-component-library91.js";
-import { getFractionColor as O } from "./sd-component-library239.js";
-import { BaseOutlineArc as X } from "./sd-component-library313.js";
-const w = "#CCD0DB", q = (G) => {
-  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"
-        }
-      )
-    ] })
-  ] });
-};
+const i = (t, n) => [t, n], T = function* (t = []) {
+  for (; t.length > 1; )
+    yield i(t[0], t[1]), t = t.slice(1);
+}, I = (t, n, e) => {
+  if (n && !e)
+    return n;
+  if (!n && e)
+    return e;
+  if (n && e) {
+    const s = a(n), r = a(e), c = s.map((B, f) => Math.round(B * (1 - t) + r[f] * t));
+    return c ? u(c[0], c[1], c[2]) : "";
+  }
+  return "";
+}, u = (t, n, e) => "#" + (16777216 + (t << 16) + (n << 8) + e).toString(16).slice(1), a = (t) => {
+  const n = t.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);
+  return n ? n.slice(1).map((e) => parseInt(e, 16)) : null;
+}, h = (t, n, e) => Math.floor(t * n) === (e === "left" ? 0 : e === "right" ? n - 1 : 1), _ = (t) => t === "left" ? "right" : t === "top" ? "top" : "left";
 export {
-  q as GradientMeterRange
+  _ as flipPosition,
+  I as getFractionColor,
+  h as isLabelActive,
+  T as mapAdjacent
 };
 //# sourceMappingURL=sd-component-library240.js.map