@selfdecode/sd-component-library 4.0.73-vite16 → 4.0.73-vite17-no-postcss

package/lib/sd-component-library238.js

@@ -1,23 +1,26 @@
-import { j as a } from "./sd-component-library195.js";
-import R, { createElement as g } from "react";
-import { isValueInRange as f } from "./sd-component-library89.js";
-import { SmileyMeterRange as d } from "./sd-component-library629.js";
-const j = R.forwardRef((r, m) => {
+import { isCorrectOutlineMeterConfig as l } from "./sd-component-library89.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 {
-    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 })) });
-});
+    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-library238.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library238.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","forwardRef","props","pointRef","value","ranges","distanceFromRanges","matchingRangeIndex","findIndex","start","end","bounds","isValueInRange","newRanges","map","range","idx","color","createElement","SmileyMeterRange","length"],"mappings":";;;;AAMO,MAAMA,IAAoBC,EAAMC,WACrC,CAACC,GAAOC,MAAa;AACb,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAQC,oBAAAA;AAAAA,EAAuBJ,IAAAA,GAExCK,IAAqBF,EAAOG,UAAU,CAAC;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,QAAAA;AAAAA,EAAAA,MACzDC,EAAeR,GAAOK,GAAOC,GAAKC,CAAM,CAC1C,GACME,IAAYR,EAAOS,IAAI,CAACC,GAAOC,OAAS;AAAA,IAC5C,GAAGD;AAAAA,IACHE,OACED,IAAMT,IACFF,EAAOE,CAAkB,EAAEU,QAC3BF,EAAME;AAAAA,EACZ,EAAA;AAEF,SAEKJ,gBAAAA,EAAAA,IAAAA,EAAAA,UAAAA,EAAAA,UAAAA,EAAUC,IAAI,CAACC,GAAOC,MACrB,gBAAAE,EAACC,QACKJ,GACJ,GAAIb,GACJ,KAAAc,GACA,aAAaX,EAAOe,QACpB,eAAed,GACf,KAAM,GAAES,EAAMN,KAAM,IAAGM,EAAML,GAAI,IAAGM,CAAI,IACxC,gBAAgBT,MAAuBS,GACvC,KAAKb,IAER,EACH,CAAA;AAEJ,CACF;"}
+{"version":3,"file":"sd-component-library238.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","GREEN","ORANGE","RED","areColorsValid","ranges","some","color","Object","values","includes","isCorrectSmileyMeterConfig","value","isCorrectOutlineMeterConfig","getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","start","end","arcForRanges","rangeArcStart","rangeArcEnd","rangeArcMiddle","getIsHorizontal","range"],"mappings":";AAIYA,IAAAA,sBAAAA,OACVC,EAAAA,QAAQ,WACRC,EAAAA,SAAS,WACTC,EAAAA,MAAM,WAHIH,IAAAA,KAAAA,CAAAA,CAAAA;AAML,MAAMI,IAAiBA,CAACC,MAC7B,CAACA,EAAOC,KACN,CAAC;AAAA,EAAEC,OAAAA;AAAM,MAAM,CAACC,OAAOC,OAAOT,CAAgB,EAAEU,SAASH,EAC3D,GAEWI,IAA6BA,CACxCC,GACAP,MAEOQ,EAA4BD,GAAOP,CAAM,KAAKD,EAAeC,CAAM,GAG/DS,IAAqBA,CAChCC,GACAC,GACAC,GACAC,GACAC,GACAC,MACG;AACGC,QAAAA,IAAeN,KAAOC,IAAc,KAAKC,GAEzCK,KADY,MAAMP,KAAO,IAElBE,IAAwBC,IAAMG,IAAeF,GACpDI,IAAcD,IAAgBD,KAAgBD,IAAMD,IAEpDK,KAAkBF,IAAgBC,KAAe;AAChD,SAAA;AAAA,IACLD,eAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EAAAA;AAEJ,GAEaC,IAAkBA,CAACC,MAA4B;AACpD,QAAA;AAAA,IAAEP,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,EAAQM,IAAAA;AACvB,SAAOP,MAAU,IAAIC,IAAM,MAAMA,MAAQ,IAAID,IAAQ,MAAM;AAC7D;"}

package/lib/sd-component-library239.js

@@ -1,25 +1,23 @@
-import { j as h } from "./sd-component-library195.js";
-import { getRangeProperties as p } from "./sd-component-library237.js";
-import { MatchedRangeLabelBox as u } from "./sd-component-library611.js";
-const b = (e) => {
+import { j as a } from "./sd-component-library195.js";
+import R, { createElement as g } from "react";
+import { isValueInRange as f } from "./sd-component-library89.js";
+import { SmileyMeterRange as d } from "./sd-component-library630.js";
+const j = R.forwardRef((r, m) => {
   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 });
-};
+    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 })) });
+});
 export {
-  b as MatchedRangeLabelBox
+  j as SmileyMeterRanges
 };
 //# sourceMappingURL=sd-component-library239.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library239.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","rangeArcMiddle","alpha","getRangeProperties","roundedAlpha","Math","round","jsx","LabelBox"],"mappings":";;;AAMO,MAAMA,IAAyCC,CAAUA,MAAA;AACxD,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,kBAAAA;AAAAA,EACER,IAAAA,GACE;AAAA,IAAES,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,EAAQT,IAAAA,GAEjBU,IAASL,IAAW,GACpB;AAAA,IAAEM,gBAAgBC;AAAAA,EAAAA,IAAUC,EAChCZ,GACAC,GACAC,GACAC,GACAI,GACAC,CACF,GAEMK,IAAeC,KAAKC,MAAMJ,CAAK;AAErC,SACGK,gBAAAA,EAAAA,IAAAC,GAAA,EACC,GAAInB,GACAC,GAAAA,GACJ,OAAOO,IAAmB,MAAMO,IAAeA,GAC/C,QAAAJ,GACA,OAAOJ,EACP,CAAA;AAEN;"}
+{"version":3,"file":"sd-component-library239.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","forwardRef","props","pointRef","value","ranges","distanceFromRanges","matchingRangeIndex","findIndex","start","end","bounds","isValueInRange","newRanges","map","range","idx","color","createElement","SmileyMeterRange","length"],"mappings":";;;;AAMO,MAAMA,IAAoBC,EAAMC,WACrC,CAACC,GAAOC,MAAa;AACb,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAQC,oBAAAA;AAAAA,EAAuBJ,IAAAA,GAExCK,IAAqBF,EAAOG,UAAU,CAAC;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,QAAAA;AAAAA,EAAAA,MACzDC,EAAeR,GAAOK,GAAOC,GAAKC,CAAM,CAC1C,GACME,IAAYR,EAAOS,IAAI,CAACC,GAAOC,OAAS;AAAA,IAC5C,GAAGD;AAAAA,IACHE,OACED,IAAMT,IACFF,EAAOE,CAAkB,EAAEU,QAC3BF,EAAME;AAAAA,EACZ,EAAA;AAEF,SAEKJ,gBAAAA,EAAAA,IAAAA,EAAAA,UAAAA,EAAAA,UAAAA,EAAUC,IAAI,CAACC,GAAOC,MACrB,gBAAAE,EAACC,QACKJ,GACJ,GAAIb,GACJ,KAAAc,GACA,aAAaX,EAAOe,QACpB,eAAed,GACf,KAAM,GAAES,EAAMN,KAAM,IAAGM,EAAML,GAAI,IAAGM,CAAI,IACxC,gBAAgBT,MAAuBS,GACvC,KAAKb,IAER,EACH,CAAA;AAEJ,CACF;"}

package/lib/sd-component-library240.js

@@ -1,6 +1,25 @@
-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-library195.js";
+import { getRangeProperties as p } from "./sd-component-library238.js";
+import { MatchedRangeLabelBox as u } from "./sd-component-library629.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-library240.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library240.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-library240.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","rangeArcMiddle","alpha","getRangeProperties","roundedAlpha","Math","round","jsx","LabelBox"],"mappings":";;;AAMO,MAAMA,IAAyCC,CAAUA,MAAA;AACxD,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,kBAAAA;AAAAA,EACER,IAAAA,GACE;AAAA,IAAES,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,EAAQT,IAAAA,GAEjBU,IAASL,IAAW,GACpB;AAAA,IAAEM,gBAAgBC;AAAAA,EAAAA,IAAUC,EAChCZ,GACAC,GACAC,GACAC,GACAI,GACAC,CACF,GAEMK,IAAeC,KAAKC,MAAMJ,CAAK;AAErC,SACGK,gBAAAA,EAAAA,IAAAC,GAAA,EACC,GAAInB,GACAC,GAAAA,GACJ,OAAOO,IAAmB,MAAMO,IAAeA,GAC/C,QAAAJ,GACA,OAAOJ,EACP,CAAA;AAEN;"}

package/lib/sd-component-library241.js

@@ -1,40 +1,6 @@
-import { j as a } from "./sd-component-library195.js";
-import { getCoordinateForArc as i } from "./sd-component-library89.js";
-import { defaultTextBottomMargin as X } from "./sd-component-library234.js";
-import { getRangeProperties as Y } from "./sd-component-library631.js";
-import { BaseOutlineArc as b } from "./sd-component-library632.js";
-import { DiscreteMeterLabelPointer as w } from "./sd-component-library633.js";
-function z(s) {
-  const {
-    color: n,
-    idx: c,
-    gaugeWidth: d,
-    diameter: g,
-    arc: m,
-    distanceBetweenRanges: l,
-    totalRanges: p,
-    showLabel: h,
-    label: o,
-    isMatchedRange: x,
-    pointerWidth: f,
-    pointerLength: A,
-    horizontal: u
-  } = s, t = g / 2, {
-    rangeArcStart: r,
-    rangeArcEnd: e
-  } = Y(m, p, l, c), {
-    x: R,
-    y: j
-  } = i(t, r), {
-    x: B,
-    y: E
-  } = i(t, e), M = (r + e) / 2;
-  return /* @__PURE__ */ a.jsxs("g", { children: [
-    /* @__PURE__ */ a.jsx(b, { startX: R, startY: j, endX: B, endY: E, startAlpha: r, endAlpha: e, color: n, radius: t, width: d }),
-    h && o && !x && /* @__PURE__ */ a.jsx(w, { alpha: M, pointerLength: A, pointerWidth: f, radius: t, color: n, textBottomMargin: X, label: o, horizontal: u })
-  ] });
-}
+import * as e from "react";
+const t = (a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16.04 33.79", ...a }, /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement("path", { className: "first-half", d: "M8,0V6.37H8A3.19,3.19,0,0,1,8,0ZM1,8.24a4,4,0,0,0-1,2.7V19.5a1.64,1.64,0,0,0,.45,1.28v0a1.49,1.49,0,0,0,2.12,0A1.64,1.64,0,0,0,3,19.5V12.11h.7L3.67,31.64c0,.07,0,.14,0,.21a1.92,1.92,0,0,0,1.91,1.93h.12a2,2,0,0,0,1.88-2.12V21.75H8V7H3.72A3.57,3.57,0,0,0,1,8.24Z" }), /* @__PURE__ */ e.createElement("path", { className: "second-half", d: "M8,6.38H8V0H8A3.19,3.19,0,0,1,8,6.38Zm7.07,1.86A3.59,3.59,0,0,0,12.32,7H8V21.75h.41v9.93a1.36,1.36,0,0,0,0,.35,1.95,1.95,0,1,0,3.88-.39V12.1h.63v7.4a1.68,1.68,0,0,0,.46,1.29,1.58,1.58,0,0,0,2.18,0A1.69,1.69,0,0,0,16,19.5V10.94A4.09,4.09,0,0,0,15.07,8.24Z" }))));
 export {
-  z as DiscreteRange
+  t as ReactComponent
 };
 //# sourceMappingURL=sd-component-library241.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library241.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-range/discrete-range.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { BaseOutlineArc } from \"../../../outline-meter/partials/base-outline-arc\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { defaultTextBottomMargin } from \"../../constants\";\nimport { getRangeProperties } from \"../../utils\";\nimport { DiscreteMeterLabelPointer } from \"../discrete-meter-label-pointer\";\nimport { DiscreteRangeProps as Props } from \"./interfaces\";\n\nexport function DiscreteRange<T>(props: PropsWithChildren<Props<T>>) {\n  const {\n    color,\n    idx,\n    gaugeWidth,\n    diameter,\n    arc,\n    distanceBetweenRanges,\n    totalRanges,\n    showLabel,\n    label,\n    isMatchedRange,\n    pointerWidth,\n    pointerLength,\n    horizontal,\n  } = props;\n\n  const radius = diameter / 2;\n\n  const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx\n  );\n\n  const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n    radius,\n    rangeArcStart\n  );\n  const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n    radius,\n    rangeArcEnd\n  );\n\n  const middleArcAlpha = (rangeArcStart + rangeArcEnd) / 2;\n\n  return (\n    <g>\n      <BaseOutlineArc\n        startX={rangeStartX}\n        startY={rangeStartY}\n        endX={rangeEndX}\n        endY={rangeEndY}\n        startAlpha={rangeArcStart}\n        endAlpha={rangeArcEnd}\n        color={color}\n        radius={radius}\n        width={gaugeWidth}\n      />\n\n      {showLabel && label && !isMatchedRange && (\n        <DiscreteMeterLabelPointer\n          alpha={middleArcAlpha}\n          pointerLength={pointerLength}\n          pointerWidth={pointerWidth}\n          radius={radius}\n          color={color}\n          textBottomMargin={defaultTextBottomMargin}\n          label={label}\n          horizontal={horizontal}\n        />\n      )}\n    </g>\n  );\n}\n"],"names":["DiscreteRange","props","color","idx","gaugeWidth","diameter","arc","distanceBetweenRanges","totalRanges","showLabel","label","isMatchedRange","pointerWidth","pointerLength","horizontal","radius","rangeArcStart","rangeArcEnd","getRangeProperties","x","rangeStartX","y","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","middleArcAlpha","jsx","BaseOutlineArc","DiscreteMeterLabelPointer","defaultTextBottomMargin"],"mappings":";;;;;;AASO,SAASA,EAAiBC,GAAoC;AAC7D,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,YAAAA;AAAAA,EACEb,IAAAA,GAEEc,IAASV,IAAW,GAEpB;AAAA,IAAEW,eAAAA;AAAAA,IAAeC,aAAAA;AAAAA,EAAgBC,IAAAA,EACrCZ,GACAE,GACAD,GACAJ,CACF,GAEM;AAAA,IAAEgB,GAAGC;AAAAA,IAAaC,GAAGC;AAAAA,EAAAA,IAAgBC,EACzCR,GACAC,CACF,GACM;AAAA,IAAEG,GAAGK;AAAAA,IAAWH,GAAGI;AAAAA,EAAAA,IAAcF,EACrCR,GACAE,CACF,GAEMS,KAAkBV,IAAgBC,KAAe;AAEvD,gCACG,KACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,MAACC,KACC,QAAQR,GACR,QAAQE,GACR,MAAME,GACN,MAAMC,GACN,YAAYT,GACZ,UAAUC,GACV,OAAAf,GACA,QAAAa,GACA,OAAOX,GAAW;AAAA,IAGnBK,KAAaC,KAAS,CAACC,2BACrBkB,GACC,EAAA,OAAOH,GACP,eAAAb,GACA,cAAAD,GACA,QAAAG,GACA,OAAAb,GACA,kBAAkB4B,GAClB,OAAApB,GACA,YAAAI,GAEH;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library241.js","sources":["../src/components/meters/people-meter/assets/person.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi4wNCAzMy43OSI+CiAgICA8Zz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggY2xhc3M9ImZpcnN0LWhhbGYiCiAgICAgICAgICAgICAgICBkPSJNOCwwVjYuMzdIOEEzLjE5LDMuMTksMCwwLDEsOCwwWk0xLDguMjRhNCw0LDAsMCwwLTEsMi43VjE5LjVhMS42NCwxLjY0LDAsMCwwLC40NSwxLjI4djBhMS40OSwxLjQ5LDAsMCwwLDIuMTIsMEExLjY0LDEuNjQsMCwwLDAsMywxOS41VjEyLjExaC43TDMuNjcsMzEuNjRjMCwuMDcsMCwuMTQsMCwuMjFhMS45MiwxLjkyLDAsMCwwLDEuOTEsMS45M2guMTJhMiwyLDAsMCwwLDEuODgtMi4xMlYyMS43NUg4VjdIMy43MkEzLjU3LDMuNTcsMCwwLDAsMSw4LjI0WiIgLz4KICAgICAgICAgICAgPHBhdGggY2xhc3M9InNlY29uZC1oYWxmIgogICAgICAgICAgICAgICAgZD0iTTgsNi4zOEg4VjBIOEEzLjE5LDMuMTksMCwwLDEsOCw2LjM4Wm03LjA3LDEuODZBMy41OSwzLjU5LDAsMCwwLDEyLjMyLDdIOFYyMS43NWguNDF2OS45M2ExLjM2LDEuMzYsMCwwLDAsMCwuMzUsMS45NSwxLjk1LDAsMSwwLDMuODgtLjM5VjEyLjFoLjYzdjcuNGExLjY4LDEuNjgsMCwwLDAsLjQ2LDEuMjksMS41OCwxLjU4LDAsMCwwLDIuMTgsMEExLjY5LDEuNjksMCwwLDAsMTYsMTkuNVYxMC45NEE0LjA5LDQuMDksMCwwLDAsMTUuMDcsOC4yNFoiIC8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K\""],"names":["SvgPerson","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,cAAc,GAAG,uQAAwQ,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,iQAAkQ,CAAA,CAAC,CAAC,CAAC;"}

package/lib/sd-component-library242.js

@@ -1,25 +1,24 @@
-import { j as i } from "./sd-component-library195.js";
-import { getInnerX as m, getInnerY as g, getCoordinateForArc as C, degToRad as F } from "./sd-component-library89.js";
-const X = (p) => {
-  const {
-    diameter: l,
-    arc: a,
-    color: u = "#CCD0DB",
-    dashHeight: e,
-    dashWidth: x,
-    numberOfDashes: r,
-    distanceFromRangesToScale: t,
-    gaugeWidth: o
-  } = p, R = l / 2, j = (360 - a) / 2, D = a / (r - 1);
-  return /* @__PURE__ */ i.jsx("g", { children: [...Array(r)].map((I, n) => {
-    const c = j + n * D, {
-      x: d,
-      y: h
-    } = C(R, c), s = F(c), T = m(d, s, o + t), $ = g(h, s, o + t), f = m(d, s, o + t + e), B = g(h, s, o + t + e);
-    return /* @__PURE__ */ i.jsx("path", { d: `M${T},${$} L${f},${B}`, stroke: u, strokeWidth: x }, n);
-  }) });
-};
+const i = (t, n) => [t, n], T = function* (t = []) {
+  for (; t.length > 1; )
+    yield i(t[0], t[1]), t = t.slice(1);
+}, I = (t, n, e) => {
+  if (n && !e)
+    return n;
+  if (!n && e)
+    return e;
+  if (n && e) {
+    const s = a(n), r = a(e), c = s.map((B, f) => Math.round(B * (1 - t) + r[f] * t));
+    return c ? u(c[0], c[1], c[2]) : "";
+  }
+  return "";
+}, u = (t, n, e) => "#" + (16777216 + (t << 16) + (n << 8) + e).toString(16).slice(1), a = (t) => {
+  const n = t.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);
+  return n ? n.slice(1).map((e) => parseInt(e, 16)) : null;
+}, h = (t, n, e) => Math.floor(t * n) === (e === "left" ? 0 : e === "right" ? n - 1 : 1), _ = (t) => t === "left" ? "right" : t === "top" ? "top" : "left";
 export {
-  X as OutlineMeterScale
+  _ as flipPosition,
+  I as getFractionColor,
+  h as isLabelActive,
+  T as mapAdjacent
 };
 //# sourceMappingURL=sd-component-library242.js.map

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-scale/outline-meter-scale.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../utils\";\nimport { OutlineMeterScaleProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterScale: React.FC<Props> = (props) => {\n  const {\n    diameter,\n    arc,\n    color = \"#CCD0DB\",\n    dashHeight,\n    dashWidth,\n    numberOfDashes,\n    distanceFromRangesToScale: distanceFromRanges,\n    gaugeWidth,\n  } = props;\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2; // deg\n  const degPerDash = arc / (numberOfDashes - 1);\n\n  return (\n    <g>\n      {[...Array(numberOfDashes)].map((_, idx) => {\n        const alpha = arcStart + idx * degPerDash;\n        const { x, y } = getCoordinateForArc(radius, alpha);\n        const alphaInRad = degToRad(alpha);\n        const dashTopX = getInnerX(\n          x,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges\n        );\n        const dashTopY = getInnerY(\n          y,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges\n        );\n        const dashBottomX = getInnerX(\n          x,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges + dashHeight\n        );\n        const dashBottomY = getInnerY(\n          y,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges + dashHeight\n        );\n        return (\n          <path\n            key={idx}\n            d={`M${dashTopX},${dashTopY} L${dashBottomX},${dashBottomY}`}\n            stroke={color}\n            strokeWidth={dashWidth}\n          />\n        );\n      })}\n    </g>\n  );\n};\n"],"names":["OutlineMeterScale","props","diameter","arc","color","dashHeight","dashWidth","numberOfDashes","distanceFromRangesToScale","distanceFromRanges","gaugeWidth","radius","arcStart","degPerDash","jsx","Array","map","_","idx","alpha","x","y","getCoordinateForArc","alphaInRad","degToRad","dashTopX","getInnerX","dashTopY","getInnerY","dashBottomX","dashBottomY"],"mappings":";;AAUO,MAAMA,IAAsCC,CAAUA,MAAA;AACrD,QAAA;AAAA,IACJC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,OAAAA,IAAQ;AAAA,IACRC,YAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,2BAA2BC;AAAAA,IAC3BC,YAAAA;AAAAA,EACET,IAAAA,GACEU,IAAST,IAAW,GAEpBU,KAAY,MAAMT,KAAO,GACzBU,IAAaV,KAAOI,IAAiB;AAGzC,SAAAO,gBAAAA,MAAC,KACE,EAAA,UAAA,CAAC,GAAGC,MAAMR,CAAc,CAAC,EAAES,IAAI,CAACC,GAAGC,MAAQ;AACpCC,UAAAA,IAAQP,IAAWM,IAAML,GACzB;AAAA,MAAEO,GAAAA;AAAAA,MAAGC,GAAAA;AAAAA,IAAAA,IAAMC,EAAoBX,GAAQQ,CAAK,GAC5CI,IAAaC,EAASL,CAAK,GAC3BM,IAAWC,EACfN,GACAG,GACAb,IAAaD,CACf,GACMkB,IAAWC,EACfP,GACAE,GACAb,IAAaD,CACf,GACMoB,IAAcH,EAClBN,GACAG,GACAb,IAAaD,IAAqBJ,CACpC,GACMyB,IAAcF,EAClBP,GACAE,GACAb,IAAaD,IAAqBJ,CACpC;AACA,iCACG,QAEC,EAAA,GAAI,IAAGoB,CAAS,IAAGE,CAAS,KAAIE,CAAY,IAAGC,CAAY,IAC3D,QAAQ1B,GACR,aAAaE,KAHRY,CAIL;AAAA,EAEL,CAAA,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library242.js","sources":["../src/components/meters/gradient-outline-meter/utils.ts"],"sourcesContent":["import { OutlineMeterLabelPosition } from \"../outline-meter\";\n\nconst pair = <T>(a: T, b: T): [T, T] => [a, b];\n\n/**\n * Returns an array of mapped adjacent elements into pairs.\n */\nexport const mapAdjacent = function* <T>(iter: T[] = []) {\n  while (iter.length > 1) {\n    yield pair<T>(iter[0], iter[1]);\n    iter = iter.slice(1);\n  }\n};\n\n/**\n * @param fraction numerical value from 0 to 1.\n * @param lowColor initial color of the gradient.\n * @param topColor final color of the gradient.\n * @returns color of gradient at specified fraction point or empty string\n */\nexport const getFractionColor = (\n  fraction: number,\n  lowColor?: string,\n  topColor?: string\n): string => {\n  if (lowColor && !topColor) return lowColor;\n  if (!lowColor && topColor) return topColor;\n  if (lowColor && topColor) {\n    const lowRGB = hexToRGB(lowColor);\n    const topRGB = hexToRGB(topColor);\n    const resultRGB = lowRGB!.map((component, i) => {\n      return Math.round(component * (1 - fraction) + topRGB![i] * fraction);\n    });\n    return resultRGB ? rgbToHex(resultRGB[0], resultRGB[1], resultRGB[2]) : \"\";\n  }\n  return \"\";\n};\n\n/**\n * Converts rgb color representation into hex representation.\n * @param red component of color.\n * @param green component of color.\n * @param blue component of color.\n */\nconst rgbToHex = (red: number, green: number, blue: number): string => {\n  const BITS_IN_BYTE = 8;\n  return (\n    \"#\" +\n    (\n      (1 << (3 * BITS_IN_BYTE)) +\n      (red << (2 * BITS_IN_BYTE)) +\n      (green << BITS_IN_BYTE) +\n      blue\n    )\n      .toString(16)\n      .slice(1)\n  );\n};\n\n/**\n * Converts hex representation of color into rgb.\n * @param hex complete and correct representation of color\n */\nconst hexToRGB = (hex: string) => {\n  const normal = hex.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);\n  return normal ? normal.slice(1).map((e) => parseInt(e, 16)) : null;\n};\n\nexport const isLabelActive = (\n  value: number,\n  totalColors: number,\n  position: OutlineMeterLabelPosition\n) =>\n  Math.floor(value * totalColors) ===\n  (position === \"left\" ? 0 : position === \"right\" ? totalColors - 1 : 1);\n\n/**\n * Mirrors entered position for outline meter label.\n */\nexport const flipPosition = (position: OutlineMeterLabelPosition) =>\n  position === \"left\" ? \"right\" : position === \"top\" ? \"top\" : \"left\";\n"],"names":["pair","a","b","mapAdjacent","iter","length","slice","getFractionColor","fraction","lowColor","topColor","lowRGB","hexToRGB","topRGB","resultRGB","map","component","i","Math","round","rgbToHex","red","green","blue","BITS_IN_BYTE","toString","hex","normal","match","e","parseInt","isLabelActive","value","totalColors","position","floor","flipPosition"],"mappings":"AAEA,MAAMA,IAAO,CAAIC,GAAMC,MAAiB,CAACD,GAAGC,CAAC,GAKhCC,IAAc,WAAcC,IAAY,IAAI;AAChDA,SAAAA,EAAKC,SAAS;AACnB,UAAML,EAAQI,EAAK,CAAC,GAAGA,EAAK,CAAC,CAAC,GACvBA,IAAAA,EAAKE,MAAM,CAAC;AAEvB,GAQaC,IAAmBA,CAC9BC,GACAC,GACAC,MACW;AACX,MAAID,KAAY,CAACC;AAAiBD,WAAAA;AAClC,MAAI,CAACA,KAAYC;AAAiBA,WAAAA;AAClC,MAAID,KAAYC,GAAU;AAClBC,UAAAA,IAASC,EAASH,CAAQ,GAC1BI,IAASD,EAASF,CAAQ,GAC1BI,IAAYH,EAAQI,IAAI,CAACC,GAAWC,MACjCC,KAAKC,MAAMH,KAAa,IAAIR,KAAYK,EAAQI,CAAC,IAAIT,CAAQ,CACrE;AACMM,WAAAA,IAAYM,EAASN,EAAU,CAAC,GAAGA,EAAU,CAAC,GAAGA,EAAU,CAAC,CAAC,IAAI;AAAA,EAC1E;AACO,SAAA;AACT,GAQMM,IAAWA,CAACC,GAAaC,GAAeC,MAG1C,OAEG,YACAF,KAAQ,OACRC,KAASE,KACVD,GAECE,SAAS,EAAE,EACXnB,MAAM,CAAC,GAQRM,IAAWA,CAACc,MAAgB;AAC1BC,QAAAA,IAASD,EAAIE,MAAM,6CAA6C;AAC/DD,SAAAA,IAASA,EAAOrB,MAAM,CAAC,EAAES,IAAKc,CAAAA,MAAMC,SAASD,GAAG,EAAE,CAAC,IAAI;AAChE,GAEaE,IAAgBA,CAC3BC,GACAC,GACAC,MAEAhB,KAAKiB,MAAMH,IAAQC,CAAW,OAC7BC,MAAa,SAAS,IAAIA,MAAa,UAAUD,IAAc,IAAI,IAKzDG,IAAeA,CAACF,MAC3BA,MAAa,SAAS,UAAUA,MAAa,QAAQ,QAAQ;"}

package/lib/sd-component-library243.js

@@ -1,26 +1,62 @@
-import { j as M } from "./sd-component-library195.js";
-import { getInnerX as T, getInnerY as W, degToRad as r, getCoordinateForArc as y } from "./sd-component-library89.js";
-import { BaseNeedle as B } from "./sd-component-library630.js";
-function E(p) {
+import { j as t } from "./sd-component-library195.js";
+import { getCoordinateForArc as A, getInnerX as H, getInnerY as M, degToRad as E } from "./sd-component-library89.js";
+import { getFractionColor as O } from "./sd-component-library242.js";
+import { BaseOutlineArc as X } from "./sd-component-library632.js";
+const w = "#CCD0DB", q = (G) => {
   const {
-    needleColor: u,
-    options: n,
-    value: h,
-    needleWidth: e,
-    innerCircleRadius: m,
-    innerCircleStrokeWidth: x,
-    diameter: R,
-    arc: a,
-    distanceBetweenRanges: c,
-    distanceFromRange: s,
-    gaugeWidth: i
-  } = p, o = n.findIndex((F) => h === F.value), d = R / 2, f = (360 - a) / 2, l = a - (n.length - 1) * c, g = o / n.length, v = (o + 1) / n.length, A = l * (v - g), t = f + c * o + l * g + A / 2, {
-    x: C,
-    y: I
-  } = y(d, t), S = T(C, r(t), s + i + e / 2), X = W(I, r(t), s + i + e / 2), Y = e / 2 * Math.cos(r(t)), j = e / 2 * Math.sin(r(t));
-  return /* @__PURE__ */ M.jsx(B, { dx: Y, dy: j, color: u, radius: d, tipX: S, tipY: X, innerCircleStrokeWidth: x, innerCircleRadius: m, needleWidth: e });
-}
+    diameter: I,
+    idx: d,
+    endColor: Y,
+    startColor: f,
+    segmented: v,
+    totalRanges: n,
+    value: i,
+    arc: l,
+    innerPointRadius: W,
+    pointStrokeWidth: C,
+    gaugeWidth: e,
+    pointColor: $
+  } = G, c = d / n, x = (d + 1) / n, k = i >= c && i <= x, R = (360 - l) / 2, r = I / 2, g = R + l * c, j = R + l * x, {
+    x: u,
+    y: h
+  } = A(r, g), {
+    x: m,
+    y
+  } = A(r, j);
+  if (v || !k)
+    return /* @__PURE__ */ t.jsx(X, { startX: u, startY: h, endX: m, endY: y, startAlpha: g, endAlpha: j, color: v || i > x ? `url(#gradient-${f}-${Y})` : w, radius: r, width: e });
+  const o = g + (i - c) / (x - c) * l / n, {
+    x: a,
+    y: s
+  } = A(r, o), F = H(a, E(o), e), B = M(s, E(o), e), D = d >= n / 2, S = d + 1 === n / 2 + 0.5, z = S ? (a - u) / (m - u) : (s - h) / (y - h), p = O(z, f, Y);
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsxs("linearGradient", { id: `value-gradient-${p}`, ...D ? {
+      x1: 0,
+      y1: 0,
+      x2: 0,
+      y2: 1
+    } : S ? {
+      x1: 0,
+      y1: 0,
+      x2: 1,
+      y2: 0
+    } : {
+      x1: 0,
+      y1: 1,
+      x2: 0,
+      y2: 0
+    }, children: [
+      /* @__PURE__ */ t.jsx("stop", { stopColor: f, offset: "0%" }),
+      /* @__PURE__ */ t.jsx("stop", { stopColor: p, offset: "100%" })
+    ] }) }),
+    /* @__PURE__ */ t.jsxs("g", { children: [
+      /* @__PURE__ */ t.jsx(X, { startX: u, startY: h, endX: a, endY: s, startAlpha: g, endAlpha: o, color: `url(#value-gradient-${p})`, radius: r, width: e, roundEnd: !1 }),
+      /* @__PURE__ */ t.jsx(X, { startX: a, startY: s, endX: m, endY: y, startAlpha: o, endAlpha: j, color: w, radius: r, width: e, roundStart: !1 }),
+      /* @__PURE__ */ t.jsx("circle", { cx: (a + F) / 2, cy: (s + B) / 2, r: C + W, strokeWidth: C, stroke: $ || p, fill: "white" })
+    ] })
+  ] });
+};
 export {
-  E as DiscreteMeterNeedle
+  q as GradientMeterRange
 };
 //# 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/multi-option-discrete-outline-meter/partials/discrete-meter-needle/discrete-meter-needle.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { BaseNeedle } from \"../../../outline-meter/partials/base-needle\";\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { DiscreteMeterNeedleProps as Props } from \"./interfaces\";\n\nexport function DiscreteMeterNeedle<T>(props: PropsWithChildren<Props<T>>) {\n  const {\n    needleColor,\n    options,\n    value,\n    needleWidth,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    diameter,\n    arc,\n    distanceBetweenRanges,\n    distanceFromRange,\n    gaugeWidth,\n  } = props;\n\n  const matchingRangeIndex = options.findIndex(\n    (option) => value === option.value\n  );\n\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2;\n  const arcForRanges = arc - (options.length - 1) * distanceBetweenRanges;\n\n  const start = matchingRangeIndex / options.length;\n  const end = (matchingRangeIndex + 1) / options.length;\n\n  const rangeArc = arcForRanges * (end - start);\n\n  const rangeArcStart =\n    arcStart +\n    distanceBetweenRanges * matchingRangeIndex +\n    arcForRanges * start;\n\n  const valueAlpha = rangeArcStart + rangeArc / 2;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n\n  const needleTipX = getInnerX(\n    valueX,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n  const needleTipY = getInnerY(\n    valueY,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n\n  const dx = (needleWidth / 2) * Math.cos(degToRad(valueAlpha));\n  const dy = (needleWidth / 2) * Math.sin(degToRad(valueAlpha));\n\n  return (\n    <BaseNeedle\n      dx={dx}\n      dy={dy}\n      color={needleColor}\n      radius={radius}\n      tipX={needleTipX}\n      tipY={needleTipY}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      innerCircleRadius={innerCircleRadius}\n      needleWidth={needleWidth}\n    />\n  );\n}\n"],"names":["DiscreteMeterNeedle","props","needleColor","options","value","needleWidth","innerCircleRadius","innerCircleStrokeWidth","diameter","arc","distanceBetweenRanges","distanceFromRange","gaugeWidth","matchingRangeIndex","findIndex","option","radius","arcStart","arcForRanges","length","start","end","rangeArc","valueAlpha","x","valueX","y","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","Math","cos","dy","sin","jsx","BaseNeedle"],"mappings":";;;AAWO,SAASA,EAAuBC,GAAoC;AACnE,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,YAAAA;AAAAA,EACEX,IAAAA,GAEEY,IAAqBV,EAAQW,UAChCC,CAAWX,MAAAA,MAAUW,EAAOX,KAC/B,GAEMY,IAASR,IAAW,GAEpBS,KAAY,MAAMR,KAAO,GACzBS,IAAeT,KAAON,EAAQgB,SAAS,KAAKT,GAE5CU,IAAQP,IAAqBV,EAAQgB,QACrCE,KAAOR,IAAqB,KAAKV,EAAQgB,QAEzCG,IAAWJ,KAAgBG,IAAMD,IAOjCG,IAJJN,IACAP,IAAwBG,IACxBK,IAAeE,IAEkBE,IAAW,GACxC;AAAA,IAAEE,GAAGC;AAAAA,IAAQC,GAAGC;AAAAA,EAAAA,IAAWC,EAAoBZ,GAAQO,CAAU,GAEjEM,IAAaC,EACjBL,GACAM,EAASR,CAAU,GACnBZ,IAAoBC,IAAaP,IAAc,CACjD,GACM2B,IAAaC,EACjBN,GACAI,EAASR,CAAU,GACnBZ,IAAoBC,IAAaP,IAAc,CACjD,GAEM6B,IAAM7B,IAAc,IAAK8B,KAAKC,IAAIL,EAASR,CAAU,CAAC,GACtDc,IAAMhC,IAAc,IAAK8B,KAAKG,IAAIP,EAASR,CAAU,CAAC;AAE5D,SACGgB,gBAAAA,EAAAA,IAAAC,GAAA,EACC,IAAAN,GACA,IAAAG,GACA,OAAOnC,GACP,QAAAc,GACA,MAAMa,GACN,MAAMG,GACN,wBAAAzB,GACA,mBAAAD,GACA,aAAAD,EACA,CAAA;AAEN;"}
+{"version":3,"file":"sd-component-library243.js","sources":["../src/components/meters/gradient-outline-meter/partials/gradient-meter-range/gradient-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseOutlineArc } from \"../../../outline-meter/partials/base-outline-arc\";\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { getFractionColor } from \"../../utils\";\nimport { GradientMeterRangeProps as Props } from \"./interfaces\";\n\nconst grey = \"#CCD0DB\";\nexport const GradientMeterRange: React.FC<Props> = (props) => {\n  const {\n    diameter,\n    idx,\n    endColor,\n    startColor,\n    segmented,\n    totalRanges,\n    value,\n    arc,\n    innerPointRadius,\n    pointStrokeWidth,\n    gaugeWidth,\n    pointColor,\n  } = props;\n\n  const start = idx / totalRanges;\n  const end = (idx + 1) / totalRanges;\n\n  const valueWithinRange = value >= start && value <= end;\n\n  const arcStart = (360 - arc) / 2; // deg\n\n  const radius = diameter / 2;\n\n  const rangeArcStart = arcStart + arc * start;\n  const rangeArcEnd = arcStart + arc * end;\n\n  const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n    radius,\n    rangeArcStart\n  );\n  const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n    radius,\n    rangeArcEnd\n  );\n\n  if (segmented || !valueWithinRange)\n    return (\n      <BaseOutlineArc\n        startX={rangeStartX}\n        startY={rangeStartY}\n        endX={rangeEndX}\n        endY={rangeEndY}\n        startAlpha={rangeArcStart}\n        endAlpha={rangeArcEnd}\n        color={\n          segmented || value > end\n            ? `url(#gradient-${startColor}-${endColor})`\n            : grey\n        }\n        radius={radius}\n        width={gaugeWidth}\n      />\n    );\n\n  const valueAlpha =\n    rangeArcStart + (((value - start) / (end - start)) * arc) / totalRanges;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n  const valueInnerX = getInnerX(valueX, degToRad(valueAlpha), gaugeWidth);\n  const valueInnerY = getInnerY(valueY, degToRad(valueAlpha), gaugeWidth);\n\n  const useVerticalGradient = idx >= totalRanges / 2;\n  const useHorizontalGradient = idx + 1 === totalRanges / 2 + 0.5;\n\n  const fraction = useHorizontalGradient\n    ? (valueX - rangeStartX) / (rangeEndX - rangeStartX)\n    : (valueY - rangeStartY) / (rangeEndY - rangeStartY);\n  const color = getFractionColor(fraction, startColor, endColor);\n\n  return (\n    <>\n      <defs>\n        <linearGradient\n          id={`value-gradient-${color}`}\n          {...(useVerticalGradient\n            ? {\n                x1: 0,\n                y1: 0,\n                x2: 0,\n                y2: 1,\n              }\n            : useHorizontalGradient\n            ? { x1: 0, y1: 0, x2: 1, y2: 0 }\n            : {\n                x1: 0,\n                y1: 1,\n                x2: 0,\n                y2: 0,\n              })}\n        >\n          <stop stopColor={startColor} offset=\"0%\" />\n          <stop stopColor={color} offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <g>\n        <BaseOutlineArc\n          startX={rangeStartX}\n          startY={rangeStartY}\n          endX={valueX}\n          endY={valueY}\n          startAlpha={rangeArcStart}\n          endAlpha={valueAlpha}\n          color={`url(#value-gradient-${color})`}\n          radius={radius}\n          width={gaugeWidth}\n          roundEnd={false}\n        />\n        <BaseOutlineArc\n          startX={valueX}\n          startY={valueY}\n          endX={rangeEndX}\n          endY={rangeEndY}\n          startAlpha={valueAlpha}\n          endAlpha={rangeArcEnd}\n          color={grey}\n          radius={radius}\n          width={gaugeWidth}\n          roundStart={false}\n        />\n        <circle\n          cx={(valueX + valueInnerX) / 2}\n          cy={(valueY + valueInnerY) / 2}\n          r={pointStrokeWidth + innerPointRadius}\n          strokeWidth={pointStrokeWidth}\n          stroke={pointColor || color}\n          fill=\"white\"\n        />\n      </g>\n    </>\n  );\n};\n"],"names":["grey","GradientMeterRange","props","diameter","idx","endColor","startColor","segmented","totalRanges","value","arc","innerPointRadius","pointStrokeWidth","gaugeWidth","pointColor","start","end","valueWithinRange","arcStart","radius","rangeArcStart","rangeArcEnd","x","rangeStartX","y","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","jsx","BaseOutlineArc","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY","useVerticalGradient","useHorizontalGradient","fraction","color","getFractionColor","jsxs","Fragment","x1","y1","x2","y2"],"mappings":"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"}

package/lib/sd-component-library244.js

@@ -1,19 +1,25 @@
-import { j as g } from "./sd-component-library195.js";
-import { getRangeProperties as d } from "./sd-component-library631.js";
-import { MatchedRangeLabelBox as x } from "./sd-component-library611.js";
-const h = (e) => {
+import { j as i } from "./sd-component-library195.js";
+import { getInnerX as m, getInnerY as g, getCoordinateForArc as C, degToRad as F } from "./sd-component-library89.js";
+const X = (p) => {
   const {
-    idx: t,
-    totalRanges: a,
-    distanceBetweenRanges: r,
-    arc: n
-  } = e, {
-    rangeArcStart: o,
-    rangeArcEnd: s
-  } = d(n, a, r, t), c = Math.round((o + s) / 2);
-  return /* @__PURE__ */ g.jsx(x, { ...e, alpha: c, round: !0 });
+    diameter: l,
+    arc: a,
+    color: u = "#CCD0DB",
+    dashHeight: e,
+    dashWidth: x,
+    numberOfDashes: r,
+    distanceFromRangesToScale: t,
+    gaugeWidth: o
+  } = p, R = l / 2, j = (360 - a) / 2, D = a / (r - 1);
+  return /* @__PURE__ */ i.jsx("g", { children: [...Array(r)].map((I, n) => {
+    const c = j + n * D, {
+      x: d,
+      y: h
+    } = C(R, c), s = F(c), T = m(d, s, o + t), $ = g(h, s, o + t), f = m(d, s, o + t + e), B = g(h, s, o + t + e);
+    return /* @__PURE__ */ i.jsx("path", { d: `M${T},${$} L${f},${B}`, stroke: u, strokeWidth: x }, n);
+  }) });
 };
 export {
-  h as MatchedRangeLabelBox
+  X as OutlineMeterScale
 };
 //# 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/multi-option-discrete-outline-meter/partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { MatchedRangeLabelBox as LabelBox } from \"../../../common-outline-meter-partials\";\nimport { getRangeProperties } from \"../../utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const { idx, totalRanges, distanceBetweenRanges, arc } = props;\n\n  const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx\n  );\n\n  const alpha = Math.round((rangeArcStart + rangeArcEnd) / 2);\n\n  return <LabelBox {...props} alpha={alpha} round />;\n};\n"],"names":["MatchedRangeLabelBox","props","idx","totalRanges","distanceBetweenRanges","arc","rangeArcStart","rangeArcEnd","getRangeProperties","alpha","Math","round","LabelBox"],"mappings":";;;AAMO,MAAMA,IAAyCC,CAAUA,MAAA;AACxD,QAAA;AAAA,IAAEC,KAAAA;AAAAA,IAAKC,aAAAA;AAAAA,IAAaC,uBAAAA;AAAAA,IAAuBC,KAAAA;AAAAA,EAAQJ,IAAAA,GAEnD;AAAA,IAAEK,eAAAA;AAAAA,IAAeC,aAAAA;AAAAA,EAAgBC,IAAAA,EACrCH,GACAF,GACAC,GACAF,CACF,GAEMO,IAAQC,KAAKC,OAAOL,IAAgBC,KAAe,CAAC;AAE1D,+BAAQK,GAAS,EAAA,GAAIX,GAAO,OAAAQ,GAAc,OAAK,GAAG,CAAA;AACpD;"}
+{"version":3,"file":"sd-component-library244.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-scale/outline-meter-scale.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../utils\";\nimport { OutlineMeterScaleProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterScale: React.FC<Props> = (props) => {\n  const {\n    diameter,\n    arc,\n    color = \"#CCD0DB\",\n    dashHeight,\n    dashWidth,\n    numberOfDashes,\n    distanceFromRangesToScale: distanceFromRanges,\n    gaugeWidth,\n  } = props;\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2; // deg\n  const degPerDash = arc / (numberOfDashes - 1);\n\n  return (\n    <g>\n      {[...Array(numberOfDashes)].map((_, idx) => {\n        const alpha = arcStart + idx * degPerDash;\n        const { x, y } = getCoordinateForArc(radius, alpha);\n        const alphaInRad = degToRad(alpha);\n        const dashTopX = getInnerX(\n          x,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges\n        );\n        const dashTopY = getInnerY(\n          y,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges\n        );\n        const dashBottomX = getInnerX(\n          x,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges + dashHeight\n        );\n        const dashBottomY = getInnerY(\n          y,\n          alphaInRad,\n          gaugeWidth + distanceFromRanges + dashHeight\n        );\n        return (\n          <path\n            key={idx}\n            d={`M${dashTopX},${dashTopY} L${dashBottomX},${dashBottomY}`}\n            stroke={color}\n            strokeWidth={dashWidth}\n          />\n        );\n      })}\n    </g>\n  );\n};\n"],"names":["OutlineMeterScale","props","diameter","arc","color","dashHeight","dashWidth","numberOfDashes","distanceFromRangesToScale","distanceFromRanges","gaugeWidth","radius","arcStart","degPerDash","jsx","Array","map","_","idx","alpha","x","y","getCoordinateForArc","alphaInRad","degToRad","dashTopX","getInnerX","dashTopY","getInnerY","dashBottomX","dashBottomY"],"mappings":";;AAUO,MAAMA,IAAsCC,CAAUA,MAAA;AACrD,QAAA;AAAA,IACJC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,OAAAA,IAAQ;AAAA,IACRC,YAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,2BAA2BC;AAAAA,IAC3BC,YAAAA;AAAAA,EACET,IAAAA,GACEU,IAAST,IAAW,GAEpBU,KAAY,MAAMT,KAAO,GACzBU,IAAaV,KAAOI,IAAiB;AAGzC,SAAAO,gBAAAA,MAAC,KACE,EAAA,UAAA,CAAC,GAAGC,MAAMR,CAAc,CAAC,EAAES,IAAI,CAACC,GAAGC,MAAQ;AACpCC,UAAAA,IAAQP,IAAWM,IAAML,GACzB;AAAA,MAAEO,GAAAA;AAAAA,MAAGC,GAAAA;AAAAA,IAAAA,IAAMC,EAAoBX,GAAQQ,CAAK,GAC5CI,IAAaC,EAASL,CAAK,GAC3BM,IAAWC,EACfN,GACAG,GACAb,IAAaD,CACf,GACMkB,IAAWC,EACfP,GACAE,GACAb,IAAaD,CACf,GACMoB,IAAcH,EAClBN,GACAG,GACAb,IAAaD,IAAqBJ,CACpC,GACMyB,IAAcF,EAClBP,GACAE,GACAb,IAAaD,IAAqBJ,CACpC;AACA,iCACG,QAEC,EAAA,GAAI,IAAGoB,CAAS,IAAGE,CAAS,KAAIE,CAAY,IAAGC,CAAY,IAC3D,QAAQ1B,GACR,aAAaE,KAHRY,CAIL;AAAA,EAEL,CAAA,EACH,CAAA;AAEJ;"}