@selfdecode/sd-component-library 4.0.73-vite23 → 4.0.73-vite25

package/lib/sd-component-library258.js

@@ -1,44 +1,31 @@
-import { j as n } from "./sd-component-library195.js";
-import g from "./sd-component-library3.js";
-import { getSegmentCoordinates as I } from "./sd-component-library253.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",
+import { j as a } from "./sd-component-library195.js";
+import R, { createElement as g } from "react";
+import { isValueInRange as f } from "./sd-component-library90.js";
+import { SmileyMeterRange as d } from "./sd-component-library678.js";
+const j = R.forwardRef(
+  (r, m) => {
+    const { value: s, ranges: n, distanceFromRanges: c } = r, o = n.findIndex(
+      ({ start: e, end: t, bounds: l }) => f(s, e, t, l)
+    ), i = n.map((e, t) => ({
+      ...e,
+      color: t < o ? n[o].color : e.color
+    }));
+    return /* @__PURE__ */ a.jsx(a.Fragment, { children: i.map((e, t) => /* @__PURE__ */ g(
+      d,
       {
-        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"
+        ...e,
+        ...r,
+        idx: t,
+        totalRanges: n.length,
+        pointerLength: c,
+        key: `${e.start}-${e.end}-${t}`,
+        isMatchedRange: o === t,
+        ref: m
       }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: `M${r},${r} L${h},${p} A${$},${$} 0 ${i > 180 ? "1" : "0"},1 ${x},${u}Z`,
-        fill: "white"
-      }
-    )
-  ] });
-};
+    )) });
+  }
+);
 export {
-  w as CompactDonutGaugeSegment
+  j as SmileyMeterRanges
 };
 //# sourceMappingURL=sd-component-library258.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library258.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-library258.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/smiley-meter-ranges.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { isValueInRange } from \"../../../outline-meter/utils\";\nimport { SmileyMeterRange } from \"../smiley-meter-range\";\nimport { SmileyMeterRangesProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRanges = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const { value, ranges, distanceFromRanges } = props;\n\n    const matchingRangeIndex = ranges.findIndex(({ start, end, bounds }) =>\n      isValueInRange(value, start, end, bounds)\n    );\n    const newRanges = ranges.map((range, idx) => ({\n      ...range,\n      color:\n        idx < matchingRangeIndex\n          ? ranges[matchingRangeIndex].color\n          : range.color,\n    }));\n\n    return (\n      <>\n        {newRanges.map((range, idx) => (\n          <SmileyMeterRange\n            {...range}\n            {...props}\n            idx={idx}\n            totalRanges={ranges.length}\n            pointerLength={distanceFromRanges}\n            key={`${range.start}-${range.end}-${idx}`}\n            isMatchedRange={matchingRangeIndex === idx}\n            ref={pointRef}\n          />\n        ))}\n      </>\n    );\n  }\n);\n"],"names":["SmileyMeterRanges","React","props","pointRef","value","ranges","distanceFromRanges","matchingRangeIndex","start","end","bounds","isValueInRange","newRanges","range","idx","jsx","Fragment","createElement","SmileyMeterRange"],"mappings":";;;;AAMO,MAAMA,IAAoBC,EAAM;AAAA,EACrC,CAACC,GAAOC,MAAa;AACnB,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,oBAAAC,EAAA,IAAuBJ,GAExCK,IAAqBF,EAAO;AAAA,MAAU,CAAC,EAAE,OAAAG,GAAO,KAAAC,GAAK,QAAAC,QACzDC,EAAeP,GAAOI,GAAOC,GAAKC,CAAM;AAAA,IAAA,GAEpCE,IAAYP,EAAO,IAAI,CAACQ,GAAOC,OAAS;AAAA,MAC5C,GAAGD;AAAA,MACH,OACEC,IAAMP,IACFF,EAAOE,CAAkB,EAAE,QAC3BM,EAAM;AAAA,IACZ,EAAA;AAEF,WAEKE,gBAAAA,EAAA,IAAAC,EAAA,UAAA,EAAA,UAAAJ,EAAU,IAAI,CAACC,GAAOC,MACrB,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACH,GAAGX;AAAA,QACJ,KAAAY;AAAA,QACA,aAAaT,EAAO;AAAA,QACpB,eAAeC;AAAA,QACf,KAAK,GAAGO,EAAM,KAAK,IAAIA,EAAM,GAAG,IAAIC,CAAG;AAAA,QACvC,gBAAgBP,MAAuBO;AAAA,QACvC,KAAKX;AAAA,MAAA;AAAA,IAER,CAAA,EACH,CAAA;AAAA,EAEJ;AACF;"}

package/lib/sd-component-library259.js

@@ -1,30 +1,36 @@
-import { j as t } from "./sd-component-library195.js";
-import { FlexCenter as s } from "./sd-component-library38.js";
-import { ResponsiveTextV2 as i } from "./sd-component-library148.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 { j as h } from "./sd-component-library195.js";
+import { getRangeProperties as p } from "./sd-component-library257.js";
+import { MatchedRangeLabelBox as u } from "./sd-component-library677.js";
+const b = (e) => {
+  const {
+    range: a,
+    arc: n,
+    totalRanges: o,
+    distanceBetweenRanges: r,
+    idx: s,
+    diameter: d,
+    segmented: c,
+    counterClockWise: i
+  } = e, { start: g, end: l } = a, m = d / 2, { rangeArcMiddle: x } = p(
+    n,
+    o,
+    r,
+    s,
+    g,
+    l
+  ), t = Math.round(x);
+  return /* @__PURE__ */ h.jsx(
+    u,
+    {
+      ...e,
+      ...a,
+      alpha: i ? 360 - t : t,
+      radius: m,
+      round: c
+    }
+  );
+};
 export {
-  l as CompactDonutGaugeValueIndicator
+  b as MatchedRangeLabelBox
 };
 //# sourceMappingURL=sd-component-library259.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library259.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-library259.js","sources":["../src/components/meters/smiley-meter-v2/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 { MatchedRangeBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const {\n    range,\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx,\n    diameter,\n    segmented,\n    counterClockWise,\n  } = props;\n  const { start, end } = range;\n\n  const radius = diameter / 2;\n  const { rangeArcMiddle: alpha } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx,\n    start,\n    end\n  );\n\n  const roundedAlpha = Math.round(alpha);\n\n  return (\n    <LabelBox\n      {...props}\n      {...range}\n      alpha={counterClockWise ? 360 - roundedAlpha : roundedAlpha}\n      radius={radius}\n      round={segmented}\n    />\n  );\n};\n"],"names":["MatchedRangeLabelBox","props","range","arc","totalRanges","distanceBetweenRanges","idx","diameter","segmented","counterClockWise","start","end","radius","alpha","getRangeProperties","roundedAlpha","jsx","LabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,EACE,IAAAR,GACE,EAAE,OAAAS,GAAO,KAAAC,EAAQ,IAAAT,GAEjBU,IAASL,IAAW,GACpB,EAAE,gBAAgBM,EAAA,IAAUC;AAAA,IAChCX;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAI;AAAA,IACAC;AAAA,EAAA,GAGII,IAAe,KAAK,MAAMF,CAAK;AAGnC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGhB;AAAA,MACH,GAAGC;AAAA,MACJ,OAAOO,IAAmB,MAAMM,IAAeA;AAAA,MAC/C,QAAAH;AAAA,MACA,OAAOJ;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/lib/sd-component-library26.js

@@ -1,8 +1,8 @@
 import { j as r } from "./sd-component-library195.js";
 import { Label as m } from "./sd-component-library212.js";
-import "./sd-component-library196.js";
+import "./sd-component-library198.js";
 import { Button as p } from "./sd-component-library29.js";
-import { Box as x } from "./sd-component-library197.js";
+import { Box as x } from "./sd-component-library199.js";
 import { ThirteenBold as b } from "./sd-component-library152.js";
 const O = (o) => {
   const {

package/lib/sd-component-library260.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library260.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-library260.js","sources":["../src/components/meters/people-meter/assets/person.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi4wNCAzMy43OSI+CiAgICA8Zz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggY2xhc3M9ImZpcnN0LWhhbGYiCiAgICAgICAgICAgICAgICBkPSJNOCwwVjYuMzdIOEEzLjE5LDMuMTksMCwwLDEsOCwwWk0xLDguMjRhNCw0LDAsMCwwLTEsMi43VjE5LjVhMS42NCwxLjY0LDAsMCwwLC40NSwxLjI4djBhMS40OSwxLjQ5LDAsMCwwLDIuMTIsMEExLjY0LDEuNjQsMCwwLDAsMywxOS41VjEyLjExaC43TDMuNjcsMzEuNjRjMCwuMDcsMCwuMTQsMCwuMjFhMS45MiwxLjkyLDAsMCwwLDEuOTEsMS45M2guMTJhMiwyLDAsMCwwLDEuODgtMi4xMlYyMS43NUg4VjdIMy43MkEzLjU3LDMuNTcsMCwwLDAsMSw4LjI0WiIgLz4KICAgICAgICAgICAgPHBhdGggY2xhc3M9InNlY29uZC1oYWxmIgogICAgICAgICAgICAgICAgZD0iTTgsNi4zOEg4VjBIOEEzLjE5LDMuMTksMCwwLDEsOCw2LjM4Wm03LjA3LDEuODZBMy41OSwzLjU5LDAsMCwwLDEyLjMyLDdIOFYyMS43NWguNDF2OS45M2ExLjM2LDEuMzYsMCwwLDAsMCwuMzUsMS45NSwxLjk1LDAsMSwwLDMuODgtLjM5VjEyLjFoLjYzdjcuNGExLjY4LDEuNjgsMCwwLDAsLjQ2LDEuMjksMS41OCwxLjU4LDAsMCwwLDIuMTgsMEExLjY5LDEuNjksMCwwLDAsMTYsMTkuNVYxMC45NEE0LjA5LDQuMDksMCwwLDAsMTUuMDcsOC4yNFoiIC8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K\""],"names":["SvgPerson","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,cAAc,GAAG,uQAAwQ,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,iQAAkQ,CAAA,CAAC,CAAC,CAAC;"}

package/lib/sd-component-library261.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library261.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-library261.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-range/outline-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n  inValueHigherThanRange,\n  isValueInRange,\n} from \"../../utils\";\nimport { BaseOutlineArc } from \"../base-outline-arc\";\nimport { OutlineMeterLabelPointer } from \"../outline-meter-label-pointer\";\nimport { OutlineMeterRangeProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      start,\n      end,\n      color,\n      bounds,\n      diameter,\n      arc,\n      distanceBetweenRanges,\n      totalRanges,\n      value,\n      gaugeWidth,\n      segmented,\n      idx,\n      pointStrokeWidth,\n      innerPointRadius,\n      distanceFromRanges,\n      label,\n      labelPosition,\n      hideLabels,\n      connected,\n    } = props;\n\n    const grey = \"#CCD0DB\";\n\n    /* Arc value (in degrees) used for all ranges. */\n    const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n    /* Arc value for the current range. */\n    const rangeArc = arcForRanges * (end - start);\n    const valueWithinRange = isValueInRange(value, start, end, bounds);\n\n    const arcStart = (360 - arc) / 2; // deg\n\n    const radius = diameter / 2;\n\n    const rangeArcStart =\n      arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n    const needConnection =\n      connected && inValueHigherThanRange(value, end, bounds);\n    const rangeArcEnd =\n      rangeArcStart +\n      arcForRanges * (end - start) +\n      (needConnection ? distanceBetweenRanges : 0);\n\n    const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n      radius,\n      rangeArcStart\n    );\n    const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n      radius,\n      rangeArcEnd\n    );\n\n    const calculatedLabelPosition =\n      labelPosition || idx === 0\n        ? \"left\"\n        : idx === totalRanges - 1\n        ? \"right\"\n        : \"top\";\n\n    /* When range will be filled completely. */\n    if (segmented || !valueWithinRange) {\n      const fillColor =\n        (segmented && valueWithinRange) ||\n        (!segmented && inValueHigherThanRange(value, end, bounds))\n          ? color\n          : grey;\n\n      const adjustedRangeArcEnd = needConnection\n        ? rangeArcEnd - distanceBetweenRanges\n        : rangeArcEnd;\n      const { y: adjustedRangeY } = getCoordinateForArc(\n        radius,\n        adjustedRangeArcEnd\n      );\n      const { x: rangeX, y: rangeY } = getCoordinateForArc(\n        radius,\n        (rangeArcStart + adjustedRangeArcEnd) / 2\n      );\n      return (\n        <g>\n          <BaseOutlineArc\n            startX={rangeStartX}\n            startY={rangeStartY}\n            endX={rangeEndX}\n            endY={rangeEndY}\n            startAlpha={rangeArcStart}\n            endAlpha={rangeArcEnd}\n            color={fillColor}\n            radius={radius}\n            width={gaugeWidth}\n          />\n          {!hideLabels && label && (\n            <OutlineMeterLabelPointer\n              diameter={diameter}\n              position={calculatedLabelPosition}\n              distanceFromRanges={distanceFromRanges}\n              isInRange={valueWithinRange}\n              {...((calculatedLabelPosition === \"right\" &&\n                rangeStartY > diameter / 2) ||\n              (calculatedLabelPosition === \"left\" &&\n                adjustedRangeY > diameter / 2)\n                ? {\n                    rangeX,\n                    rangeY,\n                  }\n                : undefined)}\n            />\n          )}\n        </g>\n      );\n    }\n\n    const valueAlpha =\n      rangeArcStart + ((value - start) / (end - start)) * rangeArc;\n\n    const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n    const valueInnerX = getInnerX(valueX, degToRad(valueAlpha), gaugeWidth);\n    const valueInnerY = getInnerY(valueY, degToRad(valueAlpha), gaugeWidth);\n\n    return (\n      <g>\n        <BaseOutlineArc\n          startX={rangeStartX}\n          startY={rangeStartY}\n          endX={valueX}\n          endY={valueY}\n          startAlpha={rangeArcStart}\n          endAlpha={valueAlpha}\n          color={color}\n          radius={radius}\n          width={gaugeWidth}\n          roundEnd={false}\n        />\n        <BaseOutlineArc\n          startX={valueX}\n          startY={valueY}\n          endX={rangeEndX}\n          endY={rangeEndY}\n          startAlpha={valueAlpha}\n          endAlpha={rangeArcEnd}\n          color={grey}\n          radius={radius}\n          width={gaugeWidth}\n          roundStart={false}\n        />\n        <circle\n          cx={(valueX + valueInnerX) / 2}\n          cy={(valueY + valueInnerY) / 2}\n          r={pointStrokeWidth + innerPointRadius}\n          strokeWidth={pointStrokeWidth}\n          stroke={color}\n          fill=\"white\"\n          ref={pointRef}\n        />\n        {!hideLabels && label && (\n          <OutlineMeterLabelPointer\n            diameter={diameter}\n            isInRange\n            position={calculatedLabelPosition}\n            distanceFromRanges={distanceFromRanges}\n          />\n        )}\n      </g>\n    );\n  }\n);\n"],"names":["OutlineMeterRange","React","props","pointRef","start","end","color","bounds","diameter","arc","distanceBetweenRanges","totalRanges","value","gaugeWidth","segmented","idx","pointStrokeWidth","innerPointRadius","distanceFromRanges","label","labelPosition","hideLabels","connected","grey","arcForRanges","rangeArc","valueWithinRange","isValueInRange","arcStart","radius","rangeArcStart","needConnection","inValueHigherThanRange","rangeArcEnd","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","calculatedLabelPosition","fillColor","adjustedRangeArcEnd","adjustedRangeY","rangeX","rangeY","jsx","BaseOutlineArc","OutlineMeterLabelPointer","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY"],"mappings":"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"}