@milaboratories/graph-maker 1.1.131 → 1.1.133

package/dist/node_modules/@milaboratories/miplots4/dist/common/ContinuousAxis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContinuousAxis.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/common/ContinuousAxis.tsx"],"sourcesContent":["import {BLACK} from '../constants';\nimport {TICK_OFFSET} from '../discrete/constants';\nimport {getTicksAndFormat} from '../scatterplot/utils/getTicksAndFormat';\nimport React from 'react';\nimport type {ScaleLinear, ScaleLogarithmic, ScaleSymLog} from 'd3-scale';\n\ntype Scale = ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;\ntype Orient = 'left' | 'bottom';\n\nfunction translateX(x: number) {\n    return `translate(${x},0)`;\n}\n\nfunction translateY(y: number) {\n    return `translate(0,${y})`;\n}\n\nfunction getRotationTransform(orient: 'left' | 'bottom') {\n    return orient === 'bottom' ? `translate(0,${TICK_OFFSET})` : `translate(${-TICK_OFFSET},0)`;\n}\n\nfunction getDominantBaseline(orient: 'left' | 'bottom') {\n    return orient === 'bottom' ? 'hanging' : 'central';\n}\n\nfunction getTextAnchor( orient: 'left' | 'bottom') {\n    return  orient === 'bottom' ? 'middle' : 'end';\n}\n\nexport const ContinuousAxis = ({\n   scale,\n   tickSize = 6,\n   tickPadding = TICK_OFFSET,\n   orient = 'bottom',\n   onlyPositive = false,\n   hiddenLabels = false,\n   offset = typeof window !== 'undefined' && window.devicePixelRatio > 1 ? 0 : 0.5,\n}: {\n    scale: Scale;\n    tickSize?: number;\n    tickPadding?: number;\n    offset?: number;\n    orient?: Orient;\n    hiddenLabels?: boolean;\n    onlyPositive?: boolean;\n}) => {\n    function number(scale: Scale) {\n        return (d: number) => {\n            const value = scale(d);\n            return value === undefined ? 0 : +value;\n        };\n    }\n    const {ticks: values, format} = hiddenLabels ? {ticks: [], format: (v:number) => v} : getTicksAndFormat(scale, onlyPositive, orient === 'bottom');\n    const spacing = Math.max(tickSize, 0) + tickPadding,\n        position = (number)(scale.copy());\n\n    const transform = orient === 'bottom' ? translateX : translateY;\n    const k = orient === 'left' ? -1 : 1;\n\n    const lineProps = {\n        [(orient === 'left' ? 'x' : 'y') + '2']: k * tickSize,\n    };\n\n    const textProps = {\n        [orient === 'left' ? 'x' : 'y']: k * spacing,\n    };\n\n    return (\n        <g>\n            {values.map((tick: number, i: number) => (\n                <g className=\"tick\" key={i} transform={transform(position(tick) + offset)}>\n                    <line stroke={BLACK} {...lineProps} />\n                    <g transform={getRotationTransform(orient)}>\n                        <text\n                            fill={BLACK}\n                            fontSize=\"14px\"\n                            fontWeight=\"500\"\n                            fontFamily=\"Manrope\"\n                            dominantBaseline={getDominantBaseline(orient)}\n                            textAnchor={getTextAnchor(orient)}\n                            {...textProps}\n                        >\n                            {format(tick)}\n                        </text>\n                    </g>\n                </g>\n            ))}\n        </g>\n    );\n};\n"],"names":["translateX","x","translateY","y","getRotationTransform","orient","TICK_OFFSET","getDominantBaseline","getTextAnchor","ContinuousAxis","scale","tickSize","tickPadding","onlyPositive","hiddenLabels","offset","number","d","value","values","format","v","getTicksAndFormat","spacing","position","transform","k","lineProps","textProps","r","tick","i","jsxs","jsx","BLACK"],"mappings":";;;;AASA,SAASA,EAAWC,GAAW;AAC3B,SAAO,aAAaA,CAAC;AACzB;AAEA,SAASC,EAAWC,GAAW;AAC3B,SAAO,eAAeA,CAAC;AAC3B;AAEA,SAASC,EAAqBC,GAA2B;AACrD,SAAOA,MAAW,WAAW,eAAeC,CAAW,MAAM,aAAa,CAACA,CAAW;AAC1F;AAEA,SAASC,EAAoBF,GAA2B;AACpD,SAAOA,MAAW,WAAW,YAAY;AAC7C;AAEA,SAASG,EAAeH,GAA2B;AAC/C,SAAQA,MAAW,WAAW,WAAW;AAC7C;AAEO,MAAMI,IAAiB,CAAC;AAAA,EAC5B,OAAAC;AAAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAcN;AAAAA,EACd,QAAAD,IAAS;AAAA,EACT,cAAAQ,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,QAAAC,IAAS,OAAO,SAAW,OAAe,OAAO,mBAAmB,IAAI,IAAI;AAC/E,MAQM;AACF,WAASC,EAAON,GAAc;AAC1B,WAAO,CAACO,MAAc;AAClB,YAAMC,IAAQR,EAAMO,CAAC;AACrB,aAAOC,MAAU,SAAY,IAAI,CAACA;AAAAA,IACtC;AAAA,EACJ;AACA,QAAM,EAAC,OAAOC,GAAQ,QAAAC,EAAAA,IAAUN,IAAe,EAAC,OAAO,IAAI,QAAQ,CAACO,MAAaA,EAAAA,IAAKC,EAAkBZ,GAAOG,GAAcR,MAAW,QAAQ,GAC1IkB,IAAU,KAAK,IAAIZ,GAAU,CAAC,IAAIC,GACpCY,IAAYR,EAAQN,EAAM,MAAM,GAE9Be,IAAYpB,MAAW,WAAWL,IAAaE,GAC/CwB,IAAIrB,MAAW,SAAS,KAAK,GAE7BsB,IAAY;AAAA,IACd,EAAEtB,MAAW,SAAS,MAAM,OAAO,GAAG,GAAGqB,IAAIf;AAAAA,EAAA,GAG3CiB,IAAY;AAAA,IACd,CAACvB,MAAW,SAAS,MAAM,GAAG,GAAGqB,IAAIH;AAAAA,EAAA;AAGzC,SAAAM,gBAAAA,EAAA,IACK,KAAA,EACI,UAAAV,EAAO,IAAI,CAACW,GAAcC,MACvBC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAU,QAAe,WAAWP,EAAUD,EAASM,CAAI,IAAIf,CAAM,GACpE,UAAA;AAAA,IAAAkB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,QAAQC,GAAQ,GAAGP,GAAW;AAAA,IACpCM,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAW7B,EAAqBC,CAAM,GACrC,UAAA4B,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAMC;AAAAA,QACN,UAAS;AAAA,QACT,YAAW;AAAA,QACX,YAAW;AAAA,QACX,kBAAkB3B,EAAoBF,CAAM;AAAA,QAC5C,YAAYG,EAAcH,CAAM;AAAA,QAC/B,GAAGuB;AAAAA,QAEH,YAAOE,CAAI;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,EAAA,KAdqBC,CAezB,CACH,GACL;AAER;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/common/ContinuousGrid.js

@@ -0,0 +1,39 @@
+import { j as i } from "../node_modules/react/jsx-runtime.js";
+import { GRID_GRAY as y, BLACK as x } from "../constants.js";
+import { getLineShape as m } from "../utils/getLineShape.js";
+import { r as u } from "../_virtual/index.js";
+const G = 1;
+function A({ scaleX: a, scaleY: l, width: e, height: t, axisX: r, axisY: c, frameType: n, updatingKey: g = "" }) {
+  const [j, p] = u.useState(a.ticks()), [k, _] = u.useState(l.ticks()), { significantLines: d = [] } = r, { significantLines: h = [] } = c;
+  return u.useEffect(() => {
+    const o = a.ticks().filter((f) => !d.includes(f)), s = l.ticks().filter((f) => !h.includes(f));
+    p(o), _(s);
+  }, [a, l, g]), /* @__PURE__ */ i.jsxs("g", { stroke: y, children: [
+    r.showGrid && j.map((o) => {
+      const s = a(o);
+      return /* @__PURE__ */ i.jsx("line", { x1: s, x2: s, y1: 0, y2: t }, `x_${s}_${t}`);
+    }),
+    c.showGrid && k.map((o) => {
+      const s = l(o);
+      return /* @__PURE__ */ i.jsx("line", { x1: 0, x2: e, y1: s, y2: s }, `y_${s}_${e}`);
+    }),
+    /* @__PURE__ */ i.jsx("g", { strokeDasharray: m(r.significantLinesStyle), stroke: x, children: d.map((o) => {
+      const s = a(o);
+      return s < 0 || s > e ? null : /* @__PURE__ */ i.jsx("line", { x1: s, x2: s, y1: 0, y2: t }, `significant_${s}_${t}`);
+    }) }),
+    /* @__PURE__ */ i.jsx("g", { strokeDasharray: m(c.significantLinesStyle), stroke: x, children: h.map((o) => {
+      const s = l(o);
+      return s < 0 || s > t ? null : /* @__PURE__ */ i.jsx("line", { x1: 0, x2: e, y1: s, y2: s }, `significant_${s}_${e}`);
+    }) }),
+    n !== "empty" && /* @__PURE__ */ i.jsxs("g", { strokeWidth: G, children: [
+      (r.showGrid || n !== "left") && /* @__PURE__ */ i.jsx("line", { stroke: n === "left" ? y : x, x1: "0", x2: e, y1: t, y2: t }),
+      (r.showGrid || n !== "bottom") && /* @__PURE__ */ i.jsx("line", { stroke: n === "bottom" ? y : x, x1: "0", x2: "0", y1: "0", y2: t }),
+      (r.showGrid || n === "full") && /* @__PURE__ */ i.jsx("line", { stroke: n === "full" ? x : y, x1: e, x2: e, y1: "0", y2: t }),
+      (c.showGrid || n === "full") && /* @__PURE__ */ i.jsx("line", { stroke: n === "full" ? x : y, x1: "0", x2: e, y1: "0", y2: "0" })
+    ] })
+  ] });
+}
+export {
+  A as ContinuousGrid
+};
+//# sourceMappingURL=ContinuousGrid.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/common/ContinuousGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContinuousGrid.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/common/ContinuousGrid.tsx"],"sourcesContent":["import {BLACK, GRID_GRAY} from '../constants';\nimport type {AxisSettings, FrameType} from '../types';\nimport {getLineShape} from '../utils/getLineShape';\nimport type {ScaleLinear, ScaleLogarithmic, ScaleSymLog} from 'd3-scale';\nimport React from 'react';\nimport {useEffect, useState} from 'react';\n\nconst GRID_FRAME_WIDTH = 1;\n\ninterface GridProps {\n    scaleY: ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;\n    scaleX: ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;\n    width: number;\n    height: number;\n    axisX: AxisSettings;\n    axisY: AxisSettings;\n    frameType: FrameType;\n    updatingKey?: string;\n}\n\nexport function ContinuousGrid({scaleX, scaleY, width, height, axisX, axisY, frameType, updatingKey = ''}: GridProps) {\n    const [ticksX, setTicksX] = useState<number[]>(scaleX.ticks());\n    const [ticksY, setTicksY] = useState<number[]>(scaleY.ticks());\n\n    const {significantLines: significantLinesX = []} = axisX;\n    const {significantLines: significantLinesY = []} = axisY;\n\n    useEffect(() => {\n        const ticksX = scaleX.ticks().filter(t => !significantLinesX.includes(t));\n        const ticksY = scaleY.ticks().filter(t => !significantLinesY.includes(t));\n        setTicksX(ticksX);\n        setTicksY(ticksY);\n    }, [scaleX, scaleY, updatingKey]);\n\n    return (\n        <g stroke={GRID_GRAY}>\n            {axisX.showGrid &&\n                ticksX.map((tick) => {\n                    const x = scaleX(tick);\n                    return (\n                        <line key={`x_${x}_${height}`} x1={x} x2={x} y1={0} y2={height} />\n                    );\n                })}\n            {axisY.showGrid &&\n                ticksY.map(tick => {\n                    const y = scaleY(tick);\n                    return (\n                        <line key={`y_${y}_${width}`} x1={0} x2={width} y1={y} y2={y} />\n                    );\n                })}\n            <g strokeDasharray={getLineShape(axisX.significantLinesStyle)} stroke={BLACK}>\n                {significantLinesX.map(v => {\n                    const x = scaleX(v);\n                    if (x < 0 || x > width) {\n                        return null;\n                    }\n                    return (\n                        <line key={`significant_${x}_${height}`} x1={x} x2={x} y1={0} y2={height} />\n                    );\n                })}\n            </g>\n            <g strokeDasharray={getLineShape(axisY.significantLinesStyle)} stroke={BLACK}>\n                {significantLinesY.map(v => {\n                    const y = scaleY(v);\n                    if (y < 0 || y > height) {\n                        return null;\n                    }\n                    return (\n                        <line key={`significant_${y}_${width}`} x1={0} x2={width} y1={y} y2={y} />\n                    );\n                })}\n            </g>\n            {frameType !== 'empty' && (\n                <g strokeWidth={GRID_FRAME_WIDTH}>\n                    {(axisX.showGrid || frameType !== 'left') && <line stroke={frameType === 'left' ? GRID_GRAY : BLACK} x1=\"0\" x2={width} y1={height} y2={height} />}\n                    {(axisX.showGrid || frameType !== 'bottom') && <line stroke={frameType === 'bottom' ? GRID_GRAY : BLACK} x1=\"0\" x2=\"0\" y1=\"0\" y2={height} />}\n                    {(axisX.showGrid || frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1={width} x2={width} y1=\"0\" y2={height} />}\n                    {(axisY.showGrid || frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1=\"0\" x2={width} y1=\"0\" y2=\"0\" />}\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["GRID_FRAME_WIDTH","ContinuousGrid","scaleX","scaleY","width","height","axisX","axisY","frameType","updatingKey","ticksX","setTicksX","useState","ticksY","setTicksY","significantLinesX","significantLinesY","useEffect","t","jsxs","GRID_GRAY","tick","x","jsx","y","getLineShape","BLACK","v"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/common/Error.js

@@ -0,0 +1,26 @@
+import { j as i } from "../node_modules/react/jsx-runtime.js";
+function t({ message: e }) {
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      style: {
+        width: "500px",
+        height: "400px",
+        color: "#ee1616",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: "25px",
+        fontFamily: "Arial",
+        border: "1px solid",
+        padding: "20px",
+        lineHeight: "25px"
+      },
+      children: e
+    }
+  );
+}
+export {
+  t as Error
+};
+//# sourceMappingURL=Error.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/common/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/common/Error.tsx"],"sourcesContent":["import React from 'react';\n\nexport function Error({message}: {message: string}) {\n    return (\n        <div\n            style={{\n                width: '500px',\n                height: '400px',\n                color: '#ee1616',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                fontSize: '25px',\n                fontFamily: 'Arial',\n                border: '1px solid',\n                padding: '20px',\n                lineHeight: '25px'\n            }}\n        >\n            {message}\n        </div>\n    );\n}\n"],"names":["Error","message","jsx"],"mappings":";AAEO,SAASA,EAAM,EAAC,SAAAC,KAA6B;AAChD,SACIC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,MAAA;AAAA,MAGf,UAAAD;AAAAA,IAAA;AAAA,EAAA;AAGb;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/common/ErrorBoundary.js

@@ -0,0 +1,24 @@
+import { j as e } from "../node_modules/react/jsx-runtime.js";
+import { Error as t } from "./Error.js";
+import a from "../_virtual/index.js";
+class p extends a.Component {
+  constructor(r) {
+    super(r), this.state = { hasError: !1, message: "" };
+  }
+  static getDerivedStateFromError(r) {
+    return { hasError: !0, message: r.message };
+  }
+  componentDidUpdate(r) {
+    r.dataId !== this.props.dataId && this.setState({ hasError: !1, message: "error.message" });
+  }
+  componentDidCatch(r, s) {
+    console.log(s);
+  }
+  render() {
+    return this.state.hasError ? /* @__PURE__ */ e.jsx(t, { message: this.state.message }) : this.props.children;
+  }
+}
+export {
+  p as ErrorBoundary
+};
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/common/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/common/ErrorBoundary.tsx"],"sourcesContent":["import {Error} from './Error';\nimport type {ErrorInfo, ReactNode} from 'react';\nimport React from 'react';\n\ninterface ErrorBoundaryProps {\n    children: ReactNode;\n    dataId: string;\n}\ninterface ErrorBoundaryState {\n    hasError: boolean;\n    message: string;\n}\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n    constructor(props: ErrorBoundaryProps) {\n        super(props);\n        this.state = {hasError: false, message: ''};\n    }\n\n    static getDerivedStateFromError(error: {message: string}) {\n        // Update state so the next render will show the fallback UI.\n        return {hasError: true, message: error.message};\n    }\n    componentDidUpdate(prevProps: Readonly<ErrorBoundaryProps>) {\n        if (prevProps.dataId !== this.props.dataId) {\n            this.setState({hasError: false, message: 'error.message'});\n        }\n    }\n\n    componentDidCatch(_error: Error, info: ErrorInfo) {\n        // eslint-disable-next-line no-console\n        console.log(info);\n    }\n\n    render() {\n        if (this.state.hasError) {\n            // You can render any custom fallback UI\n            return <Error message={this.state.message} />;\n        }\n\n        return this.props.children;\n    }\n}\n"],"names":["ErrorBoundary","React","props","error","prevProps","_error","info","jsx","Error"],"mappings":";;;AAYO,MAAMA,UAAsBC,EAAM,UAAkD;AAAA,EACvF,YAAYC,GAA2B;AACnC,UAAMA,CAAK,GACX,KAAK,QAAQ,EAAC,UAAU,IAAO,SAAS,GAAA;AAAA,EAC5C;AAAA,EAEA,OAAO,yBAAyBC,GAA0B;AAEtD,WAAO,EAAC,UAAU,IAAM,SAASA,EAAM,QAAA;AAAA,EAC3C;AAAA,EACA,mBAAmBC,GAAyC;AACpDA,MAAU,WAAW,KAAK,MAAM,UAChC,KAAK,SAAS,EAAC,UAAU,IAAO,SAAS,gBAAA,CAAgB;AAAA,EAEjE;AAAA,EAEA,kBAAkBC,GAAeC,GAAiB;AAE9C,YAAQ,IAAIA,CAAI;AAAA,EACpB;AAAA,EAEA,SAAS;AACL,WAAI,KAAK,MAAM,WAEJC,gBAAAA,EAAAA,IAACC,GAAA,EAAM,SAAS,KAAK,MAAM,QAAA,CAAS,IAGxC,KAAK,MAAM;AAAA,EACtB;AACJ;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/common/Legend.js

@@ -0,0 +1,162 @@
+import { j as t } from "../node_modules/react/jsx-runtime.js";
+import { BLACK as a } from "../constants.js";
+import { getPointShape as h } from "../utils/getPointShape.js";
+import g from "../node_modules/d3-color/src/color.js";
+const r = 12, d = -12, x = 14;
+function m(n = null) {
+  return n === "dashed" ? "M1 11.25H6V12.75H1V11.25ZM9.5 11.25H14.5V12.75H9.5V11.25ZM18 11.25H23V12.75H18V11.25Z" : n === "dotted" ? "M2.75 11.25H1.25V12.75H2.75V11.25Z M11.25 11.25H12.75V12.75H11.25V11.25Z M22.75 11.25H21.25V12.75H22.75V11.25Z M7.75 11.25H6.25V12.75H7.75V11.25Z M16.25 11.25H17.75V12.75H16.25V11.25Z" : n === "longdash" ? "M1 11.25H10V12.75H1V11.25ZM14 11.25H23V12.75H14V11.25Z" : n === "dotdash" ? "M1 11.25H2.5V12.75H1V11.25ZM17 12.75H7V11.25H17V12.75ZM21.5 12.75V11.25H23V12.75H21.5Z" : n === "twodash" ? "M1 11.25H4V12.75H1V11.25ZM17.0261 12.75H7V11.25H17.0261V12.75ZM20 12.75V11.25H23V12.75H20Z" : "M1 11.25H23V12.75H1V11.25Z";
+}
+const j = 3, u = 24;
+function H(n, i) {
+  if (n === "transparent")
+    return a;
+  const e = g(n ?? i ?? "");
+  return e && e.formatHex() === "#ffffff" ? a : n ?? i;
+}
+function V({ aes: n, label: i, usedAes: e }) {
+  const s = e.lineShape, l = e.dotShape, o = e.fillColor || e.lineColor && !e.lineShape || e.dotFill && !e.dotShape, f = l ? h(
+    n.dotShape ?? "21",
+    j,
+    o ? a : n.dotFill ?? a
+  ) : null, c = (l && s ? 2 * r : 0) - 6, p = s ? c + u + 8 : r + 8;
+  return /* @__PURE__ */ t.jsxs("g", { children: [
+    o && /* @__PURE__ */ t.jsx(
+      "rect",
+      {
+        width: r,
+        height: r,
+        stroke: H(n.fillColor, n.lineColor),
+        fill: n.fillColor ?? n.lineColor,
+        rx: "1",
+        ry: "1"
+      }
+    ),
+    l && /* @__PURE__ */ t.jsx("g", { transform: `translate(${r / 2},${r / 2})`, children: f }),
+    s && /* @__PURE__ */ t.jsx(
+      "path",
+      {
+        transform: `translate(${c},-5)`,
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: m(n.lineShape),
+        fill: n.lineColor
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "text",
+      {
+        x: p,
+        y: r / 2,
+        dominantBaseline: "central",
+        fontWeight: 500,
+        children: i
+      }
+    )
+  ] });
+}
+function $({ aes: n, label: i }) {
+  const e = h(n.shape, n.size, n.color);
+  return /* @__PURE__ */ t.jsxs("g", { children: [
+    /* @__PURE__ */ t.jsx("g", { transform: `translate(${r / 2},${r / 2})`, children: e }),
+    /* @__PURE__ */ t.jsx("text", { x: r + 8, y: r / 2, dominantBaseline: "central", fontWeight: 500, children: i })
+  ] });
+}
+function C({ legendData: n }) {
+  const i = n.items.filter((e) => e.type === "continuous");
+  return /* @__PURE__ */ t.jsxs("g", { children: [
+    /* @__PURE__ */ t.jsx("defs", { children: i.map((e) => /* @__PURE__ */ t.jsx("linearGradient", { id: e.id, gradientTransform: "rotate(90)", children: e.scale.domain().reverse().map((s) => {
+      const l = e.scale.domain(), o = l[l.length - 1] - l[0], f = o > 0 ? 100 - (s - l[0]) / o * 100 : 0;
+      return /* @__PURE__ */ t.jsx(
+        "stop",
+        {
+          offset: `${f}%`,
+          stopColor: e.scale(s)
+        },
+        s
+      );
+    }) }, e.id)) }),
+    n.items.map((e) => {
+      if (e.type === "continuous")
+        return /* @__PURE__ */ t.jsxs("g", { transform: `translate(${e.left},${e.top})`, children: [
+          /* @__PURE__ */ t.jsx("text", { fontWeight: 500, fontSize: "14px", y: d, children: e.title }),
+          /* @__PURE__ */ t.jsx(
+            "rect",
+            {
+              x: "0",
+              y: "0",
+              width: x,
+              height: e.height,
+              stroke: a,
+              fill: `url(#${e.id})`
+            }
+          ),
+          /* @__PURE__ */ t.jsx("g", { transform: `translate(${x},0)`, children: e.values.map((s) => {
+            const l = e.tickPositionScale(s) ?? 0;
+            return /* @__PURE__ */ t.jsxs("g", { transform: `translate(0,${l})`, children: [
+              /* @__PURE__ */ t.jsx("line", { x1: "0", x2: -4, stroke: a }),
+              /* @__PURE__ */ t.jsx("text", { x: 8, y: 4, children: s })
+            ] }, s);
+          }) }),
+          !1
+        ] }, e.id);
+      if (e.type === "discreteColor")
+        return /* @__PURE__ */ t.jsxs("g", { transform: `translate(${e.left},${e.top})`, children: [
+          /* @__PURE__ */ t.jsx("text", { fontWeight: 500, fontSize: "14px", y: d, children: e.title }),
+          e.values.map((s, l) => /* @__PURE__ */ t.jsxs("g", { transform: `translate(0, ${l * (r + 4)})`, children: [
+            /* @__PURE__ */ t.jsx(
+              "rect",
+              {
+                x: "0",
+                y: "0",
+                width: r,
+                height: r,
+                fill: e.scale(s),
+                rx: "1",
+                ry: "1",
+                stroke: a
+              }
+            ),
+            /* @__PURE__ */ t.jsx("text", { x: r + 8, y: 10, children: e.labels[s] ?? s })
+          ] }, s)),
+          !1
+        ] }, e.id);
+      if (e.type === "discreteMulti")
+        return /* @__PURE__ */ t.jsxs("g", { transform: `translate(${e.left},${e.top})`, fontSize: "14px", fontWeight: 500, children: [
+          /* @__PURE__ */ t.jsx("text", { fontWeight: 600, y: d, children: e.title }),
+          e.values.map((s, l) => /* @__PURE__ */ t.jsx("g", { transform: `translate(0, ${l * (r + 4)})`, children: /* @__PURE__ */ t.jsx(
+            V,
+            {
+              aes: e.scale(s),
+              label: e.labels[s],
+              usedAes: e.usedAes
+            }
+          ) }, s)),
+          !1
+        ] }, e.id);
+      if (e.type === "dots")
+        return /* @__PURE__ */ t.jsxs("g", { transform: `translate(${e.left},${e.top})`, fontSize: "14px", fontWeight: 500, children: [
+          /* @__PURE__ */ t.jsx("text", { fontWeight: 500, y: d, children: e.title }),
+          e.values.map((s, l) => /* @__PURE__ */ t.jsx("g", { transform: `translate(0, ${l * (r + 4)})`, children: /* @__PURE__ */ t.jsx($, { aes: e.scale(s), label: e.labels[s] }) }, s)),
+          !1
+        ] }, e.id);
+      if (e.type === "size") {
+        const s = e.height / e.values.length;
+        return /* @__PURE__ */ t.jsxs("g", { transform: `translate(${e.left},${e.top})`, fontSize: "14px", fontWeight: 500, children: [
+          /* @__PURE__ */ t.jsx("text", { fontWeight: 500, y: d, children: e.title }),
+          e.values.map((l, o) => {
+            const f = e.scale(l);
+            return /* @__PURE__ */ t.jsxs("g", { transform: `translate(0, ${o * s})`, children: [
+              /* @__PURE__ */ t.jsx("circle", { r: f, cx: s / 2, cy: s / 2, fill: a }),
+              /* @__PURE__ */ t.jsx("text", { x: s + 4, y: s / 2, alignmentBaseline: "central", children: e.labels[l] })
+            ] }, l);
+          }),
+          !1
+        ] }, e.id);
+      }
+    })
+  ] });
+}
+export {
+  C as Legend
+};
+//# sourceMappingURL=Legend.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/common/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/common/Legend.tsx"],"sourcesContent":["import {BLACK} from '../constants';\nimport type {LegendItemDiscreteMultiAes, LegendItemGradient} from './types';\nimport type {LegendData} from './types';\nimport {getPointShape} from '../utils/getPointShape';\nimport type {DotAesItem} from './types';\nimport React from 'react';\nimport type { AesItem, LineShape } from '../types';\nimport {color} from 'd3-color';\n\nconst LEGEND_ITEM_SIZE = 12;\nconst TITLE_POSITION = -12;\nconst COLOR_ITEM_WIDTH_C = 14;\n\ninterface LegendProps {\n    legendData: LegendData;\n}\n\nfunction getLineShapePath(lineShape:LineShape|null = null):string {\n    if (lineShape === 'dashed') {\n        return 'M1 11.25H6V12.75H1V11.25ZM9.5 11.25H14.5V12.75H9.5V11.25ZM18 11.25H23V12.75H18V11.25Z';\n    }\n    if (lineShape === 'dotted') {\n        return 'M2.75 11.25H1.25V12.75H2.75V11.25Z M11.25 11.25H12.75V12.75H11.25V11.25Z M22.75 11.25H21.25V12.75H22.75V11.25Z M7.75 11.25H6.25V12.75H7.75V11.25Z M16.25 11.25H17.75V12.75H16.25V11.25Z';\n    }\n    if (lineShape === 'longdash') {\n        return 'M1 11.25H10V12.75H1V11.25ZM14 11.25H23V12.75H14V11.25Z';\n    }\n    if (lineShape === 'dotdash') {\n        return 'M1 11.25H2.5V12.75H1V11.25ZM17 12.75H7V11.25H17V12.75ZM21.5 12.75V11.25H23V12.75H21.5Z';\n    }\n    if (lineShape === 'twodash') {\n        return 'M1 11.25H4V12.75H1V11.25ZM17.0261 12.75H7V11.25H17.0261V12.75ZM20 12.75V11.25H23V12.75H20Z';\n    }\n    return 'M1 11.25H23V12.75H1V11.25Z';\n}\n\nconst POINT_SIZE = 3;\nconst LINE_WIDTH = 24;\n\nfunction getAesItemStroke(fillColor?:string, lineColor?:string) {\n    if (fillColor === 'transparent') {\n        return BLACK;\n    }\n    // black border for white square if fill color is white\n    const fill = color(fillColor ?? lineColor ?? '');\n    if (fill && fill.formatHex() === '#ffffff') {\n        return BLACK;\n    }\n    return fillColor ?? lineColor;\n}\nfunction AesLegendItem({ aes, label, usedAes }: { aes: AesItem; label: string, usedAes: LegendItemDiscreteMultiAes['usedAes'] }) {\n    const needRenderLine = usedAes.lineShape;\n    const needRenderDot = usedAes.dotShape;\n    const needRenderRect = usedAes.fillColor ||\n        (usedAes.lineColor && !usedAes.lineShape) ||\n        (usedAes.dotFill && !usedAes.dotShape);\n\n    const shape = needRenderDot ? getPointShape(\n        aes.dotShape ?? '21',\n        POINT_SIZE,\n        needRenderRect ? BLACK : aes.dotFill ?? BLACK\n    ) : null;\n\n    const lineOffset = (needRenderDot && needRenderLine ? 2 * LEGEND_ITEM_SIZE : 0 ) - 6;\n    const textOffset = needRenderLine ? lineOffset + LINE_WIDTH + 8 : LEGEND_ITEM_SIZE + 8;\n    return (\n        <g>\n            {needRenderRect && (\n                <rect\n                    width={LEGEND_ITEM_SIZE}\n                    height={LEGEND_ITEM_SIZE}\n                    stroke={getAesItemStroke(aes.fillColor, aes.lineColor)}\n                    fill={aes.fillColor ?? aes.lineColor}\n                    rx=\"1\"\n                    ry=\"1\"\n                />\n            )}\n            {needRenderDot && <g transform={`translate(${LEGEND_ITEM_SIZE / 2},${LEGEND_ITEM_SIZE / 2})`}>\n                {shape}\n            </g>}\n            {needRenderLine && (\n                <path\n                    transform={`translate(${lineOffset},-5)`}\n                    fillRule=\"evenodd\"\n                    clipRule=\"evenodd\"\n                    d={getLineShapePath(aes.lineShape)}\n                    fill={aes.lineColor}\n                />\n            )}\n            <text\n                x={textOffset}\n                y={LEGEND_ITEM_SIZE / 2}\n                dominantBaseline=\"central\"\n                fontWeight={500}\n            >\n                {label}\n            </text>\n        </g>\n    );\n}\n\nfunction DotAesItemElement({aes, label}: {aes: DotAesItem; label: string}) {\n    const shape = getPointShape(aes.shape, aes.size, aes.color);\n\n    return (\n        <g>\n            <g transform={`translate(${LEGEND_ITEM_SIZE / 2},${LEGEND_ITEM_SIZE / 2})`}>{shape}</g>\n            <text x={LEGEND_ITEM_SIZE + 8} y={LEGEND_ITEM_SIZE / 2} dominantBaseline=\"central\" fontWeight={500}>\n                {label}\n            </text>\n        </g>\n    );\n}\n\nexport function Legend({legendData}: LegendProps) {\n    const debug = false;\n    const continuousItems= legendData.items.filter((item) => item.type === 'continuous') as LegendItemGradient[];\n    return (\n        <g>\n            <defs>\n                {continuousItems.map(item => (\n                    <linearGradient key={item.id} id={item.id} gradientTransform=\"rotate(90)\">\n                        {item.scale.domain().reverse().map(value => {\n                            const domain = item.scale.domain();\n                            const range = domain[domain.length - 1] - domain[0];\n                            const percent = range > 0 ? 100 - (value - domain[0]) / range * 100 : 0;\n                            return (\n                                <stop\n                                    key={value}\n                                    offset={`${percent}%`}\n                                    stopColor={item.scale(value)}\n                                />\n                            );\n                        })}\n                    </linearGradient>\n                ))}\n            </defs>\n            {legendData.items.map(item => {\n                if (item.type === 'continuous') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`}>\n                            <text fontWeight={500} fontSize=\"14px\" y={TITLE_POSITION}>{item.title}</text>\n                            <rect\n                                x=\"0\"\n                                y=\"0\"\n                                width={COLOR_ITEM_WIDTH_C}\n                                height={item.height}\n                                stroke={BLACK}\n                                fill={`url(#${item.id})`}\n                            />\n                            <g transform={`translate(${COLOR_ITEM_WIDTH_C},0)`}>\n                                {item.values.map(value => {\n                                    const y = item.tickPositionScale(value) ?? 0;\n                                    return (\n                                        <g key={value} transform={`translate(0,${y})`}>\n                                            <line x1=\"0\" x2={-4} stroke={BLACK} />\n                                            <text x={8} y={4}>{value}</text>\n                                        </g>\n                                    );\n                                })}\n                            </g>\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n                        </g>\n                    );\n                }\n                if (item.type === 'discreteColor') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`}>\n                            <text fontWeight={500} fontSize=\"14px\" y={TITLE_POSITION}>{item.title}</text>\n                            {item.values.map((value, idx) => {\n                                return <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n                                    <rect\n                                        x=\"0\"\n                                        y=\"0\"\n                                        width={LEGEND_ITEM_SIZE}\n                                        height={LEGEND_ITEM_SIZE}\n                                        fill={item.scale(value)}\n                                        rx=\"1\"\n                                        ry=\"1\"\n                                        stroke={BLACK}\n                                    />\n                                    <text x={LEGEND_ITEM_SIZE + 8} y={10}>{item.labels[value] ?? value}</text>\n                                </g>;\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n                        </g>\n                    );\n                }\n                if (item.type === 'discreteMulti') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={600} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n                                        <AesLegendItem\n                                            aes={item.scale(value)}\n                                            label={item.labels[value]}\n                                            usedAes={item.usedAes}\n                                        />\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n                if (item.type === 'dots') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={500} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n                                        <DotAesItemElement aes={item.scale(value)} label={item.labels[value]} />\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n                if (item.type === 'size') {\n                    const size = item.height / item.values.length;\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={500} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                const r = item.scale(value);\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * size})`}>\n                                        <circle r={r} cx={size / 2} cy={size / 2} fill={BLACK}/>\n                                        <text x={size + 4} y={size / 2} alignmentBaseline=\"central\">{item.labels[value]}</text>\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n            })}\n        </g>\n    );\n}\n"],"names":["LEGEND_ITEM_SIZE","TITLE_POSITION","COLOR_ITEM_WIDTH_C","getLineShapePath","lineShape","POINT_SIZE","LINE_WIDTH","getAesItemStroke","fillColor","lineColor","BLACK","fill","color","AesLegendItem","aes","label","usedAes","needRenderLine","needRenderDot","needRenderRect","shape","getPointShape","lineOffset","textOffset","n","jsx","DotAesItemElement","Legend","legendData","continuousItems","item","t","value","domain","range","percent","jsxs","y","idx","size","r"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/common/Tooltip.js

@@ -0,0 +1,271 @@
+import { j as a } from "../node_modules/react/jsx-runtime.js";
+import { r as $ } from "../_virtual/index.js";
+import { r as B } from "../node_modules/react-dom/index.js";
+import { BLACK as F } from "../constants.js";
+import { exhaustive as P } from "../utils/index.js";
+import { TextMeasurer as A } from "../utils/TextMeasurer.js";
+const V = 8, Q = 12, w = 20, i = 6, s = 5, O = 8, C = 16, b = 8, q = C * 2 + b + 16, R = "#CFD1DB", S = "#fff", z = "miplots-tooltip";
+function K(r) {
+  return r.length * w + 2 * V;
+}
+function U(r, l = !1) {
+  const u = new A("600 14px Arial");
+  return Math.max(...r.map((e, t) => u.getTextWidth(e) + (t === 0 && l ? q : 0))) + 2 * Q;
+}
+function W(r, l, u) {
+  const e = -s - r, t = -s, n = -l / 2 + u, o = l / 2 + u;
+  return `M 0,0 
+    L ${t},${-s} 
+    V ${n + i}
+    Q ${t},${n} ${t - i},${n}  
+    H ${e + i}   
+    Q ${e},${n} ${e},${n + i}
+    V ${o - i}
+    Q ${e},${o} ${e + i},${o}
+    H ${t - i}
+    Q ${t},${o} ${t},${o - i}
+    V ${s} 
+    L 0,0 z`;
+}
+function G(r, l, u) {
+  const e = s, t = s + r, n = -l / 2 + u, o = l / 2 + u;
+  return `M 0,0 
+    L ${e},${-s} 
+    V ${n + i}
+    Q ${e},${n} ${e + i},${n}  
+    H ${t - i}   
+    Q ${t},${n} ${t},${n + i}
+    V ${o - i}
+    Q ${t},${o} ${t - i},${o}
+    H ${e + i}
+    Q ${e},${o} ${e},${o - i}
+    V ${s} 
+    L 0,0 z`;
+}
+function I(r, l, u) {
+  const e = -r / 2 + u, t = r / 2 + u, n = -s - l, o = -s;
+  return `M 0,0 
+    L ${-s},${o} 
+    H ${e + i}
+    Q ${e},${o} ${e},${o - i}  
+    V ${n + i}   
+    Q ${e},${n} ${e + i},${n}
+    H ${t - i}
+    Q ${t},${n} ${t},${n + i}
+    V ${o - i}
+    Q ${t},${o} ${t - i},${o}
+    H ${s} 
+    L 0,0 z`;
+}
+function J(r, l, u) {
+  const e = -r / 2 + u, t = r / 2 + u, n = s + l, o = s;
+  return `M 0,0 
+    L ${-s},${o} 
+    H ${e + i}
+    Q ${e},${o} ${e},${o + i}  
+    V ${n - i}   
+    Q ${e},${n} ${e + i},${n}
+    H ${t - i}
+    Q ${t},${n} ${t},${n - i}
+    V ${o + i}
+    Q ${t},${o} ${t - i},${o}
+    H ${s} 
+    L 0,0 z`;
+}
+function N(r, l, u, e, t) {
+  switch (u) {
+    case "left":
+      return W(r, l, t);
+    case "right":
+      return G(r, l, t);
+    case "top":
+      return I(r, l, e);
+    case "bottom":
+      return J(r, l, e);
+    default:
+      P(u, "Unknown tooltip direction");
+  }
+}
+function X(r, l, u, e, t, n, o) {
+  return o ? n.right - u - t - s > r ? "right" : "left" : n.top + e - t - s > l ? "top" : "bottom";
+}
+function Y(r, l, u, e, t, n) {
+  return r === "left" || r === "right" ? `translate(${r === "left" ? -(e + s + l) : e + s},${-u / 2 + n})` : `translate(${-l / 2 + t},${r === "top" ? -(u + e + s) : e + s})`;
+}
+function ee(r, l) {
+  return r === "left" || r === "right" ? `translate(${r === "left" ? -l : l},0)` : `translate(0,${r === "top" ? -l : l})`;
+}
+function te(r, l, u, e) {
+  if (r === "left" || r === "right")
+    return 0;
+  const t = l.right - u, n = l.left + u;
+  return t < e / 2 ? t - e / 2 : n < e / 2 ? e / 2 - n : 0;
+}
+function re(r, l, u, e) {
+  if (r === "top" || r === "bottom")
+    return 0;
+  const t = l.top + u, n = l.bottom - u;
+  return t < e / 2 ? e / 2 - t : n < e / 2 ? n - e / 2 : 0;
+}
+function ae(r = () => {
+}) {
+  const [l, u] = $.useState(null), [e, t] = $.useState(!1), n = $.useRef(!1), o = $.useRef(!1), x = $.useRef("null"), c = $.useRef(null), g = () => {
+    u(null), n.current = !1, c.current && (clearTimeout(c.current), c.current = null), r(!1);
+  }, f = () => {
+    o.current = !1, t(!1), g();
+  }, h = $.useCallback((p, m) => {
+    o.current || (u(p), n.current = !0, x.current = m ?? "null", c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+      r(!0);
+    }, 2e3));
+  }, []), d = $.useCallback(() => {
+    o.current || g();
+  }, []), v = $.useCallback(f, []);
+  return $.useEffect(() => {
+    function p(L) {
+      n.current && L.key === "Enter" && (o.current = !0, t(!0), c.current && (clearTimeout(c.current), c.current = null), r(!1));
+    }
+    function m(L) {
+      if (!o.current)
+        return;
+      const j = document.querySelector(`.${z}`), H = L.target;
+      j && H && j.contains(H) || f();
+    }
+    return document.addEventListener("keydown", p), document.addEventListener("click", m), () => {
+      document.removeEventListener("keydown", p), document.removeEventListener("click", m);
+    };
+  }, []), {
+    active: l !== null,
+    currentFacet: x.current,
+    fixed: e,
+    selectedData: l,
+    onMouseEnter: h,
+    onMouseLeave: d,
+    onClose: v
+  };
+}
+function ce({
+  content: r,
+  x: l,
+  y: u,
+  active: e,
+  fixed: t,
+  container: n,
+  sideDistances: o,
+  onClose: x = () => {
+  },
+  offset: c = O,
+  horizontal: g = !0
+}) {
+  const f = U(r, t), h = K(r), d = X(f, h, l, u, c, o, g), v = te(d, o, l, f), p = re(d, o, u, h), m = `translate(${f - C - Q},${V})`, L = `translate(${f - C * 2 - b - Q},${V})`, [j, H] = $.useState(!1), [D, y] = $.useState(!1), [Z, k] = $.useState(!1);
+  function _() {
+    var M;
+    (M = window == null ? void 0 : window.navigator) == null || M.clipboard.writeText(r.join(`
+`)), H(!0);
+  }
+  if (!e || !n && n !== null)
+    return null;
+  const T = /* @__PURE__ */ a.jsxs(
+    "g",
+    {
+      className: z,
+      transform: `translate(${o.left + l},${o.top + u})`,
+      opacity: e ? 1 : 0,
+      stroke: "none",
+      fill: "none",
+      style: { pointerEvents: t ? "all" : "none" },
+      children: [
+        /* @__PURE__ */ a.jsx(
+          "path",
+          {
+            transform: ee(d, c),
+            d: N(f, h, d, v, p),
+            fill: F
+          }
+        ),
+        /* @__PURE__ */ a.jsxs(
+          "g",
+          {
+            fontSize: "14px",
+            fontFamily: "Manrope",
+            fill: "white",
+            transform: Y(d, f, h, c, v, p),
+            children: [
+              r.map((M, E) => /* @__PURE__ */ a.jsx(
+                "text",
+                {
+                  x: Q,
+                  y: V + w * E + w / 2,
+                  dominantBaseline: "central",
+                  children: M
+                },
+                E
+              )),
+              t && /* @__PURE__ */ a.jsxs("g", { transform: m, children: [
+                /* @__PURE__ */ a.jsx(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    clipRule: "evenodd",
+                    d: "M4.0006 2.93945L8.0006 6.93945L12.0006 2.93945L13.0613 4.00011L9.06126 8.00011L13.0613 12.0001L12.0006 13.0608L8.0006 9.06077L4.0006 13.0608L2.93994 12.0001L6.93994 8.00011L2.93994 4.00011L4.0006 2.93945Z",
+                    fill: D ? R : S
+                  }
+                ),
+                /* @__PURE__ */ a.jsx(
+                  "rect",
+                  {
+                    x: "-8",
+                    y: "-8",
+                    width: "24",
+                    height: "24",
+                    fill: "transparent",
+                    onClick: x,
+                    onMouseOver: () => y(!0),
+                    onMouseLeave: () => y(!1),
+                    style: { cursor: "pointer" }
+                  }
+                )
+              ] }),
+              t && /* @__PURE__ */ a.jsxs("g", { transform: L, children: [
+                j ? /* @__PURE__ */ a.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.0601 4.43439L6.33313 12.5477L1.93945 7.93439L3.02566 6.8999L6.33313 10.3727L12.9739 3.3999L14.0601 4.43439Z", fill: "#07AD3E" }) : /* @__PURE__ */ a.jsxs("g", { children: [
+                  /* @__PURE__ */ a.jsx("g", { clipPath: "url(#clip0_16418_6183)", children: /* @__PURE__ */ a.jsx(
+                    "path",
+                    {
+                      d: "M16.0005 13H14.5005V1.5H3.00049V0H14.5005C15.3289 2.86102e-06 16.0005 0.671575 16.0005 1.5V13ZM1.34717 15.9922C0.641178 15.9205 0.0799799 15.3593 0.00830078 14.6533L0.000488281 14.5V4.5C0.000488281 3.72334 0.590765 3.08461 1.34717 3.00781L1.50049 3H11.5005L11.6538 3.00781C12.4102 3.08461 13.0005 3.72334 13.0005 4.5V14.5L12.9927 14.6533C12.921 15.3593 12.3598 15.9205 11.6538 15.9922L11.5005 16H1.50049L1.34717 15.9922ZM11.5005 4.5H1.50049V14.5H11.5005V4.5Z",
+                      fill: Z ? R : S
+                    }
+                  ) }),
+                  /* @__PURE__ */ a.jsx("defs", { children: /* @__PURE__ */ a.jsx("clipPath", { id: "clip0_16418_6183", children: /* @__PURE__ */ a.jsx("rect", { width: "16", height: "16", transform: "translate(0.000488281)", fill: "white" }) }) })
+                ] }),
+                /* @__PURE__ */ a.jsx(
+                  "rect",
+                  {
+                    x: "-8",
+                    y: "-8",
+                    width: "24",
+                    height: "24",
+                    fill: "transparent",
+                    onClick: _,
+                    onMouseOver: () => k(!0),
+                    onMouseLeave: () => k(!1),
+                    style: { cursor: "pointer" }
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  return n === null ? T : B.createPortal(
+    T,
+    n
+  );
+}
+export {
+  ce as Tooltip,
+  K as getTooltipHeight,
+  U as getTooltipWidth,
+  ae as useTooltip
+};
+//# sourceMappingURL=Tooltip.js.map