@selfdecode/sd-component-library 4.0.79 → 4.0.80

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library229.js","sources":["../src/components/meters/donut-diagram/partials/segment/segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { getSegmentCoordinates } from \"../../utils\";\nimport { SegmentLabel } from \"../segment-label\";\nimport { SegmentProps as Props } from \"./interfaces\";\n\nconst animationDuration = 300;\n\nexport const Segment: React.FC<Props> = ({\n  segment,\n  segmentWidth,\n  outlineWidth,\n  size: diameter,\n  mobile,\n  ...labelProps\n}) => {\n  const { start, end, color } = segment;\n  const { labelOffset } = labelProps;\n\n  const radius = diameter / 2;\n  const innerRadius = radius - segmentWidth;\n\n  const {\n    startInnerX,\n    startInnerY,\n    endInnerX,\n    endInnerY,\n    endX,\n    endY,\n    startY,\n    startX,\n    arc,\n  } = getSegmentCoordinates(segment, radius, segmentWidth);\n\n  const center = diameter / 2;\n\n  const startAlpha = Math.round(start * 360);\n  const endAlpha = Math.round(end * 360);\n\n  const { isHover, hoverCallbacks } = useHover();\n  const showHover = isHover && !mobile;\n\n  const maxRadius = Math.sqrt(2) * (radius + labelOffset);\n\n  const { x: maskStartX, y: maskStartY } = getCoordinateForArc(\n    maxRadius,\n    startAlpha,\n    radius\n  );\n\n  const { x: maskEndX, y: maskEndY } = getCoordinateForArc(\n    maxRadius,\n    endAlpha,\n    radius\n  );\n\n  return (\n    <g {...(mobile ? {} : hoverCallbacks)}>\n      {/* mask */}\n      <path\n        d={`M${center},${center} L${maskStartX},${maskStartY} A${maxRadius},${maxRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${maskEndX},${maskEndY}Z`}\n        fill=\"transparent\"\n      />\n\n      {/* colored sector */}\n      <path\n        d={`M${center},${center} L${startX},${startY} A${radius},${radius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endX},${endY}Z`}\n        fill={color}\n        strokeWidth={outlineWidth}\n        stroke=\"white\"\n      />\n\n      {/* white inner sector */}\n      <path\n        d={`M${center},${center} L${startInnerX},${startInnerY} A${innerRadius},${innerRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endInnerX},${endInnerY}Z`}\n        fill=\"white\"\n        style={{\n          transform: `scale(${showHover ? 0.8 : 1}`,\n          transformOrigin: \"center\",\n          transition: `all ${animationDuration}ms`,\n        }}\n      />\n\n      <SegmentLabel\n        segment={segment}\n        radius={radius}\n        animationDuration={animationDuration}\n        isHover={showHover}\n        mobile={mobile}\n        {...labelProps}\n      />\n    </g>\n  );\n};\n"],"names":["animationDuration","Segment","segment","segmentWidth","outlineWidth","diameter","mobile","labelProps","start","end","color","labelOffset","radius","innerRadius","startInnerX","startInnerY","endInnerX","endInnerY","endX","endY","startY","startX","arc","getSegmentCoordinates","center","startAlpha","endAlpha","isHover","hoverCallbacks","useHover","showHover","maxRadius","maskStartX","maskStartY","getCoordinateForArc","maskEndX","maskEndY","jsx","SegmentLabel"],"mappings":";;;;;AAQA,MAAMA,IAAoB,KAEbC,IAA2B,CAAC;AAAA,EACvC,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAMC;AAAA,EACN,QAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,OAAAC,GAAO,KAAAC,GAAK,OAAAC,EAAA,IAAUR,GACxB,EAAE,aAAAS,EAAgB,IAAAJ,GAElBK,IAASP,IAAW,GACpBQ,IAAcD,IAAST,GAEvB;AAAA,IACJ,aAAAW;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,EACE,IAAAC,EAAsBrB,GAASU,GAAQT,CAAY,GAEjDqB,IAASnB,IAAW,GAEpBoB,IAAa,KAAK,MAAMjB,IAAQ,GAAG,GACnCkB,IAAW,KAAK,MAAMjB,IAAM,GAAG,GAE/B,EAAE,SAAAkB,GAAS,gBAAAC,EAAe,IAAIC,EAAS,GACvCC,IAAYH,KAAW,CAACrB,GAExByB,IAAY,KAAK,KAAK,CAAC,KAAKnB,IAASD,IAErC,EAAE,GAAGqB,GAAY,GAAGC,EAAe,IAAAC;AAAA,IACvCH;AAAA,IACAN;AAAA,IACAb;AAAA,EAAA,GAGI,EAAE,GAAGuB,GAAU,GAAGC,EAAa,IAAAF;AAAA,IACnCH;AAAA,IACAL;AAAA,IACAd;AAAA,EAAA;AAGF,gCACG,KAAG,EAAA,GAAIN,IAAS,KAAKsB,GAEpB,UAAA;AAAA,IAAAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIb,CAAM,IAAIA,CAAM,KAAKQ,CAAU,IAAIC,CAAU,KAAKF,CAAS,IAAIA,CAAS,MAC7ET,IAAM,MAAM,MAAM,GACpB,MAAMa,CAAQ,IAAIC,CAAQ;AAAA,QAC1B,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IAGAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIb,CAAM,IAAIA,CAAM,KAAKH,CAAM,IAAID,CAAM,KAAKR,CAAM,IAAIA,CAAM,MAC/DU,IAAM,MAAM,MAAM,GACpB,MAAMJ,CAAI,IAAIC,CAAI;AAAA,QAClB,MAAMT;AAAA,QACN,aAAaN;AAAA,QACb,QAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAGAiC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIb,CAAM,IAAIA,CAAM,KAAKV,CAAW,IAAIC,CAAW,KAAKF,CAAW,IAAIA,CAAW,MACnFS,IAAM,MAAM,MAAM,GACpB,MAAMN,CAAS,IAAIC,CAAS;AAAA,QAC5B,MAAK;AAAA,QACL,OAAO;AAAA,UACL,WAAW,SAASa,IAAY,MAAM,CAAC;AAAA,UACvC,iBAAiB;AAAA,UACjB,YAAY,OAAO9B,CAAiB;AAAA,QACtC;AAAA,MAAA;AAAA,IACF;AAAA,IAEAqC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAApC;AAAA,QACA,QAAAU;AAAA,QACA,mBAAAZ;AAAA,QACA,SAAS8B;AAAA,QACT,QAAAxB;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IACN;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library229.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;"}

package/lib/sd-component-library23.js

@@ -1,5 +1,5 @@
 import { j as o } from "./sd-component-library190.js";
-import { LogoButton as e } from "./sd-component-library199.js";
+import { LogoButton as e } from "./sd-component-library200.js";
 import { ReactComponent as r } from "./sd-component-library201.js";
 const s = (t) => /* @__PURE__ */ o.jsx(
   e,

package/lib/sd-component-library230.js

@@ -1,24 +1,132 @@
-import { j as x } from "./sd-component-library190.js";
-import { Box as n } from "rebass";
-const $ = ({
-  idx: o,
-  color: t,
-  total: i,
-  segmentHeight: r
-}) => {
-  const s = `${o === 0 ? r / 2 : 0}px`, a = `${o === i - 1 ? r / 2 : 0}px`;
-  return /* @__PURE__ */ x.jsx(
-    n,
-    {
-      bg: t,
-      height: r,
-      sx: {
-        borderRadius: `${s} ${[...Array(2)].fill(a).join(" ")} ${s}`
-      }
+import { j as e } from "./sd-component-library190.js";
+import U from "react";
+import { isValueInRange as Z, inValueHigherThanRange as F, getCoordinateForArc as d, getInnerX as $, getInnerY as tt, degToRad as L } from "./sd-component-library86.js";
+import { BaseOutlineArc as X } from "./sd-component-library296.js";
+import { OutlineMeterLabelPointer as O } from "./sd-component-library242.js";
+const st = U.forwardRef(
+  (D, M) => {
+    const {
+      start: n,
+      end: r,
+      color: x,
+      bounds: R,
+      diameter: o,
+      arc: v,
+      distanceBetweenRanges: l,
+      totalRanges: y,
+      value: g,
+      gaugeWidth: s,
+      segmented: f,
+      idx: m,
+      pointStrokeWidth: I,
+      innerPointRadius: T,
+      distanceFromRanges: b,
+      label: w,
+      labelPosition: V,
+      hideLabels: E,
+      connected: _
+    } = D, S = "#CCD0DB", A = v - (y - 1) * l, H = A * (r - n), Y = Z(g, n, r, R), q = (360 - v) / 2, t = o / 2, a = q + l * m + A * n, C = _ && F(g, r, R), i = a + A * (r - n) + (C ? l : 0), { x: P, y: j } = d(
+      t,
+      a
+    ), { x: W, y: k } = d(
+      t,
+      i
+    ), u = V || m === 0 ? "left" : m === y - 1 ? "right" : "top";
+    if (f || !Y) {
+      const J = f && Y || !f && F(g, r, R) ? x : S, B = C ? i - l : i, { y: K } = d(
+        t,
+        B
+      ), { x: N, y: Q } = d(
+        t,
+        (a + B) / 2
+      );
+      return /* @__PURE__ */ e.jsxs("g", { children: [
+        /* @__PURE__ */ e.jsx(
+          X,
+          {
+            startX: P,
+            startY: j,
+            endX: W,
+            endY: k,
+            startAlpha: a,
+            endAlpha: i,
+            color: J,
+            radius: t,
+            width: s
+          }
+        ),
+        !E && w && /* @__PURE__ */ e.jsx(
+          O,
+          {
+            diameter: o,
+            position: u,
+            distanceFromRanges: b,
+            isInRange: Y,
+            ...u === "right" && j > o / 2 || u === "left" && K > o / 2 ? {
+              rangeX: N,
+              rangeY: Q
+            } : void 0
+          }
+        )
+      ] });
     }
-  );
-};
+    const c = a + (g - n) / (r - n) * H, { x: h, y: p } = d(t, c), z = $(h, L(c), s), G = tt(p, L(c), s);
+    return /* @__PURE__ */ e.jsxs("g", { children: [
+      /* @__PURE__ */ e.jsx(
+        X,
+        {
+          startX: P,
+          startY: j,
+          endX: h,
+          endY: p,
+          startAlpha: a,
+          endAlpha: c,
+          color: x,
+          radius: t,
+          width: s,
+          roundEnd: !1
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        X,
+        {
+          startX: h,
+          startY: p,
+          endX: W,
+          endY: k,
+          startAlpha: c,
+          endAlpha: i,
+          color: S,
+          radius: t,
+          width: s,
+          roundStart: !1
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "circle",
+        {
+          cx: (h + z) / 2,
+          cy: (p + G) / 2,
+          r: I + T,
+          strokeWidth: I,
+          stroke: x,
+          fill: "white",
+          ref: M
+        }
+      ),
+      !E && w && /* @__PURE__ */ e.jsx(
+        O,
+        {
+          diameter: o,
+          isInRange: !0,
+          position: u,
+          distanceFromRanges: b
+        }
+      )
+    ] });
+  }
+);
 export {
-  $ as LinearGaugeSegment
+  st as OutlineMeterRange
 };
 //# sourceMappingURL=sd-component-library230.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library230.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-segment/linear-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { LinearGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeSegment: React.FC<Props> = ({\n  idx,\n  color,\n  total,\n  segmentHeight,\n}) => {\n  const leftRadius = `${idx === 0 ? segmentHeight / 2 : 0}px`;\n  const rightRadius = `${idx === total - 1 ? segmentHeight / 2 : 0}px`;\n\n  return (\n    <Box\n      bg={color}\n      height={segmentHeight}\n      sx={{\n        borderRadius: `${leftRadius} ${[...Array(2)]\n          .fill(rightRadius)\n          .join(\" \")} ${leftRadius}`,\n      }}\n    />\n  );\n};\n"],"names":["LinearGaugeSegment","idx","color","total","segmentHeight","leftRadius","rightRadius","jsx","Box"],"mappings":";;AAMO,MAAMA,IAAsC,CAAC;AAAA,EAClD,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAa,GAAGJ,MAAQ,IAAIG,IAAgB,IAAI,CAAC,MACjDE,IAAc,GAAGL,MAAQE,IAAQ,IAAIC,IAAgB,IAAI,CAAC;AAG9D,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAIN;AAAA,MACJ,QAAQE;AAAA,MACR,IAAI;AAAA,QACF,cAAc,GAAGC,CAAU,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,EACxC,KAAKC,CAAW,EAChB,KAAK,GAAG,CAAC,IAAID,CAAU;AAAA,MAC5B;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library230.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-range/outline-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n  inValueHigherThanRange,\n  isValueInRange,\n} from \"../../utils\";\nimport { BaseOutlineArc } from \"../base-outline-arc\";\nimport { OutlineMeterLabelPointer } from \"../outline-meter-label-pointer\";\nimport { OutlineMeterRangeProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      start,\n      end,\n      color,\n      bounds,\n      diameter,\n      arc,\n      distanceBetweenRanges,\n      totalRanges,\n      value,\n      gaugeWidth,\n      segmented,\n      idx,\n      pointStrokeWidth,\n      innerPointRadius,\n      distanceFromRanges,\n      label,\n      labelPosition,\n      hideLabels,\n      connected,\n    } = props;\n\n    const grey = \"#CCD0DB\";\n\n    /* Arc value (in degrees) used for all ranges. */\n    const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n    /* Arc value for the current range. */\n    const rangeArc = arcForRanges * (end - start);\n    const valueWithinRange = isValueInRange(value, start, end, bounds);\n\n    const arcStart = (360 - arc) / 2; // deg\n\n    const radius = diameter / 2;\n\n    const rangeArcStart =\n      arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n    const needConnection =\n      connected && inValueHigherThanRange(value, end, bounds);\n    const rangeArcEnd =\n      rangeArcStart +\n      arcForRanges * (end - start) +\n      (needConnection ? distanceBetweenRanges : 0);\n\n    const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n      radius,\n      rangeArcStart\n    );\n    const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n      radius,\n      rangeArcEnd\n    );\n\n    const calculatedLabelPosition =\n      labelPosition || idx === 0\n        ? \"left\"\n        : idx === totalRanges - 1\n        ? \"right\"\n        : \"top\";\n\n    /* When range will be filled completely. */\n    if (segmented || !valueWithinRange) {\n      const fillColor =\n        (segmented && valueWithinRange) ||\n        (!segmented && inValueHigherThanRange(value, end, bounds))\n          ? color\n          : grey;\n\n      const adjustedRangeArcEnd = needConnection\n        ? rangeArcEnd - distanceBetweenRanges\n        : rangeArcEnd;\n      const { y: adjustedRangeY } = getCoordinateForArc(\n        radius,\n        adjustedRangeArcEnd\n      );\n      const { x: rangeX, y: rangeY } = getCoordinateForArc(\n        radius,\n        (rangeArcStart + adjustedRangeArcEnd) / 2\n      );\n      return (\n        <g>\n          <BaseOutlineArc\n            startX={rangeStartX}\n            startY={rangeStartY}\n            endX={rangeEndX}\n            endY={rangeEndY}\n            startAlpha={rangeArcStart}\n            endAlpha={rangeArcEnd}\n            color={fillColor}\n            radius={radius}\n            width={gaugeWidth}\n          />\n          {!hideLabels && label && (\n            <OutlineMeterLabelPointer\n              diameter={diameter}\n              position={calculatedLabelPosition}\n              distanceFromRanges={distanceFromRanges}\n              isInRange={valueWithinRange}\n              {...((calculatedLabelPosition === \"right\" &&\n                rangeStartY > diameter / 2) ||\n              (calculatedLabelPosition === \"left\" &&\n                adjustedRangeY > diameter / 2)\n                ? {\n                    rangeX,\n                    rangeY,\n                  }\n                : undefined)}\n            />\n          )}\n        </g>\n      );\n    }\n\n    const valueAlpha =\n      rangeArcStart + ((value - start) / (end - start)) * rangeArc;\n\n    const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n    const valueInnerX = getInnerX(valueX, degToRad(valueAlpha), gaugeWidth);\n    const valueInnerY = getInnerY(valueY, degToRad(valueAlpha), gaugeWidth);\n\n    return (\n      <g>\n        <BaseOutlineArc\n          startX={rangeStartX}\n          startY={rangeStartY}\n          endX={valueX}\n          endY={valueY}\n          startAlpha={rangeArcStart}\n          endAlpha={valueAlpha}\n          color={color}\n          radius={radius}\n          width={gaugeWidth}\n          roundEnd={false}\n        />\n        <BaseOutlineArc\n          startX={valueX}\n          startY={valueY}\n          endX={rangeEndX}\n          endY={rangeEndY}\n          startAlpha={valueAlpha}\n          endAlpha={rangeArcEnd}\n          color={grey}\n          radius={radius}\n          width={gaugeWidth}\n          roundStart={false}\n        />\n        <circle\n          cx={(valueX + valueInnerX) / 2}\n          cy={(valueY + valueInnerY) / 2}\n          r={pointStrokeWidth + innerPointRadius}\n          strokeWidth={pointStrokeWidth}\n          stroke={color}\n          fill=\"white\"\n          ref={pointRef}\n        />\n        {!hideLabels && label && (\n          <OutlineMeterLabelPointer\n            diameter={diameter}\n            isInRange\n            position={calculatedLabelPosition}\n            distanceFromRanges={distanceFromRanges}\n          />\n        )}\n      </g>\n    );\n  }\n);\n"],"names":["OutlineMeterRange","React","props","pointRef","start","end","color","bounds","diameter","arc","distanceBetweenRanges","totalRanges","value","gaugeWidth","segmented","idx","pointStrokeWidth","innerPointRadius","distanceFromRanges","label","labelPosition","hideLabels","connected","grey","arcForRanges","rangeArc","valueWithinRange","isValueInRange","arcStart","radius","rangeArcStart","needConnection","inValueHigherThanRange","rangeArcEnd","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","calculatedLabelPosition","fillColor","adjustedRangeArcEnd","adjustedRangeY","rangeX","rangeY","jsx","BaseOutlineArc","OutlineMeterLabelPointer","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY"],"mappings":"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"}

package/lib/sd-component-library231.js

@@ -1,23 +1,46 @@
-import { j as o } from "./sd-component-library190.js";
-import { ResponsiveTextV2 as r } from "./sd-component-library144.js";
-const m = ({
-  text: e,
-  color: t,
-  ...i
-}) => /* @__PURE__ */ o.jsx(
-  r,
-  {
-    height: "12px",
-    fontSizeWeight: [10, "semi-bold"],
-    color: t,
-    mx: "auto",
-    maxWidth: "100%",
-    textAlign: "center",
-    ...i,
-    children: e
-  }
-);
+import { j as i } from "./sd-component-library190.js";
+import { getInnerX as m, getInnerY as g, getCoordinateForArc as C, degToRad as F } from "./sd-component-library86.js";
+const X = (p) => {
+  const {
+    diameter: l,
+    arc: a,
+    color: u = "#CCD0DB",
+    dashHeight: e,
+    dashWidth: x,
+    numberOfDashes: r,
+    distanceFromRangesToScale: t,
+    gaugeWidth: o
+  } = p, R = l / 2, j = (360 - a) / 2, D = a / (r - 1);
+  return /* @__PURE__ */ i.jsx("g", { children: [...Array(r)].map((I, n) => {
+    const c = j + n * D, { x: d, y: h } = C(R, c), s = F(c), T = m(
+      d,
+      s,
+      o + t
+    ), $ = g(
+      h,
+      s,
+      o + t
+    ), f = m(
+      d,
+      s,
+      o + t + e
+    ), B = g(
+      h,
+      s,
+      o + t + e
+    );
+    return /* @__PURE__ */ i.jsx(
+      "path",
+      {
+        d: `M${T},${$} L${f},${B}`,
+        stroke: u,
+        strokeWidth: x
+      },
+      n
+    );
+  }) });
+};
 export {
-  m as LinearGaugeLabel
+  X as OutlineMeterScale
 };
 //# sourceMappingURL=sd-component-library231.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library231.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-label/linear-gauge-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../texts\";\nimport { LinearGaugeLabelProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeLabel: React.FC<Props> = ({\n  text,\n  color,\n  ...restOfProps\n}) => {\n  return (\n    <ResponsiveTextV2\n      height=\"12px\"\n      fontSizeWeight={[10, \"semi-bold\"]}\n      color={color}\n      mx=\"auto\"\n      maxWidth=\"100%\"\n      textAlign=\"center\"\n      {...restOfProps}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["LinearGaugeLabel","text","color","restOfProps","jsx","ResponsiveTextV2"],"mappings":";;AAKO,MAAMA,IAAoC,CAAC;AAAA,EAChD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAO;AAAA,IACP,gBAAgB,CAAC,IAAI,WAAW;AAAA,IAChC,OAAAH;AAAA,IACA,IAAG;AAAA,IACH,UAAS;AAAA,IACT,WAAU;AAAA,IACT,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library231.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-scale/outline-meter-scale.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../utils\";\nimport { OutlineMeterScaleProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterScale: React.FC<Props> = (props) => {\n  const {\n    diameter,\n    arc,\n    color = \"#CCD0DB\",\n    dashHeight,\n    dashWidth,\n    numberOfDashes,\n    distanceFromRangesToScale: distanceFromRanges,\n    gaugeWidth,\n  } = props;\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2; // deg\n  const degPerDash = arc / (numberOfDashes - 1);\n\n  return (\n    <g>\n      {[...Array(numberOfDashes)].map((_, idx) => {\n        const alpha = arcStart + idx * degPerDash;\n        const { x, y } = getCoordinateForArc(radius, alpha);\n        const alphaInRad = degToRad(alpha);\n        const dashTopX = getInnerX(\n          x,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges\n        );\n        const dashTopY = getInnerY(\n          y,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges\n        );\n        const dashBottomX = getInnerX(\n          x,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges + dashHeight\n        );\n        const dashBottomY = getInnerY(\n          y,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges + dashHeight\n        );\n        return (\n          <path\n            key={idx}\n            d={`M${dashTopX},${dashTopY} L${dashBottomX},${dashBottomY}`}\n            stroke={color}\n            strokeWidth={dashWidth}\n          />\n        );\n      })}\n    </g>\n  );\n};\n"],"names":["OutlineMeterScale","props","diameter","arc","color","dashHeight","dashWidth","numberOfDashes","distanceFromRanges","gaugeWidth","radius","arcStart","degPerDash","jsx","_","idx","alpha","x","y","getCoordinateForArc","alphaInRad","degToRad","dashTopX","getInnerX","dashTopY","getInnerY","dashBottomX","dashBottomY"],"mappings":";;AAUa,MAAAA,IAAqC,CAACC,MAAU;AACrD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,2BAA2BC;AAAA,IAC3B,YAAAC;AAAA,EACE,IAAAR,GACES,IAASR,IAAW,GAEpBS,KAAY,MAAMR,KAAO,GACzBS,IAAaT,KAAOI,IAAiB;AAGzC,SAAAM,gBAAAA,MAAC,KACE,EAAA,UAAA,CAAC,GAAG,MAAMN,CAAc,CAAC,EAAE,IAAI,CAACO,GAAGC,MAAQ;AACpC,UAAAC,IAAQL,IAAWI,IAAMH,GACzB,EAAE,GAAAK,GAAG,GAAAC,EAAA,IAAMC,EAAoBT,GAAQM,CAAK,GAC5CI,IAAaC,EAASL,CAAK,GAC3BM,IAAWC;AAAA,MACfN;AAAA,MACAG;AAAA,MACAX,IAAaD;AAAA,IAAA,GAETgB,IAAWC;AAAA,MACfP;AAAA,MACAE;AAAA,MACAX,IAAaD;AAAA,IAAA,GAETkB,IAAcH;AAAA,MAClBN;AAAA,MACAG;AAAA,MACAX,IAAaD,IAAqBH;AAAA,IAAA,GAE9BsB,IAAcF;AAAA,MAClBP;AAAA,MACAE;AAAA,MACAX,IAAaD,IAAqBH;AAAA,IAAA;AAGlC,WAAAQ,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,GAAG,IAAIS,CAAQ,IAAIE,CAAQ,KAAKE,CAAW,IAAIC,CAAW;AAAA,QAC1D,QAAQvB;AAAA,QACR,aAAaE;AAAA,MAAA;AAAA,MAHRS;AAAA,IAAA;AAAA,EAMV,CAAA,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library232.js

@@ -1,5 +1,50 @@
-const i = ({ start: g, end: t }, c) => c >= g && (t === 1 ? c <= t : c < t);
+import { j as k } from "./sd-component-library190.js";
+import { isValueInRange as w, getInnerX as E, getInnerY as O, degToRad as r, getCoordinateForArc as V } from "./sd-component-library86.js";
+import { BaseNeedle as b } from "./sd-component-library297.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
+    }
+  );
+};
 export {
-  i as isMatchingRange
+  G as OutlineMeterNeedle
 };
 //# sourceMappingURL=sd-component-library232.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library232.js","sources":["../src/components/meters/linear-numeric-gauge-meter/utils.ts"],"sourcesContent":["import { LinearNumericGaugeMeterSegment } from \"./interfaces\";\n\nexport const isMatchingRange = (\n  { start, end }: Pick<LinearNumericGaugeMeterSegment, \"start\" | \"end\">,\n  value: number\n) => value >= start && (end === 1 ? value <= end : value < end);\n"],"names":["isMatchingRange","start","end","value"],"mappings":"AAEO,MAAMA,IAAkB,CAC7B,EAAE,OAAAC,GAAO,KAAAC,EAAI,GACbC,MACGA,KAASF,MAAUC,MAAQ,IAAIC,KAASD,IAAMC,IAAQD;"}
+{"version":3,"file":"sd-component-library232.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-needle/outline-meter-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n  isValueInRange,\n} from \"../../utils\";\nimport { BaseNeedle } from \"../base-needle\";\nimport { OutlineMeterNeedleProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterNeedle: React.FC<Props> = (props) => {\n  const {\n    diameter,\n    value,\n    arc,\n    ranges,\n    useSegmentedBehavior,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    distanceFromRange,\n    needleWidth,\n    needleColor,\n    distanceBetweenRanges,\n    gaugeWidth,\n  } = props;\n\n  const matchingRange = ranges.find(({ start, end, bounds }) =>\n    isValueInRange(value, start, end, bounds)\n  );\n\n  if (!matchingRange) return null;\n\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2;\n  const arcForRanges = arc - (ranges.length - 1) * distanceBetweenRanges;\n  const { start, end, color } = matchingRange;\n  const matchingRangeIndex = ranges.findIndex((r) => r === matchingRange);\n  const rangeArc = arcForRanges * (end - start);\n\n  const rangeArcStart =\n    arcStart +\n    distanceBetweenRanges * matchingRangeIndex +\n    arcForRanges * start;\n\n  const valueAlpha = useSegmentedBehavior\n    ? rangeArcStart + rangeArc / 2\n    : rangeArcStart + ((value - start) / (end - start)) * rangeArc;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n\n  const needleTipX = getInnerX(\n    valueX,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n  const needleTipY = getInnerY(\n    valueY,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n\n  const dx = (needleWidth / 2) * Math.cos(degToRad(valueAlpha));\n  const dy = (needleWidth / 2) * Math.sin(degToRad(valueAlpha));\n\n  return (\n    <BaseNeedle\n      dx={dx}\n      dy={dy}\n      color={needleColor || color}\n      radius={radius}\n      tipX={needleTipX}\n      tipY={needleTipY}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      innerCircleRadius={innerCircleRadius}\n      needleWidth={needleWidth}\n    />\n  );\n};\n"],"names":["OutlineMeterNeedle","props","diameter","value","arc","ranges","useSegmentedBehavior","innerCircleRadius","innerCircleStrokeWidth","distanceFromRange","needleWidth","needleColor","distanceBetweenRanges","gaugeWidth","matchingRange","start","end","bounds","isValueInRange","radius","arcStart","arcForRanges","color","matchingRangeIndex","r","rangeArc","rangeArcStart","valueAlpha","valueX","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","dy","jsx","BaseNeedle"],"mappings":";;;AAYa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAZ,GAEEa,IAAgBT,EAAO;AAAA,IAAK,CAAC,EAAE,OAAAU,GAAO,KAAAC,GAAK,QAAAC,QAC/CC,EAAef,GAAOY,GAAOC,GAAKC,CAAM;AAAA,EAAA;AAG1C,MAAI,CAACH;AAAsB,WAAA;AAE3B,QAAMK,IAASjB,IAAW,GAEpBkB,KAAY,MAAMhB,KAAO,GACzBiB,IAAejB,KAAOC,EAAO,SAAS,KAAKO,GAC3C,EAAE,OAAAG,GAAO,KAAAC,GAAK,OAAAM,EAAA,IAAUR,GACxBS,IAAqBlB,EAAO,UAAU,CAACmB,MAAMA,MAAMV,CAAa,GAChEW,IAAWJ,KAAgBL,IAAMD,IAEjCW,IACJN,IACAR,IAAwBW,IACxBF,IAAeN,GAEXY,IAAarB,IACfoB,IAAgBD,IAAW,IAC3BC,KAAkBvB,IAAQY,MAAUC,IAAMD,KAAUU,GAClD,EAAE,GAAGG,GAAQ,GAAGC,MAAWC,EAAoBX,GAAQQ,CAAU,GAEjEI,IAAaC;AAAA,IACjBJ;AAAA,IACAK,EAASN,CAAU;AAAA,IACnBlB,IAAoBI,IAAaH,IAAc;AAAA,EAAA,GAE3CwB,IAAaC;AAAA,IACjBN;AAAA,IACAI,EAASN,CAAU;AAAA,IACnBlB,IAAoBI,IAAaH,IAAc;AAAA,EAAA,GAG3C0B,IAAM1B,IAAc,IAAK,KAAK,IAAIuB,EAASN,CAAU,CAAC,GACtDU,IAAM3B,IAAc,IAAK,KAAK,IAAIuB,EAASN,CAAU,CAAC;AAG1D,SAAAW,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAH;AAAA,MACA,IAAAC;AAAA,MACA,OAAO1B,KAAeW;AAAA,MACtB,QAAAH;AAAA,MACA,MAAMY;AAAA,MACN,MAAMG;AAAA,MACN,wBAAA1B;AAAA,MACA,mBAAAD;AAAA,MACA,aAAAG;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library233.js

@@ -1,29 +1,11 @@
-import { j as n } from "./sd-component-library190.js";
-import { ResponsiveTextV2 as p } from "./sd-component-library144.js";
-const c = (t) => {
-  const { text: o, onClick: e, px: r = "10px", py: i = "15px" } = t;
-  return /* @__PURE__ */ n.jsx(
-    p,
-    {
-      fontSizeWeight: [[16, "regular"]],
-      sx: {
-        display: "flex",
-        justifyContent: "end",
-        px: r,
-        py: i,
-        cursor: "pointer",
-        textTransform: "capitalize",
-        opacity: 0.7,
-        ":hover": {
-          opacity: 1
-        }
-      },
-      onClick: e,
-      children: o
-    }
-  );
+import { j as m } from "./sd-component-library190.js";
+import { isValueInRange as x } from "./sd-component-library86.js";
+import { BaseMeterLabelBox as u } from "./sd-component-library243.js";
+const g = (t) => {
+  const { value: o, idx: e, totalRanges: n, start: s, end: r, bounds: a } = t, i = x(o, s, r, a), l = e === 0 ? "left" : e === n - 1 ? "right" : "top";
+  return /* @__PURE__ */ m.jsx(u, { isInRange: i, position: l, ...t });
 };
 export {
-  c as ActionBox
+  g as OutlineMeterLabelBox
 };
 //# sourceMappingURL=sd-component-library233.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library233.js","sources":["../src/components/tooltips/actions-tooltip/partials/action-box/action-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { ActionBoxProps as Props } from \"./interfaces\";\n\nexport const ActionBox: React.FC<Props> = (props) => {\n  const { text, onClick, px = \"10px\", py = \"15px\" } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        display: \"flex\",\n        justifyContent: \"end\",\n        px,\n        py,\n        cursor: \"pointer\",\n        textTransform: \"capitalize\",\n        opacity: 0.7,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["ActionBox","props","text","onClick","px","py","jsx","ResponsiveTextV2"],"mappings":";;AAOa,MAAAA,IAA6B,CAACC,MAAU;AACnD,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,QAAQ,IAAAC,IAAK,OAAW,IAAAJ;AAGlD,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,IAAAH;AAAA,QACA,IAAAC;AAAA,QACA,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library233.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-label-box/outline-meter-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { isValueInRange } from \"../../utils\";\nimport { BaseMeterLabelBox } from \"../base-meter-label-box\";\nimport { OutlineMeterLabelBoxProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterLabelBox: React.FC<Props> = (props) => {\n  const { value, idx, totalRanges, start, end, bounds } = props;\n\n  const isInRange = isValueInRange(value, start, end, bounds);\n  const position =\n    idx === 0 ? \"left\" : idx === totalRanges - 1 ? \"right\" : \"top\";\n\n  return (\n    <BaseMeterLabelBox isInRange={isInRange} position={position} {...props} />\n  );\n};\n"],"names":["OutlineMeterLabelBox","props","value","idx","totalRanges","start","end","bounds","isInRange","isValueInRange","position","jsx","BaseMeterLabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,OAAAC,GAAO,KAAAC,GAAK,aAAAC,GAAa,OAAAC,GAAO,KAAAC,GAAK,QAAAC,EAAW,IAAAN,GAElDO,IAAYC,EAAeP,GAAOG,GAAOC,GAAKC,CAAM,GACpDG,IACJP,MAAQ,IAAI,SAASA,MAAQC,IAAc,IAAI,UAAU;AAE3D,SACGO,gBAAAA,EAAAA,IAAAC,GAAA,EAAkB,WAAAJ,GAAsB,UAAAE,GAAqB,GAAGT,EAAO,CAAA;AAE5E;"}

package/lib/sd-component-library234.js

@@ -1,24 +1,67 @@
-import { j as e } from "./sd-component-library190.js";
-import { Box as t } from "rebass";
-import { TwentyFourBold as s } from "./sd-component-library155.js";
-import { MaxMaxContainer as c } from "./sd-component-library41.js";
-const b = (o) => {
+import { j as a } from "./sd-component-library190.js";
+import { getCoordinateForArc as i } from "./sd-component-library86.js";
+import { defaultTextBottomMargin as X } from "./sd-component-library223.js";
+import { getRangeProperties as Y } from "./sd-component-library298.js";
+import { BaseOutlineArc as b } from "./sd-component-library296.js";
+import { DiscreteMeterLabelPointer as w } from "./sd-component-library299.js";
+function z(s) {
   const {
-    title: i,
-    renderNegativeOption: a,
-    renderPositiveOption: n,
-    onPositiveFeedback: r,
-    onNegativeFeedback: d
-  } = o;
-  return /* @__PURE__ */ e.jsxs(t, { "data-testid": "base-boolean-feedback", children: [
-    /* @__PURE__ */ e.jsx(s, { "data-testid": "feedback-title", children: i }),
-    /* @__PURE__ */ e.jsxs(c, { mt: ["20px"], gap: ["20px"], children: [
-      /* @__PURE__ */ e.jsx(t, { "data-testid": "positive-option-container", children: n(r) }),
-      /* @__PURE__ */ e.jsx(t, { "data-testid": "negative-option-container", children: a(d) })
-    ] })
+    color: n,
+    idx: c,
+    gaugeWidth: d,
+    diameter: g,
+    arc: m,
+    distanceBetweenRanges: l,
+    totalRanges: p,
+    showLabel: h,
+    label: o,
+    isMatchedRange: x,
+    pointerWidth: f,
+    pointerLength: A,
+    horizontal: u
+  } = s, t = g / 2, { rangeArcStart: r, rangeArcEnd: e } = Y(
+    m,
+    p,
+    l,
+    c
+  ), { x: R, y: j } = i(
+    t,
+    r
+  ), { x: B, y: E } = i(
+    t,
+    e
+  ), M = (r + e) / 2;
+  return /* @__PURE__ */ a.jsxs("g", { children: [
+    /* @__PURE__ */ a.jsx(
+      b,
+      {
+        startX: R,
+        startY: j,
+        endX: B,
+        endY: E,
+        startAlpha: r,
+        endAlpha: e,
+        color: n,
+        radius: t,
+        width: d
+      }
+    ),
+    h && o && !x && /* @__PURE__ */ a.jsx(
+      w,
+      {
+        alpha: M,
+        pointerLength: A,
+        pointerWidth: f,
+        radius: t,
+        color: n,
+        textBottomMargin: X,
+        label: o,
+        horizontal: u
+      }
+    )
   ] });
-};
+}
 export {
-  b as BaseBooleanFeedback
+  z as DiscreteRange
 };
 //# sourceMappingURL=sd-component-library234.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library234.js","sources":["../src/components/boolean-feedback/base-boolean-feedback/base-boolean-feedback.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { MaxMaxContainer } from \"../../containers\";\nimport { TwentyFourBold } from \"../../texts\";\nimport { BaseBooleanFeedbackProps } from \"./interfaces\";\n\n/**\n *  BaseBooleanFeedback component.\n */\nexport const BaseBooleanFeedback: React.FC<BaseBooleanFeedbackProps> = (\n  props\n) => {\n  const {\n    title,\n    renderNegativeOption,\n    renderPositiveOption,\n    onPositiveFeedback,\n    onNegativeFeedback,\n  } = props;\n\n  return (\n    <Box data-testid=\"base-boolean-feedback\">\n      <TwentyFourBold data-testid=\"feedback-title\">{title}</TwentyFourBold>\n      <MaxMaxContainer mt={[\"20px\"]} gap={[\"20px\"]}>\n        <Box data-testid=\"positive-option-container\">\n          {renderPositiveOption(onPositiveFeedback)}\n        </Box>\n        <Box data-testid=\"negative-option-container\">\n          {renderNegativeOption(onNegativeFeedback)}\n        </Box>\n      </MaxMaxContainer>\n    </Box>\n  );\n};\n"],"names":["BaseBooleanFeedback","props","title","renderNegativeOption","renderPositiveOption","onPositiveFeedback","onNegativeFeedback","jsxs","Box","jsx","TwentyFourBold","MaxMaxContainer"],"mappings":";;;;AAWa,MAAAA,IAA0D,CACrEC,MACG;AACG,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAL;AAGF,SAAAM,gBAAAA,EAAA,KAACC,GAAI,EAAA,eAAY,yBACf,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAe,eAAY,kBAAkB,UAAMR,GAAA;AAAA,IACpDK,gBAAAA,OAACI,KAAgB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GACzC,UAAA;AAAA,MAAAF,gBAAAA,MAACD,GAAI,EAAA,eAAY,6BACd,UAAAJ,EAAqBC,CAAkB,GAC1C;AAAA,4BACCG,GAAI,EAAA,eAAY,6BACd,UAAAL,EAAqBG,CAAkB,GAC1C;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library234.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-library235.js

@@ -1,6 +1,46 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32.531 33", ...a }, /* @__PURE__ */ t.createElement("path", { d: "M21,13.5v-6A4.5,4.5,0,0,0,16.5,3l-6,13.5V33H27.42a3,3,0,0,0,3-2.55l2.07-13.5a3,3,0,0,0-3-3.45ZM10.5,33H6a3,3,0,0,1-3-3V19.5a3,3,0,0,1,3-3h4.5", transform: "translate(-1.5 -1.5)" }));
+import { j as M } from "./sd-component-library190.js";
+import { getInnerX as T, getInnerY as W, degToRad as r, getCoordinateForArc as y } from "./sd-component-library86.js";
+import { BaseNeedle as B } from "./sd-component-library297.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 {
-  e as ReactComponent
+  E as DiscreteMeterNeedle
 };
 //# sourceMappingURL=sd-component-library235.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library235.js","sources":["../src/components/boolean-feedback/thumbs-feedback/assets/thumbs-up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMi41MzEgMzMiPgogICAgPHBhdGgKICAgICAgICBkPSJNMjEsMTMuNXYtNkE0LjUsNC41LDAsMCwwLDE2LjUsM2wtNiwxMy41VjMzSDI3LjQyYTMsMywwLDAsMCwzLTIuNTVsMi4wNy0xMy41YTMsMywwLDAsMC0zLTMuNDVaTTEwLjUsMzNINmEzLDMsMCwwLDEtMy0zVjE5LjVhMywzLDAsMCwxLDMtM2g0LjUiCiAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNSAtMS41KSIgLz4KPC9zdmc+Cg==\""],"names":["SvgThumbsUp","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,iBAAiB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,iJAAiJ,WAAW,wBAAwB,CAAC;"}
+{"version":3,"file":"sd-component-library235.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-library236.js

@@ -1,6 +1,16 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32.531 33", ...a }, /* @__PURE__ */ t.createElement("path", { d: "M14.524,22.5v6a4.5,4.5,0,0,0,4.5,4.5l6-13.5V3H8.1a3,3,0,0,0-3,2.55l-2.07,13.5a3,3,0,0,0,3,3.45ZM25.024,3h4.5a3,3,0,0,1,3,3V16.5a3,3,0,0,1-3,3h-4.5", transform: "translate(-1.493 -1.5)" }));
+import { j as g } from "./sd-component-library190.js";
+import { getRangeProperties as d } from "./sd-component-library298.js";
+import { MatchedRangeLabelBox as x } from "./sd-component-library295.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 {
-  e as ReactComponent
+  h as MatchedRangeLabelBox
 };
 //# sourceMappingURL=sd-component-library236.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library236.js","sources":["../src/components/boolean-feedback/thumbs-feedback/assets/thumbs-down.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMi41MzEgMzMiPgogICAgPHBhdGgKICAgICAgICBkPSJNMTQuNTI0LDIyLjV2NmE0LjUsNC41LDAsMCwwLDQuNSw0LjVsNi0xMy41VjNIOC4xYTMsMywwLDAsMC0zLDIuNTVsLTIuMDcsMTMuNWEzLDMsMCwwLDAsMywzLjQ1Wk0yNS4wMjQsM2g0LjVhMywzLDAsMCwxLDMsM1YxNi41YTMsMywwLDAsMS0zLDNoLTQuNSIKICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS40OTMgLTEuNSkiIC8+Cjwvc3ZnPgo=\""],"names":["SvgThumbsDown","props","React"],"mappings":";AACK,MAACA,IAAgB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,iBAAiB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,sJAAsJ,WAAW,0BAA0B,CAAC;"}
+{"version":3,"file":"sd-component-library236.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;"}