@xyo-network/react-node-renderer 2.64.6 → 2.64.7

package/dist/node/components/module/graph/node/hooks/useNodeElement.d.cts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { NodeSingular } from 'cytoscape';
+export declare const useNodeElement: (node?: NodeSingular) => {
+    boundingBox: (import("cytoscape").BoundingBox12 & import("cytoscape").BoundingBoxWH) | undefined;
+    currentElement: HTMLElement | import("@popperjs/core").VirtualElement | (() => HTMLElement) | (() => import("@popperjs/core").VirtualElement) | null | undefined;
+    ref: import("react").RefObject<HTMLDivElement>;
+};
+//# sourceMappingURL=useNodeElement.d.ts.map

package/dist/node/components/module/graph/node/hooks/useNodeElement.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeElement.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/module/graph/node/hooks/useNodeElement.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAGxC,eAAO,MAAM,cAAc,UAAW,YAAY;;;;CAgCjD,CAAA"}

package/dist/node/components/module/graph/node/hooks/useNodeElement.d.mts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { NodeSingular } from 'cytoscape';
+export declare const useNodeElement: (node?: NodeSingular) => {
+    boundingBox: (import("cytoscape").BoundingBox12 & import("cytoscape").BoundingBoxWH) | undefined;
+    currentElement: HTMLElement | import("@popperjs/core").VirtualElement | (() => HTMLElement) | (() => import("@popperjs/core").VirtualElement) | null | undefined;
+    ref: import("react").RefObject<HTMLDivElement>;
+};
+//# sourceMappingURL=useNodeElement.d.ts.map

package/dist/node/components/module/graph/node/hooks/useNodeElement.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeElement.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/module/graph/node/hooks/useNodeElement.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAGxC,eAAO,MAAM,cAAc,UAAW,YAAY;;;;CAgCjD,CAAA"}

package/dist/node/components/module/graph/node/hooks/useNodeElement.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { NodeSingular } from 'cytoscape';
+export declare const useNodeElement: (node?: NodeSingular) => {
+    boundingBox: (import("cytoscape").BoundingBox12 & import("cytoscape").BoundingBoxWH) | undefined;
+    currentElement: HTMLElement | import("@popperjs/core").VirtualElement | (() => HTMLElement) | (() => import("@popperjs/core").VirtualElement) | null | undefined;
+    ref: import("react").RefObject<HTMLDivElement>;
+};
+//# sourceMappingURL=useNodeElement.d.ts.map

package/dist/node/components/module/graph/node/hooks/useNodeElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeElement.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/module/graph/node/hooks/useNodeElement.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAGxC,eAAO,MAAM,cAAc,UAAW,YAAY;;;;CAgCjD,CAAA"}

package/dist/node/components/module/graph/node/hooks/useNodeElement.js

@@ -0,0 +1,30 @@
+// src/components/module/graph/node/hooks/useNodeElement.tsx
+import { useEffect, useRef, useState } from "react";
+var useNodeElement = (node) => {
+  const ref = useRef(null);
+  const [currentElement, setCurrentElement] = useState(null);
+  const [boundingBox, setBoundingBox] = useState(node == null ? void 0 : node.renderedBoundingBox());
+  useEffect(() => {
+    setCurrentElement(null);
+  }, [node]);
+  useEffect(() => {
+    if (node) {
+      setBoundingBox(node.renderedBoundingBox());
+    }
+    const listener = () => {
+      setBoundingBox(node == null ? void 0 : node.renderedBoundingBox());
+    };
+    node == null ? void 0 : node.on("position", listener);
+    return () => {
+      node == null ? void 0 : node.off("position", void 0, listener);
+    };
+  }, [node]);
+  useEffect(() => {
+    setCurrentElement(ref.current);
+  }, [boundingBox]);
+  return { boundingBox, currentElement, ref };
+};
+export {
+  useNodeElement
+};
+//# sourceMappingURL=useNodeElement.js.map

package/dist/node/components/module/graph/node/hooks/useNodeElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/module/graph/node/hooks/useNodeElement.tsx"],"sourcesContent":["import { PopperProps } from '@mui/material'\nimport { NodeSingular } from 'cytoscape'\nimport { useEffect, useRef, useState } from 'react'\n\nexport const useNodeElement = (node?: NodeSingular) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const [currentElement, setCurrentElement] = useState<PopperProps['anchorEl'] | null>(null)\n  const [boundingBox, setBoundingBox] = useState(node?.renderedBoundingBox())\n\n  // Ensure first render clears the previous element when node changes to avoid flicker\n  useEffect(() => {\n    setCurrentElement(null)\n  }, [node])\n\n  useEffect(() => {\n    if (node) {\n      setBoundingBox(node.renderedBoundingBox())\n    }\n\n    const listener = () => {\n      setBoundingBox(node?.renderedBoundingBox())\n    }\n\n    node?.on('position', listener)\n\n    return () => {\n      node?.off('position', undefined, listener)\n    }\n  }, [node])\n\n  // Once boundingBox state is set and applied to the layout, update the ref\n  useEffect(() => {\n    setCurrentElement(ref.current)\n  }, [boundingBox])\n\n  return { boundingBox, currentElement, ref }\n}\n"],"mappings":";AAEA,SAAS,WAAW,QAAQ,gBAAgB;AAErC,IAAM,iBAAiB,CAAC,SAAwB;AACrD,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAyC,IAAI;AACzF,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,6BAAM,qBAAqB;AAG1E,YAAU,MAAM;AACd,sBAAkB,IAAI;AAAA,EACxB,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACd,QAAI,MAAM;AACR,qBAAe,KAAK,oBAAoB,CAAC;AAAA,IAC3C;AAEA,UAAM,WAAW,MAAM;AACrB,qBAAe,6BAAM,qBAAqB;AAAA,IAC5C;AAEA,iCAAM,GAAG,YAAY;AAErB,WAAO,MAAM;AACX,mCAAM,IAAI,YAAY,QAAW;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAGT,YAAU,MAAM;AACd,sBAAkB,IAAI,OAAO;AAAA,EAC/B,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO,EAAE,aAAa,gBAAgB,IAAI;AAC5C;","names":[]}

package/dist/node/components/module/graph/node/index.cjs

@@ -0,0 +1,80 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/module/graph/node/index.ts
+var node_exports = {};
+__export(node_exports, {
+  ModuleGraphNodeHover: () => ModuleGraphNodeHover
+});
+module.exports = __toCommonJS(node_exports);
+
+// src/components/module/graph/node/Hover.tsx
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+
+// src/components/module/graph/node/hooks/useNodeElement.tsx
+var import_react = require("react");
+var useNodeElement = (node) => {
+  const ref = (0, import_react.useRef)(null);
+  const [currentElement, setCurrentElement] = (0, import_react.useState)(null);
+  const [boundingBox, setBoundingBox] = (0, import_react.useState)(node == null ? void 0 : node.renderedBoundingBox());
+  (0, import_react.useEffect)(() => {
+    setCurrentElement(null);
+  }, [node]);
+  (0, import_react.useEffect)(() => {
+    if (node) {
+      setBoundingBox(node.renderedBoundingBox());
+    }
+    const listener = () => {
+      setBoundingBox(node == null ? void 0 : node.renderedBoundingBox());
+    };
+    node == null ? void 0 : node.on("position", listener);
+    return () => {
+      node == null ? void 0 : node.off("position", void 0, listener);
+    };
+  }, [node]);
+  (0, import_react.useEffect)(() => {
+    setCurrentElement(ref.current);
+  }, [boundingBox]);
+  return { boundingBox, currentElement, ref };
+};
+
+// src/components/module/graph/node/Hover.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ModuleGraphNodeHover = ({ children, node }) => {
+  const { boundingBox, ref, currentElement } = useNodeElement(node);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledNodeGhostElementFlexCol, { ref, left: boundingBox == null ? void 0 : boundingBox.x1, height: boundingBox == null ? void 0 : boundingBox.h, top: boundingBox == null ? void 0 : boundingBox.y1, width: boundingBox == null ? void 0 : boundingBox.w }),
+    node ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: children == null ? void 0 : children(currentElement) }) : null
+  ] });
+};
+var StyledNodeGhostElementFlexCol = (0, import_material.styled)(import_react_flexbox.FlexCol, { name: "StyledNodeGhostElementFlexCol" })(() => ({
+  // For easier debugging of the 'ghost' element that matches the hovered cytoscape node
+  // backgroundColor: '#fff',
+  // opacity: 0.25,
+  // eslint-disable-next-line sort-keys-fix/sort-keys-fix
+  cursor: "pointer",
+  pointerEvents: "none",
+  position: "absolute"
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ModuleGraphNodeHover
+});
+//# sourceMappingURL=index.cjs.map

package/dist/node/components/module/graph/node/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/module/graph/node/index.ts","../../../../../../src/components/module/graph/node/Hover.tsx","../../../../../../src/components/module/graph/node/hooks/useNodeElement.tsx"],"sourcesContent":["export * from './Hover'\n","import { PopperProps, styled } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { NodeSingular } from 'cytoscape'\nimport { ReactElement } from 'react'\n\nimport { useNodeElement } from './hooks'\n\nexport interface ModuleHoverProps {\n  children?: (anchorElement?: PopperProps['anchorEl'], container?: PopperProps['container']) => ReactElement\n  node?: NodeSingular\n}\n\nexport const ModuleGraphNodeHover: React.FC<ModuleHoverProps> = ({ children, node }) => {\n  const { boundingBox, ref, currentElement } = useNodeElement(node)\n\n  return (\n    <>\n      <StyledNodeGhostElementFlexCol ref={ref} left={boundingBox?.x1} height={boundingBox?.h} top={boundingBox?.y1} width={boundingBox?.w} />\n      {node ? <>{children?.(currentElement)}</> : null}\n    </>\n  )\n}\n\nconst StyledNodeGhostElementFlexCol = styled(FlexCol, { name: 'StyledNodeGhostElementFlexCol' })(() => ({\n  // For easier debugging of the 'ghost' element that matches the hovered cytoscape node\n  // backgroundColor: '#fff',\n  // opacity: 0.25,\n\n  // eslint-disable-next-line sort-keys-fix/sort-keys-fix\n  cursor: 'pointer',\n  pointerEvents: 'none',\n  position: 'absolute',\n}))\n","import { PopperProps } from '@mui/material'\nimport { NodeSingular } from 'cytoscape'\nimport { useEffect, useRef, useState } from 'react'\n\nexport const useNodeElement = (node?: NodeSingular) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const [currentElement, setCurrentElement] = useState<PopperProps['anchorEl'] | null>(null)\n  const [boundingBox, setBoundingBox] = useState(node?.renderedBoundingBox())\n\n  // Ensure first render clears the previous element when node changes to avoid flicker\n  useEffect(() => {\n    setCurrentElement(null)\n  }, [node])\n\n  useEffect(() => {\n    if (node) {\n      setBoundingBox(node.renderedBoundingBox())\n    }\n\n    const listener = () => {\n      setBoundingBox(node?.renderedBoundingBox())\n    }\n\n    node?.on('position', listener)\n\n    return () => {\n      node?.off('position', undefined, listener)\n    }\n  }, [node])\n\n  // Once boundingBox state is set and applied to the layout, update the ref\n  useEffect(() => {\n    setCurrentElement(ref.current)\n  }, [boundingBox])\n\n  return { boundingBox, currentElement, ref }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAoC;AACpC,2BAAwB;;;ACCxB,mBAA4C;AAErC,IAAM,iBAAiB,CAAC,SAAwB;AACrD,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAyC,IAAI;AACzF,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,6BAAM,qBAAqB;AAG1E,8BAAU,MAAM;AACd,sBAAkB,IAAI;AAAA,EACxB,GAAG,CAAC,IAAI,CAAC;AAET,8BAAU,MAAM;AACd,QAAI,MAAM;AACR,qBAAe,KAAK,oBAAoB,CAAC;AAAA,IAC3C;AAEA,UAAM,WAAW,MAAM;AACrB,qBAAe,6BAAM,qBAAqB;AAAA,IAC5C;AAEA,iCAAM,GAAG,YAAY;AAErB,WAAO,MAAM;AACX,mCAAM,IAAI,YAAY,QAAW;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAGT,8BAAU,MAAM;AACd,sBAAkB,IAAI,OAAO;AAAA,EAC/B,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO,EAAE,aAAa,gBAAgB,IAAI;AAC5C;;;ADpBI;AAJG,IAAM,uBAAmD,CAAC,EAAE,UAAU,KAAK,MAAM;AACtF,QAAM,EAAE,aAAa,KAAK,eAAe,IAAI,eAAe,IAAI;AAEhE,SACE,4EACE;AAAA,gDAAC,iCAA8B,KAAU,MAAM,2CAAa,IAAI,QAAQ,2CAAa,GAAG,KAAK,2CAAa,IAAI,OAAO,2CAAa,GAAG;AAAA,IACpI,OAAO,2EAAG,+CAAW,iBAAgB,IAAM;AAAA,KAC9C;AAEJ;AAEA,IAAM,oCAAgC,wBAAO,8BAAS,EAAE,MAAM,gCAAgC,CAAC,EAAE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAMtG,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,UAAU;AACZ,EAAE;","names":[]}

package/dist/node/components/module/graph/node/index.d.cts

@@ -0,0 +1,2 @@
+export * from './Hover';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/module/graph/node/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/module/graph/node/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/node/components/module/graph/node/index.d.mts

@@ -0,0 +1,2 @@
+export * from './Hover';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/module/graph/node/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/module/graph/node/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/node/components/module/graph/node/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Hover';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/module/graph/node/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/module/graph/node/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/node/components/module/graph/node/index.js

@@ -0,0 +1,53 @@
+// src/components/module/graph/node/Hover.tsx
+import { styled } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+
+// src/components/module/graph/node/hooks/useNodeElement.tsx
+import { useEffect, useRef, useState } from "react";
+var useNodeElement = (node) => {
+  const ref = useRef(null);
+  const [currentElement, setCurrentElement] = useState(null);
+  const [boundingBox, setBoundingBox] = useState(node == null ? void 0 : node.renderedBoundingBox());
+  useEffect(() => {
+    setCurrentElement(null);
+  }, [node]);
+  useEffect(() => {
+    if (node) {
+      setBoundingBox(node.renderedBoundingBox());
+    }
+    const listener = () => {
+      setBoundingBox(node == null ? void 0 : node.renderedBoundingBox());
+    };
+    node == null ? void 0 : node.on("position", listener);
+    return () => {
+      node == null ? void 0 : node.off("position", void 0, listener);
+    };
+  }, [node]);
+  useEffect(() => {
+    setCurrentElement(ref.current);
+  }, [boundingBox]);
+  return { boundingBox, currentElement, ref };
+};
+
+// src/components/module/graph/node/Hover.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ModuleGraphNodeHover = ({ children, node }) => {
+  const { boundingBox, ref, currentElement } = useNodeElement(node);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(StyledNodeGhostElementFlexCol, { ref, left: boundingBox == null ? void 0 : boundingBox.x1, height: boundingBox == null ? void 0 : boundingBox.h, top: boundingBox == null ? void 0 : boundingBox.y1, width: boundingBox == null ? void 0 : boundingBox.w }),
+    node ? /* @__PURE__ */ jsx(Fragment, { children: children == null ? void 0 : children(currentElement) }) : null
+  ] });
+};
+var StyledNodeGhostElementFlexCol = styled(FlexCol, { name: "StyledNodeGhostElementFlexCol" })(() => ({
+  // For easier debugging of the 'ghost' element that matches the hovered cytoscape node
+  // backgroundColor: '#fff',
+  // opacity: 0.25,
+  // eslint-disable-next-line sort-keys-fix/sort-keys-fix
+  cursor: "pointer",
+  pointerEvents: "none",
+  position: "absolute"
+}));
+export {
+  ModuleGraphNodeHover
+};
+//# sourceMappingURL=index.js.map

package/dist/node/components/module/graph/node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/module/graph/node/Hover.tsx","../../../../../../src/components/module/graph/node/hooks/useNodeElement.tsx"],"sourcesContent":["import { PopperProps, styled } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { NodeSingular } from 'cytoscape'\nimport { ReactElement } from 'react'\n\nimport { useNodeElement } from './hooks'\n\nexport interface ModuleHoverProps {\n  children?: (anchorElement?: PopperProps['anchorEl'], container?: PopperProps['container']) => ReactElement\n  node?: NodeSingular\n}\n\nexport const ModuleGraphNodeHover: React.FC<ModuleHoverProps> = ({ children, node }) => {\n  const { boundingBox, ref, currentElement } = useNodeElement(node)\n\n  return (\n    <>\n      <StyledNodeGhostElementFlexCol ref={ref} left={boundingBox?.x1} height={boundingBox?.h} top={boundingBox?.y1} width={boundingBox?.w} />\n      {node ? <>{children?.(currentElement)}</> : null}\n    </>\n  )\n}\n\nconst StyledNodeGhostElementFlexCol = styled(FlexCol, { name: 'StyledNodeGhostElementFlexCol' })(() => ({\n  // For easier debugging of the 'ghost' element that matches the hovered cytoscape node\n  // backgroundColor: '#fff',\n  // opacity: 0.25,\n\n  // eslint-disable-next-line sort-keys-fix/sort-keys-fix\n  cursor: 'pointer',\n  pointerEvents: 'none',\n  position: 'absolute',\n}))\n","import { PopperProps } from '@mui/material'\nimport { NodeSingular } from 'cytoscape'\nimport { useEffect, useRef, useState } from 'react'\n\nexport const useNodeElement = (node?: NodeSingular) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const [currentElement, setCurrentElement] = useState<PopperProps['anchorEl'] | null>(null)\n  const [boundingBox, setBoundingBox] = useState(node?.renderedBoundingBox())\n\n  // Ensure first render clears the previous element when node changes to avoid flicker\n  useEffect(() => {\n    setCurrentElement(null)\n  }, [node])\n\n  useEffect(() => {\n    if (node) {\n      setBoundingBox(node.renderedBoundingBox())\n    }\n\n    const listener = () => {\n      setBoundingBox(node?.renderedBoundingBox())\n    }\n\n    node?.on('position', listener)\n\n    return () => {\n      node?.off('position', undefined, listener)\n    }\n  }, [node])\n\n  // Once boundingBox state is set and applied to the layout, update the ref\n  useEffect(() => {\n    setCurrentElement(ref.current)\n  }, [boundingBox])\n\n  return { boundingBox, currentElement, ref }\n}\n"],"mappings":";AAAA,SAAsB,cAAc;AACpC,SAAS,eAAe;;;ACCxB,SAAS,WAAW,QAAQ,gBAAgB;AAErC,IAAM,iBAAiB,CAAC,SAAwB;AACrD,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAyC,IAAI;AACzF,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,6BAAM,qBAAqB;AAG1E,YAAU,MAAM;AACd,sBAAkB,IAAI;AAAA,EACxB,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACd,QAAI,MAAM;AACR,qBAAe,KAAK,oBAAoB,CAAC;AAAA,IAC3C;AAEA,UAAM,WAAW,MAAM;AACrB,qBAAe,6BAAM,qBAAqB;AAAA,IAC5C;AAEA,iCAAM,GAAG,YAAY;AAErB,WAAO,MAAM;AACX,mCAAM,IAAI,YAAY,QAAW;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAGT,YAAU,MAAM;AACd,sBAAkB,IAAI,OAAO;AAAA,EAC/B,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO,EAAE,aAAa,gBAAgB,IAAI;AAC5C;;;ADpBI,SAEU,UADR,KADF;AAJG,IAAM,uBAAmD,CAAC,EAAE,UAAU,KAAK,MAAM;AACtF,QAAM,EAAE,aAAa,KAAK,eAAe,IAAI,eAAe,IAAI;AAEhE,SACE,iCACE;AAAA,wBAAC,iCAA8B,KAAU,MAAM,2CAAa,IAAI,QAAQ,2CAAa,GAAG,KAAK,2CAAa,IAAI,OAAO,2CAAa,GAAG;AAAA,IACpI,OAAO,gCAAG,+CAAW,iBAAgB,IAAM;AAAA,KAC9C;AAEJ;AAEA,IAAM,gCAAgC,OAAO,SAAS,EAAE,MAAM,gCAAgC,CAAC,EAAE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAMtG,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,UAAU;AACZ,EAAE;","names":[]}