@webiny/lexical-editor 6.0.0-alpha.5 → 6.0.0-rc.0

package/ui/TextInput.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/// <reference types="react" />
 import "./Input.css";
 type Props = Readonly<{
     "data-test-id"?: string;

package/utils/files.d.ts

@@ -1,11 +1,11 @@
-import type { ImagePayload } from "../commands";
+import type { ImagePayload } from "../commands/index.js";
 export interface FileManagerFileItem {
     id: string;
     src: string;
-    meta?: Array<FileManagerFileItemMetaItem>;
-}
-export interface FileManagerFileItemMetaItem {
-    key: string;
-    value: any;
+    name: string;
+    type: string;
+    size: number;
+    width?: number;
+    height?: number;
 }
 export declare const fileToImagePayload: (file: FileManagerFileItem) => ImagePayload | null;

package/utils/files.js

@@ -2,19 +2,9 @@ export const fileToImagePayload = file => {
   const imagePayload = {};
   imagePayload["id"] = file.id;
   imagePayload["src"] = file.src;
-  imagePayload["showCaption"] = true;
-  imagePayload["captionsEnabled"] = true;
-  if (file?.meta) {
-    for (const metaValue of file.meta) {
-      if (metaValue.key === "name") {
-        imagePayload["altText"] = metaValue.value;
-      } else if (metaValue.key === "width") {
-        imagePayload["width"] = metaValue.value;
-      } else if (metaValue.key === "height") {
-        imagePayload["height"] = metaValue.value;
-      }
-    }
-  }
+  imagePayload["altText"] = file.name;
+  imagePayload["width"] = file.width;
+  imagePayload["height"] = file.height;
   return imagePayload;
 };
 

package/utils/files.js.map

@@ -1 +1 @@
-{"version":3,"names":["fileToImagePayload","file","imagePayload","id","src","meta","metaValue","key","value"],"sources":["files.ts"],"sourcesContent":["import type { ImagePayload } from \"~/commands\";\n\nexport interface FileManagerFileItem {\n    id: string;\n    src: string;\n    meta?: Array<FileManagerFileItemMetaItem>;\n}\n\nexport interface FileManagerFileItemMetaItem {\n    key: string;\n    value: any;\n}\n\nexport const fileToImagePayload = (file: FileManagerFileItem): ImagePayload | null => {\n    const imagePayload = {} as ImagePayload;\n    imagePayload[\"id\"] = file.id;\n    imagePayload[\"src\"] = file.src;\n    imagePayload[\"showCaption\"] = true;\n    imagePayload[\"captionsEnabled\"] = true;\n\n    if (file?.meta) {\n        for (const metaValue of file.meta) {\n            if (metaValue.key === \"name\") {\n                imagePayload[\"altText\"] = metaValue.value;\n            } else if (metaValue.key === \"width\") {\n                imagePayload[\"width\"] = metaValue.value;\n            } else if (metaValue.key === \"height\") {\n                imagePayload[\"height\"] = metaValue.value;\n            }\n        }\n    }\n\n    return imagePayload;\n};\n"],"mappings":"AAaA,OAAO,MAAMA,kBAAkB,GAAIC,IAAyB,IAA0B;EAClF,MAAMC,YAAY,GAAG,CAAC,CAAiB;EACvCA,YAAY,CAAC,IAAI,CAAC,GAAGD,IAAI,CAACE,EAAE;EAC5BD,YAAY,CAAC,KAAK,CAAC,GAAGD,IAAI,CAACG,GAAG;EAC9BF,YAAY,CAAC,aAAa,CAAC,GAAG,IAAI;EAClCA,YAAY,CAAC,iBAAiB,CAAC,GAAG,IAAI;EAEtC,IAAID,IAAI,EAAEI,IAAI,EAAE;IACZ,KAAK,MAAMC,SAAS,IAAIL,IAAI,CAACI,IAAI,EAAE;MAC/B,IAAIC,SAAS,CAACC,GAAG,KAAK,MAAM,EAAE;QAC1BL,YAAY,CAAC,SAAS,CAAC,GAAGI,SAAS,CAACE,KAAK;MAC7C,CAAC,MAAM,IAAIF,SAAS,CAACC,GAAG,KAAK,OAAO,EAAE;QAClCL,YAAY,CAAC,OAAO,CAAC,GAAGI,SAAS,CAACE,KAAK;MAC3C,CAAC,MAAM,IAAIF,SAAS,CAACC,GAAG,KAAK,QAAQ,EAAE;QACnCL,YAAY,CAAC,QAAQ,CAAC,GAAGI,SAAS,CAACE,KAAK;MAC5C;IACJ;EACJ;EAEA,OAAON,YAAY;AACvB,CAAC","ignoreList":[]}
+{"version":3,"names":["fileToImagePayload","file","imagePayload","id","src","name","width","height"],"sources":["files.ts"],"sourcesContent":["import type { ImagePayload } from \"~/commands/index.js\";\n\nexport interface FileManagerFileItem {\n    id: string;\n    src: string;\n    name: string;\n    type: string; // MIME type\n    size: number; // bytes\n    // Required for images (apps depend on these for Next.js Image, etc.)\n    width?: number;\n    height?: number;\n}\n\nexport const fileToImagePayload = (file: FileManagerFileItem): ImagePayload | null => {\n    const imagePayload = {} as ImagePayload;\n    imagePayload[\"id\"] = file.id;\n    imagePayload[\"src\"] = file.src;\n    imagePayload[\"altText\"] = file.name;\n    imagePayload[\"width\"] = file.width;\n    imagePayload[\"height\"] = file.height;\n\n    return imagePayload;\n};\n"],"mappings":"AAaA,OAAO,MAAMA,kBAAkB,GAAIC,IAAyB,IAA0B;EAClF,MAAMC,YAAY,GAAG,CAAC,CAAiB;EACvCA,YAAY,CAAC,IAAI,CAAC,GAAGD,IAAI,CAACE,EAAE;EAC5BD,YAAY,CAAC,KAAK,CAAC,GAAGD,IAAI,CAACG,GAAG;EAC9BF,YAAY,CAAC,SAAS,CAAC,GAAGD,IAAI,CAACI,IAAI;EACnCH,YAAY,CAAC,OAAO,CAAC,GAAGD,IAAI,CAACK,KAAK;EAClCJ,YAAY,CAAC,QAAQ,CAAC,GAAGD,IAAI,CAACM,MAAM;EAEpC,OAAOL,YAAY;AACvB,CAAC","ignoreList":[]}

package/utils/insertImage.d.ts

@@ -1,2 +1,2 @@
-import type { InsertImagePayload } from "../plugins/ImagesPlugin/ImagesPlugin";
+import type { InsertImagePayload } from "../plugins/ImagesPlugin/ImagesPlugin.js";
 export declare const insertImage: (payload: InsertImagePayload) => boolean;

package/utils/insertImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["$insertNodes","$isRootOrShadowRoot","$wrapNodeInElement","$createParagraphNode","$createImageNode","insertImage","payload","imageNode","getParentOrThrow","selectEnd"],"sources":["insertImage.ts"],"sourcesContent":["import { $insertNodes, $isRootOrShadowRoot } from \"lexical\";\nimport { $wrapNodeInElement } from \"@lexical/utils\";\nimport { $createParagraphNode, $createImageNode } from \"@webiny/lexical-nodes\";\nimport type { InsertImagePayload } from \"~/plugins/ImagesPlugin/ImagesPlugin\";\n\n/*\n * Insert image into editor.\n */\nexport const insertImage = (payload: InsertImagePayload): boolean => {\n    const imageNode = $createImageNode(payload);\n    $insertNodes([imageNode]);\n    if ($isRootOrShadowRoot(imageNode.getParentOrThrow())) {\n        $wrapNodeInElement(imageNode, $createParagraphNode).selectEnd();\n    }\n    return true;\n};\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,mBAAmB,QAAQ,SAAS;AAC3D,SAASC,kBAAkB,QAAQ,gBAAgB;AACnD,SAASC,oBAAoB,EAAEC,gBAAgB,QAAQ,uBAAuB;AAG9E;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAIC,OAA2B,IAAc;EACjE,MAAMC,SAAS,GAAGH,gBAAgB,CAACE,OAAO,CAAC;EAC3CN,YAAY,CAAC,CAACO,SAAS,CAAC,CAAC;EACzB,IAAIN,mBAAmB,CAACM,SAAS,CAACC,gBAAgB,CAAC,CAAC,CAAC,EAAE;IACnDN,kBAAkB,CAACK,SAAS,EAAEJ,oBAAoB,CAAC,CAACM,SAAS,CAAC,CAAC;EACnE;EACA,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["$insertNodes","$isRootOrShadowRoot","$wrapNodeInElement","$createParagraphNode","$createImageNode","insertImage","payload","imageNode","getParentOrThrow","selectEnd"],"sources":["insertImage.ts"],"sourcesContent":["import { $insertNodes, $isRootOrShadowRoot } from \"lexical\";\nimport { $wrapNodeInElement } from \"@lexical/utils\";\nimport { $createParagraphNode, $createImageNode } from \"@webiny/lexical-nodes\";\nimport type { InsertImagePayload } from \"~/plugins/ImagesPlugin/ImagesPlugin.js\";\n\n/*\n * Insert image into editor.\n */\nexport const insertImage = (payload: InsertImagePayload): boolean => {\n    const imageNode = $createImageNode(payload);\n    $insertNodes([imageNode]);\n    if ($isRootOrShadowRoot(imageNode.getParentOrThrow())) {\n        $wrapNodeInElement(imageNode, $createParagraphNode).selectEnd();\n    }\n    return true;\n};\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,mBAAmB,QAAQ,SAAS;AAC3D,SAASC,kBAAkB,QAAQ,gBAAgB;AACnD,SAASC,oBAAoB,EAAEC,gBAAgB,QAAQ,uBAAuB;AAG9E;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAIC,OAA2B,IAAc;EACjE,MAAMC,SAAS,GAAGH,gBAAgB,CAACE,OAAO,CAAC;EAC3CN,YAAY,CAAC,CAACO,SAAS,CAAC,CAAC;EACzB,IAAIN,mBAAmB,CAACM,SAAS,CAACC,gBAAgB,CAAC,CAAC,CAAC,EAAE;IACnDN,kBAAkB,CAACK,SAAS,EAAEJ,oBAAoB,CAAC,CAACM,SAAS,CAAC,CAAC;EACnE;EACA,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/utils/isValidLexicalData.d.ts

@@ -1,4 +1,4 @@
 import type { SerializedEditorState } from "lexical";
-import type { LexicalValue } from "../types";
+import type { LexicalValue } from "../types.js";
 export declare const parseLexicalState: (editorStateValue: LexicalValue | null) => false | SerializedEditorState;
-export declare const isValidLexicalData: (editorStateValue: LexicalValue | null) => editorStateValue is string;
+export declare const isValidLexicalData: (editorStateValue: LexicalValue | null) => editorStateValue is LexicalValue;

package/utils/isValidLexicalData.js.map

@@ -1 +1 @@
-{"version":3,"names":["parseLexicalState","editorStateValue","maybeValidState","JSON","parse","isValidLexicalData","data"],"sources":["isValidLexicalData.ts"],"sourcesContent":["import type { SerializedEditorState } from \"lexical\";\nimport type { LexicalValue } from \"~/types\";\n\nexport const parseLexicalState = (\n    editorStateValue: LexicalValue | null\n): false | SerializedEditorState => {\n    if (!editorStateValue) {\n        return false;\n    }\n    try {\n        const maybeValidState = JSON.parse(editorStateValue);\n        return maybeValidState[\"root\"] ? maybeValidState : false;\n    } catch {\n        return false;\n    }\n};\n\nexport const isValidLexicalData = (\n    editorStateValue: LexicalValue | null\n): editorStateValue is LexicalValue => {\n    if (!editorStateValue) {\n        return false;\n    }\n\n    try {\n        const data = JSON.parse(editorStateValue);\n        return !!data[\"root\"];\n    } catch {\n        return false;\n    }\n};\n"],"mappings":"AAGA,OAAO,MAAMA,iBAAiB,GAC1BC,gBAAqC,IACL;EAChC,IAAI,CAACA,gBAAgB,EAAE;IACnB,OAAO,KAAK;EAChB;EACA,IAAI;IACA,MAAMC,eAAe,GAAGC,IAAI,CAACC,KAAK,CAACH,gBAAgB,CAAC;IACpD,OAAOC,eAAe,CAAC,MAAM,CAAC,GAAGA,eAAe,GAAG,KAAK;EAC5D,CAAC,CAAC,MAAM;IACJ,OAAO,KAAK;EAChB;AACJ,CAAC;AAED,OAAO,MAAMG,kBAAkB,GAC3BJ,gBAAqC,IACF;EACnC,IAAI,CAACA,gBAAgB,EAAE;IACnB,OAAO,KAAK;EAChB;EAEA,IAAI;IACA,MAAMK,IAAI,GAAGH,IAAI,CAACC,KAAK,CAACH,gBAAgB,CAAC;IACzC,OAAO,CAAC,CAACK,IAAI,CAAC,MAAM,CAAC;EACzB,CAAC,CAAC,MAAM;IACJ,OAAO,KAAK;EAChB;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["parseLexicalState","editorStateValue","maybeValidState","JSON","parse","isValidLexicalData","data"],"sources":["isValidLexicalData.ts"],"sourcesContent":["import type { SerializedEditorState } from \"lexical\";\nimport type { LexicalValue } from \"~/types.js\";\n\nexport const parseLexicalState = (\n    editorStateValue: LexicalValue | null\n): false | SerializedEditorState => {\n    if (!editorStateValue) {\n        return false;\n    }\n    try {\n        const maybeValidState = JSON.parse(editorStateValue);\n        return maybeValidState[\"root\"] ? maybeValidState : false;\n    } catch {\n        return false;\n    }\n};\n\nexport const isValidLexicalData = (\n    editorStateValue: LexicalValue | null\n): editorStateValue is LexicalValue => {\n    if (!editorStateValue) {\n        return false;\n    }\n\n    try {\n        const data = JSON.parse(editorStateValue);\n        return !!data[\"root\"];\n    } catch {\n        return false;\n    }\n};\n"],"mappings":"AAGA,OAAO,MAAMA,iBAAiB,GAC1BC,gBAAqC,IACL;EAChC,IAAI,CAACA,gBAAgB,EAAE;IACnB,OAAO,KAAK;EAChB;EACA,IAAI;IACA,MAAMC,eAAe,GAAGC,IAAI,CAACC,KAAK,CAACH,gBAAgB,CAAC;IACpD,OAAOC,eAAe,CAAC,MAAM,CAAC,GAAGA,eAAe,GAAG,KAAK;EAC5D,CAAC,CAAC,MAAM;IACJ,OAAO,KAAK;EAChB;AACJ,CAAC;AAED,OAAO,MAAMG,kBAAkB,GAC3BJ,gBAAqC,IACF;EACnC,IAAI,CAACA,gBAAgB,EAAE;IACnB,OAAO,KAAK;EAChB;EAEA,IAAI;IACA,MAAMK,IAAI,GAAGH,IAAI,CAACC,KAAK,CAACH,gBAAgB,CAAC;IACzC,OAAO,CAAC,CAACK,IAAI,CAAC,MAAM,CAAC;EACzB,CAAC,CAAC,MAAM;IACJ,OAAO,KAAK;EAChB;AACJ,CAAC","ignoreList":[]}

package/utils/rect.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { Point } from "./point";
+import type { Point } from "./point.js";
 type ContainsPointReturn = {
     result: boolean;
     reason: {

package/utils/rect.js

@@ -6,7 +6,7 @@
  *
  */
 
-import { isPoint } from "./point";
+import { isPoint } from "./point.js";
 export class Rect {
   constructor(left, top, right, bottom) {
     const [physicTop, physicBottom] = top <= bottom ? [top, bottom] : [bottom, top];

package/utils/rect.js.map

@@ -1 +1 @@
-{"version":3,"names":["isPoint","Rect","constructor","left","top","right","bottom","physicTop","physicBottom","physicLeft","physicRight","_top","_right","_left","_bottom","width","Math","abs","height","equals","contains","target","x","y","isOnTopSide","isOnBottomSide","isOnLeftSide","isOnRightSide","result","reason","intersectsWith","rect","x1","y1","w1","h1","x2","y2","w2","h2","maxX","maxY","minX","minY","generateNewRect","fromLTRB","fromLWTH","fromPoints","startPoint","endPoint","fromDOM","dom","getBoundingClientRect"],"sources":["rect.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport type { Point } from \"./point\";\nimport { isPoint } from \"./point\";\n\ntype ContainsPointReturn = {\n    result: boolean;\n    reason: {\n        isOnTopSide: boolean;\n        isOnBottomSide: boolean;\n        isOnLeftSide: boolean;\n        isOnRightSide: boolean;\n    };\n};\n\nexport class Rect {\n    private readonly _left: number;\n    private readonly _top: number;\n    private readonly _right: number;\n    private readonly _bottom: number;\n\n    constructor(left: number, top: number, right: number, bottom: number) {\n        const [physicTop, physicBottom] = top <= bottom ? [top, bottom] : [bottom, top];\n\n        const [physicLeft, physicRight] = left <= right ? [left, right] : [right, left];\n\n        this._top = physicTop;\n        this._right = physicRight;\n        this._left = physicLeft;\n        this._bottom = physicBottom;\n    }\n\n    get top(): number {\n        return this._top;\n    }\n\n    get right(): number {\n        return this._right;\n    }\n\n    get bottom(): number {\n        return this._bottom;\n    }\n\n    get left(): number {\n        return this._left;\n    }\n\n    get width(): number {\n        return Math.abs(this._left - this._right);\n    }\n\n    get height(): number {\n        return Math.abs(this._bottom - this._top);\n    }\n\n    public equals({ top, left, bottom, right }: Rect): boolean {\n        return (\n            top === this._top &&\n            bottom === this._bottom &&\n            left === this._left &&\n            right === this._right\n        );\n    }\n\n    public contains({ x, y }: Point): ContainsPointReturn;\n    public contains({ top, left, bottom, right }: Rect): boolean;\n    public contains(target: Point | Rect): boolean | ContainsPointReturn {\n        if (isPoint(target)) {\n            const { x, y } = target;\n\n            const isOnTopSide = y < this._top;\n            const isOnBottomSide = y > this._bottom;\n            const isOnLeftSide = x < this._left;\n            const isOnRightSide = x > this._right;\n\n            const result = !isOnTopSide && !isOnBottomSide && !isOnLeftSide && !isOnRightSide;\n\n            return {\n                reason: {\n                    isOnBottomSide,\n                    isOnLeftSide,\n                    isOnRightSide,\n                    isOnTopSide\n                },\n                result\n            };\n        } else {\n            const { top, left, bottom, right } = target;\n\n            return (\n                top >= this._top &&\n                top <= this._bottom &&\n                bottom >= this._top &&\n                bottom <= this._bottom &&\n                left >= this._left &&\n                left <= this._right &&\n                right >= this._left &&\n                right <= this._right\n            );\n        }\n    }\n\n    public intersectsWith(rect: Rect): boolean {\n        const { left: x1, top: y1, width: w1, height: h1 } = rect;\n        const { left: x2, top: y2, width: w2, height: h2 } = this;\n        const maxX = x1 + w1 >= x2 + w2 ? x1 + w1 : x2 + w2;\n        const maxY = y1 + h1 >= y2 + h2 ? y1 + h1 : y2 + h2;\n        const minX = x1 <= x2 ? x1 : x2;\n        const minY = y1 <= y2 ? y1 : y2;\n        return maxX - minX <= w1 + w2 && maxY - minY <= h1 + h2;\n    }\n\n    public generateNewRect({\n        left = this.left,\n        top = this.top,\n        right = this.right,\n        bottom = this.bottom\n    }): Rect {\n        return new Rect(left, top, right, bottom);\n    }\n\n    static fromLTRB(left: number, top: number, right: number, bottom: number): Rect {\n        return new Rect(left, top, right, bottom);\n    }\n\n    static fromLWTH(left: number, width: number, top: number, height: number): Rect {\n        return new Rect(left, top, left + width, top + height);\n    }\n\n    static fromPoints(startPoint: Point, endPoint: Point): Rect {\n        const { y: top, x: left } = startPoint;\n        const { y: bottom, x: right } = endPoint;\n        return Rect.fromLTRB(left, top, right, bottom);\n    }\n\n    static fromDOM(dom: HTMLElement): Rect {\n        const { top, width, left, height } = dom.getBoundingClientRect();\n        return Rect.fromLWTH(left, width, top, height);\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isPoint","Rect","constructor","left","top","right","bottom","physicTop","physicBottom","physicLeft","physicRight","_top","_right","_left","_bottom","width","Math","abs","height","equals","contains","target","x","y","isOnTopSide","isOnBottomSide","isOnLeftSide","isOnRightSide","result","reason","intersectsWith","rect","x1","y1","w1","h1","x2","y2","w2","h2","maxX","maxY","minX","minY","generateNewRect","fromLTRB","fromLWTH","fromPoints","startPoint","endPoint","fromDOM","dom","getBoundingClientRect"],"sources":["rect.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport type { Point } from \"./point.js\";\nimport { isPoint } from \"./point.js\";\n\ntype ContainsPointReturn = {\n    result: boolean;\n    reason: {\n        isOnTopSide: boolean;\n        isOnBottomSide: boolean;\n        isOnLeftSide: boolean;\n        isOnRightSide: boolean;\n    };\n};\n\nexport class Rect {\n    private readonly _left: number;\n    private readonly _top: number;\n    private readonly _right: number;\n    private readonly _bottom: number;\n\n    constructor(left: number, top: number, right: number, bottom: number) {\n        const [physicTop, physicBottom] = top <= bottom ? [top, bottom] : [bottom, top];\n\n        const [physicLeft, physicRight] = left <= right ? [left, right] : [right, left];\n\n        this._top = physicTop;\n        this._right = physicRight;\n        this._left = physicLeft;\n        this._bottom = physicBottom;\n    }\n\n    get top(): number {\n        return this._top;\n    }\n\n    get right(): number {\n        return this._right;\n    }\n\n    get bottom(): number {\n        return this._bottom;\n    }\n\n    get left(): number {\n        return this._left;\n    }\n\n    get width(): number {\n        return Math.abs(this._left - this._right);\n    }\n\n    get height(): number {\n        return Math.abs(this._bottom - this._top);\n    }\n\n    public equals({ top, left, bottom, right }: Rect): boolean {\n        return (\n            top === this._top &&\n            bottom === this._bottom &&\n            left === this._left &&\n            right === this._right\n        );\n    }\n\n    public contains({ x, y }: Point): ContainsPointReturn;\n    public contains({ top, left, bottom, right }: Rect): boolean;\n    public contains(target: Point | Rect): boolean | ContainsPointReturn {\n        if (isPoint(target)) {\n            const { x, y } = target;\n\n            const isOnTopSide = y < this._top;\n            const isOnBottomSide = y > this._bottom;\n            const isOnLeftSide = x < this._left;\n            const isOnRightSide = x > this._right;\n\n            const result = !isOnTopSide && !isOnBottomSide && !isOnLeftSide && !isOnRightSide;\n\n            return {\n                reason: {\n                    isOnBottomSide,\n                    isOnLeftSide,\n                    isOnRightSide,\n                    isOnTopSide\n                },\n                result\n            };\n        } else {\n            const { top, left, bottom, right } = target;\n\n            return (\n                top >= this._top &&\n                top <= this._bottom &&\n                bottom >= this._top &&\n                bottom <= this._bottom &&\n                left >= this._left &&\n                left <= this._right &&\n                right >= this._left &&\n                right <= this._right\n            );\n        }\n    }\n\n    public intersectsWith(rect: Rect): boolean {\n        const { left: x1, top: y1, width: w1, height: h1 } = rect;\n        const { left: x2, top: y2, width: w2, height: h2 } = this;\n        const maxX = x1 + w1 >= x2 + w2 ? x1 + w1 : x2 + w2;\n        const maxY = y1 + h1 >= y2 + h2 ? y1 + h1 : y2 + h2;\n        const minX = x1 <= x2 ? x1 : x2;\n        const minY = y1 <= y2 ? y1 : y2;\n        return maxX - minX <= w1 + w2 && maxY - minY <= h1 + h2;\n    }\n\n    public generateNewRect({\n        left = this.left,\n        top = this.top,\n        right = this.right,\n        bottom = this.bottom\n    }): Rect {\n        return new Rect(left, top, right, bottom);\n    }\n\n    static fromLTRB(left: number, top: number, right: number, bottom: number): Rect {\n        return new Rect(left, top, right, bottom);\n    }\n\n    static fromLWTH(left: number, width: number, top: number, height: number): Rect {\n        return new Rect(left, top, left + width, top + height);\n    }\n\n    static fromPoints(startPoint: Point, endPoint: Point): Rect {\n        const { y: top, x: left } = startPoint;\n        const { y: bottom, x: right } = endPoint;\n        return Rect.fromLTRB(left, top, right, bottom);\n    }\n\n    static fromDOM(dom: HTMLElement): Rect {\n        const { top, width, left, height } = dom.getBoundingClientRect();\n        return Rect.fromLWTH(left, width, top, height);\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/utils/sanitizeUrl.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { isAnchorLink } from "./isAnchorLink";
+import { isAnchorLink } from "./isAnchorLink.js";
 export const sanitizeUrl = url => {
   /** A pattern that matches safe  URLs. */
   const SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi;

package/utils/sanitizeUrl.js.map

@@ -1 +1 @@
-{"version":3,"names":["isAnchorLink","sanitizeUrl","url","SAFE_URL_PATTERN","DATA_URL_PATTERN","String","trim","match"],"sources":["sanitizeUrl.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport { isAnchorLink } from \"~/utils/isAnchorLink\";\n\nexport const sanitizeUrl = (url: string): string => {\n    /** A pattern that matches safe  URLs. */\n    const SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi;\n\n    /** A pattern that matches safe data URLs. */\n    const DATA_URL_PATTERN =\n        /^data:(?:image\\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\\/(?:mpeg|mp4|ogg|webm)|audio\\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;\n\n    url = String(url).trim();\n\n    if (isAnchorLink(url)) {\n        return url;\n    }\n\n    if (url.match(SAFE_URL_PATTERN) || url.match(DATA_URL_PATTERN)) {\n        return url;\n    }\n\n    return `https://`;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,YAAY;AAErB,OAAO,MAAMC,WAAW,GAAIC,GAAW,IAAa;EAChD;EACA,MAAMC,gBAAgB,GAAG,iEAAiE;;EAE1F;EACA,MAAMC,gBAAgB,GAClB,qIAAqI;EAEzIF,GAAG,GAAGG,MAAM,CAACH,GAAG,CAAC,CAACI,IAAI,CAAC,CAAC;EAExB,IAAIN,YAAY,CAACE,GAAG,CAAC,EAAE;IACnB,OAAOA,GAAG;EACd;EAEA,IAAIA,GAAG,CAACK,KAAK,CAACJ,gBAAgB,CAAC,IAAID,GAAG,CAACK,KAAK,CAACH,gBAAgB,CAAC,EAAE;IAC5D,OAAOF,GAAG;EACd;EAEA,OAAO,UAAU;AACrB,CAAC","ignoreList":[]}
+{"version":3,"names":["isAnchorLink","sanitizeUrl","url","SAFE_URL_PATTERN","DATA_URL_PATTERN","String","trim","match"],"sources":["sanitizeUrl.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport { isAnchorLink } from \"~/utils/isAnchorLink.js\";\n\nexport const sanitizeUrl = (url: string): string => {\n    /** A pattern that matches safe  URLs. */\n    const SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi;\n\n    /** A pattern that matches safe data URLs. */\n    const DATA_URL_PATTERN =\n        /^data:(?:image\\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\\/(?:mpeg|mp4|ogg|webm)|audio\\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;\n\n    url = String(url).trim();\n\n    if (isAnchorLink(url)) {\n        return url;\n    }\n\n    if (url.match(SAFE_URL_PATTERN) || url.match(DATA_URL_PATTERN)) {\n        return url;\n    }\n\n    return `https://`;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,YAAY;AAErB,OAAO,MAAMC,WAAW,GAAIC,GAAW,IAAa;EAChD;EACA,MAAMC,gBAAgB,GAAG,iEAAiE;;EAE1F;EACA,MAAMC,gBAAgB,GAClB,qIAAqI;EAEzIF,GAAG,GAAGG,MAAM,CAACH,GAAG,CAAC,CAACI,IAAI,CAAC,CAAC;EAExB,IAAIN,YAAY,CAACE,GAAG,CAAC,EAAE;IACnB,OAAOA,GAAG;EACd;EAEA,IAAIA,GAAG,CAACK,KAAK,CAACJ,gBAAgB,CAAC,IAAID,GAAG,CAACK,KAAK,CAACH,gBAAgB,CAAC,EAAE;IAC5D,OAAOF,GAAG;EACd;EAEA,OAAO,UAAU;AACrB,CAAC","ignoreList":[]}

package/utils/setFloatingElemPosition.d.ts

@@ -1 +1 @@
-export declare function setFloatingElemPosition(basePosition: ClientRect | null, elementToPosition: HTMLElement, anchorElem: HTMLElement, verticalGap?: number, horizontalOffset?: number): void;
+export declare function setFloatingElemPosition(basePosition: Range | null, elementToPosition: HTMLElement): void;

package/utils/setFloatingElemPosition.js

@@ -1,29 +1,31 @@
-const VERTICAL_GAP = 10;
-const HORIZONTAL_OFFSET = 5;
-export function setFloatingElemPosition(basePosition, elementToPosition, anchorElem, verticalGap = VERTICAL_GAP, horizontalOffset = HORIZONTAL_OFFSET) {
+import { computePosition, flip, offset, shift } from "@floating-ui/dom";
+const GAP = 10;
+export function setFloatingElemPosition(basePosition, elementToPosition) {
   // A small timeout gives enough time for DOM to update and provides us with correct bounding rect values.
   setTimeout(() => {
-    const scrollerElem = anchorElem.parentElement;
-    if (basePosition === null || !scrollerElem) {
-      elementToPosition.style.opacity = "0";
+    if (basePosition === null) {
       elementToPosition.style.transform = "translate(-10000px, -10000px)";
       return;
     }
-    const rectToPosition = elementToPosition.getBoundingClientRect();
-    const anchorElementRect = anchorElem.getBoundingClientRect();
-    const editorScrollerRect = scrollerElem.getBoundingClientRect();
-    let top = basePosition.top - rectToPosition.height - verticalGap;
-    let left = basePosition.left - horizontalOffset;
-    if (top < editorScrollerRect.top) {
-      top += rectToPosition.height + basePosition.height + verticalGap * 2;
-    }
-    if (left + rectToPosition.width > editorScrollerRect.right) {
-      left = editorScrollerRect.right - rectToPosition.width - horizontalOffset;
-    }
-    top -= anchorElementRect.top;
-    left -= anchorElementRect.left;
-    elementToPosition.style.opacity = "1";
-    elementToPosition.style.transform = `translate(${left}px, ${top}px)`;
+    const virtualElement = {
+      getBoundingClientRect: () => basePosition.getBoundingClientRect()
+    };
+    computePosition(virtualElement, elementToPosition, {
+      placement: "bottom",
+      middleware: [offset(GAP),
+      // adds gap between anchor and popup
+      flip(),
+      // switches to the opposite side if no room (bottom → top)
+      shift({
+        padding: GAP
+      }) // slides along the axis to stay within viewport
+      ]
+    }).then(({
+      x,
+      y
+    }) => {
+      elementToPosition.style.transform = `translate(${x}px, ${y}px)`;
+    });
   }, 10);
 }
 

package/utils/setFloatingElemPosition.js.map

@@ -1 +1 @@
-{"version":3,"names":["VERTICAL_GAP","HORIZONTAL_OFFSET","setFloatingElemPosition","basePosition","elementToPosition","anchorElem","verticalGap","horizontalOffset","setTimeout","scrollerElem","parentElement","style","opacity","transform","rectToPosition","getBoundingClientRect","anchorElementRect","editorScrollerRect","top","height","left","width","right"],"sources":["setFloatingElemPosition.ts"],"sourcesContent":["const VERTICAL_GAP = 10;\nconst HORIZONTAL_OFFSET = 5;\n\nexport function setFloatingElemPosition(\n    basePosition: ClientRect | null,\n    elementToPosition: HTMLElement,\n    anchorElem: HTMLElement,\n    verticalGap: number = VERTICAL_GAP,\n    horizontalOffset: number = HORIZONTAL_OFFSET\n): void {\n    // A small timeout gives enough time for DOM to update and provides us with correct bounding rect values.\n    setTimeout(() => {\n        const scrollerElem = anchorElem.parentElement;\n\n        if (basePosition === null || !scrollerElem) {\n            elementToPosition.style.opacity = \"0\";\n            elementToPosition.style.transform = \"translate(-10000px, -10000px)\";\n            return;\n        }\n\n        const rectToPosition = elementToPosition.getBoundingClientRect();\n        const anchorElementRect = anchorElem.getBoundingClientRect();\n        const editorScrollerRect = scrollerElem.getBoundingClientRect();\n\n        let top = basePosition.top - rectToPosition.height - verticalGap;\n        let left = basePosition.left - horizontalOffset;\n\n        if (top < editorScrollerRect.top) {\n            top += rectToPosition.height + basePosition.height + verticalGap * 2;\n        }\n\n        if (left + rectToPosition.width > editorScrollerRect.right) {\n            left = editorScrollerRect.right - rectToPosition.width - horizontalOffset;\n        }\n\n        top -= anchorElementRect.top;\n        left -= anchorElementRect.left;\n\n        elementToPosition.style.opacity = \"1\";\n        elementToPosition.style.transform = `translate(${left}px, ${top}px)`;\n    }, 10);\n}\n"],"mappings":"AAAA,MAAMA,YAAY,GAAG,EAAE;AACvB,MAAMC,iBAAiB,GAAG,CAAC;AAE3B,OAAO,SAASC,uBAAuBA,CACnCC,YAA+B,EAC/BC,iBAA8B,EAC9BC,UAAuB,EACvBC,WAAmB,GAAGN,YAAY,EAClCO,gBAAwB,GAAGN,iBAAiB,EACxC;EACJ;EACAO,UAAU,CAAC,MAAM;IACb,MAAMC,YAAY,GAAGJ,UAAU,CAACK,aAAa;IAE7C,IAAIP,YAAY,KAAK,IAAI,IAAI,CAACM,YAAY,EAAE;MACxCL,iBAAiB,CAACO,KAAK,CAACC,OAAO,GAAG,GAAG;MACrCR,iBAAiB,CAACO,KAAK,CAACE,SAAS,GAAG,+BAA+B;MACnE;IACJ;IAEA,MAAMC,cAAc,GAAGV,iBAAiB,CAACW,qBAAqB,CAAC,CAAC;IAChE,MAAMC,iBAAiB,GAAGX,UAAU,CAACU,qBAAqB,CAAC,CAAC;IAC5D,MAAME,kBAAkB,GAAGR,YAAY,CAACM,qBAAqB,CAAC,CAAC;IAE/D,IAAIG,GAAG,GAAGf,YAAY,CAACe,GAAG,GAAGJ,cAAc,CAACK,MAAM,GAAGb,WAAW;IAChE,IAAIc,IAAI,GAAGjB,YAAY,CAACiB,IAAI,GAAGb,gBAAgB;IAE/C,IAAIW,GAAG,GAAGD,kBAAkB,CAACC,GAAG,EAAE;MAC9BA,GAAG,IAAIJ,cAAc,CAACK,MAAM,GAAGhB,YAAY,CAACgB,MAAM,GAAGb,WAAW,GAAG,CAAC;IACxE;IAEA,IAAIc,IAAI,GAAGN,cAAc,CAACO,KAAK,GAAGJ,kBAAkB,CAACK,KAAK,EAAE;MACxDF,IAAI,GAAGH,kBAAkB,CAACK,KAAK,GAAGR,cAAc,CAACO,KAAK,GAAGd,gBAAgB;IAC7E;IAEAW,GAAG,IAAIF,iBAAiB,CAACE,GAAG;IAC5BE,IAAI,IAAIJ,iBAAiB,CAACI,IAAI;IAE9BhB,iBAAiB,CAACO,KAAK,CAACC,OAAO,GAAG,GAAG;IACrCR,iBAAiB,CAACO,KAAK,CAACE,SAAS,GAAG,aAAaO,IAAI,OAAOF,GAAG,KAAK;EACxE,CAAC,EAAE,EAAE,CAAC;AACV","ignoreList":[]}
+{"version":3,"names":["computePosition","flip","offset","shift","GAP","setFloatingElemPosition","basePosition","elementToPosition","setTimeout","style","transform","virtualElement","getBoundingClientRect","placement","middleware","padding","then","x","y"],"sources":["setFloatingElemPosition.ts"],"sourcesContent":["import { computePosition, flip, offset, shift } from \"@floating-ui/dom\";\n\nconst GAP = 10;\n\nexport function setFloatingElemPosition(\n    basePosition: Range | null,\n    elementToPosition: HTMLElement\n): void {\n    // A small timeout gives enough time for DOM to update and provides us with correct bounding rect values.\n    setTimeout(() => {\n        if (basePosition === null) {\n            elementToPosition.style.transform = \"translate(-10000px, -10000px)\";\n            return;\n        }\n\n        const virtualElement = {\n            getBoundingClientRect: () => basePosition.getBoundingClientRect()\n        };\n\n        computePosition(virtualElement, elementToPosition, {\n            placement: \"bottom\",\n            middleware: [\n                offset(GAP), // adds gap between anchor and popup\n                flip(), // switches to the opposite side if no room (bottom → top)\n                shift({ padding: GAP }) // slides along the axis to stay within viewport\n            ]\n        }).then(({ x, y }) => {\n            elementToPosition.style.transform = `translate(${x}px, ${y}px)`;\n        });\n    }, 10);\n}\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,MAAM,EAAEC,KAAK,QAAQ,kBAAkB;AAEvE,MAAMC,GAAG,GAAG,EAAE;AAEd,OAAO,SAASC,uBAAuBA,CACnCC,YAA0B,EAC1BC,iBAA8B,EAC1B;EACJ;EACAC,UAAU,CAAC,MAAM;IACb,IAAIF,YAAY,KAAK,IAAI,EAAE;MACvBC,iBAAiB,CAACE,KAAK,CAACC,SAAS,GAAG,+BAA+B;MACnE;IACJ;IAEA,MAAMC,cAAc,GAAG;MACnBC,qBAAqB,EAAEA,CAAA,KAAMN,YAAY,CAACM,qBAAqB,CAAC;IACpE,CAAC;IAEDZ,eAAe,CAACW,cAAc,EAAEJ,iBAAiB,EAAE;MAC/CM,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,CACRZ,MAAM,CAACE,GAAG,CAAC;MAAE;MACbH,IAAI,CAAC,CAAC;MAAE;MACRE,KAAK,CAAC;QAAEY,OAAO,EAAEX;MAAI,CAAC,CAAC,CAAC;MAAA;IAEhC,CAAC,CAAC,CAACY,IAAI,CAAC,CAAC;MAAEC,CAAC;MAAEC;IAAE,CAAC,KAAK;MAClBX,iBAAiB,CAACE,KAAK,CAACC,SAAS,GAAG,aAAaO,CAAC,OAAOC,CAAC,KAAK;IACnE,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;AACV","ignoreList":[]}

package/components/Editor/HeadingEditor.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import type { RichTextEditorProps } from "./RichTextEditor";
-interface HeadingEditorProps extends RichTextEditorProps {
-    tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-}
-export declare const HeadingEditor: ({ tag, placeholder, ...rest }: HeadingEditorProps) => React.JSX.Element;
-export {};

package/components/Editor/HeadingEditor.js

@@ -1,22 +0,0 @@
-import React from "react";
-import { RichTextEditor } from "./RichTextEditor";
-import { Toolbar } from "../Toolbar/Toolbar";
-import { EnsureHeadingTagPlugin } from "./EnsureHeadingTagPlugin";
-const styles = {
-  padding: 5
-};
-export const HeadingEditor = ({
-  tag,
-  placeholder,
-  ...rest
-}) => {
-  return /*#__PURE__*/React.createElement(RichTextEditor, Object.assign({
-    toolbar: /*#__PURE__*/React.createElement(Toolbar, null),
-    tag: tag ?? "h1",
-    placeholder: placeholder ?? "Enter your heading text here..."
-  }, rest, {
-    styles: styles
-  }), /*#__PURE__*/React.createElement(EnsureHeadingTagPlugin, null), rest?.children);
-};
-
-//# sourceMappingURL=HeadingEditor.js.map

package/components/Editor/HeadingEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","RichTextEditor","Toolbar","EnsureHeadingTagPlugin","styles","padding","HeadingEditor","tag","placeholder","rest","createElement","Object","assign","toolbar","children"],"sources":["HeadingEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport type { RichTextEditorProps } from \"~/components/Editor/RichTextEditor\";\nimport { RichTextEditor } from \"~/components/Editor/RichTextEditor\";\nimport { Toolbar } from \"~/components/Toolbar/Toolbar\";\nimport { EnsureHeadingTagPlugin } from \"~/components/Editor/EnsureHeadingTagPlugin\";\n\ninterface HeadingEditorProps extends RichTextEditorProps {\n    tag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n}\n\nconst styles = { padding: 5 };\n\nexport const HeadingEditor = ({ tag, placeholder, ...rest }: HeadingEditorProps) => {\n    return (\n        <RichTextEditor\n            toolbar={<Toolbar />}\n            tag={tag ?? \"h1\"}\n            placeholder={placeholder ?? \"Enter your heading text here...\"}\n            {...rest}\n            styles={styles}\n        >\n            <EnsureHeadingTagPlugin />\n            {rest?.children}\n        </RichTextEditor>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc;AACvB,SAASC,OAAO;AAChB,SAASC,sBAAsB;AAM/B,MAAMC,MAAM,GAAG;EAAEC,OAAO,EAAE;AAAE,CAAC;AAE7B,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,GAAG;EAAEC,WAAW;EAAE,GAAGC;AAAyB,CAAC,KAAK;EAChF,oBACIT,KAAA,CAAAU,aAAA,CAACT,cAAc,EAAAU,MAAA,CAAAC,MAAA;IACXC,OAAO,eAAEb,KAAA,CAAAU,aAAA,CAACR,OAAO,MAAE,CAAE;IACrBK,GAAG,EAAEA,GAAG,IAAI,IAAK;IACjBC,WAAW,EAAEA,WAAW,IAAI;EAAkC,GAC1DC,IAAI;IACRL,MAAM,EAAEA;EAAO,iBAEfJ,KAAA,CAAAU,aAAA,CAACP,sBAAsB,MAAE,CAAC,EACzBM,IAAI,EAAEK,QACK,CAAC;AAEzB,CAAC","ignoreList":[]}

package/components/Editor/ParagraphEditor.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import type { RichTextEditorProps } from "./RichTextEditor";
-interface ParagraphLexicalEditorProps extends RichTextEditorProps {
-    tag?: "p";
-}
-declare const ParagraphEditor: ({ placeholder, tag, ...rest }: ParagraphLexicalEditorProps) => React.JSX.Element;
-export { ParagraphEditor };

package/components/Editor/ParagraphEditor.js

@@ -1,22 +0,0 @@
-import React from "react";
-import { RichTextEditor } from "./RichTextEditor";
-import { Toolbar } from "../Toolbar/Toolbar";
-const styles = {
-  padding: 5
-};
-const ParagraphEditor = ({
-  placeholder,
-  tag,
-  ...rest
-}) => {
-  return /*#__PURE__*/React.createElement(RichTextEditor, Object.assign({
-    toolbar: /*#__PURE__*/React.createElement(Toolbar, null),
-    tag: tag ?? "p",
-    placeholder: placeholder ?? "Enter your text here..."
-  }, rest, {
-    styles: styles
-  }), rest?.children);
-};
-export { ParagraphEditor };
-
-//# sourceMappingURL=ParagraphEditor.js.map

package/components/Editor/ParagraphEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","RichTextEditor","Toolbar","styles","padding","ParagraphEditor","placeholder","tag","rest","createElement","Object","assign","toolbar","children"],"sources":["ParagraphEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport type { RichTextEditorProps } from \"~/components/Editor/RichTextEditor\";\nimport { RichTextEditor } from \"~/components/Editor/RichTextEditor\";\nimport { Toolbar } from \"~/components/Toolbar/Toolbar\";\n\ninterface ParagraphLexicalEditorProps extends RichTextEditorProps {\n    tag?: \"p\";\n}\n\nconst styles = { padding: 5 };\n\nconst ParagraphEditor = ({ placeholder, tag, ...rest }: ParagraphLexicalEditorProps) => {\n    return (\n        <RichTextEditor\n            toolbar={<Toolbar />}\n            tag={tag ?? \"p\"}\n            placeholder={placeholder ?? \"Enter your text here...\"}\n            {...rest}\n            styles={styles}\n        >\n            {rest?.children}\n        </RichTextEditor>\n    );\n};\n\nexport { ParagraphEditor };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc;AACvB,SAASC,OAAO;AAMhB,MAAMC,MAAM,GAAG;EAAEC,OAAO,EAAE;AAAE,CAAC;AAE7B,MAAMC,eAAe,GAAGA,CAAC;EAAEC,WAAW;EAAEC,GAAG;EAAE,GAAGC;AAAkC,CAAC,KAAK;EACpF,oBACIR,KAAA,CAAAS,aAAA,CAACR,cAAc,EAAAS,MAAA,CAAAC,MAAA;IACXC,OAAO,eAAEZ,KAAA,CAAAS,aAAA,CAACP,OAAO,MAAE,CAAE;IACrBK,GAAG,EAAEA,GAAG,IAAI,GAAI;IAChBD,WAAW,EAAEA,WAAW,IAAI;EAA0B,GAClDE,IAAI;IACRL,MAAM,EAAEA;EAAO,IAEdK,IAAI,EAAEK,QACK,CAAC;AAEzB,CAAC;AAED,SAASR,eAAe","ignoreList":[]}