@multiplatform.one/frappe-ui 7.4.1 → 7.5.0

package/dist/esm/fields/DynamicLink.mjs

@@ -1,10 +1,8 @@
-import { useFrappeCollection, useLiveQuery } from "@multiplatform.one/frappe";
-import { Skeleton } from "@multiplatform.one/forms";
-import { CaretDownIcon } from "@phosphor-icons/react";
+import { Select as FormsSelect } from "@multiplatform.one/forms";
+import { useState } from "react";
+import { YStack } from "tamagui";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { useMemo, useState } from "react";
-import { Label, Select, Text, YStack } from "tamagui";
-import { useFrappeConfig } from "../FrappeProvider.mjs";
+import { Link } from "./Link.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 function DynamicLink({
   label,
@@ -26,137 +24,48 @@ function DynamicLink({
   const {
     knobProps
   } = useResolvedKnobs();
-  const config = useFrappeConfig();
   const [selectedDoctype, setSelectedDoctype] = useState(doctypeFieldValue || "");
   const isLocked = disabled || readOnly;
-  const minHeight = compact ? 32 : 40;
-  const finalBaseURL = baseURL ?? config?.baseURL ?? "";
-  const finalConfig = finalBaseURL ? {
-    baseURL: finalBaseURL,
-    socketPort: config?.socketPort,
-    siteName: config?.siteName,
-    socketBaseURL: config?.socketBaseURL,
-    auth: auth ?? config?.auth,
-    syncOptions: config?.syncOptions,
-    fixtures: config?.fixtures
-  } : void 0;
-  const documentsCollection = useFrappeCollection(finalConfig, selectedDoctype, selectedDoctype ? {
-    fields: ["name"]
-  } : void 0);
-  const {
-    data: rawDocuments
-  } = useLiveQuery(q => documentsCollection ? q.from({
-    _list: documentsCollection
-  }) : null, [documentsCollection]);
-  const documents = useMemo(() => rawDocuments ?? [], [rawDocuments]);
-  const handleDoctypeChange = doctype => {
+  const doctypeOptions = doctypes.map(doctype => ({
+    label: doctype,
+    value: doctype
+  }));
+  const handleDoctypeChange = next => {
     if (isLocked) return;
+    const doctype = Array.isArray(next) ? next[0] ?? "" : next;
     setSelectedDoctype(doctype);
     onDoctypeChange?.(doctype);
     onChange("");
   };
-  if (skeleton) {
-    return /* @__PURE__ */jsxs(YStack, {
-      ...knobProps.gap,
-      children: [label ? /* @__PURE__ */jsx(Skeleton, {
-        variant: "text",
-        width: "30%",
-        height: 14
-      }) : null, /* @__PURE__ */jsx(Skeleton, {
-        variant: "rounded",
-        width: "100%",
-        height: minHeight
-      }), /* @__PURE__ */jsx(Skeleton, {
-        variant: "rounded",
-        width: "100%",
-        height: minHeight
-      })]
-    });
-  }
+  const documentPicked = !!selectedDoctype;
   return /* @__PURE__ */jsxs(YStack, {
     ...knobProps.gap,
-    children: [label ? /* @__PURE__ */jsxs(Label, {
-      children: [label, required ? /* @__PURE__ */jsx(Text, {
-        color: "$red10",
-        children: " *"
-      }) : null]
-    }) : null, /* @__PURE__ */jsxs(YStack, {
-      ...knobProps.gap,
-      children: [/* @__PURE__ */jsxs(Select, {
-        size: knobProps.sizeToken,
-        ...{
-          value: selectedDoctype,
-          onValueChange: handleDoctypeChange,
-          disabled: isLocked
-        },
-        children: [/* @__PURE__ */jsx(Select.Trigger, {
-          iconAfter: CaretDownIcon,
-          disabled: isLocked,
-          ...knobProps.borderRadius,
-          children: /* @__PURE__ */jsx(Select.Value, {
-            placeholder: "Select DocType"
-          })
-        }), /* @__PURE__ */jsx(Select.Content, {
-          ...{
-            backgroundColor: "$background"
-          },
-          ...knobProps.borderRadius,
-          children: /* @__PURE__ */jsx(Select.Viewport, {
-            children: /* @__PURE__ */jsxs(Select.Group, {
-              children: [/* @__PURE__ */jsx(Select.Label, {
-                children: "DocType"
-              }), doctypes.map((doctype, i) => /* @__PURE__ */jsx(Select.Item, {
-                index: i,
-                value: doctype,
-                children: /* @__PURE__ */jsx(Select.ItemText, {
-                  children: doctype
-                })
-              }, doctype))]
-            })
-          })
-        })]
-      }), selectedDoctype ? /* @__PURE__ */jsxs(Select, {
-        size: knobProps.sizeToken,
-        ...{
-          value,
-          onValueChange: isLocked ? void 0 : onChange,
-          disabled: isLocked || !documents || documents.length === 0
-        },
-        children: [/* @__PURE__ */jsx(Select.Trigger, {
-          iconAfter: CaretDownIcon,
-          disabled: isLocked || !documents || documents.length === 0,
-          ...knobProps.borderRadius,
-          children: /* @__PURE__ */jsx(Select.Value, {
-            placeholder: `Select ${selectedDoctype}`
-          })
-        }), /* @__PURE__ */jsx(Select.Content, {
-          ...{
-            backgroundColor: "$background"
-          },
-          ...knobProps.borderRadius,
-          children: /* @__PURE__ */jsx(Select.Viewport, {
-            children: /* @__PURE__ */jsxs(Select.Group, {
-              children: [/* @__PURE__ */jsx(Select.Label, {
-                children: selectedDoctype
-              }), documents?.map((doc, i) => /* @__PURE__ */jsx(Select.Item, {
-                index: i,
-                value: doc.name || "",
-                children: /* @__PURE__ */jsx(Select.ItemText, {
-                  children: doc.name
-                })
-              }, doc.name))]
-            })
-          })
-        })]
-      }) : null]
-    }), helperText && !error ? /* @__PURE__ */jsx(Text, {
-      color: "$color11",
-      fontSize: "$2",
-      children: helperText
-    }) : null, error ? /* @__PURE__ */jsx(Text, {
-      color: "$red11",
-      fontSize: "$2",
-      children: error
+    children: [/* @__PURE__ */jsx(FormsSelect, {
+      label,
+      value: selectedDoctype,
+      onChange: handleDoctypeChange,
+      options: doctypeOptions,
+      placeholder: "Select DocType",
+      disabled: isLocked,
+      required,
+      readOnly,
+      skeleton,
+      compact,
+      error: documentPicked ? void 0 : error,
+      helperText: documentPicked ? void 0 : helperText
+    }), documentPicked ? /* @__PURE__ */jsx(Link, {
+      doctype: selectedDoctype,
+      value,
+      onChange,
+      disabled: isLocked,
+      readOnly,
+      skeleton,
+      compact,
+      placeholder: `Select ${selectedDoctype}`,
+      error,
+      helperText,
+      baseURL,
+      auth
     }) : null]
   });
 }

package/dist/esm/fields/DynamicLink.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useFrappeCollection","useLiveQuery","Skeleton","CaretDownIcon","useResolvedKnobs","useMemo","useState","Label","Select","Text","YStack","useFrappeConfig","jsx","jsxs","DynamicLink","label","value","onChange","doctypeFieldValue","onDoctypeChange","doctypes","disabled","required","baseURL","auth","error","helperText","readOnly","skeleton","compact","knobProps","config","selectedDoctype","setSelectedDoctype","isLocked","minHeight","finalBaseURL","finalConfig","socketPort","siteName","socketBaseURL","syncOptions","fixtures","documentsCollection","fields","data","rawDocuments","q","from","_list","documents","handleDoctypeChange","doctype","gap","children","variant","width","height","color","size","sizeToken","onValueChange","Trigger","iconAfter","borderRadius","Value","placeholder","Content","backgroundColor","Viewport","Group","map","i","Item","index","ItemText","length","doc","name","fontSize"],"sources":["../../../src/fields/DynamicLink.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Select","FormsSelect","useState","YStack","useResolvedKnobs","Link","jsx","jsxs","DynamicLink","label","value","onChange","doctypeFieldValue","onDoctypeChange","doctypes","disabled","required","baseURL","auth","error","helperText","readOnly","skeleton","compact","knobProps","selectedDoctype","setSelectedDoctype","isLocked","doctypeOptions","map","doctype","handleDoctypeChange","next","Array","isArray","documentPicked","gap","children","options","placeholder"],"sources":["../../../src/fields/DynamicLink.tsx"],"sourcesContent":[null],"mappings":"AAMA,SAASA,MAAA,IAAUC,WAAA,QAAmB;AACtC,SAASC,QAAA,QAAgB;AACzB,SAASC,MAAA,QAAc;AACvB,SAASC,gBAAA,QAAwB;AACjC,SAASC,IAAA,QAAY;AAqDjB,SACEC,GAAA,EADFC,IAAA;AAjCG,SAASC,YAAY;EAC1BC,KAAA;EACAC,KAAA;EACAC,QAAA;EACAC,iBAAA;EACAC,eAAA;EACAC,QAAA,GAAW,EAAC;EACZC,QAAA,GAAW;EACXC,QAAA,GAAW;EACXC,OAAA;EACAC,IAAA;EACAC,KAAA;EACAC,UAAA;EACAC,QAAA,GAAW;EACXC,QAAA,GAAW;EACXC,OAAA,GAAU;AACZ,GAAqB;EACnB,MAAM;IAAEC;EAAU,IAAIpB,gBAAA,CAAiB;EACvC,MAAM,CAACqB,eAAA,EAAiBC,kBAAkB,IAAIxB,QAAA,CAAiBU,iBAAA,IAAqB,EAAE;EACtF,MAAMe,QAAA,GAAWZ,QAAA,IAAYM,QAAA;EAC7B,MAAMO,cAAA,GAAiBd,QAAA,CAASe,GAAA,CAAKC,OAAA,KAAa;IAAErB,KAAA,EAAOqB,OAAA;IAASpB,KAAA,EAAOoB;EAAQ,EAAE;EAErF,MAAMC,mBAAA,GAAuBC,IAAA,IAA4B;IACvD,IAAIL,QAAA,EAAU;IACd,MAAMG,OAAA,GAAUG,KAAA,CAAMC,OAAA,CAAQF,IAAI,IAAKA,IAAA,CAAK,CAAC,KAAK,KAAMA,IAAA;IACxDN,kBAAA,CAAmBI,OAAO;IAC1BjB,eAAA,GAAkBiB,OAAO;IACzBnB,QAAA,CAAS,EAAE;EACb;EAEA,MAAMwB,cAAA,GAAiB,CAAC,CAACV,eAAA;EAEzB,OACE,eAAAlB,IAAA,CAACJ,MAAA;IAAQ,GAAGqB,SAAA,CAAUY,GAAA;IACpBC,QAAA,kBAAA/B,GAAA,CAACL,WAAA;MACCQ,KAAA;MACAC,KAAA,EAAOe,eAAA;MACPd,QAAA,EAAUoB,mBAAA;MACVO,OAAA,EAASV,cAAA;MACTW,WAAA,EAAY;MACZxB,QAAA,EAAUY,QAAA;MACVX,QAAA;MACAK,QAAA;MACAC,QAAA;MACAC,OAAA;MACAJ,KAAA,EAAOgB,cAAA,GAAiB,SAAYhB,KAAA;MACpCC,UAAA,EAAYe,cAAA,GAAiB,SAAYf;IAAA,CAC3C,GACCe,cAAA,GACC,eAAA7B,GAAA,CAACD,IAAA;MACCyB,OAAA,EAASL,eAAA;MACTf,KAAA;MACAC,QAAA;MACAI,QAAA,EAAUY,QAAA;MACVN,QAAA;MACAC,QAAA;MACAC,OAAA;MACAgB,WAAA,EAAa,UAAUd,eAAe;MACtCN,KAAA;MACAC,UAAA;MACAH,OAAA;MACAC;IAAA,CACF,IACE;EAAA,CACN;AAEJ","ignoreList":[]}

package/dist/esm/fields/DynamicLink.native.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFrappeCollection, useLiveQuery } from "@multiplatform.one/frappe";
-import { Skeleton } from "@multiplatform.one/forms";
-import { CaretDownIcon } from "@phosphor-icons/react";
+import { Select as FormsSelect } from "@multiplatform.one/forms";
+import { useState } from "react";
+import { YStack } from "tamagui";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { useMemo, useState } from "react";
-import { Label, Select, Text, YStack } from "tamagui";
-import { useFrappeConfig } from "../FrappeProvider.native.js";
+import { Link } from "./Link.native.js";
 function DynamicLink(param) {
   var {
     label,
@@ -24,150 +22,54 @@ function DynamicLink(param) {
     skeleton = false,
     compact = false
   } = param;
-  var _ref;
   var {
     knobProps
   } = useResolvedKnobs();
-  var config = useFrappeConfig();
   var [selectedDoctype, setSelectedDoctype] = useState(doctypeFieldValue || "");
   var isLocked = disabled || readOnly;
-  var minHeight = compact ? 32 : 40;
-  var finalBaseURL = (_ref = baseURL !== null && baseURL !== void 0 ? baseURL : config === null || config === void 0 ? void 0 : config.baseURL) !== null && _ref !== void 0 ? _ref : "";
-  var finalConfig = finalBaseURL ? {
-    baseURL: finalBaseURL,
-    socketPort: config === null || config === void 0 ? void 0 : config.socketPort,
-    siteName: config === null || config === void 0 ? void 0 : config.siteName,
-    socketBaseURL: config === null || config === void 0 ? void 0 : config.socketBaseURL,
-    auth: auth !== null && auth !== void 0 ? auth : config === null || config === void 0 ? void 0 : config.auth,
-    syncOptions: config === null || config === void 0 ? void 0 : config.syncOptions,
-    fixtures: config === null || config === void 0 ? void 0 : config.fixtures
-  } : void 0;
-  var documentsCollection = useFrappeCollection(finalConfig, selectedDoctype, selectedDoctype ? {
-    fields: ["name"]
-  } : void 0);
-  var {
-    data: rawDocuments
-  } = useLiveQuery(function (q) {
-    return documentsCollection ? q.from({
-      _list: documentsCollection
-    }) : null;
-  }, [documentsCollection]);
-  var documents = useMemo(function () {
-    return rawDocuments !== null && rawDocuments !== void 0 ? rawDocuments : [];
-  }, [rawDocuments]);
-  var handleDoctypeChange = function handleDoctypeChange2(doctype) {
+  var doctypeOptions = doctypes.map(function (doctype) {
+    return {
+      label: doctype,
+      value: doctype
+    };
+  });
+  var handleDoctypeChange = function handleDoctypeChange2(next) {
+    var _next_;
     if (isLocked) return;
+    var doctype = Array.isArray(next) ? (_next_ = next[0]) !== null && _next_ !== void 0 ? _next_ : "" : next;
     setSelectedDoctype(doctype);
     onDoctypeChange === null || onDoctypeChange === void 0 ? void 0 : onDoctypeChange(doctype);
     onChange("");
   };
-  if (skeleton) {
-    return /* @__PURE__ */_jsxs(YStack, {
-      ...knobProps.gap,
-      children: [label ? /* @__PURE__ */_jsx(Skeleton, {
-        variant: "text",
-        width: "30%",
-        height: 14
-      }) : null, /* @__PURE__ */_jsx(Skeleton, {
-        variant: "rounded",
-        width: "100%",
-        height: minHeight
-      }), /* @__PURE__ */_jsx(Skeleton, {
-        variant: "rounded",
-        width: "100%",
-        height: minHeight
-      })]
-    });
-  }
+  var documentPicked = !!selectedDoctype;
   return /* @__PURE__ */_jsxs(YStack, {
     ...knobProps.gap,
-    children: [label ? /* @__PURE__ */_jsxs(Label, {
-      children: [label, required ? /* @__PURE__ */_jsx(Text, {
-        color: "$red10",
-        children: " *"
-      }) : null]
-    }) : null, /* @__PURE__ */_jsxs(YStack, {
-      ...knobProps.gap,
-      children: [/* @__PURE__ */_jsxs(Select, {
-        size: knobProps.sizeToken,
-        ...{
-          value: selectedDoctype,
-          onValueChange: handleDoctypeChange,
-          disabled: isLocked
-        },
-        children: [/* @__PURE__ */_jsx(Select.Trigger, {
-          iconAfter: CaretDownIcon,
-          disabled: isLocked,
-          ...knobProps.borderRadius,
-          children: /* @__PURE__ */_jsx(Select.Value, {
-            placeholder: "Select DocType"
-          })
-        }), /* @__PURE__ */_jsx(Select.Content, {
-          backgroundColor: "$background",
-          ...knobProps.borderRadius,
-          children: /* @__PURE__ */_jsx(Select.Viewport, {
-            children: /* @__PURE__ */_jsxs(Select.Group, {
-              children: [/* @__PURE__ */_jsx(Select.Label, {
-                children: "DocType"
-              }), doctypes.map(function (doctype, i) {
-                return /* @__PURE__ */_jsx(Select.Item, {
-                  index: i,
-                  value: doctype,
-                  children: /* @__PURE__ */_jsx(Select.ItemText, {
-                    children: doctype
-                  })
-                }, doctype);
-              })]
-            })
-          })
-        })]
-      }),
-      /* Ternary, not `&&`: with no doctype picked `selectedDoctype` is ""
-      and `{"" && …}` renders an empty text node inside this View —
-      which breaks the native render contract (UX-P16 / Axiom 13:
-      "A text node cannot be a child of a View"). */
-      selectedDoctype ? /* @__PURE__ */_jsxs(Select, {
-        size: knobProps.sizeToken,
-        ...{
-          value,
-          onValueChange: isLocked ? void 0 : onChange,
-          disabled: isLocked || !documents || documents.length === 0
-        },
-        children: [/* @__PURE__ */_jsx(Select.Trigger, {
-          iconAfter: CaretDownIcon,
-          disabled: isLocked || !documents || documents.length === 0,
-          ...knobProps.borderRadius,
-          children: /* @__PURE__ */_jsx(Select.Value, {
-            placeholder: `Select ${selectedDoctype}`
-          })
-        }), /* @__PURE__ */_jsx(Select.Content, {
-          backgroundColor: "$background",
-          ...knobProps.borderRadius,
-          children: /* @__PURE__ */_jsx(Select.Viewport, {
-            children: /* @__PURE__ */_jsxs(Select.Group, {
-              children: [/* @__PURE__ */_jsx(Select.Label, {
-                children: selectedDoctype
-              }), documents === null || documents === void 0 ? void 0 : documents.map(function (doc, i) {
-                return /* @__PURE__ */_jsx(Select.Item, {
-                  index: i,
-                  value: doc.name || "",
-                  children: /* @__PURE__ */_jsx(Select.ItemText, {
-                    children: doc.name
-                  })
-                }, doc.name);
-              })]
-            })
-          })
-        })]
-      }) : null]
-    }), helperText && !error ? /* @__PURE__ */_jsx(Text, {
-      color: "$color11",
-      fontSize: "$2",
-      children: helperText
-    }) : null, error ? /* @__PURE__ */_jsx(Text, {
-      color: "$red11",
-      fontSize: "$2",
-      children: error
+    children: [/* @__PURE__ */_jsx(FormsSelect, {
+      label,
+      value: selectedDoctype,
+      onChange: handleDoctypeChange,
+      options: doctypeOptions,
+      placeholder: "Select DocType",
+      disabled: isLocked,
+      required,
+      readOnly,
+      skeleton,
+      compact,
+      error: documentPicked ? void 0 : error,
+      helperText: documentPicked ? void 0 : helperText
+    }), documentPicked ? /* @__PURE__ */_jsx(Link, {
+      doctype: selectedDoctype,
+      value,
+      onChange,
+      disabled: isLocked,
+      readOnly,
+      skeleton,
+      compact,
+      placeholder: `Select ${selectedDoctype}`,
+      error,
+      helperText,
+      baseURL,
+      auth
     }) : null]
   });
 }

package/dist/esm/fields/DynamicLink.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useFrappeCollection","useLiveQuery","Skeleton","CaretDownIcon","useResolvedKnobs","useMemo","useState","Label","Select","Text","YStack","useFrappeConfig","DynamicLink","param","label","value","onChange","doctypeFieldValue","onDoctypeChange","doctypes","disabled","required","baseURL","auth","error","helperText","readOnly","skeleton","compact","_ref","knobProps","config","selectedDoctype","setSelectedDoctype","isLocked","minHeight","finalBaseURL","finalConfig","socketPort","siteName","socketBaseURL","syncOptions","fixtures","documentsCollection","fields","data","rawDocuments","q","from","_list","documents","handleDoctypeChange","handleDoctypeChange2","doctype","gap","children","variant","width","height","color","size","sizeToken","onValueChange","Trigger","iconAfter","borderRadius","Value","placeholder","Content","backgroundColor","Viewport","Group","map","i","Item","index","ItemText"],"sources":["../../../src/fields/DynamicLink.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Select","FormsSelect","useState","YStack","useResolvedKnobs","Link","DynamicLink","param","label","value","onChange","doctypeFieldValue","onDoctypeChange","doctypes","disabled","required","baseURL","auth","error","helperText","readOnly","skeleton","compact","knobProps","selectedDoctype","setSelectedDoctype","isLocked","doctypeOptions","map","doctype","handleDoctypeChange","handleDoctypeChange2","next","_next_","Array","isArray","documentPicked","gap","children","options","placeholder"],"sources":["../../../src/fields/DynamicLink.tsx"],"sourcesContent":[null],"mappings":"AAMA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAA,IAAAC,KAAA,QAAmB;AACtC,SAASC,MAAA,IAAAC,WAAgB;AACzB,SAASC,QAAA,QAAc;AACvB,SAASC,MAAA;AACT,SAASC,gBAAY;AAqDjB,SACEC,IAAA,QADF;AAjCG,SAASC,YAAYC,KAAA;EAC1B;IAAAC,KAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,iBAAA;IAAAC,eAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,OAAA;EAAA,IAAAf,KAAA;EACA;IAAAgB;EAAA,IAAAnB,gBAAA;EACA,KAAAoB,eAAA,EAAAC,kBAAA,IAAAvB,QAAA,CAAAS,iBAAA;EACA,IAAAe,QAAA,GAAAZ,QAAA,IAAAM,QAAA;EACA,IAAAO,cAAA,GAAAd,QAAA,CAAAe,GAAA,WAAAC,OAAA;IACA;MACArB,KAAA,EAAWqB,OAAA;MACXpB,KAAA,EAAWoB;IACX;EACA;EACA,IAAAC,mBAAA,YAAAC,qBAAAC,IAAA;IACA,IAAAC,MAAA;IACA,IAAAP,QAAW;IACX,IAAAG,OAAW,GAAAK,KAAA,CAAAC,OAAA,CAAAH,IAAA,KAAAC,MAAA,GAAAD,IAAA,iBAAAC,MAAA,cAAAA,MAAA,QAAAD,IAAA;IACXP,kBAAU,CAAAI,OAAA;IACSjB,eAAA,aAAAA,eAAA,uBAAAA,eAAA,CAAAiB,OAAA;IACnBnB,QAAQ;EACR;EACA,IAAA0B,cAAiB,KAAAZ,eAAY;EAC7B,OAAM,eAAiBzB,KAAA,CAAAI,MAAS,EAAK;IAErC,GAAAoB,SAAM,CAAAc,GAAA;IACJC,QAAI,GACJ,eAAgBzC,IAAM,CAAAI,WAAY;MAClCO,KAAA;MACAC,KAAA,EAAAe,eAAyB;MACzBd,QAAW,EAAAoB,mBAAA;MACbS,OAAA,EAAAZ,cAAA;MAEMa,WAAA,kBAAmB;MAEzB1B,QACE,EAAAY,QAAA;MACEX,QAAA;MAACK,QAAA;MAAAC,QAAA;MACCC,OAAA;MACAJ,KAAA,EAAOkB,cAAA,YAAAlB,KAAA;MACPC,UAAU,EAAAiB,cAAA,YAAAjB;IAAA,EACV,EAASiB,cACT,GAAY,eAAAvC,IAAA,CAAAQ,IAAA;MACZwB,OAAA,EAAAL,eAAU;MACVf,KAAA;MACAC,QAAA;MACAI,QAAA,EAAAY,QAAA;MACAN,QAAA;MACAC,QAAO;MACPC,OAAA;MAAyCkB,WAAA,YAAAhB,eAAA;MAC3CN,KAAA;MACCC,UAAA;MACEH,OAAA;MAAAC;IAAA,EACC;EACA;AACA;AACU,SACVX,WACA","ignoreList":[]}