dishui 0.0.65 → 0.0.66

package/dist/components/pro/CodeEditor/panels/OutlinePanel.js

@@ -1,141 +1,134 @@
 import "react";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-var p = ({ outline: a, onItemClick: t, className: l = "" }) => {
-  const i = (r) => {
-    switch (r) {
-      case "function":
-        return /* @__PURE__ */ e("svg", {
-          className: "w-4 h-4",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ e("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
-          })
-        });
-      case "class":
-        return /* @__PURE__ */ e("svg", {
-          className: "w-4 h-4",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ e("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
-          })
-        });
-      case "method":
-        return /* @__PURE__ */ e("svg", {
-          className: "w-4 h-4",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ e("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-          })
-        });
-      case "variable":
-        return /* @__PURE__ */ e("svg", {
-          className: "w-4 h-4",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ e("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
-          })
-        });
-      case "interface":
-        return /* @__PURE__ */ e("svg", {
-          className: "w-4 h-4",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ e("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M4 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM14 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1h-4a1 1 0 01-1-1V5z"
-          })
-        });
-      case "type":
-        return /* @__PURE__ */ e("svg", {
-          className: "w-4 h-4",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ e("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-          })
-        });
-      default:
-        return null;
-    }
-  }, o = (r, s = 0) => /* @__PURE__ */ n("div", { children: [/* @__PURE__ */ n("div", {
-    className: "outline-item flex items-center gap-2 px-2 py-1 hover:bg-base-200 cursor-pointer rounded",
-    style: { paddingLeft: `${s * 16 + 8}px` },
-    onClick: () => t(r.line),
-    children: [
-      /* @__PURE__ */ e("span", {
-        className: "text-primary",
-        children: i(r.type)
-      }),
-      /* @__PURE__ */ e("span", {
-        className: "text-sm truncate flex-1",
-        children: r.name
-      }),
-      /* @__PURE__ */ e("span", {
-        className: "text-xs opacity-60",
-        children: r.line
-      })
-    ]
-  }), r.children && r.children.length > 0 && /* @__PURE__ */ e("div", {
-    className: "outline-children",
-    children: r.children.map((c) => o(c, s + 1))
-  })] }, `${r.name}-${r.line}`);
-  return /* @__PURE__ */ n("div", {
-    className: `outline-panel bg-base-100 border border-base-300 rounded-lg p-2 ${l}`,
-    children: [/* @__PURE__ */ n("div", {
-      className: "outline-header flex items-center gap-2 px-2 py-1 mb-2 border-b border-base-300",
-      children: [/* @__PURE__ */ e("svg", {
-        className: "w-5 h-5",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        stroke: "currentColor",
-        children: /* @__PURE__ */ e("path", {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M4 6h16M4 12h16M4 18h7"
-        })
-      }), /* @__PURE__ */ e("span", {
-        className: "font-semibold",
-        children: "大纲"
-      })]
-    }), /* @__PURE__ */ e("div", {
-      className: "outline-content max-h-96 overflow-y-auto",
-      children: a.length === 0 ? /* @__PURE__ */ e("div", {
-        className: "text-center text-sm opacity-60 py-4",
-        children: "暂无大纲"
-      }) : a.map((r) => o(r))
-    })]
-  });
-};
-export {
-  p as default
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/pro/CodeEditor/panels/OutlinePanel.tsx
+var n = ({ outline: n, onItemClick: r, className: i = "" }) => {
+	let a = (t) => {
+		switch (t) {
+			case "function": return /* @__PURE__ */ e("svg", {
+				className: "w-4 h-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ e("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
+				})
+			});
+			case "class": return /* @__PURE__ */ e("svg", {
+				className: "w-4 h-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ e("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
+				})
+			});
+			case "method": return /* @__PURE__ */ e("svg", {
+				className: "w-4 h-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ e("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+				})
+			});
+			case "variable": return /* @__PURE__ */ e("svg", {
+				className: "w-4 h-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ e("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
+				})
+			});
+			case "interface": return /* @__PURE__ */ e("svg", {
+				className: "w-4 h-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ e("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M4 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM14 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1h-4a1 1 0 01-1-1V5z"
+				})
+			});
+			case "type": return /* @__PURE__ */ e("svg", {
+				className: "w-4 h-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ e("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+				})
+			});
+			default: return null;
+		}
+	}, o = (n, i = 0) => /* @__PURE__ */ t("div", { children: [/* @__PURE__ */ t("div", {
+		className: "outline-item flex items-center gap-2 px-2 py-1 hover:bg-base-200 cursor-pointer rounded",
+		style: { paddingLeft: `${i * 16 + 8}px` },
+		onClick: () => r(n.line),
+		children: [
+			/* @__PURE__ */ e("span", {
+				className: "text-primary",
+				children: a(n.type)
+			}),
+			/* @__PURE__ */ e("span", {
+				className: "text-sm truncate flex-1",
+				children: n.name
+			}),
+			/* @__PURE__ */ e("span", {
+				className: "text-xs opacity-60",
+				children: n.line
+			})
+		]
+	}), n.children && n.children.length > 0 && /* @__PURE__ */ e("div", {
+		className: "outline-children",
+		children: n.children.map((e) => o(e, i + 1))
+	})] }, `${n.name}-${n.line}`);
+	return /* @__PURE__ */ t("div", {
+		className: `outline-panel bg-base-100 border border-base-300 rounded-lg p-2 ${i}`,
+		children: [/* @__PURE__ */ t("div", {
+			className: "outline-header flex items-center gap-2 px-2 py-1 mb-2 border-b border-base-300",
+			children: [/* @__PURE__ */ e("svg", {
+				className: "w-5 h-5",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ e("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M4 6h16M4 12h16M4 18h7"
+				})
+			}), /* @__PURE__ */ e("span", {
+				className: "font-semibold",
+				children: "大纲"
+			})]
+		}), /* @__PURE__ */ e("div", {
+			className: "outline-content max-h-96 overflow-y-auto",
+			children: n.length === 0 ? /* @__PURE__ */ e("div", {
+				className: "text-center text-sm opacity-60 py-4",
+				children: "暂无大纲"
+			}) : n.map((e) => o(e))
+		})]
+	});
 };
+//#endregion
+export { n as default };
 
 //# sourceMappingURL=OutlinePanel.js.map

package/dist/components/pro/CodeEditor/panels/OutlinePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OutlinePanel.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/panels/OutlinePanel.tsx"],"sourcesContent":["import React from 'react';\nimport { OutlineItem } from '../types';\n\nexport interface OutlinePanelProps {\n  outline: OutlineItem[];\n  onItemClick: (line: number) => void;\n  className?: string;\n}\n\nconst OutlinePanel: React.FC<OutlinePanelProps> = ({ outline, onItemClick, className = '' }) => {\n  const getIcon = (type: OutlineItem['type']) => {\n    switch (type) {\n      case 'function':\n        return (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\" />\n          </svg>\n        );\n      case 'class':\n        return (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\" />\n          </svg>\n        );\n      case 'method':\n        return (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\n          </svg>\n        );\n      case 'variable':\n        return (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z\" />\n          </svg>\n        );\n      case 'interface':\n        return (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M4 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM14 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1h-4a1 1 0 01-1-1V5z\" />\n          </svg>\n        );\n      case 'type':\n        return (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n          </svg>\n        );\n      default:\n        return null;\n    }\n  };\n\n  const renderOutlineItem = (item: OutlineItem, depth: number = 0) => {\n    return (\n      <div key={`${item.name}-${item.line}`}>\n        <div\n          className=\"outline-item flex items-center gap-2 px-2 py-1 hover:bg-base-200 cursor-pointer rounded\"\n          style={{ paddingLeft: `${depth * 16 + 8}px` }}\n          onClick={() => onItemClick(item.line)}\n        >\n          <span className=\"text-primary\">{getIcon(item.type)}</span>\n          <span className=\"text-sm truncate flex-1\">{item.name}</span>\n          <span className=\"text-xs opacity-60\">{item.line}</span>\n        </div>\n        {item.children && item.children.length > 0 && (\n          <div className=\"outline-children\">\n            {item.children.map((child) => renderOutlineItem(child, depth + 1))}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <div className={`outline-panel bg-base-100 border border-base-300 rounded-lg p-2 ${className}`}>\n      <div className=\"outline-header flex items-center gap-2 px-2 py-1 mb-2 border-b border-base-300\">\n        <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M4 6h16M4 12h16M4 18h7\" />\n        </svg>\n        <span className=\"font-semibold\">大纲</span>\n      </div>\n      <div className=\"outline-content max-h-96 overflow-y-auto\">\n        {outline.length === 0 ? (\n          <div className=\"text-center text-sm opacity-60 py-4\">暂无大纲</div>\n        ) : (\n          outline.map((item) => renderOutlineItem(item))\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default OutlinePanel;\n\n"],"mappings":"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"}
+{"version":3,"file":"OutlinePanel.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/panels/OutlinePanel.tsx"],"sourcesContent":["import React from 'react';\nimport { OutlineItem } from '../types';\n\nexport interface OutlinePanelProps {\n  outline: OutlineItem[];\n  onItemClick: (line: number) => void;\n  className?: string;\n}\n\nconst OutlinePanel: React.FC<OutlinePanelProps> = ({ outline, onItemClick, className = '' }) => {\n  const getIcon = (type: OutlineItem['type']) => {\n    switch (type) {\n      case 'function':\n        return (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\" />\n          </svg>\n        );\n      case 'class':\n        return (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\" />\n          </svg>\n        );\n      case 'method':\n        return (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\n          </svg>\n        );\n      case 'variable':\n        return (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z\" />\n          </svg>\n        );\n      case 'interface':\n        return (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M4 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM14 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1h-4a1 1 0 01-1-1V5z\" />\n          </svg>\n        );\n      case 'type':\n        return (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n          </svg>\n        );\n      default:\n        return null;\n    }\n  };\n\n  const renderOutlineItem = (item: OutlineItem, depth: number = 0) => {\n    return (\n      <div key={`${item.name}-${item.line}`}>\n        <div\n          className=\"outline-item flex items-center gap-2 px-2 py-1 hover:bg-base-200 cursor-pointer rounded\"\n          style={{ paddingLeft: `${depth * 16 + 8}px` }}\n          onClick={() => onItemClick(item.line)}\n        >\n          <span className=\"text-primary\">{getIcon(item.type)}</span>\n          <span className=\"text-sm truncate flex-1\">{item.name}</span>\n          <span className=\"text-xs opacity-60\">{item.line}</span>\n        </div>\n        {item.children && item.children.length > 0 && (\n          <div className=\"outline-children\">\n            {item.children.map((child) => renderOutlineItem(child, depth + 1))}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <div className={`outline-panel bg-base-100 border border-base-300 rounded-lg p-2 ${className}`}>\n      <div className=\"outline-header flex items-center gap-2 px-2 py-1 mb-2 border-b border-base-300\">\n        <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M4 6h16M4 12h16M4 18h7\" />\n        </svg>\n        <span className=\"font-semibold\">大纲</span>\n      </div>\n      <div className=\"outline-content max-h-96 overflow-y-auto\">\n        {outline.length === 0 ? (\n          <div className=\"text-center text-sm opacity-60 py-4\">暂无大纲</div>\n        ) : (\n          outline.map((item) => renderOutlineItem(item))\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default OutlinePanel;\n\n"],"mappings":";;;AASA,IAAM,KAA6C,EAAE,YAAS,gBAAa,eAAY,SAAS;CAC9F,IAAM,KAAW,MAA8B;EAC7C,QAAQ,GAAR;GACE,KAAK,YACH,OACE,kBAAC,OAAD;IAAK,WAAU;IAAU,MAAK;IAAO,SAAQ;IAAY,QAAO;IAC9D,UAAA,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAE;IAAyC,CAAA;GAC3G,CAAA;GAET,KAAK,SACH,OACE,kBAAC,OAAD;IAAK,WAAU;IAAU,MAAK;IAAO,SAAQ;IAAY,QAAO;IAC9D,UAAA,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAE;IAA0J,CAAA;GAC5N,CAAA;GAET,KAAK,UACH,OACE,kBAAC,OAAD;IAAK,WAAU;IAAU,MAAK;IAAO,SAAQ;IAAY,QAAO;IAC9D,UAAA,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAE;IAAwF,CAAA;GAC1J,CAAA;GAET,KAAK,YACH,OACE,kBAAC,OAAD;IAAK,WAAU;IAAU,MAAK;IAAO,SAAQ;IAAY,QAAO;IAC9D,UAAA,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAE;IAAgI,CAAA;GAClM,CAAA;GAET,KAAK,aACH,OACE,kBAAC,OAAD;IAAK,WAAU;IAAU,MAAK;IAAO,SAAQ;IAAY,QAAO;IAC9D,UAAA,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAE;IAAoI,CAAA;GACtM,CAAA;GAET,KAAK,QACH,OACE,kBAAC,OAAD;IAAK,WAAU;IAAU,MAAK;IAAO,SAAQ;IAAY,QAAO;IAC9D,UAAA,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAE;IAAwH,CAAA;GAC1L,CAAA;GAET,SACE,OAAO;EACX;CACF,GAEM,KAAqB,GAAmB,IAAgB,MAE1D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,WAAU;EACV,OAAO,EAAE,aAAa,GAAG,IAAQ,KAAK,EAAE,IAAI;EAC5C,eAAe,EAAY,EAAK,IAAI;EAHtC,UAAA;GAKE,kBAAC,QAAD;IAAM,WAAU;IAAgB,UAAA,EAAQ,EAAK,IAAI;GAAQ,CAAA;GACzD,kBAAC,QAAD;IAAM,WAAU;IAA2B,UAAA,EAAK;GAAW,CAAA;GAC3D,kBAAC,QAAD;IAAM,WAAU;IAAsB,UAAA,EAAK;GAAW,CAAA;EACnD;CACJ,CAAA,GAAA,EAAK,YAAY,EAAK,SAAS,SAAS,KACvC,kBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,EAAK,SAAS,KAAK,MAAU,EAAkB,GAAO,IAAQ,CAAC,CAAC;CAC9D,CAAA,CAEJ,EAAA,GAfK,GAAG,EAAK,KAAK,GAAG,EAAK,MAe1B;CAIT,OACE,kBAAC,OAAD;EAAK,WAAW,mEAAmE;EAAnF,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IAAU,MAAK;IAAO,SAAQ;IAAY,QAAO;IAC9D,UAAA,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAE;IAA0B,CAAA;GAC5F,CAAA,GACL,kBAAC,QAAD;IAAM,WAAU;IAAgB,UAAA;GAAQ,CAAA,CACrC;EACL,CAAA,GAAA,kBAAC,OAAD;GAAK,WAAU;GACZ,UAAA,EAAQ,WAAW,IAClB,kBAAC,OAAD;IAAK,WAAU;IAAsC,UAAA;GAAS,CAAA,IAE9D,EAAQ,KAAK,MAAS,EAAkB,CAAI,CAAC;EAE5C,CAAA,CACF;;AAET"}