@selfdecode/sd-component-library 4.0.83 → 4.0.85

package/lib/sd-component-library92.js

@@ -1,49 +1,148 @@
-import { j as n } from "./sd-component-library190.js";
-import { Box as h } from "rebass";
-import { GridContainerV2 as u } from "./sd-component-library39.js";
-const f = (c) => {
+import { j as o } from "./sd-component-library195.js";
+import { Box as y } from "rebass";
+import { labelWidth as E, defaultDistanceFromLabelToRanges as R, labelPaddingX as G, defaultArc as P, defaultWidth as X, defaultHeight as Y, defaultDistanceBetweenRanges as A, defaultGaugeWidth as V, defaultDistanceFromRangesToNeedle as _, defaultInnerCircleStrokeWidth as q, defaultInnerCircleRadius as J, defaultNeedleWidth as K, defaultNumberOfDashes as Q, defaultDashHeight as U, defaultDashWidth as Z, defaultDistanceFromRangesToScale as ee, defaultMaskBorderRadius as te } from "./sd-component-library228.js";
+import { defaultPointerWidth as ae } from "./sd-component-library227.js";
+import { DiscreteRange as oe } from "./sd-component-library238.js";
+import { OutlineMeterScale as le } from "./sd-component-library235.js";
+import { DiscreteMeterNeedle as re } from "./sd-component-library239.js";
+import { MatchedRangeLabelBox as ne } from "./sd-component-library240.js";
+function fe(x) {
   const {
-    value: i,
-    activeColor: l = "cl_purple",
-    maxValue: r = 5,
-    heightPx: o = 25,
-    gap: p = "3px",
-    inactiveColor: d = "cl_grey",
-    barWidth: a = "5px",
-    minHeight: e = 0,
-    ...m
-  } = c, s = [];
-  for (let t = 0; t < r; t++) {
-    const x = t < i ? l : d, g = e ? (o - e) / (r - 1) * t + e : o / r * (t + 1);
-    s.push(
-      /* @__PURE__ */ n.jsx(
-        h,
-        {
-          "data-testid": t < i ? "single-bar-active" : "single-bar-inactive",
-          sx: {
-            width: a,
-            borderRadius: `calc(${a} / 2)`,
-            height: `${g}px`,
-            backgroundColor: x
+    marginTop: b = "50px",
+    marginX: C = `${E + R + G * 2}px`,
+    value: u,
+    showNeedle: W = !0,
+    showScale: D = !0,
+    hideLabels: c = !1,
+    arc: r = P,
+    width: a = X,
+    height: v = Y,
+    distanceBetweenRanges: i = A,
+    gaugeWidth: s = V,
+    distanceFromRangesToNeedle: w = _,
+    innerCircleStrokeWidth: $ = q,
+    innerCircleRadius: j = J,
+    needleWidth: B = K,
+    numberOfDashes: F = Q,
+    dashHeight: M = U,
+    dashWidth: S = Z,
+    distanceFromRangesToScale: T = ee,
+    distanceFromLabelToRanges: g = R,
+    needleColor: L,
+    counterClockWise: k = !1,
+    maskBorderRadius: m = te,
+    matchedRangeColor: d = "#9E1CB5",
+    notMatchedRangeColor: I = "#CCD0DB",
+    pointerWidth: N = ae,
+    options: e,
+    cursor: O,
+    sx: z,
+    bg: H = "white"
+  } = x;
+  if (e.length <= 0)
+    return console.error("You should specify at least one option"), null;
+  const l = e.findIndex(
+    (t) => t.value === u
+  );
+  if (l === -1)
+    return console.error("Value should be present among available options"), null;
+  const h = e[l], f = (t) => e.length === 6 && t % 3 === 1;
+  return /* @__PURE__ */ o.jsxs(
+    y,
+    {
+      sx: {
+        width: `${a}px`,
+        marginX: C,
+        marginTop: b,
+        position: "relative",
+        cursor: O,
+        borderRadius: `${m}px ${m}px 0 0`,
+        bg: H,
+        svg: {
+          transform: `rotateY(${k ? 180 : 0}deg)`,
+          text: {
+            fontFamily: "proxima-nova",
+            fontSize: 12,
+            fontWeight: 600,
+            fill: "cl_darkGrey",
+            textTransform: "uppercase",
+            letterSpacing: "1.8px"
           }
         },
-        t
-      )
-    );
-  }
-  return /* @__PURE__ */ n.jsx(
-    u,
-    {
-      "data-testid": "bars-meter",
-      alignItems: "end",
-      gridTemplateColumns: [`repeat(${r}, max-content)`],
-      gap: p,
-      ...m,
-      children: s
+        ...z
+      },
+      children: [
+        /* @__PURE__ */ o.jsxs("svg", { width: `${a}px`, height: `${v}px`, overflow: "visible", children: [
+          e.map((t, n) => {
+            const p = l === n;
+            return /* @__PURE__ */ o.jsx(
+              oe,
+              {
+                idx: n,
+                isMatchedRange: p,
+                label: t.label,
+                color: p ? t.labelColor || d : I,
+                diameter: a,
+                gaugeWidth: s,
+                totalRanges: e.length,
+                distanceBetweenRanges: i,
+                arc: r,
+                showLabel: !c,
+                pointerLength: g,
+                pointerWidth: N,
+                horizontal: f(n)
+              },
+              `${n}-${t.label}`
+            );
+          }),
+          D && /* @__PURE__ */ o.jsx(
+            le,
+            {
+              numberOfDashes: F,
+              dashHeight: M,
+              dashWidth: S,
+              distanceFromRangesToScale: T,
+              diameter: a,
+              arc: r,
+              gaugeWidth: s
+            }
+          ),
+          W && /* @__PURE__ */ o.jsx(
+            re,
+            {
+              distanceBetweenRanges: i,
+              gaugeWidth: s,
+              innerCircleStrokeWidth: $,
+              innerCircleRadius: j,
+              distanceFromRange: w,
+              needleWidth: B,
+              needleColor: L || h.labelColor || d,
+              diameter: a,
+              arc: r,
+              value: u,
+              options: e
+            }
+          )
+        ] }),
+        !c && /* @__PURE__ */ o.jsx(
+          ne,
+          {
+            arc: r,
+            distanceBetweenRanges: i,
+            color: h.labelColor || d,
+            pointerLength: g,
+            radius: a / 2,
+            idx: l,
+            totalRanges: e.length,
+            label: h.label,
+            horizontal: f(l)
+          }
+        )
+      ]
     }
   );
-};
+}
 export {
-  f as BarsMeter
+  fe as MultiOptionDiscreteOutlineMeter
 };
 //# sourceMappingURL=sd-component-library92.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library92.js","sources":["../src/components/meters/bars-meter/bars-meter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { Grid } from \"../../containers\";\nimport { BarsMeterProps as Props } from \"./interfaces\";\n\n/**\n *  BarsMeter component.\n */\nexport const BarsMeter: React.FC<Props> = (props) => {\n  const {\n    value,\n    activeColor = \"cl_purple\",\n    maxValue = 5,\n    heightPx = 25,\n    gap = \"3px\",\n    inactiveColor = \"cl_grey\",\n    barWidth = \"5px\",\n    minHeight = 0,\n    ...gridProps\n  } = props;\n\n  const bars: React.ReactNode[] = [];\n\n  for (let i = 0; i < maxValue; i++) {\n    const color = i < value ? activeColor : inactiveColor;\n    const height = minHeight\n      ? ((heightPx - minHeight) / (maxValue - 1)) * i + minHeight\n      : (heightPx / maxValue) * (i + 1);\n\n    bars.push(\n      <Box\n        data-testid={i < value ? \"single-bar-active\" : \"single-bar-inactive\"}\n        key={i}\n        sx={{\n          width: barWidth,\n          borderRadius: `calc(${barWidth} / 2)`,\n          height: `${height}px`,\n          backgroundColor: color,\n        }}\n      />\n    );\n  }\n\n  return (\n    <Grid\n      data-testid=\"bars-meter\"\n      alignItems=\"end\"\n      gridTemplateColumns={[`repeat(${maxValue}, max-content)`]}\n      gap={gap}\n      {...gridProps}\n    >\n      {bars}\n    </Grid>\n  );\n};\n"],"names":["BarsMeter","props","value","activeColor","maxValue","heightPx","gap","inactiveColor","barWidth","minHeight","gridProps","bars","i","color","height","jsx","Box","Grid"],"mappings":";;;AAUa,MAAAA,IAA6B,CAACC,MAAU;AAC7C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,KAAAC,IAAM;AAAA,IACN,eAAAC,IAAgB;AAAA,IAChB,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EACD,IAAAT,GAEEU,IAA0B,CAAA;AAEhC,WAASC,IAAI,GAAGA,IAAIR,GAAUQ,KAAK;AAC3B,UAAAC,IAAQD,IAAIV,IAAQC,IAAcI,GAClCO,IAASL,KACTJ,IAAWI,MAAcL,IAAW,KAAMQ,IAAIH,IAC/CJ,IAAWD,KAAaQ,IAAI;AAE5B,IAAAD,EAAA;AAAA,MACHI,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,eAAaJ,IAAIV,IAAQ,sBAAsB;AAAA,UAE/C,IAAI;AAAA,YACF,OAAOM;AAAA,YACP,cAAc,QAAQA,CAAQ;AAAA,YAC9B,QAAQ,GAAGM,CAAM;AAAA,YACjB,iBAAiBD;AAAA,UACnB;AAAA,QAAA;AAAA,QANKD;AAAA,MAOP;AAAA,IAAA;AAAA,EAEJ;AAGE,SAAAG,gBAAAA,EAAA;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,YAAW;AAAA,MACX,qBAAqB,CAAC,UAAUb,CAAQ,gBAAgB;AAAA,MACxD,KAAAE;AAAA,MACC,GAAGI;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library92.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/multi-option-discrete-outline-meter.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport {\n  defaultArc,\n  defaultDashHeight,\n  defaultDashWidth,\n  defaultDistanceBetweenRanges,\n  defaultDistanceFromLabelToRanges,\n  defaultDistanceFromRangesToNeedle,\n  defaultDistanceFromRangesToScale,\n  defaultGaugeWidth,\n  defaultHeight,\n  defaultInnerCircleRadius,\n  defaultInnerCircleStrokeWidth,\n  defaultInnerPointRadius,\n  defaultMaskBorderRadius,\n  defaultNeedleWidth,\n  defaultNumberOfDashes,\n  defaultPointStrokeWidth,\n  defaultWidth,\n  labelPaddingX,\n  labelWidth,\n} from \"../outline-meter/contants\";\nimport { OutlineMeterScale } from \"../outline-meter/partials/outline-meter-scale\";\nimport { defaultPointerWidth } from \"./constants\";\nimport { MultiOptionDiscreteOutlineMeterProps as Props } from \"./interfaces\";\nimport { DiscreteMeterNeedle } from \"./partials/discrete-meter-needle\";\nimport { DiscreteRange } from \"./partials/discrete-range\";\nimport { MatchedRangeLabelBox } from \"./partials/matched-range-label-box\";\n\nexport function MultiOptionDiscreteOutlineMeter<T>(\n  props: PropsWithChildren<Props<T>>\n) {\n  const {\n    marginTop = \"50px\",\n    marginX = `${\n      labelWidth + defaultDistanceFromLabelToRanges + labelPaddingX * 2\n    }px`,\n    value,\n    showNeedle = true,\n    showScale = true,\n    hideLabels = false,\n    arc = defaultArc,\n    width = defaultWidth,\n    height = defaultHeight,\n    distanceBetweenRanges = defaultDistanceBetweenRanges,\n    gaugeWidth = defaultGaugeWidth,\n    distanceFromRangesToNeedle = defaultDistanceFromRangesToNeedle,\n    innerCircleStrokeWidth = defaultInnerCircleStrokeWidth,\n    innerCircleRadius = defaultInnerCircleRadius,\n    needleWidth = defaultNeedleWidth,\n    numberOfDashes = defaultNumberOfDashes,\n    dashHeight = defaultDashHeight,\n    dashWidth = defaultDashWidth,\n    distanceFromRangesToScale = defaultDistanceFromRangesToScale,\n    distanceFromLabelToRanges = defaultDistanceFromLabelToRanges,\n    needleColor,\n    counterClockWise = false,\n    maskBorderRadius = defaultMaskBorderRadius,\n    matchedRangeColor = \"#9E1CB5\",\n    notMatchedRangeColor = \"#CCD0DB\",\n    pointerWidth = defaultPointerWidth,\n    options,\n    cursor,\n    sx,\n    bg = \"white\",\n  } = props;\n\n  if (options.length <= 0) {\n    console.error(\"You should specify at least one option\");\n    return null;\n  }\n\n  const matchedRangeIndex = options.findIndex(\n    (option) => option.value === value\n  );\n\n  if (matchedRangeIndex === -1) {\n    console.error(\"Value should be present among available options\");\n    return null;\n  }\n\n  const matchedRange = options[matchedRangeIndex];\n\n  const getIsHorizontal = (idx: number) =>\n    options.length === 6 && idx % 3 === 1;\n\n  return (\n    <Box\n      sx={{\n        width: `${width}px`,\n        marginX,\n        marginTop,\n        position: \"relative\",\n        cursor,\n        borderRadius: `${maskBorderRadius}px ${maskBorderRadius}px 0 0`,\n        bg,\n        svg: {\n          transform: `rotateY(${counterClockWise ? 180 : 0}deg)`,\n          text: {\n            fontFamily: \"proxima-nova\",\n            fontSize: 12,\n            fontWeight: 600,\n            fill: \"cl_darkGrey\",\n            textTransform: \"uppercase\",\n            letterSpacing: \"1.8px\",\n          },\n        },\n        ...sx,\n      }}\n    >\n      <svg width={`${width}px`} height={`${height}px`} overflow=\"visible\">\n        {options.map((range, idx) => {\n          const valueInRange = matchedRangeIndex === idx;\n          return (\n            <DiscreteRange\n              idx={idx}\n              key={`${idx}-${range.label}`}\n              isMatchedRange={valueInRange}\n              label={range.label}\n              color={\n                valueInRange\n                  ? range.labelColor || matchedRangeColor\n                  : notMatchedRangeColor\n              }\n              diameter={width}\n              gaugeWidth={gaugeWidth}\n              totalRanges={options.length}\n              distanceBetweenRanges={distanceBetweenRanges}\n              arc={arc}\n              showLabel={!hideLabels}\n              pointerLength={distanceFromLabelToRanges}\n              pointerWidth={pointerWidth}\n              horizontal={getIsHorizontal(idx)}\n            />\n          );\n        })}\n\n        {showScale && (\n          <OutlineMeterScale\n            numberOfDashes={numberOfDashes}\n            dashHeight={dashHeight}\n            dashWidth={dashWidth}\n            distanceFromRangesToScale={distanceFromRangesToScale}\n            diameter={width}\n            arc={arc}\n            gaugeWidth={gaugeWidth}\n          />\n        )}\n        {showNeedle && (\n          <DiscreteMeterNeedle\n            distanceBetweenRanges={distanceBetweenRanges}\n            gaugeWidth={gaugeWidth}\n            innerCircleStrokeWidth={innerCircleStrokeWidth}\n            innerCircleRadius={innerCircleRadius}\n            distanceFromRange={distanceFromRangesToNeedle}\n            needleWidth={needleWidth}\n            needleColor={\n              needleColor || matchedRange.labelColor || matchedRangeColor\n            }\n            diameter={width}\n            arc={arc}\n            value={value}\n            options={options}\n          />\n        )}\n      </svg>\n\n      {!hideLabels && (\n        <MatchedRangeLabelBox\n          arc={arc}\n          distanceBetweenRanges={distanceBetweenRanges}\n          color={matchedRange.labelColor || matchedRangeColor}\n          pointerLength={distanceFromLabelToRanges}\n          radius={width / 2}\n          idx={matchedRangeIndex}\n          totalRanges={options.length}\n          label={matchedRange.label}\n          horizontal={getIsHorizontal(matchedRangeIndex)}\n        />\n      )}\n    </Box>\n  );\n}\n"],"names":["MultiOptionDiscreteOutlineMeter","props","marginTop","marginX","labelWidth","defaultDistanceFromLabelToRanges","labelPaddingX","value","showNeedle","showScale","hideLabels","arc","defaultArc","width","defaultWidth","height","defaultHeight","distanceBetweenRanges","defaultDistanceBetweenRanges","gaugeWidth","defaultGaugeWidth","distanceFromRangesToNeedle","defaultDistanceFromRangesToNeedle","innerCircleStrokeWidth","defaultInnerCircleStrokeWidth","innerCircleRadius","defaultInnerCircleRadius","needleWidth","defaultNeedleWidth","numberOfDashes","defaultNumberOfDashes","dashHeight","defaultDashHeight","dashWidth","defaultDashWidth","distanceFromRangesToScale","defaultDistanceFromRangesToScale","distanceFromLabelToRanges","needleColor","counterClockWise","maskBorderRadius","defaultMaskBorderRadius","matchedRangeColor","notMatchedRangeColor","pointerWidth","defaultPointerWidth","options","cursor","sx","bg","matchedRangeIndex","option","matchedRange","getIsHorizontal","idx","jsxs","Box","range","valueInRange","jsx","DiscreteRange","OutlineMeterScale","DiscreteMeterNeedle","MatchedRangeLabelBox"],"mappings":"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"}

package/lib/sd-component-library93.js

@@ -1,72 +1,39 @@
-import { j as o } from "./sd-component-library190.js";
-import { Box as j } from "rebass";
-import { isPDFFlow as g } from "./sd-component-library4.js";
-import { areSegmentsValid as v } from "./sd-component-library242.js";
-import { Segment as w } from "./sd-component-library243.js";
-const E = ({
-  segments: x,
-  outlineWidth: e = 2,
-  segmentWidth: n = 40,
-  size: r = 280,
-  labelOffset: p = 100,
-  labelPointerOffset: m = 10,
-  verticalOffset: d = 20,
-  sideOffset: a = 5,
-  labelOffsetMobile: f = 30,
-  mobile: t = !1,
-  verticalOffsetMobile: l = 50,
-  containerSx: u,
-  children: c
-}) => {
-  const h = g();
-  if (!v(x))
-    return null;
-  const i = {
-    width: `${r}px`,
-    height: `${r}px`
-  };
+import { j as o } from "./sd-component-library195.js";
+import { smallMeterWidth as u, smallMeterHeight as M, smallMeterInnerCircleStrokeWidth as c, smallMeterInnerCircleRadius as h, smallMeterGaugeWidth as g, smallMeterDistanceBetweenRanges as R, smallMeterDistanceFromRangesToNeedle as W, smallMeterNeedleWidth as p, smallMeterMaskBorderRadius as f } from "./sd-component-library228.js";
+import { MultiOptionDiscreteOutlineMeter as k } from "./sd-component-library92.js";
+function C(e) {
+  const {
+    width: t = u,
+    height: r = M,
+    innerCircleStrokeWidth: i = c,
+    innerCircleRadius: l = h,
+    gaugeWidth: a = g,
+    distanceBetweenRanges: s = R,
+    distanceFromRangesToNeedle: n = W,
+    needleWidth: m = p,
+    maskBorderRadius: d = f
+  } = e;
   return /* @__PURE__ */ o.jsx(
-    j,
+    k,
     {
-      sx: {
-        overflow: "hidden",
-        cursor: "default",
-        ...t ? {} : { pr: "10px" },
-        ...u
-      },
-      children: /* @__PURE__ */ o.jsxs(
-        "svg",
-        {
-          ...i,
-          style: {
-            margin: `${t ? l : d}px ${p + a}px`,
-            borderRadius: `${r / 2}px`,
-            ...!h && { boxShadow: "10px 15px 15px #9BA2B44D" },
-            overflow: "visible"
-          },
-          children: [
-            x.map((s) => /* @__PURE__ */ o.jsx(
-              w,
-              {
-                segment: s,
-                segmentWidth: n,
-                size: r,
-                outlineWidth: e,
-                labelOffset: p,
-                labelPointerOffset: m,
-                mobile: t,
-                labelOffsetMobile: f
-              },
-              s.text
-            )),
-            /* @__PURE__ */ o.jsx("foreignObject", { x: 0, y: 0, ...i, style: { pointerEvents: "none" }, children: c })
-          ]
-        }
-      )
+      marginX: "0",
+      marginTop: "0",
+      hideLabels: !0,
+      showScale: !1,
+      width: t,
+      height: r,
+      innerCircleStrokeWidth: i,
+      innerCircleRadius: l,
+      gaugeWidth: a,
+      distanceBetweenRanges: s,
+      distanceFromRangesToNeedle: n,
+      needleWidth: m,
+      maskBorderRadius: d,
+      ...e
     }
   );
-};
+}
 export {
-  E as DonutDiagram
+  C as SmallMultiOptionDiscreteOutlineMeter
 };
 //# sourceMappingURL=sd-component-library93.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library93.js","sources":["../src/components/meters/donut-diagram/donut-diagram.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { isPDFFlow } from \"../../../core/functions\";\nimport { DonutDiagramProps as Props } from \"./interfaces\";\nimport { Segment } from \"./partials\";\nimport { areSegmentsValid } from \"./utils\";\n\nexport const DonutDiagram: React.FC<Props> = ({\n  segments,\n  outlineWidth = 2,\n  segmentWidth = 40,\n  size = 280,\n  labelOffset = 100,\n  labelPointerOffset = 10,\n  verticalOffset = 20,\n  sideOffset = 5,\n  labelOffsetMobile = 30,\n  mobile = false,\n  verticalOffsetMobile = 50,\n  containerSx,\n  children,\n}) => {\n  const isPdf = isPDFFlow();\n\n  if (!areSegmentsValid(segments)) return null;\n\n  const sizes = {\n    width: `${size}px`,\n    height: `${size}px`,\n  };\n\n  return (\n    <Box\n      sx={{\n        overflow: \"hidden\",\n        cursor: \"default\",\n        ...(mobile ? {} : { pr: \"10px\" }),\n        ...containerSx,\n      }}\n    >\n      <svg\n        {...sizes}\n        style={{\n          margin: `${mobile ? verticalOffsetMobile : verticalOffset}px ${\n            labelOffset + sideOffset\n          }px`,\n          borderRadius: `${size / 2}px`,\n          ...(!isPdf && { boxShadow: \"10px 15px 15px #9BA2B44D\" }),\n          overflow: \"visible\",\n        }}\n      >\n        {segments.map((segment) => (\n          <Segment\n            key={segment.text}\n            segment={segment}\n            segmentWidth={segmentWidth}\n            size={size}\n            outlineWidth={outlineWidth}\n            labelOffset={labelOffset}\n            labelPointerOffset={labelPointerOffset}\n            mobile={mobile}\n            labelOffsetMobile={labelOffsetMobile}\n          />\n        ))}\n\n        <foreignObject x={0} y={0} {...sizes} style={{ pointerEvents: \"none\" }}>\n          {children}\n        </foreignObject>\n      </svg>\n    </Box>\n  );\n};\n"],"names":["DonutDiagram","segments","outlineWidth","segmentWidth","size","labelOffset","labelPointerOffset","verticalOffset","sideOffset","labelOffsetMobile","mobile","verticalOffsetMobile","containerSx","children","isPdf","isPDFFlow","areSegmentsValid","sizes","jsx","Box","jsxs","segment","Segment"],"mappings":";;;;;AASO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,oBAAAC,IAAqB;AAAA,EACrB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,mBAAAC,IAAoB;AAAA,EACpB,QAAAC,IAAS;AAAA,EACT,sBAAAC,IAAuB;AAAA,EACvB,aAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAQC;AAEV,MAAA,CAACC,EAAiBf,CAAQ;AAAU,WAAA;AAExC,QAAMgB,IAAQ;AAAA,IACZ,OAAO,GAAGb,CAAI;AAAA,IACd,QAAQ,GAAGA,CAAI;AAAA,EAAA;AAIf,SAAAc,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,GAAIT,IAAS,CAAA,IAAK,EAAE,IAAI,OAAO;AAAA,QAC/B,GAAGE;AAAA,MACL;AAAA,MAEA,UAAAQ,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGH;AAAA,UACJ,OAAO;AAAA,YACL,QAAQ,GAAGP,IAASC,IAAuBJ,CAAc,MACvDF,IAAcG,CAChB;AAAA,YACA,cAAc,GAAGJ,IAAO,CAAC;AAAA,YACzB,GAAI,CAACU,KAAS,EAAE,WAAW,2BAA2B;AAAA,YACtD,UAAU;AAAA,UACZ;AAAA,UAEC,UAAA;AAAA,YAASb,EAAA,IAAI,CAACoB,MACbH,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBAEC,SAAAD;AAAA,gBACA,cAAAlB;AAAA,gBACA,MAAAC;AAAA,gBACA,cAAAF;AAAA,gBACA,aAAAG;AAAA,gBACA,oBAAAC;AAAA,gBACA,QAAAI;AAAA,gBACA,mBAAAD;AAAA,cAAA;AAAA,cARKY,EAAQ;AAAA,YAAA,CAUhB;AAAA,YAEAH,gBAAAA,EAAAA,IAAA,iBAAA,EAAc,GAAG,GAAG,GAAG,GAAI,GAAGD,GAAO,OAAO,EAAE,eAAe,UAC3D,UAAAJ,EACH,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library93.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/small-multi-option-discrete-outline-meter.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport {\n  smallMeterDistanceBetweenRanges,\n  smallMeterDistanceFromRangesToNeedle,\n  smallMeterGaugeWidth,\n  smallMeterHeight,\n  smallMeterInnerCircleRadius,\n  smallMeterInnerCircleStrokeWidth,\n  smallMeterMaskBorderRadius,\n  smallMeterNeedleWidth,\n  smallMeterWidth,\n} from \"../outline-meter/contants\";\nimport { SmallMultiOptionDiscreteOutlineMeterProps as Props } from \"./interfaces\";\nimport { MultiOptionDiscreteOutlineMeter } from \"./multi-option-discrete-outline-meter\";\n\nexport function SmallMultiOptionDiscreteOutlineMeter<T>(\n  props: PropsWithChildren<Props<T>>\n) {\n  const {\n    width = smallMeterWidth,\n    height = smallMeterHeight,\n    innerCircleStrokeWidth = smallMeterInnerCircleStrokeWidth,\n    innerCircleRadius = smallMeterInnerCircleRadius,\n    gaugeWidth = smallMeterGaugeWidth,\n    distanceBetweenRanges = smallMeterDistanceBetweenRanges,\n    distanceFromRangesToNeedle = smallMeterDistanceFromRangesToNeedle,\n    needleWidth = smallMeterNeedleWidth,\n    maskBorderRadius = smallMeterMaskBorderRadius,\n  } = props;\n  return (\n    <MultiOptionDiscreteOutlineMeter\n      marginX=\"0\"\n      marginTop=\"0\"\n      hideLabels={true}\n      showScale={false}\n      width={width}\n      height={height}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      innerCircleRadius={innerCircleRadius}\n      gaugeWidth={gaugeWidth}\n      distanceBetweenRanges={distanceBetweenRanges}\n      distanceFromRangesToNeedle={distanceFromRangesToNeedle}\n      needleWidth={needleWidth}\n      maskBorderRadius={maskBorderRadius}\n      {...props}\n    />\n  );\n}\n"],"names":["SmallMultiOptionDiscreteOutlineMeter","props","width","smallMeterWidth","height","smallMeterHeight","innerCircleStrokeWidth","smallMeterInnerCircleStrokeWidth","innerCircleRadius","smallMeterInnerCircleRadius","gaugeWidth","smallMeterGaugeWidth","distanceBetweenRanges","smallMeterDistanceBetweenRanges","distanceFromRangesToNeedle","smallMeterDistanceFromRangesToNeedle","needleWidth","smallMeterNeedleWidth","maskBorderRadius","smallMeterMaskBorderRadius","jsx","MultiOptionDiscreteOutlineMeter"],"mappings":";;;AAgBO,SAASA,EACdC,GACA;AACM,QAAA;AAAA,IACJ,OAAAC,IAAQC;AAAA,IACR,QAAAC,IAASC;AAAA,IACT,wBAAAC,IAAyBC;AAAA,IACzB,mBAAAC,IAAoBC;AAAA,IACpB,YAAAC,IAAaC;AAAA,IACb,uBAAAC,IAAwBC;AAAA,IACxB,4BAAAC,IAA6BC;AAAA,IAC7B,aAAAC,IAAcC;AAAA,IACd,kBAAAC,IAAmBC;AAAA,EACjB,IAAAlB;AAEF,SAAAmB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,OAAAnB;AAAA,MACA,QAAAE;AAAA,MACA,wBAAAE;AAAA,MACA,mBAAAE;AAAA,MACA,YAAAE;AAAA,MACA,uBAAAE;AAAA,MACA,4BAAAE;AAAA,MACA,aAAAE;AAAA,MACA,kBAAAE;AAAA,MACC,GAAGjB;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/lib/sd-component-library94.js

@@ -1,51 +1,181 @@
-import { j as n } from "./sd-component-library190.js";
-import { areSegmentsValid as h } from "./sd-component-library242.js";
-import { CompactDonutGaugeSegment as x } from "./sd-component-library244.js";
-import { CompactDonutGaugeValueIndicator as f } from "./sd-component-library245.js";
-const C = ({
-  segments: e,
-  size: r = 70,
-  value: t,
-  segmentWidth: m = 10,
-  outlineWidth: c = 2,
-  cursor: p = "default",
-  children: a
-}) => {
-  if (!h(e))
-    return null;
-  if (t > 1 || t < 0)
+import { j as r } from "./sd-component-library195.js";
+import { Box as H } from "rebass";
+import { defaultWidth as V, defaultHeight as X, labelWidth as Y, defaultDistanceFromLabelToRanges as p, labelPaddingX as z, defaultGaugeWidth as E, defaultInnerPointRadius as _, defaultPointStrokeWidth as q, defaultArc as J, defaultDistanceFromRangesToScale as K, defaultDashHeight as Q, defaultDashWidth as U, defaultNumberOfDashes as Z, defaultNeedleWidth as ee, defaultInnerCircleRadius as te, defaultInnerCircleStrokeWidth as re, defaultDistanceFromRangesToNeedle as ae, defaultMaskBorderRadius as oe } from "./sd-component-library228.js";
+import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library241.js";
+import { GradientMeterRange as ne } from "./sd-component-library242.js";
+import { OutlineMeterScale as se } from "./sd-component-library235.js";
+import { GradientMeterNeedle as de } from "./sd-component-library243.js";
+import { OutlineMeterLabelPointer as le } from "./sd-component-library244.js";
+import { BaseMeterLabelBox as ue } from "./sd-component-library245.js";
+const je = (b) => {
+  const {
+    width: o = V,
+    height: j = X,
+    marginX: $ = `${Y + p + z * 2}px`,
+    marginTop: W = "50px",
+    gaugeWidth: l = E,
+    innerPointRadius: C = _,
+    value: a,
+    pointStrokeWidth: v = q,
+    arc: u = J,
+    distanceFromRangesToScale: w = K,
+    dashHeight: y = Q,
+    dashWidth: F = U,
+    numberOfDashes: M = Z,
+    needleWidth: S = ee,
+    innerCircleRadius: k = te,
+    innerCircleStrokeWidth: D = re,
+    distanceFromRangesToNeedle: G = ae,
+    distanceFromLabelToRanges: m = p,
+    segmented: T,
+    gradientColors: h,
+    showScale: L = !0,
+    labels: s,
+    showNeedle: N = !0,
+    hideLabels: f = !1,
+    needleColor: g,
+    counterClockWise: n = !1,
+    maskBorderRadius: c = oe,
+    cursor: P,
+    sx: B,
+    bg: I = "white"
+  } = b;
+  if (a > 1 || a < 0)
     return console.error(
-      "Value should be not less than 0 and not higher than 1",
-      `Received: ${t}`
+      "Value has to be between 0 and 1",
+      `Received ${a} instead`
     ), null;
-  const i = e.find(
-    ({ start: o, end: u }) => t >= o && t <= u
-  ), s = {
-    width: `${r}px`,
-    height: `${r}px`
-  };
-  return /* @__PURE__ */ n.jsxs("svg", { ...s, style: { cursor: p }, children: [
-    e.map((o) => /* @__PURE__ */ n.jsx(
-      x,
-      {
-        segment: o,
-        isMatching: o.start === i.start,
-        size: r,
-        segmentWidth: m,
-        outlineWidth: c
+  if (h.length > 3 || h.length < 2)
+    return console.error("You cannot specify more than 3 colors and less than 2"), null;
+  const i = Array.from(ie(h));
+  return /* @__PURE__ */ r.jsxs(
+    H,
+    {
+      sx: {
+        width: `${o}px`,
+        marginX: $,
+        marginTop: W,
+        position: "relative",
+        borderRadius: `${c}px ${c}px 0 0`,
+        bg: I,
+        svg: {
+          transform: `rotateY(${n ? 180 : 0}deg)`
+        },
+        cursor: P,
+        ...B
       },
-      o.color
-    )),
-    a ? /* @__PURE__ */ n.jsx("foreignObject", { x: 0, y: 0, ...s, children: a }) : /* @__PURE__ */ n.jsx(
-      f,
-      {
-        size: r,
-        segment: i
-      }
-    )
-  ] });
+      children: [
+        /* @__PURE__ */ r.jsxs("svg", { width: `${o}px`, height: `${j}px`, overflow: "visible", children: [
+          /* @__PURE__ */ r.jsx("defs", { children: i.map(([e, t], d) => {
+            const O = d >= i.length / 2, A = d + 1 === Math.round(i.length / 2 + 0.5);
+            return /* @__PURE__ */ r.jsxs(
+              "linearGradient",
+              {
+                id: `gradient-${e}-${t}`,
+                ...O ? {
+                  x1: 0,
+                  y1: 0,
+                  x2: 0,
+                  y2: 1
+                } : A ? { x1: 0, y1: 0, x2: 1, y2: 0 } : {
+                  x1: 0,
+                  y1: 1,
+                  x2: 0,
+                  y2: 0
+                },
+                children: [
+                  /* @__PURE__ */ r.jsx("stop", { stopColor: e, offset: "0%" }),
+                  /* @__PURE__ */ r.jsx("stop", { stopColor: t, offset: "100%" })
+                ]
+              },
+              `${e}-${t}`
+            );
+          }) }),
+          i.map(([e, t], d) => /* @__PURE__ */ r.jsx(
+            ne,
+            {
+              diameter: o,
+              value: a,
+              arc: u,
+              gaugeWidth: l,
+              startColor: e,
+              endColor: t,
+              idx: d,
+              segmented: T,
+              totalRanges: i.length,
+              pointStrokeWidth: v,
+              innerPointRadius: C,
+              pointColor: g
+            },
+            `${e}-${t}`
+          )),
+          L && /* @__PURE__ */ r.jsx(
+            se,
+            {
+              numberOfDashes: M,
+              dashHeight: y,
+              dashWidth: F,
+              distanceFromRangesToScale: w,
+              diameter: o,
+              arc: u,
+              gaugeWidth: l
+            }
+          ),
+          N && /* @__PURE__ */ r.jsx(
+            de,
+            {
+              ranges: i,
+              value: a,
+              innerCircleStrokeWidth: D,
+              innerCircleRadius: k,
+              distanceFromRange: G,
+              needleWidth: S,
+              diameter: o,
+              arc: u,
+              gaugeWidth: l,
+              needleColor: g
+            }
+          ),
+          !f && s.map(({ position: e }) => {
+            const t = n ? R(e) : e;
+            return /* @__PURE__ */ r.jsx(
+              le,
+              {
+                diameter: o,
+                position: e,
+                distanceFromRanges: m,
+                isInRange: x(
+                  n ? 1 - a : a,
+                  s.length,
+                  t
+                )
+              }
+            );
+          })
+        ] }),
+        !f && s.map((e) => {
+          const t = n ? R(e.position) : e.position;
+          return /* @__PURE__ */ r.jsx(
+            ue,
+            {
+              ...e,
+              position: t,
+              isInRange: x(
+                n ? 1 - a : a,
+                s.length,
+                t
+              ),
+              distanceFromLabelToRanges: m,
+              diameter: o
+            },
+            e.label
+          );
+        })
+      ]
+    }
+  );
 };
 export {
-  C as CompactDonutGauge
+  je as GradientOutlineMeter
 };
 //# sourceMappingURL=sd-component-library94.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library94.js","sources":["../src/components/meters/compact-donut-gauge/compact-donut-gauge.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { areSegmentsValid } from \"../donut-diagram/utils\";\nimport { CompactDonutGaugeProps as Props } from \"./interfaces\";\nimport {\n  CompactDonutGaugeSegment,\n  CompactDonutGaugeValueIndicator,\n} from \"./partials\";\n\nexport const CompactDonutGauge: React.FC<PropsWithChildren<Props>> = ({\n  segments,\n  size = 70,\n  value,\n  segmentWidth = 10,\n  outlineWidth = 2,\n  cursor = \"default\",\n  children,\n}) => {\n  if (!areSegmentsValid(segments)) return null;\n\n  if (value > 1 || value < 0) {\n    console.error(\n      \"Value should be not less than 0 and not higher than 1\",\n      `Received: ${value}`\n    );\n    return null;\n  }\n\n  const matchingSegment = segments.find(\n    ({ start, end }) => value >= start && value <= end\n  )!;\n\n  const sizes = {\n    width: `${size}px`,\n    height: `${size}px`,\n  };\n\n  return (\n    <svg {...sizes} style={{ cursor }}>\n      {segments.map((segment) => (\n        <CompactDonutGaugeSegment\n          segment={segment}\n          isMatching={segment.start === matchingSegment.start}\n          size={size}\n          segmentWidth={segmentWidth}\n          outlineWidth={outlineWidth}\n          key={segment.color}\n        />\n      ))}\n\n      {children ? (\n        <foreignObject x={0} y={0} {...sizes}>\n          {children}\n        </foreignObject>\n      ) : (\n        <CompactDonutGaugeValueIndicator\n          size={size}\n          segment={matchingSegment}\n        />\n      )}\n    </svg>\n  );\n};\n"],"names":["CompactDonutGauge","segments","size","value","segmentWidth","outlineWidth","cursor","children","areSegmentsValid","matchingSegment","start","end","sizes","segment","jsx","CompactDonutGaugeSegment","CompactDonutGaugeValueIndicator"],"mappings":";;;;AASO,MAAMA,IAAwD,CAAC;AAAA,EACpE,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,MAAM;AACA,MAAA,CAACC,EAAiBP,CAAQ;AAAU,WAAA;AAEpC,MAAAE,IAAQ,KAAKA,IAAQ;AACf,mBAAA;AAAA,MACN;AAAA,MACA,aAAaA,CAAK;AAAA,IAAA,GAEb;AAGT,QAAMM,IAAkBR,EAAS;AAAA,IAC/B,CAAC,EAAE,OAAAS,GAAO,KAAAC,QAAUR,KAASO,KAASP,KAASQ;AAAA,EAAA,GAG3CC,IAAQ;AAAA,IACZ,OAAO,GAAGV,CAAI;AAAA,IACd,QAAQ,GAAGA,CAAI;AAAA,EAAA;AAGjB,gCACG,OAAK,EAAA,GAAGU,GAAO,OAAO,EAAE,QAAAN,EACtB,GAAA,UAAA;AAAA,IAASL,EAAA,IAAI,CAACY,MACbC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAF;AAAA,QACA,YAAYA,EAAQ,UAAUJ,EAAgB;AAAA,QAC9C,MAAAP;AAAA,QACA,cAAAE;AAAA,QACA,cAAAC;AAAA,MAAA;AAAA,MACKQ,EAAQ;AAAA,IAAA,CAEhB;AAAA,IAEAN,IACEO,gBAAAA,EAAA,IAAA,iBAAA,EAAc,GAAG,GAAG,GAAG,GAAI,GAAGF,GAC5B,UAAAL,EAAA,CACH,IAEAO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAAd;AAAA,QACA,SAASO;AAAA,MAAA;AAAA,IACX;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library94.js","sources":["../src/components/meters/gradient-outline-meter/gradient-outline-meter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport {\n  defaultArc,\n  defaultDashHeight,\n  defaultDashWidth,\n  defaultDistanceFromLabelToRanges,\n  defaultDistanceFromRangesToNeedle,\n  defaultDistanceFromRangesToScale,\n  defaultGaugeWidth,\n  defaultHeight,\n  defaultInnerCircleRadius,\n  defaultInnerCircleStrokeWidth,\n  defaultInnerPointRadius,\n  defaultMaskBorderRadius,\n  defaultNeedleWidth,\n  defaultNumberOfDashes,\n  defaultPointStrokeWidth,\n  defaultWidth,\n  labelPaddingX,\n  labelWidth,\n} from \"../outline-meter/contants\";\nimport { BaseMeterLabelBox } from \"../outline-meter/partials/base-meter-label-box\";\nimport { OutlineMeterLabelPointer } from \"../outline-meter/partials/outline-meter-label-pointer\";\nimport { OutlineMeterScale } from \"../outline-meter/partials/outline-meter-scale\";\nimport { GradientOutlineMeterProps as Props } from \"./interfaces\";\nimport { GradientMeterNeedle } from \"./partials/gradient-meter-needle\";\nimport { GradientMeterRange } from \"./partials/gradient-meter-range\";\nimport { flipPosition, isLabelActive, mapAdjacent } from \"./utils\";\n\nexport const GradientOutlineMeter: React.FC<Props> = (props) => {\n  const {\n    width = defaultWidth,\n    height = defaultHeight,\n    marginX = `${\n      labelWidth + defaultDistanceFromLabelToRanges + labelPaddingX * 2\n    }px`,\n    marginTop = \"50px\",\n    gaugeWidth = defaultGaugeWidth,\n    innerPointRadius = defaultInnerPointRadius,\n    value,\n    pointStrokeWidth = defaultPointStrokeWidth,\n    arc = defaultArc,\n    distanceFromRangesToScale = defaultDistanceFromRangesToScale,\n    dashHeight = defaultDashHeight,\n    dashWidth = defaultDashWidth,\n    numberOfDashes = defaultNumberOfDashes,\n    needleWidth = defaultNeedleWidth,\n    innerCircleRadius = defaultInnerCircleRadius,\n    innerCircleStrokeWidth = defaultInnerCircleStrokeWidth,\n    distanceFromRangesToNeedle = defaultDistanceFromRangesToNeedle,\n    distanceFromLabelToRanges = defaultDistanceFromLabelToRanges,\n    segmented,\n    gradientColors,\n    showScale = true,\n    labels,\n    showNeedle = true,\n    hideLabels = false,\n    needleColor,\n    counterClockWise = false,\n    maskBorderRadius = defaultMaskBorderRadius,\n    cursor,\n    sx,\n    bg = \"white\",\n  } = props;\n\n  if (value > 1 || value < 0) {\n    console.error(\n      \"Value has to be between 0 and 1\",\n      `Received ${value} instead`\n    );\n    return null;\n  }\n\n  if (gradientColors.length > 3 || gradientColors.length < 2) {\n    console.error(\"You cannot specify more than 3 colors and less than 2\");\n    return null;\n  }\n\n  const ranges = Array.from(mapAdjacent(gradientColors));\n\n  return (\n    <Box\n      sx={{\n        width: `${width}px`,\n        marginX,\n        marginTop,\n        position: \"relative\",\n        borderRadius: `${maskBorderRadius}px ${maskBorderRadius}px 0 0`,\n        bg,\n        svg: {\n          transform: `rotateY(${counterClockWise ? 180 : 0}deg)`,\n        },\n        cursor,\n        ...sx,\n      }}\n    >\n      <svg width={`${width}px`} height={`${height}px`} overflow=\"visible\">\n        <defs>\n          {ranges.map(([c1, c2], idx) => {\n            const useVerticalGradient = idx >= ranges.length / 2;\n            const useHorizontalGradient =\n              idx + 1 === Math.round(ranges.length / 2 + 0.5);\n            return (\n              <linearGradient\n                key={`${c1}-${c2}`}\n                id={`gradient-${c1}-${c2}`}\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={c1} offset=\"0%\" />\n                <stop stopColor={c2} offset=\"100%\" />\n              </linearGradient>\n            );\n          })}\n        </defs>\n        {ranges.map(([c1, c2], idx) => (\n          <GradientMeterRange\n            key={`${c1}-${c2}`}\n            diameter={width}\n            value={value}\n            arc={arc}\n            gaugeWidth={gaugeWidth}\n            startColor={c1}\n            endColor={c2}\n            idx={idx}\n            segmented={segmented}\n            totalRanges={ranges.length}\n            pointStrokeWidth={pointStrokeWidth}\n            innerPointRadius={innerPointRadius}\n            pointColor={needleColor}\n          />\n        ))}\n        {showScale && (\n          <OutlineMeterScale\n            numberOfDashes={numberOfDashes}\n            dashHeight={dashHeight}\n            dashWidth={dashWidth}\n            distanceFromRangesToScale={distanceFromRangesToScale}\n            diameter={width}\n            arc={arc}\n            gaugeWidth={gaugeWidth}\n          />\n        )}\n        {showNeedle && (\n          <GradientMeterNeedle\n            ranges={ranges}\n            value={value}\n            innerCircleStrokeWidth={innerCircleStrokeWidth}\n            innerCircleRadius={innerCircleRadius}\n            distanceFromRange={distanceFromRangesToNeedle}\n            needleWidth={needleWidth}\n            diameter={width}\n            arc={arc}\n            gaugeWidth={gaugeWidth}\n            needleColor={needleColor}\n          />\n        )}\n        {!hideLabels &&\n          labels.map(({ position }) => {\n            const _position = counterClockWise\n              ? flipPosition(position)\n              : position;\n            return (\n              <OutlineMeterLabelPointer\n                diameter={width}\n                position={position}\n                distanceFromRanges={distanceFromLabelToRanges}\n                isInRange={isLabelActive(\n                  counterClockWise ? 1 - value : value,\n                  labels.length,\n                  _position\n                )}\n              />\n            );\n          })}\n      </svg>\n      {!hideLabels &&\n        labels.map((label) => {\n          const position = counterClockWise\n            ? flipPosition(label.position)\n            : label.position;\n          return (\n            <BaseMeterLabelBox\n              key={label.label}\n              {...label}\n              position={position}\n              isInRange={isLabelActive(\n                counterClockWise ? 1 - value : value,\n                labels.length,\n                position\n              )}\n              distanceFromLabelToRanges={distanceFromLabelToRanges}\n              diameter={width}\n            />\n          );\n        })}\n    </Box>\n  );\n};\n"],"names":["GradientOutlineMeter","props","width","defaultWidth","height","defaultHeight","marginX","labelWidth","defaultDistanceFromLabelToRanges","labelPaddingX","marginTop","gaugeWidth","defaultGaugeWidth","innerPointRadius","defaultInnerPointRadius","value","pointStrokeWidth","defaultPointStrokeWidth","arc","defaultArc","distanceFromRangesToScale","defaultDistanceFromRangesToScale","dashHeight","defaultDashHeight","dashWidth","defaultDashWidth","numberOfDashes","defaultNumberOfDashes","needleWidth","defaultNeedleWidth","innerCircleRadius","defaultInnerCircleRadius","innerCircleStrokeWidth","defaultInnerCircleStrokeWidth","distanceFromRangesToNeedle","defaultDistanceFromRangesToNeedle","distanceFromLabelToRanges","segmented","gradientColors","showScale","labels","showNeedle","hideLabels","needleColor","counterClockWise","maskBorderRadius","defaultMaskBorderRadius","cursor","sx","bg","ranges","mapAdjacent","jsxs","Box","jsx","c1","c2","idx","useVerticalGradient","useHorizontalGradient","GradientMeterRange","OutlineMeterScale","GradientMeterNeedle","position","_position","flipPosition","OutlineMeterLabelPointer","isLabelActive","label","BaseMeterLabelBox"],"mappings":"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"}