@selfdecode/sd-component-library 4.0.73-vite11 → 4.0.73-vite13

package/lib/sd-component-library87.js

@@ -1,133 +1,69 @@
-import { j as r } from "./sd-component-library195.js";
-import { Box as P } from "rebass";
-import { labelWidth as H, defaultDistanceFromLabelToRanges as p, labelPaddingX as I, defaultArc as X, defaultWidth as A, defaultHeight as E, defaultDistanceBetweenRanges as G, defaultGaugeWidth as Y, defaultPointStrokeWidth as _, defaultInnerPointRadius as q, defaultDistanceFromRangesToNeedle as y, defaultInnerCircleStrokeWidth as z, defaultInnerCircleRadius as J, defaultNeedleWidth as K, defaultNumberOfDashes as Q, defaultDashHeight as U, defaultDashWidth as V, defaultDistanceFromRangesToScale as Z, defaultMaskBorderRadius as ee } from "./sd-component-library232.js";
+import { jsxs as p, jsx as o } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { labelWidth as I, defaultDistanceFromLabelToRanges as R, labelPaddingX as j, defaultArc as X, defaultWidth as _, defaultHeight as A, defaultDistanceBetweenRanges as G, defaultGaugeWidth as Y, defaultPointStrokeWidth as q, defaultInnerPointRadius as y, defaultDistanceFromRangesToNeedle as z, defaultInnerCircleStrokeWidth as E, defaultInnerCircleRadius as J, defaultNeedleWidth as K, defaultNumberOfDashes as Q, defaultDashHeight as U, defaultDashWidth as V, defaultDistanceFromRangesToScale as Z, defaultMaskBorderRadius as ee } from "./sd-component-library236.js";
 import { isCorrectOutlineMeterConfig as te } from "./sd-component-library89.js";
-import { OutlineMeterRange as ae } from "./sd-component-library261.js";
-import { OutlineMeterScale as re } from "./sd-component-library240.js";
-import { OutlineMeterNeedle as ie } from "./sd-component-library262.js";
-import { OutlineMeterLabelBox as se } from "./sd-component-library263.js";
-const ce = (R) => {
+import { OutlineMeterRange as ae } from "./sd-component-library242.js";
+import { OutlineMeterLabelBox as re } from "./sd-component-library243.js";
+import { Box as ie } from "./sd-component-library199.js";
+import { OutlineMeterScale as oe } from "./sd-component-library244.js";
+import { OutlineMeterNeedle as le } from "./sd-component-library245.js";
+const pe = (b) => {
   const {
     marginTop: x = "50px",
-    marginX: b = `${H + p + I * 2}px`,
-    ranges: n,
-    value: s,
-    segmented: d,
-    showNeedle: W = !0,
-    showScale: w = !0,
+    marginX: W = `${I + R + j * 2}px`,
+    ranges: d,
+    value: i,
+    segmented: n,
+    showNeedle: w = !0,
+    showScale: S = !0,
     hideLabels: u = !1,
     arc: l = X,
-    width: a = A,
-    height: S = E,
+    width: a = _,
+    height: $ = A,
     distanceBetweenRanges: m = G,
-    gaugeWidth: o = Y,
-    pointStrokeWidth: $ = _,
-    innerPointRadius: j = q,
-    distanceFromRangesToNeedle: C = y,
-    innerCircleStrokeWidth: D = z,
-    innerCircleRadius: F = J,
-    needleWidth: O = K,
-    numberOfDashes: k = Q,
-    dashHeight: v = U,
-    dashWidth: B = V,
-    distanceFromRangesToScale: M = Z,
-    distanceFromLabelToRanges: h = p,
-    needleColor: T,
+    gaugeWidth: s = Y,
+    pointStrokeWidth: B = q,
+    innerPointRadius: C = y,
+    distanceFromRangesToNeedle: D = z,
+    innerCircleStrokeWidth: F = E,
+    innerCircleRadius: O = J,
+    needleWidth: k = K,
+    numberOfDashes: v = Q,
+    dashHeight: M = U,
+    dashWidth: T = V,
+    distanceFromRangesToScale: N = Z,
+    distanceFromLabelToRanges: h = R,
+    needleColor: L,
     counterClockWise: f = !1,
     maskBorderRadius: c = ee,
-    cursor: N,
-    sx: L
-  } = R;
-  if (!te(s, n))
+    cursor: P,
+    sx: H
+  } = b;
+  if (!te(i, d))
     return null;
-  const i = n.sort((e, t) => e.start - t.start), g = i.length;
-  return /* @__PURE__ */ r.jsxs(
-    P,
-    {
-      sx: {
-        width: `${a}px`,
-        marginX: b,
-        marginTop: x,
-        position: "relative",
-        borderRadius: `${c}px ${c}px 0 0`,
-        bg: "cl_white",
-        svg: {
-          transform: `rotateY(${f ? 180 : 0}deg)`
-        },
-        cursor: N,
-        ...L
-      },
-      children: [
-        /* @__PURE__ */ r.jsxs("svg", { width: `${a}px`, height: `${S}px`, overflow: "visible", children: [
-          i.map((e, t) => /* @__PURE__ */ r.jsx(
-            ae,
-            {
-              idx: t,
-              ...e,
-              diameter: a,
-              arc: l,
-              distanceBetweenRanges: m,
-              totalRanges: g,
-              segmented: d,
-              value: s,
-              gaugeWidth: o,
-              pointStrokeWidth: $,
-              innerPointRadius: j,
-              distanceFromRanges: h,
-              hideLabels: u
-            },
-            e.start
-          )),
-          w && /* @__PURE__ */ r.jsx(
-            re,
-            {
-              numberOfDashes: k,
-              dashHeight: v,
-              dashWidth: B,
-              distanceFromRangesToScale: M,
-              diameter: a,
-              arc: l,
-              gaugeWidth: o
-            }
-          ),
-          W && /* @__PURE__ */ r.jsx(
-            ie,
-            {
-              ranges: i,
-              value: s,
-              diameter: a,
-              arc: l,
-              distanceFromRange: C,
-              innerCircleRadius: F,
-              innerCircleStrokeWidth: D,
-              needleWidth: O,
-              distanceBetweenRanges: m,
-              gaugeWidth: o,
-              useSegmentedBehavior: d,
-              needleColor: T
-            }
-          )
-        ] }),
-        !u && i.map(
-          (e, t) => e.label ? /* @__PURE__ */ r.jsx(
-            se,
-            {
-              distanceFromLabelToRanges: h,
-              value: s,
-              diameter: a,
-              label: e.label,
-              totalRanges: g,
-              idx: f ? i.length - 1 - t : t,
-              ...e
-            },
-            `${t}-${e.color}`
-          ) : null
-        )
-      ]
-    }
-  );
+  const r = d.sort((e, t) => e.start - t.start), g = r.length;
+  return /* @__PURE__ */ p(ie, { sx: {
+    width: `${a}px`,
+    marginX: W,
+    marginTop: x,
+    position: "relative",
+    borderRadius: `${c}px ${c}px 0 0`,
+    bg: "cl_white",
+    svg: {
+      transform: `rotateY(${f ? 180 : 0}deg)`
+    },
+    cursor: P,
+    ...H
+  }, children: [
+    /* @__PURE__ */ p("svg", { width: `${a}px`, height: `${$}px`, overflow: "visible", children: [
+      r.map((e, t) => /* @__PURE__ */ o(ae, { idx: t, ...e, diameter: a, arc: l, distanceBetweenRanges: m, totalRanges: g, segmented: n, value: i, gaugeWidth: s, pointStrokeWidth: B, innerPointRadius: C, distanceFromRanges: h, hideLabels: u }, e.start)),
+      S && /* @__PURE__ */ o(oe, { numberOfDashes: v, dashHeight: M, dashWidth: T, distanceFromRangesToScale: N, diameter: a, arc: l, gaugeWidth: s }),
+      w && /* @__PURE__ */ o(le, { ranges: r, value: i, diameter: a, arc: l, distanceFromRange: D, innerCircleRadius: O, innerCircleStrokeWidth: F, needleWidth: k, distanceBetweenRanges: m, gaugeWidth: s, useSegmentedBehavior: n, needleColor: L })
+    ] }),
+    !u && r.map((e, t) => e.label ? /* @__PURE__ */ o(re, { distanceFromLabelToRanges: h, value: i, diameter: a, label: e.label, totalRanges: g, idx: f ? r.length - 1 - t : t, ...e }, `${t}-${e.color}`) : null)
+  ] });
 };
 export {
-  ce as OutlineMeter
+  pe as OutlineMeter
 };
 //# sourceMappingURL=sd-component-library87.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library87.js","sources":["../src/components/meters/outline-meter/outline-meter.tsx"],"sourcesContent":["import React 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 \"./contants\";\nimport { OutlineMeterProps as Props } from \"./interfaces\";\nimport { OutlineMeterLabelBox } from \"./partials/outline-meter-label-box\";\nimport { OutlineMeterNeedle } from \"./partials/outline-meter-needle\";\nimport { OutlineMeterRange } from \"./partials/outline-meter-range\";\nimport { OutlineMeterScale } from \"./partials/outline-meter-scale\";\nimport { isCorrectOutlineMeterConfig } from \"./utils\";\n\nexport const OutlineMeter: React.FC<Props> = (props) => {\n  const {\n    marginTop = \"50px\",\n    marginX = `${\n      labelWidth + defaultDistanceFromLabelToRanges + labelPaddingX * 2\n    }px`,\n    ranges,\n    value,\n    segmented,\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    pointStrokeWidth = defaultPointStrokeWidth,\n    innerPointRadius = defaultInnerPointRadius,\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    cursor,\n    sx,\n  } = props;\n\n  if (!isCorrectOutlineMeterConfig(value, ranges)) return null;\n\n  const sortedRanges = ranges.sort((a, b) => a.start - b.start);\n  const totalRanges = sortedRanges.length;\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: \"cl_white\",\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        {sortedRanges.map((range, idx) => (\n          <OutlineMeterRange\n            key={range.start}\n            idx={idx}\n            {...range}\n            diameter={width}\n            arc={arc}\n            distanceBetweenRanges={distanceBetweenRanges}\n            totalRanges={totalRanges}\n            segmented={segmented}\n            value={value}\n            gaugeWidth={gaugeWidth}\n            pointStrokeWidth={pointStrokeWidth}\n            innerPointRadius={innerPointRadius}\n            distanceFromRanges={distanceFromLabelToRanges}\n            hideLabels={hideLabels}\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          <OutlineMeterNeedle\n            ranges={sortedRanges}\n            value={value}\n            diameter={width}\n            arc={arc}\n            distanceFromRange={distanceFromRangesToNeedle}\n            innerCircleRadius={innerCircleRadius}\n            innerCircleStrokeWidth={innerCircleStrokeWidth}\n            needleWidth={needleWidth}\n            distanceBetweenRanges={distanceBetweenRanges}\n            gaugeWidth={gaugeWidth}\n            useSegmentedBehavior={segmented}\n            needleColor={needleColor}\n          />\n        )}\n      </svg>\n      {!hideLabels &&\n        sortedRanges.map((range, idx) =>\n          range.label ? (\n            <OutlineMeterLabelBox\n              distanceFromLabelToRanges={distanceFromLabelToRanges}\n              value={value}\n              diameter={width}\n              label={range.label!}\n              totalRanges={totalRanges}\n              idx={counterClockWise ? sortedRanges.length - 1 - idx : idx}\n              key={`${idx}-${range.color}`}\n              {...range}\n            />\n          ) : null\n        )}\n    </Box>\n  );\n};\n"],"names":["OutlineMeter","props","marginTop","marginX","labelWidth","defaultDistanceFromLabelToRanges","labelPaddingX","ranges","value","segmented","showNeedle","showScale","hideLabels","arc","defaultArc","width","defaultWidth","height","defaultHeight","distanceBetweenRanges","defaultDistanceBetweenRanges","gaugeWidth","defaultGaugeWidth","pointStrokeWidth","defaultPointStrokeWidth","innerPointRadius","defaultInnerPointRadius","distanceFromRangesToNeedle","defaultDistanceFromRangesToNeedle","innerCircleStrokeWidth","defaultInnerCircleStrokeWidth","innerCircleRadius","defaultInnerCircleRadius","needleWidth","defaultNeedleWidth","numberOfDashes","defaultNumberOfDashes","dashHeight","defaultDashHeight","dashWidth","defaultDashWidth","distanceFromRangesToScale","defaultDistanceFromRangesToScale","distanceFromLabelToRanges","needleColor","counterClockWise","maskBorderRadius","defaultMaskBorderRadius","cursor","sx","isCorrectOutlineMeterConfig","sortedRanges","a","b","totalRanges","jsxs","Box","range","idx","jsx","OutlineMeterRange","OutlineMeterScale","OutlineMeterNeedle","OutlineMeterLabelBox"],"mappings":";;;;;;;;AAgCa,MAAAA,KAAgC,CAACC,MAAU;AAChD,QAAA;AAAA,IACJ,WAAAC,IAAY;AAAA,IACZ,SAAAC,IAAU,GACRC,IAAaC,IAAmCC,IAAgB,CAClE;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,KAAAC,IAAMC;AAAA,IACN,OAAAC,IAAQC;AAAA,IACR,QAAAC,IAASC;AAAA,IACT,uBAAAC,IAAwBC;AAAA,IACxB,YAAAC,IAAaC;AAAA,IACb,kBAAAC,IAAmBC;AAAA,IACnB,kBAAAC,IAAmBC;AAAA,IACnB,4BAAAC,IAA6BC;AAAA,IAC7B,wBAAAC,IAAyBC;AAAA,IACzB,mBAAAC,IAAoBC;AAAA,IACpB,aAAAC,IAAcC;AAAA,IACd,gBAAAC,IAAiBC;AAAA,IACjB,YAAAC,IAAaC;AAAA,IACb,WAAAC,IAAYC;AAAA,IACZ,2BAAAC,IAA4BC;AAAA,IAC5B,2BAAAC,IAA4BtC;AAAA,IAC5B,aAAAuC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,kBAAAC,IAAmBC;AAAA,IACnB,QAAAC;AAAA,IACA,IAAAC;AAAA,EACE,IAAAhD;AAEA,MAAA,CAACiD,GAA4B1C,GAAOD,CAAM;AAAU,WAAA;AAElD,QAAA4C,IAAe5C,EAAO,KAAK,CAAC6C,GAAGC,MAAMD,EAAE,QAAQC,EAAE,KAAK,GACtDC,IAAcH,EAAa;AAG/B,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO,GAAGzC,CAAK;AAAA,QACf,SAAAZ;AAAA,QACA,WAAAD;AAAA,QACA,UAAU;AAAA,QACV,cAAc,GAAG4C,CAAgB,MAAMA,CAAgB;AAAA,QACvD,IAAI;AAAA,QACJ,KAAK;AAAA,UACH,WAAW,WAAWD,IAAmB,MAAM,CAAC;AAAA,QAClD;AAAA,QACA,QAAAG;AAAA,QACA,GAAGC;AAAA,MACL;AAAA,MAEA,UAAA;AAAA,QAACM,gBAAAA,EAAA,KAAA,OAAA,EAAI,OAAO,GAAGxC,CAAK,MAAM,QAAQ,GAAGE,CAAM,MAAM,UAAS,WACvD,UAAA;AAAA,UAAakC,EAAA,IAAI,CAACM,GAAOC,MACxBC,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cAEC,KAAAF;AAAA,cACC,GAAGD;AAAA,cACJ,UAAU1C;AAAA,cACV,KAAAF;AAAA,cACA,uBAAAM;AAAA,cACA,aAAAmC;AAAA,cACA,WAAA7C;AAAA,cACA,OAAAD;AAAA,cACA,YAAAa;AAAA,cACA,kBAAAE;AAAA,cACA,kBAAAE;AAAA,cACA,oBAAoBkB;AAAA,cACpB,YAAA/B;AAAA,YAAA;AAAA,YAbK6C,EAAM;AAAA,UAAA,CAed;AAAA,UACA9C,KACCgD,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,gBAAA1B;AAAA,cACA,YAAAE;AAAA,cACA,WAAAE;AAAA,cACA,2BAAAE;AAAA,cACA,UAAU1B;AAAA,cACV,KAAAF;AAAA,cACA,YAAAQ;AAAA,YAAA;AAAA,UACF;AAAA,UAEDX,KACCiD,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,QAAQX;AAAA,cACR,OAAA3C;AAAA,cACA,UAAUO;AAAA,cACV,KAAAF;AAAA,cACA,mBAAmBc;AAAA,cACnB,mBAAAI;AAAA,cACA,wBAAAF;AAAA,cACA,aAAAI;AAAA,cACA,uBAAAd;AAAA,cACA,YAAAE;AAAA,cACA,sBAAsBZ;AAAA,cACtB,aAAAmC;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GAEJ;AAAA,QACC,CAAChC,KACAuC,EAAa;AAAA,UAAI,CAACM,GAAOC,MACvBD,EAAM,QACJE,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,2BAAApB;AAAA,cACA,OAAAnC;AAAA,cACA,UAAUO;AAAA,cACV,OAAO0C,EAAM;AAAA,cACb,aAAAH;AAAA,cACA,KAAKT,IAAmBM,EAAa,SAAS,IAAIO,IAAMA;AAAA,cAEvD,GAAGD;AAAA,YAAA;AAAA,YADC,GAAGC,CAAG,IAAID,EAAM,KAAK;AAAA,UAAA,IAG1B;AAAA,QACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGR;"}
+{"version":3,"file":"sd-component-library87.js","sources":["../src/components/meters/outline-meter/outline-meter.tsx"],"sourcesContent":["import React 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 \"./contants\";\nimport { OutlineMeterProps as Props } from \"./interfaces\";\nimport { OutlineMeterLabelBox } from \"./partials/outline-meter-label-box\";\nimport { OutlineMeterNeedle } from \"./partials/outline-meter-needle\";\nimport { OutlineMeterRange } from \"./partials/outline-meter-range\";\nimport { OutlineMeterScale } from \"./partials/outline-meter-scale\";\nimport { isCorrectOutlineMeterConfig } from \"./utils\";\n\nexport const OutlineMeter: React.FC<Props> = (props) => {\n  const {\n    marginTop = \"50px\",\n    marginX = `${\n      labelWidth + defaultDistanceFromLabelToRanges + labelPaddingX * 2\n    }px`,\n    ranges,\n    value,\n    segmented,\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    pointStrokeWidth = defaultPointStrokeWidth,\n    innerPointRadius = defaultInnerPointRadius,\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    cursor,\n    sx,\n  } = props;\n\n  if (!isCorrectOutlineMeterConfig(value, ranges)) return null;\n\n  const sortedRanges = ranges.sort((a, b) => a.start - b.start);\n  const totalRanges = sortedRanges.length;\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: \"cl_white\",\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        {sortedRanges.map((range, idx) => (\n          <OutlineMeterRange\n            key={range.start}\n            idx={idx}\n            {...range}\n            diameter={width}\n            arc={arc}\n            distanceBetweenRanges={distanceBetweenRanges}\n            totalRanges={totalRanges}\n            segmented={segmented}\n            value={value}\n            gaugeWidth={gaugeWidth}\n            pointStrokeWidth={pointStrokeWidth}\n            innerPointRadius={innerPointRadius}\n            distanceFromRanges={distanceFromLabelToRanges}\n            hideLabels={hideLabels}\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          <OutlineMeterNeedle\n            ranges={sortedRanges}\n            value={value}\n            diameter={width}\n            arc={arc}\n            distanceFromRange={distanceFromRangesToNeedle}\n            innerCircleRadius={innerCircleRadius}\n            innerCircleStrokeWidth={innerCircleStrokeWidth}\n            needleWidth={needleWidth}\n            distanceBetweenRanges={distanceBetweenRanges}\n            gaugeWidth={gaugeWidth}\n            useSegmentedBehavior={segmented}\n            needleColor={needleColor}\n          />\n        )}\n      </svg>\n      {!hideLabels &&\n        sortedRanges.map((range, idx) =>\n          range.label ? (\n            <OutlineMeterLabelBox\n              distanceFromLabelToRanges={distanceFromLabelToRanges}\n              value={value}\n              diameter={width}\n              label={range.label!}\n              totalRanges={totalRanges}\n              idx={counterClockWise ? sortedRanges.length - 1 - idx : idx}\n              key={`${idx}-${range.color}`}\n              {...range}\n            />\n          ) : null\n        )}\n    </Box>\n  );\n};\n"],"names":["OutlineMeter","props","marginTop","marginX","labelWidth","defaultDistanceFromLabelToRanges","labelPaddingX","ranges","value","segmented","showNeedle","showScale","hideLabels","arc","defaultArc","width","defaultWidth","height","defaultHeight","distanceBetweenRanges","defaultDistanceBetweenRanges","gaugeWidth","defaultGaugeWidth","pointStrokeWidth","defaultPointStrokeWidth","innerPointRadius","defaultInnerPointRadius","distanceFromRangesToNeedle","defaultDistanceFromRangesToNeedle","innerCircleStrokeWidth","defaultInnerCircleStrokeWidth","innerCircleRadius","defaultInnerCircleRadius","needleWidth","defaultNeedleWidth","numberOfDashes","defaultNumberOfDashes","dashHeight","defaultDashHeight","dashWidth","defaultDashWidth","distanceFromRangesToScale","defaultDistanceFromRangesToScale","distanceFromLabelToRanges","needleColor","counterClockWise","maskBorderRadius","defaultMaskBorderRadius","cursor","sx","isCorrectOutlineMeterConfig","sortedRanges","sort","a","b","start","totalRanges","length","jsxs","Box","position","borderRadius","bg","svg","transform","map","range","idx","jsx","OutlineMeterRange","OutlineMeterScale","OutlineMeterNeedle","label","OutlineMeterLabelBox","color"],"mappings":"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"}

package/lib/sd-component-library88.js

@@ -1,45 +1,24 @@
-import { j as u } from "./sd-component-library195.js";
-import { smallMeterWidth as g, smallMeterHeight as c, smallMeterPointStrokeWidth as R, smallMeterPointRadius as W, smallMeterInnerCircleStrokeWidth as k, smallMeterInnerCircleRadius as S, smallMeterGaugeWidth as p, smallMeterDistanceBetweenRanges as f, smallMeterDistanceFromRangesToNeedle as w, smallMeterNeedleWidth as x, smallMeterMaskBorderRadius as B } from "./sd-component-library232.js";
-import { OutlineMeter as C } from "./sd-component-library87.js";
-const T = (e) => {
+import { jsx as g } from "./sd-component-library195.js";
+import { smallMeterWidth as u, smallMeterHeight as c, smallMeterPointStrokeWidth as R, smallMeterPointRadius as W, smallMeterInnerCircleStrokeWidth as k, smallMeterInnerCircleRadius as S, smallMeterGaugeWidth as f, smallMeterDistanceBetweenRanges as p, smallMeterDistanceFromRangesToNeedle as w, smallMeterNeedleWidth as B, smallMeterMaskBorderRadius as C } from "./sd-component-library236.js";
+import { OutlineMeter as N } from "./sd-component-library87.js";
+const D = (e) => {
   const {
-    width: t = g,
+    width: t = u,
     height: r = c,
     pointStrokeWidth: i = R,
     innerPointRadius: l = W,
     innerCircleStrokeWidth: a = k,
-    innerCircleRadius: s = S,
-    gaugeWidth: n = p,
-    distanceBetweenRanges: d = f,
+    innerCircleRadius: n = S,
+    gaugeWidth: s = f,
+    distanceBetweenRanges: d = p,
     distanceFromRangesToNeedle: m = w,
-    needleWidth: o = x,
-    maskBorderRadius: h = B,
+    needleWidth: o = B,
+    maskBorderRadius: h = C,
     segmented: M
   } = e;
-  return /* @__PURE__ */ u.jsx(
-    C,
-    {
-      marginX: "0",
-      marginTop: "0",
-      hideLabels: !0,
-      showScale: !1,
-      width: t,
-      height: r,
-      segmented: M,
-      pointStrokeWidth: i,
-      innerPointRadius: l,
-      innerCircleStrokeWidth: a,
-      innerCircleRadius: s,
-      gaugeWidth: n,
-      distanceBetweenRanges: d,
-      distanceFromRangesToNeedle: m,
-      needleWidth: o,
-      maskBorderRadius: h,
-      ...e
-    }
-  );
+  return /* @__PURE__ */ g(N, { marginX: "0", marginTop: "0", hideLabels: !0, showScale: !1, width: t, height: r, segmented: M, pointStrokeWidth: i, innerPointRadius: l, innerCircleStrokeWidth: a, innerCircleRadius: n, gaugeWidth: s, distanceBetweenRanges: d, distanceFromRangesToNeedle: m, needleWidth: o, maskBorderRadius: h, ...e });
 };
 export {
-  T as SmallOutlineMeter
+  D as SmallOutlineMeter
 };
 //# sourceMappingURL=sd-component-library88.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library88.js","sources":["../src/components/meters/outline-meter/small-outline-meter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  smallMeterDistanceBetweenRanges,\n  smallMeterDistanceFromRangesToNeedle,\n  smallMeterGaugeWidth,\n  smallMeterHeight,\n  smallMeterInnerCircleRadius,\n  smallMeterInnerCircleStrokeWidth,\n  smallMeterMaskBorderRadius,\n  smallMeterNeedleWidth,\n  smallMeterPointRadius,\n  smallMeterPointStrokeWidth,\n  smallMeterWidth,\n} from \"./contants\";\nimport { SmallOutlineMeterProps as Props } from \"./interfaces\";\nimport { OutlineMeter } from \"./outline-meter\";\n\nexport const SmallOutlineMeter: React.FC<Props> = (props) => {\n  const {\n    width = smallMeterWidth,\n    height = smallMeterHeight,\n    pointStrokeWidth = smallMeterPointStrokeWidth,\n    innerPointRadius = smallMeterPointRadius,\n    innerCircleStrokeWidth = smallMeterInnerCircleStrokeWidth,\n    innerCircleRadius = smallMeterInnerCircleRadius,\n    gaugeWidth = smallMeterGaugeWidth,\n    distanceBetweenRanges = smallMeterDistanceBetweenRanges,\n    distanceFromRangesToNeedle = smallMeterDistanceFromRangesToNeedle,\n    needleWidth = smallMeterNeedleWidth,\n    maskBorderRadius = smallMeterMaskBorderRadius,\n    segmented,\n  } = props;\n  return (\n    <OutlineMeter\n      marginX=\"0\"\n      marginTop=\"0\"\n      hideLabels={true}\n      showScale={false}\n      width={width}\n      height={height}\n      segmented={segmented}\n      pointStrokeWidth={pointStrokeWidth}\n      innerPointRadius={innerPointRadius}\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":["SmallOutlineMeter","props","width","smallMeterWidth","height","smallMeterHeight","pointStrokeWidth","smallMeterPointStrokeWidth","innerPointRadius","smallMeterPointRadius","innerCircleStrokeWidth","smallMeterInnerCircleStrokeWidth","innerCircleRadius","smallMeterInnerCircleRadius","gaugeWidth","smallMeterGaugeWidth","distanceBetweenRanges","smallMeterDistanceBetweenRanges","distanceFromRangesToNeedle","smallMeterDistanceFromRangesToNeedle","needleWidth","smallMeterNeedleWidth","maskBorderRadius","smallMeterMaskBorderRadius","segmented","jsx","OutlineMeter"],"mappings":";;;AAkBa,MAAAA,IAAqC,CAACC,MAAU;AACrD,QAAA;AAAA,IACJ,OAAAC,IAAQC;AAAA,IACR,QAAAC,IAASC;AAAA,IACT,kBAAAC,IAAmBC;AAAA,IACnB,kBAAAC,IAAmBC;AAAA,IACnB,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,IACnB,WAAAC;AAAA,EACE,IAAAvB;AAEF,SAAAwB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,OAAAxB;AAAA,MACA,QAAAE;AAAA,MACA,WAAAoB;AAAA,MACA,kBAAAlB;AAAA,MACA,kBAAAE;AAAA,MACA,wBAAAE;AAAA,MACA,mBAAAE;AAAA,MACA,YAAAE;AAAA,MACA,uBAAAE;AAAA,MACA,4BAAAE;AAAA,MACA,aAAAE;AAAA,MACA,kBAAAE;AAAA,MACC,GAAGrB;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"sd-component-library88.js","sources":["../src/components/meters/outline-meter/small-outline-meter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  smallMeterDistanceBetweenRanges,\n  smallMeterDistanceFromRangesToNeedle,\n  smallMeterGaugeWidth,\n  smallMeterHeight,\n  smallMeterInnerCircleRadius,\n  smallMeterInnerCircleStrokeWidth,\n  smallMeterMaskBorderRadius,\n  smallMeterNeedleWidth,\n  smallMeterPointRadius,\n  smallMeterPointStrokeWidth,\n  smallMeterWidth,\n} from \"./contants\";\nimport { SmallOutlineMeterProps as Props } from \"./interfaces\";\nimport { OutlineMeter } from \"./outline-meter\";\n\nexport const SmallOutlineMeter: React.FC<Props> = (props) => {\n  const {\n    width = smallMeterWidth,\n    height = smallMeterHeight,\n    pointStrokeWidth = smallMeterPointStrokeWidth,\n    innerPointRadius = smallMeterPointRadius,\n    innerCircleStrokeWidth = smallMeterInnerCircleStrokeWidth,\n    innerCircleRadius = smallMeterInnerCircleRadius,\n    gaugeWidth = smallMeterGaugeWidth,\n    distanceBetweenRanges = smallMeterDistanceBetweenRanges,\n    distanceFromRangesToNeedle = smallMeterDistanceFromRangesToNeedle,\n    needleWidth = smallMeterNeedleWidth,\n    maskBorderRadius = smallMeterMaskBorderRadius,\n    segmented,\n  } = props;\n  return (\n    <OutlineMeter\n      marginX=\"0\"\n      marginTop=\"0\"\n      hideLabels={true}\n      showScale={false}\n      width={width}\n      height={height}\n      segmented={segmented}\n      pointStrokeWidth={pointStrokeWidth}\n      innerPointRadius={innerPointRadius}\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":["SmallOutlineMeter","props","width","smallMeterWidth","height","smallMeterHeight","pointStrokeWidth","smallMeterPointStrokeWidth","innerPointRadius","smallMeterPointRadius","innerCircleStrokeWidth","smallMeterInnerCircleStrokeWidth","innerCircleRadius","smallMeterInnerCircleRadius","gaugeWidth","smallMeterGaugeWidth","distanceBetweenRanges","smallMeterDistanceBetweenRanges","distanceFromRangesToNeedle","smallMeterDistanceFromRangesToNeedle","needleWidth","smallMeterNeedleWidth","maskBorderRadius","smallMeterMaskBorderRadius","segmented","jsx","OutlineMeter"],"mappings":";;;AAkBO,MAAMA,IAAsCC,CAAUA,MAAA;AACrD,QAAA;AAAA,IACJC,OAAAA,IAAQC;AAAAA,IACRC,QAAAA,IAASC;AAAAA,IACTC,kBAAAA,IAAmBC;AAAAA,IACnBC,kBAAAA,IAAmBC;AAAAA,IACnBC,wBAAAA,IAAyBC;AAAAA,IACzBC,mBAAAA,IAAoBC;AAAAA,IACpBC,YAAAA,IAAaC;AAAAA,IACbC,uBAAAA,IAAwBC;AAAAA,IACxBC,4BAAAA,IAA6BC;AAAAA,IAC7BC,aAAAA,IAAcC;AAAAA,IACdC,kBAAAA,IAAmBC;AAAAA,IACnBC,WAAAA;AAAAA,EACEvB,IAAAA;AAEF,SAAA,gBAAAwB,EAACC,KACC,SAAQ,KACR,WAAU,KACV,YAAY,IACZ,WAAW,IACX,OAAAxB,GACA,QAAAE,GACA,WAAAoB,GACA,kBAAAlB,GACA,kBAAAE,GACA,wBAAAE,GACA,mBAAAE,GACA,YAAAE,GACA,uBAAAE,GACA,4BAAAE,GACA,aAAAE,GACA,kBAAAE,GACA,GAAIrB,EACJ,CAAA;AAEN;"}

package/lib/sd-component-library89.js

@@ -1,12 +1,10 @@
 const o = (n) => n * Math.PI / 180, i = (n, t, e = n) => ({
   x: e - n * Math.sin(o(t)),
   y: e + n * Math.cos(o(t))
-}), c = (n, t, e) => n + e * Math.sin(t), a = (n, t, e) => n - e * Math.cos(t), g = (n, t, e, r) => (r.startsWith("[") ? n >= t : n > t) && (r.endsWith("]") ? n <= e : n < e), h = (n, t, e) => e.endsWith("]") ? t < n : t <= n, f = (n, t) => n > 1 || n < 0 ? (console.error(
-  "Value has to be between 0 and 1",
-  `Received ${n} instead`
-), !1) : t.length < 2 ? (console.error("You should specify more at least 2 ranges"), !1) : t.find(
-  ({ start: r, end: s }) => n >= r && n <= s
-) ? !0 : (console.error(`Matching range for value - ${n} isn't found`), !1);
+}), c = (n, t, e) => n + e * Math.sin(t), a = (n, t, e) => n - e * Math.cos(t), g = (n, t, e, r) => (r.startsWith("[") ? n >= t : n > t) && (r.endsWith("]") ? n <= e : n < e), h = (n, t, e) => e.endsWith("]") ? t < n : t <= n, f = (n, t) => n > 1 || n < 0 ? (console.error("Value has to be between 0 and 1", `Received ${n} instead`), !1) : t.length < 2 ? (console.error("You should specify more at least 2 ranges"), !1) : t.find(({
+  start: r,
+  end: s
+}) => n >= r && n <= s) ? !0 : (console.error(`Matching range for value - ${n} isn't found`), !1);
 export {
   o as degToRad,
   i as getCoordinateForArc,

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library89.js","sources":["../src/components/meters/outline-meter/utils.ts"],"sourcesContent":["import { Bounds, OutlineMeterRangeConfig } from \"./interfaces\";\n\nexport const degToRad = (deg: number) => (deg * Math.PI) / 180.0;\n\n/**\n * Returns coordinates of the point on the arc\n * @param r Circle radius.\n * @param alpha Angle between horizontal axis and radius to the point on the arc.\n * @param baseRadius radius of the reference circle.\n */\nexport const getCoordinateForArc = (\n  r: number,\n  alpha: number,\n  baseRadius = r\n) => {\n  return {\n    x: baseRadius - r * Math.sin(degToRad(alpha)),\n    y: baseRadius + r * Math.cos(degToRad(alpha)),\n  };\n};\n\n/**\n * Returns x coordinate for the point located on the radius to the initial point on the arc.\n * @param x X coordinate of the point on the arc.\n * @param alpha Angle between horizontal axis and radius to the point on the arc.\n * @param delta Distance between points\n */\nexport const getInnerX = (x: number, alpha: number, delta: number) =>\n  x + delta * Math.sin(alpha);\n\n/**\n * Returns y coordinate for the point located on the radius to the initial point on the arc.\n * @param y Y coordinate of the point on the arc.\n * @param alpha Angle between horizontal axis and radius to the point on the arc.\n * @param delta Distance between points\n */\nexport const getInnerY = (y: number, alpha: number, delta: number) =>\n  y - delta * Math.cos(alpha);\n\nexport const isValueInRange = (\n  value: number,\n  start: number,\n  end: number,\n  bounds: Bounds\n) => {\n  return (\n    (bounds.startsWith(\"[\") ? value >= start : value > start) &&\n    (bounds.endsWith(\"]\") ? value <= end : value < end)\n  );\n};\n\nexport const inValueHigherThanRange = (\n  value: number,\n  end: number,\n  bounds: Bounds\n) => (bounds.endsWith(\"]\") ? end < value : end <= value);\n\nexport const flipBounds = (bounds: Bounds): Bounds => {\n  const start = bounds.endsWith(\"]\") ? \"[\" : \"(\";\n  const end = bounds.startsWith(\"[\") ? \"]\" : \")\";\n  return `${start}${end}` as Bounds;\n};\n\nexport const isCorrectOutlineMeterConfig = (\n  value: number,\n  ranges: OutlineMeterRangeConfig[]\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 false;\n  }\n\n  if (ranges.length < 2) {\n    console.error(\"You should specify more at least 2 ranges\");\n    return false;\n  }\n\n  const matchingRange = ranges.find(\n    ({ start, end }) => value >= start && value <= end\n  );\n\n  if (!matchingRange) {\n    console.error(`Matching range for value - ${value} isn't found`);\n    return false;\n  }\n  return true;\n};\n"],"names":["degToRad","deg","getCoordinateForArc","r","alpha","baseRadius","getInnerX","x","delta","getInnerY","y","isValueInRange","value","start","end","bounds","inValueHigherThanRange","isCorrectOutlineMeterConfig","ranges"],"mappings":"AAEO,MAAMA,IAAW,CAACC,MAAiBA,IAAM,KAAK,KAAM,KAQ9CC,IAAsB,CACjCC,GACAC,GACAC,IAAaF,OAEN;AAAA,EACL,GAAGE,IAAaF,IAAI,KAAK,IAAIH,EAASI,CAAK,CAAC;AAAA,EAC5C,GAAGC,IAAaF,IAAI,KAAK,IAAIH,EAASI,CAAK,CAAC;AAAA,IAUnCE,IAAY,CAACC,GAAWH,GAAeI,MAClDD,IAAIC,IAAQ,KAAK,IAAIJ,CAAK,GAQfK,IAAY,CAACC,GAAWN,GAAeI,MAClDE,IAAIF,IAAQ,KAAK,IAAIJ,CAAK,GAEfO,IAAiB,CAC5BC,GACAC,GACAC,GACAC,OAGGA,EAAO,WAAW,GAAG,IAAIH,KAASC,IAAQD,IAAQC,OAClDE,EAAO,SAAS,GAAG,IAAIH,KAASE,IAAMF,IAAQE,IAItCE,IAAyB,CACpCJ,GACAE,GACAC,MACIA,EAAO,SAAS,GAAG,IAAID,IAAMF,IAAQE,KAAOF,GAQrCK,IAA8B,CACzCL,GACAM,MAEIN,IAAQ,KAAKA,IAAQ,KACf,QAAA;AAAA,EACN;AAAA,EACA,YAAYA,CAAK;AAAA,GAEZ,MAGLM,EAAO,SAAS,KAClB,QAAQ,MAAM,2CAA2C,GAClD,MAGaA,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAL,GAAO,KAAAC,QAAUF,KAASC,KAASD,KAASE;AAAA,IAO1C,MAHG,QAAA,MAAM,8BAA8BF,CAAK,cAAc,GACxD;"}
+{"version":3,"file":"sd-component-library89.js","sources":["../src/components/meters/outline-meter/utils.ts"],"sourcesContent":["import { Bounds, OutlineMeterRangeConfig } from \"./interfaces\";\n\nexport const degToRad = (deg: number) => (deg * Math.PI) / 180.0;\n\n/**\n * Returns coordinates of the point on the arc\n * @param r Circle radius.\n * @param alpha Angle between horizontal axis and radius to the point on the arc.\n * @param baseRadius radius of the reference circle.\n */\nexport const getCoordinateForArc = (\n  r: number,\n  alpha: number,\n  baseRadius = r\n) => {\n  return {\n    x: baseRadius - r * Math.sin(degToRad(alpha)),\n    y: baseRadius + r * Math.cos(degToRad(alpha)),\n  };\n};\n\n/**\n * Returns x coordinate for the point located on the radius to the initial point on the arc.\n * @param x X coordinate of the point on the arc.\n * @param alpha Angle between horizontal axis and radius to the point on the arc.\n * @param delta Distance between points\n */\nexport const getInnerX = (x: number, alpha: number, delta: number) =>\n  x + delta * Math.sin(alpha);\n\n/**\n * Returns y coordinate for the point located on the radius to the initial point on the arc.\n * @param y Y coordinate of the point on the arc.\n * @param alpha Angle between horizontal axis and radius to the point on the arc.\n * @param delta Distance between points\n */\nexport const getInnerY = (y: number, alpha: number, delta: number) =>\n  y - delta * Math.cos(alpha);\n\nexport const isValueInRange = (\n  value: number,\n  start: number,\n  end: number,\n  bounds: Bounds\n) => {\n  return (\n    (bounds.startsWith(\"[\") ? value >= start : value > start) &&\n    (bounds.endsWith(\"]\") ? value <= end : value < end)\n  );\n};\n\nexport const inValueHigherThanRange = (\n  value: number,\n  end: number,\n  bounds: Bounds\n) => (bounds.endsWith(\"]\") ? end < value : end <= value);\n\nexport const flipBounds = (bounds: Bounds): Bounds => {\n  const start = bounds.endsWith(\"]\") ? \"[\" : \"(\";\n  const end = bounds.startsWith(\"[\") ? \"]\" : \")\";\n  return `${start}${end}` as Bounds;\n};\n\nexport const isCorrectOutlineMeterConfig = (\n  value: number,\n  ranges: OutlineMeterRangeConfig[]\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 false;\n  }\n\n  if (ranges.length < 2) {\n    console.error(\"You should specify more at least 2 ranges\");\n    return false;\n  }\n\n  const matchingRange = ranges.find(\n    ({ start, end }) => value >= start && value <= end\n  );\n\n  if (!matchingRange) {\n    console.error(`Matching range for value - ${value} isn't found`);\n    return false;\n  }\n  return true;\n};\n"],"names":["degToRad","deg","Math","PI","getCoordinateForArc","r","alpha","baseRadius","x","sin","y","cos","getInnerX","delta","getInnerY","isValueInRange","value","start","end","bounds","startsWith","endsWith","inValueHigherThanRange","isCorrectOutlineMeterConfig","ranges","console","error","length","find"],"mappings":"AAEO,MAAMA,IAAWA,CAACC,MAAiBA,IAAMC,KAAKC,KAAM,KAQ9CC,IAAsBA,CACjCC,GACAC,GACAC,IAAaF,OAEN;AAAA,EACLG,GAAGD,IAAaF,IAAIH,KAAKO,IAAIT,EAASM,CAAK,CAAC;AAAA,EAC5CI,GAAGH,IAAaF,IAAIH,KAAKS,IAAIX,EAASM,CAAK,CAAC;AAAA,IAUnCM,IAAYA,CAACJ,GAAWF,GAAeO,MAClDL,IAAIK,IAAQX,KAAKO,IAAIH,CAAK,GAQfQ,IAAYA,CAACJ,GAAWJ,GAAeO,MAClDH,IAAIG,IAAQX,KAAKS,IAAIL,CAAK,GAEfS,IAAiBA,CAC5BC,GACAC,GACAC,GACAC,OAGGA,EAAOC,WAAW,GAAG,IAAIJ,KAASC,IAAQD,IAAQC,OAClDE,EAAOE,SAAS,GAAG,IAAIL,KAASE,IAAMF,IAAQE,IAItCI,IAAyBA,CACpCN,GACAE,GACAC,MACIA,EAAOE,SAAS,GAAG,IAAIH,IAAMF,IAAQE,KAAOF,GAQrCO,IAA8BA,CACzCP,GACAQ,MAEIR,IAAQ,KAAKA,IAAQ,KACvBS,QAAQC,MACN,mCACC,YAAWV,CAAM,UACpB,GACO,MAGLQ,EAAOG,SAAS,KAClBF,QAAQC,MAAM,2CAA2C,GAClD,MAGaF,EAAOI,KAC3B,CAAC;AAAA,EAAEX,OAAAA;AAAAA,EAAOC,KAAAA;AAAUF,MAAAA,KAASC,KAASD,KAASE,CACjD,IAMO,MAHGQ,QAAAA,MAAO,8BAA6BV,CAAM,cAAa,GACxD;"}

package/lib/sd-component-library9.js

@@ -1,19 +1,13 @@
-import { j as a } from "./sd-component-library195.js";
+import { jsx as t } from "./sd-component-library195.js";
 import { Badge as o } from "./sd-component-library7.js";
-const s = (r) => {
-  const { children: e, bg: t } = r;
-  return /* @__PURE__ */ a.jsx(
-    o,
-    {
-      ...r,
-      bg: t || "cl_grey",
-      variant: "secondary",
-      "data-test": "secondary-badge",
-      children: e
-    }
-  );
+const c = (r) => {
+  const {
+    children: e,
+    bg: a
+  } = r;
+  return /* @__PURE__ */ t(o, { ...r, bg: a || "cl_grey", variant: "secondary", "data-test": "secondary-badge", children: e });
 };
 export {
-  s as SecondaryBadge
+  c as SecondaryBadge
 };
 //# sourceMappingURL=sd-component-library9.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library9.js","sources":["../src/components/badges/secondary-badge/secondary-badge.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Badge } from \"../badge\";\nimport { SecondaryBadgeProps } from \"./interfaces\";\n\n/**\n * The secondary badge.\n */\nexport const SecondaryBadge: React.FunctionComponent<SecondaryBadgeProps> = (\n  props: SecondaryBadgeProps\n): React.ReactElement<SecondaryBadgeProps> => {\n  const { children, bg } = props;\n\n  return (\n    <Badge\n      {...props}\n      bg={bg || \"cl_grey\"}\n      variant=\"secondary\"\n      data-test=\"secondary-badge\"\n    >\n      {children}\n    </Badge>\n  );\n};\n"],"names":["SecondaryBadge","props","children","bg","jsx","Badge"],"mappings":";;AAQa,MAAAA,IAA+D,CAC1EC,MAC4C;AACtC,QAAA,EAAE,UAAAC,GAAU,IAAAC,EAAO,IAAAF;AAGvB,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,IAAIE,KAAM;AAAA,MACV,SAAQ;AAAA,MACR,aAAU;AAAA,MAET,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library9.js","sources":["../src/components/badges/secondary-badge/secondary-badge.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Badge } from \"../badge\";\nimport { SecondaryBadgeProps } from \"./interfaces\";\n\n/**\n * The secondary badge.\n */\nexport const SecondaryBadge: React.FunctionComponent<SecondaryBadgeProps> = (\n  props: SecondaryBadgeProps\n): React.ReactElement<SecondaryBadgeProps> => {\n  const { children, bg } = props;\n\n  return (\n    <Badge\n      {...props}\n      bg={bg || \"cl_grey\"}\n      variant=\"secondary\"\n      data-test=\"secondary-badge\"\n    >\n      {children}\n    </Badge>\n  );\n};\n"],"names":["SecondaryBadge","props","children","bg","jsx","Badge"],"mappings":";;AAQaA,MAAAA,IAA+DA,CAC1EC,MAC4C;AACtC,QAAA;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,IAAAA;AAAAA,EAAOF,IAAAA;AAGvB,SAAA,gBAAAG,EAACC,GACC,EAAA,GAAIJ,GACJ,IAAIE,KAAM,WACV,SAAQ,aACR,aAAU,mBAETD,UAAAA,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library90.js

@@ -1,147 +1,83 @@
-import { j as o } from "./sd-component-library195.js";
-import { Box as H } from "rebass";
-import { labelWidth as y, defaultDistanceFromLabelToRanges as R, labelPaddingX as E, defaultArc as G, defaultWidth as P, defaultHeight as X, defaultDistanceBetweenRanges as Y, defaultGaugeWidth as _, defaultDistanceFromRangesToNeedle as A, defaultInnerCircleStrokeWidth as V, defaultInnerCircleRadius as q, defaultNeedleWidth as J, defaultNumberOfDashes as K, defaultDashHeight as Q, defaultDashWidth as U, defaultDistanceFromRangesToScale as Z, defaultMaskBorderRadius as ee } from "./sd-component-library232.js";
-import { defaultPointerWidth as te } from "./sd-component-library231.js";
-import { DiscreteRange as ae } from "./sd-component-library239.js";
-import { OutlineMeterScale as oe } from "./sd-component-library240.js";
-import { DiscreteMeterNeedle as le } from "./sd-component-library241.js";
-import { MatchedRangeLabelBox as re } from "./sd-component-library242.js";
-function me(x) {
+import { jsxs as R, jsx as n } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { labelWidth as _, defaultDistanceFromLabelToRanges as b, labelPaddingX as j, defaultArc as G, defaultWidth as P, defaultHeight as X, defaultDistanceBetweenRanges as Y, defaultGaugeWidth as A, defaultDistanceFromRangesToNeedle as E, defaultInnerCircleStrokeWidth as V, defaultInnerCircleRadius as q, defaultNeedleWidth as J, defaultNumberOfDashes as K, defaultDashHeight as Q, defaultDashWidth as U, defaultDistanceFromRangesToScale as Z, defaultMaskBorderRadius as ee } from "./sd-component-library236.js";
+import { defaultPointerWidth as te } from "./sd-component-library235.js";
+import { DiscreteRange as ae } from "./sd-component-library251.js";
+import { DiscreteMeterNeedle as oe } from "./sd-component-library252.js";
+import { MatchedRangeLabelBox as le } from "./sd-component-library253.js";
+import { Box as re } from "./sd-component-library199.js";
+import { OutlineMeterScale as ne } from "./sd-component-library244.js";
+function pe(x) {
   const {
-    marginTop: b = "50px",
-    marginX: C = `${y + R + E * 2}px`,
-    value: u,
-    showNeedle: W = !0,
-    showScale: D = !0,
-    hideLabels: c = !1,
-    arc: r = G,
+    marginTop: C = "50px",
+    marginX: W = `${_ + b + j * 2}px`,
+    value: c,
+    showNeedle: D = !0,
+    showScale: v = !0,
+    hideLabels: u = !1,
+    arc: l = G,
     width: a = P,
-    height: v = X,
+    height: w = X,
     distanceBetweenRanges: i = Y,
-    gaugeWidth: s = _,
-    distanceFromRangesToNeedle: w = A,
+    gaugeWidth: s = A,
+    distanceFromRangesToNeedle: B = E,
     innerCircleStrokeWidth: $ = V,
-    innerCircleRadius: j = q,
-    needleWidth: B = J,
-    numberOfDashes: F = K,
-    dashHeight: M = Q,
-    dashWidth: S = U,
-    distanceFromRangesToScale: T = Z,
-    distanceFromLabelToRanges: g = R,
-    needleColor: L,
-    counterClockWise: k = !1,
+    innerCircleRadius: F = q,
+    needleWidth: M = J,
+    numberOfDashes: S = K,
+    dashHeight: T = Q,
+    dashWidth: L = U,
+    distanceFromRangesToScale: k = Z,
+    distanceFromLabelToRanges: g = b,
+    needleColor: I,
+    counterClockWise: N = !1,
     maskBorderRadius: m = ee,
     matchedRangeColor: d = "#9E1CB5",
-    notMatchedRangeColor: I = "#CCD0DB",
-    pointerWidth: N = te,
+    notMatchedRangeColor: O = "#CCD0DB",
+    pointerWidth: z = te,
     options: e,
-    cursor: O,
-    sx: z
+    cursor: H,
+    sx: y
   } = 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)
+  const o = e.findIndex((t) => t.value === c);
+  if (o === -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(
-    H,
-    {
-      sx: {
-        width: `${a}px`,
-        marginX: C,
-        marginTop: b,
-        position: "relative",
-        cursor: O,
-        borderRadius: `${m}px ${m}px 0 0`,
-        bg: "cl_white",
-        svg: {
-          transform: `rotateY(${k ? 180 : 0}deg)`,
-          text: {
-            fontFamily: "proxima-nova",
-            fontSize: 12,
-            fontWeight: 600,
-            fill: "cl_darkGrey",
-            textTransform: "uppercase",
-            letterSpacing: "1.8px"
-          }
-        },
-        ...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(
-              ae,
-              {
-                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(
-            oe,
-            {
-              numberOfDashes: F,
-              dashHeight: M,
-              dashWidth: S,
-              distanceFromRangesToScale: T,
-              diameter: a,
-              arc: r,
-              gaugeWidth: s
-            }
-          ),
-          W && /* @__PURE__ */ o.jsx(
-            le,
-            {
-              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(
-          re,
-          {
-            arc: r,
-            distanceBetweenRanges: i,
-            color: h.labelColor || d,
-            pointerLength: g,
-            radius: a / 2,
-            idx: l,
-            totalRanges: e.length,
-            label: h.label,
-            horizontal: f(l)
-          }
-        )
-      ]
-    }
-  );
+  const h = e[o], f = (t) => e.length === 6 && t % 3 === 1;
+  return /* @__PURE__ */ R(re, { sx: {
+    width: `${a}px`,
+    marginX: W,
+    marginTop: C,
+    position: "relative",
+    cursor: H,
+    borderRadius: `${m}px ${m}px 0 0`,
+    bg: "cl_white",
+    svg: {
+      transform: `rotateY(${N ? 180 : 0}deg)`,
+      text: {
+        fontFamily: "proxima-nova",
+        fontSize: 12,
+        fontWeight: 600,
+        fill: "cl_darkGrey",
+        textTransform: "uppercase",
+        letterSpacing: "1.8px"
+      }
+    },
+    ...y
+  }, children: [
+    /* @__PURE__ */ R("svg", { width: `${a}px`, height: `${w}px`, overflow: "visible", children: [
+      e.map((t, r) => {
+        const p = o === r;
+        return /* @__PURE__ */ n(ae, { idx: r, isMatchedRange: p, label: t.label, color: p ? t.labelColor || d : O, diameter: a, gaugeWidth: s, totalRanges: e.length, distanceBetweenRanges: i, arc: l, showLabel: !u, pointerLength: g, pointerWidth: z, horizontal: f(r) }, `${r}-${t.label}`);
+      }),
+      v && /* @__PURE__ */ n(ne, { numberOfDashes: S, dashHeight: T, dashWidth: L, distanceFromRangesToScale: k, diameter: a, arc: l, gaugeWidth: s }),
+      D && /* @__PURE__ */ n(oe, { distanceBetweenRanges: i, gaugeWidth: s, innerCircleStrokeWidth: $, innerCircleRadius: F, distanceFromRange: B, needleWidth: M, needleColor: I || h.labelColor || d, diameter: a, arc: l, value: c, options: e })
+    ] }),
+    !u && /* @__PURE__ */ n(le, { arc: l, distanceBetweenRanges: i, color: h.labelColor || d, pointerLength: g, radius: a / 2, idx: o, totalRanges: e.length, label: h.label, horizontal: f(o) })
+  ] });
 }
 export {
-  me as MultiOptionDiscreteOutlineMeter
+  pe as MultiOptionDiscreteOutlineMeter
 };
 //# sourceMappingURL=sd-component-library90.js.map