@plutonhq/core-frontend 0.0.1

package/dist/components/common/PathPicker/PathPicker.module.scss

@@ -0,0 +1,278 @@
+.pathPicker {
+   width: 100%;
+}
+.paths {
+   width: 100%;
+   border: 1px solid var(--field-line-color);
+   border-radius: 6px;
+   padding: 10px;
+   display: flex;
+   flex-wrap: wrap;
+   gap: 10px;
+   box-sizing: border-box;
+   .path {
+      background: var(--background-color);
+      border: 1px solid var(--line-color);
+      font-size: 0.75rem;
+      padding: 3px 10px;
+      border-radius: 4px;
+      display: flex;
+      align-items: center;
+      gap: 5px;
+      cursor: pointer;
+      transition: all 0.12s linear;
+
+      :global(.icon) {
+         position: relative;
+         top: 2px;
+         opacity: 0.5;
+      }
+
+      i {
+         font-style: normal;
+         padding: 2px;
+         cursor: pointer;
+         opacity: 0.5;
+         &:hover {
+            opacity: 0.8;
+         }
+      }
+      .excludeCount {
+         font-size: 0.75rem;
+         opacity: 1;
+         background: #0000000f;
+         padding: 1px 6px;
+         border-radius: 4px;
+      }
+      &:hover {
+         border-color: var(--line-active-color);
+      }
+   }
+}
+.pathAdd {
+   font-size: 1.125rem;
+   font-weight: 600;
+   padding: 0px 10px;
+   color: var(--content-text-color-light);
+   user-select: none;
+   cursor: pointer;
+   position: relative;
+   span {
+      font-size: 0.75rem;
+   }
+   &:hover {
+      color: var(--primary-color);
+   }
+}
+
+.addDropDown {
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+   width: max-content;
+   background-color: var(--content-background-color);
+   border: 1px solid var(--line-color);
+   position: absolute;
+   z-index: 2;
+   border-radius: 4px;
+   right: -45px;
+   top: -65px;
+   box-shadow: 0 0 15px var(--modal-shadow-color);
+
+   button {
+      padding: 8px 10px;
+      cursor: pointer;
+      font-size: 0.75rem;
+      width: 100%;
+      color: var(--content-text-color);
+      text-align: right;
+      &:hover {
+         background-color: var(--primary-color);
+         color: var(--primary-text-color);
+      }
+   }
+}
+
+.patternPickerContent {
+   display: flex;
+   flex-direction: row;
+   gap: 10px;
+   div[class*='_selectField_'] {
+      max-width: 100px;
+   }
+   div[class*='_dropdown_'] {
+      min-width: unset;
+   }
+}
+
+.patternPickerHint {
+   margin: 20px 0;
+
+   table {
+      border: 1px solid var(--primary-color-light);
+      border-radius: 8px;
+      border-spacing: 0;
+      width: 100%;
+      font-size: 0.75rem;
+
+      th {
+         background: var(--primary-color-light);
+         padding: 6px;
+         text-align: left;
+      }
+
+      td {
+         padding: 6px;
+         border-bottom: 1px solid var(--primary-color-light);
+      }
+
+      tr:last-child td {
+         border-bottom: none;
+      }
+   }
+}
+
+.patternModalFooter {
+   display: flex;
+   justify-content: space-between;
+   button {
+      color: var(--content-text-color-light);
+      &.hintBtnActive {
+         color: var(--primary-color);
+      }
+   }
+}
+
+.pathPickerModal {
+   position: fixed;
+   width: 100%;
+   height: 100vh;
+   top: 0;
+   left: 0;
+   z-index: 99999999;
+   background: var(--modal-shadow-color-light);
+   .pathPickerModalInner {
+      position: absolute;
+      width: 70%;
+      max-width: 1000px;
+      background: var(--content-background-color);
+      color: var(--content-text-color);
+      border-radius: 8px;
+      border: 1px solid var(--content-shadow-color);
+      margin: 0 auto;
+      left: 0;
+      right: 0;
+      top: 10%;
+      box-sizing: border-box;
+      box-shadow: 0 0 20px var(--modal-shadow-color);
+      .pathPickerHeader {
+         display: flex;
+         align-items: center;
+         justify-content: space-between;
+         padding: 10px 15px;
+         border-bottom: 1px solid var(--line-color);
+         h4 {
+            margin: 0;
+         }
+         button {
+            padding: 10px;
+            cursor: pointer;
+            background: transparent;
+            opacity: 0.5;
+            color: var(--content-text-color);
+            transition: all 0.2s linear;
+            &:hover {
+               opacity: 1;
+               transform: rotate(90deg);
+            }
+         }
+      }
+      .pathPickerFooter {
+         display: flex;
+         align-items: center;
+         justify-content: flex-end;
+         padding: 10px 15px;
+         border-top: 1px solid var(--line-color);
+         button {
+            background-color: var(--primary-color);
+            color: var(--primary-text-color);
+            padding: 10px 12px;
+            cursor: pointer;
+            border-radius: 6px;
+         }
+      }
+      .pathPickerContent {
+         padding: 20px;
+         max-height: 500px;
+         overflow: auto;
+      }
+   }
+}
+
+.dirItem {
+   cursor: pointer;
+   margin: 3px 0;
+}
+.selectedDirItem {
+   background-color: var(--primary-color);
+   color: var(--primary-text-color);
+   border-radius: 3px;
+   :global(.icon) {
+      color: var(--primary-text-color);
+   }
+}
+
+.file {
+   padding-left: 7px;
+}
+
+.isSingle {
+   .paths {
+      .path {
+         width: 100%;
+         padding: 6px 10px;
+      }
+   }
+}
+.disabled {
+   .paths {
+      .path {
+         background-color: var(--line-color);
+         cursor: default;
+         &:hover {
+            border-color: var(--line-color);
+         }
+      }
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .pathPickerModal .pathPickerModalInner {
+      width: 100%;
+      height: 100%;
+      top: 0;
+   }
+   .patternPickerContent {
+      flex-direction: column;
+      :global([class*='_input_']) {
+         width: 100%;
+      }
+   }
+
+   .patternModalFooter {
+      flex-direction: column;
+      justify-content: flex-start;
+      align-items: flex-start;
+      & > button {
+         margin-bottom: 15px;
+         text-align: left;
+      }
+      & > div {
+         width: 100%;
+         display: flex;
+         button {
+            width: 100%;
+         }
+      }
+   }
+}

package/dist/components/common/PathPicker/PathPicker.module.scss.js

@@ -0,0 +1,38 @@
+const t = "PathPicker-module__pathPicker___Fsgzb", e = "PathPicker-module__paths___OoxZE", _ = "PathPicker-module__path___L-2q4", a = "PathPicker-module__excludeCount___kC22C", o = "PathPicker-module__pathAdd___31GOT", r = "PathPicker-module__addDropDown___m8iCe", c = "PathPicker-module__patternPickerContent___74Xc1", n = "PathPicker-module__patternPickerHint___eRi2J", i = "PathPicker-module__patternModalFooter___Zy9ZB", P = "PathPicker-module__hintBtnActive___kRt1p", d = "PathPicker-module__pathPickerModal___skgD9", h = "PathPicker-module__pathPickerModalInner___MErPf", k = "PathPicker-module__pathPickerHeader___nrH-l", p = "PathPicker-module__pathPickerFooter___mzYF-", l = "PathPicker-module__isSingle___VQQzx", s = "PathPicker-module__disabled___FknKd", u = {
+  pathPicker: t,
+  paths: e,
+  path: _,
+  excludeCount: a,
+  pathAdd: o,
+  addDropDown: r,
+  patternPickerContent: c,
+  patternPickerHint: n,
+  patternModalFooter: i,
+  hintBtnActive: P,
+  pathPickerModal: d,
+  pathPickerModalInner: h,
+  pathPickerHeader: k,
+  pathPickerFooter: p,
+  isSingle: l,
+  disabled: s
+};
+export {
+  r as addDropDown,
+  u as default,
+  s as disabled,
+  a as excludeCount,
+  P as hintBtnActive,
+  l as isSingle,
+  _ as path,
+  o as pathAdd,
+  t as pathPicker,
+  p as pathPickerFooter,
+  k as pathPickerHeader,
+  d as pathPickerModal,
+  h as pathPickerModalInner,
+  e as paths,
+  i as patternModalFooter,
+  c as patternPickerContent,
+  n as patternPickerHint
+};
+//# sourceMappingURL=PathPicker.module.scss.js.map

package/dist/components/common/PathPicker/PathPicker.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PathPicker.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/components/common/SearchItems/SearchItems.d.ts

@@ -0,0 +1,7 @@
+type SearchItemsProps = {
+    onSearch: (s: string) => void;
+    itemName: string;
+};
+declare const SearchItems: ({ onSearch, itemName }: SearchItemsProps) => import("react/jsx-runtime").JSX.Element;
+export default SearchItems;
+//# sourceMappingURL=SearchItems.d.ts.map

package/dist/components/common/SearchItems/SearchItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItems.d.ts","sourceRoot":"","sources":["../../../../src/components/common/SearchItems/SearchItems.tsx"],"names":[],"mappings":"AAIA,KAAK,gBAAgB,GAAG;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,wBAAiC,gBAAgB,4CAiCrE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/common/SearchItems/SearchItems.js

@@ -0,0 +1,38 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { useState as c } from "react";
+import n from "../Icon/Icon.js";
+import a from "./SearchItems.module.scss.js";
+const f = ({ onSearch: o, itemName: s = "Plan" }) => {
+  const [e, l] = c(!1), [i, h] = c("");
+  return /* @__PURE__ */ p("div", { className: a.searchItems, children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        className: e ? a.buttonActive : "",
+        "data-tooltip-id": "appTooltip",
+        "data-tooltip-content": `Search ${s}`,
+        "aria-label": `Search ${s}`,
+        "data-tooltip-place": "top",
+        "data-tooltip-delay-show": 500,
+        onClick: () => {
+          l(!e), e && o("");
+        },
+        children: /* @__PURE__ */ t(n, { type: e ? "close" : "search", size: 18 })
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: `${a.searchBox} ${e ? a.searchBoxShow : ""}`, children: /* @__PURE__ */ t(
+      "input",
+      {
+        value: i,
+        onChange: (r) => {
+          h(r.target.value), o(r.target.value);
+        },
+        placeholder: "Search..."
+      }
+    ) })
+  ] });
+};
+export {
+  f as default
+};
+//# sourceMappingURL=SearchItems.js.map

package/dist/components/common/SearchItems/SearchItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItems.js","sources":["../../../../src/components/common/SearchItems/SearchItems.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Icon from '../Icon/Icon';\r\nimport classes from './SearchItems.module.scss';\r\n\r\ntype SearchItemsProps = {\r\n   onSearch: (s: string) => void;\r\n   itemName: string;\r\n};\r\n\r\nconst SearchItems = ({ onSearch, itemName = 'Plan' }: SearchItemsProps) => {\r\n   const [showSearchField, setShowSearchField] = useState(false);\r\n   const [searchText, setSearchText] = useState('');\r\n   return (\r\n      <div className={classes.searchItems}>\r\n         <button\r\n            className={showSearchField ? classes.buttonActive : ''}\r\n            data-tooltip-id=\"appTooltip\"\r\n            data-tooltip-content={`Search ${itemName}`}\r\n            aria-label={`Search ${itemName}`}\r\n            data-tooltip-place=\"top\"\r\n            data-tooltip-delay-show={500}\r\n            onClick={() => {\r\n               setShowSearchField(!showSearchField);\r\n               if (showSearchField) {\r\n                  onSearch('');\r\n               }\r\n            }}\r\n         >\r\n            <Icon type={showSearchField ? 'close' : 'search'} size={18} />\r\n         </button>\r\n         <div className={`${classes.searchBox} ${showSearchField ? classes.searchBoxShow : ''}`}>\r\n            <input\r\n               value={searchText}\r\n               onChange={(e) => {\r\n                  setSearchText(e.target.value);\r\n                  onSearch(e.target.value);\r\n               }}\r\n               placeholder=\"Search...\"\r\n            />\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default SearchItems;\r\n"],"names":["SearchItems","onSearch","itemName","showSearchField","setShowSearchField","useState","searchText","setSearchText","jsxs","classes","jsx","Icon","e"],"mappings":";;;;AASA,MAAMA,IAAc,CAAC,EAAE,UAAAC,GAAU,UAAAC,IAAW,aAA+B;AACxE,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAE;AAC/C,SACG,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAQ,aACrB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,WAAWP,IAAkBM,EAAQ,eAAe;AAAA,QACpD,mBAAgB;AAAA,QAChB,wBAAsB,UAAUP,CAAQ;AAAA,QACxC,cAAY,UAAUA,CAAQ;AAAA,QAC9B,sBAAmB;AAAA,QACnB,2BAAyB;AAAA,QACzB,SAAS,MAAM;AACZ,UAAAE,EAAmB,CAACD,CAAe,GAC/BA,KACDF,EAAS,EAAE;AAAA,QAEjB;AAAA,QAEA,4BAACU,GAAA,EAAK,MAAMR,IAAkB,UAAU,UAAU,MAAM,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAE/D,gBAAAO,EAAC,OAAA,EAAI,WAAW,GAAGD,EAAQ,SAAS,IAAIN,IAAkBM,EAAQ,gBAAgB,EAAE,IACjF,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,OAAOJ;AAAA,QACP,UAAU,CAACM,MAAM;AACd,UAAAL,EAAcK,EAAE,OAAO,KAAK,GAC5BX,EAASW,EAAE,OAAO,KAAK;AAAA,QAC1B;AAAA,QACA,aAAY;AAAA,MAAA;AAAA,IAAA,EACf,CACH;AAAA,EAAA,GACH;AAEN;"}

package/dist/components/common/SearchItems/SearchItems.module.scss

@@ -0,0 +1,48 @@
+.searchItems {
+   display: flex;
+   position: relative;
+   button {
+      padding: 10px 12px;
+      border-radius: 50%;
+      span {
+         opacity: 1;
+      }
+   }
+}
+
+.searchBox {
+   width: 0;
+   visibility: hidden;
+   opacity: 0;
+   transition: all 0.12s linear;
+   border-radius: 20px;
+   display: flex;
+   gap: 5px;
+   position: absolute;
+   right: 45px;
+   padding: 5px;
+   overflow: hidden;
+   input {
+      border: 1px solid var(--line-color);
+      background-color: var(--content-background-color);
+      padding: 8px 12px;
+      border-radius: 20px;
+      box-sizing: border-box;
+      width: 100%;
+      outline: none;
+      &:focus {
+         border-color: var(--line-active-color);
+      }
+   }
+   &.searchBoxShow {
+      width: 200px;
+      visibility: visible;
+      opacity: 1;
+   }
+}
+
+.buttonActive {
+   background-color: var(--content-background-color);
+   position: relative;
+   z-index: 22;
+}

package/dist/components/common/SearchItems/SearchItems.module.scss.js

@@ -0,0 +1,14 @@
+const e = "SearchItems-module__searchItems___lYodQ", s = "SearchItems-module__searchBox___85r0J", o = "SearchItems-module__searchBoxShow___ERldS", t = "SearchItems-module__buttonActive___6zQsI", c = {
+  searchItems: e,
+  searchBox: s,
+  searchBoxShow: o,
+  buttonActive: t
+};
+export {
+  t as buttonActive,
+  c as default,
+  s as searchBox,
+  o as searchBoxShow,
+  e as searchItems
+};
+//# sourceMappingURL=SearchItems.module.scss.js.map

package/dist/components/common/SearchItems/SearchItems.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItems.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/common/SidePanel/SidePanel.d.ts

@@ -0,0 +1,12 @@
+type SidePanelProps = {
+    title: string;
+    icon: React.ReactNode;
+    children: React.ReactNode;
+    width?: string;
+    withTabs?: boolean;
+    footer?: React.ReactNode;
+    close: () => void;
+};
+declare const SidePanel: ({ close, children, title, icon, footer, width, withTabs }: SidePanelProps) => import("react").ReactPortal;
+export default SidePanel;
+//# sourceMappingURL=SidePanel.d.ts.map

package/dist/components/common/SidePanel/SidePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../../src/components/common/SidePanel/SidePanel.tsx"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,2DAA2D,cAAc,gCAkD3F,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/common/SidePanel/SidePanel.js

@@ -0,0 +1,40 @@
+import { jsx as s, jsxs as r } from "react/jsx-runtime";
+import { createPortal as v } from "react-dom";
+import h from "../Icon/Icon.js";
+import e from "./SidePanel.module.scss.js";
+import { useState as p, useEffect as y } from "react";
+const S = ({ close: d, children: l, title: n, icon: a, footer: t, width: m, withTabs: c }) => {
+  const [f, i] = p(!1);
+  y(() => {
+    const o = document.querySelector("body");
+    return o && (o.style.overflow = "hidden"), setTimeout(() => {
+      i(!0);
+    }, 10), () => {
+      o && (o.style.overflow = "auto");
+    };
+  }, []);
+  const u = () => {
+    i(!1), setTimeout(() => {
+      d();
+    }, 300);
+  };
+  return v(
+    /* @__PURE__ */ s("div", { className: e.sidePanel, children: /* @__PURE__ */ r("div", { className: `${e.wrapper} ${f ? e.active : ""} ${c ? e.noPadding : ""}`, style: { width: m }, children: [
+      /* @__PURE__ */ r("div", { className: e.header, children: [
+        /* @__PURE__ */ r("h3", { children: [
+          a && a,
+          " ",
+          n
+        ] }),
+        /* @__PURE__ */ s("button", { className: e.close, onClick: u, children: /* @__PURE__ */ s(h, { type: "close", size: 24 }) })
+      ] }),
+      c ? /* @__PURE__ */ s("div", { children: l }) : /* @__PURE__ */ s("div", { className: `${e.content} styled__scrollbar ${t ? e.hasFooter : e.noFooter}`, children: l }),
+      t && /* @__PURE__ */ s("div", { className: e.footer, children: t })
+    ] }) }),
+    document.body
+  );
+};
+export {
+  S as default
+};
+//# sourceMappingURL=SidePanel.js.map

package/dist/components/common/SidePanel/SidePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanel.js","sources":["../../../../src/components/common/SidePanel/SidePanel.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\r\nimport Icon from '../Icon/Icon';\r\nimport classes from './SidePanel.module.scss';\r\nimport { useEffect, useState } from 'react';\r\n\r\ntype SidePanelProps = {\r\n   title: string;\r\n   icon: React.ReactNode;\r\n   children: React.ReactNode;\r\n   width?: string;\r\n   withTabs?: boolean;\r\n   footer?: React.ReactNode;\r\n   close: () => void;\r\n};\r\n\r\nconst SidePanel = ({ close, children, title, icon, footer, width, withTabs }: SidePanelProps) => {\r\n   const [isActive, setIsActive] = useState(false);\r\n\r\n   useEffect(() => {\r\n      const body = document.querySelector('body');\r\n      if (body) {\r\n         body.style.overflow = 'hidden';\r\n      }\r\n\r\n      // Trigger the animation after component mounts\r\n      setTimeout(() => {\r\n         setIsActive(true);\r\n      }, 10);\r\n\r\n      return () => {\r\n         if (body) {\r\n            body.style.overflow = 'auto';\r\n         }\r\n      };\r\n   }, []);\r\n\r\n   const handleClose = () => {\r\n      setIsActive(false);\r\n      // Wait for animation to complete before actually closing\r\n      setTimeout(() => {\r\n         close();\r\n      }, 300); // Match this with your CSS transition duration\r\n   };\r\n\r\n   return createPortal(\r\n      <div className={classes.sidePanel}>\r\n         <div className={`${classes.wrapper} ${isActive ? classes.active : ''} ${withTabs ? classes.noPadding : ''}`} style={{ width: width }}>\r\n            <div className={classes.header}>\r\n               <h3>\r\n                  {icon && icon} {title}\r\n               </h3>\r\n               <button className={classes.close} onClick={handleClose}>\r\n                  <Icon type=\"close\" size={24} />\r\n               </button>\r\n            </div>\r\n            {!withTabs ? (\r\n               <div className={`${classes.content} styled__scrollbar ${footer ? classes.hasFooter : classes.noFooter}`}>{children}</div>\r\n            ) : (\r\n               <div>{children}</div>\r\n            )}\r\n            {footer && <div className={classes.footer}>{footer}</div>}\r\n         </div>\r\n      </div>,\r\n      document.body,\r\n   );\r\n};\r\n\r\nexport default SidePanel;\r\n"],"names":["SidePanel","close","children","title","icon","footer","width","withTabs","isActive","setIsActive","useState","useEffect","body","handleClose","createPortal","jsx","classes","jsxs","Icon"],"mappings":";;;;;AAeA,MAAMA,IAAY,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,GAAO,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,QAA+B;AAC9F,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAE9C,EAAAC,EAAU,MAAM;AACb,UAAMC,IAAO,SAAS,cAAc,MAAM;AAC1C,WAAIA,MACDA,EAAK,MAAM,WAAW,WAIzB,WAAW,MAAM;AACd,MAAAH,EAAY,EAAI;AAAA,IACnB,GAAG,EAAE,GAEE,MAAM;AACV,MAAIG,MACDA,EAAK,MAAM,WAAW;AAAA,IAE5B;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,QAAMC,IAAc,MAAM;AACvB,IAAAJ,EAAY,EAAK,GAEjB,WAAW,MAAM;AACd,MAAAR,EAAA;AAAA,IACH,GAAG,GAAG;AAAA,EACT;AAEA,SAAOa;AAAA,IACJ,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAQ,WACrB,4BAAC,OAAA,EAAI,WAAW,GAAGA,EAAQ,OAAO,IAAIR,IAAWQ,EAAQ,SAAS,EAAE,IAAIT,IAAWS,EAAQ,YAAY,EAAE,IAAI,OAAO,EAAE,OAAAV,EAAA,GACnH,UAAA;AAAA,MAAA,gBAAAW,EAAC,OAAA,EAAI,WAAWD,EAAQ,QACrB,UAAA;AAAA,QAAA,gBAAAC,EAAC,MAAA,EACG,UAAA;AAAA,UAAAb,KAAQA;AAAA,UAAK;AAAA,UAAED;AAAA,QAAA,GACnB;AAAA,QACA,gBAAAY,EAAC,UAAA,EAAO,WAAWC,EAAQ,OAAO,SAASH,GACxC,UAAA,gBAAAE,EAACG,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,EAAA,CAChC;AAAA,MAAA,GACH;AAAA,MACEX,IAGC,gBAAAQ,EAAC,SAAK,UAAAb,GAAS,IAFf,gBAAAa,EAAC,SAAI,WAAW,GAAGC,EAAQ,OAAO,sBAAsBX,IAASW,EAAQ,YAAYA,EAAQ,QAAQ,IAAK,UAAAd,GAAS;AAAA,MAIrHG,KAAU,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAQ,QAAS,UAAAX,EAAA,CAAO;AAAA,IAAA,EAAA,CACtD,EAAA,CACH;AAAA,IACA,SAAS;AAAA,EAAA;AAEf;"}