@selfdecode/sd-component-library 4.0.73-vite4 → 4.0.73-vite6

package/lib/sd-component-library724.js

@@ -1,50 +1,85 @@
-import p from "./sd-component-library700.js";
-import f from "./sd-component-library701.js";
-import a from "./sd-component-library380.js";
-import c from "./sd-component-library698.js";
-import l from "./sd-component-library699.js";
-import n from "./sd-component-library210.js";
-import { Parser as h } from "./sd-component-library746.js";
-import { numericPatterns as T } from "./sd-component-library748.js";
-import { parseNDigits as v, parseNumericPattern as P } from "./sd-component-library747.js";
-var k = /* @__PURE__ */ function(u) {
-  c(i, u);
-  var s = l(i);
-  function i() {
-    var o;
-    p(this, i);
-    for (var r = arguments.length, e = new Array(r), t = 0; t < r; t++)
-      e[t] = arguments[t];
-    return o = s.call.apply(s, [this].concat(e)), n(a(o), "priority", 70), n(a(o), "incompatibleTokens", ["h", "H", "k", "t", "T"]), o;
+import { j as e } from "./sd-component-library195.js";
+import { useState as A, useCallback as F } from "react";
+import { getCoordinateForArc as X, degToRad as B } from "./sd-component-library89.js";
+const D = (Y) => {
+  const {
+    pointerLength: p,
+    pointerWidth: r,
+    radius: x,
+    alpha: s,
+    color: $,
+    label: d,
+    textBottomMargin: g,
+    horizontal: k,
+    counterClockWise: C
+  } = Y, [a, E] = A(0), m = F((o) => {
+    o && E(o.getBoundingClientRect().width);
+  }, []);
+  if (!d)
+    return null;
+  const { x: c, y: l } = X(
+    x,
+    s
+  );
+  let { x: t, y: n } = X(
+    x + p,
+    s,
+    x
+  );
+  const f = (o, b) => ({
+    transform: `rotateY(${C ? 180 : 0}deg)`,
+    transformOrigin: `${o}px ${b}px`
+  });
+  if (Math.round(s) === 180) {
+    const o = n - r / 2 - g;
+    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(
+        "line",
+        {
+          x1: c,
+          y1: l,
+          x2: t,
+          y2: n,
+          stroke: $,
+          strokeWidth: r
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "text",
+        {
+          ref: m,
+          x: t - a / 2,
+          y: o,
+          style: f(t, o),
+          children: d
+        }
+      )
+    ] });
   }
-  return f(i, [{
-    key: "parse",
-    value: function(r, e, t) {
-      switch (e) {
-        case "K":
-          return P(T.hour11h, r);
-        case "Ko":
-          return t.ordinalNumber(r, {
-            unit: "hour"
-          });
-        default:
-          return v(e.length, r);
+  const u = B(s), y = Math.sin(u), h = Math.sign(y);
+  k && (t = c + p * -h, n = l);
+  const j = r / 2 * Math.cos(u), L = r / 2 * y, i = r / 2 / h, M = t - (s < 180 ? 1 : 0) * a, S = t - a * h, R = M + a / 2, W = n - i - g;
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        d: `M${c + j},${l + L} L${c - j},${l - L} L${t},${n - i} L${S},${n - i} L${S},${n + i} L${t},${n + i} Z`,
+        fill: $
       }
-    }
-  }, {
-    key: "validate",
-    value: function(r, e) {
-      return e >= 0 && e <= 11;
-    }
-  }, {
-    key: "set",
-    value: function(r, e, t) {
-      var m = r.getUTCHours() >= 12;
-      return m && t < 12 ? r.setUTCHours(t + 12, 0, 0, 0) : r.setUTCHours(t, 0, 0, 0), r;
-    }
-  }]), i;
-}(h);
+    ),
+    /* @__PURE__ */ e.jsx(
+      "text",
+      {
+        ref: m,
+        x: M,
+        y: W,
+        style: f(R, W),
+        children: d
+      }
+    )
+  ] });
+};
 export {
-  k as Hour0To11Parser
+  D as LabelPointer
 };
 //# sourceMappingURL=sd-component-library724.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library724.js","sources":["../node_modules/date-fns/esm/parse/_lib/parsers/Hour0To11Parser.js"],"sourcesContent":["import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { Parser } from \"../Parser.js\";\nimport { numericPatterns } from \"../constants.js\";\nimport { parseNumericPattern, parseNDigits } from \"../utils.js\";\nexport var Hour0To11Parser = /*#__PURE__*/function (_Parser) {\n  _inherits(Hour0To11Parser, _Parser);\n  var _super = _createSuper(Hour0To11Parser);\n  function Hour0To11Parser() {\n    var _this;\n    _classCallCheck(this, Hour0To11Parser);\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    _this = _super.call.apply(_super, [this].concat(args));\n    _defineProperty(_assertThisInitialized(_this), \"priority\", 70);\n    _defineProperty(_assertThisInitialized(_this), \"incompatibleTokens\", ['h', 'H', 'k', 't', 'T']);\n    return _this;\n  }\n  _createClass(Hour0To11Parser, [{\n    key: \"parse\",\n    value: function parse(dateString, token, match) {\n      switch (token) {\n        case 'K':\n          return parseNumericPattern(numericPatterns.hour11h, dateString);\n        case 'Ko':\n          return match.ordinalNumber(dateString, {\n            unit: 'hour'\n          });\n        default:\n          return parseNDigits(token.length, dateString);\n      }\n    }\n  }, {\n    key: \"validate\",\n    value: function validate(_date, value) {\n      return value >= 0 && value <= 11;\n    }\n  }, {\n    key: \"set\",\n    value: function set(date, _flags, value) {\n      var isPM = date.getUTCHours() >= 12;\n      if (isPM && value < 12) {\n        date.setUTCHours(value + 12, 0, 0, 0);\n      } else {\n        date.setUTCHours(value, 0, 0, 0);\n      }\n      return date;\n    }\n  }]);\n  return Hour0To11Parser;\n}(Parser);"],"names":["Hour0To11Parser","_Parser","_inherits","_super","_createSuper","_this","_classCallCheck","_len","args","_key","_defineProperty","_assertThisInitialized","_createClass","dateString","token","match","parseNumericPattern","numericPatterns","parseNDigits","_date","value","date","_flags","isPM","Parser"],"mappings":";;;;;;;;;AASU,IAACA,IAA+B,yBAAUC,GAAS;AAC3D,EAAAC,EAAUF,GAAiBC,CAAO;AAClC,MAAIE,IAASC,EAAaJ,CAAe;AACzC,WAASA,IAAkB;AACzB,QAAIK;AACJ,IAAAC,EAAgB,MAAMN,CAAe;AACrC,aAASO,IAAO,UAAU,QAAQC,IAAO,IAAI,MAAMD,CAAI,GAAGE,IAAO,GAAGA,IAAOF,GAAME;AAC/E,MAAAD,EAAKC,CAAI,IAAI,UAAUA,CAAI;AAE7B,WAAAJ,IAAQF,EAAO,KAAK,MAAMA,GAAQ,CAAC,IAAI,EAAE,OAAOK,CAAI,CAAC,GACrDE,EAAgBC,EAAuBN,CAAK,GAAG,YAAY,EAAE,GAC7DK,EAAgBC,EAAuBN,CAAK,GAAG,sBAAsB,CAAC,KAAK,KAAK,KAAK,KAAK,GAAG,CAAC,GACvFA;AAAA,EACR;AACD,SAAAO,EAAaZ,GAAiB,CAAC;AAAA,IAC7B,KAAK;AAAA,IACL,OAAO,SAAea,GAAYC,GAAOC,GAAO;AAC9C,cAAQD,GAAK;AAAA,QACX,KAAK;AACH,iBAAOE,EAAoBC,EAAgB,SAASJ,CAAU;AAAA,QAChE,KAAK;AACH,iBAAOE,EAAM,cAAcF,GAAY;AAAA,YACrC,MAAM;AAAA,UAClB,CAAW;AAAA,QACH;AACE,iBAAOK,EAAaJ,EAAM,QAAQD,CAAU;AAAA,MAC/C;AAAA,IACF;AAAA,EACL,GAAK;AAAA,IACD,KAAK;AAAA,IACL,OAAO,SAAkBM,GAAOC,GAAO;AACrC,aAAOA,KAAS,KAAKA,KAAS;AAAA,IAC/B;AAAA,EACL,GAAK;AAAA,IACD,KAAK;AAAA,IACL,OAAO,SAAaC,GAAMC,GAAQF,GAAO;AACvC,UAAIG,IAAOF,EAAK,YAAW,KAAM;AACjC,aAAIE,KAAQH,IAAQ,KAClBC,EAAK,YAAYD,IAAQ,IAAI,GAAG,GAAG,CAAC,IAEpCC,EAAK,YAAYD,GAAO,GAAG,GAAG,CAAC,GAE1BC;AAAA,IACR;AAAA,EACF,CAAA,CAAC,GACKrB;AACT,EAAEwB,CAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library724.js","sources":["../src/components/meters/common-outline-meter-partials/label-pointer/label-pointer.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { degToRad, getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { LabelPointerProps as Props } from \"./interfaces\";\n\nexport const LabelPointer: React.FC<Props> = (props) => {\n  const {\n    pointerLength,\n    pointerWidth,\n    radius,\n    alpha,\n    color,\n    label,\n    textBottomMargin,\n    horizontal,\n    counterClockWise,\n  } = props;\n\n  const [textWidth, setTextWidth] = useState(0);\n  const ref = useCallback((text: SVGTextElement) => {\n    if (text) setTextWidth(text.getBoundingClientRect().width);\n  }, []);\n\n  if (!label) return null;\n\n  const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n    radius,\n    alpha\n  );\n\n  let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n    radius + pointerLength,\n    alpha,\n    radius\n  );\n\n  const getStyle = (x: number, y: number) => ({\n    transform: `rotateY(${counterClockWise ? 180 : 0}deg)`,\n    transformOrigin: `${x}px ${y}px`,\n  });\n\n  if (Math.round(alpha) === 180) {\n    const textY = pointerEndY - pointerWidth / 2 - textBottomMargin;\n\n    return (\n      <>\n        <line\n          x1={pointerStartX}\n          y1={pointerStartY}\n          x2={pointerEndX}\n          y2={pointerEndY}\n          stroke={color}\n          strokeWidth={pointerWidth}\n        />\n\n        <text\n          ref={ref}\n          x={pointerEndX - textWidth / 2}\n          y={textY}\n          style={getStyle(pointerEndX, textY)}\n        >\n          {label}\n        </text>\n      </>\n    );\n  }\n\n  const alphaInRad = degToRad(alpha);\n  const sinAlpha = Math.sin(alphaInRad);\n  const sinAlphaSign = Math.sign(sinAlpha);\n\n  if (horizontal) {\n    pointerEndX = pointerStartX + pointerLength * -sinAlphaSign;\n    pointerEndY = pointerStartY;\n  }\n\n  const dx = (pointerWidth / 2) * Math.cos(alphaInRad);\n  const dy = (pointerWidth / 2) * sinAlpha;\n  const endDy = pointerWidth / 2 / sinAlphaSign;\n  const textStartX = pointerEndX - (alpha < 180 ? 1 : 0) * textWidth;\n  const textEndX = pointerEndX - textWidth * sinAlphaSign;\n  const textMiddleX = textStartX + textWidth / 2;\n  const textY = pointerEndY - endDy - textBottomMargin;\n\n  return (\n    <>\n      <path\n        d={`M${pointerStartX + dx},${pointerStartY + dy} L${\n          pointerStartX - dx\n        },${pointerStartY - dy} L${pointerEndX},${\n          pointerEndY - endDy\n        } L${textEndX},${pointerEndY - endDy} L${textEndX},${\n          pointerEndY + endDy\n        } L${pointerEndX},${pointerEndY + endDy} Z`}\n        fill={color}\n      />\n\n      <text\n        ref={ref}\n        x={textStartX}\n        y={textY}\n        style={getStyle(textMiddleX, textY)}\n      >\n        {label}\n      </text>\n    </>\n  );\n};\n"],"names":["LabelPointer","props","pointerLength","pointerWidth","radius","alpha","color","label","textBottomMargin","horizontal","counterClockWise","textWidth","setTextWidth","useState","ref","useCallback","text","pointerStartX","pointerStartY","getCoordinateForArc","pointerEndX","pointerEndY","getStyle","x","y","textY","jsxs","Fragment","jsx","alphaInRad","degToRad","sinAlpha","sinAlphaSign","dx","dy","endDy","textStartX","textEndX","textMiddleX"],"mappings":"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"}

package/lib/sd-component-library73.js

@@ -1,8 +1,8 @@
-import { j as e } from "./sd-component-library196.js";
-import p from "./sd-component-library193.js";
-import { Link as c } from "./sd-component-library217.js";
-import "./sd-component-library199.js";
-import { Box as t, Flex as d } from "./sd-component-library200.js";
+import { j as e } from "./sd-component-library195.js";
+import p from "react";
+import { Link as c } from "react-router-dom";
+import "./sd-component-library198.js";
+import { Box as t, Flex as d } from "./sd-component-library199.js";
 import { HorizontalDivider as l } from "./sd-component-library51.js";
 import { ResponsiveText as a } from "./sd-component-library145.js";
 import { PrimaryBadge as m } from "./sd-component-library8.js";

package/lib/sd-component-library74.js

@@ -1,7 +1,7 @@
-import { j as r } from "./sd-component-library196.js";
-import "./sd-component-library199.js";
-import { Box as B } from "./sd-component-library200.js";
-import { SecondaryInputLabels as I } from "./sd-component-library233.js";
+import { j as r } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { Box as B } from "./sd-component-library199.js";
+import { SecondaryInputLabels as I } from "./sd-component-library230.js";
 import { NumberInput as A } from "./sd-component-library68.js";
 const w = (n) => {
   const {

package/lib/sd-component-library75.js

@@ -1,7 +1,7 @@
-import { j as t } from "./sd-component-library196.js";
-import "./sd-component-library199.js";
-import { Box as c } from "./sd-component-library200.js";
-import { SecondaryInputLabels as u } from "./sd-component-library233.js";
+import { j as t } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { Box as c } from "./sd-component-library199.js";
+import { SecondaryInputLabels as u } from "./sd-component-library230.js";
 import { PrimaryTextInput as f } from "./sd-component-library70.js";
 const I = (r) => {
   const { m: e, mb: s, ml: o, mr: n, mt: a, width: m, padding: p, sx: x, inputSx: i, ...d } = r;

package/lib/sd-component-library76.js

@@ -1,4 +1,4 @@
-import { j as r } from "./sd-component-library196.js";
+import { j as r } from "./sd-component-library195.js";
 import { Input as x } from "./sd-component-library66.js";
 const p = (t) => {
   const { variant: n, type: e = "text" } = t;

package/lib/sd-component-library77.js

@@ -1,6 +1,6 @@
-import { j as e } from "./sd-component-library196.js";
-import "./sd-component-library199.js";
-import { Box as c } from "./sd-component-library200.js";
+import { j as e } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { Box as c } from "./sd-component-library199.js";
 import { PrimaryTextInput as l } from "./sd-component-library70.js";
 import { ReactComponent as h } from "./sd-component-library231.js";
 const f = (i) => {

package/lib/sd-component-library78.js

@@ -1,7 +1,7 @@
-import { j as o } from "./sd-component-library196.js";
-import "./sd-component-library199.js";
-import { Box as c } from "./sd-component-library200.js";
-import { BaseLabel as m } from "./sd-component-library237.js";
+import { j as o } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { Box as c } from "./sd-component-library199.js";
+import { BaseLabel as m } from "./sd-component-library233.js";
 import { TextInput as s } from "./sd-component-library76.js";
 import { BaseTextV2 as a } from "./sd-component-library135.js";
 const B = ({

package/lib/sd-component-library79.js

@@ -1,6 +1,6 @@
-import { j as n } from "./sd-component-library196.js";
-import { Link as m } from "./sd-component-library217.js";
-import { Link as r } from "./sd-component-library199.js";
+import { j as n } from "./sd-component-library195.js";
+import { Link as m } from "react-router-dom";
+import { Link as r } from "./sd-component-library198.js";
 const j = ({
   href: t = "",
   title: i,

package/lib/sd-component-library8.js

@@ -1,4 +1,4 @@
-import { j as e } from "./sd-component-library196.js";
+import { j as e } from "./sd-component-library195.js";
 import { Badge as i } from "./sd-component-library7.js";
 const n = (r) => {
   const { children: t, bg: a } = r;

package/lib/sd-component-library80.js

@@ -1,4 +1,4 @@
-import { j as t } from "./sd-component-library196.js";
+import { j as t } from "./sd-component-library195.js";
 import { Link as i } from "./sd-component-library79.js";
 const n = (r) => /* @__PURE__ */ t.jsx(i, { ...r, variant: "primary", "data-test": "primary-link" });
 export {

package/lib/sd-component-library81.js

@@ -1,6 +1,6 @@
-import { j as s } from "./sd-component-library196.js";
-import "./sd-component-library199.js";
-import { Box as r } from "./sd-component-library200.js";
+import { j as s } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { Box as r } from "./sd-component-library199.js";
 const x = (t) => {
   const { children: o, variant: i } = t;
   return /* @__PURE__ */ s.jsx(

package/lib/sd-component-library82.js

@@ -1,4 +1,4 @@
-import { j as i } from "./sd-component-library196.js";
+import { j as i } from "./sd-component-library195.js";
 import { List as s } from "./sd-component-library81.js";
 const o = (r) => {
   const { children: t } = r;

package/lib/sd-component-library83.js

@@ -1,12 +1,12 @@
-import { j as o } from "./sd-component-library196.js";
-import w, { r as k } from "./sd-component-library193.js";
-import "./sd-component-library199.js";
+import { j as o } from "./sd-component-library195.js";
+import w, { useState as k } from "react";
+import "./sd-component-library198.js";
 import { useHover as y } from "./sd-component-library3.js";
 import { getResponsiveClick as R } from "./sd-component-library4.js";
 import { OutsideClickBox as H } from "./sd-component-library14.js";
-import { Flex as W, Box as n } from "./sd-component-library200.js";
+import { Flex as W, Box as n } from "./sd-component-library199.js";
 import { ReactComponent as $ } from "./sd-component-library186.js";
-import { ActionBox as A } from "./sd-component-library266.js";
+import { ActionBox as A } from "./sd-component-library234.js";
 import { FlexCenter as F } from "./sd-component-library37.js";
 import { HorizontalDivider as a } from "./sd-component-library51.js";
 const L = (p) => {
@@ -16,12 +16,12 @@ const L = (p) => {
     actionBoxPx: m,
     actionBoxPy: h,
     closeAfterSelection: u = !0,
-    containerSx: b,
-    menuBoxZIndex: f = 1,
+    containerSx: f,
+    menuBoxZIndex: b = 1,
     activeScale: l = 1.1,
     iconSize: t = "20px",
     iconBorderWidth: g = "1px"
-  } = p, [r, c] = k.useState(!1), j = () => c((e) => !e), { shouldUseTouch: C, ...S } = R(j), { isHover: _, hoverCallbacks: v } = y(), s = !C && _;
+  } = p, [r, c] = k(!1), _ = () => c((e) => !e), { shouldUseTouch: j, ...C } = R(_), { isHover: S, hoverCallbacks: v } = y(), s = !j && S;
   if (!i.length)
     return null;
   const x = () => c(!1);
@@ -31,7 +31,7 @@ const L = (p) => {
       width: "max-content",
       sx: {
         position: "relative",
-        ...b
+        ...f
       },
       onClickOutside: x,
       children: [
@@ -55,7 +55,7 @@ const L = (p) => {
               transition: "transform 0.2s",
               cursor: "pointer"
             },
-            ...S,
+            ...C,
             ...v,
             children: /* @__PURE__ */ o.jsx(
               W,
@@ -77,7 +77,7 @@ const L = (p) => {
               top: "calc(100% + 14px)",
               right: "-11px",
               width: d,
-              zIndex: f
+              zIndex: b
             },
             children: [
               /* @__PURE__ */ o.jsx(a, { color: "cl_purple", height: "2px" }),

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library83.js","sources":["../src/components/menus/actions-menu/actions-menu.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { useHover } from \"../../../core/custom-hooks\";\nimport { getResponsiveClick } from \"../../../core/functions\";\nimport { OutsideClickBox } from \"../../boxes\";\nimport { FlexCenter } from \"../../containers\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { ShortDownArrowIcon } from \"../../icons/short-dropdown-arrow-icon\";\nimport { ActionBox } from \"../../tooltips/actions-tooltip/partials/action-box\";\nimport { ActionsMenuProps as Props } from \"./interfaces\";\n\nexport const ActionsMenu: React.FC<Props> = (props) => {\n  const {\n    actions,\n    actionsBoxWidth = \"max-content\",\n    actionBoxPx,\n    actionBoxPy,\n    closeAfterSelection = true,\n    containerSx,\n    menuBoxZIndex = 1,\n    activeScale = 1.1,\n    iconSize = \"20px\",\n    iconBorderWidth = \"1px\",\n  } = props;\n\n  const [menuVisible, setMenuVisible] = useState(false);\n\n  const toggleMenu = () => setMenuVisible((prev) => !prev);\n  const { shouldUseTouch, ...menuCallbacks } = getResponsiveClick(toggleMenu);\n\n  const { isHover: isHovered, hoverCallbacks } = useHover();\n  const isHover = !shouldUseTouch && isHovered;\n\n  if (!actions.length) return null;\n\n  const hideMenu = () => setMenuVisible(false);\n\n  return (\n    <OutsideClickBox\n      width=\"max-content\"\n      sx={{\n        position: \"relative\",\n        ...containerSx,\n      }}\n      onClickOutside={hideMenu}\n    >\n      <FlexCenter\n        sx={{\n          width: iconSize,\n          height: iconSize,\n          borderWidth: iconBorderWidth,\n          borderRadius: \"50%\",\n          borderColor: isHover || menuVisible ? \"cl_purple\" : \"cl_blue\",\n          borderStyle: \"solid\",\n          svg: {\n            width: `calc(${iconSize} / 2)`,\n            fill: isHover || menuVisible ? \"cl_purple\" : \"cl_blue\",\n            transform: `translateY(calc(${iconSize} * 0.025))`,\n          },\n          transform: `scale(${isHover && !menuVisible ? activeScale : 1})`,\n          transformOrigin: \"center\",\n          transition: \"transform 0.2s\",\n          cursor: \"pointer\",\n        }}\n        {...menuCallbacks}\n        {...hoverCallbacks}\n      >\n        <Flex\n          sx={{\n            transform: `rotate3d(${menuVisible ? 1 : 0}, 0, 0, 180deg) scale(${\n              isHover && !menuVisible ? 1 / activeScale : 1\n            })`,\n            transition: \"transform 0.2s\",\n          }}\n        >\n          <ShortDownArrowIcon />\n        </Flex>\n      </FlexCenter>\n\n      {menuVisible && (\n        <Box\n          sx={{\n            position: \"absolute\",\n            top: \"calc(100% + 14px)\",\n            right: \"-11px\",\n            width: actionsBoxWidth,\n            zIndex: menuBoxZIndex,\n          }}\n        >\n          <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n          <Box\n            sx={{\n              width: \"12px\",\n              height: \"12px\",\n              ml: \"auto\",\n              mr: \"15px\",\n              borderColor: \"cl_transparent\",\n              borderBottomColor: \"cl_purple\",\n              borderWidth: \"6px\",\n              borderStyle: \"solid\",\n              transform: \"translateY(-14px)\",\n            }}\n          />\n\n          <Box\n            sx={{\n              borderWidth: \"1px\",\n              borderColor: \"cl_lightGrey\",\n              borderStyle: \"solid\",\n              borderTopStyle: \"none\",\n              boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n              borderRadius: \"0 0 3px 3px\",\n              bg: \"cl_white\",\n              transform: \"translateY(-12px)\",\n            }}\n          >\n            {actions.map((action, idx) => (\n              <React.Fragment key={action.text}>\n                <ActionBox\n                  {...action}\n                  onClick={() => {\n                    action.onClick();\n                    closeAfterSelection && hideMenu();\n                  }}\n                  px={actionBoxPx}\n                  py={actionBoxPy}\n                />\n\n                {idx !== actions.length - 1 && (\n                  <HorizontalDivider color=\"cl_headerLine\" />\n                )}\n              </React.Fragment>\n            ))}\n          </Box>\n        </Box>\n      )}\n    </OutsideClickBox>\n  );\n};\n"],"names":["ActionsMenu","props","actions","actionsBoxWidth","actionBoxPx","actionBoxPy","closeAfterSelection","containerSx","menuBoxZIndex","activeScale","iconSize","iconBorderWidth","menuVisible","setMenuVisible","useState","toggleMenu","prev","shouldUseTouch","menuCallbacks","getResponsiveClick","isHovered","hoverCallbacks","useHover","isHover","hideMenu","jsxs","OutsideClickBox","jsx","FlexCenter","Flex","ShortDownArrowIcon","Box","HorizontalDivider","action","idx","React","ActionBox"],"mappings":"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"}
+{"version":3,"file":"sd-component-library83.js","sources":["../src/components/menus/actions-menu/actions-menu.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { useHover } from \"../../../core/custom-hooks\";\nimport { getResponsiveClick } from \"../../../core/functions\";\nimport { OutsideClickBox } from \"../../boxes\";\nimport { FlexCenter } from \"../../containers\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { ShortDownArrowIcon } from \"../../icons/short-dropdown-arrow-icon\";\nimport { ActionBox } from \"../../tooltips/actions-tooltip/partials/action-box\";\nimport { ActionsMenuProps as Props } from \"./interfaces\";\n\nexport const ActionsMenu: React.FC<Props> = (props) => {\n  const {\n    actions,\n    actionsBoxWidth = \"max-content\",\n    actionBoxPx,\n    actionBoxPy,\n    closeAfterSelection = true,\n    containerSx,\n    menuBoxZIndex = 1,\n    activeScale = 1.1,\n    iconSize = \"20px\",\n    iconBorderWidth = \"1px\",\n  } = props;\n\n  const [menuVisible, setMenuVisible] = useState(false);\n\n  const toggleMenu = () => setMenuVisible((prev) => !prev);\n  const { shouldUseTouch, ...menuCallbacks } = getResponsiveClick(toggleMenu);\n\n  const { isHover: isHovered, hoverCallbacks } = useHover();\n  const isHover = !shouldUseTouch && isHovered;\n\n  if (!actions.length) return null;\n\n  const hideMenu = () => setMenuVisible(false);\n\n  return (\n    <OutsideClickBox\n      width=\"max-content\"\n      sx={{\n        position: \"relative\",\n        ...containerSx,\n      }}\n      onClickOutside={hideMenu}\n    >\n      <FlexCenter\n        sx={{\n          width: iconSize,\n          height: iconSize,\n          borderWidth: iconBorderWidth,\n          borderRadius: \"50%\",\n          borderColor: isHover || menuVisible ? \"cl_purple\" : \"cl_blue\",\n          borderStyle: \"solid\",\n          svg: {\n            width: `calc(${iconSize} / 2)`,\n            fill: isHover || menuVisible ? \"cl_purple\" : \"cl_blue\",\n            transform: `translateY(calc(${iconSize} * 0.025))`,\n          },\n          transform: `scale(${isHover && !menuVisible ? activeScale : 1})`,\n          transformOrigin: \"center\",\n          transition: \"transform 0.2s\",\n          cursor: \"pointer\",\n        }}\n        {...menuCallbacks}\n        {...hoverCallbacks}\n      >\n        <Flex\n          sx={{\n            transform: `rotate3d(${menuVisible ? 1 : 0}, 0, 0, 180deg) scale(${\n              isHover && !menuVisible ? 1 / activeScale : 1\n            })`,\n            transition: \"transform 0.2s\",\n          }}\n        >\n          <ShortDownArrowIcon />\n        </Flex>\n      </FlexCenter>\n\n      {menuVisible && (\n        <Box\n          sx={{\n            position: \"absolute\",\n            top: \"calc(100% + 14px)\",\n            right: \"-11px\",\n            width: actionsBoxWidth,\n            zIndex: menuBoxZIndex,\n          }}\n        >\n          <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n          <Box\n            sx={{\n              width: \"12px\",\n              height: \"12px\",\n              ml: \"auto\",\n              mr: \"15px\",\n              borderColor: \"cl_transparent\",\n              borderBottomColor: \"cl_purple\",\n              borderWidth: \"6px\",\n              borderStyle: \"solid\",\n              transform: \"translateY(-14px)\",\n            }}\n          />\n\n          <Box\n            sx={{\n              borderWidth: \"1px\",\n              borderColor: \"cl_lightGrey\",\n              borderStyle: \"solid\",\n              borderTopStyle: \"none\",\n              boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n              borderRadius: \"0 0 3px 3px\",\n              bg: \"cl_white\",\n              transform: \"translateY(-12px)\",\n            }}\n          >\n            {actions.map((action, idx) => (\n              <React.Fragment key={action.text}>\n                <ActionBox\n                  {...action}\n                  onClick={() => {\n                    action.onClick();\n                    closeAfterSelection && hideMenu();\n                  }}\n                  px={actionBoxPx}\n                  py={actionBoxPy}\n                />\n\n                {idx !== actions.length - 1 && (\n                  <HorizontalDivider color=\"cl_headerLine\" />\n                )}\n              </React.Fragment>\n            ))}\n          </Box>\n        </Box>\n      )}\n    </OutsideClickBox>\n  );\n};\n"],"names":["ActionsMenu","props","actions","actionsBoxWidth","actionBoxPx","actionBoxPy","closeAfterSelection","containerSx","menuBoxZIndex","activeScale","iconSize","iconBorderWidth","menuVisible","setMenuVisible","useState","toggleMenu","prev","shouldUseTouch","menuCallbacks","getResponsiveClick","isHovered","hoverCallbacks","useHover","isHover","hideMenu","jsxs","OutsideClickBox","jsx","FlexCenter","Flex","ShortDownArrowIcon","Box","HorizontalDivider","action","idx","React","ActionBox"],"mappings":"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"}

package/lib/sd-component-library84.js

@@ -1,14 +1,14 @@
-import { j as e } from "./sd-component-library196.js";
-import "./sd-component-library199.js";
+import { j as e } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
 import { useElementCoordinates as F } from "./sd-component-library3.js";
-import { defaultPointerWidth as O, defaultTextBottomMargin as z } from "./sd-component-library240.js";
-import { labelWidth as X, defaultDistanceFromLabelToRanges as R, labelPaddingX as Y, defaultWidth as A, defaultHeight as D, defaultArc as E, defaultPointStrokeWidth as G, defaultInnerPointRadius as H, defaultGaugeWidth as V, defaultMaskBorderRadius as q } from "./sd-component-library241.js";
+import { defaultPointerWidth as O, defaultTextBottomMargin as z } from "./sd-component-library263.js";
+import { labelWidth as X, defaultDistanceFromLabelToRanges as R, labelPaddingX as Y, defaultWidth as A, defaultHeight as D, defaultArc as E, defaultPointStrokeWidth as G, defaultInnerPointRadius as H, defaultGaugeWidth as V, defaultMaskBorderRadius as q } from "./sd-component-library258.js";
 import { isValueInRange as N } from "./sd-component-library89.js";
-import { COLOR_TO_ICON_MAP as J, defaultSmileyWidth as K, defaultDistanceBetweenRanges as Q } from "./sd-component-library242.js";
-import { isCorrectSmileyMeterConfig as U, getIsHorizontal as Z } from "./sd-component-library243.js";
-import { Box as W } from "./sd-component-library200.js";
-import { SmileyMeterRanges as ee } from "./sd-component-library244.js";
-import { MatchedRangeLabelBox as te } from "./sd-component-library245.js";
+import { COLOR_TO_ICON_MAP as J, defaultSmileyWidth as K, defaultDistanceBetweenRanges as Q } from "./sd-component-library267.js";
+import { isCorrectSmileyMeterConfig as U, getIsHorizontal as Z } from "./sd-component-library268.js";
+import { Box as W } from "./sd-component-library199.js";
+import { SmileyMeterRanges as ee } from "./sd-component-library269.js";
+import { MatchedRangeLabelBox as te } from "./sd-component-library270.js";
 import { FlexCenter as ie } from "./sd-component-library37.js";
 const he = ($) => {
   const {

package/lib/sd-component-library85.js

@@ -1,6 +1,6 @@
-import { j as s } from "./sd-component-library196.js";
-import { smallMeterMaskBorderRadius as n } from "./sd-component-library241.js";
-import { smallSmileyMeterWidth as d, smallSmileyMeterHeight as h, smallSmileyGaugeWidth as S, smallSmileyWidth as u, smallSmileyInnerPointRadius as y, smallSmileyInnerPointStrokeWidth as g } from "./sd-component-library242.js";
+import { j as s } from "./sd-component-library195.js";
+import { smallMeterMaskBorderRadius as n } from "./sd-component-library258.js";
+import { smallSmileyMeterWidth as d, smallSmileyMeterHeight as h, smallSmileyGaugeWidth as S, smallSmileyWidth as u, smallSmileyInnerPointRadius as y, smallSmileyInnerPointStrokeWidth as g } from "./sd-component-library267.js";
 import { SmileyMeterV2 as W } from "./sd-component-library84.js";
 const k = (e) => {
   const {

package/lib/sd-component-library86.js

@@ -1,7 +1,7 @@
-import { j as l } from "./sd-component-library196.js";
-import "./sd-component-library199.js";
-import { Box as f } from "./sd-component-library200.js";
-import { ReactComponent as d } from "./sd-component-library246.js";
+import { j as l } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { Box as f } from "./sd-component-library199.js";
+import { ReactComponent as d } from "./sd-component-library271.js";
 import { BaseGridContainer as h } from "./sd-component-library38.js";
 const x = [
   "#5CA13A",

package/lib/sd-component-library87.js

@@ -1,12 +1,12 @@
-import { j as r } from "./sd-component-library196.js";
-import "./sd-component-library199.js";
-import { labelWidth as P, defaultDistanceFromLabelToRanges as p, labelPaddingX as H, defaultArc as I, defaultWidth as X, defaultHeight as _, defaultDistanceBetweenRanges as A, defaultGaugeWidth as E, defaultPointStrokeWidth as G, defaultInnerPointRadius as Y, defaultDistanceFromRangesToNeedle as q, defaultInnerCircleStrokeWidth as y, defaultInnerCircleRadius as z, defaultNeedleWidth as J, defaultNumberOfDashes as K, defaultDashHeight as Q, defaultDashWidth as U, defaultDistanceFromRangesToScale as V, defaultMaskBorderRadius as Z } from "./sd-component-library241.js";
+import { j as r } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { labelWidth as P, defaultDistanceFromLabelToRanges as p, labelPaddingX as H, defaultArc as I, defaultWidth as X, defaultHeight as _, defaultDistanceBetweenRanges as A, defaultGaugeWidth as E, defaultPointStrokeWidth as G, defaultInnerPointRadius as Y, defaultDistanceFromRangesToNeedle as q, defaultInnerCircleStrokeWidth as y, defaultInnerCircleRadius as z, defaultNeedleWidth as J, defaultNumberOfDashes as K, defaultDashHeight as Q, defaultDashWidth as U, defaultDistanceFromRangesToScale as V, defaultMaskBorderRadius as Z } from "./sd-component-library258.js";
 import { isCorrectOutlineMeterConfig as ee } from "./sd-component-library89.js";
-import { Box as te } from "./sd-component-library200.js";
-import { OutlineMeterRange as ae } from "./sd-component-library247.js";
-import { OutlineMeterScale as re } from "./sd-component-library248.js";
-import { OutlineMeterNeedle as ie } from "./sd-component-library249.js";
-import { OutlineMeterLabelBox as se } from "./sd-component-library250.js";
+import { Box as te } from "./sd-component-library199.js";
+import { OutlineMeterRange as ae } from "./sd-component-library259.js";
+import { OutlineMeterScale as re } from "./sd-component-library260.js";
+import { OutlineMeterNeedle as ie } from "./sd-component-library261.js";
+import { OutlineMeterLabelBox as se } from "./sd-component-library262.js";
 const ge = (R) => {
   const {
     marginTop: x = "50px",

package/lib/sd-component-library88.js

@@ -1,5 +1,5 @@
-import { j as u } from "./sd-component-library196.js";
-import { smallMeterWidth as g, smallMeterHeight as c, smallMeterPointStrokeWidth as R, smallMeterPointRadius as W, smallMeterInnerCircleStrokeWidth as k, smallMeterInnerCircleRadius as S, smallMeterGaugeWidth as p, smallMeterDistanceBetweenRanges as f, smallMeterDistanceFromRangesToNeedle as w, smallMeterNeedleWidth as x, smallMeterMaskBorderRadius as B } from "./sd-component-library241.js";
+import { j as u } from "./sd-component-library195.js";
+import { smallMeterWidth as g, smallMeterHeight as c, smallMeterPointStrokeWidth as R, smallMeterPointRadius as W, smallMeterInnerCircleStrokeWidth as k, smallMeterInnerCircleRadius as S, smallMeterGaugeWidth as p, smallMeterDistanceBetweenRanges as f, smallMeterDistanceFromRangesToNeedle as w, smallMeterNeedleWidth as x, smallMeterMaskBorderRadius as B } from "./sd-component-library258.js";
 import { OutlineMeter as C } from "./sd-component-library87.js";
 const T = (e) => {
   const {

package/lib/sd-component-library9.js

@@ -1,4 +1,4 @@
-import { j as a } from "./sd-component-library196.js";
+import { j as a } from "./sd-component-library195.js";
 import { Badge as o } from "./sd-component-library7.js";
 const s = (r) => {
   const { children: e, bg: t } = r;

package/lib/sd-component-library90.js

@@ -1,12 +1,12 @@
-import { j as o } from "./sd-component-library196.js";
-import "./sd-component-library199.js";
-import { labelWidth as H, defaultDistanceFromLabelToRanges as x, labelPaddingX as y, defaultArc as _, defaultWidth as E, defaultHeight as G, defaultDistanceBetweenRanges as P, defaultGaugeWidth as X, defaultDistanceFromRangesToNeedle as Y, defaultInnerCircleStrokeWidth as A, defaultInnerCircleRadius as V, defaultNeedleWidth as q, defaultNumberOfDashes as J, defaultDashHeight as K, defaultDashWidth as Q, defaultDistanceFromRangesToScale as U, defaultMaskBorderRadius as Z } from "./sd-component-library241.js";
-import { defaultPointerWidth as ee } from "./sd-component-library240.js";
-import { Box as te } from "./sd-component-library200.js";
-import { DiscreteRange as ae } from "./sd-component-library251.js";
-import { OutlineMeterScale as oe } from "./sd-component-library248.js";
-import { DiscreteMeterNeedle as le } from "./sd-component-library252.js";
-import { MatchedRangeLabelBox as re } from "./sd-component-library253.js";
+import { j as o } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { labelWidth as H, defaultDistanceFromLabelToRanges as x, labelPaddingX as y, defaultArc as _, defaultWidth as E, defaultHeight as G, defaultDistanceBetweenRanges as P, defaultGaugeWidth as X, defaultDistanceFromRangesToNeedle as Y, defaultInnerCircleStrokeWidth as A, defaultInnerCircleRadius as V, defaultNeedleWidth as q, defaultNumberOfDashes as J, defaultDashHeight as K, defaultDashWidth as Q, defaultDistanceFromRangesToScale as U, defaultMaskBorderRadius as Z } from "./sd-component-library258.js";
+import { defaultPointerWidth as ee } from "./sd-component-library263.js";
+import { Box as te } from "./sd-component-library199.js";
+import { DiscreteRange as ae } from "./sd-component-library264.js";
+import { OutlineMeterScale as oe } from "./sd-component-library260.js";
+import { DiscreteMeterNeedle as le } from "./sd-component-library265.js";
+import { MatchedRangeLabelBox as re } from "./sd-component-library266.js";
 function fe(R) {
   const {
     marginTop: b = "50px",

package/lib/sd-component-library91.js

@@ -1,5 +1,5 @@
-import { j as o } from "./sd-component-library196.js";
-import { smallMeterWidth as u, smallMeterHeight as M, smallMeterInnerCircleStrokeWidth as c, smallMeterInnerCircleRadius as h, smallMeterGaugeWidth as g, smallMeterDistanceBetweenRanges as R, smallMeterDistanceFromRangesToNeedle as W, smallMeterNeedleWidth as p, smallMeterMaskBorderRadius as f } from "./sd-component-library241.js";
+import { j as o } from "./sd-component-library195.js";
+import { smallMeterWidth as u, smallMeterHeight as M, smallMeterInnerCircleStrokeWidth as c, smallMeterInnerCircleRadius as h, smallMeterGaugeWidth as g, smallMeterDistanceBetweenRanges as R, smallMeterDistanceFromRangesToNeedle as W, smallMeterNeedleWidth as p, smallMeterMaskBorderRadius as f } from "./sd-component-library258.js";
 import { MultiOptionDiscreteOutlineMeter as k } from "./sd-component-library90.js";
 function C(e) {
   const {

package/lib/sd-component-library92.js

@@ -1,13 +1,13 @@
-import { j as r } from "./sd-component-library196.js";
-import "./sd-component-library199.js";
-import { defaultWidth as A, defaultHeight as H, labelWidth as _, defaultDistanceFromLabelToRanges as p, labelPaddingX as V, defaultGaugeWidth as X, defaultInnerPointRadius as Y, defaultPointStrokeWidth as z, defaultArc as E, defaultDistanceFromRangesToScale as q, defaultDashHeight as J, defaultDashWidth as K, defaultNumberOfDashes as Q, defaultNeedleWidth as U, defaultInnerCircleRadius as Z, defaultInnerCircleStrokeWidth as ee, defaultDistanceFromRangesToNeedle as te, defaultMaskBorderRadius as re } from "./sd-component-library241.js";
-import { mapAdjacent as oe, isLabelActive as x, flipPosition as R } from "./sd-component-library254.js";
-import { Box as ae } from "./sd-component-library200.js";
-import { GradientMeterRange as ie } from "./sd-component-library255.js";
-import { OutlineMeterScale as ne } from "./sd-component-library248.js";
-import { GradientMeterNeedle as se } from "./sd-component-library256.js";
-import { OutlineMeterLabelPointer as de } from "./sd-component-library257.js";
-import { BaseMeterLabelBox as le } from "./sd-component-library258.js";
+import { j as r } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { defaultWidth as A, defaultHeight as H, labelWidth as _, defaultDistanceFromLabelToRanges as p, labelPaddingX as V, defaultGaugeWidth as X, defaultInnerPointRadius as Y, defaultPointStrokeWidth as z, defaultArc as E, defaultDistanceFromRangesToScale as q, defaultDashHeight as J, defaultDashWidth as K, defaultNumberOfDashes as Q, defaultNeedleWidth as U, defaultInnerCircleRadius as Z, defaultInnerCircleStrokeWidth as ee, defaultDistanceFromRangesToNeedle as te, defaultMaskBorderRadius as re } from "./sd-component-library258.js";
+import { mapAdjacent as oe, isLabelActive as x, flipPosition as R } from "./sd-component-library272.js";
+import { Box as ae } from "./sd-component-library199.js";
+import { GradientMeterRange as ie } from "./sd-component-library273.js";
+import { OutlineMeterScale as ne } from "./sd-component-library260.js";
+import { GradientMeterNeedle as se } from "./sd-component-library274.js";
+import { OutlineMeterLabelPointer as de } from "./sd-component-library275.js";
+import { BaseMeterLabelBox as le } from "./sd-component-library276.js";
 const je = (b) => {
   const {
     width: a = A,

package/lib/sd-component-library93.js

@@ -1,5 +1,5 @@
-import { j as m } from "./sd-component-library196.js";
-import { smallMeterWidth as h, smallMeterHeight as u, smallMeterGaugeWidth as M, smallMeterDistanceFromRangesToNeedle as c, smallMeterInnerCircleStrokeWidth as g, smallMeterInnerCircleRadius as W, smallMeterPointStrokeWidth as R, smallMeterPointRadius as S, smallMeterNeedleWidth as p } from "./sd-component-library241.js";
+import { j as m } from "./sd-component-library195.js";
+import { smallMeterWidth as h, smallMeterHeight as u, smallMeterGaugeWidth as M, smallMeterDistanceFromRangesToNeedle as c, smallMeterInnerCircleStrokeWidth as g, smallMeterInnerCircleRadius as W, smallMeterPointStrokeWidth as R, smallMeterPointRadius as S, smallMeterNeedleWidth as p } from "./sd-component-library258.js";
 import { GradientOutlineMeter as f } from "./sd-component-library92.js";
 const j = (e) => {
   const {

package/lib/sd-component-library94.js

@@ -1,7 +1,7 @@
-import { j as e } from "./sd-component-library196.js";
-import "./sd-component-library199.js";
+import { j as e } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
 import { BaseGridContainer as g } from "./sd-component-library38.js";
-import { Box as h } from "./sd-component-library200.js";
+import { Box as h } from "./sd-component-library199.js";
 const f = (o) => {
   const {
     value: a,

package/lib/sd-component-library95.js

@@ -1,6 +1,6 @@
-import { j as n } from "./sd-component-library196.js";
-import "./sd-component-library199.js";
-import { Box as h } from "./sd-component-library200.js";
+import { j as n } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { Box as h } from "./sd-component-library199.js";
 import { GridContainerV2 as u } from "./sd-component-library41.js";
 const j = (c) => {
   const {

package/lib/sd-component-library96.js

@@ -1,9 +1,9 @@
-import { j as o } from "./sd-component-library196.js";
-import "./sd-component-library199.js";
+import { j as o } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
 import { isPDFFlow as j } from "./sd-component-library4.js";
-import { areSegmentsValid as g } from "./sd-component-library259.js";
-import { Box as v } from "./sd-component-library200.js";
-import { Segment as w } from "./sd-component-library260.js";
+import { areSegmentsValid as g } from "./sd-component-library277.js";
+import { Box as v } from "./sd-component-library199.js";
+import { Segment as w } from "./sd-component-library278.js";
 const F = ({
   segments: x,
   outlineWidth: e = 2,