@webiny/lexical-nodes 6.3.0 → 6.4.0-beta.1

package/ParagraphNode.js

@@ -1,159 +1,130 @@
-import { ParagraphNode as BaseParagraphNode, addClassNamesToElement } from "lexical";
+import { ParagraphNode, addClassNamesToElement } from "lexical";
 import { Theme } from "@webiny/lexical-theme";
 import { getStyleId } from "./utils/getStyleId.js";
 function convertParagraphElement(element) {
-  const node = $createParagraphNode();
-  if (element.style) {
-    node.setFormat(element.style.textAlign);
-  }
-  return {
-    node
-  };
-}
-export class ParagraphNode extends BaseParagraphNode {
-  constructor(options = {}) {
-    const {
-      styleId,
-      key,
-      className
-    } = options;
-    super(key);
-    this.__styleId = styleId;
-    this.__className = className;
-  }
-  getStyleId() {
-    return this.__styleId;
-  }
-  setStyleId(styleId) {
-    this.__styleId = styleId;
-  }
-  setClassName(className) {
-    this.__className = className;
-  }
-  getClassName() {
-    return this.__className;
-  }
-  static getType() {
-    return "wby-paragraph";
-  }
-  static clone(node) {
-    return new ParagraphNode({
-      styleId: node.getStyleId(),
-      className: node.getClassName(),
-      key: node.__key
-    });
-  }
-  insertNewAfter(rangeSelection, restoreSelection) {
-    const newElement = $createParagraphNode();
-    newElement.setTextFormat(rangeSelection.format);
-    newElement.setTextStyle(rangeSelection.style);
-    const direction = this.getDirection();
-    newElement.setDirection(direction);
-    newElement.setFormat(this.getFormatType());
-    newElement.setStyle(this.getStyle());
-    this.insertAfter(newElement, restoreSelection);
-    return newElement;
-  }
-  createDOM(config) {
-    const element = super.createDOM(config);
-    return this.updateElementWithThemeClasses(element, Theme.from(config.theme));
-  }
-  exportDOM(editor) {
-    const base = super.exportDOM(editor);
-    const element = base.element;
-    if (element && this.__className) {
-      element.classList.add(this.__className);
-    }
-    return {
-      ...base,
-      element
-    };
-  }
-  updateDOM(prevNode, dom, config) {
-    const prevTypoStyleId = prevNode.getStyleId();
-    const nextTypoStyleId = this.getStyleId();
-    if (!nextTypoStyleId) {
-      this.updateElementWithThemeClasses(dom, Theme.from(config.theme));
-      return false;
-    }
-    if (prevTypoStyleId !== nextTypoStyleId && nextTypoStyleId) {
-      this.updateElementWithThemeClasses(dom, Theme.from(config.theme));
-    }
-    // Returning false tells Lexical that this node does not need its
-    // DOM element replacing with a new copy from createDOM.
-    return false;
-  }
-
-  /*
-   * On copy/paste event this method will be executed in and create a node
-   * */
-  static importDOM() {
-    return {
-      p: () => ({
-        conversion: convertParagraphElement,
-        priority: 0
-      })
-    };
-  }
-
-  /*
-   * Serialize the JSON data back into a node
-   */
-  static importJSON(serializedNode) {
     const node = $createParagraphNode();
-    node.setFormat(serializedNode.format);
-    node.setIndent(serializedNode.indent);
-    node.setDirection(serializedNode.direction);
-    const styleId = getStyleId({
-      styleId: serializedNode.styleId,
-      styles: serializedNode.styles
-    });
-    node.setStyleId(styleId);
-    node.setClassName(serializedNode.className);
-    return node;
-  }
-
-  /*
-   * Serialize the node to JSON data representation.
-   * */
-  exportJSON() {
+    if (element.style) node.setFormat(element.style.textAlign);
     return {
-      ...super.exportJSON(),
-      styleId: this.__styleId,
-      className: this.__className,
-      type: "wby-paragraph"
+        node
     };
-  }
-  updateElementWithThemeClasses(element, theme) {
-    if (!this.__styleId || !this.__className) {
-      this.setDefaultTypography(theme, this.__styleId);
-    }
-    if (this.__className) {
-      addClassNamesToElement(element, this.__className);
-    }
-    return element;
-  }
-  setDefaultTypography(theme, styleId) {
-    let typographyStyle = theme.getTypographyByTag("p");
-    if (styleId) {
-      const byStyleId = theme.getTypographyById(styleId);
-      if (byStyleId) {
-        typographyStyle = byStyleId;
-      }
-    }
-    if (typographyStyle) {
-      this.__styleId = typographyStyle.id;
-      this.__className = typographyStyle.className;
-    }
-  }
 }
-export function $createParagraphNode(styleId) {
-  return new ParagraphNode({
-    styleId
-  });
+class ParagraphNode_ParagraphNode extends ParagraphNode {
+    constructor(options = {}){
+        const { styleId, key, className } = options;
+        super(key);
+        this.__styleId = styleId;
+        this.__className = className;
+    }
+    getStyleId() {
+        return this.__styleId;
+    }
+    setStyleId(styleId) {
+        this.__styleId = styleId;
+    }
+    setClassName(className) {
+        this.__className = className;
+    }
+    getClassName() {
+        return this.__className;
+    }
+    static getType() {
+        return "wby-paragraph";
+    }
+    static clone(node) {
+        return new ParagraphNode_ParagraphNode({
+            styleId: node.getStyleId(),
+            className: node.getClassName(),
+            key: node.__key
+        });
+    }
+    insertNewAfter(rangeSelection, restoreSelection) {
+        const newElement = $createParagraphNode();
+        newElement.setTextFormat(rangeSelection.format);
+        newElement.setTextStyle(rangeSelection.style);
+        const direction = this.getDirection();
+        newElement.setDirection(direction);
+        newElement.setFormat(this.getFormatType());
+        newElement.setStyle(this.getStyle());
+        this.insertAfter(newElement, restoreSelection);
+        return newElement;
+    }
+    createDOM(config) {
+        const element = super.createDOM(config);
+        return this.updateElementWithThemeClasses(element, Theme.from(config.theme));
+    }
+    exportDOM(editor) {
+        const base = super.exportDOM(editor);
+        const element = base.element;
+        if (element && this.__className) element.classList.add(this.__className);
+        return {
+            ...base,
+            element
+        };
+    }
+    updateDOM(prevNode, dom, config) {
+        const prevTypoStyleId = prevNode.getStyleId();
+        const nextTypoStyleId = this.getStyleId();
+        if (!nextTypoStyleId) {
+            this.updateElementWithThemeClasses(dom, Theme.from(config.theme));
+            return false;
+        }
+        if (prevTypoStyleId !== nextTypoStyleId && nextTypoStyleId) this.updateElementWithThemeClasses(dom, Theme.from(config.theme));
+        return false;
+    }
+    static importDOM() {
+        return {
+            p: ()=>({
+                    conversion: convertParagraphElement,
+                    priority: 0
+                })
+        };
+    }
+    static importJSON(serializedNode) {
+        const node = $createParagraphNode();
+        node.setFormat(serializedNode.format);
+        node.setIndent(serializedNode.indent);
+        node.setDirection(serializedNode.direction);
+        const styleId = getStyleId({
+            styleId: serializedNode.styleId,
+            styles: serializedNode.styles
+        });
+        node.setStyleId(styleId);
+        node.setClassName(serializedNode.className);
+        return node;
+    }
+    exportJSON() {
+        return {
+            ...super.exportJSON(),
+            styleId: this.__styleId,
+            className: this.__className,
+            type: "wby-paragraph"
+        };
+    }
+    updateElementWithThemeClasses(element, theme) {
+        if (!this.__styleId || !this.__className) this.setDefaultTypography(theme, this.__styleId);
+        if (this.__className) addClassNamesToElement(element, this.__className);
+        return element;
+    }
+    setDefaultTypography(theme, styleId) {
+        let typographyStyle = theme.getTypographyByTag("p");
+        if (styleId) {
+            const byStyleId = theme.getTypographyById(styleId);
+            if (byStyleId) typographyStyle = byStyleId;
+        }
+        if (typographyStyle) {
+            this.__styleId = typographyStyle.id;
+            this.__className = typographyStyle.className;
+        }
+    }
+}
+function $createParagraphNode(styleId) {
+    return new ParagraphNode_ParagraphNode({
+        styleId
+    });
 }
-export function $isParagraphNode(node) {
-  return node instanceof ParagraphNode;
+function $isParagraphNode(node) {
+    return node instanceof ParagraphNode_ParagraphNode;
 }
+export { $createParagraphNode, $isParagraphNode, ParagraphNode_ParagraphNode as ParagraphNode };
 
 //# sourceMappingURL=ParagraphNode.js.map

package/ParagraphNode.js.map

@@ -1 +1 @@
-{"version":3,"names":["ParagraphNode","BaseParagraphNode","addClassNamesToElement","Theme","getStyleId","convertParagraphElement","element","node","$createParagraphNode","style","setFormat","textAlign","constructor","options","styleId","key","className","__styleId","__className","setStyleId","setClassName","getClassName","getType","clone","__key","insertNewAfter","rangeSelection","restoreSelection","newElement","setTextFormat","format","setTextStyle","direction","getDirection","setDirection","getFormatType","setStyle","getStyle","insertAfter","createDOM","config","updateElementWithThemeClasses","from","theme","exportDOM","editor","base","classList","add","updateDOM","prevNode","dom","prevTypoStyleId","nextTypoStyleId","importDOM","p","conversion","priority","importJSON","serializedNode","setIndent","indent","styles","exportJSON","type","setDefaultTypography","typographyStyle","getTypographyByTag","byStyleId","getTypographyById","id","$isParagraphNode"],"sources":["ParagraphNode.ts"],"sourcesContent":["import type {\n    DOMConversionMap,\n    DOMConversionOutput,\n    ElementFormatType,\n    LexicalNode,\n    NodeKey,\n    SerializedParagraphNode as SerializedBaseParagraphNode,\n    Spread,\n    LexicalEditor,\n    DOMExportOutput,\n    RangeSelection\n} from \"lexical\";\nimport { ParagraphNode as BaseParagraphNode, addClassNamesToElement } from \"lexical\";\nimport type { EditorConfig } from \"lexical\";\nimport { Theme } from \"@webiny/lexical-theme\";\nimport type { TypographyStylesNode, ThemeStyleValue } from \"~/types.js\";\nimport { getStyleId } from \"./utils/getStyleId.js\";\n\nfunction convertParagraphElement(element: HTMLElement): DOMConversionOutput {\n    const node = $createParagraphNode();\n    if (element.style) {\n        node.setFormat(element.style.textAlign as ElementFormatType);\n    }\n\n    return { node };\n}\n\nexport type SerializeParagraphNode = Spread<\n    {\n        styles?: ThemeStyleValue[];\n        styleId?: string;\n        className?: string;\n        type: \"wby-paragraph\";\n    },\n    SerializedBaseParagraphNode\n>;\n\ninterface ParagraphNodeOptions {\n    className?: string;\n    styleId?: string;\n    key?: NodeKey;\n}\n\nexport class ParagraphNode extends BaseParagraphNode implements TypographyStylesNode {\n    private __styleId: string | undefined;\n    private __className: string | undefined;\n\n    constructor(options: ParagraphNodeOptions = {}) {\n        const { styleId, key, className } = options;\n        super(key);\n\n        this.__styleId = styleId;\n        this.__className = className;\n    }\n\n    getStyleId(): string | undefined {\n        return this.__styleId;\n    }\n\n    setStyleId(styleId: string | undefined) {\n        this.__styleId = styleId;\n    }\n\n    setClassName(className: string | undefined) {\n        this.__className = className;\n    }\n\n    getClassName(): string | undefined {\n        return this.__className;\n    }\n\n    static override getType(): string {\n        return \"wby-paragraph\";\n    }\n\n    static override clone(node: ParagraphNode): ParagraphNode {\n        return new ParagraphNode({\n            styleId: node.getStyleId(),\n            className: node.getClassName(),\n            key: node.__key\n        });\n    }\n\n    override insertNewAfter(\n        rangeSelection: RangeSelection,\n        restoreSelection: boolean\n    ): ParagraphNode {\n        const newElement = $createParagraphNode();\n        newElement.setTextFormat(rangeSelection.format);\n        newElement.setTextStyle(rangeSelection.style);\n        const direction = this.getDirection();\n        newElement.setDirection(direction);\n        newElement.setFormat(this.getFormatType());\n        newElement.setStyle(this.getStyle());\n        this.insertAfter(newElement, restoreSelection);\n        return newElement;\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        return this.updateElementWithThemeClasses(element, Theme.from(config.theme));\n    }\n\n    override exportDOM(editor: LexicalEditor): DOMExportOutput {\n        const base = super.exportDOM(editor);\n\n        const element = base.element as HTMLElement;\n        if (element && this.__className) {\n            element.classList.add(this.__className);\n        }\n\n        return { ...base, element };\n    }\n\n    override updateDOM(prevNode: ParagraphNode, dom: HTMLElement, config: EditorConfig): boolean {\n        const prevTypoStyleId = prevNode.getStyleId();\n        const nextTypoStyleId = this.getStyleId();\n\n        if (!nextTypoStyleId) {\n            this.updateElementWithThemeClasses(dom, Theme.from(config.theme));\n            return false;\n        }\n\n        if (prevTypoStyleId !== nextTypoStyleId && nextTypoStyleId) {\n            this.updateElementWithThemeClasses(dom, Theme.from(config.theme));\n        }\n        // Returning false tells Lexical that this node does not need its\n        // DOM element replacing with a new copy from createDOM.\n        return false;\n    }\n\n    /*\n     * On copy/paste event this method will be executed in and create a node\n     * */\n    static override importDOM(): DOMConversionMap | null {\n        return {\n            p: () => ({\n                conversion: convertParagraphElement,\n                priority: 0\n            })\n        };\n    }\n\n    /*\n     * Serialize the JSON data back into a node\n     */\n    static override importJSON(serializedNode: SerializeParagraphNode): BaseParagraphNode {\n        const node = $createParagraphNode();\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n\n        const styleId = getStyleId({\n            styleId: serializedNode.styleId,\n            styles: serializedNode.styles\n        });\n\n        node.setStyleId(styleId);\n        node.setClassName(serializedNode.className);\n        return node;\n    }\n\n    /*\n     * Serialize the node to JSON data representation.\n     * */\n    override exportJSON(): SerializeParagraphNode {\n        return {\n            ...super.exportJSON(),\n            styleId: this.__styleId,\n            className: this.__className,\n            type: \"wby-paragraph\"\n        };\n    }\n\n    protected updateElementWithThemeClasses(element: HTMLElement, theme: Theme): HTMLElement {\n        if (!this.__styleId || !this.__className) {\n            this.setDefaultTypography(theme, this.__styleId);\n        }\n\n        if (this.__className) {\n            addClassNamesToElement(element, this.__className);\n        }\n\n        return element;\n    }\n\n    private setDefaultTypography(theme: Theme, styleId?: string) {\n        let typographyStyle = theme.getTypographyByTag(\"p\");\n        if (styleId) {\n            const byStyleId = theme.getTypographyById(styleId);\n            if (byStyleId) {\n                typographyStyle = byStyleId;\n            }\n        }\n\n        if (typographyStyle) {\n            this.__styleId = typographyStyle.id;\n            this.__className = typographyStyle.className;\n        }\n    }\n}\n\nexport function $createParagraphNode(styleId?: string): ParagraphNode {\n    return new ParagraphNode({ styleId });\n}\n\nexport function $isParagraphNode(node: LexicalNode | null | undefined): node is ParagraphNode {\n    return node instanceof ParagraphNode;\n}\n"],"mappings":"AAYA,SAASA,aAAa,IAAIC,iBAAiB,EAAEC,sBAAsB,QAAQ,SAAS;AAEpF,SAASC,KAAK,QAAQ,uBAAuB;AAE7C,SAASC,UAAU;AAEnB,SAASC,uBAAuBA,CAACC,OAAoB,EAAuB;EACxE,MAAMC,IAAI,GAAGC,oBAAoB,CAAC,CAAC;EACnC,IAAIF,OAAO,CAACG,KAAK,EAAE;IACfF,IAAI,CAACG,SAAS,CAACJ,OAAO,CAACG,KAAK,CAACE,SAA8B,CAAC;EAChE;EAEA,OAAO;IAAEJ;EAAK,CAAC;AACnB;AAkBA,OAAO,MAAMP,aAAa,SAASC,iBAAiB,CAAiC;EAIjFW,WAAWA,CAACC,OAA6B,GAAG,CAAC,CAAC,EAAE;IAC5C,MAAM;MAAEC,OAAO;MAAEC,GAAG;MAAEC;IAAU,CAAC,GAAGH,OAAO;IAC3C,KAAK,CAACE,GAAG,CAAC;IAEV,IAAI,CAACE,SAAS,GAAGH,OAAO;IACxB,IAAI,CAACI,WAAW,GAAGF,SAAS;EAChC;EAEAZ,UAAUA,CAAA,EAAuB;IAC7B,OAAO,IAAI,CAACa,SAAS;EACzB;EAEAE,UAAUA,CAACL,OAA2B,EAAE;IACpC,IAAI,CAACG,SAAS,GAAGH,OAAO;EAC5B;EAEAM,YAAYA,CAACJ,SAA6B,EAAE;IACxC,IAAI,CAACE,WAAW,GAAGF,SAAS;EAChC;EAEAK,YAAYA,CAAA,EAAuB;IAC/B,OAAO,IAAI,CAACH,WAAW;EAC3B;EAEA,OAAgBI,OAAOA,CAAA,EAAW;IAC9B,OAAO,eAAe;EAC1B;EAEA,OAAgBC,KAAKA,CAAChB,IAAmB,EAAiB;IACtD,OAAO,IAAIP,aAAa,CAAC;MACrBc,OAAO,EAAEP,IAAI,CAACH,UAAU,CAAC,CAAC;MAC1BY,SAAS,EAAET,IAAI,CAACc,YAAY,CAAC,CAAC;MAC9BN,GAAG,EAAER,IAAI,CAACiB;IACd,CAAC,CAAC;EACN;EAESC,cAAcA,CACnBC,cAA8B,EAC9BC,gBAAyB,EACZ;IACb,MAAMC,UAAU,GAAGpB,oBAAoB,CAAC,CAAC;IACzCoB,UAAU,CAACC,aAAa,CAACH,cAAc,CAACI,MAAM,CAAC;IAC/CF,UAAU,CAACG,YAAY,CAACL,cAAc,CAACjB,KAAK,CAAC;IAC7C,MAAMuB,SAAS,GAAG,IAAI,CAACC,YAAY,CAAC,CAAC;IACrCL,UAAU,CAACM,YAAY,CAACF,SAAS,CAAC;IAClCJ,UAAU,CAAClB,SAAS,CAAC,IAAI,CAACyB,aAAa,CAAC,CAAC,CAAC;IAC1CP,UAAU,CAACQ,QAAQ,CAAC,IAAI,CAACC,QAAQ,CAAC,CAAC,CAAC;IACpC,IAAI,CAACC,WAAW,CAACV,UAAU,EAAED,gBAAgB,CAAC;IAC9C,OAAOC,UAAU;EACrB;EAESW,SAASA,CAACC,MAAoB,EAAe;IAClD,MAAMlC,OAAO,GAAG,KAAK,CAACiC,SAAS,CAACC,MAAM,CAAC;IACvC,OAAO,IAAI,CAACC,6BAA6B,CAACnC,OAAO,EAAEH,KAAK,CAACuC,IAAI,CAACF,MAAM,CAACG,KAAK,CAAC,CAAC;EAChF;EAESC,SAASA,CAACC,MAAqB,EAAmB;IACvD,MAAMC,IAAI,GAAG,KAAK,CAACF,SAAS,CAACC,MAAM,CAAC;IAEpC,MAAMvC,OAAO,GAAGwC,IAAI,CAACxC,OAAsB;IAC3C,IAAIA,OAAO,IAAI,IAAI,CAACY,WAAW,EAAE;MAC7BZ,OAAO,CAACyC,SAAS,CAACC,GAAG,CAAC,IAAI,CAAC9B,WAAW,CAAC;IAC3C;IAEA,OAAO;MAAE,GAAG4B,IAAI;MAAExC;IAAQ,CAAC;EAC/B;EAES2C,SAASA,CAACC,QAAuB,EAAEC,GAAgB,EAAEX,MAAoB,EAAW;IACzF,MAAMY,eAAe,GAAGF,QAAQ,CAAC9C,UAAU,CAAC,CAAC;IAC7C,MAAMiD,eAAe,GAAG,IAAI,CAACjD,UAAU,CAAC,CAAC;IAEzC,IAAI,CAACiD,eAAe,EAAE;MAClB,IAAI,CAACZ,6BAA6B,CAACU,GAAG,EAAEhD,KAAK,CAACuC,IAAI,CAACF,MAAM,CAACG,KAAK,CAAC,CAAC;MACjE,OAAO,KAAK;IAChB;IAEA,IAAIS,eAAe,KAAKC,eAAe,IAAIA,eAAe,EAAE;MACxD,IAAI,CAACZ,6BAA6B,CAACU,GAAG,EAAEhD,KAAK,CAACuC,IAAI,CAACF,MAAM,CAACG,KAAK,CAAC,CAAC;IACrE;IACA;IACA;IACA,OAAO,KAAK;EAChB;;EAEA;AACJ;AACA;EACI,OAAgBW,SAASA,CAAA,EAA4B;IACjD,OAAO;MACHC,CAAC,EAAEA,CAAA,MAAO;QACNC,UAAU,EAAEnD,uBAAuB;QACnCoD,QAAQ,EAAE;MACd,CAAC;IACL,CAAC;EACL;;EAEA;AACJ;AACA;EACI,OAAgBC,UAAUA,CAACC,cAAsC,EAAqB;IAClF,MAAMpD,IAAI,GAAGC,oBAAoB,CAAC,CAAC;IACnCD,IAAI,CAACG,SAAS,CAACiD,cAAc,CAAC7B,MAAM,CAAC;IACrCvB,IAAI,CAACqD,SAAS,CAACD,cAAc,CAACE,MAAM,CAAC;IACrCtD,IAAI,CAAC2B,YAAY,CAACyB,cAAc,CAAC3B,SAAS,CAAC;IAE3C,MAAMlB,OAAO,GAAGV,UAAU,CAAC;MACvBU,OAAO,EAAE6C,cAAc,CAAC7C,OAAO;MAC/BgD,MAAM,EAAEH,cAAc,CAACG;IAC3B,CAAC,CAAC;IAEFvD,IAAI,CAACY,UAAU,CAACL,OAAO,CAAC;IACxBP,IAAI,CAACa,YAAY,CAACuC,cAAc,CAAC3C,SAAS,CAAC;IAC3C,OAAOT,IAAI;EACf;;EAEA;AACJ;AACA;EACawD,UAAUA,CAAA,EAA2B;IAC1C,OAAO;MACH,GAAG,KAAK,CAACA,UAAU,CAAC,CAAC;MACrBjD,OAAO,EAAE,IAAI,CAACG,SAAS;MACvBD,SAAS,EAAE,IAAI,CAACE,WAAW;MAC3B8C,IAAI,EAAE;IACV,CAAC;EACL;EAEUvB,6BAA6BA,CAACnC,OAAoB,EAAEqC,KAAY,EAAe;IACrF,IAAI,CAAC,IAAI,CAAC1B,SAAS,IAAI,CAAC,IAAI,CAACC,WAAW,EAAE;MACtC,IAAI,CAAC+C,oBAAoB,CAACtB,KAAK,EAAE,IAAI,CAAC1B,SAAS,CAAC;IACpD;IAEA,IAAI,IAAI,CAACC,WAAW,EAAE;MAClBhB,sBAAsB,CAACI,OAAO,EAAE,IAAI,CAACY,WAAW,CAAC;IACrD;IAEA,OAAOZ,OAAO;EAClB;EAEQ2D,oBAAoBA,CAACtB,KAAY,EAAE7B,OAAgB,EAAE;IACzD,IAAIoD,eAAe,GAAGvB,KAAK,CAACwB,kBAAkB,CAAC,GAAG,CAAC;IACnD,IAAIrD,OAAO,EAAE;MACT,MAAMsD,SAAS,GAAGzB,KAAK,CAAC0B,iBAAiB,CAACvD,OAAO,CAAC;MAClD,IAAIsD,SAAS,EAAE;QACXF,eAAe,GAAGE,SAAS;MAC/B;IACJ;IAEA,IAAIF,eAAe,EAAE;MACjB,IAAI,CAACjD,SAAS,GAAGiD,eAAe,CAACI,EAAE;MACnC,IAAI,CAACpD,WAAW,GAAGgD,eAAe,CAAClD,SAAS;IAChD;EACJ;AACJ;AAEA,OAAO,SAASR,oBAAoBA,CAACM,OAAgB,EAAiB;EAClE,OAAO,IAAId,aAAa,CAAC;IAAEc;EAAQ,CAAC,CAAC;AACzC;AAEA,OAAO,SAASyD,gBAAgBA,CAAChE,IAAoC,EAAyB;EAC1F,OAAOA,IAAI,YAAYP,aAAa;AACxC","ignoreList":[]}
+{"version":3,"file":"ParagraphNode.js","sources":["../src/ParagraphNode.ts"],"sourcesContent":["import type {\n    DOMConversionMap,\n    DOMConversionOutput,\n    ElementFormatType,\n    LexicalNode,\n    NodeKey,\n    SerializedParagraphNode as SerializedBaseParagraphNode,\n    Spread,\n    LexicalEditor,\n    DOMExportOutput,\n    RangeSelection\n} from \"lexical\";\nimport { ParagraphNode as BaseParagraphNode, addClassNamesToElement } from \"lexical\";\nimport type { EditorConfig } from \"lexical\";\nimport { Theme } from \"@webiny/lexical-theme\";\nimport type { TypographyStylesNode, ThemeStyleValue } from \"~/types.js\";\nimport { getStyleId } from \"./utils/getStyleId.js\";\n\nfunction convertParagraphElement(element: HTMLElement): DOMConversionOutput {\n    const node = $createParagraphNode();\n    if (element.style) {\n        node.setFormat(element.style.textAlign as ElementFormatType);\n    }\n\n    return { node };\n}\n\nexport type SerializeParagraphNode = Spread<\n    {\n        styles?: ThemeStyleValue[];\n        styleId?: string;\n        className?: string;\n        type: \"wby-paragraph\";\n    },\n    SerializedBaseParagraphNode\n>;\n\ninterface ParagraphNodeOptions {\n    className?: string;\n    styleId?: string;\n    key?: NodeKey;\n}\n\nexport class ParagraphNode extends BaseParagraphNode implements TypographyStylesNode {\n    private __styleId: string | undefined;\n    private __className: string | undefined;\n\n    constructor(options: ParagraphNodeOptions = {}) {\n        const { styleId, key, className } = options;\n        super(key);\n\n        this.__styleId = styleId;\n        this.__className = className;\n    }\n\n    getStyleId(): string | undefined {\n        return this.__styleId;\n    }\n\n    setStyleId(styleId: string | undefined) {\n        this.__styleId = styleId;\n    }\n\n    setClassName(className: string | undefined) {\n        this.__className = className;\n    }\n\n    getClassName(): string | undefined {\n        return this.__className;\n    }\n\n    static override getType(): string {\n        return \"wby-paragraph\";\n    }\n\n    static override clone(node: ParagraphNode): ParagraphNode {\n        return new ParagraphNode({\n            styleId: node.getStyleId(),\n            className: node.getClassName(),\n            key: node.__key\n        });\n    }\n\n    override insertNewAfter(\n        rangeSelection: RangeSelection,\n        restoreSelection: boolean\n    ): ParagraphNode {\n        const newElement = $createParagraphNode();\n        newElement.setTextFormat(rangeSelection.format);\n        newElement.setTextStyle(rangeSelection.style);\n        const direction = this.getDirection();\n        newElement.setDirection(direction);\n        newElement.setFormat(this.getFormatType());\n        newElement.setStyle(this.getStyle());\n        this.insertAfter(newElement, restoreSelection);\n        return newElement;\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        return this.updateElementWithThemeClasses(element, Theme.from(config.theme));\n    }\n\n    override exportDOM(editor: LexicalEditor): DOMExportOutput {\n        const base = super.exportDOM(editor);\n\n        const element = base.element as HTMLElement;\n        if (element && this.__className) {\n            element.classList.add(this.__className);\n        }\n\n        return { ...base, element };\n    }\n\n    override updateDOM(prevNode: ParagraphNode, dom: HTMLElement, config: EditorConfig): boolean {\n        const prevTypoStyleId = prevNode.getStyleId();\n        const nextTypoStyleId = this.getStyleId();\n\n        if (!nextTypoStyleId) {\n            this.updateElementWithThemeClasses(dom, Theme.from(config.theme));\n            return false;\n        }\n\n        if (prevTypoStyleId !== nextTypoStyleId && nextTypoStyleId) {\n            this.updateElementWithThemeClasses(dom, Theme.from(config.theme));\n        }\n        // Returning false tells Lexical that this node does not need its\n        // DOM element replacing with a new copy from createDOM.\n        return false;\n    }\n\n    /*\n     * On copy/paste event this method will be executed in and create a node\n     * */\n    static override importDOM(): DOMConversionMap | null {\n        return {\n            p: () => ({\n                conversion: convertParagraphElement,\n                priority: 0\n            })\n        };\n    }\n\n    /*\n     * Serialize the JSON data back into a node\n     */\n    static override importJSON(serializedNode: SerializeParagraphNode): BaseParagraphNode {\n        const node = $createParagraphNode();\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n\n        const styleId = getStyleId({\n            styleId: serializedNode.styleId,\n            styles: serializedNode.styles\n        });\n\n        node.setStyleId(styleId);\n        node.setClassName(serializedNode.className);\n        return node;\n    }\n\n    /*\n     * Serialize the node to JSON data representation.\n     * */\n    override exportJSON(): SerializeParagraphNode {\n        return {\n            ...super.exportJSON(),\n            styleId: this.__styleId,\n            className: this.__className,\n            type: \"wby-paragraph\"\n        };\n    }\n\n    protected updateElementWithThemeClasses(element: HTMLElement, theme: Theme): HTMLElement {\n        if (!this.__styleId || !this.__className) {\n            this.setDefaultTypography(theme, this.__styleId);\n        }\n\n        if (this.__className) {\n            addClassNamesToElement(element, this.__className);\n        }\n\n        return element;\n    }\n\n    private setDefaultTypography(theme: Theme, styleId?: string) {\n        let typographyStyle = theme.getTypographyByTag(\"p\");\n        if (styleId) {\n            const byStyleId = theme.getTypographyById(styleId);\n            if (byStyleId) {\n                typographyStyle = byStyleId;\n            }\n        }\n\n        if (typographyStyle) {\n            this.__styleId = typographyStyle.id;\n            this.__className = typographyStyle.className;\n        }\n    }\n}\n\nexport function $createParagraphNode(styleId?: string): ParagraphNode {\n    return new ParagraphNode({ styleId });\n}\n\nexport function $isParagraphNode(node: LexicalNode | null | undefined): node is ParagraphNode {\n    return node instanceof ParagraphNode;\n}\n"],"names":["convertParagraphElement","element","node","$createParagraphNode","ParagraphNode","BaseParagraphNode","options","styleId","key","className","rangeSelection","restoreSelection","newElement","direction","config","Theme","editor","base","prevNode","dom","prevTypoStyleId","nextTypoStyleId","serializedNode","getStyleId","theme","addClassNamesToElement","typographyStyle","byStyleId","$isParagraphNode"],"mappings":"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"}

package/QuoteNode.js

@@ -1,116 +1,111 @@
 import { $applyNodeReplacement, addClassNamesToElement } from "lexical";
 import { Theme } from "@webiny/lexical-theme";
-import { QuoteNode as BaseQuoteNode } from "@lexical/rich-text";
+import { QuoteNode } from "@lexical/rich-text";
 import { getStyleId } from "./utils/getStyleId.js";
-export class QuoteNode extends BaseQuoteNode {
-  constructor(options = {}) {
-    super(options.key);
-    this.__styleId = options?.styleId;
-    this.__className = options?.className;
-  }
-  getStyleId() {
-    return this.__styleId;
-  }
-  setStyleId(styleId) {
-    this.__styleId = styleId;
-  }
-  setClassName(className) {
-    this.__className = className;
-  }
-  getClassName() {
-    return this.__className;
-  }
-  setDefaultTypography(theme) {
-    // For some time in v5 we had `quoteblock` as tag name :facepalm: We must not break it.
-    const typographyStyle = theme.getTypographyByTag(["blockquote", "quoteblock"]);
-    if (typographyStyle) {
-      this.__styleId = typographyStyle.id;
-      this.__className = typographyStyle.className;
+class QuoteNode_QuoteNode extends QuoteNode {
+    constructor(options = {}){
+        super(options.key);
+        this.__styleId = options?.styleId;
+        this.__className = options?.className;
     }
-  }
-  static getType() {
-    return "wby-quote";
-  }
-  static clone(node) {
-    return new QuoteNode({
-      styleId: node.getStyleId(),
-      className: node.getClassName(),
-      key: node.getKey()
-    });
-  }
-  createDOM(config) {
-    const element = super.createDOM(config);
-    return this.updateElementWithThemeClasses(element, Theme.from(config.theme));
-  }
-  exportDOM(editor) {
-    const base = super.exportDOM(editor);
-    const element = base.element;
-    if (element && this.__className) {
-      element.classList.add(this.__className);
+    getStyleId() {
+        return this.__styleId;
     }
-    return {
-      ...base,
-      element
-    };
-  }
-  static importDomConversionMap() {
-    return {
-      conversion: convertBlockquoteElement,
-      priority: 0
-    };
-  }
-  static importDOM() {
-    return {
-      blockquote: () => {
-        return this.importDomConversionMap();
-      }
-    };
-  }
-  static importJSON(serializedNode) {
-    const node = $createQuoteNode();
-    node.setFormat(serializedNode.format);
-    node.setIndent(serializedNode.indent);
-    node.setDirection(serializedNode.direction);
-    const styleId = getStyleId({
-      styleId: serializedNode.styleId,
-      styles: serializedNode.styles
-    });
-    node.setStyleId(styleId);
-    node.setClassName(serializedNode.className);
-    return node;
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "wby-quote",
-      className: this.__className,
-      styleId: this.__styleId
-    };
-  }
-  updateElementWithThemeClasses(element, theme) {
-    if (!this.__styleId || !this.__className) {
-      this.setDefaultTypography(theme);
+    setStyleId(styleId) {
+        this.__styleId = styleId;
+    }
+    setClassName(className) {
+        this.__className = className;
+    }
+    getClassName() {
+        return this.__className;
+    }
+    setDefaultTypography(theme) {
+        const typographyStyle = theme.getTypographyByTag([
+            "blockquote",
+            "quoteblock"
+        ]);
+        if (typographyStyle) {
+            this.__styleId = typographyStyle.id;
+            this.__className = typographyStyle.className;
+        }
     }
-    if (this.__className) {
-      addClassNamesToElement(element, this.__className);
+    static getType() {
+        return "wby-quote";
+    }
+    static clone(node) {
+        return new QuoteNode_QuoteNode({
+            styleId: node.getStyleId(),
+            className: node.getClassName(),
+            key: node.getKey()
+        });
+    }
+    createDOM(config) {
+        const element = super.createDOM(config);
+        return this.updateElementWithThemeClasses(element, Theme.from(config.theme));
+    }
+    exportDOM(editor) {
+        const base = super.exportDOM(editor);
+        const element = base.element;
+        if (element && this.__className) element.classList.add(this.__className);
+        return {
+            ...base,
+            element
+        };
+    }
+    static importDomConversionMap() {
+        return {
+            conversion: convertBlockquoteElement,
+            priority: 0
+        };
+    }
+    static importDOM() {
+        return {
+            blockquote: ()=>this.importDomConversionMap()
+        };
+    }
+    static importJSON(serializedNode) {
+        const node = $createQuoteNode();
+        node.setFormat(serializedNode.format);
+        node.setIndent(serializedNode.indent);
+        node.setDirection(serializedNode.direction);
+        const styleId = getStyleId({
+            styleId: serializedNode.styleId,
+            styles: serializedNode.styles
+        });
+        node.setStyleId(styleId);
+        node.setClassName(serializedNode.className);
+        return node;
+    }
+    exportJSON() {
+        return {
+            ...super.exportJSON(),
+            type: "wby-quote",
+            className: this.__className,
+            styleId: this.__styleId
+        };
+    }
+    updateElementWithThemeClasses(element, theme) {
+        if (!this.__styleId || !this.__className) this.setDefaultTypography(theme);
+        if (this.__className) addClassNamesToElement(element, this.__className);
+        return element;
     }
-    return element;
-  }
 }
 function convertBlockquoteElement() {
-  const node = $createQuoteNode();
-  return {
-    node
-  };
+    const node = $createQuoteNode();
+    return {
+        node
+    };
 }
-export function $createQuoteNode(styleId, key) {
-  return $applyNodeReplacement(new QuoteNode({
-    styleId,
-    key
-  }));
+function $createQuoteNode(styleId, key) {
+    return $applyNodeReplacement(new QuoteNode_QuoteNode({
+        styleId,
+        key
+    }));
 }
-export function $isQuoteNode(node) {
-  return node instanceof QuoteNode;
+function $isQuoteNode(node) {
+    return node instanceof QuoteNode_QuoteNode;
 }
+export { $createQuoteNode, $isQuoteNode, QuoteNode_QuoteNode as QuoteNode };
 
 //# sourceMappingURL=QuoteNode.js.map

package/QuoteNode.js.map

@@ -1 +1 @@
-{"version":3,"names":["$applyNodeReplacement","addClassNamesToElement","Theme","QuoteNode","BaseQuoteNode","getStyleId","constructor","options","key","__styleId","styleId","__className","className","setStyleId","setClassName","getClassName","setDefaultTypography","theme","typographyStyle","getTypographyByTag","id","getType","clone","node","getKey","createDOM","config","element","updateElementWithThemeClasses","from","exportDOM","editor","base","classList","add","importDomConversionMap","conversion","convertBlockquoteElement","priority","importDOM","blockquote","importJSON","serializedNode","$createQuoteNode","setFormat","format","setIndent","indent","setDirection","direction","styles","exportJSON","type","$isQuoteNode"],"sources":["QuoteNode.ts"],"sourcesContent":["import type {\n    DOMConversion,\n    DOMConversionMap,\n    DOMExportOutput,\n    EditorConfig,\n    LexicalEditor,\n    LexicalNode,\n    NodeKey,\n    Spread\n} from \"lexical\";\nimport { $applyNodeReplacement, addClassNamesToElement } from \"lexical\";\nimport { Theme } from \"@webiny/lexical-theme\";\nimport type { SerializedQuoteNode as BaseSerializedQuoteNode } from \"@lexical/rich-text\";\nimport { QuoteNode as BaseQuoteNode } from \"@lexical/rich-text\";\nimport type { ThemeStyleValue, TypographyStylesNode } from \"~/types.js\";\nimport { getStyleId } from \"~/utils/getStyleId.js\";\n\nexport type SerializedQuoteNode = Spread<\n    {\n        styleId?: string;\n        styles?: ThemeStyleValue[];\n        className?: string;\n        type: \"wby-quote\";\n    },\n    BaseSerializedQuoteNode\n>;\n\ninterface QuoteNodeOptions {\n    className?: string;\n    styleId?: string;\n    key?: NodeKey;\n}\n\nexport class QuoteNode extends BaseQuoteNode implements TypographyStylesNode {\n    private __styleId: string | undefined;\n    private __className: string | undefined;\n\n    constructor(options: QuoteNodeOptions = {}) {\n        super(options.key);\n        this.__styleId = options?.styleId;\n        this.__className = options?.className;\n    }\n\n    getStyleId(): string | undefined {\n        return this.__styleId;\n    }\n\n    setStyleId(styleId: string | undefined) {\n        this.__styleId = styleId;\n    }\n\n    setClassName(className: string | undefined) {\n        this.__className = className;\n    }\n\n    getClassName(): string | undefined {\n        return this.__className;\n    }\n\n    private setDefaultTypography(theme: Theme) {\n        // For some time in v5 we had `quoteblock` as tag name :facepalm: We must not break it.\n        const typographyStyle = theme.getTypographyByTag([\"blockquote\", \"quoteblock\"]);\n\n        if (typographyStyle) {\n            this.__styleId = typographyStyle.id;\n            this.__className = typographyStyle.className;\n        }\n    }\n\n    static override getType(): string {\n        return \"wby-quote\";\n    }\n\n    static override clone(node: QuoteNode): QuoteNode {\n        return new QuoteNode({\n            styleId: node.getStyleId(),\n            className: node.getClassName(),\n            key: node.getKey()\n        });\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        return this.updateElementWithThemeClasses(element, Theme.from(config.theme));\n    }\n\n    override exportDOM(editor: LexicalEditor): DOMExportOutput {\n        const base = super.exportDOM(editor);\n\n        const element = base.element as HTMLElement;\n        if (element && this.__className) {\n            element.classList.add(this.__className);\n        }\n\n        return { ...base, element };\n    }\n\n    static importDomConversionMap(): DOMConversion<HTMLElement> | null {\n        return {\n            conversion: convertBlockquoteElement,\n            priority: 0\n        };\n    }\n\n    static override importDOM(): DOMConversionMap | null {\n        return {\n            blockquote: () => {\n                return this.importDomConversionMap();\n            }\n        };\n    }\n\n    static override importJSON(serializedNode: SerializedQuoteNode): QuoteNode {\n        const node = $createQuoteNode();\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n\n        const styleId = getStyleId({\n            styleId: serializedNode.styleId,\n            styles: serializedNode.styles\n        });\n\n        node.setStyleId(styleId);\n        node.setClassName(serializedNode.className);\n\n        return node;\n    }\n\n    override exportJSON(): SerializedQuoteNode {\n        return {\n            ...super.exportJSON(),\n            type: \"wby-quote\",\n            className: this.__className,\n            styleId: this.__styleId\n        };\n    }\n\n    protected updateElementWithThemeClasses(element: HTMLElement, theme: Theme): HTMLElement {\n        if (!this.__styleId || !this.__className) {\n            this.setDefaultTypography(theme);\n        }\n\n        if (this.__className) {\n            addClassNamesToElement(element, this.__className);\n        }\n\n        return element;\n    }\n}\n\nfunction convertBlockquoteElement() {\n    const node = $createQuoteNode();\n    return {\n        node\n    };\n}\n\nexport function $createQuoteNode(styleId?: string, key?: NodeKey): QuoteNode {\n    return $applyNodeReplacement(new QuoteNode({ styleId, key }));\n}\n\nexport function $isQuoteNode(node: LexicalNode | null | undefined): node is QuoteNode {\n    return node instanceof QuoteNode;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"QuoteNode.js","sources":["../src/QuoteNode.ts"],"sourcesContent":["import type {\n    DOMConversion,\n    DOMConversionMap,\n    DOMExportOutput,\n    EditorConfig,\n    LexicalEditor,\n    LexicalNode,\n    NodeKey,\n    Spread\n} from \"lexical\";\nimport { $applyNodeReplacement, addClassNamesToElement } from \"lexical\";\nimport { Theme } from \"@webiny/lexical-theme\";\nimport type { SerializedQuoteNode as BaseSerializedQuoteNode } from \"@lexical/rich-text\";\nimport { QuoteNode as BaseQuoteNode } from \"@lexical/rich-text\";\nimport type { ThemeStyleValue, TypographyStylesNode } from \"~/types.js\";\nimport { getStyleId } from \"~/utils/getStyleId.js\";\n\nexport type SerializedQuoteNode = Spread<\n    {\n        styleId?: string;\n        styles?: ThemeStyleValue[];\n        className?: string;\n        type: \"wby-quote\";\n    },\n    BaseSerializedQuoteNode\n>;\n\ninterface QuoteNodeOptions {\n    className?: string;\n    styleId?: string;\n    key?: NodeKey;\n}\n\nexport class QuoteNode extends BaseQuoteNode implements TypographyStylesNode {\n    private __styleId: string | undefined;\n    private __className: string | undefined;\n\n    constructor(options: QuoteNodeOptions = {}) {\n        super(options.key);\n        this.__styleId = options?.styleId;\n        this.__className = options?.className;\n    }\n\n    getStyleId(): string | undefined {\n        return this.__styleId;\n    }\n\n    setStyleId(styleId: string | undefined) {\n        this.__styleId = styleId;\n    }\n\n    setClassName(className: string | undefined) {\n        this.__className = className;\n    }\n\n    getClassName(): string | undefined {\n        return this.__className;\n    }\n\n    private setDefaultTypography(theme: Theme) {\n        // For some time in v5 we had `quoteblock` as tag name :facepalm: We must not break it.\n        const typographyStyle = theme.getTypographyByTag([\"blockquote\", \"quoteblock\"]);\n\n        if (typographyStyle) {\n            this.__styleId = typographyStyle.id;\n            this.__className = typographyStyle.className;\n        }\n    }\n\n    static override getType(): string {\n        return \"wby-quote\";\n    }\n\n    static override clone(node: QuoteNode): QuoteNode {\n        return new QuoteNode({\n            styleId: node.getStyleId(),\n            className: node.getClassName(),\n            key: node.getKey()\n        });\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        return this.updateElementWithThemeClasses(element, Theme.from(config.theme));\n    }\n\n    override exportDOM(editor: LexicalEditor): DOMExportOutput {\n        const base = super.exportDOM(editor);\n\n        const element = base.element as HTMLElement;\n        if (element && this.__className) {\n            element.classList.add(this.__className);\n        }\n\n        return { ...base, element };\n    }\n\n    static importDomConversionMap(): DOMConversion<HTMLElement> | null {\n        return {\n            conversion: convertBlockquoteElement,\n            priority: 0\n        };\n    }\n\n    static override importDOM(): DOMConversionMap | null {\n        return {\n            blockquote: () => {\n                return this.importDomConversionMap();\n            }\n        };\n    }\n\n    static override importJSON(serializedNode: SerializedQuoteNode): QuoteNode {\n        const node = $createQuoteNode();\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n\n        const styleId = getStyleId({\n            styleId: serializedNode.styleId,\n            styles: serializedNode.styles\n        });\n\n        node.setStyleId(styleId);\n        node.setClassName(serializedNode.className);\n\n        return node;\n    }\n\n    override exportJSON(): SerializedQuoteNode {\n        return {\n            ...super.exportJSON(),\n            type: \"wby-quote\",\n            className: this.__className,\n            styleId: this.__styleId\n        };\n    }\n\n    protected updateElementWithThemeClasses(element: HTMLElement, theme: Theme): HTMLElement {\n        if (!this.__styleId || !this.__className) {\n            this.setDefaultTypography(theme);\n        }\n\n        if (this.__className) {\n            addClassNamesToElement(element, this.__className);\n        }\n\n        return element;\n    }\n}\n\nfunction convertBlockquoteElement() {\n    const node = $createQuoteNode();\n    return {\n        node\n    };\n}\n\nexport function $createQuoteNode(styleId?: string, key?: NodeKey): QuoteNode {\n    return $applyNodeReplacement(new QuoteNode({ styleId, key }));\n}\n\nexport function $isQuoteNode(node: LexicalNode | null | undefined): node is QuoteNode {\n    return node instanceof QuoteNode;\n}\n"],"names":["QuoteNode","BaseQuoteNode","options","styleId","className","theme","typographyStyle","node","config","element","Theme","editor","base","convertBlockquoteElement","serializedNode","$createQuoteNode","getStyleId","addClassNamesToElement","key","$applyNodeReplacement","$isQuoteNode"],"mappings":";;;;AAiCO,MAAMA,4BAAkBC;IAI3B,YAAYC,UAA4B,CAAC,CAAC,CAAE;QACxC,KAAK,CAACA,QAAQ,GAAG;QACjB,IAAI,CAAC,SAAS,GAAGA,SAAS;QAC1B,IAAI,CAAC,WAAW,GAAGA,SAAS;IAChC;IAEA,aAAiC;QAC7B,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,WAAWC,OAA2B,EAAE;QACpC,IAAI,CAAC,SAAS,GAAGA;IACrB;IAEA,aAAaC,SAA6B,EAAE;QACxC,IAAI,CAAC,WAAW,GAAGA;IACvB;IAEA,eAAmC;QAC/B,OAAO,IAAI,CAAC,WAAW;IAC3B;IAEQ,qBAAqBC,KAAY,EAAE;QAEvC,MAAMC,kBAAkBD,MAAM,kBAAkB,CAAC;YAAC;YAAc;SAAa;QAE7E,IAAIC,iBAAiB;YACjB,IAAI,CAAC,SAAS,GAAGA,gBAAgB,EAAE;YACnC,IAAI,CAAC,WAAW,GAAGA,gBAAgB,SAAS;QAChD;IACJ;IAEA,OAAgB,UAAkB;QAC9B,OAAO;IACX;IAEA,OAAgB,MAAMC,IAAe,EAAa;QAC9C,OAAO,IAAIP,oBAAU;YACjB,SAASO,KAAK,UAAU;YACxB,WAAWA,KAAK,YAAY;YAC5B,KAAKA,KAAK,MAAM;QACpB;IACJ;IAES,UAAUC,MAAoB,EAAe;QAClD,MAAMC,UAAU,KAAK,CAAC,UAAUD;QAChC,OAAO,IAAI,CAAC,6BAA6B,CAACC,SAASC,MAAM,IAAI,CAACF,OAAO,KAAK;IAC9E;IAES,UAAUG,MAAqB,EAAmB;QACvD,MAAMC,OAAO,KAAK,CAAC,UAAUD;QAE7B,MAAMF,UAAUG,KAAK,OAAO;QAC5B,IAAIH,WAAW,IAAI,CAAC,WAAW,EAC3BA,QAAQ,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW;QAG1C,OAAO;YAAE,GAAGG,IAAI;YAAEH;QAAQ;IAC9B;IAEA,OAAO,yBAA4D;QAC/D,OAAO;YACH,YAAYI;YACZ,UAAU;QACd;IACJ;IAEA,OAAgB,YAAqC;QACjD,OAAO;YACH,YAAY,IACD,IAAI,CAAC,sBAAsB;QAE1C;IACJ;IAEA,OAAgB,WAAWC,cAAmC,EAAa;QACvE,MAAMP,OAAOQ;QACbR,KAAK,SAAS,CAACO,eAAe,MAAM;QACpCP,KAAK,SAAS,CAACO,eAAe,MAAM;QACpCP,KAAK,YAAY,CAACO,eAAe,SAAS;QAE1C,MAAMX,UAAUa,WAAW;YACvB,SAASF,eAAe,OAAO;YAC/B,QAAQA,eAAe,MAAM;QACjC;QAEAP,KAAK,UAAU,CAACJ;QAChBI,KAAK,YAAY,CAACO,eAAe,SAAS;QAE1C,OAAOP;IACX;IAES,aAAkC;QACvC,OAAO;YACH,GAAG,KAAK,CAAC,YAAY;YACrB,MAAM;YACN,WAAW,IAAI,CAAC,WAAW;YAC3B,SAAS,IAAI,CAAC,SAAS;QAC3B;IACJ;IAEU,8BAA8BE,OAAoB,EAAEJ,KAAY,EAAe;QACrF,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,WAAW,EACpC,IAAI,CAAC,oBAAoB,CAACA;QAG9B,IAAI,IAAI,CAAC,WAAW,EAChBY,uBAAuBR,SAAS,IAAI,CAAC,WAAW;QAGpD,OAAOA;IACX;AACJ;AAEA,SAASI;IACL,MAAMN,OAAOQ;IACb,OAAO;QACHR;IACJ;AACJ;AAEO,SAASQ,iBAAiBZ,OAAgB,EAAEe,GAAa;IAC5D,OAAOC,sBAAsB,IAAInB,oBAAU;QAAEG;QAASe;IAAI;AAC9D;AAEO,SAASE,aAAab,IAAoC;IAC7D,OAAOA,gBAAgBP;AAC3B"}