@selfdecode/sd-component-library 4.0.128 → 4.0.130

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library238.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-scale/outline-meter-scale.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../utils\";\nimport { OutlineMeterScaleProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterScale: React.FC<Props> = (props) => {\n  const {\n    diameter,\n    arc,\n    color = \"#CCD0DB\",\n    dashHeight,\n    dashWidth,\n    numberOfDashes,\n    distanceFromRangesToScale: distanceFromRanges,\n    gaugeWidth,\n  } = props;\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2; // deg\n  const degPerDash = arc / (numberOfDashes - 1);\n\n  return (\n    <g>\n      {[...Array(numberOfDashes)].map((_, idx) => {\n        const alpha = arcStart + idx * degPerDash;\n        const { x, y } = getCoordinateForArc(radius, alpha);\n        const alphaInRad = degToRad(alpha);\n        const dashTopX = getInnerX(\n          x,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges\n        );\n        const dashTopY = getInnerY(\n          y,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges\n        );\n        const dashBottomX = getInnerX(\n          x,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges + dashHeight\n        );\n        const dashBottomY = getInnerY(\n          y,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges + dashHeight\n        );\n        return (\n          <path\n            key={idx}\n            d={`M${dashTopX},${dashTopY} L${dashBottomX},${dashBottomY}`}\n            stroke={color}\n            strokeWidth={dashWidth}\n          />\n        );\n      })}\n    </g>\n  );\n};\n"],"names":["OutlineMeterScale","props","diameter","arc","color","dashHeight","dashWidth","numberOfDashes","distanceFromRanges","gaugeWidth","radius","arcStart","degPerDash","jsx","_","idx","alpha","x","y","getCoordinateForArc","alphaInRad","degToRad","dashTopX","getInnerX","dashTopY","getInnerY","dashBottomX","dashBottomY"],"mappings":";;AAUa,MAAAA,IAAqC,CAACC,MAAU;AACrD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,2BAA2BC;AAAA,IAC3B,YAAAC;AAAA,EACE,IAAAR,GACES,IAASR,IAAW,GAEpBS,KAAY,MAAMR,KAAO,GACzBS,IAAaT,KAAOI,IAAiB;AAGzC,SAAAM,gBAAAA,MAAC,KACE,EAAA,UAAA,CAAC,GAAG,MAAMN,CAAc,CAAC,EAAE,IAAI,CAACO,GAAGC,MAAQ;AACpC,UAAAC,IAAQL,IAAWI,IAAMH,GACzB,EAAE,GAAAK,GAAG,GAAAC,EAAA,IAAMC,EAAoBT,GAAQM,CAAK,GAC5CI,IAAaC,EAASL,CAAK,GAC3BM,IAAWC;AAAA,MACfN;AAAA,MACAG;AAAA,MACAX,IAAaD;AAAA,IAAA,GAETgB,IAAWC;AAAA,MACfP;AAAA,MACAE;AAAA,MACAX,IAAaD;AAAA,IAAA,GAETkB,IAAcH;AAAA,MAClBN;AAAA,MACAG;AAAA,MACAX,IAAaD,IAAqBH;AAAA,IAAA,GAE9BsB,IAAcF;AAAA,MAClBP;AAAA,MACAE;AAAA,MACAX,IAAaD,IAAqBH;AAAA,IAAA;AAGlC,WAAAQ,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,GAAG,IAAIS,CAAQ,IAAIE,CAAQ,KAAKE,CAAW,IAAIC,CAAW;AAAA,QAC1D,QAAQvB;AAAA,QACR,aAAaE;AAAA,MAAA;AAAA,MAHRS;AAAA,IAAA;AAAA,EAMV,CAAA,EACH,CAAA;AAEJ;"}
+{"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,50 +1,16 @@
-import { j as k } from "./sd-component-library199.js";
-import { isValueInRange as w, getInnerX as E, getInnerY as O, degToRad as r, getCoordinateForArc as V } from "./sd-component-library93.js";
-import { BaseNeedle as b } from "./sd-component-library318.js";
-const G = (x) => {
-  const {
-    diameter: f,
-    value: c,
-    arc: i,
-    ranges: o,
-    useSegmentedBehavior: v,
-    innerCircleRadius: I,
-    innerCircleStrokeWidth: A,
-    distanceFromRange: d,
-    needleWidth: e,
-    needleColor: C,
-    distanceBetweenRanges: l,
-    gaugeWidth: g
-  } = x, a = o.find(
-    ({ start: s, end: y, bounds: N }) => w(c, s, y, N)
-  );
-  if (!a)
-    return null;
-  const u = f / 2, S = (360 - i) / 2, m = i - (o.length - 1) * l, { start: t, end: h, color: X } = a, Y = o.findIndex((s) => s === a), p = m * (h - t), R = S + l * Y + m * t, n = v ? R + p / 2 : R + (c - t) / (h - t) * p, { x: j, y: B } = V(u, n), F = E(
-    j,
-    r(n),
-    d + g + e / 2
-  ), M = O(
-    B,
-    r(n),
-    d + g + e / 2
-  ), T = e / 2 * Math.cos(r(n)), W = e / 2 * Math.sin(r(n));
-  return /* @__PURE__ */ k.jsx(
-    b,
-    {
-      dx: T,
-      dy: W,
-      color: C || X,
-      radius: u,
-      tipX: F,
-      tipY: M,
-      innerCircleStrokeWidth: A,
-      innerCircleRadius: I,
-      needleWidth: e
-    }
-  );
+import { j as g } from "./sd-component-library197.js";
+import { getRangeProperties as d } from "./sd-component-library314.js";
+import { MatchedRangeLabelBox as x } from "./sd-component-library313.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 {
-  G as OutlineMeterNeedle
+  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/outline-meter/partials/outline-meter-needle/outline-meter-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n  isValueInRange,\n} from \"../../utils\";\nimport { BaseNeedle } from \"../base-needle\";\nimport { OutlineMeterNeedleProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterNeedle: React.FC<Props> = (props) => {\n  const {\n    diameter,\n    value,\n    arc,\n    ranges,\n    useSegmentedBehavior,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    distanceFromRange,\n    needleWidth,\n    needleColor,\n    distanceBetweenRanges,\n    gaugeWidth,\n  } = props;\n\n  const matchingRange = ranges.find(({ start, end, bounds }) =>\n    isValueInRange(value, start, end, bounds)\n  );\n\n  if (!matchingRange) return null;\n\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2;\n  const arcForRanges = arc - (ranges.length - 1) * distanceBetweenRanges;\n  const { start, end, color } = matchingRange;\n  const matchingRangeIndex = ranges.findIndex((r) => r === matchingRange);\n  const rangeArc = arcForRanges * (end - start);\n\n  const rangeArcStart =\n    arcStart +\n    distanceBetweenRanges * matchingRangeIndex +\n    arcForRanges * start;\n\n  const valueAlpha = useSegmentedBehavior\n    ? rangeArcStart + rangeArc / 2\n    : rangeArcStart + ((value - start) / (end - start)) * rangeArc;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n\n  const needleTipX = getInnerX(\n    valueX,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n  const needleTipY = getInnerY(\n    valueY,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n\n  const dx = (needleWidth / 2) * Math.cos(degToRad(valueAlpha));\n  const dy = (needleWidth / 2) * Math.sin(degToRad(valueAlpha));\n\n  return (\n    <BaseNeedle\n      dx={dx}\n      dy={dy}\n      color={needleColor || color}\n      radius={radius}\n      tipX={needleTipX}\n      tipY={needleTipY}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      innerCircleRadius={innerCircleRadius}\n      needleWidth={needleWidth}\n    />\n  );\n};\n"],"names":["OutlineMeterNeedle","props","diameter","value","arc","ranges","useSegmentedBehavior","innerCircleRadius","innerCircleStrokeWidth","distanceFromRange","needleWidth","needleColor","distanceBetweenRanges","gaugeWidth","matchingRange","start","end","bounds","isValueInRange","radius","arcStart","arcForRanges","color","matchingRangeIndex","r","rangeArc","rangeArcStart","valueAlpha","valueX","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","dy","jsx","BaseNeedle"],"mappings":";;;AAYa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAZ,GAEEa,IAAgBT,EAAO;AAAA,IAAK,CAAC,EAAE,OAAAU,GAAO,KAAAC,GAAK,QAAAC,QAC/CC,EAAef,GAAOY,GAAOC,GAAKC,CAAM;AAAA,EAAA;AAG1C,MAAI,CAACH;AAAsB,WAAA;AAE3B,QAAMK,IAASjB,IAAW,GAEpBkB,KAAY,MAAMhB,KAAO,GACzBiB,IAAejB,KAAOC,EAAO,SAAS,KAAKO,GAC3C,EAAE,OAAAG,GAAO,KAAAC,GAAK,OAAAM,EAAA,IAAUR,GACxBS,IAAqBlB,EAAO,UAAU,CAACmB,MAAMA,MAAMV,CAAa,GAChEW,IAAWJ,KAAgBL,IAAMD,IAEjCW,IACJN,IACAR,IAAwBW,IACxBF,IAAeN,GAEXY,IAAarB,IACfoB,IAAgBD,IAAW,IAC3BC,KAAkBvB,IAAQY,MAAUC,IAAMD,KAAUU,GAClD,EAAE,GAAGG,GAAQ,GAAGC,MAAWC,EAAoBX,GAAQQ,CAAU,GAEjEI,IAAaC;AAAA,IACjBJ;AAAA,IACAK,EAASN,CAAU;AAAA,IACnBlB,IAAoBI,IAAaH,IAAc;AAAA,EAAA,GAE3CwB,IAAaC;AAAA,IACjBN;AAAA,IACAI,EAASN,CAAU;AAAA,IACnBlB,IAAoBI,IAAaH,IAAc;AAAA,EAAA,GAG3C0B,IAAM1B,IAAc,IAAK,KAAK,IAAIuB,EAASN,CAAU,CAAC,GACtDU,IAAM3B,IAAc,IAAK,KAAK,IAAIuB,EAASN,CAAU,CAAC;AAG1D,SAAAW,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAH;AAAA,MACA,IAAAC;AAAA,MACA,OAAO1B,KAAeW;AAAA,MACtB,QAAAH;AAAA,MACA,MAAMY;AAAA,MACN,MAAMG;AAAA,MACN,wBAAA1B;AAAA,MACA,mBAAAD;AAAA,MACA,aAAAG;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"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,16 +1,168 @@
-import { j as o } from "./sd-component-library199.js";
-import { LogoButton as e } from "./sd-component-library210.js";
-import { ReactComponent as r } from "./sd-component-library211.js";
-const s = (t) => /* @__PURE__ */ o.jsx(
-  e,
-  {
-    ...t,
-    variant: "poweredByLogo",
-    "data-testid": "powered-by-grey-logo-button",
-    children: /* @__PURE__ */ o.jsx(r, {})
-  }
-);
+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-library205.js";
+function Z(t, o, e) {
+  return (n) => {
+    t == null || t(n), o && (`#${o}` !== window.location.hash && (e != null && e.replace(
+      `${window.location.pathname.split("#")[0]}#${o}`
+    ) || window.history.replaceState(
+      void 0,
+      "",
+      `${window.location.pathname.split("#")[0]}#${o}`
+    )), window.dispatchEvent(new HashChangeEvent("hashchange")));
+  };
+}
+const tt = ({
+  link: t,
+  isInternal: o = !0,
+  children: e,
+  target: n = "_self",
+  rel: a = "noopener noreferrer",
+  onLinkClick: d
+}) => {
+  const i = {
+    display: "grid",
+    color: "inherit",
+    textDecoration: "none"
+  };
+  return t === void 0 ? /* @__PURE__ */ r.jsx(r.Fragment, { children: e }) : o ? /* @__PURE__ */ r.jsx(
+    Q,
+    {
+      to: t,
+      style: i,
+      "data-testid": "react-router-link",
+      onClick: d,
+      children: e
+    }
+  ) : /* @__PURE__ */ r.jsx(
+    "a",
+    {
+      href: t,
+      target: n,
+      rel: a,
+      style: i,
+      onClick: d,
+      "data-testid": "anchor-tag",
+      children: e
+    }
+  );
+}, at = (t) => {
+  const {
+    link: o,
+    isInternal: e = !0,
+    scrollTo: n,
+    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,
+    width: w,
+    height: b,
+    borderStyle: j,
+    borderWidth: S,
+    borderColor: k,
+    fill: y,
+    color: B,
+    bg: C,
+    stroke: W,
+    hoverBorderStyle: $,
+    hoverBorderWidth: E,
+    hoverBorderColor: F,
+    hoverFill: I,
+    hoverColor: L,
+    hoverBg: D,
+    hoverStroke: z,
+    display: H,
+    transition: P,
+    history: R,
+    zIndex: M,
+    cursor: T = "pointer",
+    rel: _,
+    target: q,
+    onLinkClick: A,
+    testLocatorId: G
+  } = t, {
+    loading: s = !1,
+    loadingIconProps: J = {},
+    onHover: K,
+    sx: N,
+    ...O
+  } = 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,
+    {
+      link: o,
+      isInternal: e,
+      rel: _,
+      target: q,
+      onLinkClick: A,
+      children: /* @__PURE__ */ r.jsx(
+        U,
+        {
+          "data-testid": "button",
+          ...X(G),
+          ...O,
+          variant: l,
+          sx: {
+            position: "relative",
+            display: H,
+            padding: h,
+            fontFamily: "proxima-nova",
+            fontSize: c,
+            fontWeight: p,
+            letterSpacing: v,
+            textDecoration: f,
+            textTransform: m,
+            width: w,
+            height: b,
+            borderRadius: x,
+            borderStyle: j,
+            borderWidth: S,
+            borderColor: k,
+            fill: y,
+            stroke: W,
+            color: B,
+            bg: C,
+            outline: "none !important",
+            transition: P,
+            ":hover": {
+              cursor: i ? "default" : T,
+              borderStyle: $,
+              borderWidth: E,
+              borderColor: F,
+              fill: I,
+              stroke: z,
+              color: L,
+              bg: D,
+              hoverFontWeight: u,
+              hoverTextDecoration: g
+            },
+            zIndex: M,
+            ...N
+          },
+          onClick: o === void 0 ? Z(a, n, R) : () => {
+          },
+          onMouseEnter: K,
+          disabled: i || s,
+          children: s ? /* @__PURE__ */ r.jsx(V, { height: "100%", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ r.jsx(Y, { ...J }) }) : d
+        }
+      )
+    }
+  );
+};
 export {
-  s as PoweredByGreyLogoButton
+  at 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/logos/powered-by-grey-logo/powered-by-grey-logo.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { LogoButton } from \"../logo\";\nimport { PoweredByGrey } from \"./assets\";\nimport { PoweredByGreyLogoProps } from \"./interfaces\";\n\n/**\n * The powered by grey logo button.\n */\nexport const PoweredByGreyLogoButton: React.FC<PoweredByGreyLogoProps> = (\n  props\n) => (\n  <LogoButton\n    {...props}\n    variant=\"poweredByLogo\"\n    data-testid=\"powered-by-grey-logo-button\"\n  >\n    <PoweredByGrey />\n  </LogoButton>\n);\n"],"names":["PoweredByGreyLogoButton","props","jsx","LogoButton","PoweredByGrey"],"mappings":";;;AASa,MAAAA,IAA4D,CACvEC,MAEAC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAQ;AAAA,IACR,eAAY;AAAA,IAEZ,gCAACG,GAAc,EAAA;AAAA,EAAA;AACjB;"}
+{"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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"}

package/lib/sd-component-library240.js

@@ -1,11 +1,24 @@
-import { j as m } from "./sd-component-library199.js";
-import { isValueInRange as x } from "./sd-component-library93.js";
-import { BaseMeterLabelBox as u } from "./sd-component-library249.js";
-const g = (t) => {
-  const { value: o, idx: e, totalRanges: n, start: s, end: r, bounds: a } = t, i = x(o, s, r, a), l = e === 0 ? "left" : e === n - 1 ? "right" : "top";
-  return /* @__PURE__ */ m.jsx(u, { isInRange: i, position: l, ...t });
-};
+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 {
-  g as OutlineMeterLabelBox
+  _ as flipPosition,
+  I as getFractionColor,
+  h as isLabelActive,
+  T as mapAdjacent
 };
 //# sourceMappingURL=sd-component-library240.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library240.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-label-box/outline-meter-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { isValueInRange } from \"../../utils\";\nimport { BaseMeterLabelBox } from \"../base-meter-label-box\";\nimport { OutlineMeterLabelBoxProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterLabelBox: React.FC<Props> = (props) => {\n  const { value, idx, totalRanges, start, end, bounds } = props;\n\n  const isInRange = isValueInRange(value, start, end, bounds);\n  const position =\n    idx === 0 ? \"left\" : idx === totalRanges - 1 ? \"right\" : \"top\";\n\n  return (\n    <BaseMeterLabelBox isInRange={isInRange} position={position} {...props} />\n  );\n};\n"],"names":["OutlineMeterLabelBox","props","value","idx","totalRanges","start","end","bounds","isInRange","isValueInRange","position","jsx","BaseMeterLabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,OAAAC,GAAO,KAAAC,GAAK,aAAAC,GAAa,OAAAC,GAAO,KAAAC,GAAK,QAAAC,EAAW,IAAAN,GAElDO,IAAYC,EAAeP,GAAOG,GAAOC,GAAKC,CAAM,GACpDG,IACJP,MAAQ,IAAI,SAASA,MAAQC,IAAc,IAAI,UAAU;AAE3D,SACGO,gBAAAA,EAAAA,IAAAC,GAAA,EAAkB,WAAAJ,GAAsB,UAAAE,GAAqB,GAAGT,EAAO,CAAA;AAE5E;"}
+{"version":3,"file":"sd-component-library240.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;"}

package/lib/sd-component-library241.js

@@ -1,6 +1,112 @@
-import * as e from "react";
-const t = (a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16.04 33.79", ...a }, /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement("path", { className: "first-half", d: "M8,0V6.37H8A3.19,3.19,0,0,1,8,0ZM1,8.24a4,4,0,0,0-1,2.7V19.5a1.64,1.64,0,0,0,.45,1.28v0a1.49,1.49,0,0,0,2.12,0A1.64,1.64,0,0,0,3,19.5V12.11h.7L3.67,31.64c0,.07,0,.14,0,.21a1.92,1.92,0,0,0,1.91,1.93h.12a2,2,0,0,0,1.88-2.12V21.75H8V7H3.72A3.57,3.57,0,0,0,1,8.24Z" }), /* @__PURE__ */ e.createElement("path", { className: "second-half", d: "M8,6.38H8V0H8A3.19,3.19,0,0,1,8,6.38Zm7.07,1.86A3.59,3.59,0,0,0,12.32,7H8V21.75h.41v9.93a1.36,1.36,0,0,0,0,.35,1.95,1.95,0,1,0,3.88-.39V12.1h.63v7.4a1.68,1.68,0,0,0,.46,1.29,1.58,1.58,0,0,0,2.18,0A1.69,1.69,0,0,0,16,19.5V10.94A4.09,4.09,0,0,0,15.07,8.24Z" }))));
+import { j as 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-library240.js";
+import { BaseOutlineArc as X } from "./sd-component-library315.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"
+        }
+      )
+    ] })
+  ] });
+};
 export {
-  t as ReactComponent
+  q as GradientMeterRange
 };
 //# sourceMappingURL=sd-component-library241.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library241.js","sources":["../src/components/meters/people-meter/assets/person.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi4wNCAzMy43OSI+CiAgICA8Zz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggY2xhc3M9ImZpcnN0LWhhbGYiCiAgICAgICAgICAgICAgICBkPSJNOCwwVjYuMzdIOEEzLjE5LDMuMTksMCwwLDEsOCwwWk0xLDguMjRhNCw0LDAsMCwwLTEsMi43VjE5LjVhMS42NCwxLjY0LDAsMCwwLC40NSwxLjI4djBhMS40OSwxLjQ5LDAsMCwwLDIuMTIsMEExLjY0LDEuNjQsMCwwLDAsMywxOS41VjEyLjExaC43TDMuNjcsMzEuNjRjMCwuMDcsMCwuMTQsMCwuMjFhMS45MiwxLjkyLDAsMCwwLDEuOTEsMS45M2guMTJhMiwyLDAsMCwwLDEuODgtMi4xMlYyMS43NUg4VjdIMy43MkEzLjU3LDMuNTcsMCwwLDAsMSw4LjI0WiIgLz4KICAgICAgICAgICAgPHBhdGggY2xhc3M9InNlY29uZC1oYWxmIgogICAgICAgICAgICAgICAgZD0iTTgsNi4zOEg4VjBIOEEzLjE5LDMuMTksMCwwLDEsOCw2LjM4Wm03LjA3LDEuODZBMy41OSwzLjU5LDAsMCwwLDEyLjMyLDdIOFYyMS43NWguNDF2OS45M2ExLjM2LDEuMzYsMCwwLDAsMCwuMzUsMS45NSwxLjk1LDAsMSwwLDMuODgtLjM5VjEyLjFoLjYzdjcuNGExLjY4LDEuNjgsMCwwLDAsLjQ2LDEuMjksMS41OCwxLjU4LDAsMCwwLDIuMTgsMEExLjY5LDEuNjksMCwwLDAsMTYsMTkuNVYxMC45NEE0LjA5LDQuMDksMCwwLDAsMTUuMDcsOC4yNFoiIC8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K\""],"names":["SvgPerson","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,cAAc,GAAG,uQAAwQ,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,iQAAkQ,CAAA,CAAC,CAAC,CAAC;"}
+{"version":3,"file":"sd-component-library241.js","sources":["../src/components/meters/gradient-outline-meter/partials/gradient-meter-range/gradient-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseOutlineArc } from \"../../../outline-meter/partials/base-outline-arc\";\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { getFractionColor } from \"../../utils\";\nimport { GradientMeterRangeProps as Props } from \"./interfaces\";\n\nconst grey = \"#CCD0DB\";\nexport const GradientMeterRange: React.FC<Props> = (props) => {\n  const {\n    diameter,\n    idx,\n    endColor,\n    startColor,\n    segmented,\n    totalRanges,\n    value,\n    arc,\n    innerPointRadius,\n    pointStrokeWidth,\n    gaugeWidth,\n    pointColor,\n  } = props;\n\n  const start = idx / totalRanges;\n  const end = (idx + 1) / totalRanges;\n\n  const valueWithinRange = value >= start && value <= end;\n\n  const arcStart = (360 - arc) / 2; // deg\n\n  const radius = diameter / 2;\n\n  const rangeArcStart = arcStart + arc * start;\n  const rangeArcEnd = arcStart + arc * end;\n\n  const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n    radius,\n    rangeArcStart\n  );\n  const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n    radius,\n    rangeArcEnd\n  );\n\n  if (segmented || !valueWithinRange)\n    return (\n      <BaseOutlineArc\n        startX={rangeStartX}\n        startY={rangeStartY}\n        endX={rangeEndX}\n        endY={rangeEndY}\n        startAlpha={rangeArcStart}\n        endAlpha={rangeArcEnd}\n        color={\n          segmented || value > end\n            ? `url(#gradient-${startColor}-${endColor})`\n            : grey\n        }\n        radius={radius}\n        width={gaugeWidth}\n      />\n    );\n\n  const valueAlpha =\n    rangeArcStart + (((value - start) / (end - start)) * arc) / totalRanges;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n  const valueInnerX = getInnerX(valueX, degToRad(valueAlpha), gaugeWidth);\n  const valueInnerY = getInnerY(valueY, degToRad(valueAlpha), gaugeWidth);\n\n  const useVerticalGradient = idx >= totalRanges / 2;\n  const useHorizontalGradient = idx + 1 === totalRanges / 2 + 0.5;\n\n  const fraction = useHorizontalGradient\n    ? (valueX - rangeStartX) / (rangeEndX - rangeStartX)\n    : (valueY - rangeStartY) / (rangeEndY - rangeStartY);\n  const color = getFractionColor(fraction, startColor, endColor);\n\n  return (\n    <>\n      <defs>\n        <linearGradient\n          id={`value-gradient-${color}`}\n          {...(useVerticalGradient\n            ? {\n                x1: 0,\n                y1: 0,\n                x2: 0,\n                y2: 1,\n              }\n            : useHorizontalGradient\n            ? { x1: 0, y1: 0, x2: 1, y2: 0 }\n            : {\n                x1: 0,\n                y1: 1,\n                x2: 0,\n                y2: 0,\n              })}\n        >\n          <stop stopColor={startColor} offset=\"0%\" />\n          <stop stopColor={color} offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <g>\n        <BaseOutlineArc\n          startX={rangeStartX}\n          startY={rangeStartY}\n          endX={valueX}\n          endY={valueY}\n          startAlpha={rangeArcStart}\n          endAlpha={valueAlpha}\n          color={`url(#value-gradient-${color})`}\n          radius={radius}\n          width={gaugeWidth}\n          roundEnd={false}\n        />\n        <BaseOutlineArc\n          startX={valueX}\n          startY={valueY}\n          endX={rangeEndX}\n          endY={rangeEndY}\n          startAlpha={valueAlpha}\n          endAlpha={rangeArcEnd}\n          color={grey}\n          radius={radius}\n          width={gaugeWidth}\n          roundStart={false}\n        />\n        <circle\n          cx={(valueX + valueInnerX) / 2}\n          cy={(valueY + valueInnerY) / 2}\n          r={pointStrokeWidth + innerPointRadius}\n          strokeWidth={pointStrokeWidth}\n          stroke={pointColor || color}\n          fill=\"white\"\n        />\n      </g>\n    </>\n  );\n};\n"],"names":["grey","GradientMeterRange","props","diameter","idx","endColor","startColor","segmented","totalRanges","value","arc","innerPointRadius","pointStrokeWidth","gaugeWidth","pointColor","start","end","valueWithinRange","arcStart","radius","rangeArcStart","rangeArcEnd","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","jsx","BaseOutlineArc","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY","useVerticalGradient","useHorizontalGradient","fraction","color","getFractionColor","jsxs","Fragment"],"mappings":"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"}

package/lib/sd-component-library242.js

@@ -1,67 +1,50 @@
-import { j as a } from "./sd-component-library199.js";
-import { getCoordinateForArc as i } from "./sd-component-library93.js";
-import { defaultTextBottomMargin as X } from "./sd-component-library231.js";
-import { getRangeProperties as Y } from "./sd-component-library320.js";
-import { BaseOutlineArc as b } from "./sd-component-library319.js";
-import { DiscreteMeterLabelPointer as w } from "./sd-component-library321.js";
-function z(s) {
+import { j as N } from "./sd-component-library197.js";
+import { getInnerX as k, getInnerY as B, degToRad as c, getCoordinateForArc as i } from "./sd-component-library91.js";
+import { getFractionColor as b } from "./sd-component-library240.js";
+import { BaseNeedle as q } from "./sd-component-library311.js";
+const O = (R) => {
   const {
-    color: n,
-    idx: c,
-    gaugeWidth: d,
-    diameter: g,
-    arc: m,
-    distanceBetweenRanges: l,
-    totalRanges: p,
-    showLabel: h,
-    label: o,
-    isMatchedRange: x,
-    pointerWidth: f,
-    pointerLength: A,
-    horizontal: u
-  } = s, t = g / 2, { rangeArcStart: r, rangeArcEnd: e } = Y(
-    m,
-    p,
-    l,
-    c
-  ), { x: R, y: j } = i(
-    t,
-    r
-  ), { x: B, y: E } = i(
-    t,
-    e
-  ), M = (r + e) / 2;
-  return /* @__PURE__ */ a.jsxs("g", { children: [
-    /* @__PURE__ */ a.jsx(
-      b,
-      {
-        startX: R,
-        startY: j,
-        endX: B,
-        endY: E,
-        startAlpha: r,
-        endAlpha: e,
-        color: n,
-        radius: t,
-        width: d
-      }
-    ),
-    h && o && !x && /* @__PURE__ */ a.jsx(
-      w,
-      {
-        alpha: M,
-        pointerLength: A,
-        pointerWidth: f,
-        radius: t,
-        color: n,
-        textBottomMargin: X,
-        label: o,
-        horizontal: u
-      }
-    )
-  ] });
-}
+    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: 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 {
-  z as DiscreteRange
+  O as GradientMeterNeedle
 };
 //# sourceMappingURL=sd-component-library242.js.map