@multiplatform.one/rich-text 6.0.0

package/dist/esm/toolbar/BubbleToolbar.native.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BubbleMenu } from "@tiptap/react/menus";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { XStack } from "tamagui";
+import { defaultEditorState } from "../types.native.js";
+import { ToolbarButton } from "./ToolbarButton.native.js";
+import { BoldIcon, ItalicIcon, UnderlineIcon, StrikeIcon, SubscriptIcon, SuperscriptIcon } from "./icons.native.js";
+import { TextColorPicker, HighlightColorPicker } from "./ColorPicker.native.js";
+import { LinkDialog } from "./LinkDialog.native.js";
+import { SHORTCUTS } from "./shortcuts.native.js";
+function BubbleToolbar(param) {
+  var {
+    editor,
+    editorRef,
+    state = defaultEditorState
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  if (!editor) return null;
+  return /* @__PURE__ */_jsx(BubbleMenu, {
+    editor,
+    shouldShow: function shouldShow(param2) {
+      var {
+        editor: e,
+        from,
+        to
+      } = param2;
+      if (from === to) return false;
+      if (e.isActive("codeBlock")) return false;
+      if (e.isActive("image")) return false;
+      return true;
+    },
+    children: /* @__PURE__ */_jsxs(XStack, {
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      padding: "$1",
+      gap: 2,
+      alignItems: "center",
+      elevation: knobProps.elevation,
+      children: [/* Inline formatting only */
+      /* @__PURE__ */_jsx(ToolbarButton, {
+        active: state.isBold,
+        onPress: function onPress() {
+          var _editorRef_current;
+          return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("bold");
+        },
+        "aria-label": "Bold",
+        tooltip: SHORTCUTS.bold,
+        children: /* @__PURE__ */_jsx(BoldIcon, {
+          children: "B"
+        })
+      }), /* @__PURE__ */_jsx(ToolbarButton, {
+        active: state.isItalic,
+        onPress: function onPress() {
+          var _editorRef_current;
+          return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("italic");
+        },
+        "aria-label": "Italic",
+        tooltip: SHORTCUTS.italic,
+        children: /* @__PURE__ */_jsx(ItalicIcon, {
+          children: "I"
+        })
+      }), /* @__PURE__ */_jsx(ToolbarButton, {
+        active: state.isUnderline,
+        onPress: function onPress() {
+          var _editorRef_current;
+          return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("underline");
+        },
+        "aria-label": "Underline",
+        tooltip: SHORTCUTS.underline,
+        children: /* @__PURE__ */_jsx(UnderlineIcon, {
+          children: "U"
+        })
+      }), /* @__PURE__ */_jsx(ToolbarButton, {
+        active: state.isStrike,
+        onPress: function onPress() {
+          var _editorRef_current;
+          return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("strike");
+        },
+        "aria-label": "Strikethrough",
+        tooltip: SHORTCUTS.strike,
+        children: /* @__PURE__ */_jsx(StrikeIcon, {
+          children: "S"
+        })
+      }), /* @__PURE__ */_jsx(ToolbarButton, {
+        active: state.isCode,
+        onPress: function onPress() {
+          var _editorRef_current;
+          return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("code");
+        },
+        "aria-label": "Code",
+        tooltip: SHORTCUTS.code,
+        children: "</>"
+      }), /* @__PURE__ */_jsx(ToolbarButton, {
+        active: state.isSubscript,
+        onPress: function onPress() {
+          var _editorRef_current;
+          return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("subscript");
+        },
+        "aria-label": "Subscript",
+        tooltip: SHORTCUTS.subscript,
+        children: /* @__PURE__ */_jsx(SubscriptIcon, {})
+      }), /* @__PURE__ */_jsx(ToolbarButton, {
+        active: state.isSuperscript,
+        onPress: function onPress() {
+          var _editorRef_current;
+          return (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("superscript");
+        },
+        "aria-label": "Superscript",
+        tooltip: SHORTCUTS.superscript,
+        children: /* @__PURE__ */_jsx(SuperscriptIcon, {})
+      }), /* Color pickers */
+      /* @__PURE__ */_jsx(TextColorPicker, {
+        editorRef,
+        state
+      }), /* @__PURE__ */_jsx(HighlightColorPicker, {
+        editorRef,
+        state
+      }), /* Link */
+      /* @__PURE__ */_jsx(LinkDialog, {
+        editorRef,
+        state
+      })]
+    })
+  });
+}
+export { BubbleToolbar };
+//# sourceMappingURL=BubbleToolbar.native.js.map

package/dist/esm/toolbar/BubbleToolbar.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","BubbleMenu","useResolvedKnobs","XStack","defaultEditorState","ToolbarButton","BoldIcon","ItalicIcon","UnderlineIcon","StrikeIcon","SubscriptIcon","SuperscriptIcon","TextColorPicker","HighlightColorPicker","LinkDialog","SHORTCUTS","BubbleToolbar","param","editor","editorRef","state","knobProps","shouldShow","param2","e","from","to","isActive","children","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","active","isBold","onPress","_editorRef_current","current","executeCommand","tooltip","bold","isItalic","italic","isUnderline","underline","isStrike","strike","isCode","code","isSubscript","subscript","isSuperscript","superscript"],"sources":["../../../src/toolbar/BubbleToolbar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/toolbar/CodeBlockBubble.mjs

@@ -0,0 +1,186 @@
+import { useCallback, useState } from "react";
+import { BubbleMenu } from "@tiptap/react/menus";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Popover, Text, XStack, YStack } from "tamagui";
+import { DropdownMenuItemFrame } from "../styled.mjs";
+import { ToolbarButton, ToolbarDropdownButton } from "./ToolbarButton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const LANGUAGES = [{
+  value: null,
+  label: "Plain text"
+}, {
+  value: "bash",
+  label: "Bash"
+}, {
+  value: "c",
+  label: "C"
+}, {
+  value: "cpp",
+  label: "C++"
+}, {
+  value: "csharp",
+  label: "C#"
+}, {
+  value: "css",
+  label: "CSS"
+}, {
+  value: "go",
+  label: "Go"
+}, {
+  value: "graphql",
+  label: "GraphQL"
+}, {
+  value: "java",
+  label: "Java"
+}, {
+  value: "javascript",
+  label: "JavaScript"
+}, {
+  value: "json",
+  label: "JSON"
+}, {
+  value: "kotlin",
+  label: "Kotlin"
+}, {
+  value: "markdown",
+  label: "Markdown"
+}, {
+  value: "php",
+  label: "PHP"
+}, {
+  value: "python",
+  label: "Python"
+}, {
+  value: "ruby",
+  label: "Ruby"
+}, {
+  value: "rust",
+  label: "Rust"
+}, {
+  value: "scss",
+  label: "SCSS"
+}, {
+  value: "sql",
+  label: "SQL"
+}, {
+  value: "swift",
+  label: "Swift"
+}, {
+  value: "typescript",
+  label: "TypeScript"
+}, {
+  value: "xml",
+  label: "XML / HTML"
+}, {
+  value: "yaml",
+  label: "YAML"
+}];
+function TrashIcon() {
+  return /* @__PURE__ */jsxs("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [/* @__PURE__ */jsx("polyline", {
+      points: "3 6 5 6 21 6"
+    }), /* @__PURE__ */jsx("path", {
+      d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
+    })]
+  });
+}
+function CodeBlockBubble({
+  editor
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [langOpen, setLangOpen] = useState(false);
+  const currentLang = editor?.getAttributes("codeBlock")?.language ?? null;
+  const currentLabel = LANGUAGES.find(l => l.value === currentLang)?.label ?? currentLang ?? "Plain text";
+  const setLanguage = useCallback(lang => {
+    if (!editor) return;
+    editor.chain().focus().updateAttributes("codeBlock", {
+      language: lang
+    }).run();
+    setLangOpen(false);
+  }, [editor]);
+  const removeCodeBlock = useCallback(() => {
+    if (!editor) return;
+    editor.chain().focus().toggleCodeBlock().run();
+  }, [editor]);
+  if (!editor) return null;
+  return /* @__PURE__ */jsx(BubbleMenu, {
+    editor,
+    shouldShow: ({
+      editor: e
+    }) => e.isActive("codeBlock"),
+    options: {
+      placement: "top-start"
+    },
+    children: /* @__PURE__ */jsxs(XStack, {
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      padding: "$1",
+      gap: "$1",
+      alignItems: "center",
+      elevation: knobProps.elevation,
+      children: [/* @__PURE__ */jsxs(Popover, {
+        open: langOpen,
+        onOpenChange: setLangOpen,
+        placement: "bottom-start",
+        children: [/* @__PURE__ */jsx(Popover.Trigger, {
+          asChild: true,
+          children: /* @__PURE__ */jsx(ToolbarDropdownButton, {
+            onPress: () => setLangOpen(true),
+            "aria-label": "Select language",
+            children: /* @__PURE__ */jsx(Text, {
+              fontSize: 12,
+              children: currentLabel
+            })
+          })
+        }), /* @__PURE__ */jsx(Popover.Content, {
+          ...knobProps.panelPadding,
+          backgroundColor: "$background",
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          borderRadius: knobProps.borderRadius.borderRadius,
+          elevation: knobProps.elevation,
+          enterStyle: {
+            opacity: 0,
+            y: -5
+          },
+          exitStyle: {
+            opacity: 0,
+            y: -5
+          },
+          children: /* @__PURE__ */jsx(YStack, {
+            gap: "$0.5",
+            minWidth: 160,
+            maxHeight: 280,
+            overflow: "scroll",
+            children: LANGUAGES.map(lang => /* @__PURE__ */jsx(DropdownMenuItemFrame, {
+              active: currentLang === lang.value,
+              onPress: () => setLanguage(lang.value),
+              "aria-label": lang.label,
+              children: /* @__PURE__ */jsx(Text, {
+                fontSize: 13,
+                children: lang.label
+              })
+            }, lang.label))
+          })
+        })]
+      }), /* @__PURE__ */jsx(ToolbarButton, {
+        onPress: removeCodeBlock,
+        "aria-label": "Remove code block",
+        tooltip: "Remove code block",
+        children: /* @__PURE__ */jsx(TrashIcon, {})
+      })]
+    })
+  });
+}
+export { CodeBlockBubble };
+//# sourceMappingURL=CodeBlockBubble.mjs.map

package/dist/esm/toolbar/CodeBlockBubble.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","BubbleMenu","useResolvedKnobs","Popover","Text","XStack","YStack","DropdownMenuItemFrame","ToolbarButton","ToolbarDropdownButton","jsx","jsxs","LANGUAGES","value","label","TrashIcon","width","height","viewBox","fill","stroke","strokeWidth","children","points","d","CodeBlockBubble","editor","knobProps","langOpen","setLangOpen","currentLang","getAttributes","language","currentLabel","find","l","setLanguage","lang","chain","focus","updateAttributes","run","removeCodeBlock","toggleCodeBlock","shouldShow","e","isActive","options","placement","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","open","onOpenChange","Trigger","asChild","onPress","fontSize","Content","panelPadding","enterStyle","opacity","y","exitStyle","minWidth","maxHeight","overflow","map","active","tooltip"],"sources":["../../../src/toolbar/CodeBlockBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/toolbar/CodeBlockBubble.native.js

@@ -0,0 +1,200 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { BubbleMenu } from "@tiptap/react/menus";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Popover, Text, XStack, YStack } from "tamagui";
+import { DropdownMenuItemFrame } from "../styled.native.js";
+import { ToolbarButton, ToolbarDropdownButton } from "./ToolbarButton.native.js";
+var LANGUAGES = [{
+  value: null,
+  label: "Plain text"
+}, {
+  value: "bash",
+  label: "Bash"
+}, {
+  value: "c",
+  label: "C"
+}, {
+  value: "cpp",
+  label: "C++"
+}, {
+  value: "csharp",
+  label: "C#"
+}, {
+  value: "css",
+  label: "CSS"
+}, {
+  value: "go",
+  label: "Go"
+}, {
+  value: "graphql",
+  label: "GraphQL"
+}, {
+  value: "java",
+  label: "Java"
+}, {
+  value: "javascript",
+  label: "JavaScript"
+}, {
+  value: "json",
+  label: "JSON"
+}, {
+  value: "kotlin",
+  label: "Kotlin"
+}, {
+  value: "markdown",
+  label: "Markdown"
+}, {
+  value: "php",
+  label: "PHP"
+}, {
+  value: "python",
+  label: "Python"
+}, {
+  value: "ruby",
+  label: "Ruby"
+}, {
+  value: "rust",
+  label: "Rust"
+}, {
+  value: "scss",
+  label: "SCSS"
+}, {
+  value: "sql",
+  label: "SQL"
+}, {
+  value: "swift",
+  label: "Swift"
+}, {
+  value: "typescript",
+  label: "TypeScript"
+}, {
+  value: "xml",
+  label: "XML / HTML"
+}, {
+  value: "yaml",
+  label: "YAML"
+}];
+function TrashIcon() {
+  return /* @__PURE__ */_jsxs("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [/* @__PURE__ */_jsx("polyline", {
+      points: "3 6 5 6 21 6"
+    }), /* @__PURE__ */_jsx("path", {
+      d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
+    })]
+  });
+}
+function CodeBlockBubble(param) {
+  var {
+    editor
+  } = param;
+  var _ref, _ref1, _ref2;
+  var _editor_getAttributes, _LANGUAGES_find;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var [langOpen, setLangOpen] = useState(false);
+  var currentLang = (_ref = editor === null || editor === void 0 ? void 0 : (_editor_getAttributes = editor.getAttributes("codeBlock")) === null || _editor_getAttributes === void 0 ? void 0 : _editor_getAttributes.language) !== null && _ref !== void 0 ? _ref : null;
+  var currentLabel = (_ref1 = (_ref2 = (_LANGUAGES_find = LANGUAGES.find(function (l) {
+    return l.value === currentLang;
+  })) === null || _LANGUAGES_find === void 0 ? void 0 : _LANGUAGES_find.label) !== null && _ref2 !== void 0 ? _ref2 : currentLang) !== null && _ref1 !== void 0 ? _ref1 : "Plain text";
+  var setLanguage = useCallback(function (lang) {
+    if (!editor) return;
+    editor.chain().focus().updateAttributes("codeBlock", {
+      language: lang
+    }).run();
+    setLangOpen(false);
+  }, [editor]);
+  var removeCodeBlock = useCallback(function () {
+    if (!editor) return;
+    editor.chain().focus().toggleCodeBlock().run();
+  }, [editor]);
+  if (!editor) return null;
+  return /* @__PURE__ */_jsx(BubbleMenu, {
+    editor,
+    shouldShow: function shouldShow(param2) {
+      var {
+        editor: e
+      } = param2;
+      return e.isActive("codeBlock");
+    },
+    options: {
+      placement: "top-start"
+    },
+    children: /* @__PURE__ */_jsxs(XStack, {
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      padding: "$1",
+      gap: "$1",
+      alignItems: "center",
+      elevation: knobProps.elevation,
+      children: [/* @__PURE__ */_jsxs(Popover, {
+        open: langOpen,
+        onOpenChange: setLangOpen,
+        placement: "bottom-start",
+        children: [/* @__PURE__ */_jsx(Popover.Trigger, {
+          asChild: true,
+          children: /* @__PURE__ */_jsx(ToolbarDropdownButton, {
+            onPress: function onPress() {
+              return setLangOpen(true);
+            },
+            "aria-label": "Select language",
+            children: /* @__PURE__ */_jsx(Text, {
+              fontSize: 12,
+              children: currentLabel
+            })
+          })
+        }), /* @__PURE__ */_jsx(Popover.Content, {
+          ...knobProps.panelPadding,
+          backgroundColor: "$background",
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          borderRadius: knobProps.borderRadius.borderRadius,
+          elevation: knobProps.elevation,
+          enterStyle: {
+            opacity: 0,
+            y: -5
+          },
+          exitStyle: {
+            opacity: 0,
+            y: -5
+          },
+          children: /* @__PURE__ */_jsx(YStack, {
+            gap: "$0.5",
+            minWidth: 160,
+            maxHeight: 280,
+            overflow: "scroll",
+            children: LANGUAGES.map(function (lang) {
+              return /* @__PURE__ */_jsx(DropdownMenuItemFrame, {
+                active: currentLang === lang.value,
+                onPress: function onPress() {
+                  return setLanguage(lang.value);
+                },
+                "aria-label": lang.label,
+                children: /* @__PURE__ */_jsx(Text, {
+                  fontSize: 13,
+                  children: lang.label
+                })
+              }, lang.label);
+            })
+          })
+        })]
+      }), /* @__PURE__ */_jsx(ToolbarButton, {
+        onPress: removeCodeBlock,
+        "aria-label": "Remove code block",
+        tooltip: "Remove code block",
+        children: /* @__PURE__ */_jsx(TrashIcon, {})
+      })]
+    })
+  });
+}
+export { CodeBlockBubble };
+//# sourceMappingURL=CodeBlockBubble.native.js.map

package/dist/esm/toolbar/CodeBlockBubble.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useCallback","useState","BubbleMenu","useResolvedKnobs","Popover","Text","XStack","YStack","DropdownMenuItemFrame","ToolbarButton","ToolbarDropdownButton","LANGUAGES","value","label","TrashIcon","width","height","viewBox","fill","stroke","strokeWidth","children","points","d","CodeBlockBubble","param","editor","_ref","_ref1","_ref2","_editor_getAttributes","_LANGUAGES_find","knobProps","langOpen","setLangOpen","currentLang","getAttributes","language"],"sources":["../../../src/toolbar/CodeBlockBubble.tsx"],"sourcesContent":[null],"mappings":"AAKA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAA,QAAgB;AAEtC,SAASC,WAAA,EAAAC,QAAkB;AAC3B,SAASC,UAAA,6BAAwB;AACjC,SAASC,gBAAe,QAAQ,0BAAc;AAC9C,SAASC,OAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAA6B;AACtC,SAASC,qBAAe;AA8BpB,SAQEC,aARF,EAAAC,qBAAA;AA5BJ,IAAAC,SAAM,IACJ;EACEC,KAAA,EAAO;EACPC,KAAA,EAAO;AACT,GACA;EACED,KAAA,EAAO;EACPC,KAAA,EAAO;AACT,GACA;EACED,KAAA,EAAO;EACPC,KAAA,EAAO;AACT,GACA;EACED,KAAA,EAAO;EACPC,KAAA,EAAO;AACT,GACA;EACED,KAAA,EAAO,QAAQ;EACfC,KAAA,EAAO;AACT,GACA;EACED,KAAA,EAAO;EACPC,KAAA,EAAO;AACX,GAEA;EACED,KACE;EAACC,KAAA;AAAA;EACOD,KACN,WAAO;EAAAC,KACP;AAAQ,GACH;EACED,KACP;EAAYC,KAEZ;AAAA,GAAgC;EACyDD,KAAA;EAAAC,KAAA;AAC3F,GAEJ;EAMOD,KAAS;EACdC,KAAM,EAAE;AACR,GAEA;EACAD,KAAM;EAGNC,KAAM;AAAc,GAEhB;EACAD,KAAA,YAAe;EACfC,KAAA;AAAiB,GACnB;EAEFD,KAAA;EAEAC,KAAM;AACJ,GACA;EACFD,KAAI,UAAO;EAEXC,KAAK;AAEL,GACE;EAACD,KAAA;EAAAC,KACC;AAAA,GACqD;EACnBD,KAElC;EAAAC,KAAC;AAAA;EACiBD,KAAA,EAChB;EAAaC,KAAA,EACb;AAAY,GACyB;EAC7BD,KAAA,EACR,KAAI;EAAAC,KAAA,EACJ;AAAW,GACU;EAErBD,KAAA;EACEC,KAAA;AAIA,GACA;EAASD,KAAA,cAAR;EAAAC,KAAA;AACe,GACE;EACHD,KAAA;EACDC,KAAA;AACyB,GAChB;EACWD,KAAA;EACDC,KAAA;AAI3B,EAAC;AAAA,SAAAC,UAAA;EAE8B,sBAC7Bf,KAAA,CAAS,OAAM;IAAsBgB,KAAA;IACpBC,MAAA;IAEeC,OAAA;IAAAC,IAAA;IALtBC,MAAA,gBAQhB;IAAAC,WAAA;IAAAC,QAAA,EACF,gBACFxB,IAAA;MAAAyB,MAEA;IAAA,IAAC,eAAAzB,IAAA;MAAA0B,CAAA;IACU;EAED;AAEG;AAAA,SAAAC,eACbA,CAAAC,KAAA;EAAA;IAAAC;EAAA,IAAAD,KAAA;EAAA,IAAAE,IAAA,EAAAC,KAAA,EAAAC,KAAA;EAAA,IACFC,qBAAA,EAAAC,eAAA;EAAA;IAAAC;EAAA,IAAA7B,gBAAA;EACF,KAAA8B,QAAA,EAAAC,WAAA,IAAAjC,QAAA;EAEJ,IAAAkC,WAAA,IAAAR,IAAA,GAAAD,MAAA,aAAAA,MAAA,wBAAAI,qBAAA,GAAAJ,MAAA,CAAAU,aAAA,2BAAAN,qBAAA,uBAAAA,qBAAA,CAAAO,QAAA,cAAAV,IAAA,cAAAA,IAAA","ignoreList":[]}