@selfdecode/sd-component-library 4.0.129 → 4.0.131

package/lib/sd-component-library227.js

@@ -1,22 +1,34 @@
-import { j as t } from "./sd-component-library197.js";
-import { SmileyGaugeColor as e } from "./sd-component-library228.js";
-import { ReactComponent as o } from "./sd-component-library291.js";
-import { ReactComponent as m } from "./sd-component-library292.js";
-import { ReactComponent as i } from "./sd-component-library293.js";
-const S = 10, c = 80, p = 100, y = 87, R = 30, d = 3, f = 2, g = 4, u = /* @__PURE__ */ new Map([
-  [e.GREEN, /* @__PURE__ */ t.jsx(o, {})],
-  [e.ORANGE, /* @__PURE__ */ t.jsx(m, {})],
-  [e.RED, /* @__PURE__ */ t.jsx(i, {})]
-]);
+const e = 250, t = 220, s = 270, n = 10, a = 6, l = 4.5, o = 1.5, d = 18, c = 4, i = 6.5, r = 8, u = 40, f = 6, h = 1.5, m = 32, M = 20, g = 100, R = 14, W = 100, D = 100, k = 87, I = 3, N = 1.5, P = 4, S = 6, b = 3, B = 10, C = 18, F = 7, T = 100;
 export {
-  u as COLOR_TO_ICON_MAP,
-  S as defaultDistanceBetweenRanges,
-  c as defaultSmileyWidth,
-  g as smallSmileyGaugeWidth,
-  f as smallSmileyInnerPointRadius,
-  d as smallSmileyInnerPointStrokeWidth,
-  y as smallSmileyMeterHeight,
-  p as smallSmileyMeterWidth,
-  R as smallSmileyWidth
+  s as defaultArc,
+  f as defaultDashHeight,
+  h as defaultDashWidth,
+  n as defaultDistanceBetweenRanges,
+  M as defaultDistanceFromLabelToRanges,
+  d as defaultDistanceFromRangesToNeedle,
+  m as defaultDistanceFromRangesToScale,
+  a as defaultGaugeWidth,
+  t as defaultHeight,
+  i as defaultInnerCircleRadius,
+  c as defaultInnerCircleStrokeWidth,
+  o as defaultInnerPointRadius,
+  W as defaultMaskBorderRadius,
+  r as defaultNeedleWidth,
+  u as defaultNumberOfDashes,
+  l as defaultPointStrokeWidth,
+  e as defaultWidth,
+  R as labelPaddingX,
+  g as labelWidth,
+  B as smallMeterDistanceBetweenRanges,
+  C as smallMeterDistanceFromRangesToNeedle,
+  P as smallMeterGaugeWidth,
+  k as smallMeterHeight,
+  S as smallMeterInnerCircleRadius,
+  b as smallMeterInnerCircleStrokeWidth,
+  T as smallMeterMaskBorderRadius,
+  F as smallMeterNeedleWidth,
+  N as smallMeterPointRadius,
+  I as smallMeterPointStrokeWidth,
+  D as smallMeterWidth
 };
 //# sourceMappingURL=sd-component-library227.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library227.js","sources":["../src/components/meters/smiley-meter-v2/constants.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { HappySmileyIcon, NeutralSmileyIcon, SadSmileyIcon } from \"./assets\";\n\n/**\n * Large Smiley meter v2 default values.\n */\nimport { SmileyGaugeColor } from \"./utils\";\n\nexport const defaultDistanceBetweenRanges = 10;\nexport const defaultSmileyWidth = 80;\n\n/**\n * Small Smiley meter v2 default values.\n */\nexport const smallSmileyMeterWidth = 100;\nexport const smallSmileyMeterHeight = 87;\nexport const smallSmileyWidth = 30;\nexport const smallSmileyInnerPointStrokeWidth = 3;\nexport const smallSmileyInnerPointRadius = 2;\nexport const smallSmileyGaugeWidth = 4;\n\nexport const COLOR_TO_ICON_MAP = new Map<SmileyGaugeColor, React.ReactNode>([\n  [SmileyGaugeColor.GREEN, <HappySmileyIcon />],\n  [SmileyGaugeColor.ORANGE, <NeutralSmileyIcon />],\n  [SmileyGaugeColor.RED, <SadSmileyIcon />],\n]);\n"],"names":["defaultDistanceBetweenRanges","defaultSmileyWidth","smallSmileyMeterWidth","smallSmileyMeterHeight","smallSmileyWidth","smallSmileyInnerPointStrokeWidth","smallSmileyInnerPointRadius","smallSmileyGaugeWidth","COLOR_TO_ICON_MAP","SmileyGaugeColor","jsx","HappySmileyIcon","NeutralSmileyIcon","SadSmileyIcon"],"mappings":";;;;;AASO,MAAMA,IAA+B,IAC/BC,IAAqB,IAKrBC,IAAwB,KACxBC,IAAyB,IACzBC,IAAmB,IACnBC,IAAmC,GACnCC,IAA8B,GAC9BC,IAAwB,GAExBC,wBAAwB,IAAuC;AAAA,EAC1E,CAACC,EAAiB,OAAOC,gBAAAA,EAAA,IAACC,IAAgB,CAAA,CAAE;AAAA,EAC5C,CAACF,EAAiB,QAAQC,gBAAAA,EAAA,IAACE,IAAkB,CAAA,CAAE;AAAA,EAC/C,CAACH,EAAiB,KAAKC,gBAAAA,EAAA,IAACG,IAAc,CAAA,CAAE;AAC1C,CAAC;"}
+{"version":3,"file":"sd-component-library227.js","sources":["../src/components/meters/outline-meter/contants.ts"],"sourcesContent":["/**\n * Default values for outline meters\n */\nexport const defaultWidth = 250;\nexport const defaultHeight = 220;\nexport const defaultArc = 270;\nexport const defaultDistanceBetweenRanges = 10;\nexport const defaultGaugeWidth = 6;\nexport const defaultPointStrokeWidth = 4.5;\nexport const defaultInnerPointRadius = 1.5;\nexport const defaultDistanceFromRangesToNeedle = 18;\nexport const defaultInnerCircleStrokeWidth = 4;\nexport const defaultInnerCircleRadius = 6.5;\nexport const defaultNeedleWidth = 8;\nexport const defaultNumberOfDashes = 40;\nexport const defaultDashHeight = 6;\nexport const defaultDashWidth = 1.5;\nexport const defaultDistanceFromRangesToScale = 32;\nexport const defaultDistanceFromLabelToRanges = 20;\nexport const labelWidth = 100;\nexport const labelPaddingX = 14;\nexport const defaultMaskBorderRadius = 100;\n\n/**\n * Small Outline meter default values\n */\nexport const smallMeterWidth = 100;\nexport const smallMeterHeight = 87;\nexport const smallMeterPointStrokeWidth = 3;\nexport const smallMeterPointRadius = 1.5;\nexport const smallMeterGaugeWidth = 4;\nexport const smallMeterInnerCircleRadius = 6;\nexport const smallMeterInnerCircleStrokeWidth = 3;\nexport const smallMeterDistanceBetweenRanges = 10;\nexport const smallMeterDistanceFromRangesToNeedle = 18;\nexport const smallMeterNeedleWidth = 7;\nexport const smallMeterMaskBorderRadius = 100;\n"],"names":["defaultWidth","defaultHeight","defaultArc","defaultDistanceBetweenRanges","defaultGaugeWidth","defaultPointStrokeWidth","defaultInnerPointRadius","defaultDistanceFromRangesToNeedle","defaultInnerCircleStrokeWidth","defaultInnerCircleRadius","defaultNeedleWidth","defaultNumberOfDashes","defaultDashHeight","defaultDashWidth","defaultDistanceFromRangesToScale","defaultDistanceFromLabelToRanges","labelWidth","labelPaddingX","defaultMaskBorderRadius","smallMeterWidth","smallMeterHeight","smallMeterPointStrokeWidth","smallMeterPointRadius","smallMeterGaugeWidth","smallMeterInnerCircleRadius","smallMeterInnerCircleStrokeWidth","smallMeterDistanceBetweenRanges","smallMeterDistanceFromRangesToNeedle","smallMeterNeedleWidth","smallMeterMaskBorderRadius"],"mappings":"AAGO,MAAMA,IAAe,KACfC,IAAgB,KAChBC,IAAa,KACbC,IAA+B,IAC/BC,IAAoB,GACpBC,IAA0B,KAC1BC,IAA0B,KAC1BC,IAAoC,IACpCC,IAAgC,GAChCC,IAA2B,KAC3BC,IAAqB,GACrBC,IAAwB,IACxBC,IAAoB,GACpBC,IAAmB,KACnBC,IAAmC,IACnCC,IAAmC,IACnCC,IAAa,KACbC,IAAgB,IAChBC,IAA0B,KAK1BC,IAAkB,KAClBC,IAAmB,IACnBC,IAA6B,GAC7BC,IAAwB,KACxBC,IAAuB,GACvBC,IAA8B,GAC9BC,IAAmC,GACnCC,IAAkC,IAClCC,IAAuC,IACvCC,IAAwB,GACxBC,IAA6B;"}

package/lib/sd-component-library228.js

@@ -1,23 +1,22 @@
-import { isCorrectOutlineMeterConfig as l } from "./sd-component-library91.js";
-var a = /* @__PURE__ */ ((r) => (r.GREEN = "#00B466", r.ORANGE = "#FF9900", r.RED = "#FF0000", r))(a || {});
-const u = (r) => !r.some(
-  ({ color: t }) => !Object.values(a).includes(t)
-), f = (r, t) => l(r, t) && u(t), A = (r, t, n, i, o, d) => {
-  const c = r - (t - 1) * n, e = (360 - r) / 2 + n * i + c * o, s = e + c * (d - o), g = (e + s) / 2;
-  return {
-    rangeArcStart: e,
-    rangeArcEnd: s,
-    rangeArcMiddle: g
-  };
-}, R = (r) => {
-  const { start: t, end: n } = r;
-  return t === 0 ? n < 0.6 : n === 1 ? t > 0.4 : !1;
-};
+import { j as t } from "./sd-component-library197.js";
+import { SmileyGaugeColor as e } from "./sd-component-library229.js";
+import { ReactComponent as o } from "./sd-component-library287.js";
+import { ReactComponent as m } from "./sd-component-library288.js";
+import { ReactComponent as i } from "./sd-component-library289.js";
+const S = 10, c = 80, p = 100, y = 87, R = 30, d = 3, f = 2, g = 4, u = /* @__PURE__ */ new Map([
+  [e.GREEN, /* @__PURE__ */ t.jsx(o, {})],
+  [e.ORANGE, /* @__PURE__ */ t.jsx(m, {})],
+  [e.RED, /* @__PURE__ */ t.jsx(i, {})]
+]);
 export {
-  a as SmileyGaugeColor,
-  u as areColorsValid,
-  R as getIsHorizontal,
-  A as getRangeProperties,
-  f as isCorrectSmileyMeterConfig
+  u as COLOR_TO_ICON_MAP,
+  S as defaultDistanceBetweenRanges,
+  c as defaultSmileyWidth,
+  g as smallSmileyGaugeWidth,
+  f as smallSmileyInnerPointRadius,
+  d as smallSmileyInnerPointStrokeWidth,
+  y as smallSmileyMeterHeight,
+  p as smallSmileyMeterWidth,
+  R as smallSmileyWidth
 };
 //# sourceMappingURL=sd-component-library228.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library228.js","sources":["../src/components/meters/smiley-meter-v2/utils.ts"],"sourcesContent":["import { OutlineMeterRangeConfig } from \"../outline-meter\";\nimport { isCorrectOutlineMeterConfig } from \"../outline-meter/utils\";\nimport { SmileyMeterRange } from \"./interfaces\";\n\nexport enum SmileyGaugeColor {\n  GREEN = \"#00B466\",\n  ORANGE = \"#FF9900\",\n  RED = \"#FF0000\",\n}\n\nexport const areColorsValid = (ranges: OutlineMeterRangeConfig[]) =>\n  !ranges.some(\n    ({ color }) => !Object.values(SmileyGaugeColor).includes(color as any)\n  );\n\nexport const isCorrectSmileyMeterConfig = (\n  value: number,\n  ranges: OutlineMeterRangeConfig[]\n): ranges is SmileyMeterRange[] => {\n  return isCorrectOutlineMeterConfig(value, ranges) && areColorsValid(ranges);\n};\n\nexport const getRangeProperties = (\n  arc: number,\n  totalRanges: number,\n  distanceBetweenRanges: number,\n  idx: number,\n  start: number,\n  end: number\n) => {\n  const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n  const arcStart = (360 - arc) / 2; // deg\n  const rangeArcStart =\n    arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n  const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n  const rangeArcMiddle = (rangeArcStart + rangeArcEnd) / 2;\n  return {\n    rangeArcStart,\n    rangeArcEnd,\n    rangeArcMiddle,\n  };\n};\n\nexport const getIsHorizontal = (range: SmileyMeterRange) => {\n  const { start, end } = range;\n  return start === 0 ? end < 0.6 : end === 1 ? start > 0.4 : false;\n};\n"],"names":["SmileyGaugeColor","areColorsValid","ranges","color","isCorrectSmileyMeterConfig","value","isCorrectOutlineMeterConfig","getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","start","end","arcForRanges","rangeArcStart","rangeArcEnd","rangeArcMiddle","getIsHorizontal","range"],"mappings":";AAIY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,WACRA,EAAA,SAAS,WACTA,EAAA,MAAM,WAHIA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAAiB,CAACC,MAC7B,CAACA,EAAO;AAAA,EACN,CAAC,EAAE,OAAAC,EAAY,MAAA,CAAC,OAAO,OAAOH,CAAgB,EAAE,SAASG,CAAY;AACvE,GAEWC,IAA6B,CACxCC,GACAH,MAEOI,EAA4BD,GAAOH,CAAM,KAAKD,EAAeC,CAAM,GAG/DK,IAAqB,CAChCC,GACAC,GACAC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeN,KAAOC,IAAc,KAAKC,GAEzCK,KADY,MAAMP,KAAO,IAElBE,IAAwBC,IAAMG,IAAeF,GACpDI,IAAcD,IAAgBD,KAAgBD,IAAMD,IAEpDK,KAAkBF,IAAgBC,KAAe;AAChD,SAAA;AAAA,IACL,eAAAD;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA;AAEJ,GAEaC,IAAkB,CAACC,MAA4B;AACpD,QAAA,EAAE,OAAAP,GAAO,KAAAC,EAAQ,IAAAM;AACvB,SAAOP,MAAU,IAAIC,IAAM,MAAMA,MAAQ,IAAID,IAAQ,MAAM;AAC7D;"}
+{"version":3,"file":"sd-component-library228.js","sources":["../src/components/meters/smiley-meter-v2/constants.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { HappySmileyIcon, NeutralSmileyIcon, SadSmileyIcon } from \"./assets\";\n\n/**\n * Large Smiley meter v2 default values.\n */\nimport { SmileyGaugeColor } from \"./utils\";\n\nexport const defaultDistanceBetweenRanges = 10;\nexport const defaultSmileyWidth = 80;\n\n/**\n * Small Smiley meter v2 default values.\n */\nexport const smallSmileyMeterWidth = 100;\nexport const smallSmileyMeterHeight = 87;\nexport const smallSmileyWidth = 30;\nexport const smallSmileyInnerPointStrokeWidth = 3;\nexport const smallSmileyInnerPointRadius = 2;\nexport const smallSmileyGaugeWidth = 4;\n\nexport const COLOR_TO_ICON_MAP = new Map<SmileyGaugeColor, React.ReactNode>([\n  [SmileyGaugeColor.GREEN, <HappySmileyIcon />],\n  [SmileyGaugeColor.ORANGE, <NeutralSmileyIcon />],\n  [SmileyGaugeColor.RED, <SadSmileyIcon />],\n]);\n"],"names":["defaultDistanceBetweenRanges","defaultSmileyWidth","smallSmileyMeterWidth","smallSmileyMeterHeight","smallSmileyWidth","smallSmileyInnerPointStrokeWidth","smallSmileyInnerPointRadius","smallSmileyGaugeWidth","COLOR_TO_ICON_MAP","SmileyGaugeColor","jsx","HappySmileyIcon","NeutralSmileyIcon","SadSmileyIcon"],"mappings":";;;;;AASO,MAAMA,IAA+B,IAC/BC,IAAqB,IAKrBC,IAAwB,KACxBC,IAAyB,IACzBC,IAAmB,IACnBC,IAAmC,GACnCC,IAA8B,GAC9BC,IAAwB,GAExBC,wBAAwB,IAAuC;AAAA,EAC1E,CAACC,EAAiB,OAAOC,gBAAAA,EAAA,IAACC,IAAgB,CAAA,CAAE;AAAA,EAC5C,CAACF,EAAiB,QAAQC,gBAAAA,EAAA,IAACE,IAAkB,CAAA,CAAE;AAAA,EAC/C,CAACH,EAAiB,KAAKC,gBAAAA,EAAA,IAACG,IAAc,CAAA,CAAE;AAC1C,CAAC;"}

package/lib/sd-component-library229.js

@@ -1,31 +1,23 @@
-import { j as a } from "./sd-component-library197.js";
-import R, { createElement as g } from "react";
-import { isValueInRange as f } from "./sd-component-library91.js";
-import { SmileyMeterRange as d } from "./sd-component-library311.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,
-      {
-        ...e,
-        ...r,
-        idx: t,
-        totalRanges: n.length,
-        pointerLength: c,
-        key: `${e.start}-${e.end}-${t}`,
-        isMatchedRange: o === t,
-        ref: m
-      }
-    )) });
-  }
-);
+import { isCorrectOutlineMeterConfig as l } from "./sd-component-library91.js";
+var a = /* @__PURE__ */ ((r) => (r.GREEN = "#00B466", r.ORANGE = "#FF9900", r.RED = "#FF0000", r))(a || {});
+const u = (r) => !r.some(
+  ({ color: t }) => !Object.values(a).includes(t)
+), f = (r, t) => l(r, t) && u(t), A = (r, t, n, i, o, d) => {
+  const c = r - (t - 1) * n, e = (360 - r) / 2 + n * i + c * o, s = e + c * (d - o), g = (e + s) / 2;
+  return {
+    rangeArcStart: e,
+    rangeArcEnd: s,
+    rangeArcMiddle: g
+  };
+}, R = (r) => {
+  const { start: t, end: n } = r;
+  return t === 0 ? n < 0.6 : n === 1 ? t > 0.4 : !1;
+};
 export {
-  j as SmileyMeterRanges
+  a as SmileyGaugeColor,
+  u as areColorsValid,
+  R as getIsHorizontal,
+  A as getRangeProperties,
+  f as isCorrectSmileyMeterConfig
 };
 //# sourceMappingURL=sd-component-library229.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library229.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;"}
+{"version":3,"file":"sd-component-library229.js","sources":["../src/components/meters/smiley-meter-v2/utils.ts"],"sourcesContent":["import { OutlineMeterRangeConfig } from \"../outline-meter\";\nimport { isCorrectOutlineMeterConfig } from \"../outline-meter/utils\";\nimport { SmileyMeterRange } from \"./interfaces\";\n\nexport enum SmileyGaugeColor {\n  GREEN = \"#00B466\",\n  ORANGE = \"#FF9900\",\n  RED = \"#FF0000\",\n}\n\nexport const areColorsValid = (ranges: OutlineMeterRangeConfig[]) =>\n  !ranges.some(\n    ({ color }) => !Object.values(SmileyGaugeColor).includes(color as any)\n  );\n\nexport const isCorrectSmileyMeterConfig = (\n  value: number,\n  ranges: OutlineMeterRangeConfig[]\n): ranges is SmileyMeterRange[] => {\n  return isCorrectOutlineMeterConfig(value, ranges) && areColorsValid(ranges);\n};\n\nexport const getRangeProperties = (\n  arc: number,\n  totalRanges: number,\n  distanceBetweenRanges: number,\n  idx: number,\n  start: number,\n  end: number\n) => {\n  const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n  const arcStart = (360 - arc) / 2; // deg\n  const rangeArcStart =\n    arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n  const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n  const rangeArcMiddle = (rangeArcStart + rangeArcEnd) / 2;\n  return {\n    rangeArcStart,\n    rangeArcEnd,\n    rangeArcMiddle,\n  };\n};\n\nexport const getIsHorizontal = (range: SmileyMeterRange) => {\n  const { start, end } = range;\n  return start === 0 ? end < 0.6 : end === 1 ? start > 0.4 : false;\n};\n"],"names":["SmileyGaugeColor","areColorsValid","ranges","color","isCorrectSmileyMeterConfig","value","isCorrectOutlineMeterConfig","getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","start","end","arcForRanges","rangeArcStart","rangeArcEnd","rangeArcMiddle","getIsHorizontal","range"],"mappings":";AAIY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,WACRA,EAAA,SAAS,WACTA,EAAA,MAAM,WAHIA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAAiB,CAACC,MAC7B,CAACA,EAAO;AAAA,EACN,CAAC,EAAE,OAAAC,EAAY,MAAA,CAAC,OAAO,OAAOH,CAAgB,EAAE,SAASG,CAAY;AACvE,GAEWC,IAA6B,CACxCC,GACAH,MAEOI,EAA4BD,GAAOH,CAAM,KAAKD,EAAeC,CAAM,GAG/DK,IAAqB,CAChCC,GACAC,GACAC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeN,KAAOC,IAAc,KAAKC,GAEzCK,KADY,MAAMP,KAAO,IAElBE,IAAwBC,IAAMG,IAAeF,GACpDI,IAAcD,IAAgBD,KAAgBD,IAAMD,IAEpDK,KAAkBF,IAAgBC,KAAe;AAChD,SAAA;AAAA,IACL,eAAAD;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA;AAEJ,GAEaC,IAAkB,CAACC,MAA4B;AACpD,QAAA,EAAE,OAAAP,GAAO,KAAAC,EAAQ,IAAAM;AACvB,SAAOP,MAAU,IAAIC,IAAM,MAAMA,MAAQ,IAAID,IAAQ,MAAM;AAC7D;"}

package/lib/sd-component-library230.js

@@ -1,36 +1,31 @@
-import { j as h } from "./sd-component-library197.js";
-import { getRangeProperties as p } from "./sd-component-library228.js";
-import { MatchedRangeLabelBox as u } from "./sd-component-library312.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,
-    {
+import { j as a } from "./sd-component-library197.js";
+import R, { createElement as g } from "react";
+import { isValueInRange as f } from "./sd-component-library91.js";
+import { SmileyMeterRange as d } from "./sd-component-library312.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,
-      ...a,
-      alpha: i ? 360 - t : t,
-      radius: m,
-      round: c
-    }
-  );
-};
+      color: t < o ? n[o].color : e.color
+    }));
+    return /* @__PURE__ */ a.jsx(a.Fragment, { children: i.map((e, t) => /* @__PURE__ */ g(
+      d,
+      {
+        ...e,
+        ...r,
+        idx: t,
+        totalRanges: n.length,
+        pointerLength: c,
+        key: `${e.start}-${e.end}-${t}`,
+        isMatchedRange: o === t,
+        ref: m
+      }
+    )) });
+  }
+);
 export {
-  b as MatchedRangeLabelBox
+  j as SmileyMeterRanges
 };
 //# sourceMappingURL=sd-component-library230.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library230.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;"}
+{"version":3,"file":"sd-component-library230.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-library231.js

@@ -1,6 +1,36 @@
-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" }))));
+import { j as h } from "./sd-component-library197.js";
+import { getRangeProperties as p } from "./sd-component-library229.js";
+import { MatchedRangeLabelBox as u } from "./sd-component-library311.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 {
-  t as ReactComponent
+  b as MatchedRangeLabelBox
 };
 //# sourceMappingURL=sd-component-library231.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library231.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;"}
+{"version":3,"file":"sd-component-library231.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-library240.js

@@ -1,7 +1,7 @@
 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 { labelPaddingX as o, labelWidth as u } from "./sd-component-library227.js";
 import { ResponsiveTextV2 as v } from "./sd-component-library150.js";
 const C = (x) => {
   const {

package/lib/sd-component-library241.js

@@ -1,6 +1,6 @@
 import { j as a } from "./sd-component-library197.js";
 import { getCoordinateForArc as i } from "./sd-component-library91.js";
-import { defaultTextBottomMargin as X } from "./sd-component-library225.js";
+import { defaultTextBottomMargin as X } from "./sd-component-library226.js";
 import { getRangeProperties as Y } from "./sd-component-library315.js";
 import { BaseOutlineArc as b } from "./sd-component-library313.js";
 import { DiscreteMeterLabelPointer as w } from "./sd-component-library316.js";

package/lib/sd-component-library243.js

@@ -1,6 +1,6 @@
 import { j as g } from "./sd-component-library197.js";
 import { getRangeProperties as d } from "./sd-component-library315.js";
-import { MatchedRangeLabelBox as x } from "./sd-component-library312.js";
+import { MatchedRangeLabelBox as x } from "./sd-component-library311.js";
 const h = (e) => {
   const { idx: t, totalRanges: a, distanceBetweenRanges: r, arc: n } = e, { rangeArcStart: o, rangeArcEnd: s } = d(
     n,

package/lib/sd-component-library245.js

@@ -1,78 +1,44 @@
 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-library91.js";
-import { getSegmentCoordinates as O } from "./sd-component-library244.js";
-import { SegmentLabel as q } from "./sd-component-library320.js";
-const h = 300, G = ({
-  segment: o,
-  segmentWidth: $,
-  outlineWidth: f,
-  size: i,
-  mobile: a,
-  ...c
+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 { 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: [
+  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${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,
+        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${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
+        d: `M${r},${r} L${h},${p} A${$},${$} 0 ${i > 180 ? "1" : "0"},1 ${x},${u}Z`,
+        fill: "white"
       }
     )
   ] });
 };
 export {
-  G as Segment
+  w as CompactDonutGaugeSegment
 };
 //# 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":["../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;"}

package/lib/sd-component-library246.js

@@ -1,44 +1,30 @@
-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 { j as t } from "./sd-component-library197.js";
+import { FlexCenter as s } from "./sd-component-library34.js";
+import { ResponsiveTextV2 as i } from "./sd-component-library150.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: "%"
+        }
+      )
+    ]
+  }
+) }) });
 export {
-  w as CompactDonutGaugeSegment
+  l as CompactDonutGaugeValueIndicator
 };
 //# 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/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;"}