@payloadcms/richtext-lexical 3.39.0-internal.32c7661 → 3.39.0

package/dist/features/textState/feature.client.js

@@ -0,0 +1,69 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TextStateIcon } from '../../lexical/ui/icons/TextState/index.js';
+import { createClientFeature } from '../../utilities/createClientFeature.js';
+import { registerTextStates, setTextState, StatePlugin } from './textState.js';
+const toolbarGroups = props => {
+  const items = [];
+  for (const stateKey in props.state) {
+    const key = props.state[stateKey];
+    for (const stateValue in key) {
+      const meta = key[stateValue];
+      items.push({
+        ChildComponent: () => /*#__PURE__*/_jsx(TextStateIcon, {
+          css: meta.css
+        }),
+        key: stateValue,
+        label: meta.label,
+        onSelect: ({
+          editor
+        }) => {
+          setTextState(editor, stateKey, stateValue);
+        }
+      });
+    }
+  }
+  const clearStyle = [{
+    ChildComponent: () => /*#__PURE__*/_jsx(TextStateIcon, {}),
+    key: `clear-style`,
+    label: 'Default style',
+    onSelect: ({
+      editor
+    }) => {
+      for (const stateKey in props.state) {
+        setTextState(editor, stateKey, undefined);
+      }
+    },
+    order: 1
+  }];
+  return [{
+    type: 'dropdown',
+    ChildComponent: () => /*#__PURE__*/_jsx(TextStateIcon, {
+      css: {
+        color: 'var(--theme-elevation-600)'
+      }
+    }),
+    items: [...clearStyle, ...items],
+    key: 'textState',
+    order: 30
+  }];
+};
+export const TextStateFeatureClient = createClientFeature(({
+  props
+}) => {
+  registerTextStates(props.state);
+  return {
+    plugins: [{
+      Component: StatePlugin,
+      position: 'normal'
+    }],
+    toolbarFixed: {
+      groups: toolbarGroups(props)
+    },
+    toolbarInline: {
+      groups: toolbarGroups(props)
+    }
+  };
+});
+//# sourceMappingURL=feature.client.js.map

package/dist/features/textState/feature.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.client.js","names":["TextStateIcon","createClientFeature","registerTextStates","setTextState","StatePlugin","toolbarGroups","props","items","stateKey","state","key","stateValue","meta","push","ChildComponent","_jsx","css","label","onSelect","editor","clearStyle","undefined","order","type","color","TextStateFeatureClient","plugins","Component","position","toolbarFixed","groups","toolbarInline"],"sources":["../../../src/features/textState/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport type { ToolbarDropdownGroup, ToolbarGroup } from '../toolbars/types.js'\nimport type { TextStateFeatureProps } from './feature.server.js'\n\nimport { TextStateIcon } from '../../lexical/ui/icons/TextState/index.js'\nimport { createClientFeature } from '../../utilities/createClientFeature.js'\nimport { registerTextStates, setTextState, StatePlugin } from './textState.js'\n\nconst toolbarGroups = (props: TextStateFeatureProps): ToolbarGroup[] => {\n  const items: ToolbarDropdownGroup['items'] = []\n\n  for (const stateKey in props.state) {\n    const key = props.state[stateKey]!\n    for (const stateValue in key) {\n      const meta = key[stateValue]!\n      items.push({\n        ChildComponent: () => <TextStateIcon css={meta.css} />,\n        key: stateValue,\n        label: meta.label,\n        onSelect: ({ editor }) => {\n          setTextState(editor, stateKey, stateValue)\n        },\n      })\n    }\n  }\n\n  const clearStyle: ToolbarDropdownGroup['items'] = [\n    {\n      ChildComponent: () => <TextStateIcon />,\n      key: `clear-style`,\n      label: 'Default style',\n      onSelect: ({ editor }) => {\n        for (const stateKey in props.state) {\n          setTextState(editor, stateKey, undefined)\n        }\n      },\n      order: 1,\n    },\n  ]\n\n  return [\n    {\n      type: 'dropdown',\n      ChildComponent: () => <TextStateIcon css={{ color: 'var(--theme-elevation-600)' }} />,\n      items: [...clearStyle, ...items],\n      key: 'textState',\n      order: 30,\n    },\n  ]\n}\n\nexport const TextStateFeatureClient = createClientFeature<TextStateFeatureProps>(({ props }) => {\n  registerTextStates(props.state)\n  return {\n    plugins: [\n      {\n        Component: StatePlugin,\n        position: 'normal',\n      },\n    ],\n    toolbarFixed: {\n      groups: toolbarGroups(props),\n    },\n    toolbarInline: {\n      groups: toolbarGroups(props),\n    },\n  }\n})\n"],"mappings":"AAAA;;;AAKA,SAASA,aAAa,QAAQ;AAC9B,SAASC,mBAAmB,QAAQ;AACpC,SAASC,kBAAkB,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAE9D,MAAMC,aAAA,GAAiBC,KAAA;EACrB,MAAMC,KAAA,GAAuC,EAAE;EAE/C,KAAK,MAAMC,QAAA,IAAYF,KAAA,CAAMG,KAAK,EAAE;IAClC,MAAMC,GAAA,GAAMJ,KAAA,CAAMG,KAAK,CAACD,QAAA,CAAS;IACjC,KAAK,MAAMG,UAAA,IAAcD,GAAA,EAAK;MAC5B,MAAME,IAAA,GAAOF,GAAG,CAACC,UAAA,CAAW;MAC5BJ,KAAA,CAAMM,IAAI,CAAC;QACTC,cAAA,EAAgBA,CAAA,kBAAMC,IAAA,CAACf,aAAA;UAAcgB,GAAA,EAAKJ,IAAA,CAAKI;;QAC/CN,GAAA,EAAKC,UAAA;QACLM,KAAA,EAAOL,IAAA,CAAKK,KAAK;QACjBC,QAAA,EAAUA,CAAC;UAAEC;QAAM,CAAE;UACnBhB,YAAA,CAAagB,MAAA,EAAQX,QAAA,EAAUG,UAAA;QACjC;MACF;IACF;EACF;EAEA,MAAMS,UAAA,GAA4C,CAChD;IACEN,cAAA,EAAgBA,CAAA,kBAAMC,IAAA,CAACf,aAAA;IACvBU,GAAA,EAAK,aAAa;IAClBO,KAAA,EAAO;IACPC,QAAA,EAAUA,CAAC;MAAEC;IAAM,CAAE;MACnB,KAAK,MAAMX,QAAA,IAAYF,KAAA,CAAMG,KAAK,EAAE;QAClCN,YAAA,CAAagB,MAAA,EAAQX,QAAA,EAAUa,SAAA;MACjC;IACF;IACAC,KAAA,EAAO;EACT,EACD;EAED,OAAO,CACL;IACEC,IAAA,EAAM;IACNT,cAAA,EAAgBA,CAAA,kBAAMC,IAAA,CAACf,aAAA;MAAcgB,GAAA,EAAK;QAAEQ,KAAA,EAAO;MAA6B;;IAChFjB,KAAA,EAAO,C,GAAIa,UAAA,E,GAAeb,KAAA,CAAM;IAChCG,GAAA,EAAK;IACLY,KAAA,EAAO;EACT,EACD;AACH;AAEA,OAAO,MAAMG,sBAAA,GAAyBxB,mBAAA,CAA2C,CAAC;EAAEK;AAAK,CAAE;EACzFJ,kBAAA,CAAmBI,KAAA,CAAMG,KAAK;EAC9B,OAAO;IACLiB,OAAA,EAAS,CACP;MACEC,SAAA,EAAWvB,WAAA;MACXwB,QAAA,EAAU;IACZ,EACD;IACDC,YAAA,EAAc;MACZC,MAAA,EAAQzB,aAAA,CAAcC,KAAA;IACxB;IACAyB,aAAA,EAAe;MACbD,MAAA,EAAQzB,aAAA,CAAcC,KAAA;IACxB;EACF;AACF","ignoreList":[]}

package/dist/features/textState/feature.server.d.ts

@@ -0,0 +1,60 @@
+import type { PropertiesHyphenFallback } from 'csstype';
+import type { Prettify } from 'ts-essentials';
+export type StyleObject = Prettify<{
+    [K in keyof PropertiesHyphenFallback]?: Extract<PropertiesHyphenFallback[K], string> | undefined;
+}>;
+export type StateValues = {
+    [stateValue: string]: {
+        css: StyleObject;
+        label: string;
+    };
+};
+export type TextStateFeatureProps = {
+    /**
+     * The keys of the top-level object (stateKeys) represent the attributes that the textNode can have (e.g., color).
+     * The values of the top-level object (stateValues) represent the values that the attribute can have (e.g., red, blue, etc.).
+     * Within the stateValue, you can define inline styles and labels.
+     *
+     * @note Because this is a common use case, we provide a defaultColors object with colors that
+     * look good in both dark and light mode, which you can use or adapt to your liking.
+     *
+     *
+     *
+     * @example
+     * import { defaultColors } from '@payloadcms/richtext-lexical'
+     *
+     * state: {
+     *   color: {
+     *     ...defaultColors.background,
+     *     ...defaultColors.text,
+     *     // fancy gradients!
+     *     galaxy: { label: 'Galaxy', css: { background: 'linear-gradient(to right, #0000ff, #ff0000)', color: 'white' } },
+     *     sunset: { label: 'Sunset', css: { background: 'linear-gradient(to top, #ff5f6d, #6a3093)' } },
+     *    },
+     *    // You can have both colored and underlined text at the same time.
+     *    // If you don't want that, you should group them within the same key.
+     *    // (just like I did with defaultColors and my fancy gradients)
+     *    underline: {
+     *      'solid': { label: 'Solid', css: { 'text-decoration': 'underline', 'text-underline-offset': '4px' } },
+     *      // You'll probably want to use the CSS light-dark() utility.
+     *      'yellow-dashed': { label: 'Yellow Dashed', css: { 'text-decoration': 'underline dashed', 'text-decoration-color': 'light-dark(#EAB308,yellow)', 'text-underline-offset': '4px' } },
+     *    },
+     * }
+     *
+     */
+    state: {
+        [stateKey: string]: StateValues;
+    };
+};
+/**
+ * Allows you to store key-value attributes within TextNodes and define inline styles for each combination.
+ * Inline styles are not part of the editorState, reducing the JSON size and allowing you to easily migrate or adapt styles later.
+ *
+ * This feature can be used, among other things, to add colors to text.
+ *
+ * For more information and examples, see the JSdocs for the "state" property that this feature receives as a parameter.
+ *
+ * @experimental There may be breaking changes to this API
+ */
+export declare const TextStateFeature: import("../typesServer.js").FeatureProviderProviderServer<TextStateFeatureProps, TextStateFeatureProps, TextStateFeatureProps>;
+//# sourceMappingURL=feature.server.d.ts.map

package/dist/features/textState/feature.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../src/features/textState/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAK7C,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;KAChC,CAAC,IAAI,MAAM,wBAAwB,CAAC,CAAC,EAClC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAG5C,SAAS;CACd,CAAC,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG;IAAE,CAAC,UAAU,EAAE,MAAM,GAAG;QAAE,GAAG,EAAE,WAAW,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAA;AAEvF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+BG;IACH,KAAK,EAAE;QAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,CAAA;KAAE,CAAA;CAC3C,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,gIAc3B,CAAA"}

package/dist/features/textState/feature.server.js

@@ -0,0 +1,25 @@
+import { createServerFeature } from '../../utilities/createServerFeature.js';
+/**
+ * Allows you to store key-value attributes within TextNodes and define inline styles for each combination.
+ * Inline styles are not part of the editorState, reducing the JSON size and allowing you to easily migrate or adapt styles later.
+ *
+ * This feature can be used, among other things, to add colors to text.
+ *
+ * For more information and examples, see the JSdocs for the "state" property that this feature receives as a parameter.
+ *
+ * @experimental There may be breaking changes to this API
+ */
+export const TextStateFeature = createServerFeature({
+  feature: ({
+    props
+  }) => {
+    return {
+      ClientFeature: '@payloadcms/richtext-lexical/client#TextStateFeatureClient',
+      clientFeatureProps: {
+        state: props.state
+      }
+    };
+  },
+  key: 'textState'
+});
+//# sourceMappingURL=feature.server.js.map

package/dist/features/textState/feature.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.server.js","names":["createServerFeature","TextStateFeature","feature","props","ClientFeature","clientFeatureProps","state","key"],"sources":["../../../src/features/textState/feature.server.ts"],"sourcesContent":["import type { PropertiesHyphenFallback } from 'csstype'\nimport type { Prettify } from 'ts-essentials'\n\nimport { createServerFeature } from '../../utilities/createServerFeature.js'\n\n// extracted from https://github.com/facebook/lexical/pull/7294\nexport type StyleObject = Prettify<{\n  [K in keyof PropertiesHyphenFallback]?:\n    | Extract<PropertiesHyphenFallback[K], string>\n    // This is simplified to not deal with arrays or numbers.\n    // This is an example after all!\n    | undefined\n}>\n\nexport type StateValues = { [stateValue: string]: { css: StyleObject; label: string } }\n\nexport type TextStateFeatureProps = {\n  /**\n   * The keys of the top-level object (stateKeys) represent the attributes that the textNode can have (e.g., color).\n   * The values of the top-level object (stateValues) represent the values that the attribute can have (e.g., red, blue, etc.).\n   * Within the stateValue, you can define inline styles and labels.\n   *\n   * @note Because this is a common use case, we provide a defaultColors object with colors that\n   * look good in both dark and light mode, which you can use or adapt to your liking.\n   *\n   *\n   *\n   * @example\n   * import { defaultColors } from '@payloadcms/richtext-lexical'\n   *\n   * state: {\n   *   color: {\n   *     ...defaultColors.background,\n   *     ...defaultColors.text,\n   *     // fancy gradients!\n   *     galaxy: { label: 'Galaxy', css: { background: 'linear-gradient(to right, #0000ff, #ff0000)', color: 'white' } },\n   *     sunset: { label: 'Sunset', css: { background: 'linear-gradient(to top, #ff5f6d, #6a3093)' } },\n   *    },\n   *    // You can have both colored and underlined text at the same time.\n   *    // If you don't want that, you should group them within the same key.\n   *    // (just like I did with defaultColors and my fancy gradients)\n   *    underline: {\n   *      'solid': { label: 'Solid', css: { 'text-decoration': 'underline', 'text-underline-offset': '4px' } },\n   *      // You'll probably want to use the CSS light-dark() utility.\n   *      'yellow-dashed': { label: 'Yellow Dashed', css: { 'text-decoration': 'underline dashed', 'text-decoration-color': 'light-dark(#EAB308,yellow)', 'text-underline-offset': '4px' } },\n   *    },\n   * }\n   *\n   */\n  state: { [stateKey: string]: StateValues }\n}\n\n/**\n * Allows you to store key-value attributes within TextNodes and define inline styles for each combination.\n * Inline styles are not part of the editorState, reducing the JSON size and allowing you to easily migrate or adapt styles later.\n *\n * This feature can be used, among other things, to add colors to text.\n *\n * For more information and examples, see the JSdocs for the \"state\" property that this feature receives as a parameter.\n *\n * @experimental There may be breaking changes to this API\n */\nexport const TextStateFeature = createServerFeature<\n  TextStateFeatureProps,\n  TextStateFeatureProps,\n  TextStateFeatureProps\n>({\n  feature: ({ props }) => {\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#TextStateFeatureClient',\n      clientFeatureProps: {\n        state: props.state,\n      },\n    }\n  },\n  key: 'textState',\n})\n"],"mappings":"AAGA,SAASA,mBAAmB,QAAQ;AAiDpC;;;;;;;;;;AAUA,OAAO,MAAMC,gBAAA,GAAmBD,mBAAA,CAI9B;EACAE,OAAA,EAASA,CAAC;IAAEC;EAAK,CAAE;IACjB,OAAO;MACLC,aAAA,EAAe;MACfC,kBAAA,EAAoB;QAClBC,KAAA,EAAOH,KAAA,CAAMG;MACf;IACF;EACF;EACAC,GAAA,EAAK;AACP","ignoreList":[]}

package/dist/features/textState/textState.d.ts

@@ -0,0 +1,6 @@
+import type { LexicalEditor } from 'lexical';
+import { type TextStateFeatureProps } from './feature.server.js';
+export declare function registerTextStates(state: TextStateFeatureProps['state']): void;
+export declare function setTextState(editor: LexicalEditor, stateKey: string, value: string | undefined): void;
+export declare function StatePlugin(): null;
+//# sourceMappingURL=textState.d.ts.map

package/dist/features/textState/textState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textState.d.ts","sourceRoot":"","sources":["../../../src/features/textState/textState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,SAAS,CAAA;AAOzD,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAUlF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,QASvE;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,QAU9F;AAED,wBAAgB,WAAW,SAuC1B"}

package/dist/features/textState/textState.js

@@ -0,0 +1,67 @@
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $forEachSelectedTextNode } from '@lexical/selection';
+import { $getNodeByKey, $getState, $setState, createState, TextNode } from 'lexical';
+import { useEffect } from 'react';
+const stateMap = new Map();
+export function registerTextStates(state) {
+  for (const stateKey in state) {
+    const stateValues = state[stateKey];
+    const stateConfig = createState(stateKey, {
+      parse: value => typeof value === 'string' && Object.keys(stateValues).includes(value) ? value : undefined
+    });
+    stateMap.set(stateKey, {
+      stateConfig,
+      stateValues
+    });
+  }
+}
+export function setTextState(editor, stateKey, value) {
+  editor.update(() => {
+    $forEachSelectedTextNode(textNode => {
+      const stateMapEntry = stateMap.get(stateKey);
+      if (!stateMapEntry) {
+        throw new Error(`State config for ${stateKey} not found`);
+      }
+      $setState(textNode, stateMapEntry.stateConfig, value);
+    });
+  });
+}
+export function StatePlugin() {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    return editor.registerMutationListener(TextNode, mutatedNodes => {
+      editor.getEditorState().read(() => {
+        for (const [nodeKey, mutation] of mutatedNodes) {
+          if (mutation === 'destroyed') {
+            continue;
+          }
+          const node = $getNodeByKey(nodeKey);
+          const dom = editor.getElementByKey(nodeKey);
+          if (!node || !dom) {
+            continue;
+          }
+          // stateKey could be color for example
+          stateMap.forEach((stateEntry, _stateKey) => {
+            // stateValue could be bg-red for example
+            const stateValue = $getState(node, stateEntry.stateConfig);
+            if (!stateValue) {
+              delete dom.dataset[_stateKey];
+              dom.style.cssText = '';
+              return;
+            }
+            dom.dataset[_stateKey] = stateValue;
+            const css = stateEntry.stateValues[stateValue]?.css;
+            if (!css) {
+              return;
+            }
+            Object.entries(css).forEach(([key, value]) => {
+              dom.style.setProperty(key, value);
+            });
+          });
+        }
+      });
+    });
+  }, [editor]);
+  return null;
+}
+//# sourceMappingURL=textState.js.map

package/dist/features/textState/textState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textState.js","names":["useLexicalComposerContext","$forEachSelectedTextNode","$getNodeByKey","$getState","$setState","createState","TextNode","useEffect","stateMap","Map","registerTextStates","state","stateKey","stateValues","stateConfig","parse","value","Object","keys","includes","undefined","set","setTextState","editor","update","textNode","stateMapEntry","get","Error","StatePlugin","registerMutationListener","mutatedNodes","getEditorState","read","nodeKey","mutation","node","dom","getElementByKey","forEach","stateEntry","_stateKey","stateValue","dataset","style","cssText","css","entries","key","setProperty"],"sources":["../../../src/features/textState/textState.ts"],"sourcesContent":["import type { LexicalEditor, StateConfig } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { $forEachSelectedTextNode } from '@lexical/selection'\nimport { $getNodeByKey, $getState, $setState, createState, TextNode } from 'lexical'\nimport { useEffect } from 'react'\n\nimport { type StateValues, type TextStateFeatureProps } from './feature.server.js'\n\nconst stateMap = new Map<\n  string,\n  {\n    stateConfig: StateConfig<string, string | undefined>\n    stateValues: StateValues\n  }\n>()\n\nexport function registerTextStates(state: TextStateFeatureProps['state']) {\n  for (const stateKey in state) {\n    const stateValues = state[stateKey]!\n    const stateConfig = createState(stateKey, {\n      parse: (value) =>\n        typeof value === 'string' && Object.keys(stateValues).includes(value) ? value : undefined,\n    })\n    stateMap.set(stateKey, { stateConfig, stateValues })\n  }\n}\n\nexport function setTextState(editor: LexicalEditor, stateKey: string, value: string | undefined) {\n  editor.update(() => {\n    $forEachSelectedTextNode((textNode) => {\n      const stateMapEntry = stateMap.get(stateKey)\n      if (!stateMapEntry) {\n        throw new Error(`State config for ${stateKey} not found`)\n      }\n      $setState(textNode, stateMapEntry.stateConfig, value)\n    })\n  })\n}\n\nexport function StatePlugin() {\n  const [editor] = useLexicalComposerContext()\n\n  useEffect(() => {\n    return editor.registerMutationListener(TextNode, (mutatedNodes) => {\n      editor.getEditorState().read(() => {\n        for (const [nodeKey, mutation] of mutatedNodes) {\n          if (mutation === 'destroyed') {\n            continue\n          }\n          const node = $getNodeByKey(nodeKey)\n          const dom = editor.getElementByKey(nodeKey)\n          if (!node || !dom) {\n            continue\n          }\n          // stateKey could be color for example\n          stateMap.forEach((stateEntry, _stateKey) => {\n            // stateValue could be bg-red for example\n            const stateValue = $getState(node, stateEntry.stateConfig)\n            if (!stateValue) {\n              delete dom.dataset[_stateKey]\n              dom.style.cssText = ''\n              return\n            }\n            dom.dataset[_stateKey] = stateValue\n            const css = stateEntry.stateValues[stateValue]?.css\n            if (!css) {\n              return\n            }\n            Object.entries(css).forEach(([key, value]) => {\n              dom.style.setProperty(key, value)\n            })\n          })\n        }\n      })\n    })\n  }, [editor])\n\n  return null\n}\n"],"mappings":"AAEA,SAASA,yBAAyB,QAAQ;AAC1C,SAASC,wBAAwB,QAAQ;AACzC,SAASC,aAAa,EAAEC,SAAS,EAAEC,SAAS,EAAEC,WAAW,EAAEC,QAAQ,QAAQ;AAC3E,SAASC,SAAS,QAAQ;AAI1B,MAAMC,QAAA,GAAW,IAAIC,GAAA;AAQrB,OAAO,SAASC,mBAAmBC,KAAqC;EACtE,KAAK,MAAMC,QAAA,IAAYD,KAAA,EAAO;IAC5B,MAAME,WAAA,GAAcF,KAAK,CAACC,QAAA,CAAS;IACnC,MAAME,WAAA,GAAcT,WAAA,CAAYO,QAAA,EAAU;MACxCG,KAAA,EAAQC,KAAA,IACN,OAAOA,KAAA,KAAU,YAAYC,MAAA,CAAOC,IAAI,CAACL,WAAA,EAAaM,QAAQ,CAACH,KAAA,IAASA,KAAA,GAAQI;IACpF;IACAZ,QAAA,CAASa,GAAG,CAACT,QAAA,EAAU;MAAEE,WAAA;MAAaD;IAAY;EACpD;AACF;AAEA,OAAO,SAASS,aAAaC,MAAqB,EAAEX,QAAgB,EAAEI,KAAyB;EAC7FO,MAAA,CAAOC,MAAM,CAAC;IACZvB,wBAAA,CAA0BwB,QAAA;MACxB,MAAMC,aAAA,GAAgBlB,QAAA,CAASmB,GAAG,CAACf,QAAA;MACnC,IAAI,CAACc,aAAA,EAAe;QAClB,MAAM,IAAIE,KAAA,CAAM,oBAAoBhB,QAAA,YAAoB;MAC1D;MACAR,SAAA,CAAUqB,QAAA,EAAUC,aAAA,CAAcZ,WAAW,EAAEE,KAAA;IACjD;EACF;AACF;AAEA,OAAO,SAASa,YAAA;EACd,MAAM,CAACN,MAAA,CAAO,GAAGvB,yBAAA;EAEjBO,SAAA,CAAU;IACR,OAAOgB,MAAA,CAAOO,wBAAwB,CAACxB,QAAA,EAAWyB,YAAA;MAChDR,MAAA,CAAOS,cAAc,GAAGC,IAAI,CAAC;QAC3B,KAAK,MAAM,CAACC,OAAA,EAASC,QAAA,CAAS,IAAIJ,YAAA,EAAc;UAC9C,IAAII,QAAA,KAAa,aAAa;YAC5B;UACF;UACA,MAAMC,IAAA,GAAOlC,aAAA,CAAcgC,OAAA;UAC3B,MAAMG,GAAA,GAAMd,MAAA,CAAOe,eAAe,CAACJ,OAAA;UACnC,IAAI,CAACE,IAAA,IAAQ,CAACC,GAAA,EAAK;YACjB;UACF;UACA;UACA7B,QAAA,CAAS+B,OAAO,CAAC,CAACC,UAAA,EAAYC,SAAA;YAC5B;YACA,MAAMC,UAAA,GAAavC,SAAA,CAAUiC,IAAA,EAAMI,UAAA,CAAW1B,WAAW;YACzD,IAAI,CAAC4B,UAAA,EAAY;cACf,OAAOL,GAAA,CAAIM,OAAO,CAACF,SAAA,CAAU;cAC7BJ,GAAA,CAAIO,KAAK,CAACC,OAAO,GAAG;cACpB;YACF;YACAR,GAAA,CAAIM,OAAO,CAACF,SAAA,CAAU,GAAGC,UAAA;YACzB,MAAMI,GAAA,GAAMN,UAAA,CAAW3B,WAAW,CAAC6B,UAAA,CAAW,EAAEI,GAAA;YAChD,IAAI,CAACA,GAAA,EAAK;cACR;YACF;YACA7B,MAAA,CAAO8B,OAAO,CAACD,GAAA,EAAKP,OAAO,CAAC,CAAC,CAACS,GAAA,EAAKhC,KAAA,CAAM;cACvCqB,GAAA,CAAIO,KAAK,CAACK,WAAW,CAACD,GAAA,EAAKhC,KAAA;YAC7B;UACF;QACF;MACF;IACF;EACF,GAAG,CAACO,MAAA,CAAO;EAEX,OAAO;AACT","ignoreList":[]}