@milaboratories/miplots4 1.0.134 → 1.0.136

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@milaboratories/miplots4",
-    "version": "1.0.134",
+    "version": "1.0.136",
     "description": "Data visualization library",
     "author": "erohinaelena",
     "license": "ISC",

package/dist/discrete/components/BandAxis.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BandAxis.d.ts","sourceRoot":"","sources":["../../../src/discrete/components/BandAxis.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,UAAU,CAAC;AAExC,KAAK,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAC/B,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AA0ChC,eAAO,MAAM,QAAQ,GAAI,2EAQtB;IACC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;CACjD,4CA0DA,CAAC"}

package/dist/discrete/components/BandAxis.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BandAxis.js","sources":["../../../src/discrete/components/BandAxis.tsx"],"sourcesContent":["import {BLACK} from '../../constants';\nimport {TICK_OFFSET} from '../constants';\nimport React from 'react';\nimport type {ScaleBand} from 'd3-scale';\n\ntype Scale = ScaleBand<string>;\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\ntype LabelsPosition = 'center' | '45deg' | '90deg';\n\nconst FONT_HEIGHT = 21;\nfunction getRotationTransform(labelsPosition: LabelsPosition, orient: 'left' | 'bottom') {\n    if (labelsPosition === '45deg') {\n        const x = orient === 'left' ? -FONT_HEIGHT / 2 : 0;\n        const y = orient === 'bottom' ? FONT_HEIGHT / 2 : -FONT_HEIGHT / 2;\n        return `translate(${x},${y}) rotate(-45)`;\n    }\n    if (labelsPosition === '90deg' && orient === 'bottom') {\n        return `translate(${-FONT_HEIGHT / 2},${TICK_OFFSET + FONT_HEIGHT / 2}) rotate(-90)`;\n    }\n    return orient === 'bottom' ? `translate(0,${TICK_OFFSET})` : `translate(${-TICK_OFFSET},0)`;\n}\n\nfunction getDominantBaseline(labelsPosition: LabelsPosition, orient: 'left' | 'bottom') {\n    if (orient === 'left' || (orient === 'bottom' && labelsPosition === '90deg')) {\n        return 'central';\n    }\n    if (labelsPosition === 'center') {\n        return 'hanging';\n    }\n    return 'auto';\n}\n\nfunction getTextAnchor(labelsPosition: LabelsPosition, orient: 'left' | 'bottom') {\n    if (orient === 'left' || (orient === 'bottom' && labelsPosition !== 'center')) {\n        return 'end';\n    }\n    return 'middle';\n}\n\nexport const BandAxis = ({\n    scale,\n    tickSize = 6,\n    tickPadding = TICK_OFFSET,\n    orient = 'bottom',\n    labelsPosition = 'center',\n    labels = {},\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    labels?: Record<string, string[]>;\n    labelsPosition?: 'center' | '45deg' | '90deg';\n}) => {\n    function center(scale: Scale, offset: number) {\n        if (scale.bandwidth) {\n            offset = Math.max(0, scale.bandwidth() - offset * 2) / 2;\n        }\n        if (scale?.round()) {\n            offset = Math.round(offset);\n        }\n        return (d: string) => {\n            const value = scale(d);\n            return value === undefined ? 0 : value + offset;\n        };\n    }\n\n    const values = scale.domain();\n    const getLabel = (tick: string) => labels[tick] ?? [];\n    const spacing = Math.max(tickSize, 0) + tickPadding;\n    const position = center(scale.copy(), offset);\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: string, i: number) => (\n                <g className=\"tick\" key={i} transform={transform(position(tick) + offset)}>\n                    <line stroke={BLACK} {...lineProps} />\n                    <g transform={getRotationTransform(labelsPosition, orient)}>\n                        {getLabel(tick).map((line, idx) => {\n                            return (\n                                <text\n                                    key={`${line}_${idx}`}\n                                    fill={BLACK}\n                                    fontSize=\"14px\"\n                                    fontWeight=\"500\"\n                                    fontFamily=\"Manrope\"\n                                    dominantBaseline={getDominantBaseline(labelsPosition, orient)}\n                                    textAnchor={getTextAnchor(labelsPosition, orient)}\n                                    dy={20 * idx}\n                                    {...textProps}\n                                >\n                                    {line}\n                                </text>\n                            );\n                        })}\n                    </g>\n                </g>\n            ))}\n        </g>\n    );\n};\n"],"names":["translateX","x","translateY","y","FONT_HEIGHT","getRotationTransform","labelsPosition","orient","TICK_OFFSET","getDominantBaseline","getTextAnchor","BandAxis","scale","tickSize","tickPadding","labels","offset","center","d","value","values","getLabel","tick","spacing","position","transform","k","lineProps","textProps","i","jsxs","jsx","BLACK","line","idx"],"mappings":"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"}

package/dist/discrete/utils/splitTextByWidth.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"splitTextByWidth.d.ts","sourceRoot":"","sources":["../../../src/discrete/utils/splitTextByWidth.ts"],"names":[],"mappings":"AAmDA,wBAAgB,gBAAgB,CAAE,IAAI,EAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YA0ChF"}

package/dist/discrete/utils/splitTextByWidth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"splitTextByWidth.js","sources":["../../../src/discrete/utils/splitTextByWidth.ts"],"sourcesContent":["import { TextMeasurer } from '../../utils/TextMeasurer/TextMeasurer';\n\nfunction splitWord(word:string, startLineLength:number, maxLength:number, fontSize = 14) {\n    const textMeasurer = new TextMeasurer(`600 ${fontSize}px Manrope`);\n    // \"_\" and \"-\" symbols have priority as separation bounds, if this is not enough split by single symbols\n    const parts:string[] = [];\n    word\n        .split(/(?=[_-])|(?<=[_-])/)\n        .forEach((part) => {\n            const length = textMeasurer.getTextWidth(part);\n            if (length > maxLength) {\n                parts.push(...part.split(''));\n            } else {\n                parts.push(part);\n            }\n        });\n    let currentLine = '';\n    let currentLineLength = 0;\n    let i = 0;\n    let firstPart = '';\n    while (currentLineLength <= startLineLength) {\n        const nextLength = textMeasurer.getTextWidth(currentLine + parts[i]);\n        if (nextLength < startLineLength) {\n            currentLine += parts[i];\n            firstPart = currentLine;\n            i++;\n        }\n        currentLineLength = nextLength;\n    }\n    currentLine = '';\n    currentLineLength = 0;\n    const lines:string[] = [];\n    for (i; i < parts.length; i++) {\n        const nextLength = textMeasurer.getTextWidth(currentLine + parts[i]);\n        if (nextLength < maxLength) {\n            currentLine += parts[i];\n            currentLineLength = nextLength;\n        } else {\n            lines.push(currentLine);\n            currentLine = parts[i];\n            currentLineLength = textMeasurer.getTextWidth(parts[i]);\n        }\n    }\n    return {\n        firstPart,\n        lines,\n        lastPart: currentLine,\n        lastPartLength: currentLineLength\n    };\n}\n\nexport function splitTextByWidth (text:string, maxWidth: number, fontSize: number) {\n    const textMeasurer = new TextMeasurer(`600 ${fontSize}px Manrope`);\n    if (text.trim() === '') {\n        return [];\n    }\n    if (textMeasurer.getTextWidth(text) <= maxWidth) {\n        return [text];\n    }\n    const words = text.split(/\\s+/);\n    const result:string[] = [];\n    let currentLine = '';\n    let currentLineLength = 0;\n    for (let i = 0; i < words.length; i++) {\n        const tempLine = `${currentLine} ${words[i]}`;\n        const tempLineLength = textMeasurer.getTextWidth(tempLine);\n        if (tempLineLength <= maxWidth) {\n            currentLine = tempLine;\n            currentLineLength = tempLineLength;\n        } else {\n            const wordLength = textMeasurer.getTextWidth(words[i]);\n            if (wordLength > maxWidth) {\n                const {\n                    firstPart,\n                    lines,\n                    lastPart,\n                    lastPartLength\n                } = splitWord(words[i], maxWidth - currentLineLength, maxWidth, fontSize);\n                result.push(`${currentLine} ${firstPart}`);\n                result.push(...lines);\n                currentLine = lastPart;\n                currentLineLength = lastPartLength;\n            } else {\n                result.push(currentLine);\n                currentLine = words[i];\n                currentLineLength = wordLength;\n            }\n        }\n    }\n    result.push(currentLine);\n    return result.filter((line) => {\n        return line.length > 0;\n    });\n}\n"],"names":["splitWord","word","startLineLength","maxLength","fontSize","textMeasurer","TextMeasurer","parts","part","currentLine","currentLineLength","i","firstPart","nextLength","lines","splitTextByWidth","text","maxWidth","words","result","tempLine","tempLineLength","wordLength","lastPart","lastPartLength","line"],"mappings":";AAEA,SAASA,EAAUC,GAAaC,GAAwBC,GAAkBC,IAAW,IAAI;AACrF,QAAMC,IAAe,IAAIC,EAAa,OAAOF,CAAQ,YAAY,GAE3DG,IAAiB,CAAA;AACvB,EAAAN,EACK,MAAM,WAAA,oBAAoB,GAC1B,QAAQ,CAACO,MAAS;AAEf,IADeH,EAAa,aAAaG,CAAI,IAChCL,IACTI,EAAM,KAAK,GAAGC,EAAK,MAAM,EAAE,CAAC,IAE5BD,EAAM,KAAKC,CAAI;AAAA,EAEvB,CAAC;AACL,MAAIC,IAAc,IACdC,IAAoB,GACpBC,IAAI,GACJC,IAAY;AAChB,SAAOF,KAAqBR,KAAiB;AACzC,UAAMW,IAAaR,EAAa,aAAaI,IAAcF,EAAMI,CAAC,CAAC;AACnE,IAAIE,IAAaX,MACbO,KAAeF,EAAMI,CAAC,GACtBC,IAAYH,GACZE,MAEJD,IAAoBG;AAAA,EACxB;AACA,EAAAJ,IAAc,IACdC,IAAoB;AACpB,QAAMI,IAAiB,CAAA;AACvB,OAAKH,GAAGA,IAAIJ,EAAM,QAAQI,KAAK;AAC3B,UAAME,IAAaR,EAAa,aAAaI,IAAcF,EAAMI,CAAC,CAAC;AACnE,IAAIE,IAAaV,KACbM,KAAeF,EAAMI,CAAC,GACtBD,IAAoBG,MAEpBC,EAAM,KAAKL,CAAW,GACtBA,IAAcF,EAAMI,CAAC,GACrBD,IAAoBL,EAAa,aAAaE,EAAMI,CAAC,CAAC;AAAA,EAE9D;AACA,SAAO;AAAA,IACH,WAAAC;AAAA,IACA,OAAAE;AAAA,IACA,UAAUL;AAAA,IACV,gBAAgBC;AAAA,EAAA;AAExB;AAEO,SAASK,EAAkBC,GAAaC,GAAkBb,GAAkB;AAC/E,QAAMC,IAAe,IAAIC,EAAa,OAAOF,CAAQ,YAAY;AACjE,MAAIY,EAAK,KAAA,MAAW;AAChB,WAAO,CAAA;AAEX,MAAIX,EAAa,aAAaW,CAAI,KAAKC;AACnC,WAAO,CAACD,CAAI;AAEhB,QAAME,IAAQF,EAAK,MAAM,KAAK,GACxBG,IAAkB,CAAA;AACxB,MAAIV,IAAc,IACdC,IAAoB;AACxB,WAASC,IAAI,GAAGA,IAAIO,EAAM,QAAQP,KAAK;AACnC,UAAMS,IAAW,GAAGX,CAAW,IAAIS,EAAMP,CAAC,CAAC,IACrCU,IAAiBhB,EAAa,aAAae,CAAQ;AACzD,QAAIC,KAAkBJ;AAClB,MAAAR,IAAcW,GACdV,IAAoBW;AAAA,SACjB;AACH,YAAMC,IAAajB,EAAa,aAAaa,EAAMP,CAAC,CAAC;AACrD,UAAIW,IAAaL,GAAU;AACvB,cAAM;AAAA,UACF,WAAAL;AAAA,UACA,OAAAE;AAAA,UACA,UAAAS;AAAA,UACA,gBAAAC;AAAA,QAAA,IACAxB,EAAUkB,EAAMP,CAAC,GAAGM,IAAWP,GAAmBO,GAAUb,CAAQ;AACxE,QAAAe,EAAO,KAAK,GAAGV,CAAW,IAAIG,CAAS,EAAE,GACzCO,EAAO,KAAK,GAAGL,CAAK,GACpBL,IAAcc,GACdb,IAAoBc;AAAA,MACxB;AACI,QAAAL,EAAO,KAAKV,CAAW,GACvBA,IAAcS,EAAMP,CAAC,GACrBD,IAAoBY;AAAA,IAE5B;AAAA,EACJ;AACA,SAAAH,EAAO,KAAKV,CAAW,GAChBU,EAAO,OAAO,CAACM,MACXA,EAAK,SAAS,CACxB;AACL;"}

package/dist/scatterplot/components/Axis.d.ts

@@ -1,13 +0,0 @@
-import { ScaleLinear, ScaleLogarithmic } from 'd3-scale';
-type Scale = ScaleLinear<number, number> | ScaleLogarithmic<number, number>;
-type Orient = 'left' | 'bottom';
-export declare const Axis: ({ scale, tickSize, tickPadding, orient, onlyPositive, offset, }: {
-    scale: Scale;
-    tickSize?: number;
-    tickPadding?: number;
-    offset?: number;
-    orient?: Orient;
-    onlyPositive?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Axis.d.ts.map

package/dist/scatterplot/components/Axis.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Axis.d.ts","sourceRoot":"","sources":["../../../src/scatterplot/components/Axis.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAE5D,KAAK,KAAK,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC5E,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAsBhC,eAAO,MAAM,IAAI,GAAI,iEAOlB;IACC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,4CA4CA,CAAC"}

package/dist/scatterplot/components/Axis.js

@@ -1,59 +0,0 @@
-import { j as o } from "../../node_modules/react/jsx-runtime.js";
-import { BLACK as l } from "../../constants.js";
-import { TICK_OFFSET as s } from "../../discrete/constants.js";
-import { getTicksAndFormat as A } from "../utils/getTicksAndFormat.js";
-function T(t) {
-  return `translate(${t},0)`;
-}
-function v(t) {
-  return `translate(0,${t})`;
-}
-function w(t) {
-  return t === "bottom" ? `translate(0,${s})` : `translate(${-s},0)`;
-}
-function F(t) {
-  return t === "bottom" ? "hanging" : "central";
-}
-function $(t) {
-  return t === "bottom" ? "middle" : "end";
-}
-const C = ({
-  scale: t,
-  tickSize: a = 6,
-  tickPadding: c = s,
-  orient: n = "bottom",
-  onlyPositive: f = !1,
-  offset: u = typeof window < "u" && window.devicePixelRatio > 1 ? 0 : 0.5
-}) => {
-  function x(r) {
-    return (e) => {
-      const m = r(e);
-      return m === void 0 ? 0 : +m;
-    };
-  }
-  const { ticks: d, format: p } = A(t, f, n === "bottom"), g = Math.max(a, 0) + c, h = x(t.copy()), b = n === "bottom" ? T : v, i = n === "left" ? -1 : 1, j = {
-    [(n === "left" ? "x" : "y") + "2"]: i * a
-  }, y = {
-    [n === "left" ? "x" : "y"]: i * g
-  };
-  return /* @__PURE__ */ o.jsx("g", { children: d.map((r, e) => /* @__PURE__ */ o.jsxs("g", { className: "tick", transform: b(h(r) + u), children: [
-    /* @__PURE__ */ o.jsx("line", { stroke: l, ...j }),
-    /* @__PURE__ */ o.jsx("g", { transform: w(n), children: /* @__PURE__ */ o.jsx(
-      "text",
-      {
-        fill: l,
-        fontSize: "14px",
-        fontWeight: "500",
-        fontFamily: "Manrope",
-        dominantBaseline: F(n),
-        textAnchor: $(n),
-        ...y,
-        children: p(r)
-      }
-    ) })
-  ] }, e)) });
-};
-export {
-  C as Axis
-};
-//# sourceMappingURL=Axis.js.map

package/dist/scatterplot/components/Axis.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Axis.js","sources":["../../../src/scatterplot/components/Axis.tsx"],"sourcesContent":["import {BLACK} from '../../constants';\nimport {TICK_OFFSET} from '../../discrete/constants';\nimport {getTicksAndFormat} from '../utils/getTicksAndFormat';\nimport React from 'react';\nimport type {ScaleLinear, ScaleLogarithmic} from 'd3-scale';\n\ntype Scale = ScaleLinear<number, number> | ScaleLogarithmic<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 Axis = ({\n   scale,\n   tickSize = 6,\n   tickPadding = TICK_OFFSET,\n   orient = 'bottom',\n   onlyPositive = 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    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} = 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","Axis","scale","tickSize","tickPadding","onlyPositive","offset","number","d","value","values","format","getTicksAndFormat","spacing","position","transform","k","lineProps","textProps","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,IAAO,CAAC;AAAA,EAClB,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAcN;AAAA,EACd,QAAAD,IAAS;AAAA,EACT,cAAAQ,IAAe;AAAA,EACf,QAAAC,IAAS,OAAO,SAAW,OAAe,OAAO,mBAAmB,IAAI,IAAI;AAC/E,MAOM;AACF,WAASC,EAAOL,GAAc;AAC1B,WAAO,CAACM,MAAc;AAClB,YAAMC,IAAQP,EAAMM,CAAC;AACrB,aAAOC,MAAU,SAAY,IAAI,CAACA;AAAA,IACtC;AAAA,EACJ;AACA,QAAM,EAAC,OAAOC,GAAQ,QAAAC,EAAA,IAAUC,EAAkBV,GAAOG,GAAcR,MAAW,QAAQ,GACpFgB,IAAU,KAAK,IAAIV,GAAU,CAAC,IAAIC,GACpCU,IAAYP,EAAQL,EAAM,KAAA,CAAM,GAE9Ba,IAAYlB,MAAW,WAAWL,IAAaE,GAC/CsB,IAAInB,MAAW,SAAS,KAAK,GAE7BoB,IAAY;AAAA,IACd,EAAEpB,MAAW,SAAS,MAAM,OAAO,GAAG,GAAGmB,IAAIb;AAAA,EAAA,GAG3Ce,IAAY;AAAA,IACd,CAACrB,MAAW,SAAS,MAAM,GAAG,GAAGmB,IAAIH;AAAA,EAAA;AAGzC,+BACK,KAAA,EACI,UAAAH,EAAO,IAAI,CAACS,GAAcC,MACvBC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAU,QAAe,WAAWN,EAAUD,EAASK,CAAI,IAAIb,CAAM,GACpE,UAAA;AAAA,IAAAgB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,QAAQC,GAAQ,GAAGN,EAAA,CAAW;AAAA,IACpCK,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAW1B,EAAqBC,CAAM,GACrC,UAAAyB,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAMC;AAAA,QACN,UAAS;AAAA,QACT,YAAW;AAAA,QACX,YAAW;AAAA,QACX,kBAAkBxB,EAAoBF,CAAM;AAAA,QAC5C,YAAYG,EAAcH,CAAM;AAAA,QAC/B,GAAGqB;AAAA,QAEH,YAAOC,CAAI;AAAA,MAAA;AAAA,IAAA,EAChB,CACJ;AAAA,EAAA,KAdqBC,CAezB,CACH,GACL;AAER;"}