@selfdecode/sd-component-library 4.0.139 → 4.0.141

package/lib/sd-component-library299.js

@@ -1,8 +1,6 @@
-var r, e;
-function a() {
-  return e || (e = 1, r = Function.call.bind(Object.prototype.hasOwnProperty)), r;
-}
+import * as e from "react";
+const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 27 27", ...t }, /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement("path", { d: "M391,292.419H368a2.089,2.089,0,1,0,0,4.178h23a2.089,2.089,0,0,0,0-4.178Z", transform: "translate(-365.884 -271.09)" }), /* @__PURE__ */ e.createElement("circle", { cx: 3.758, cy: 3.758, r: 3.758, transform: "translate(19.728 0.06)" }), /* @__PURE__ */ e.createElement("circle", { cx: 3.758, cy: 3.758, r: 3.758 })));
 export {
-  a as __require
+  r as ReactComponent
 };
 //# sourceMappingURL=sd-component-library299.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library299.js","sources":["../node_modules/prop-types/lib/has.js"],"sourcesContent":["module.exports = Function.call.bind(Object.prototype.hasOwnProperty);\n"],"names":["has"],"mappings":";;sBAAAA,IAAiB,SAAS,KAAK,KAAK,OAAO,UAAU,cAAc;;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library299.js","sources":["../src/components/meters/smiley-meter-v2/assets/neutral-smiley.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjcgMjciCj4KICA8ZyA+CiAgICA8cGF0aAogICAgICBkPSJNMzkxLDI5Mi40MTlIMzY4YTIuMDg5LDIuMDg5LDAsMSwwLDAsNC4xNzhoMjNhMi4wODksMi4wODksMCwwLDAsMC00LjE3OFoiCiAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjUuODg0IC0yNzEuMDkpIgogICAgLz4KICAgIDxjaXJjbGUgY3g9IjMuNzU4IiBjeT0iMy43NTgiIHI9IjMuNzU4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOS43MjggMC4wNikiIC8+CiAgICA8Y2lyY2xlIGN4PSIzLjc1OCIgY3k9IjMuNzU4IiByPSIzLjc1OCIgLz4KICA8L2c+Cjwvc3ZnPgo=\""],"names":["SvgNeutralSmiley","props","React"],"mappings":";AACK,MAACA,IAAmB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,KAAyB,gBAAAC,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,4EAA4E,WAAW,8BAA6B,CAAE,GAAmB,gBAAAA,EAAM,cAAc,UAAU,EAAE,IAAI,OAAO,IAAI,OAAO,GAAG,OAAO,WAAW,0BAA0B,GAAmB,gBAAAA,EAAM,cAAc,UAAU,EAAE,IAAI,OAAO,IAAI,OAAO,GAAG,MAAO,CAAA,CAAC,CAAC;"}

package/lib/sd-component-library300.js

@@ -1,56 +1,6 @@
-import { __require as E } from "./sd-component-library298.js";
-import { __require as _ } from "./sd-component-library299.js";
-var f, v;
-function P() {
-  if (v)
-    return f;
-  v = 1;
-  var o = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var y = E(), t = {}, d = _();
-    o = function(n) {
-      var a = "Warning: " + n;
-      typeof console < "u" && console.error(a);
-      try {
-        throw new Error(a);
-      } catch {
-      }
-    };
-  }
-  function u(n, a, i, s, c) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var e in n)
-        if (d(n, e)) {
-          var r;
-          try {
-            if (typeof n[e] != "function") {
-              var h = Error(
-                (s || "React class") + ": " + i + " type `" + e + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[e] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-              );
-              throw h.name = "Invariant Violation", h;
-            }
-            r = n[e](a, e, s, i, null, y);
-          } catch (l) {
-            r = l;
-          }
-          if (r && !(r instanceof Error) && o(
-            (s || "React class") + ": type specification of " + i + " `" + e + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof r + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), r instanceof Error && !(r.message in t)) {
-            t[r.message] = !0;
-            var p = c ? c() : "";
-            o(
-              "Failed " + i + " type: " + r.message + (p ?? "")
-            );
-          }
-        }
-    }
-  }
-  return u.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (t = {});
-  }, f = u, f;
-}
+import * as t from "react";
+const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 29 29", ...e }, /* @__PURE__ */ t.createElement("g", null, /* @__PURE__ */ t.createElement("path", { d: "M587.787,289.994a14.846,14.846,0,0,0-13.963,8.888h.031a1.817,1.817,0,0,0,3.358,1.391,11.709,11.709,0,0,1,21.125,0,1.816,1.816,0,1,0,3.336-1.437A14.981,14.981,0,0,0,587.787,289.994Z", transform: "translate(-573.349 -273.133)" }), /* @__PURE__ */ t.createElement("path", { d: "M592.474,280.84a1.514,1.514,0,0,0-1.512,1.514,2.269,2.269,0,1,1-4.478,0,1.512,1.512,0,1,0-3.025,0,5.295,5.295,0,1,0,10.53,0A1.514,1.514,0,0,0,592.474,280.84Z", transform: "translate(-565.173 -280.84)" }), /* @__PURE__ */ t.createElement("path", { d: "M578.248,288.183a5.294,5.294,0,0,0,5.83-5.828,1.513,1.513,0,1,0-3.027,0,2.269,2.269,0,1,1-4.478,0,1.512,1.512,0,1,0-3.025,0A5.293,5.293,0,0,0,578.248,288.183Z", transform: "translate(-573.518 -280.84)" })));
 export {
-  P as __require
+  a as ReactComponent
 };
 //# sourceMappingURL=sd-component-library300.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library300.js","sources":["../node_modules/prop-types/checkPropTypes.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar printWarning = function() {};\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n  var loggedTypeFailures = {};\n  var has = require('./lib/has');\n\n  printWarning = function(text) {\n    var message = 'Warning: ' + text;\n    if (typeof console !== 'undefined') {\n      console.error(message);\n    }\n    try {\n      // --- Welcome to debugging React ---\n      // This error was thrown as a convenience so that you can use this stack\n      // to find the callsite that caused this warning to fire.\n      throw new Error(message);\n    } catch (x) { /**/ }\n  };\n}\n\n/**\n * Assert that the values match with the type specs.\n * Error messages are memorized and will only be shown once.\n *\n * @param {object} typeSpecs Map of name to a ReactPropType\n * @param {object} values Runtime values that need to be type-checked\n * @param {string} location e.g. \"prop\", \"context\", \"child context\"\n * @param {string} componentName Name of the component for error messages.\n * @param {?Function} getStack Returns the component stack.\n * @private\n */\nfunction checkPropTypes(typeSpecs, values, location, componentName, getStack) {\n  if (process.env.NODE_ENV !== 'production') {\n    for (var typeSpecName in typeSpecs) {\n      if (has(typeSpecs, typeSpecName)) {\n        var error;\n        // Prop type validation may throw. In case they do, we don't want to\n        // fail the render phase where it didn't fail before. So we log it.\n        // After these have been cleaned up, we'll let them throw.\n        try {\n          // This is intentionally an invariant that gets caught. It's the same\n          // behavior as without this statement except with a better message.\n          if (typeof typeSpecs[typeSpecName] !== 'function') {\n            var err = Error(\n              (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +\n              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +\n              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'\n            );\n            err.name = 'Invariant Violation';\n            throw err;\n          }\n          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);\n        } catch (ex) {\n          error = ex;\n        }\n        if (error && !(error instanceof Error)) {\n          printWarning(\n            (componentName || 'React class') + ': type specification of ' +\n            location + ' `' + typeSpecName + '` is invalid; the type checker ' +\n            'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +\n            'You may have forgotten to pass an argument to the type checker ' +\n            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +\n            'shape all require an argument).'\n          );\n        }\n        if (error instanceof Error && !(error.message in loggedTypeFailures)) {\n          // Only monitor this failure once because there tends to be a lot of the\n          // same error.\n          loggedTypeFailures[error.message] = true;\n\n          var stack = getStack ? getStack() : '';\n\n          printWarning(\n            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')\n          );\n        }\n      }\n    }\n  }\n}\n\n/**\n * Resets warning cache when testing.\n *\n * @private\n */\ncheckPropTypes.resetWarningCache = function() {\n  if (process.env.NODE_ENV !== 'production') {\n    loggedTypeFailures = {};\n  }\n}\n\nmodule.exports = checkPropTypes;\n"],"names":["printWarning","ReactPropTypesSecret","require$$0","loggedTypeFailures","has","require$$1","text","message","checkPropTypes","typeSpecs","values","location","componentName","getStack","typeSpecName","error","err","ex","stack","checkPropTypes_1"],"mappings":";;;;;;;AASA,MAAIA,IAAe,WAAW;AAAA;AAE9B,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAIC,IAAuBC,KACvBC,IAAqB,CAAA,GACrBC,IAAMC;AAEV,IAAAL,IAAe,SAASM,GAAM;AAC5B,UAAIC,IAAU,cAAcD;AAC5B,MAAI,OAAO,UAAY,OACrB,QAAQ,MAAMC,CAAO;AAEvB,UAAI;AAIF,cAAM,IAAI,MAAMA,CAAO;AAAA,MAC7B,QAAgB;AAAA,MAAQ;AAAA,IACxB;AAAA,EACC;AAaD,WAASC,EAAeC,GAAWC,GAAQC,GAAUC,GAAeC,GAAU;AAC5E,QAAI,QAAQ,IAAI,aAAa;AAC3B,eAASC,KAAgBL;AACvB,YAAIL,EAAIK,GAAWK,CAAY,GAAG;AAChC,cAAIC;AAIJ,cAAI;AAGF,gBAAI,OAAON,EAAUK,CAAY,KAAM,YAAY;AACjD,kBAAIE,IAAM;AAAA,iBACPJ,KAAiB,iBAAiB,OAAOD,IAAW,YAAYG,IAAe,+FACC,OAAOL,EAAUK,CAAY,IAAI;AAAA,cAEhI;AACY,oBAAAE,EAAI,OAAO,uBACLA;AAAA,YACP;AACD,YAAAD,IAAQN,EAAUK,CAAY,EAAEJ,GAAQI,GAAcF,GAAeD,GAAU,MAAMV,CAAoB;AAAA,UAC1G,SAAQgB,GAAI;AACX,YAAAF,IAAQE;AAAA,UACT;AAWD,cAVIF,KAAS,EAAEA,aAAiB,UAC9Bf;AAAA,aACGY,KAAiB,iBAAiB,6BACnCD,IAAW,OAAOG,IAAe,6FAC6B,OAAOC,IAAQ;AAAA,UAIzF,GAEYA,aAAiB,SAAS,EAAEA,EAAM,WAAWZ,IAAqB;AAGpE,YAAAA,EAAmBY,EAAM,OAAO,IAAI;AAEpC,gBAAIG,IAAQL,IAAWA,EAAQ,IAAK;AAEpC,YAAAb;AAAA,cACE,YAAYW,IAAW,YAAYI,EAAM,WAAWG,KAAwB;AAAA,YACxF;AAAA,UACS;AAAA,QACF;AAAA;AAAA,EAGN;AAOD,SAAAV,EAAe,oBAAoB,WAAW;AAC5C,IAAI,QAAQ,IAAI,aAAa,iBAC3BL,IAAqB,CAAA;AAAA,EAExB,GAEDgB,IAAiBX;;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library300.js","sources":["../src/components/meters/smiley-meter-v2/assets/sad-smiley.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjkgMjkiCj4KICA8Zz4KICAgIDxwYXRoCiAgICAgIGQ9Ik01ODcuNzg3LDI4OS45OTRhMTQuODQ2LDE0Ljg0NiwwLDAsMC0xMy45NjMsOC44ODhoLjAzMWExLjgxNywxLjgxNywwLDAsMCwzLjM1OCwxLjM5MSwxMS43MDksMTEuNzA5LDAsMCwxLDIxLjEyNSwwLDEuODE2LDEuODE2LDAsMSwwLDMuMzM2LTEuNDM3QTE0Ljk4MSwxNC45ODEsMCwwLDAsNTg3Ljc4NywyODkuOTk0WiIKICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3My4zNDkgLTI3My4xMzMpIgogICAgLz4KICAgIDxwYXRoCiAgICAgIGQ9Ik01OTIuNDc0LDI4MC44NGExLjUxNCwxLjUxNCwwLDAsMC0xLjUxMiwxLjUxNCwyLjI2OSwyLjI2OSwwLDEsMS00LjQ3OCwwLDEuNTEyLDEuNTEyLDAsMSwwLTMuMDI1LDAsNS4yOTUsNS4yOTUsMCwxLDAsMTAuNTMsMEExLjUxNCwxLjUxNCwwLDAsMCw1OTIuNDc0LDI4MC44NFoiCiAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NjUuMTczIC0yODAuODQpIgogICAgLz4KICAgIDxwYXRoCiAgICAgIGQ9Ik01NzguMjQ4LDI4OC4xODNhNS4yOTQsNS4yOTQsMCwwLDAsNS44My01LjgyOCwxLjUxMywxLjUxMywwLDEsMC0zLjAyNywwLDIuMjY5LDIuMjY5LDAsMSwxLTQuNDc4LDAsMS41MTIsMS41MTIsMCwxLDAtMy4wMjUsMEE1LjI5Myw1LjI5MywwLDAsMCw1NzguMjQ4LDI4OC4xODNaIgogICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTczLjUxOCAtMjgwLjg0KSIKICAgIC8+CiAgPC9nPgo8L3N2Zz4K\""],"names":["SvgSadSmiley","props","React"],"mappings":";AACK,MAACA,IAAe,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,wLAAwL,WAAW,+BAAgC,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,iKAAiK,WAAW,8BAA6B,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,kKAAkK,WAAW,8BAA6B,CAAE,CAAC,CAAC;"}

package/lib/sd-component-library311.js

@@ -1,54 +1,96 @@
-import { j as t } from "./sd-component-library197.js";
-import x from "react";
-import u from "./sd-component-library196.js";
-import { getIsHorizontal as j, getRangeProperties as p } from "./sd-component-library228.js";
-import { OutlineMeterRange as M } from "./sd-component-library232.js";
-import { LabelPointer as b } from "./sd-component-library322.js";
-const A = x.forwardRef(
-  (e, r) => {
-    const {
-      segmented: o,
-      diameter: n,
-      arc: a,
-      totalRanges: i,
-      distanceBetweenRanges: s,
-      start: m,
-      end: c,
-      idx: d,
-      hideLabels: l,
-      isMatchedRange: g
-    } = e, f = !o, R = n / 2, { rangeArcMiddle: h } = p(
-      a,
-      i,
-      s,
-      d,
-      m,
-      c
+import { j as a } from "./sd-component-library197.js";
+import { useState as S, useCallback as B } from "react";
+import { Box as Y } from "rebass";
+import { labelPaddingX as c, labelWidth as W } from "./sd-component-library228.js";
+import { getCoordinateForArc as $ } from "./sd-component-library91.js";
+import { ResponsiveTextV2 as z } from "./sd-component-library150.js";
+const D = (j) => {
+  const {
+    label: d,
+    color: p,
+    alpha: e,
+    radius: r,
+    horizontal: v,
+    pointerLength: m,
+    round: y,
+    pointY: i
+  } = j, [h, C] = S(0), [f, R] = S(0), T = B((t) => {
+    if (t) {
+      const { height: o, y: l } = t.getBoundingClientRect();
+      C(o), R(l);
+    }
+  }, []);
+  let { x: b, y: g } = $(
+    r + m,
+    e,
+    r
+  );
+  const s = e === 180, n = e < 180, u = e > 180;
+  if (v) {
+    const { x: t, y: o } = $(
+      r,
+      e,
+      r
     );
-    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(
-        M,
-        {
-          ...e,
-          hideLabels: !0,
-          connected: f,
-          ref: r
-        }
-      ),
-      !l && !g && /* @__PURE__ */ t.jsx(
-        b,
+    b = t + m * (n ? -1 : 1), g = o;
+  }
+  if (!d)
+    return null;
+  let x = y || s ? `${c}px` : void 0;
+  if (!x && i) {
+    const t = f - h, o = f;
+    x = [
+      n || i > t,
+      u || i > t,
+      u || i < o,
+      n || i < o
+    ].map((l) => l ? `${c}px` : "0").join(" ");
+  }
+  return /* @__PURE__ */ a.jsx(
+    Y,
+    {
+      sx: {
+        position: "absolute",
+        left: `${b}px`,
+        top: `${g}px`
+      },
+      children: /* @__PURE__ */ a.jsx(
+        Y,
         {
-          ...e,
-          radius: R,
-          color: u.colors.cl_lightGrey,
-          alpha: h,
-          horizontal: j(e)
+          sx: {
+            boxSizing: "content-box",
+            position: "relative",
+            top: `calc(-${h}px)`,
+            left: s ? "-50%" : n ? "-100%" : void 0,
+            py: "7px",
+            px: `${c}px`,
+            borderColor: p,
+            borderWidth: "2px",
+            borderStyle: "solid",
+            borderRadius: x,
+            bg: "cl_white",
+            "& > div": {
+              maxWidth: s ? void 0 : `${W}px`
+            }
+          },
+          ref: T,
+          children: /* @__PURE__ */ a.jsx(
+            z,
+            {
+              fontSizeWeight: [[12, "semi-bold"]],
+              width: "max-content",
+              color: p !== "#CCD0DB" ? p : "cl_darkGrey",
+              textTransform: "uppercase",
+              letterSpacing: "1.8px",
+              children: d
+            }
+          )
         }
       )
-    ] });
-  }
-);
+    }
+  );
+};
 export {
-  A as SmileyMeterRange
+  D as MatchedRangeLabelBox
 };
 //# sourceMappingURL=sd-component-library311.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library311.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { OutlineMeterRange } from \"../../../outline-meter/partials/outline-meter-range\";\nimport { getIsHorizontal, getRangeProperties } from \"../../utils\";\nimport { SmileyMeterRangeProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      segmented,\n      diameter,\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      start,\n      end,\n      idx,\n      hideLabels,\n      isMatchedRange,\n    } = props;\n\n    const needConnection = !segmented;\n\n    const radius = diameter / 2;\n\n    const { rangeArcMiddle: alpha } = getRangeProperties(\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      idx,\n      start,\n      end\n    );\n\n    return (\n      <>\n        <OutlineMeterRange\n          {...props}\n          hideLabels\n          connected={needConnection}\n          ref={pointRef}\n        />\n\n        {!hideLabels && !isMatchedRange && (\n          <LabelPointer\n            {...props}\n            radius={radius}\n            color={theme.colors.cl_lightGrey}\n            alpha={alpha}\n            horizontal={getIsHorizontal(props)}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["SmileyMeterRange","React","props","pointRef","segmented","diameter","arc","totalRanges","distanceBetweenRanges","start","end","idx","hideLabels","isMatchedRange","needConnection","radius","alpha","getRangeProperties","jsxs","Fragment","jsx","OutlineMeterRange","LabelPointer","theme","getIsHorizontal"],"mappings":";;;;;;AAQO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAa;AACb,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,KAAAC;AAAA,MACA,aAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAiB,CAACV,GAElBW,IAASV,IAAW,GAEpB,EAAE,gBAAgBW,EAAA,IAAUC;AAAA,MAChCX;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAF;AAAA,MACAC;AAAA,IAAA;AAGF,WAEIQ,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,YAAU;AAAA,UACV,WAAWY;AAAA,UACX,KAAKX;AAAA,QAAA;AAAA,MACP;AAAA,MAEC,CAACS,KAAc,CAACC,KACfO,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGpB;AAAA,UACJ,QAAAa;AAAA,UACA,OAAOQ,EAAM,OAAO;AAAA,UACpB,OAAAP;AAAA,UACA,YAAYQ,EAAgBtB,CAAK;AAAA,QAAA;AAAA,MACnC;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"sd-component-library311.js","sources":["../src/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../outline-meter/contants\";\nimport { getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const {\n    label,\n    color,\n    alpha,\n    radius,\n    horizontal,\n    pointerLength,\n    round,\n    pointY,\n  } = props;\n\n  const [textHeight, setTextHeight] = useState(0);\n  const [textY, setTextY] = useState(0);\n\n  const ref = useCallback((node: HTMLElement) => {\n    if (node) {\n      const { height, y } = node.getBoundingClientRect();\n      setTextHeight(height);\n      setTextY(y);\n    }\n  }, []);\n\n  let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n    radius + pointerLength,\n    alpha,\n    radius\n  );\n\n  const isOnTop = alpha === 180;\n  const isOnLeft = alpha < 180;\n  const isOnRight = alpha > 180;\n\n  if (horizontal) {\n    const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n      radius,\n      alpha,\n      radius\n    );\n\n    pointerEndX = pointerStartX + pointerLength * (isOnLeft ? -1 : 1);\n    pointerEndY = pointerStartY;\n  }\n\n  if (!label) return null;\n\n  let borderRadius = round || isOnTop ? `${labelPaddingX}px` : undefined;\n  if (!borderRadius && pointY) {\n    const textTopY = textY - textHeight;\n    const textBottomY = textY;\n\n    borderRadius = [\n      isOnLeft || pointY > textTopY,\n      isOnRight || pointY > textTopY,\n      isOnRight || pointY < textBottomY,\n      isOnLeft || pointY < textBottomY,\n    ]\n      .map((flag) => (flag ? `${labelPaddingX}px` : \"0\"))\n      .join(\" \");\n  }\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        left: `${pointerEndX}px`,\n        top: `${pointerEndY}px`,\n      }}\n    >\n      <Box\n        sx={{\n          boxSizing: \"content-box\",\n          position: \"relative\",\n          top: `calc(-${textHeight}px)`,\n          left: isOnTop ? \"-50%\" : isOnLeft ? \"-100%\" : undefined,\n          py: \"7px\",\n          px: `${labelPaddingX}px`,\n          borderColor: color,\n          borderWidth: \"2px\",\n          borderStyle: \"solid\",\n          borderRadius,\n          bg: \"cl_white\",\n          \"& > div\": {\n            maxWidth: isOnTop ? undefined : `${labelWidth}px`,\n          },\n        }}\n        ref={ref}\n      >\n        <ResponsiveTextV2\n          fontSizeWeight={[[12, \"semi-bold\"]]}\n          width=\"max-content\"\n          color={color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n          textTransform=\"uppercase\"\n          letterSpacing=\"1.8px\"\n        >\n          {label}\n        </ResponsiveTextV2>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["MatchedRangeLabelBox","props","label","color","alpha","radius","horizontal","pointerLength","round","pointY","textHeight","setTextHeight","useState","textY","setTextY","ref","useCallback","node","height","y","pointerEndX","pointerEndY","getCoordinateForArc","isOnTop","isOnLeft","isOnRight","pointerStartX","pointerStartY","borderRadius","labelPaddingX","textTopY","textBottomY","flag","jsx","Box","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AASa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,CAAC,GAE9BG,IAAMC,EAAY,CAACC,MAAsB;AAC7C,QAAIA,GAAM;AACR,YAAM,EAAE,QAAAC,GAAQ,GAAAC,EAAE,IAAIF,EAAK,sBAAsB;AACjD,MAAAN,EAAcO,CAAM,GACpBJ,EAASK,CAAC;AAAA,IACZ;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,MAAI,EAAE,GAAGC,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACvCjB,IAASE;AAAA,IACTH;AAAA,IACAC;AAAA,EAAA;AAGF,QAAMkB,IAAUnB,MAAU,KACpBoB,IAAWpB,IAAQ,KACnBqB,IAAYrB,IAAQ;AAE1B,MAAIE,GAAY;AACd,UAAM,EAAE,GAAGoB,GAAe,GAAGC,EAAkB,IAAAL;AAAA,MAC7CjB;AAAA,MACAD;AAAA,MACAC;AAAA,IAAA;AAGY,IAAAe,IAAAM,IAAgBnB,KAAiBiB,IAAW,KAAK,IACjDH,IAAAM;AAAA,EAChB;AAEA,MAAI,CAACzB;AAAc,WAAA;AAEnB,MAAI0B,IAAepB,KAASe,IAAU,GAAGM,CAAa,OAAO;AACzD,MAAA,CAACD,KAAgBnB,GAAQ;AAC3B,UAAMqB,IAAWjB,IAAQH,GACnBqB,IAAclB;AAEL,IAAAe,IAAA;AAAA,MACbJ,KAAYf,IAASqB;AAAA,MACrBL,KAAahB,IAASqB;AAAA,MACtBL,KAAahB,IAASsB;AAAA,MACtBP,KAAYf,IAASsB;AAAA,IACvB,EACG,IAAI,CAACC,MAAUA,IAAO,GAAGH,CAAa,OAAO,GAAI,EACjD,KAAK,GAAG;AAAA,EACb;AAGE,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,MAAM,GAAGd,CAAW;AAAA,QACpB,KAAK,GAAGC,CAAW;AAAA,MACrB;AAAA,MAEA,UAAAY,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,WAAW;AAAA,YACX,UAAU;AAAA,YACV,KAAK,SAASxB,CAAU;AAAA,YACxB,MAAMa,IAAU,SAASC,IAAW,UAAU;AAAA,YAC9C,IAAI;AAAA,YACJ,IAAI,GAAGK,CAAa;AAAA,YACpB,aAAa1B;AAAA,YACb,aAAa;AAAA,YACb,aAAa;AAAA,YACb,cAAAyB;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,cACT,UAAUL,IAAU,SAAY,GAAGY,CAAU;AAAA,YAC/C;AAAA,UACF;AAAA,UACA,KAAApB;AAAA,UAEA,UAAAkB,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,cAClC,OAAM;AAAA,cACN,OAAOjC,MAAU,YAAYA,IAAQ;AAAA,cACrC,eAAc;AAAA,cACd,eAAc;AAAA,cAEb,UAAAD;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library312.js

@@ -1,38 +1,54 @@
 import { j as t } from "./sd-component-library197.js";
-const h = (n) => {
-  const {
-    color: s,
-    innerCircleRadius: $,
-    innerCircleStrokeWidth: d,
-    dx: i,
-    dy: r,
-    radius: e,
-    tipX: l,
-    tipY: o,
-    needleWidth: c
-  } = n;
-  return /* @__PURE__ */ t.jsxs("g", { children: [
-    /* @__PURE__ */ t.jsx(
-      "path",
-      {
-        d: `M${l - i},${o - r} A${c / 2},${c / 2} 0 0,0 ${l + i},${o + r} L${e + i},${e + r} L${e - i},${e - r} Z`,
-        fill: s
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      "circle",
-      {
-        cx: e,
-        cy: e,
-        r: $ + d,
-        strokeWidth: d,
-        stroke: s,
-        fill: "white"
-      }
-    )
-  ] });
-};
+import x from "react";
+import u from "./sd-component-library196.js";
+import { getIsHorizontal as j, getRangeProperties as p } from "./sd-component-library230.js";
+import { OutlineMeterRange as M } from "./sd-component-library233.js";
+import { LabelPointer as b } from "./sd-component-library322.js";
+const A = x.forwardRef(
+  (e, r) => {
+    const {
+      segmented: o,
+      diameter: n,
+      arc: a,
+      totalRanges: i,
+      distanceBetweenRanges: s,
+      start: m,
+      end: c,
+      idx: d,
+      hideLabels: l,
+      isMatchedRange: g
+    } = e, f = !o, R = n / 2, { rangeArcMiddle: h } = p(
+      a,
+      i,
+      s,
+      d,
+      m,
+      c
+    );
+    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(
+        M,
+        {
+          ...e,
+          hideLabels: !0,
+          connected: f,
+          ref: r
+        }
+      ),
+      !l && !g && /* @__PURE__ */ t.jsx(
+        b,
+        {
+          ...e,
+          radius: R,
+          color: u.colors.cl_lightGrey,
+          alpha: h,
+          horizontal: j(e)
+        }
+      )
+    ] });
+  }
+);
 export {
-  h as BaseNeedle
+  A as SmileyMeterRange
 };
 //# sourceMappingURL=sd-component-library312.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library312.js","sources":["../src/components/meters/outline-meter/partials/base-needle/base-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseNeedleProps as Props } from \"./interfaces\";\n\nexport const BaseNeedle: React.FC<Props> = (props) => {\n  const {\n    color,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    dx,\n    dy,\n    radius,\n    tipX,\n    tipY,\n    needleWidth,\n  } = props;\n\n  return (\n    <g>\n      <path\n        d={`M${tipX - dx},${tipY - dy} A${needleWidth / 2},${\n          needleWidth / 2\n        } 0 0,0 ${tipX + dx},${tipY + dy} L${radius + dx},${radius + dy} L${\n          radius - dx\n        },${radius - dy} Z`}\n        fill={color}\n      />\n      <circle\n        cx={radius}\n        cy={radius}\n        r={innerCircleRadius + innerCircleStrokeWidth}\n        strokeWidth={innerCircleStrokeWidth}\n        stroke={color}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["BaseNeedle","props","color","innerCircleRadius","innerCircleStrokeWidth","dx","dy","radius","tipX","tipY","needleWidth","jsx"],"mappings":";AAIa,MAAAA,IAA8B,CAACC,MAAU;AAC9C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAT;AAEJ,gCACG,KACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIH,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKI,IAAc,CAAC,IAC/CA,IAAc,CAChB,UAAUF,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKC,IAASF,CAAE,IAAIE,IAASD,CAAE,KAC7DC,IAASF,CACX,IAAIE,IAASD,CAAE;AAAA,QACf,MAAMJ;AAAA,MAAA;AAAA,IACR;AAAA,IACAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIJ;AAAA,QACJ,IAAIA;AAAA,QACJ,GAAGJ,IAAoBC;AAAA,QACvB,aAAaA;AAAA,QACb,QAAQF;AAAA,QACR,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library312.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { OutlineMeterRange } from \"../../../outline-meter/partials/outline-meter-range\";\nimport { getIsHorizontal, getRangeProperties } from \"../../utils\";\nimport { SmileyMeterRangeProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      segmented,\n      diameter,\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      start,\n      end,\n      idx,\n      hideLabels,\n      isMatchedRange,\n    } = props;\n\n    const needConnection = !segmented;\n\n    const radius = diameter / 2;\n\n    const { rangeArcMiddle: alpha } = getRangeProperties(\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      idx,\n      start,\n      end\n    );\n\n    return (\n      <>\n        <OutlineMeterRange\n          {...props}\n          hideLabels\n          connected={needConnection}\n          ref={pointRef}\n        />\n\n        {!hideLabels && !isMatchedRange && (\n          <LabelPointer\n            {...props}\n            radius={radius}\n            color={theme.colors.cl_lightGrey}\n            alpha={alpha}\n            horizontal={getIsHorizontal(props)}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["SmileyMeterRange","React","props","pointRef","segmented","diameter","arc","totalRanges","distanceBetweenRanges","start","end","idx","hideLabels","isMatchedRange","needConnection","radius","alpha","getRangeProperties","jsxs","Fragment","jsx","OutlineMeterRange","LabelPointer","theme","getIsHorizontal"],"mappings":";;;;;;AAQO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAa;AACb,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,KAAAC;AAAA,MACA,aAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAiB,CAACV,GAElBW,IAASV,IAAW,GAEpB,EAAE,gBAAgBW,EAAA,IAAUC;AAAA,MAChCX;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAF;AAAA,MACAC;AAAA,IAAA;AAGF,WAEIQ,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,YAAU;AAAA,UACV,WAAWY;AAAA,UACX,KAAKX;AAAA,QAAA;AAAA,MACP;AAAA,MAEC,CAACS,KAAc,CAACC,KACfO,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGpB;AAAA,UACJ,QAAAa;AAAA,UACA,OAAOQ,EAAM,OAAO;AAAA,UACpB,OAAAP;AAAA,UACA,YAAYQ,EAAgBtB,CAAK;AAAA,QAAA;AAAA,MACnC;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/lib/sd-component-library313.js

@@ -1,96 +1,38 @@
-import { j as a } from "./sd-component-library197.js";
-import { useState as S, useCallback as B } from "react";
-import { Box as Y } from "rebass";
-import { labelPaddingX as c, labelWidth as W } from "./sd-component-library226.js";
-import { getCoordinateForArc as $ } from "./sd-component-library91.js";
-import { ResponsiveTextV2 as z } from "./sd-component-library150.js";
-const D = (j) => {
+import { j as t } from "./sd-component-library197.js";
+const h = (n) => {
   const {
-    label: d,
-    color: p,
-    alpha: e,
-    radius: r,
-    horizontal: v,
-    pointerLength: m,
-    round: y,
-    pointY: i
-  } = j, [h, C] = S(0), [f, R] = S(0), T = B((t) => {
-    if (t) {
-      const { height: o, y: l } = t.getBoundingClientRect();
-      C(o), R(l);
-    }
-  }, []);
-  let { x: b, y: g } = $(
-    r + m,
-    e,
-    r
-  );
-  const s = e === 180, n = e < 180, u = e > 180;
-  if (v) {
-    const { x: t, y: o } = $(
-      r,
-      e,
-      r
-    );
-    b = t + m * (n ? -1 : 1), g = o;
-  }
-  if (!d)
-    return null;
-  let x = y || s ? `${c}px` : void 0;
-  if (!x && i) {
-    const t = f - h, o = f;
-    x = [
-      n || i > t,
-      u || i > t,
-      u || i < o,
-      n || i < o
-    ].map((l) => l ? `${c}px` : "0").join(" ");
-  }
-  return /* @__PURE__ */ a.jsx(
-    Y,
-    {
-      sx: {
-        position: "absolute",
-        left: `${b}px`,
-        top: `${g}px`
-      },
-      children: /* @__PURE__ */ a.jsx(
-        Y,
-        {
-          sx: {
-            boxSizing: "content-box",
-            position: "relative",
-            top: `calc(-${h}px)`,
-            left: s ? "-50%" : n ? "-100%" : void 0,
-            py: "7px",
-            px: `${c}px`,
-            borderColor: p,
-            borderWidth: "2px",
-            borderStyle: "solid",
-            borderRadius: x,
-            bg: "cl_white",
-            "& > div": {
-              maxWidth: s ? void 0 : `${W}px`
-            }
-          },
-          ref: T,
-          children: /* @__PURE__ */ a.jsx(
-            z,
-            {
-              fontSizeWeight: [[12, "semi-bold"]],
-              width: "max-content",
-              color: p !== "#CCD0DB" ? p : "cl_darkGrey",
-              textTransform: "uppercase",
-              letterSpacing: "1.8px",
-              children: d
-            }
-          )
-        }
-      )
-    }
-  );
+    color: s,
+    innerCircleRadius: $,
+    innerCircleStrokeWidth: d,
+    dx: i,
+    dy: r,
+    radius: e,
+    tipX: l,
+    tipY: o,
+    needleWidth: c
+  } = n;
+  return /* @__PURE__ */ t.jsxs("g", { children: [
+    /* @__PURE__ */ t.jsx(
+      "path",
+      {
+        d: `M${l - i},${o - r} A${c / 2},${c / 2} 0 0,0 ${l + i},${o + r} L${e + i},${e + r} L${e - i},${e - r} Z`,
+        fill: s
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "circle",
+      {
+        cx: e,
+        cy: e,
+        r: $ + d,
+        strokeWidth: d,
+        stroke: s,
+        fill: "white"
+      }
+    )
+  ] });
 };
 export {
-  D as MatchedRangeLabelBox
+  h as BaseNeedle
 };
 //# sourceMappingURL=sd-component-library313.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library313.js","sources":["../src/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../outline-meter/contants\";\nimport { getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const {\n    label,\n    color,\n    alpha,\n    radius,\n    horizontal,\n    pointerLength,\n    round,\n    pointY,\n  } = props;\n\n  const [textHeight, setTextHeight] = useState(0);\n  const [textY, setTextY] = useState(0);\n\n  const ref = useCallback((node: HTMLElement) => {\n    if (node) {\n      const { height, y } = node.getBoundingClientRect();\n      setTextHeight(height);\n      setTextY(y);\n    }\n  }, []);\n\n  let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n    radius + pointerLength,\n    alpha,\n    radius\n  );\n\n  const isOnTop = alpha === 180;\n  const isOnLeft = alpha < 180;\n  const isOnRight = alpha > 180;\n\n  if (horizontal) {\n    const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n      radius,\n      alpha,\n      radius\n    );\n\n    pointerEndX = pointerStartX + pointerLength * (isOnLeft ? -1 : 1);\n    pointerEndY = pointerStartY;\n  }\n\n  if (!label) return null;\n\n  let borderRadius = round || isOnTop ? `${labelPaddingX}px` : undefined;\n  if (!borderRadius && pointY) {\n    const textTopY = textY - textHeight;\n    const textBottomY = textY;\n\n    borderRadius = [\n      isOnLeft || pointY > textTopY,\n      isOnRight || pointY > textTopY,\n      isOnRight || pointY < textBottomY,\n      isOnLeft || pointY < textBottomY,\n    ]\n      .map((flag) => (flag ? `${labelPaddingX}px` : \"0\"))\n      .join(\" \");\n  }\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        left: `${pointerEndX}px`,\n        top: `${pointerEndY}px`,\n      }}\n    >\n      <Box\n        sx={{\n          boxSizing: \"content-box\",\n          position: \"relative\",\n          top: `calc(-${textHeight}px)`,\n          left: isOnTop ? \"-50%\" : isOnLeft ? \"-100%\" : undefined,\n          py: \"7px\",\n          px: `${labelPaddingX}px`,\n          borderColor: color,\n          borderWidth: \"2px\",\n          borderStyle: \"solid\",\n          borderRadius,\n          bg: \"cl_white\",\n          \"& > div\": {\n            maxWidth: isOnTop ? undefined : `${labelWidth}px`,\n          },\n        }}\n        ref={ref}\n      >\n        <ResponsiveTextV2\n          fontSizeWeight={[[12, \"semi-bold\"]]}\n          width=\"max-content\"\n          color={color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n          textTransform=\"uppercase\"\n          letterSpacing=\"1.8px\"\n        >\n          {label}\n        </ResponsiveTextV2>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["MatchedRangeLabelBox","props","label","color","alpha","radius","horizontal","pointerLength","round","pointY","textHeight","setTextHeight","useState","textY","setTextY","ref","useCallback","node","height","y","pointerEndX","pointerEndY","getCoordinateForArc","isOnTop","isOnLeft","isOnRight","pointerStartX","pointerStartY","borderRadius","labelPaddingX","textTopY","textBottomY","flag","jsx","Box","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AASa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,CAAC,GAE9BG,IAAMC,EAAY,CAACC,MAAsB;AAC7C,QAAIA,GAAM;AACR,YAAM,EAAE,QAAAC,GAAQ,GAAAC,EAAE,IAAIF,EAAK,sBAAsB;AACjD,MAAAN,EAAcO,CAAM,GACpBJ,EAASK,CAAC;AAAA,IACZ;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,MAAI,EAAE,GAAGC,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACvCjB,IAASE;AAAA,IACTH;AAAA,IACAC;AAAA,EAAA;AAGF,QAAMkB,IAAUnB,MAAU,KACpBoB,IAAWpB,IAAQ,KACnBqB,IAAYrB,IAAQ;AAE1B,MAAIE,GAAY;AACd,UAAM,EAAE,GAAGoB,GAAe,GAAGC,EAAkB,IAAAL;AAAA,MAC7CjB;AAAA,MACAD;AAAA,MACAC;AAAA,IAAA;AAGY,IAAAe,IAAAM,IAAgBnB,KAAiBiB,IAAW,KAAK,IACjDH,IAAAM;AAAA,EAChB;AAEA,MAAI,CAACzB;AAAc,WAAA;AAEnB,MAAI0B,IAAepB,KAASe,IAAU,GAAGM,CAAa,OAAO;AACzD,MAAA,CAACD,KAAgBnB,GAAQ;AAC3B,UAAMqB,IAAWjB,IAAQH,GACnBqB,IAAclB;AAEL,IAAAe,IAAA;AAAA,MACbJ,KAAYf,IAASqB;AAAA,MACrBL,KAAahB,IAASqB;AAAA,MACtBL,KAAahB,IAASsB;AAAA,MACtBP,KAAYf,IAASsB;AAAA,IACvB,EACG,IAAI,CAACC,MAAUA,IAAO,GAAGH,CAAa,OAAO,GAAI,EACjD,KAAK,GAAG;AAAA,EACb;AAGE,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,MAAM,GAAGd,CAAW;AAAA,QACpB,KAAK,GAAGC,CAAW;AAAA,MACrB;AAAA,MAEA,UAAAY,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,WAAW;AAAA,YACX,UAAU;AAAA,YACV,KAAK,SAASxB,CAAU;AAAA,YACxB,MAAMa,IAAU,SAASC,IAAW,UAAU;AAAA,YAC9C,IAAI;AAAA,YACJ,IAAI,GAAGK,CAAa;AAAA,YACpB,aAAa1B;AAAA,YACb,aAAa;AAAA,YACb,aAAa;AAAA,YACb,cAAAyB;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,cACT,UAAUL,IAAU,SAAY,GAAGY,CAAU;AAAA,YAC/C;AAAA,UACF;AAAA,UACA,KAAApB;AAAA,UAEA,UAAAkB,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,cAClC,OAAM;AAAA,cACN,OAAOjC,MAAU,YAAYA,IAAQ;AAAA,cACrC,eAAc;AAAA,cACd,eAAc;AAAA,cAEb,UAAAD;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library313.js","sources":["../src/components/meters/outline-meter/partials/base-needle/base-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseNeedleProps as Props } from \"./interfaces\";\n\nexport const BaseNeedle: React.FC<Props> = (props) => {\n  const {\n    color,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    dx,\n    dy,\n    radius,\n    tipX,\n    tipY,\n    needleWidth,\n  } = props;\n\n  return (\n    <g>\n      <path\n        d={`M${tipX - dx},${tipY - dy} A${needleWidth / 2},${\n          needleWidth / 2\n        } 0 0,0 ${tipX + dx},${tipY + dy} L${radius + dx},${radius + dy} L${\n          radius - dx\n        },${radius - dy} Z`}\n        fill={color}\n      />\n      <circle\n        cx={radius}\n        cy={radius}\n        r={innerCircleRadius + innerCircleStrokeWidth}\n        strokeWidth={innerCircleStrokeWidth}\n        stroke={color}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["BaseNeedle","props","color","innerCircleRadius","innerCircleStrokeWidth","dx","dy","radius","tipX","tipY","needleWidth","jsx"],"mappings":";AAIa,MAAAA,IAA8B,CAACC,MAAU;AAC9C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAT;AAEJ,gCACG,KACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIH,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKI,IAAc,CAAC,IAC/CA,IAAc,CAChB,UAAUF,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKC,IAASF,CAAE,IAAIE,IAASD,CAAE,KAC7DC,IAASF,CACX,IAAIE,IAASD,CAAE;AAAA,QACf,MAAMJ;AAAA,MAAA;AAAA,IACR;AAAA,IACAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIJ;AAAA,QACJ,IAAIA;AAAA,QACJ,GAAGJ,IAAoBC;AAAA,QACvB,aAAaA;AAAA,QACb,QAAQF;AAAA,QACR,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library318.js

@@ -1,5 +1,5 @@
 import { j as e } from "./sd-component-library197.js";
-import { getSelectedRangeText as l } from "./sd-component-library279.js";
+import { getSelectedRangeText as l } from "./sd-component-library280.js";
 import { FourteenRegular as n } from "./sd-component-library144.js";
 import { FourteenSb as p } from "./sd-component-library145.js";
 import { BaseGridContainer as i } from "./sd-component-library35.js";

package/lib/sd-component-library4.js

@@ -1,26 +1,26 @@
 import { mean as r } from "lodash-es";
 import { translatedTextSuffix as s, testLocatorAttribute as i } from "./sd-component-library5.js";
-const g = () => navigator.platform ? new RegExp("iPad|iPhone|iPod").test(navigator.platform) : navigator.userAgent.includes("Mac") && "ontouchstart" in window, a = () => "ontouchstart" in window || navigator.maxTouchPoints > 0, h = (t) => {
-  const o = a();
+const g = () => navigator.platform ? new RegExp("iPad|iPhone|iPod").test(navigator.platform) : navigator.userAgent.includes("Mac") && "ontouchstart" in window, a = () => "ontouchstart" in window || navigator.maxTouchPoints > 0, p = (o) => {
+  const t = a();
   return {
-    shouldUseTouch: o,
-    onClick: o ? void 0 : t,
-    onTouchStart: o ? t : void 0
+    shouldUseTouch: t,
+    onClick: t ? void 0 : o,
+    onPointerDown: t ? o : void 0
   };
-}, c = (t, o, e = !0, n) => [
-  t,
-  t,
-  ...e ? [n ?? Math.round(r([t, o]))] : [],
-  o
-], p = (...t) => c(...t).map((o) => `${o}px`), u = (t) => t.endsWith(s) ? t.slice(0, -s.length) : t, f = (t, o = !1) => {
-  let e = t, n = o;
-  return typeof e == "string" && e.endsWith(s) && (e = u(e), n = !0), { children: e, addNoTranslateClass: n };
-}, m = (t) => t ? { [i]: t } : {};
+}, c = (o, t, n = !0, e) => [
+  o,
+  o,
+  ...n ? [e ?? Math.round(r([o, t]))] : [],
+  t
+], h = (...o) => c(...o).map((t) => `${t}px`), u = (o) => o.endsWith(s) ? o.slice(0, -s.length) : o, f = (o, t = !1) => {
+  let n = o, e = t;
+  return typeof n == "string" && n.endsWith(s) && (n = u(n), e = !0), { children: n, addNoTranslateClass: e };
+}, m = (o) => o ? { [i]: o } : {};
 export {
   m as generateTestLocator,
-  h as getResponsiveClick,
+  p as getResponsiveClick,
   c as getResponsiveNumericArray,
-  p as getResponsivePxArray,
+  h as getResponsivePxArray,
   f as getTranslationsSensibleProps,
   g as isIOS,
   a as isTouchScreen,

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library4.js","sources":["../src/core/functions.ts"],"sourcesContent":["import { mean } from \"lodash-es\";\n\nimport { testLocatorAttribute, translatedTextSuffix } from \"./constants\";\n\nexport const isIOS = () =>\n  navigator.platform\n    ? new RegExp(\"iPad|iPhone|iPod\").test(navigator.platform)\n    : navigator.userAgent.includes(\"Mac\") && \"ontouchstart\" in window;\n\nexport const isTouchScreen = () =>\n  \"ontouchstart\" in window || navigator.maxTouchPoints > 0;\n\nexport const getResponsiveClick = (callback: () => void) => {\n  const shouldUseTouch = isTouchScreen();\n\n  return {\n    shouldUseTouch,\n    onClick: shouldUseTouch ? undefined : callback,\n    onTouchStart: shouldUseTouch ? callback : undefined,\n  };\n};\n\ntype FunctionArgs<T> = T extends (...args: infer Args) => any ? Args : never;\n\nexport const getResponsiveNumericArray = (\n  start: number,\n  end: number,\n  endsWithDesktop: boolean = true,\n  mediumValue?: number\n) => [\n  start,\n  start,\n  ...(endsWithDesktop ? [mediumValue ?? Math.round(mean([start, end]))] : []),\n  end,\n];\n\nexport const getResponsivePxArray = (\n  ...args: FunctionArgs<typeof getResponsiveNumericArray>\n) => getResponsiveNumericArray(...args).map((n) => `${n}px`);\n\nexport const removeTranslationsSuffix = (text: string) =>\n  text.endsWith(translatedTextSuffix)\n    ? text.slice(0, -translatedTextSuffix.length)\n    : text;\n\nexport const getTranslationsSensibleProps = (\n  initialChildren: React.ReactNode,\n  dontTranslate: boolean = false\n) => {\n  let children = initialChildren;\n  let addNoTranslateClass = dontTranslate;\n\n  if (typeof children === \"string\" && children.endsWith(translatedTextSuffix)) {\n    children = removeTranslationsSuffix(children);\n    addNoTranslateClass = true;\n  }\n\n  return { children, addNoTranslateClass };\n};\n\nexport const generateTestLocator = (id?: string) =>\n  !!id ? { [testLocatorAttribute]: id } : {};\n"],"names":["isIOS","isTouchScreen","getResponsiveClick","callback","shouldUseTouch","getResponsiveNumericArray","start","end","endsWithDesktop","mediumValue","mean","getResponsivePxArray","args","n","removeTranslationsSuffix","text","translatedTextSuffix","getTranslationsSensibleProps","initialChildren","dontTranslate","children","addNoTranslateClass","generateTestLocator","id","testLocatorAttribute"],"mappings":";;AAIO,MAAMA,IAAQ,MACnB,UAAU,WACN,IAAI,OAAO,kBAAkB,EAAE,KAAK,UAAU,QAAQ,IACtD,UAAU,UAAU,SAAS,KAAK,KAAK,kBAAkB,QAElDC,IAAgB,MAC3B,kBAAkB,UAAU,UAAU,iBAAiB,GAE5CC,IAAqB,CAACC,MAAyB;AAC1D,QAAMC,IAAiBH;AAEhB,SAAA;AAAA,IACL,gBAAAG;AAAA,IACA,SAASA,IAAiB,SAAYD;AAAA,IACtC,cAAcC,IAAiBD,IAAW;AAAA,EAAA;AAE9C,GAIaE,IAA4B,CACvCC,GACAC,GACAC,IAA2B,IAC3BC,MACG;AAAA,EACHH;AAAA,EACAA;AAAA,EACA,GAAIE,IAAkB,CAACC,KAAe,KAAK,MAAMC,EAAK,CAACJ,GAAOC,CAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAAA,EACzEA;AACF,GAEaI,IAAuB,IAC/BC,MACAP,EAA0B,GAAGO,CAAI,EAAE,IAAI,CAACC,MAAM,GAAGA,CAAC,IAAI,GAE9CC,IAA2B,CAACC,MACvCA,EAAK,SAASC,CAAoB,IAC9BD,EAAK,MAAM,GAAG,CAACC,EAAqB,MAAM,IAC1CD,GAEOE,IAA+B,CAC1CC,GACAC,IAAyB,OACtB;AACH,MAAIC,IAAWF,GACXG,IAAsBF;AAE1B,SAAI,OAAOC,KAAa,YAAYA,EAAS,SAASJ,CAAoB,MACxEI,IAAWN,EAAyBM,CAAQ,GACtBC,IAAA,KAGjB,EAAE,UAAAD,GAAU,qBAAAC;AACrB,GAEaC,IAAsB,CAACC,MAChCA,IAAK,EAAE,CAACC,CAAoB,GAAGD,MAAO,CAAA;"}
+{"version":3,"file":"sd-component-library4.js","sources":["../src/core/functions.ts"],"sourcesContent":["import { mean } from \"lodash-es\";\n\nimport { testLocatorAttribute, translatedTextSuffix } from \"./constants\";\n\nexport const isIOS = () =>\n  navigator.platform\n    ? new RegExp(\"iPad|iPhone|iPod\").test(navigator.platform)\n    : navigator.userAgent.includes(\"Mac\") && \"ontouchstart\" in window;\n\nexport const isTouchScreen = () =>\n  \"ontouchstart\" in window || navigator.maxTouchPoints > 0;\n\nexport const getResponsiveClick = (callback: () => void) => {\n  const shouldUseTouch = isTouchScreen();\n\n  return {\n    shouldUseTouch,\n    onClick: shouldUseTouch ? undefined : callback,\n    onPointerDown: shouldUseTouch ? callback : undefined,\n  };\n};\n\ntype FunctionArgs<T> = T extends (...args: infer Args) => any ? Args : never;\n\nexport const getResponsiveNumericArray = (\n  start: number,\n  end: number,\n  endsWithDesktop: boolean = true,\n  mediumValue?: number\n) => [\n  start,\n  start,\n  ...(endsWithDesktop ? [mediumValue ?? Math.round(mean([start, end]))] : []),\n  end,\n];\n\nexport const getResponsivePxArray = (\n  ...args: FunctionArgs<typeof getResponsiveNumericArray>\n) => getResponsiveNumericArray(...args).map((n) => `${n}px`);\n\nexport const removeTranslationsSuffix = (text: string) =>\n  text.endsWith(translatedTextSuffix)\n    ? text.slice(0, -translatedTextSuffix.length)\n    : text;\n\nexport const getTranslationsSensibleProps = (\n  initialChildren: React.ReactNode,\n  dontTranslate: boolean = false\n) => {\n  let children = initialChildren;\n  let addNoTranslateClass = dontTranslate;\n\n  if (typeof children === \"string\" && children.endsWith(translatedTextSuffix)) {\n    children = removeTranslationsSuffix(children);\n    addNoTranslateClass = true;\n  }\n\n  return { children, addNoTranslateClass };\n};\n\nexport const generateTestLocator = (id?: string) =>\n  !!id ? { [testLocatorAttribute]: id } : {};\n"],"names":["isIOS","isTouchScreen","getResponsiveClick","callback","shouldUseTouch","getResponsiveNumericArray","start","end","endsWithDesktop","mediumValue","mean","getResponsivePxArray","args","n","removeTranslationsSuffix","text","translatedTextSuffix","getTranslationsSensibleProps","initialChildren","dontTranslate","children","addNoTranslateClass","generateTestLocator","id","testLocatorAttribute"],"mappings":";;AAIO,MAAMA,IAAQ,MACnB,UAAU,WACN,IAAI,OAAO,kBAAkB,EAAE,KAAK,UAAU,QAAQ,IACtD,UAAU,UAAU,SAAS,KAAK,KAAK,kBAAkB,QAElDC,IAAgB,MAC3B,kBAAkB,UAAU,UAAU,iBAAiB,GAE5CC,IAAqB,CAACC,MAAyB;AAC1D,QAAMC,IAAiBH;AAEhB,SAAA;AAAA,IACL,gBAAAG;AAAA,IACA,SAASA,IAAiB,SAAYD;AAAA,IACtC,eAAeC,IAAiBD,IAAW;AAAA,EAAA;AAE/C,GAIaE,IAA4B,CACvCC,GACAC,GACAC,IAA2B,IAC3BC,MACG;AAAA,EACHH;AAAA,EACAA;AAAA,EACA,GAAIE,IAAkB,CAACC,KAAe,KAAK,MAAMC,EAAK,CAACJ,GAAOC,CAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAAA,EACzEA;AACF,GAEaI,IAAuB,IAC/BC,MACAP,EAA0B,GAAGO,CAAI,EAAE,IAAI,CAACC,MAAM,GAAGA,CAAC,IAAI,GAE9CC,IAA2B,CAACC,MACvCA,EAAK,SAASC,CAAoB,IAC9BD,EAAK,MAAM,GAAG,CAACC,EAAqB,MAAM,IAC1CD,GAEOE,IAA+B,CAC1CC,GACAC,IAAyB,OACtB;AACH,MAAIC,IAAWF,GACXG,IAAsBF;AAE1B,SAAI,OAAOC,KAAa,YAAYA,EAAS,SAASJ,CAAoB,MACxEI,IAAWN,EAAyBM,CAAQ,GACtBC,IAAA,KAGjB,EAAE,UAAAD,GAAU,qBAAAC;AACrB,GAEaC,IAAsB,CAACC,MAChCA,IAAK,EAAE,CAACC,CAAoB,GAAGD,MAAO,CAAA;"}