@selfdecode/sd-component-library 4.0.107 → 4.0.109

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library242.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-label-pointer/outline-meter-label-pointer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { OutlineMeterLabelPointerProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterLabelPointer: React.FC<Props> = (props) => {\n  const { position, diameter, rangeY, rangeX, distanceFromRanges, isInRange } =\n    props;\n\n  if (isInRange) return null;\n\n  const { startX, startY, endX, endY } =\n    position === \"left\"\n      ? {\n          startX: rangeX || 0,\n          startY: rangeY || diameter / 2 - 0.5,\n          endX: -distanceFromRanges,\n          endY: diameter / 2 - 0.5,\n        }\n      : position === \"top\"\n      ? {\n          startX: rangeX || diameter / 2,\n          startY: rangeY || 0,\n          endX: diameter / 2,\n          endY: -distanceFromRanges,\n        }\n      : {\n          startX: rangeX || diameter,\n          startY: rangeY || diameter / 2 - 0.5,\n          endX: diameter + distanceFromRanges,\n          endY: diameter / 2 - 0.5,\n        };\n\n  return (\n    <path d={`M${startX},${startY} L${endX},${endY}`} stroke={\"#CCD0DB\"} />\n  );\n};\n"],"names":["OutlineMeterLabelPointer","props","position","diameter","rangeY","rangeX","distanceFromRanges","isInRange","startX","startY","endX","endY","jsx"],"mappings":";AAIa,MAAAA,IAA4C,CAACC,MAAU;AAClE,QAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,QAAAC,GAAQ,QAAAC,GAAQ,oBAAAC,GAAoB,WAAAC,EAC9D,IAAAN;AAEE,MAAAM;AAAkB,WAAA;AAEtB,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,MAAAC,GAAM,MAAAC,EAAK,IACjCT,MAAa,SACT;AAAA,IACE,QAAQG,KAAU;AAAA,IAClB,QAAQD,KAAUD,IAAW,IAAI;AAAA,IACjC,MAAM,CAACG;AAAA,IACP,MAAMH,IAAW,IAAI;AAAA,EAAA,IAEvBD,MAAa,QACb;AAAA,IACE,QAAQG,KAAUF,IAAW;AAAA,IAC7B,QAAQC,KAAU;AAAA,IAClB,MAAMD,IAAW;AAAA,IACjB,MAAM,CAACG;AAAA,EAAA,IAET;AAAA,IACE,QAAQD,KAAUF;AAAA,IAClB,QAAQC,KAAUD,IAAW,IAAI;AAAA,IACjC,MAAMA,IAAWG;AAAA,IACjB,MAAMH,IAAW,IAAI;AAAA,EAAA;AAG7B,SACGS,gBAAAA,EAAAA,IAAA,QAAA,EAAK,GAAG,IAAIJ,CAAM,IAAIC,CAAM,KAAKC,CAAI,IAAIC,CAAI,IAAI,QAAQ,UAAW,CAAA;AAEzE;"}
+{"version":3,"file":"sd-component-library242.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;"}

package/lib/sd-component-library243.js

@@ -1,56 +1,29 @@
-import { j as s } from "./sd-component-library197.js";
-import { useRef as g, useState as $, useEffect as b } from "react";
-import { Box as l } from "rebass";
-import { labelPaddingX as o, labelWidth as u } from "./sd-component-library226.js";
-import { ResponsiveTextV2 as v } from "./sd-component-library151.js";
-const C = (x) => {
-  const {
-    position: t,
-    diameter: r,
-    label: d,
-    distanceFromLabelToRanges: p,
-    isInRange: e,
-    color: n
-  } = x, i = g(), [c, a] = $(0);
-  b(() => {
-    i.current && a(i.current.getBoundingClientRect().height);
-  }, [i]);
-  const h = t === "right" ? `${r + p}px` : t === "top" ? `${r / 2}px` : void 0, m = t === "left" ? `${r + p}px` : void 0, f = t === "left" || t === "right" ? `${r / 2}px` : `${-p}px`;
-  return /* @__PURE__ */ s.jsx(l, { sx: { position: "absolute", left: h, top: f, right: m }, children: /* @__PURE__ */ s.jsx(
-    l,
+import { j as n } from "./sd-component-library198.js";
+import { ResponsiveTextV2 as p } from "./sd-component-library152.js";
+const c = (t) => {
+  const { text: o, onClick: e, px: r = "10px", py: i = "15px" } = t;
+  return /* @__PURE__ */ n.jsx(
+    p,
     {
+      fontSizeWeight: [[16, "regular"]],
       sx: {
-        position: "relative",
-        top: `-${c}px`,
-        left: t === "top" ? "-50%" : void 0,
-        py: "7px",
-        px: e ? `${o}px` : "0",
-        borderColor: e ? n : "cl_lightGrey",
-        borderWidth: e ? "2px" : "1pt",
-        borderStyle: e ? "solid" : "none",
-        borderBottomStyle: !e && t === "top" ? "none" : "solid",
-        borderRadius: e ? `${o}px ${o}px ${t !== "left" ? `${o}px` : "0"} ${t !== "right" ? `${o}px` : "0"}` : "0",
-        bg: "cl_white",
-        "& > div": {
-          maxWidth: t === "top" ? void 0 : `${u}px`
+        display: "flex",
+        justifyContent: "end",
+        px: r,
+        py: i,
+        cursor: "pointer",
+        textTransform: "capitalize",
+        opacity: 0.7,
+        ":hover": {
+          opacity: 1
         }
       },
-      ref: i,
-      children: /* @__PURE__ */ s.jsx(
-        v,
-        {
-          width: "max-content",
-          fontSizeWeight: [[12, "semi-bold"]],
-          color: e && n !== "#CCD0DB" ? n : "cl_darkGrey",
-          textTransform: "uppercase",
-          letterSpacing: "1.8px",
-          children: d
-        }
-      )
+      onClick: e,
+      children: o
     }
-  ) });
+  );
 };
 export {
-  C as BaseMeterLabelBox
+  c as ActionBox
 };
 //# sourceMappingURL=sd-component-library243.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library243.js","sources":["../src/components/meters/outline-meter/partials/base-meter-label-box/base-meter-label-box.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../contants\";\nimport { BaseMeterLabelBoxProps as Props } from \"./interfaces\";\n\nexport const BaseMeterLabelBox: React.FC<Props> = (props) => {\n  const {\n    position,\n    diameter,\n    label,\n    distanceFromLabelToRanges,\n    isInRange,\n    color,\n  } = props;\n  const ref = useRef<HTMLElement>();\n  const [textHeight, setTextHeight] = useState(0);\n\n  useEffect(() => {\n    if (ref.current) setTextHeight(ref.current.getBoundingClientRect().height);\n  }, [ref]);\n\n  const left =\n    position === \"right\"\n      ? `${diameter + distanceFromLabelToRanges}px`\n      : position === \"top\"\n      ? `${diameter / 2}px`\n      : undefined;\n  const right =\n    position === \"left\"\n      ? `${diameter + distanceFromLabelToRanges}px`\n      : undefined;\n  const top =\n    position === \"left\" || position === \"right\"\n      ? `${diameter / 2}px`\n      : `${-distanceFromLabelToRanges}px`;\n\n  return (\n    <Box sx={{ position: \"absolute\", left, top, right }}>\n      <Box\n        sx={{\n          position: \"relative\",\n          top: `-${textHeight}px`,\n          left: position === \"top\" ? \"-50%\" : undefined,\n          py: \"7px\",\n          px: isInRange ? `${labelPaddingX}px` : \"0\",\n          borderColor: isInRange ? color : \"cl_lightGrey\",\n          borderWidth: isInRange ? \"2px\" : \"1pt\",\n          borderStyle: isInRange ? \"solid\" : \"none\",\n          borderBottomStyle:\n            !isInRange && position === \"top\" ? \"none\" : \"solid\",\n          borderRadius: isInRange\n            ? `${labelPaddingX}px ${labelPaddingX}px ${\n                position !== \"left\" ? `${labelPaddingX}px` : \"0\"\n              } ${position !== \"right\" ? `${labelPaddingX}px` : \"0\"}`\n            : \"0\",\n          bg: \"cl_white\",\n          \"& > div\": {\n            maxWidth: position === \"top\" ? undefined : `${labelWidth}px`,\n          },\n        }}\n        ref={ref}\n      >\n        <ResponsiveTextV2\n          width=\"max-content\"\n          fontSizeWeight={[[12, \"semi-bold\"]]}\n          color={isInRange && color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n          textTransform=\"uppercase\"\n          letterSpacing=\"1.8px\"\n        >\n          {label}\n        </ResponsiveTextV2>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["BaseMeterLabelBox","props","position","diameter","label","distanceFromLabelToRanges","isInRange","color","ref","useRef","textHeight","setTextHeight","useState","useEffect","left","right","top","jsx","Box","labelPaddingX","labelWidth","ResponsiveTextV2"],"mappings":";;;;;AAQa,MAAAA,IAAqC,CAACC,MAAU;AACrD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,EACE,IAAAN,GACEO,IAAMC,KACN,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC;AAE9C,EAAAC,EAAU,MAAM;AACd,IAAIL,EAAI,WAASG,EAAcH,EAAI,QAAQ,sBAAsB,EAAE,MAAM;AAAA,EAAA,GACxE,CAACA,CAAG,CAAC;AAER,QAAMM,IACJZ,MAAa,UACT,GAAGC,IAAWE,CAAyB,OACvCH,MAAa,QACb,GAAGC,IAAW,CAAC,OACf,QACAY,IACJb,MAAa,SACT,GAAGC,IAAWE,CAAyB,OACvC,QACAW,IACJd,MAAa,UAAUA,MAAa,UAChC,GAAGC,IAAW,CAAC,OACf,GAAG,CAACE,CAAyB;AAGjC,SAAAY,gBAAAA,MAACC,KAAI,IAAI,EAAE,UAAU,YAAY,MAAAJ,GAAM,KAAAE,GAAK,OAAAD,EAC1C,GAAA,UAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK,IAAIR,CAAU;AAAA,QACnB,MAAMR,MAAa,QAAQ,SAAS;AAAA,QACpC,IAAI;AAAA,QACJ,IAAII,IAAY,GAAGa,CAAa,OAAO;AAAA,QACvC,aAAab,IAAYC,IAAQ;AAAA,QACjC,aAAaD,IAAY,QAAQ;AAAA,QACjC,aAAaA,IAAY,UAAU;AAAA,QACnC,mBACE,CAACA,KAAaJ,MAAa,QAAQ,SAAS;AAAA,QAC9C,cAAcI,IACV,GAAGa,CAAa,MAAMA,CAAa,MACjCjB,MAAa,SAAS,GAAGiB,CAAa,OAAO,GAC/C,IAAIjB,MAAa,UAAU,GAAGiB,CAAa,OAAO,GAAG,KACrD;AAAA,QACJ,IAAI;AAAA,QACJ,WAAW;AAAA,UACT,UAAUjB,MAAa,QAAQ,SAAY,GAAGkB,CAAU;AAAA,QAC1D;AAAA,MACF;AAAA,MACA,KAAAZ;AAAA,MAEA,UAAAS,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,UAClC,OAAOf,KAAaC,MAAU,YAAYA,IAAQ;AAAA,UAClD,eAAc;AAAA,UACd,eAAc;AAAA,UAEb,UAAAH;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library243.js","sources":["../src/components/tooltips/actions-tooltip/partials/action-box/action-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { ActionBoxProps as Props } from \"./interfaces\";\n\nexport const ActionBox: React.FC<Props> = (props) => {\n  const { text, onClick, px = \"10px\", py = \"15px\" } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        display: \"flex\",\n        justifyContent: \"end\",\n        px,\n        py,\n        cursor: \"pointer\",\n        textTransform: \"capitalize\",\n        opacity: 0.7,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["ActionBox","props","text","onClick","px","py","jsx","ResponsiveTextV2"],"mappings":";;AAOa,MAAAA,IAA6B,CAACC,MAAU;AACnD,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,QAAQ,IAAAC,IAAK,OAAW,IAAAJ;AAGlD,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,IAAAH;AAAA,QACA,IAAAC;AAAA,QACA,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library244.js

@@ -1,51 +1,43 @@
-import { getCoordinateForArc as s } from "./sd-component-library92.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
+import { j as o } from "./sd-component-library198.js";
+import p from "react";
+import { Box as a } from "rebass";
+import { AutocompleteOptionBox as n } from "./sd-component-library320.js";
+import { HorizontalDivider as d } from "./sd-component-library50.js";
+function f(s) {
+  const { results: t, value: i, onSelect: l, translateContent: x = !0 } = s;
+  return /* @__PURE__ */ o.jsx(
+    a,
+    {
+      sx: {
+        position: "absolute",
+        top: "100%",
+        bg: "white",
+        width: "100%",
+        borderRadius: "0px 0px 3px 3px",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: "#C8CCE5",
+        boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
+        zIndex: 100
+      },
+      className: x ? void 0 : "no-translate",
+      "data-test": "results-box",
+      children: t.map(({ synonyms: r }, e) => /* @__PURE__ */ o.jsxs(p.Fragment, { children: [
+        /* @__PURE__ */ o.jsx(
+          n,
+          {
+            value: i,
+            synonyms: r,
+            onSelect: l
+          },
+          r.join()
+        ),
+        e !== t.length - 1 && /* @__PURE__ */ o.jsx(d, { color: "cl_lightGrey" })
+      ] }, e))
+    }
   );
-  return {
-    startX: l,
-    startY: u,
-    endX: h,
-    endY: i,
-    startInnerX: f,
-    startInnerY: m,
-    endInnerX: g,
-    endInnerY: S,
-    arc: d
-  };
-};
+}
 export {
-  v as areSegmentsValid,
-  x as getSegmentCoordinates
+  f as ResultsBox
 };
 //# sourceMappingURL=sd-component-library244.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library244.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","start","end","showError","text","point","acc","i","currentSegment","getSegmentCoordinates","radius","segmentWidth","innerRadius","startAlpha","endAlpha","arc","startX","startY","getCoordinateForArc","startInnerX","startInnerY","endX","endY","endInnerX","endInnerY"],"mappings":";AAGa,MAAAA,IAAmB,CAC9BC,MACY;AACN,QAAAC,IAAmB,YAAYD,EAAS;AAAA,IAC5C,CAAC,EAAE,OAAAE,GAAO,KAAAC,QAAU,IAAID,CAAK,IAAIC,CAAG;AAAA,EACrC,CAAA,IACKC,IAAY,CAACC,MAAiB,QAAQ,MAAMA,GAAMJ,CAAgB;AAExE,MACED,EAAS;AAAA,IAAK,CAAC,EAAE,OAAAE,GAAO,KAAAC,QACtB,CAACD,GAAOC,CAAG,EAAE,KAAK,CAACG,MAAUA,IAAQ,KAAKA,IAAQ,CAAC;AAAA,EAAA;AAGrD,WAAAF,EAAU,0CAA0C,GAC7C;AAGT,MACEJ,EAAS;AAAA,IACP,CAACO,GAAK,EAAE,OAAAL,QAAYK,KAAOL,MAAU,IAAI,IAAI;AAAA,IAC7C;AAAA,QACI;AAEN,WAAAE,EAAU,iCAAiC,GACpC;AAGT,MACEJ,EAAS,OAAe,CAACO,GAAK,EAAE,KAAAJ,EAAI,MAAMI,KAAOJ,MAAQ,IAAI,IAAI,IAAI,CAAC,MACtE;AAEA,WAAAC,EAAU,6BAA6B,GAChC;AAGL,MAAAJ,EAAS,KAAK,CAAC,EAAE,OAAAE,GAAO,KAAAC,QAAUD,KAASC,CAAG;AAChD,WAAAC,EAAU,0CAA0C,GAC7C;AAGT,WAASI,IAAI,GAAGA,IAAIR,EAAS,QAAQQ,KAAK;AAClC,UAAAC,IAAiBT,EAASQ,CAAC;AAE7B,QADgBR,EAASQ,IAAI,CAAC,EAClB,QAAQC,EAAe;AACrC,aAAAL,EAAU,4DAA4D,GAC/D;AAAA,EAEX;AAEO,SAAA;AACT,GAEaM,IAAwB,CACnC,EAAE,OAAAR,GAAO,KAAAC,EAAI,GACbQ,GACAC,MACG;AACH,QAAMC,IAAcF,IAASC,GAEvBE,IAAa,KAAK,MAAMZ,IAAQ,GAAG,GACnCa,IAAW,KAAK,MAAMZ,IAAM,GAAG,GAC/Ba,IAAMD,IAAWD,GAEjB,EAAE,GAAGG,GAAQ,GAAGC,MAAWC,EAAoBR,GAAQG,CAAU,GACjE,EAAE,GAAGM,GAAa,GAAGC,EAAgB,IAAAF;AAAA,IACzCN;AAAA,IACAC;AAAA,IACAH;AAAA,EAAA,GAGI,EAAE,GAAGW,GAAM,GAAGC,MAASJ,EAAoBR,GAAQI,CAAQ,GAC3D,EAAE,GAAGS,GAAW,GAAGC,EAAc,IAAAN;AAAA,IACrCN;AAAA,IACAE;AAAA,IACAJ;AAAA,EAAA;AAEK,SAAA;AAAA,IACL,QAAAM;AAAA,IACA,QAAAC;AAAA,IACA,MAAAI;AAAA,IACA,MAAAC;AAAA,IACA,aAAAH;AAAA,IACA,aAAAC;AAAA,IACA,WAAAG;AAAA,IACA,WAAAC;AAAA,IACA,KAAAT;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library244.js","sources":["../src/components/inputs/autocomplete-input/partials/results-box/results-box.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { AutocompleteOptionBox } from \"../autocomplete-option-box\";\nimport { ResultsBoxProps as Props } from \"./interfaces\";\n\nexport function ResultsBox<T>(props: PropsWithChildren<Props<T>>) {\n  const { results, value, onSelect, translateContent = true } = props;\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: \"100%\",\n        bg: \"white\",\n        width: \"100%\",\n        borderRadius: \"0px 0px 3px 3px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"#C8CCE5\",\n        boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n        zIndex: 100,\n      }}\n      className={!translateContent ? \"no-translate\" : undefined}\n      data-test=\"results-box\"\n    >\n      {results.map(({ synonyms }, idx) => (\n        <React.Fragment key={idx}>\n          <AutocompleteOptionBox\n            value={value}\n            synonyms={synonyms}\n            key={synonyms.join()}\n            onSelect={onSelect}\n          />\n          {idx !== results.length - 1 && (\n            <HorizontalDivider color=\"cl_lightGrey\" />\n          )}\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n}\n"],"names":["ResultsBox","props","results","value","onSelect","translateContent","jsx","Box","synonyms","idx","jsxs","React","AutocompleteOptionBox","HorizontalDivider"],"mappings":";;;;;AAQO,SAASA,EAAcC,GAAoC;AAChE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,kBAAAC,IAAmB,GAAS,IAAAJ;AAG5D,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MACA,WAAYF,IAAoC,SAAjB;AAAA,MAC/B,aAAU;AAAA,MAET,UAAAH,EAAQ,IAAI,CAAC,EAAE,UAAAM,EAAA,GAAYC,MAC1BC,gBAAAA,OAACC,EAAM,UAAN,EACC,UAAA;AAAA,QAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAAT;AAAA,YACA,UAAAK;AAAA,YAEA,UAAAJ;AAAA,UAAA;AAAA,UADKI,EAAS,KAAK;AAAA,QAErB;AAAA,QACCC,MAAQP,EAAQ,SAAS,KACvBI,gBAAAA,EAAA,IAAAO,GAAA,EAAkB,OAAM,gBAAe;AAAA,MAAA,EAAA,GARvBJ,CAUrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library245.js

@@ -1,78 +1,132 @@
-import { j as n } from "./sd-component-library197.js";
-import { useHover as Z } from "./sd-component-library3.js";
-import { getCoordinateForArc as l } from "./sd-component-library92.js";
-import { getSegmentCoordinates as O } from "./sd-component-library244.js";
-import { SegmentLabel as q } from "./sd-component-library324.js";
-const h = 300, G = ({
-  segment: o,
-  segmentWidth: $,
-  outlineWidth: f,
-  size: i,
-  mobile: a,
-  ...c
-}) => {
-  const { start: p, end: x, color: u } = o, { labelOffset: j } = c, t = i / 2, d = t - $, {
-    startInnerX: k,
-    startInnerY: A,
-    endInnerX: M,
-    endInnerY: X,
-    endX: Y,
-    endY: v,
-    startY: S,
-    startX: g,
-    arc: e
-  } = O(o, t, $), r = i / 2, H = Math.round(p * 360), I = Math.round(x * 360), { isHover: L, hoverCallbacks: w } = Z(), m = L && !a, s = Math.sqrt(2) * (t + j), { x: y, y: C } = l(
-    s,
-    H,
-    t
-  ), { x: E, y: R } = l(
-    s,
-    I,
-    t
-  );
-  return /* @__PURE__ */ n.jsxs("g", { ...a ? {} : w, children: [
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: `M${r},${r} L${y},${C} A${s},${s} 0 ${e > 180 ? "1" : "0"},1 ${E},${R}Z`,
-        fill: "transparent"
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: `M${r},${r} L${g},${S} A${t},${t} 0 ${e > 180 ? "1" : "0"},1 ${Y},${v}Z`,
-        fill: u,
-        strokeWidth: f,
-        stroke: "white"
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: `M${r},${r} L${k},${A} A${d},${d} 0 ${e > 180 ? "1" : "0"},1 ${M},${X}Z`,
-        fill: "white",
-        style: {
-          transform: `scale(${m ? 0.8 : 1}`,
-          transformOrigin: "center",
-          transition: `all ${h}ms`
-        }
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      q,
-      {
-        segment: o,
-        radius: t,
-        animationDuration: h,
-        isHover: m,
-        mobile: a,
-        ...c
-      }
-    )
-  ] });
+import { commonjsGlobal as a } from "./sd-component-library282.js";
+import { __exports as h } from "./sd-component-library292.js";
+import d from "react";
+import { f as g } from "./sd-component-library293.js";
+import { p as y } from "./sd-component-library294.js";
+var v = a && a.__extends || function() {
+  var t = function(r, e) {
+    return t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, o) {
+      n.__proto__ = o;
+    } || function(n, o) {
+      for (var i in o)
+        Object.prototype.hasOwnProperty.call(o, i) && (n[i] = o[i]);
+    }, t(r, e);
+  };
+  return function(r, e) {
+    if (typeof e != "function" && e !== null)
+      throw new TypeError("Class extends value " + String(e) + " is not a constructor or null");
+    t(r, e);
+    function n() {
+      this.constructor = r;
+    }
+    r.prototype = e === null ? Object.create(e) : (n.prototype = e.prototype, new n());
+  };
+}(), p = a && a.__assign || function() {
+  return p = Object.assign || function(t) {
+    for (var r, e = 1, n = arguments.length; e < n; e++) {
+      r = arguments[e];
+      for (var o in r)
+        Object.prototype.hasOwnProperty.call(r, o) && (t[o] = r[o]);
+    }
+    return t;
+  }, p.apply(this, arguments);
+}, b = a && a.__createBinding || (Object.create ? function(t, r, e, n) {
+  n === void 0 && (n = e), Object.defineProperty(t, n, { enumerable: !0, get: function() {
+    return r[e];
+  } });
+} : function(t, r, e, n) {
+  n === void 0 && (n = e), t[n] = r[e];
+}), O = a && a.__setModuleDefault || (Object.create ? function(t, r) {
+  Object.defineProperty(t, "default", { enumerable: !0, value: r });
+} : function(t, r) {
+  t.default = r;
+}), m = a && a.__importStar || function(t) {
+  if (t && t.__esModule)
+    return t;
+  var r = {};
+  if (t != null)
+    for (var e in t)
+      e !== "default" && Object.prototype.hasOwnProperty.call(t, e) && b(r, t, e);
+  return O(r, t), r;
+}, j = a && a.__rest || function(t, r) {
+  var e = {};
+  for (var n in t)
+    Object.prototype.hasOwnProperty.call(t, n) && r.indexOf(n) < 0 && (e[n] = t[n]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, n = Object.getOwnPropertySymbols(t); o < n.length; o++)
+      r.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[o]) && (e[n[o]] = t[n[o]]);
+  return e;
+}, R = a && a.__importDefault || function(t) {
+  return t && t.__esModule ? t : { default: t };
 };
+Object.defineProperty(h, "__esModule", { value: !0 });
+var f = m(d), C = R(g), l = m(y);
+function c(t) {
+  return t && t.replace(/&nbsp;|\u202F|\u00A0/g, " ");
+}
+function E(t) {
+  var r = document.createTextNode("");
+  t.appendChild(r);
+  var e = document.activeElement === t;
+  if (r !== null && r.nodeValue !== null && e) {
+    var n = window.getSelection();
+    if (n !== null) {
+      var o = document.createRange();
+      o.setStart(r, r.nodeValue.length), o.collapse(!0), n.removeAllRanges(), n.addRange(o);
+    }
+    t instanceof HTMLElement && t.focus();
+  }
+}
+var w = (
+  /** @class */
+  function(t) {
+    v(r, t);
+    function r() {
+      var e = t !== null && t.apply(this, arguments) || this;
+      return e.lastHtml = e.props.html, e.el = typeof e.props.innerRef == "function" ? { current: null } : f.createRef(), e.getEl = function() {
+        return (e.props.innerRef && typeof e.props.innerRef != "function" ? e.props.innerRef : e.el).current;
+      }, e.emitChange = function(n) {
+        var o = e.getEl();
+        if (o) {
+          var i = o.innerHTML;
+          if (e.props.onChange && i !== e.lastHtml) {
+            var u = Object.assign({}, n, {
+              target: {
+                value: i
+              }
+            });
+            e.props.onChange(u);
+          }
+          e.lastHtml = i;
+        }
+      }, e;
+    }
+    return r.prototype.render = function() {
+      var e = this, n = this.props, o = n.tagName, i = n.html, u = n.innerRef, _ = j(n, ["tagName", "html", "innerRef"]);
+      return f.createElement(o || "div", p(p({}, _), { ref: typeof u == "function" ? function(s) {
+        u(s), e.el.current = s;
+      } : u || this.el, onInput: this.emitChange, onBlur: this.props.onBlur || this.emitChange, onKeyUp: this.props.onKeyUp || this.emitChange, onKeyDown: this.props.onKeyDown || this.emitChange, contentEditable: !this.props.disabled, dangerouslySetInnerHTML: { __html: i } }), this.props.children);
+    }, r.prototype.shouldComponentUpdate = function(e) {
+      var n = this.props, o = this.getEl();
+      return !o || c(e.html) !== c(o.innerHTML) ? !0 : n.disabled !== e.disabled || n.tagName !== e.tagName || n.className !== e.className || n.innerRef !== e.innerRef || n.placeholder !== e.placeholder || !C.default(n.style, e.style);
+    }, r.prototype.componentDidUpdate = function() {
+      var e = this.getEl();
+      e && (this.props.html !== e.innerHTML && (e.innerHTML = this.props.html), this.lastHtml = this.props.html, E(e));
+    }, r.propTypes = {
+      html: l.string.isRequired,
+      onChange: l.func,
+      disabled: l.bool,
+      tagName: l.string,
+      className: l.string,
+      style: l.object,
+      innerRef: l.oneOfType([
+        l.object,
+        l.func
+      ])
+    }, r;
+  }(f.Component)
+), D = h.default = w;
 export {
-  G as Segment
+  D as default
 };
 //# sourceMappingURL=sd-component-library245.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library245.js","sources":["../src/components/meters/donut-diagram/partials/segment/segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { getSegmentCoordinates } from \"../../utils\";\nimport { SegmentLabel } from \"../segment-label\";\nimport { SegmentProps as Props } from \"./interfaces\";\n\nconst animationDuration = 300;\n\nexport const Segment: React.FC<Props> = ({\n  segment,\n  segmentWidth,\n  outlineWidth,\n  size: diameter,\n  mobile,\n  ...labelProps\n}) => {\n  const { start, end, color } = segment;\n  const { labelOffset } = labelProps;\n\n  const radius = diameter / 2;\n  const innerRadius = radius - segmentWidth;\n\n  const {\n    startInnerX,\n    startInnerY,\n    endInnerX,\n    endInnerY,\n    endX,\n    endY,\n    startY,\n    startX,\n    arc,\n  } = getSegmentCoordinates(segment, radius, segmentWidth);\n\n  const center = diameter / 2;\n\n  const startAlpha = Math.round(start * 360);\n  const endAlpha = Math.round(end * 360);\n\n  const { isHover, hoverCallbacks } = useHover();\n  const showHover = isHover && !mobile;\n\n  const maxRadius = Math.sqrt(2) * (radius + labelOffset);\n\n  const { x: maskStartX, y: maskStartY } = getCoordinateForArc(\n    maxRadius,\n    startAlpha,\n    radius\n  );\n\n  const { x: maskEndX, y: maskEndY } = getCoordinateForArc(\n    maxRadius,\n    endAlpha,\n    radius\n  );\n\n  return (\n    <g {...(mobile ? {} : hoverCallbacks)}>\n      {/* mask */}\n      <path\n        d={`M${center},${center} L${maskStartX},${maskStartY} A${maxRadius},${maxRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${maskEndX},${maskEndY}Z`}\n        fill=\"transparent\"\n      />\n\n      {/* colored sector */}\n      <path\n        d={`M${center},${center} L${startX},${startY} A${radius},${radius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endX},${endY}Z`}\n        fill={color}\n        strokeWidth={outlineWidth}\n        stroke=\"white\"\n      />\n\n      {/* white inner sector */}\n      <path\n        d={`M${center},${center} L${startInnerX},${startInnerY} A${innerRadius},${innerRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endInnerX},${endInnerY}Z`}\n        fill=\"white\"\n        style={{\n          transform: `scale(${showHover ? 0.8 : 1}`,\n          transformOrigin: \"center\",\n          transition: `all ${animationDuration}ms`,\n        }}\n      />\n\n      <SegmentLabel\n        segment={segment}\n        radius={radius}\n        animationDuration={animationDuration}\n        isHover={showHover}\n        mobile={mobile}\n        {...labelProps}\n      />\n    </g>\n  );\n};\n"],"names":["animationDuration","Segment","segment","segmentWidth","outlineWidth","diameter","mobile","labelProps","start","end","color","labelOffset","radius","innerRadius","startInnerX","startInnerY","endInnerX","endInnerY","endX","endY","startY","startX","arc","getSegmentCoordinates","center","startAlpha","endAlpha","isHover","hoverCallbacks","useHover","showHover","maxRadius","maskStartX","maskStartY","getCoordinateForArc","maskEndX","maskEndY","jsx","SegmentLabel"],"mappings":";;;;;AAQA,MAAMA,IAAoB,KAEbC,IAA2B,CAAC;AAAA,EACvC,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAMC;AAAA,EACN,QAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,OAAAC,GAAO,KAAAC,GAAK,OAAAC,EAAA,IAAUR,GACxB,EAAE,aAAAS,EAAgB,IAAAJ,GAElBK,IAASP,IAAW,GACpBQ,IAAcD,IAAST,GAEvB;AAAA,IACJ,aAAAW;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,EACE,IAAAC,EAAsBrB,GAASU,GAAQT,CAAY,GAEjDqB,IAASnB,IAAW,GAEpBoB,IAAa,KAAK,MAAMjB,IAAQ,GAAG,GACnCkB,IAAW,KAAK,MAAMjB,IAAM,GAAG,GAE/B,EAAE,SAAAkB,GAAS,gBAAAC,EAAe,IAAIC,EAAS,GACvCC,IAAYH,KAAW,CAACrB,GAExByB,IAAY,KAAK,KAAK,CAAC,KAAKnB,IAASD,IAErC,EAAE,GAAGqB,GAAY,GAAGC,EAAe,IAAAC;AAAA,IACvCH;AAAA,IACAN;AAAA,IACAb;AAAA,EAAA,GAGI,EAAE,GAAGuB,GAAU,GAAGC,EAAa,IAAAF;AAAA,IACnCH;AAAA,IACAL;AAAA,IACAd;AAAA,EAAA;AAGF,gCACG,KAAG,EAAA,GAAIN,IAAS,KAAKsB,GAEpB,UAAA;AAAA,IAAAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIb,CAAM,IAAIA,CAAM,KAAKQ,CAAU,IAAIC,CAAU,KAAKF,CAAS,IAAIA,CAAS,MAC7ET,IAAM,MAAM,MAAM,GACpB,MAAMa,CAAQ,IAAIC,CAAQ;AAAA,QAC1B,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IAGAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIb,CAAM,IAAIA,CAAM,KAAKH,CAAM,IAAID,CAAM,KAAKR,CAAM,IAAIA,CAAM,MAC/DU,IAAM,MAAM,MAAM,GACpB,MAAMJ,CAAI,IAAIC,CAAI;AAAA,QAClB,MAAMT;AAAA,QACN,aAAaN;AAAA,QACb,QAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAGAiC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIb,CAAM,IAAIA,CAAM,KAAKV,CAAW,IAAIC,CAAW,KAAKF,CAAW,IAAIA,CAAW,MACnFS,IAAM,MAAM,MAAM,GACpB,MAAMN,CAAS,IAAIC,CAAS;AAAA,QAC5B,MAAK;AAAA,QACL,OAAO;AAAA,UACL,WAAW,SAASa,IAAY,MAAM,CAAC;AAAA,UACvC,iBAAiB;AAAA,UACjB,YAAY,OAAO9B,CAAiB;AAAA,QACtC;AAAA,MAAA;AAAA,IACF;AAAA,IAEAqC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAApC;AAAA,QACA,QAAAU;AAAA,QACA,mBAAAZ;AAAA,QACA,SAAS8B;AAAA,QACT,QAAAxB;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IACN;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library245.js","sources":["../node_modules/react-contenteditable/lib/react-contenteditable.js"],"sourcesContent":["\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        if (typeof b !== \"function\" && b !== null)\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n    __setModuleDefault(result, mod);\n    return result;\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar React = __importStar(require(\"react\"));\nvar fast_deep_equal_1 = __importDefault(require(\"fast-deep-equal\"));\nvar PropTypes = __importStar(require(\"prop-types\"));\nfunction normalizeHtml(str) {\n    return str && str.replace(/&nbsp;|\\u202F|\\u00A0/g, ' ');\n}\nfunction replaceCaret(el) {\n    // Place the caret at the end of the element\n    var target = document.createTextNode('');\n    el.appendChild(target);\n    // do not move caret if element was not focused\n    var isTargetFocused = document.activeElement === el;\n    if (target !== null && target.nodeValue !== null && isTargetFocused) {\n        var sel = window.getSelection();\n        if (sel !== null) {\n            var range = document.createRange();\n            range.setStart(target, target.nodeValue.length);\n            range.collapse(true);\n            sel.removeAllRanges();\n            sel.addRange(range);\n        }\n        if (el instanceof HTMLElement)\n            el.focus();\n    }\n}\n/**\n * A simple component for an html element with editable contents.\n */\nvar ContentEditable = /** @class */ (function (_super) {\n    __extends(ContentEditable, _super);\n    function ContentEditable() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.lastHtml = _this.props.html;\n        _this.el = typeof _this.props.innerRef === 'function' ? { current: null } : React.createRef();\n        _this.getEl = function () { return (_this.props.innerRef && typeof _this.props.innerRef !== 'function' ? _this.props.innerRef : _this.el).current; };\n        _this.emitChange = function (originalEvt) {\n            var el = _this.getEl();\n            if (!el)\n                return;\n            var html = el.innerHTML;\n            if (_this.props.onChange && html !== _this.lastHtml) {\n                // Clone event with Object.assign to avoid\n                // \"Cannot assign to read only property 'target' of object\"\n                var evt = Object.assign({}, originalEvt, {\n                    target: {\n                        value: html\n                    }\n                });\n                _this.props.onChange(evt);\n            }\n            _this.lastHtml = html;\n        };\n        return _this;\n    }\n    ContentEditable.prototype.render = function () {\n        var _this = this;\n        var _a = this.props, tagName = _a.tagName, html = _a.html, innerRef = _a.innerRef, props = __rest(_a, [\"tagName\", \"html\", \"innerRef\"]);\n        return React.createElement(tagName || 'div', __assign(__assign({}, props), { ref: typeof innerRef === 'function' ? function (current) {\n                innerRef(current);\n                _this.el.current = current;\n            } : innerRef || this.el, onInput: this.emitChange, onBlur: this.props.onBlur || this.emitChange, onKeyUp: this.props.onKeyUp || this.emitChange, onKeyDown: this.props.onKeyDown || this.emitChange, contentEditable: !this.props.disabled, dangerouslySetInnerHTML: { __html: html } }), this.props.children);\n    };\n    ContentEditable.prototype.shouldComponentUpdate = function (nextProps) {\n        var props = this.props;\n        var el = this.getEl();\n        // We need not rerender if the change of props simply reflects the user's edits.\n        // Rerendering in this case would make the cursor/caret jump\n        // Rerender if there is no element yet... (somehow?)\n        if (!el)\n            return true;\n        // ...or if html really changed... (programmatically, not by user edit)\n        if (normalizeHtml(nextProps.html) !== normalizeHtml(el.innerHTML)) {\n            return true;\n        }\n        // Handle additional properties\n        return props.disabled !== nextProps.disabled ||\n            props.tagName !== nextProps.tagName ||\n            props.className !== nextProps.className ||\n            props.innerRef !== nextProps.innerRef ||\n            props.placeholder !== nextProps.placeholder ||\n            !fast_deep_equal_1.default(props.style, nextProps.style);\n    };\n    ContentEditable.prototype.componentDidUpdate = function () {\n        var el = this.getEl();\n        if (!el)\n            return;\n        // Perhaps React (whose VDOM gets outdated because we often prevent\n        // rerendering) did not update the DOM. So we update it manually now.\n        if (this.props.html !== el.innerHTML) {\n            el.innerHTML = this.props.html;\n        }\n        this.lastHtml = this.props.html;\n        replaceCaret(el);\n    };\n    ContentEditable.propTypes = {\n        html: PropTypes.string.isRequired,\n        onChange: PropTypes.func,\n        disabled: PropTypes.bool,\n        tagName: PropTypes.string,\n        className: PropTypes.string,\n        style: PropTypes.object,\n        innerRef: PropTypes.oneOfType([\n            PropTypes.object,\n            PropTypes.func,\n        ])\n    };\n    return ContentEditable;\n}(React.Component));\nexports.default = ContentEditable;\n"],"names":["__extends","this","extendStatics","d","b","p","__","__assign","s","i","__createBinding","o","m","k","k2","__setModuleDefault","v","__importStar","mod","result","__rest","e","t","__importDefault","reactContenteditable","React","require$$0","fast_deep_equal_1","require$$1","PropTypes","require$$2","normalizeHtml","str","replaceCaret","el","target","isTargetFocused","sel","range","ContentEditable","_super","_this","originalEvt","html","evt","_a","tagName","innerRef","props","current","nextProps","_default"],"mappings":";;;;;AACA,IAAIA,IAAaC,KAAQA,EAAK,aAAe,WAAY;AACrD,MAAIC,IAAgB,SAAUC,GAAGC,GAAG;AAChC,WAAAF,IAAgB,OAAO,kBAClB,EAAE,WAAW,CAAA,eAAgB,SAAS,SAAUC,GAAGC,GAAG;AAAE,MAAAD,EAAE,YAAYC;AAAA,IAAE,KACzE,SAAUD,GAAGC,GAAG;AAAE,eAASC,KAAKD;AAAG,QAAI,OAAO,UAAU,eAAe,KAAKA,GAAGC,CAAC,MAAGF,EAAEE,CAAC,IAAID,EAAEC,CAAC;AAAA,OAC1FH,EAAcC,GAAGC,CAAC;AAAA,EACjC;AACI,SAAO,SAAUD,GAAGC,GAAG;AACnB,QAAI,OAAOA,KAAM,cAAcA,MAAM;AACjC,YAAM,IAAI,UAAU,yBAAyB,OAAOA,CAAC,IAAI,+BAA+B;AAC5F,IAAAF,EAAcC,GAAGC,CAAC;AAClB,aAASE,IAAK;AAAE,WAAK,cAAcH;AAAA,IAAI;AACvC,IAAAA,EAAE,YAAYC,MAAM,OAAO,OAAO,OAAOA,CAAC,KAAKE,EAAG,YAAYF,EAAE,WAAW,IAAIE,EAAI;AAAA,EAC3F;AACA,KACIC,IAAYN,KAAQA,EAAK,YAAa,WAAY;AAClD,SAAAM,IAAW,OAAO,UAAU,SAAS,GAAG;AACpC,aAASC,GAAGC,IAAI,GAAG,IAAI,UAAU,QAAQA,IAAI,GAAGA,KAAK;AACjD,MAAAD,IAAI,UAAUC,CAAC;AACf,eAASJ,KAAKG;AAAG,QAAI,OAAO,UAAU,eAAe,KAAKA,GAAGH,CAAC,MAC1D,EAAEA,CAAC,IAAIG,EAAEH,CAAC;AAAA,IACjB;AACD,WAAO;AAAA,EACf,GACWE,EAAS,MAAM,MAAM,SAAS;AACzC,GACIG,IAAmBT,KAAQA,EAAK,oBAAqB,OAAO,SAAU,SAASU,GAAGC,GAAGC,GAAGC,GAAI;AAC5F,EAAIA,MAAO,WAAWA,IAAKD,IAC3B,OAAO,eAAeF,GAAGG,GAAI,EAAE,YAAY,IAAM,KAAK,WAAW;AAAE,WAAOF,EAAEC,CAAC;AAAA,EAAE,EAAI,CAAA;AACvF,IAAM,SAASF,GAAGC,GAAGC,GAAGC,GAAI;AACxB,EAAIA,MAAO,WAAWA,IAAKD,IAC3BF,EAAEG,CAAE,IAAIF,EAAEC,CAAC;AACf,IACIE,IAAsBd,KAAQA,EAAK,uBAAwB,OAAO,SAAU,SAASU,GAAGK,GAAG;AAC3F,SAAO,eAAeL,GAAG,WAAW,EAAE,YAAY,IAAM,OAAOK,EAAC,CAAE;AACtE,IAAK,SAASL,GAAGK,GAAG;AAChB,EAAAL,EAAE,UAAaK;AACnB,IACIC,IAAgBhB,KAAQA,EAAK,gBAAiB,SAAUiB,GAAK;AAC7D,MAAIA,KAAOA,EAAI;AAAY,WAAOA;AAClC,MAAIC,IAAS,CAAA;AACb,MAAID,KAAO;AAAM,aAASL,KAAKK;AAAK,MAAIL,MAAM,aAAa,OAAO,UAAU,eAAe,KAAKK,GAAKL,CAAC,KAAGH,EAAgBS,GAAQD,GAAKL,CAAC;AACvI,SAAAE,EAAmBI,GAAQD,CAAG,GACvBC;AACX,GACIC,IAAUnB,KAAQA,EAAK,UAAW,SAAUO,GAAGa,GAAG;AAClD,MAAIC,IAAI,CAAA;AACR,WAASjB,KAAKG;AAAG,IAAI,OAAO,UAAU,eAAe,KAAKA,GAAGH,CAAC,KAAKgB,EAAE,QAAQhB,CAAC,IAAI,MAC9EiB,EAAEjB,CAAC,IAAIG,EAAEH,CAAC;AACd,MAAIG,KAAK,QAAQ,OAAO,OAAO,yBAA0B;AACrD,aAASC,IAAI,GAAGJ,IAAI,OAAO,sBAAsBG,CAAC,GAAGC,IAAIJ,EAAE,QAAQI;AAC/D,MAAIY,EAAE,QAAQhB,EAAEI,CAAC,CAAC,IAAI,KAAK,OAAO,UAAU,qBAAqB,KAAKD,GAAGH,EAAEI,CAAC,CAAC,MACzEa,EAAEjB,EAAEI,CAAC,CAAC,IAAID,EAAEH,EAAEI,CAAC,CAAC;AAE5B,SAAOa;AACX,GACIC,IAAmBtB,KAAQA,EAAK,mBAAoB,SAAUiB,GAAK;AACnE,SAAQA,KAAOA,EAAI,aAAcA,IAAM,EAAE,SAAWA;AACxD;AACA,OAAO,eAAeM,GAAS,cAAc,EAAE,OAAO,GAAI,CAAE;AAC5D,IAAIC,IAAQR,EAAaS,CAAgB,GACrCC,IAAoBJ,EAAgBK,CAA0B,GAC9DC,IAAYZ,EAAaa,CAAqB;AAClD,SAASC,EAAcC,GAAK;AACxB,SAAOA,KAAOA,EAAI,QAAQ,yBAAyB,GAAG;AAC1D;AACA,SAASC,EAAaC,GAAI;AAEtB,MAAIC,IAAS,SAAS,eAAe,EAAE;AACvC,EAAAD,EAAG,YAAYC,CAAM;AAErB,MAAIC,IAAkB,SAAS,kBAAkBF;AACjD,MAAIC,MAAW,QAAQA,EAAO,cAAc,QAAQC,GAAiB;AACjE,QAAIC,IAAM,OAAO;AACjB,QAAIA,MAAQ,MAAM;AACd,UAAIC,IAAQ,SAAS;AACrB,MAAAA,EAAM,SAASH,GAAQA,EAAO,UAAU,MAAM,GAC9CG,EAAM,SAAS,EAAI,GACnBD,EAAI,gBAAe,GACnBA,EAAI,SAASC,CAAK;AAAA,IACrB;AACD,IAAIJ,aAAc,eACdA,EAAG,MAAK;AAAA,EACf;AACL;AAIA,IAAIK;AAAA;AAAA,EAAiC,SAAUC,GAAQ;AACnD,IAAAxC,EAAUuC,GAAiBC,CAAM;AACjC,aAASD,IAAkB;AACvB,UAAIE,IAAQD,MAAW,QAAQA,EAAO,MAAM,MAAM,SAAS,KAAK;AAChE,aAAAC,EAAM,WAAWA,EAAM,MAAM,MAC7BA,EAAM,KAAK,OAAOA,EAAM,MAAM,YAAa,aAAa,EAAE,SAAS,KAAI,IAAKhB,EAAM,UAAS,GAC3FgB,EAAM,QAAQ,WAAY;AAAE,gBAAQA,EAAM,MAAM,YAAY,OAAOA,EAAM,MAAM,YAAa,aAAaA,EAAM,MAAM,WAAWA,EAAM,IAAI;AAAA,SAC1IA,EAAM,aAAa,SAAUC,GAAa;AACtC,YAAIR,IAAKO,EAAM;AACf,YAAKP,GAEL;AAAA,cAAIS,IAAOT,EAAG;AACd,cAAIO,EAAM,MAAM,YAAYE,MAASF,EAAM,UAAU;AAGjD,gBAAIG,IAAM,OAAO,OAAO,CAAA,GAAIF,GAAa;AAAA,cACrC,QAAQ;AAAA,gBACJ,OAAOC;AAAA,cACV;AAAA,YACrB,CAAiB;AACD,YAAAF,EAAM,MAAM,SAASG,CAAG;AAAA,UAC3B;AACD,UAAAH,EAAM,WAAWE;AAAA;AAAA,MAC7B,GACeF;AAAA,IACV;AACD,WAAAF,EAAgB,UAAU,SAAS,WAAY;AAC3C,UAAIE,IAAQ,MACRI,IAAK,KAAK,OAAOC,IAAUD,EAAG,SAASF,IAAOE,EAAG,MAAME,IAAWF,EAAG,UAAUG,IAAQ5B,EAAOyB,GAAI,CAAC,WAAW,QAAQ,UAAU,CAAC;AACrI,aAAOpB,EAAM,cAAcqB,KAAW,OAAOvC,EAASA,EAAS,CAAA,GAAIyC,CAAK,GAAG,EAAE,KAAK,OAAOD,KAAa,aAAa,SAAUE,GAAS;AAC9H,QAAAF,EAASE,CAAO,GAChBR,EAAM,GAAG,UAAUQ;AAAA,MACnC,IAAgBF,KAAY,KAAK,IAAI,SAAS,KAAK,YAAY,QAAQ,KAAK,MAAM,UAAU,KAAK,YAAY,SAAS,KAAK,MAAM,WAAW,KAAK,YAAY,WAAW,KAAK,MAAM,aAAa,KAAK,YAAY,iBAAiB,CAAC,KAAK,MAAM,UAAU,yBAAyB,EAAE,QAAQJ,EAAM,EAAA,CAAE,GAAG,KAAK,MAAM,QAAQ;AAAA,IACzT,GACIJ,EAAgB,UAAU,wBAAwB,SAAUW,GAAW;AACnE,UAAIF,IAAQ,KAAK,OACbd,IAAK,KAAK;AAOd,aAHI,CAACA,KAGDH,EAAcmB,EAAU,IAAI,MAAMnB,EAAcG,EAAG,SAAS,IACrD,KAGJc,EAAM,aAAaE,EAAU,YAChCF,EAAM,YAAYE,EAAU,WAC5BF,EAAM,cAAcE,EAAU,aAC9BF,EAAM,aAAaE,EAAU,YAC7BF,EAAM,gBAAgBE,EAAU,eAChC,CAACvB,EAAkB,QAAQqB,EAAM,OAAOE,EAAU,KAAK;AAAA,IACnE,GACIX,EAAgB,UAAU,qBAAqB,WAAY;AACvD,UAAIL,IAAK,KAAK;AACd,MAAKA,MAID,KAAK,MAAM,SAASA,EAAG,cACvBA,EAAG,YAAY,KAAK,MAAM,OAE9B,KAAK,WAAW,KAAK,MAAM,MAC3BD,EAAaC,CAAE;AAAA,IACvB,GACIK,EAAgB,YAAY;AAAA,MACxB,MAAMV,EAAU,OAAO;AAAA,MACvB,UAAUA,EAAU;AAAA,MACpB,UAAUA,EAAU;AAAA,MACpB,SAASA,EAAU;AAAA,MACnB,WAAWA,EAAU;AAAA,MACrB,OAAOA,EAAU;AAAA,MACjB,UAAUA,EAAU,UAAU;AAAA,QAC1BA,EAAU;AAAA,QACVA,EAAU;AAAA,MACtB,CAAS;AAAA,IACT,GACWU;AAAA,EACX,EAAEd,EAAM,SAAS;AAAA,GACjB0B,IAAA3B,EAAA,UAAkBe;","x_google_ignoreList":[0]}

package/lib/sd-component-library246.js

@@ -1,44 +1,16 @@
-import { j as n } from "./sd-component-library197.js";
-import g from "./sd-component-library196.js";
-import { getSegmentCoordinates as I } from "./sd-component-library244.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 { escape as c, unescape as a } from "lodash-es";
+const l = "&nbsp;", n = (e) => `<div>${e}</div>`, r = (e, p) => p === 0 ? e : n(e), i = (e) => a(
+  e.replaceAll("<br>", "\r").split("<div>").map(
+    (p) => p.endsWith("</div>") ? p.slice(0, -6) : p
+  ).join(`
+`)
+).replaceAll(l, " "), t = (e) => c(e).replaceAll(" ", l).replaceAll("\r", "<br>").split(`
+`).map(r).join("");
 export {
-  w as CompactDonutGaugeSegment
+  t as escapeWrapper,
+  l as htmlSpace,
+  r as lineToHtml,
+  i as unescapeWrapper,
+  n as wrapByDiv
 };
 //# sourceMappingURL=sd-component-library246.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library246.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-library246.js","sources":["../src/components/inputs/multi-row-secondary-text-input/utils.ts"],"sourcesContent":["import { escape, unescape } from \"lodash-es\";\n\nexport const htmlSpace = \"&nbsp;\";\n\nexport const wrapByDiv = (s: string) => `<div>${s}</div>`;\n\nexport const lineToHtml = (line: string, idx: number) =>\n  idx === 0 ? line : wrapByDiv(line);\n\nexport const unescapeWrapper = (s: string) =>\n  unescape(\n    s\n      .replaceAll(\"<br>\", \"\\r\")\n      .split(\"<div>\")\n      .map((row) =>\n        row.endsWith(\"</div>\") ? row.slice(0, -\"<div/>\".length) : row\n      )\n      .join(\"\\n\")\n  ).replaceAll(htmlSpace, \" \");\n\nexport const escapeWrapper = (s: string) =>\n  escape(s)\n    .replaceAll(\" \", htmlSpace)\n    .replaceAll(\"\\r\", \"<br>\")\n    .split(\"\\n\")\n    .map(lineToHtml)\n    .join(\"\");\n"],"names":["htmlSpace","wrapByDiv","s","lineToHtml","line","idx","unescapeWrapper","unescape","row","escapeWrapper","escape"],"mappings":";AAEO,MAAMA,IAAY,UAEZC,IAAY,CAACC,MAAc,QAAQA,CAAC,UAEpCC,IAAa,CAACC,GAAcC,MACvCA,MAAQ,IAAID,IAAOH,EAAUG,CAAI,GAEtBE,IAAkB,CAACJ,MAC9BK;AAAA,EACEL,EACG,WAAW,QAAQ,IAAI,EACvB,MAAM,OAAO,EACb;AAAA,IAAI,CAACM,MACJA,EAAI,SAAS,QAAQ,IAAIA,EAAI,MAAM,GAAG,EAAgB,IAAIA;AAAA,EAAA,EAE3D,KAAK;AAAA,CAAI;AACd,EAAE,WAAWR,GAAW,GAAG,GAEhBS,IAAgB,CAACP,MAC5BQ,EAAOR,CAAC,EACL,WAAW,KAAKF,CAAS,EACzB,WAAW,MAAM,MAAM,EACvB,MAAM;AAAA,CAAI,EACV,IAAIG,CAAU,EACd,KAAK,EAAE;"}

package/lib/sd-component-library247.js

@@ -1,30 +1,17 @@
-import { j as t } from "./sd-component-library197.js";
-import { FlexCenter as s } from "./sd-component-library35.js";
-import { ResponsiveTextV2 as i } from "./sd-component-library151.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,
+import { j as i } from "./sd-component-library198.js";
+import { Button as e } from "./sd-component-library26.js";
+const n = (t) => /* @__PURE__ */ i.jsx(
+  e,
   {
-    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: "%"
-        }
-      )
-    ]
+    ...t,
+    variant: "_circle",
+    width: [`${t.diameter}px`],
+    height: [`${t.diameter}px`],
+    "data-testid": "circle-button",
+    children: t.children
   }
-) }) });
+);
 export {
-  l as CompactDonutGaugeValueIndicator
+  n as CircleButton
 };
 //# sourceMappingURL=sd-component-library247.js.map