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

package/lib/sd-component-library250.js

@@ -1,44 +1,32 @@
-import { j as n } from "./sd-component-library195.js";
-import g from "./sd-component-library194.js";
-import { getSegmentCoordinates as I } from "./sd-component-library248.js";
-const w = ({
-  segment: e,
-  size: o,
-  segmentWidth: s,
-  outlineWidth: c,
-  isMatching: a
-}) => {
-  const { color: d } = e, t = o / 2, $ = t - s, {
-    startX: l,
-    startY: m,
-    arc: i,
-    startInnerY: p,
-    startInnerX: h,
-    endInnerY: u,
-    endInnerX: x,
-    endX: f,
-    endY: j
-  } = I(e, t, s), r = o / 2;
-  return /* @__PURE__ */ n.jsxs("g", { children: [
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: `M${r},${r} L${l},${m} A${t},${t} 0 ${i > 180 ? "1" : "0"},1 ${f},${j}Z`,
-        fill: a ? d : g.colors.cl_lightGrey,
-        strokeWidth: c,
-        stroke: "white"
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: `M${r},${r} L${h},${p} A${$},${$} 0 ${i > 180 ? "1" : "0"},1 ${x},${u}Z`,
-        fill: "white"
-      }
-    )
-  ] });
+import { jsx as j } from "./sd-component-library195.js";
+import { getInnerX as k, degToRad as s, getInnerY as B, getCoordinateForArc as i } from "./sd-component-library89.js";
+import { getFractionColor as b } from "./sd-component-library246.js";
+import { BaseNeedle as q } from "./sd-component-library672.js";
+const O = (X) => {
+  const {
+    ranges: r,
+    distanceFromRange: d,
+    innerCircleRadius: Y,
+    innerCircleStrokeWidth: v,
+    needleWidth: n,
+    arc: a,
+    value: l,
+    gaugeWidth: g,
+    diameter: R,
+    needleColor: S
+  } = X, c = R / 2, e = r.length, t = Math.floor(l * e), y = r[t][0], A = r[t][1], u = (360 - a) / 2, m = u + a * t / e, M = u + a * (t + 1) / e, p = t / e, E = (t + 1) / e, {
+    x: h,
+    y: x
+  } = i(c, m), {
+    x: F,
+    y: G
+  } = i(c, M), o = m + (l - p) / (E - p) * a / r.length, {
+    x: C,
+    y: f
+  } = i(c, o), I = k(C, s(o), d + g + n / 2), T = B(f, s(o), d + g + n / 2), W = n / 2 * Math.cos(s(o)), z = n / 2 * Math.sin(s(o)), H = t + 1 === e / 2 + 0.5 ? (C - h) / (F - h) : (f - x) / (G - x), N = b(H, y, A);
+  return /* @__PURE__ */ j(q, { radius: c, innerCircleRadius: Y, innerCircleStrokeWidth: v, needleWidth: n, color: S || N, dx: W, dy: z, tipX: I, tipY: T });
 };
 export {
-  w as CompactDonutGaugeSegment
+  O as GradientMeterNeedle
 };
 //# sourceMappingURL=sd-component-library250.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library250.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-segment/compact-donut-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { getSegmentCoordinates } from \"../../../donut-diagram/utils\";\nimport { CompactDonutGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeSegment: React.FC<Props> = ({\n  segment,\n  size: diameter,\n  segmentWidth,\n  outlineWidth,\n  isMatching,\n}) => {\n  const { color } = segment;\n\n  const radius = diameter / 2;\n  const innerRadius = radius - segmentWidth;\n\n  const {\n    startX,\n    startY,\n    arc,\n    startInnerY,\n    startInnerX,\n    endInnerY,\n    endInnerX,\n    endX,\n    endY,\n  } = getSegmentCoordinates(segment, radius, segmentWidth);\n\n  const center = diameter / 2;\n\n  return (\n    <g>\n      {/* colored sector */}\n      <path\n        d={`M${center},${center} L${startX},${startY} A${radius},${radius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endX},${endY}Z`}\n        fill={isMatching ? color : theme.colors[\"cl_lightGrey\"]}\n        strokeWidth={outlineWidth}\n        stroke=\"white\"\n      />\n\n      {/* white inner sector */}\n      <path\n        d={`M${center},${center} L${startInnerX},${startInnerY} A${innerRadius},${innerRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endInnerX},${endInnerY}Z`}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["CompactDonutGaugeSegment","segment","diameter","segmentWidth","outlineWidth","isMatching","color","radius","innerRadius","startX","startY","arc","startInnerY","startInnerX","endInnerY","endInnerX","endX","endY","getSegmentCoordinates","center","jsx","theme"],"mappings":";;;AAMO,MAAMA,IAA4C,CAAC;AAAA,EACxD,SAAAC;AAAA,EACA,MAAMC;AAAA,EACN,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACE,QAAA,EAAE,OAAAC,EAAU,IAAAL,GAEZM,IAASL,IAAW,GACpBM,IAAcD,IAASJ,GAEvB;AAAA,IACJ,QAAAM;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,EACE,IAAAC,EAAsBjB,GAASM,GAAQJ,CAAY,GAEjDgB,IAASjB,IAAW;AAE1B,gCACG,KAEC,EAAA,UAAA;AAAA,IAAAkB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAID,CAAM,IAAIA,CAAM,KAAKV,CAAM,IAAIC,CAAM,KAAKH,CAAM,IAAIA,CAAM,MAC/DI,IAAM,MAAM,MAAM,GACpB,MAAMK,CAAI,IAAIC,CAAI;AAAA,QAClB,MAAMZ,IAAaC,IAAQe,EAAM,OAAO;AAAA,QACxC,aAAajB;AAAA,QACb,QAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAGAgB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAID,CAAM,IAAIA,CAAM,KAAKN,CAAW,IAAID,CAAW,KAAKJ,CAAW,IAAIA,CAAW,MACnFG,IAAM,MAAM,MAAM,GACpB,MAAMI,CAAS,IAAID,CAAS;AAAA,QAC5B,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library250.js","sources":["../src/components/meters/gradient-outline-meter/partials/gradient-meter-needle/gradient-meter-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseNeedle } from \"../../../outline-meter/partials/base-needle\";\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { getFractionColor } from \"../../utils\";\nimport { GradientMeterNeedleProps as Props } from \"./interfaces\";\n\nexport const GradientMeterNeedle: React.FC<Props> = (props) => {\n  const {\n    ranges,\n    distanceFromRange,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    needleWidth,\n    arc,\n    value,\n    gaugeWidth,\n    diameter,\n    needleColor,\n  } = props;\n  const radius = diameter / 2;\n  const totalRanges = ranges.length;\n  const valueRangeIndex = Math.floor(value * totalRanges);\n  const startColor = ranges[valueRangeIndex][0];\n  const endColor = ranges[valueRangeIndex][1];\n\n  const arcStart = (360 - arc) / 2; // deg\n\n  const rangeArcStart = arcStart + (arc * valueRangeIndex) / totalRanges;\n  const rangeArcEnd = arcStart + (arc * (valueRangeIndex + 1)) / totalRanges;\n  const start = valueRangeIndex / totalRanges;\n  const end = (valueRangeIndex + 1) / totalRanges;\n\n  const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n    radius,\n    rangeArcStart\n  );\n  const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n    radius,\n    rangeArcEnd\n  );\n\n  const valueAlpha =\n    rangeArcStart + (((value - start) / (end - start)) * arc) / ranges.length;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n  const needleTipX = getInnerX(\n    valueX,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n  const needleTipY = getInnerY(\n    valueY,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n\n  const dx = (needleWidth / 2) * Math.cos(degToRad(valueAlpha));\n  const dy = (needleWidth / 2) * Math.sin(degToRad(valueAlpha));\n\n  const useHorizontalGradient = valueRangeIndex + 1 === totalRanges / 2 + 0.5;\n\n  const fraction = useHorizontalGradient\n    ? (valueX - rangeStartX) / (rangeEndX - rangeStartX)\n    : (valueY - rangeStartY) / (rangeEndY - rangeStartY);\n  const color = getFractionColor(fraction, startColor, endColor);\n\n  return (\n    <BaseNeedle\n      radius={radius}\n      innerCircleRadius={innerCircleRadius}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      needleWidth={needleWidth}\n      color={needleColor || color}\n      dx={dx}\n      dy={dy}\n      tipX={needleTipX}\n      tipY={needleTipY}\n    />\n  );\n};\n"],"names":["GradientMeterNeedle","props","ranges","distanceFromRange","innerCircleRadius","innerCircleStrokeWidth","needleWidth","arc","value","gaugeWidth","diameter","needleColor","radius","totalRanges","length","valueRangeIndex","Math","floor","startColor","endColor","arcStart","rangeArcStart","rangeArcEnd","start","end","x","rangeStartX","y","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","valueAlpha","valueX","valueY","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","cos","dy","sin","fraction","color","getFractionColor","jsx","BaseNeedle"],"mappings":";;;;AAYO,MAAMA,IAAwCC,CAAUA,MAAA;AACvD,QAAA;AAAA,IACJC,QAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,aAAAA;AAAAA,EACEV,IAAAA,GACEW,IAASF,IAAW,GACpBG,IAAcX,EAAOY,QACrBC,IAAkBC,KAAKC,MAAMT,IAAQK,CAAW,GAChDK,IAAahB,EAAOa,CAAe,EAAE,CAAC,GACtCI,IAAWjB,EAAOa,CAAe,EAAE,CAAC,GAEpCK,KAAY,MAAMb,KAAO,GAEzBc,IAAgBD,IAAYb,IAAMQ,IAAmBF,GACrDS,IAAcF,IAAYb,KAAOQ,IAAkB,KAAMF,GACzDU,IAAQR,IAAkBF,GAC1BW,KAAOT,IAAkB,KAAKF,GAE9B;AAAA,IAAEY,GAAGC;AAAAA,IAAaC,GAAGC;AAAAA,EAAAA,IAAgBC,EACzCjB,GACAS,CACF,GACM;AAAA,IAAEI,GAAGK;AAAAA,IAAWH,GAAGI;AAAAA,EAAAA,IAAcF,EACrCjB,GACAU,CACF,GAEMU,IACJX,KAAmBb,IAAQe,MAAUC,IAAMD,KAAUhB,IAAOL,EAAOY,QAC/D;AAAA,IAAEW,GAAGQ;AAAAA,IAAQN,GAAGO;AAAAA,EAAAA,IAAWL,EAAoBjB,GAAQoB,CAAU,GACjEG,IAAaC,EACjBH,GACAI,EAASL,CAAU,GACnB7B,IAAoBM,IAAaH,IAAc,CACjD,GACMgC,IAAaC,EACjBL,GACAG,EAASL,CAAU,GACnB7B,IAAoBM,IAAaH,IAAc,CACjD,GAEMkC,IAAMlC,IAAc,IAAKU,KAAKyB,IAAIJ,EAASL,CAAU,CAAC,GACtDU,IAAMpC,IAAc,IAAKU,KAAK2B,IAAIN,EAASL,CAAU,CAAC,GAItDY,IAFwB7B,IAAkB,MAAMF,IAAc,IAAI,OAGnEoB,IAASP,MAAgBI,IAAYJ,MACrCQ,IAASN,MAAgBG,IAAYH,IACpCiB,IAAQC,EAAiBF,GAAU1B,GAAYC,CAAQ;AAE7D,SACG,gBAAA4B,EAAAC,GAAA,EACC,QAAApC,GACA,mBAAAR,GACA,wBAAAC,GACA,aAAAC,GACA,OAAOK,KAAekC,GACtB,IAAAL,GACA,IAAAE,GACA,MAAMP,GACN,MAAMG,EACN,CAAA;AAEN;"}

package/lib/sd-component-library251.js

@@ -1,30 +1,40 @@
-import { j as t } from "./sd-component-library195.js";
-import { FlexCenter as s } from "./sd-component-library37.js";
-import { ResponsiveTextV2 as i } from "./sd-component-library147.js";
-const l = ({
-  segment: { start: n, end: r, color: e },
-  size: o
-}) => /* @__PURE__ */ t.jsx("foreignObject", { x: 0, y: 0, width: o, height: o, children: /* @__PURE__ */ t.jsx(s, { height: "100%", children: /* @__PURE__ */ t.jsxs(
-  i,
-  {
-    fontSizeWeight: [20, "bold"],
-    color: e,
-    sx: { position: "relative" },
-    children: [
-      Math.round((r - n) * 100),
-      /* @__PURE__ */ t.jsx(
-        i,
-        {
-          fontSizeWeight: [10, "bold"],
-          color: e,
-          sx: { position: "absolute", top: "4px", left: "100%" },
-          children: "%"
-        }
-      )
-    ]
-  }
-) }) });
+import { jsxs as b, jsx as o } from "./sd-component-library195.js";
+import { getCoordinateForArc as i } from "./sd-component-library89.js";
+import { defaultTextBottomMargin as w } from "./sd-component-library235.js";
+import { getRangeProperties as E } from "./sd-component-library674.js";
+import { BaseOutlineArc as L } from "./sd-component-library673.js";
+import { DiscreteMeterLabelPointer as S } from "./sd-component-library675.js";
+function C(s) {
+  const {
+    color: a,
+    idx: c,
+    gaugeWidth: d,
+    diameter: g,
+    arc: m,
+    distanceBetweenRanges: l,
+    totalRanges: p,
+    showLabel: h,
+    label: n,
+    isMatchedRange: f,
+    pointerWidth: x,
+    pointerLength: A,
+    horizontal: u
+  } = s, t = g / 2, {
+    rangeArcStart: r,
+    rangeArcEnd: e
+  } = E(m, p, l, c), {
+    x: R,
+    y: B
+  } = i(t, r), {
+    x: M,
+    y: X
+  } = i(t, e), Y = (r + e) / 2;
+  return /* @__PURE__ */ b("g", { children: [
+    /* @__PURE__ */ o(L, { startX: R, startY: B, endX: M, endY: X, startAlpha: r, endAlpha: e, color: a, radius: t, width: d }),
+    h && n && !f && /* @__PURE__ */ o(S, { alpha: Y, pointerLength: A, pointerWidth: x, radius: t, color: a, textBottomMargin: w, label: n, horizontal: u })
+  ] });
+}
 export {
-  l as CompactDonutGaugeValueIndicator
+  C as DiscreteRange
 };
 //# sourceMappingURL=sd-component-library251.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library251.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/compact-donut-gauge-value-indicator.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CompactDonutGaugeValueIndicatorProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeValueIndicator: React.FC<Props> = ({\n  segment: { start, end, color },\n  size,\n}) => {\n  return (\n    <foreignObject x={0} y={0} width={size} height={size}>\n      <FlexCenter height=\"100%\">\n        <ResponsiveTextV2\n          fontSizeWeight={[20, \"bold\"]}\n          color={color}\n          sx={{ position: \"relative\" }}\n        >\n          {Math.round((end - start) * 100)}\n\n          <ResponsiveTextV2\n            fontSizeWeight={[10, \"bold\"]}\n            color={color}\n            sx={{ position: \"absolute\", top: \"4px\", left: \"100%\" }}\n          >\n            %\n          </ResponsiveTextV2>\n        </ResponsiveTextV2>\n      </FlexCenter>\n    </foreignObject>\n  );\n};\n"],"names":["CompactDonutGaugeValueIndicator","start","end","color","size","jsx","FlexCenter","jsxs","ResponsiveTextV2"],"mappings":";;;AAQO,MAAMA,IAAmD,CAAC;AAAA,EAC/D,SAAS,EAAE,OAAAC,GAAO,KAAAC,GAAK,OAAAC,EAAM;AAAA,EAC7B,MAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAA,iBAAA,EAAc,GAAG,GAAG,GAAG,GAAG,OAAOD,GAAM,QAAQA,GAC9C,UAACC,gBAAAA,MAAAC,GAAA,EAAW,QAAO,QACjB,UAAAC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,gBAAgB,CAAC,IAAI,MAAM;AAAA,IAC3B,OAAAL;AAAA,IACA,IAAI,EAAE,UAAU,WAAW;AAAA,IAE1B,UAAA;AAAA,MAAK,KAAA,OAAOD,IAAMD,KAAS,GAAG;AAAA,MAE/BI,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,gBAAgB,CAAC,IAAI,MAAM;AAAA,UAC3B,OAAAL;AAAA,UACA,IAAI,EAAE,UAAU,YAAY,KAAK,OAAO,MAAM,OAAO;AAAA,UACtD,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAAA;AAAA,EAEJ,CAAA,EACF,CAAA;"}
+{"version":3,"file":"sd-component-library251.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-range/discrete-range.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { BaseOutlineArc } from \"../../../outline-meter/partials/base-outline-arc\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { defaultTextBottomMargin } from \"../../constants\";\nimport { getRangeProperties } from \"../../utils\";\nimport { DiscreteMeterLabelPointer } from \"../discrete-meter-label-pointer\";\nimport { DiscreteRangeProps as Props } from \"./interfaces\";\n\nexport function DiscreteRange<T>(props: PropsWithChildren<Props<T>>) {\n  const {\n    color,\n    idx,\n    gaugeWidth,\n    diameter,\n    arc,\n    distanceBetweenRanges,\n    totalRanges,\n    showLabel,\n    label,\n    isMatchedRange,\n    pointerWidth,\n    pointerLength,\n    horizontal,\n  } = props;\n\n  const radius = diameter / 2;\n\n  const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx\n  );\n\n  const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n    radius,\n    rangeArcStart\n  );\n  const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n    radius,\n    rangeArcEnd\n  );\n\n  const middleArcAlpha = (rangeArcStart + rangeArcEnd) / 2;\n\n  return (\n    <g>\n      <BaseOutlineArc\n        startX={rangeStartX}\n        startY={rangeStartY}\n        endX={rangeEndX}\n        endY={rangeEndY}\n        startAlpha={rangeArcStart}\n        endAlpha={rangeArcEnd}\n        color={color}\n        radius={radius}\n        width={gaugeWidth}\n      />\n\n      {showLabel && label && !isMatchedRange && (\n        <DiscreteMeterLabelPointer\n          alpha={middleArcAlpha}\n          pointerLength={pointerLength}\n          pointerWidth={pointerWidth}\n          radius={radius}\n          color={color}\n          textBottomMargin={defaultTextBottomMargin}\n          label={label}\n          horizontal={horizontal}\n        />\n      )}\n    </g>\n  );\n}\n"],"names":["DiscreteRange","props","color","idx","gaugeWidth","diameter","arc","distanceBetweenRanges","totalRanges","showLabel","label","isMatchedRange","pointerWidth","pointerLength","horizontal","radius","rangeArcStart","rangeArcEnd","getRangeProperties","x","rangeStartX","y","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","middleArcAlpha","jsx","BaseOutlineArc","DiscreteMeterLabelPointer","defaultTextBottomMargin"],"mappings":";;;;;;AASO,SAASA,EAAiBC,GAAoC;AAC7D,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,YAAAA;AAAAA,EACEb,IAAAA,GAEEc,IAASV,IAAW,GAEpB;AAAA,IAAEW,eAAAA;AAAAA,IAAeC,aAAAA;AAAAA,EAAgBC,IAAAA,EACrCZ,GACAE,GACAD,GACAJ,CACF,GAEM;AAAA,IAAEgB,GAAGC;AAAAA,IAAaC,GAAGC;AAAAA,EAAAA,IAAgBC,EACzCR,GACAC,CACF,GACM;AAAA,IAAEG,GAAGK;AAAAA,IAAWH,GAAGI;AAAAA,EAAAA,IAAcF,EACrCR,GACAE,CACF,GAEMS,KAAkBV,IAAgBC,KAAe;AAEvD,2BACG,KACC,EAAA,UAAA;AAAA,IAAA,gBAAAU,EAACC,KACC,QAAQR,GACR,QAAQE,GACR,MAAME,GACN,MAAMC,GACN,YAAYT,GACZ,UAAUC,GACV,OAAAf,GACA,QAAAa,GACA,OAAOX,GAAW;AAAA,IAGnBK,KAAaC,KAAS,CAACC,uBACrBkB,GACC,EAAA,OAAOH,GACP,eAAAb,GACA,cAAAD,GACA,QAAAG,GACA,OAAAb,GACA,kBAAkB4B,GAClB,OAAApB,GACA,YAAAI,GAEH;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library252.js

@@ -1,24 +1,26 @@
-import { j as x } from "./sd-component-library195.js";
-import { Box as n } from "rebass";
-const $ = ({
-  idx: o,
-  color: t,
-  total: i,
-  segmentHeight: r
-}) => {
-  const s = `${o === 0 ? r / 2 : 0}px`, a = `${o === i - 1 ? r / 2 : 0}px`;
-  return /* @__PURE__ */ x.jsx(
-    n,
-    {
-      bg: t,
-      height: r,
-      sx: {
-        borderRadius: `${s} ${[...Array(2)].fill(a).join(" ")} ${s}`
-      }
-    }
-  );
-};
+import { jsx as T } from "./sd-component-library195.js";
+import { getInnerX as W, getInnerY as y, degToRad as r, getCoordinateForArc as B } from "./sd-component-library89.js";
+import { BaseNeedle as N } from "./sd-component-library672.js";
+function b(h) {
+  const {
+    needleColor: p,
+    options: n,
+    value: u,
+    needleWidth: e,
+    innerCircleRadius: m,
+    innerCircleStrokeWidth: x,
+    diameter: R,
+    arc: a,
+    distanceBetweenRanges: c,
+    distanceFromRange: s,
+    gaugeWidth: i
+  } = h, o = n.findIndex((M) => u === M.value), d = R / 2, f = (360 - a) / 2, l = a - (n.length - 1) * c, g = o / n.length, v = (o + 1) / n.length, A = l * (v - g), t = f + c * o + l * g + A / 2, {
+    x: C,
+    y: I
+  } = B(d, t), S = W(C, r(t), s + i + e / 2), X = y(I, r(t), s + i + e / 2), Y = e / 2 * Math.cos(r(t)), F = e / 2 * Math.sin(r(t));
+  return /* @__PURE__ */ T(N, { dx: Y, dy: F, color: p, radius: d, tipX: S, tipY: X, innerCircleStrokeWidth: x, innerCircleRadius: m, needleWidth: e });
+}
 export {
-  $ as LinearGaugeSegment
+  b as DiscreteMeterNeedle
 };
 //# sourceMappingURL=sd-component-library252.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library252.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-segment/linear-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { LinearGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeSegment: React.FC<Props> = ({\n  idx,\n  color,\n  total,\n  segmentHeight,\n}) => {\n  const leftRadius = `${idx === 0 ? segmentHeight / 2 : 0}px`;\n  const rightRadius = `${idx === total - 1 ? segmentHeight / 2 : 0}px`;\n\n  return (\n    <Box\n      bg={color}\n      height={segmentHeight}\n      sx={{\n        borderRadius: `${leftRadius} ${[...Array(2)]\n          .fill(rightRadius)\n          .join(\" \")} ${leftRadius}`,\n      }}\n    />\n  );\n};\n"],"names":["LinearGaugeSegment","idx","color","total","segmentHeight","leftRadius","rightRadius","jsx","Box"],"mappings":";;AAMO,MAAMA,IAAsC,CAAC;AAAA,EAClD,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAa,GAAGJ,MAAQ,IAAIG,IAAgB,IAAI,CAAC,MACjDE,IAAc,GAAGL,MAAQE,IAAQ,IAAIC,IAAgB,IAAI,CAAC;AAG9D,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAIN;AAAA,MACJ,QAAQE;AAAA,MACR,IAAI;AAAA,QACF,cAAc,GAAGC,CAAU,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,EACxC,KAAKC,CAAW,EAChB,KAAK,GAAG,CAAC,IAAID,CAAU;AAAA,MAC5B;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library252.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-needle/discrete-meter-needle.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { BaseNeedle } from \"../../../outline-meter/partials/base-needle\";\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { DiscreteMeterNeedleProps as Props } from \"./interfaces\";\n\nexport function DiscreteMeterNeedle<T>(props: PropsWithChildren<Props<T>>) {\n  const {\n    needleColor,\n    options,\n    value,\n    needleWidth,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    diameter,\n    arc,\n    distanceBetweenRanges,\n    distanceFromRange,\n    gaugeWidth,\n  } = props;\n\n  const matchingRangeIndex = options.findIndex(\n    (option) => value === option.value\n  );\n\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2;\n  const arcForRanges = arc - (options.length - 1) * distanceBetweenRanges;\n\n  const start = matchingRangeIndex / options.length;\n  const end = (matchingRangeIndex + 1) / options.length;\n\n  const rangeArc = arcForRanges * (end - start);\n\n  const rangeArcStart =\n    arcStart +\n    distanceBetweenRanges * matchingRangeIndex +\n    arcForRanges * start;\n\n  const valueAlpha = rangeArcStart + rangeArc / 2;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n\n  const needleTipX = getInnerX(\n    valueX,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n  const needleTipY = getInnerY(\n    valueY,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n\n  const dx = (needleWidth / 2) * Math.cos(degToRad(valueAlpha));\n  const dy = (needleWidth / 2) * Math.sin(degToRad(valueAlpha));\n\n  return (\n    <BaseNeedle\n      dx={dx}\n      dy={dy}\n      color={needleColor}\n      radius={radius}\n      tipX={needleTipX}\n      tipY={needleTipY}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      innerCircleRadius={innerCircleRadius}\n      needleWidth={needleWidth}\n    />\n  );\n}\n"],"names":["DiscreteMeterNeedle","props","needleColor","options","value","needleWidth","innerCircleRadius","innerCircleStrokeWidth","diameter","arc","distanceBetweenRanges","distanceFromRange","gaugeWidth","matchingRangeIndex","findIndex","option","radius","arcStart","arcForRanges","length","start","end","rangeArc","valueAlpha","x","valueX","y","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","Math","cos","dy","sin","jsx","BaseNeedle"],"mappings":";;;AAWO,SAASA,EAAuBC,GAAoC;AACnE,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,YAAAA;AAAAA,EACEX,IAAAA,GAEEY,IAAqBV,EAAQW,UAChCC,CAAWX,MAAAA,MAAUW,EAAOX,KAC/B,GAEMY,IAASR,IAAW,GAEpBS,KAAY,MAAMR,KAAO,GACzBS,IAAeT,KAAON,EAAQgB,SAAS,KAAKT,GAE5CU,IAAQP,IAAqBV,EAAQgB,QACrCE,KAAOR,IAAqB,KAAKV,EAAQgB,QAEzCG,IAAWJ,KAAgBG,IAAMD,IAOjCG,IAJJN,IACAP,IAAwBG,IACxBK,IAAeE,IAEkBE,IAAW,GACxC;AAAA,IAAEE,GAAGC;AAAAA,IAAQC,GAAGC;AAAAA,EAAAA,IAAWC,EAAoBZ,GAAQO,CAAU,GAEjEM,IAAaC,EACjBL,GACAM,EAASR,CAAU,GACnBZ,IAAoBC,IAAaP,IAAc,CACjD,GACM2B,IAAaC,EACjBN,GACAI,EAASR,CAAU,GACnBZ,IAAoBC,IAAaP,IAAc,CACjD,GAEM6B,IAAM7B,IAAc,IAAK8B,KAAKC,IAAIL,EAASR,CAAU,CAAC,GACtDc,IAAMhC,IAAc,IAAK8B,KAAKG,IAAIP,EAASR,CAAU,CAAC;AAE5D,SACG,gBAAAgB,EAAAC,GAAA,EACC,IAAAN,GACA,IAAAG,GACA,OAAOnC,GACP,QAAAc,GACA,MAAMa,GACN,MAAMG,GACN,wBAAAzB,GACA,mBAAAD,GACA,aAAAD,EACA,CAAA;AAEN;"}

package/lib/sd-component-library253.js

@@ -1,23 +1,19 @@
-import { j as o } from "./sd-component-library195.js";
-import { ResponsiveTextV2 as r } from "./sd-component-library147.js";
-const m = ({
-  text: e,
-  color: t,
-  ...i
-}) => /* @__PURE__ */ o.jsx(
-  r,
-  {
-    height: "12px",
-    fontSizeWeight: [10, "semi-bold"],
-    color: t,
-    mx: "auto",
-    maxWidth: "100%",
-    textAlign: "center",
-    ...i,
-    children: e
-  }
-);
+import { jsx as s } from "./sd-component-library195.js";
+import { getRangeProperties as d } from "./sd-component-library674.js";
+import { MatchedRangeLabelBox as i } from "./sd-component-library645.js";
+const h = (e) => {
+  const {
+    idx: a,
+    totalRanges: t,
+    distanceBetweenRanges: r,
+    arc: n
+  } = e, {
+    rangeArcStart: o,
+    rangeArcEnd: c
+  } = d(n, t, r, a), g = Math.round((o + c) / 2);
+  return /* @__PURE__ */ s(i, { ...e, alpha: g, round: !0 });
+};
 export {
-  m as LinearGaugeLabel
+  h as MatchedRangeLabelBox
 };
 //# sourceMappingURL=sd-component-library253.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library253.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-label/linear-gauge-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../texts\";\nimport { LinearGaugeLabelProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeLabel: React.FC<Props> = ({\n  text,\n  color,\n  ...restOfProps\n}) => {\n  return (\n    <ResponsiveTextV2\n      height=\"12px\"\n      fontSizeWeight={[10, \"semi-bold\"]}\n      color={color}\n      mx=\"auto\"\n      maxWidth=\"100%\"\n      textAlign=\"center\"\n      {...restOfProps}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["LinearGaugeLabel","text","color","restOfProps","jsx","ResponsiveTextV2"],"mappings":";;AAKO,MAAMA,IAAoC,CAAC;AAAA,EAChD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAO;AAAA,IACP,gBAAgB,CAAC,IAAI,WAAW;AAAA,IAChC,OAAAH;AAAA,IACA,IAAG;AAAA,IACH,UAAS;AAAA,IACT,WAAU;AAAA,IACT,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library253.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { MatchedRangeLabelBox as LabelBox } from \"../../../common-outline-meter-partials\";\nimport { getRangeProperties } from \"../../utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const { idx, totalRanges, distanceBetweenRanges, arc } = props;\n\n  const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx\n  );\n\n  const alpha = Math.round((rangeArcStart + rangeArcEnd) / 2);\n\n  return <LabelBox {...props} alpha={alpha} round />;\n};\n"],"names":["MatchedRangeLabelBox","props","idx","totalRanges","distanceBetweenRanges","arc","rangeArcStart","rangeArcEnd","getRangeProperties","alpha","Math","round","LabelBox"],"mappings":";;;AAMO,MAAMA,IAAyCC,CAAUA,MAAA;AACxD,QAAA;AAAA,IAAEC,KAAAA;AAAAA,IAAKC,aAAAA;AAAAA,IAAaC,uBAAAA;AAAAA,IAAuBC,KAAAA;AAAAA,EAAQJ,IAAAA,GAEnD;AAAA,IAAEK,eAAAA;AAAAA,IAAeC,aAAAA;AAAAA,EAAgBC,IAAAA,EACrCH,GACAF,GACAC,GACAF,CACF,GAEMO,IAAQC,KAAKC,OAAOL,IAAgBC,KAAe,CAAC;AAE1D,2BAAQK,GAAS,EAAA,GAAIX,GAAO,OAAAQ,GAAc,OAAK,GAAG,CAAA;AACpD;"}

package/lib/sd-component-library254.js

@@ -1,32 +1,64 @@
-import { j as n } from "./sd-component-library195.js";
-import { Button as a } from "./sd-component-library28.js";
-const u = (r) => {
-  const {
-    borderColor: e,
-    borderStyle: o,
-    borderWidth: i,
-    fill: d,
-    width: l,
-    height: h,
-    disabled: t
-  } = r;
-  return /* @__PURE__ */ n.jsx(
-    a,
-    {
-      ...r,
-      width: l || ["30px"],
-      height: h || ["30px"],
-      borderColor: t ? "cl_lightGrey" : e || "#4668F8",
-      borderStyle: o || "solid",
-      borderWidth: i || "2px",
-      fill: t ? "cl_lightGrey" : d || "#4668F8",
-      "data-test": "square-button",
-      variant: "_square",
-      children: r.children
-    }
-  );
+import { getCoordinateForArc as s } from "./sd-component-library89.js";
+const v = (r) => {
+  const a = `Received ${r.map(({
+    start: e,
+    end: t
+  }) => `(${e},${t})`)}`, n = (e) => console.error(e, a);
+  if (r.some(({
+    start: e,
+    end: t
+  }) => [e, t].some((o) => o < 0 || o > 1)))
+    return n("Segment values should be between 0 and 1"), !1;
+  if (r.reduce((e, {
+    start: t
+  }) => e + (t === 0 ? 1 : 0), 0) !== 1)
+    return n("One segment should start from 0"), !1;
+  if (r.reduce((e, {
+    end: t
+  }) => e + (t === 1 ? 1 : 0), 0) !== 1)
+    return n("One segment should end by 1"), !1;
+  if (r.some(({
+    start: e,
+    end: t
+  }) => e >= t))
+    return n("Segment start should be smaller than end"), !1;
+  for (let e = 1; e < r.length; e++) {
+    const t = r[e];
+    if (r[e - 1].end !== t.start)
+      return n("Previous segment end should be equal to next segment start"), !1;
+  }
+  return !0;
+}, x = ({
+  start: r,
+  end: a
+}, n, e) => {
+  const t = n - e, o = Math.round(r * 360), c = Math.round(a * 360), d = c - o, {
+    x: l,
+    y: u
+  } = s(n, o), {
+    x: f,
+    y: m
+  } = s(t, o, n), {
+    x: h,
+    y: i
+  } = s(n, c), {
+    x: g,
+    y: S
+  } = s(t, c, n);
+  return {
+    startX: l,
+    startY: u,
+    endX: h,
+    endY: i,
+    startInnerX: f,
+    startInnerY: m,
+    endInnerX: g,
+    endInnerY: S,
+    arc: d
+  };
 };
 export {
-  u as SquareButton
+  v as areSegmentsValid,
+  x as getSegmentCoordinates
 };
 //# sourceMappingURL=sd-component-library254.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library254.js","sources":["../src/components/buttons/partials/square-button/square-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { SquareButtonProps } from \"./interfaces\";\n\n/**\n * The circle button.\n */\nexport const SquareButton: React.FunctionComponent<SquareButtonProps> = (\n  props: SquareButtonProps\n): React.ReactElement<SquareButtonProps> => {\n  const {\n    borderColor,\n    borderStyle,\n    borderWidth,\n    fill,\n    width,\n    height,\n    disabled,\n  } = props;\n  return (\n    <Button\n      {...props}\n      width={width || [\"30px\"]}\n      height={height || [\"30px\"]}\n      borderColor={!disabled ? borderColor || \"#4668F8\" : \"cl_lightGrey\"}\n      borderStyle={borderStyle || \"solid\"}\n      borderWidth={borderWidth || \"2px\"}\n      fill={!disabled ? fill || \"#4668F8\" : \"cl_lightGrey\"}\n      data-test=\"square-button\"\n      variant=\"_square\"\n    >\n      {props.children}\n    </Button>\n  );\n};\n"],"names":["SquareButton","props","borderColor","borderStyle","borderWidth","fill","width","height","disabled","jsx","Button"],"mappings":";;AAQa,MAAAA,IAA2D,CACtEC,MAC0C;AACpC,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAP;AAEF,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,OAAOK,KAAS,CAAC,MAAM;AAAA,MACvB,QAAQC,KAAU,CAAC,MAAM;AAAA,MACzB,aAAcC,IAAsC,iBAA3BN,KAAe;AAAA,MACxC,aAAaC,KAAe;AAAA,MAC5B,aAAaC,KAAe;AAAA,MAC5B,MAAOI,IAA+B,iBAApBH,KAAQ;AAAA,MAC1B,aAAU;AAAA,MACV,SAAQ;AAAA,MAEP,UAAMJ,EAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"sd-component-library254.js","sources":["../src/components/meters/donut-diagram/utils.ts"],"sourcesContent":["import { getCoordinateForArc } from \"../outline-meter/utils\";\nimport { DonutSegment } from \"./interfaces\";\n\nexport const areSegmentsValid = (\n  segments: Pick<DonutSegment, \"start\" | \"end\">[]\n): boolean => {\n  const receivedSegments = `Received ${segments.map(\n    ({ start, end }) => `(${start},${end})`\n  )}`;\n  const showError = (text: string) => console.error(text, receivedSegments);\n\n  if (\n    segments.some(({ start, end }) =>\n      [start, end].some((point) => point < 0 || point > 1)\n    )\n  ) {\n    showError(\"Segment values should be between 0 and 1\");\n    return false;\n  }\n\n  if (\n    segments.reduce<number>(\n      (acc, { start }) => acc + (start === 0 ? 1 : 0),\n      0\n    ) !== 1\n  ) {\n    showError(\"One segment should start from 0\");\n    return false;\n  }\n\n  if (\n    segments.reduce<number>((acc, { end }) => acc + (end === 1 ? 1 : 0), 0) !==\n    1\n  ) {\n    showError(\"One segment should end by 1\");\n    return false;\n  }\n\n  if (segments.some(({ start, end }) => start >= end)) {\n    showError(\"Segment start should be smaller than end\");\n    return false;\n  }\n\n  for (let i = 1; i < segments.length; i++) {\n    const currentSegment = segments[i];\n    const prevSegment = segments[i - 1];\n    if (prevSegment.end !== currentSegment.start) {\n      showError(\"Previous segment end should be equal to next segment start\");\n      return false;\n    }\n  }\n\n  return true;\n};\n\nexport const getSegmentCoordinates = (\n  { start, end }: Pick<DonutSegment, \"start\" | \"end\">,\n  radius: number,\n  segmentWidth: number\n) => {\n  const innerRadius = radius - segmentWidth;\n\n  const startAlpha = Math.round(start * 360);\n  const endAlpha = Math.round(end * 360);\n  const arc = endAlpha - startAlpha;\n\n  const { x: startX, y: startY } = getCoordinateForArc(radius, startAlpha);\n  const { x: startInnerX, y: startInnerY } = getCoordinateForArc(\n    innerRadius,\n    startAlpha,\n    radius\n  );\n\n  const { x: endX, y: endY } = getCoordinateForArc(radius, endAlpha);\n  const { x: endInnerX, y: endInnerY } = getCoordinateForArc(\n    innerRadius,\n    endAlpha,\n    radius\n  );\n  return {\n    startX,\n    startY,\n    endX,\n    endY,\n    startInnerX,\n    startInnerY,\n    endInnerX,\n    endInnerY,\n    arc,\n  };\n};\n"],"names":["areSegmentsValid","segments","receivedSegments","map","start","end","showError","text","console","error","some","point","reduce","acc","i","length","currentSegment","prevSegment","getSegmentCoordinates","radius","segmentWidth","innerRadius","startAlpha","Math","round","endAlpha","arc","x","startX","y","startY","getCoordinateForArc","startInnerX","startInnerY","endX","endY","endInnerX","endInnerY"],"mappings":";AAGaA,MAAAA,IAAmBA,CAC9BC,MACY;AACZ,QAAMC,IAAoB,YAAWD,EAASE,IAC5C,CAAC;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,EAAAA,MAAW,IAAGD,CAAM,IAAGC,CAAI,GACvC,CAAE,IACIC,IAAYA,CAACC,MAAiBC,QAAQC,MAAMF,GAAML,CAAgB;AAGtED,MAAAA,EAASS,KAAK,CAAC;AAAA,IAAEN,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,EACtB,MAAA,CAACD,GAAOC,CAAG,EAAEK,KAAMC,CAAUA,MAAAA,IAAQ,KAAKA,IAAQ,CAAC,CACrD;AAEAL,WAAAA,EAAU,0CAA0C,GAC7C;AAIPL,MAAAA,EAASW,OACP,CAACC,GAAK;AAAA,IAAET,OAAAA;AAAAA,EAAAA,MAAYS,KAAOT,MAAU,IAAI,IAAI,IAC7C,CACF,MAAM;AAENE,WAAAA,EAAU,iCAAiC,GACpC;AAIPL,MAAAA,EAASW,OAAe,CAACC,GAAK;AAAA,IAAER,KAAAA;AAAAA,EAAAA,MAAUQ,KAAOR,MAAQ,IAAI,IAAI,IAAI,CAAC,MACtE;AAEAC,WAAAA,EAAU,6BAA6B,GAChC;AAGLL,MAAAA,EAASS,KAAK,CAAC;AAAA,IAAEN,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,EAAAA,MAAUD,KAASC,CAAG;AAChDC,WAAAA,EAAU,0CAA0C,GAC7C;AAGT,WAASQ,IAAI,GAAGA,IAAIb,EAASc,QAAQD,KAAK;AAClCE,UAAAA,IAAiBf,EAASa,CAAC;AAE7BG,QADgBhB,EAASa,IAAI,CAAC,EAClBT,QAAQW,EAAeZ;AACrCE,aAAAA,EAAU,4DAA4D,GAC/D;AAAA,EAEX;AAEO,SAAA;AACT,GAEaY,IAAwBA,CACnC;AAAA,EAAEd,OAAAA;AAAAA,EAAOC,KAAAA;AAAyC,GAClDc,GACAC,MACG;AACH,QAAMC,IAAcF,IAASC,GAEvBE,IAAaC,KAAKC,MAAMpB,IAAQ,GAAG,GACnCqB,IAAWF,KAAKC,MAAMnB,IAAM,GAAG,GAC/BqB,IAAMD,IAAWH,GAEjB;AAAA,IAAEK,GAAGC;AAAAA,IAAQC,GAAGC;AAAAA,EAAAA,IAAWC,EAAoBZ,GAAQG,CAAU,GACjE;AAAA,IAAEK,GAAGK;AAAAA,IAAaH,GAAGI;AAAAA,EAAgBF,IAAAA,EACzCV,GACAC,GACAH,CACF,GAEM;AAAA,IAAEQ,GAAGO;AAAAA,IAAML,GAAGM;AAAAA,EAAAA,IAASJ,EAAoBZ,GAAQM,CAAQ,GAC3D;AAAA,IAAEE,GAAGS;AAAAA,IAAWP,GAAGQ;AAAAA,EAAcN,IAAAA,EACrCV,GACAI,GACAN,CACF;AACO,SAAA;AAAA,IACLS,QAAAA;AAAAA,IACAE,QAAAA;AAAAA,IACAI,MAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAH,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAG,WAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAX,KAAAA;AAAAA,EAAAA;AAEJ;"}

package/lib/sd-component-library255.js

@@ -1,6 +1,54 @@
-import * as a from "react";
-const e = (t) => /* @__PURE__ */ a.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 7, height: 13, viewBox: "0 0 7 13", ...t }, /* @__PURE__ */ a.createElement("path", { id: "Forma_1_copy_3", "data-name": "Forma 1 copy 3", d: "M8009.72,5251.88l-5.6-6.08a0.435,0.435,0,0,1,0-.6l5.6-6.08a0.354,0.354,0,0,1,.28-0.13,0.349,0.349,0,0,1,.27.13l0.61,0.65a0.435,0.435,0,0,1,0,.6l-4.73,5.13,4.73,5.13a0.423,0.423,0,0,1,.12.3,0.441,0.441,0,0,1-.12.3l-0.61.65a0.349,0.349,0,0,1-.27.13A0.354,0.354,0,0,1,8009.72,5251.88Z", transform: "translate(-8004 -5239)" }));
+import { jsxs as O, jsx as o } from "./sd-component-library195.js";
+import { useHover as R } from "./sd-component-library3.js";
+import { getCoordinateForArc as l } from "./sd-component-library89.js";
+import { getSegmentCoordinates as q } from "./sd-component-library254.js";
+import { SegmentLabel as z } from "./sd-component-library725.js";
+const h = 300, J = ({
+  segment: s,
+  segmentWidth: $,
+  outlineWidth: f,
+  size: i,
+  mobile: a,
+  ...c
+}) => {
+  const {
+    start: p,
+    end: u,
+    color: k
+  } = s, {
+    labelOffset: x
+  } = c, t = i / 2, d = t - $, {
+    startInnerX: A,
+    startInnerY: M,
+    endInnerX: X,
+    endInnerY: Y,
+    endX: v,
+    endY: S,
+    startY: g,
+    startX: H,
+    arc: e
+  } = q(s, t, $), r = i / 2, I = Math.round(p * 360), L = Math.round(u * 360), {
+    isHover: w,
+    hoverCallbacks: y
+  } = R(), m = w && !a, n = Math.sqrt(2) * (t + x), {
+    x: C,
+    y: Z
+  } = l(n, I, t), {
+    x: j,
+    y: E
+  } = l(n, L, t);
+  return /* @__PURE__ */ O("g", { ...a ? {} : y, children: [
+    /* @__PURE__ */ o("path", { d: `M${r},${r} L${C},${Z} A${n},${n} 0 ${e > 180 ? "1" : "0"},1 ${j},${E}Z`, fill: "transparent" }),
+    /* @__PURE__ */ o("path", { d: `M${r},${r} L${H},${g} A${t},${t} 0 ${e > 180 ? "1" : "0"},1 ${v},${S}Z`, fill: k, strokeWidth: f, stroke: "white" }),
+    /* @__PURE__ */ o("path", { d: `M${r},${r} L${A},${M} A${d},${d} 0 ${e > 180 ? "1" : "0"},1 ${X},${Y}Z`, fill: "white", style: {
+      transform: `scale(${m ? 0.8 : 1}`,
+      transformOrigin: "center",
+      transition: `all ${h}ms`
+    } }),
+    /* @__PURE__ */ o(z, { segment: s, radius: t, animationDuration: h, isHover: m, mobile: a, ...c })
+  ] });
+};
 export {
-  e as ReactComponent
+  J as Segment
 };
 //# sourceMappingURL=sd-component-library255.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library255.js","sources":["../src/components/page-selectors/page-selector/assets/previous.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgNyAxMyI+CiAgPHBhdGggaWQ9IkZvcm1hXzFfY29weV8zIiBkYXRhLW5hbWU9IkZvcm1hIDEgY29weSAzIiBkPSJNODAwOS43Miw1MjUxLjg4bC01LjYtNi4wOGEwLjQzNSwwLjQzNSwwLDAsMSwwLS42bDUuNi02LjA4YTAuMzU0LDAuMzU0LDAsMCwxLC4yOC0wLjEzLDAuMzQ5LDAuMzQ5LDAsMCwxLC4yNy4xM2wwLjYxLDAuNjVhMC40MzUsMC40MzUsMCwwLDEsMCwuNmwtNC43Myw1LjEzLDQuNzMsNS4xM2EwLjQyMywwLjQyMywwLDAsMSwuMTIuMywwLjQ0MSwwLjQ0MSwwLDAsMS0uMTIuM2wtMC42MS42NWEwLjM0OSwwLjM0OSwwLDAsMS0uMjcuMTNBMC4zNTQsMC4zNTQsMCwwLDEsODAwOS43Miw1MjUxLjg4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgwMDQgLTUyMzkpIi8+Cjwvc3ZnPgo=\""],"names":["SvgPrevious","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,GAAG,QAAQ,IAAI,SAAS,YAAY,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,kBAAkB,aAAa,kBAAkB,GAAG,6RAA6R,WAAW,yBAAwB,CAAE,CAAC;"}
+{"version":3,"file":"sd-component-library255.js","sources":["../src/components/meters/donut-diagram/partials/segment/segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { getSegmentCoordinates } from \"../../utils\";\nimport { SegmentLabel } from \"../segment-label\";\nimport { SegmentProps as Props } from \"./interfaces\";\n\nconst animationDuration = 300;\n\nexport const Segment: React.FC<Props> = ({\n  segment,\n  segmentWidth,\n  outlineWidth,\n  size: diameter,\n  mobile,\n  ...labelProps\n}) => {\n  const { start, end, color } = segment;\n  const { labelOffset } = labelProps;\n\n  const radius = diameter / 2;\n  const innerRadius = radius - segmentWidth;\n\n  const {\n    startInnerX,\n    startInnerY,\n    endInnerX,\n    endInnerY,\n    endX,\n    endY,\n    startY,\n    startX,\n    arc,\n  } = getSegmentCoordinates(segment, radius, segmentWidth);\n\n  const center = diameter / 2;\n\n  const startAlpha = Math.round(start * 360);\n  const endAlpha = Math.round(end * 360);\n\n  const { isHover, hoverCallbacks } = useHover();\n  const showHover = isHover && !mobile;\n\n  const maxRadius = Math.sqrt(2) * (radius + labelOffset);\n\n  const { x: maskStartX, y: maskStartY } = getCoordinateForArc(\n    maxRadius,\n    startAlpha,\n    radius\n  );\n\n  const { x: maskEndX, y: maskEndY } = getCoordinateForArc(\n    maxRadius,\n    endAlpha,\n    radius\n  );\n\n  return (\n    <g {...(mobile ? {} : hoverCallbacks)}>\n      {/* mask */}\n      <path\n        d={`M${center},${center} L${maskStartX},${maskStartY} A${maxRadius},${maxRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${maskEndX},${maskEndY}Z`}\n        fill=\"transparent\"\n      />\n\n      {/* colored sector */}\n      <path\n        d={`M${center},${center} L${startX},${startY} A${radius},${radius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endX},${endY}Z`}\n        fill={color}\n        strokeWidth={outlineWidth}\n        stroke=\"white\"\n      />\n\n      {/* white inner sector */}\n      <path\n        d={`M${center},${center} L${startInnerX},${startInnerY} A${innerRadius},${innerRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endInnerX},${endInnerY}Z`}\n        fill=\"white\"\n        style={{\n          transform: `scale(${showHover ? 0.8 : 1}`,\n          transformOrigin: \"center\",\n          transition: `all ${animationDuration}ms`,\n        }}\n      />\n\n      <SegmentLabel\n        segment={segment}\n        radius={radius}\n        animationDuration={animationDuration}\n        isHover={showHover}\n        mobile={mobile}\n        {...labelProps}\n      />\n    </g>\n  );\n};\n"],"names":["animationDuration","Segment","segment","segmentWidth","outlineWidth","size","diameter","mobile","labelProps","start","end","color","labelOffset","radius","innerRadius","startInnerX","startInnerY","endInnerX","endInnerY","endX","endY","startY","startX","arc","getSegmentCoordinates","center","startAlpha","Math","round","endAlpha","isHover","hoverCallbacks","useHover","showHover","maxRadius","sqrt","x","maskStartX","y","maskStartY","getCoordinateForArc","maskEndX","maskEndY","jsx","transform","transformOrigin","transition","SegmentLabel"],"mappings":";;;;;AAQA,MAAMA,IAAoB,KAEbC,IAA2BA,CAAC;AAAA,EACvCC,SAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,MAAMC;AAAAA,EACNC,QAAAA;AAAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,OAAAA;AAAAA,EAAUT,IAAAA,GACxB;AAAA,IAAEU,aAAAA;AAAAA,EAAgBJ,IAAAA,GAElBK,IAASP,IAAW,GACpBQ,IAAcD,IAASV,GAEvB;AAAA,IACJY,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,KAAAA;AAAAA,EACEC,IAAAA,EAAsBtB,GAASW,GAAQV,CAAY,GAEjDsB,IAASnB,IAAW,GAEpBoB,IAAaC,KAAKC,MAAMnB,IAAQ,GAAG,GACnCoB,IAAWF,KAAKC,MAAMlB,IAAM,GAAG,GAE/B;AAAA,IAAEoB,SAAAA;AAAAA,IAASC,gBAAAA;AAAAA,MAAmBC,EAAS,GACvCC,IAAYH,KAAW,CAACvB,GAExB2B,IAAYP,KAAKQ,KAAK,CAAC,KAAKtB,IAASD,IAErC;AAAA,IAAEwB,GAAGC;AAAAA,IAAYC,GAAGC;AAAAA,EAAeC,IAAAA,EACvCN,GACAR,GACAb,CACF,GAEM;AAAA,IAAEuB,GAAGK;AAAAA,IAAUH,GAAGI;AAAAA,EAAaF,IAAAA,EACnCN,GACAL,GACAhB,CACF;AAEA,2BACG,KAAON,EAAAA,GAAAA,IAAS,KAAKwB,GAEpB,UAAA;AAAA,IAAC,gBAAAY,EAAA,QAAA,EACC,GAAI,IAAGlB,CAAO,IAAGA,CAAO,KAAIY,CAAW,IAAGE,CAAW,KAAIL,CAAU,IAAGA,CAAU,MAC9EX,IAAM,MAAM,MAAM,GACnB,MAAKkB,CAAS,IAAGC,CAAS,KAC3B,MAAK,cAAa,CAAA;AAAA,IAInB,gBAAAC,EAAA,QAAA,EACC,GAAI,IAAGlB,CAAO,IAAGA,CAAO,KAAIH,CAAO,IAAGD,CAAO,KAAIR,CAAO,IAAGA,CAAO,MAChEU,IAAM,MAAM,MAAM,GACnB,MAAKJ,CAAK,IAAGC,CAAK,KACnB,MAAMT,GACN,aAAaP,GACb,QAAO,SAAO;AAAA,IAIhB,gBAAAuC,EAAC,QACC,EAAA,GAAI,IAAGlB,CAAO,IAAGA,CAAO,KAAIV,CAAY,IAAGC,CAAY,KAAIF,CAAY,IAAGA,CAAY,MACpFS,IAAM,MAAM,MAAM,GACnB,MAAKN,CAAU,IAAGC,CAAU,KAC7B,MAAK,SACL,OAAO;AAAA,MACL0B,WAAY,SAAQX,IAAY,MAAM,CAAE;AAAA,MACxCY,iBAAiB;AAAA,MACjBC,YAAa,OAAM9C,CAAkB;AAAA,IAAA,GACrC;AAAA,IAGJ,gBAAA2C,EAACI,KACC,SAAA7C,GACA,QAAAW,GACA,mBAAAb,GACA,SAASiC,GACT,QAAA1B,GACA,GAAIC,GAAW;AAAA,EAEnB,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library256.js

@@ -1,27 +1,32 @@
-import { j as t } from "./sd-component-library195.js";
-import { ResponsiveTextV2 as o } from "./sd-component-library147.js";
-const s = (e) => {
-  const { currentPage: r } = e;
-  return /* @__PURE__ */ t.jsx(
-    o,
-    {
-      fontSizeWeight: [14, "regular"],
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        borderColor: "cl_lightGrey",
-        borderWidth: 1,
-        borderStyle: "solid",
-        borderRadius: "3px",
-        height: "30px",
-        minWidth: "30px"
-      },
-      children: r
-    }
-  );
+import { jsxs as X, jsx as c } from "./sd-component-library195.js";
+import Y from "./sd-component-library194.js";
+import { getSegmentCoordinates as x } from "./sd-component-library254.js";
+const A = ({
+  segment: n,
+  size: e,
+  segmentWidth: o,
+  outlineWidth: i,
+  isMatching: a
+}) => {
+  const {
+    color: d
+  } = n, t = e / 2, s = t - o, {
+    startX: l,
+    startY: h,
+    arc: $,
+    startInnerY: m,
+    startInnerX: p,
+    endInnerY: f,
+    endInnerX: u,
+    endX: g,
+    endY: I
+  } = x(n, t, o), r = e / 2;
+  return /* @__PURE__ */ X("g", { children: [
+    /* @__PURE__ */ c("path", { d: `M${r},${r} L${l},${h} A${t},${t} 0 ${$ > 180 ? "1" : "0"},1 ${g},${I}Z`, fill: a ? d : Y.colors.cl_lightGrey, strokeWidth: i, stroke: "white" }),
+    /* @__PURE__ */ c("path", { d: `M${r},${r} L${p},${m} A${s},${s} 0 ${$ > 180 ? "1" : "0"},1 ${u},${f}Z`, fill: "white" })
+  ] });
 };
 export {
-  s as CurrentPage
+  A as CompactDonutGaugeSegment
 };
 //# sourceMappingURL=sd-component-library256.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library256.js","sources":["../src/components/page-selectors/page-selector/partials/current-page/current-page.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CurrentPageProps as Props } from \"./interfaces\";\n\nexport const CurrentPage: React.FC<Props> = (props) => {\n  const { currentPage } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[14, \"regular\"]}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        borderColor: \"cl_lightGrey\",\n        borderWidth: 1,\n        borderStyle: \"solid\",\n        borderRadius: \"3px\",\n        height: \"30px\",\n        minWidth: \"30px\",\n      }}\n    >\n      {currentPage}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["CurrentPage","props","currentPage","jsx","ResponsiveTextV2"],"mappings":";;AAKa,MAAAA,IAA+B,CAACC,MAAU;AAC/C,QAAA,EAAE,aAAAC,EAAgB,IAAAD;AAGtB,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,MAC9B,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MAEC,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library256.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-segment/compact-donut-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { getSegmentCoordinates } from \"../../../donut-diagram/utils\";\nimport { CompactDonutGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeSegment: React.FC<Props> = ({\n  segment,\n  size: diameter,\n  segmentWidth,\n  outlineWidth,\n  isMatching,\n}) => {\n  const { color } = segment;\n\n  const radius = diameter / 2;\n  const innerRadius = radius - segmentWidth;\n\n  const {\n    startX,\n    startY,\n    arc,\n    startInnerY,\n    startInnerX,\n    endInnerY,\n    endInnerX,\n    endX,\n    endY,\n  } = getSegmentCoordinates(segment, radius, segmentWidth);\n\n  const center = diameter / 2;\n\n  return (\n    <g>\n      {/* colored sector */}\n      <path\n        d={`M${center},${center} L${startX},${startY} A${radius},${radius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endX},${endY}Z`}\n        fill={isMatching ? color : theme.colors[\"cl_lightGrey\"]}\n        strokeWidth={outlineWidth}\n        stroke=\"white\"\n      />\n\n      {/* white inner sector */}\n      <path\n        d={`M${center},${center} L${startInnerX},${startInnerY} A${innerRadius},${innerRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endInnerX},${endInnerY}Z`}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["CompactDonutGaugeSegment","segment","size","diameter","segmentWidth","outlineWidth","isMatching","color","radius","innerRadius","startX","startY","arc","startInnerY","startInnerX","endInnerY","endInnerX","endX","endY","getSegmentCoordinates","center","jsx","theme","colors"],"mappings":";;;AAMO,MAAMA,IAA4CA,CAAC;AAAA,EACxDC,SAAAA;AAAAA,EACAC,MAAMC;AAAAA,EACNC,cAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,YAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,OAAAA;AAAAA,EAAUN,IAAAA,GAEZO,IAASL,IAAW,GACpBM,IAAcD,IAASJ,GAEvB;AAAA,IACJM,QAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,MAAAA;AAAAA,EACEC,IAAAA,EAAsBlB,GAASO,GAAQJ,CAAY,GAEjDgB,IAASjB,IAAW;AAE1B,2BACG,KAEC,EAAA,UAAA;AAAA,IAAA,gBAAAkB,EAAC,QACC,EAAA,GAAI,IAAGD,CAAO,IAAGA,CAAO,KAAIV,CAAO,IAAGC,CAAO,KAAIH,CAAO,IAAGA,CAAO,MAChEI,IAAM,MAAM,MAAM,GACnB,MAAKK,CAAK,IAAGC,CAAK,KACnB,MAAMZ,IAAaC,IAAQe,EAAMC,OAAO,cACxC,aAAalB,GACb,QAAO,SAAO;AAAA,IAIhB,gBAAAgB,EAAC,QACC,EAAA,GAAI,IAAGD,CAAO,IAAGA,CAAO,KAAIN,CAAY,IAAGD,CAAY,KAAIJ,CAAY,IAAGA,CAAY,MACpFG,IAAM,MAAM,MAAM,GACnB,MAAKI,CAAU,IAAGD,CAAU,KAC7B,MAAK,QAAO,CAAA;AAAA,EAEhB,EAAA,CAAA;AAEJ;"}