@byline/richtext-lexical 0.9.3

package/dist/field/nodes/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type { Klass, LexicalNode } from 'lexical';
+export declare const Nodes: Array<Klass<LexicalNode>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/nodes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/field/nodes/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAUjD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAqB3C,CAAA"}

package/dist/field/nodes/index.js

@@ -0,0 +1,37 @@
+import { CodeHighlightNode, CodeNode } from "@lexical/code";
+import { ListItemNode, ListNode } from "@lexical/list";
+import { MarkNode } from "@lexical/mark";
+import { OverflowNode } from "@lexical/overflow";
+import { HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
+import { HeadingNode, QuoteNode } from "@lexical/rich-text";
+import { TableCellNode, TableNode, TableRowNode } from "@lexical/table";
+import { AdmonitionNode } from "./admonition-node/admonition-node.js";
+import { InlineImageNode } from "./inline-image-node/inline-image-node.js";
+import { LayoutContainerNode } from "./layout-container-node/layout-container-node.js";
+import { LayoutItemNode } from "./layout-container-node/layout-item-node.js";
+import { AutoLinkNode, LinkNode } from "./link-nodes/index.js";
+import { VimeoNode } from "./vimeo-node/index.js";
+import { YouTubeNode } from "./youtube-node/index.js";
+const Nodes = [
+    HeadingNode,
+    ListNode,
+    ListItemNode,
+    QuoteNode,
+    CodeNode,
+    TableNode,
+    TableCellNode,
+    TableRowNode,
+    CodeHighlightNode,
+    AutoLinkNode,
+    LinkNode,
+    OverflowNode,
+    InlineImageNode,
+    HorizontalRuleNode,
+    MarkNode,
+    AdmonitionNode,
+    YouTubeNode,
+    VimeoNode,
+    LayoutContainerNode,
+    LayoutItemNode
+];
+export { Nodes };

package/dist/field/nodes/inline-image-node/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+export * from './inline-image-node';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/field/nodes/inline-image-node/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/nodes/inline-image-node/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA"}

package/dist/field/nodes/inline-image-node/index.js

@@ -0,0 +1,2 @@
+export * from "./inline-image-node.js";
+export * from "./types.js";

package/dist/field/nodes/inline-image-node/inline-image-node-component.css

@@ -0,0 +1,204 @@
+.LexicalEditor__inline-image {
+  cursor: default;
+  z-index: 1;
+  display: inline-block;
+  position: relative;
+}
+
+.LexicalEditor__inline-image img {
+  cursor: default;
+  max-width: 100%;
+}
+
+.LexicalEditor__inline-image img.focused {
+  outline: 2px solid #3c84f4;
+}
+
+.LexicalEditor__inline-image img.focused.draggable {
+  cursor: grab;
+}
+
+.LexicalEditor__inline-image img.focused.draggable:active {
+  cursor: grabbing;
+}
+
+.LexicalEditor__inline-image.position-full, .LexicalEditor__inline-image.position-default {
+  width: 100%;
+  margin: 1em 0;
+}
+
+.LexicalEditor__inline-image.position-full img, .LexicalEditor__inline-image.position-default img {
+  width: 100%;
+}
+
+.LexicalEditor__inline-image.position-left {
+  float: left;
+  width: 50%;
+  margin: .75rem 1.5rem .45rem 0;
+}
+
+.LexicalEditor__inline-image.position-right {
+  float: right;
+  width: 50%;
+  margin: .75rem .45rem .45rem 1.5rem;
+}
+
+.LexicalEditor__inline-image .image-edit-button {
+  color: #fff;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+  background-color: #00000080;
+  border: 1px solid #ffffff4d;
+  border-radius: 5px;
+  min-width: 50px;
+  margin: 0 auto;
+  padding: 1px 4px;
+  font-size: .95rem;
+  display: block;
+  position: absolute;
+  top: 12px;
+  right: 12px;
+}
+
+.LexicalEditor__inline-image .image-edit-button:hover {
+  background-color: #3c84f480;
+}
+
+.LexicalEditor__inline-image .InlineImageNode__caption_container {
+  color: #000;
+  background-color: #f4f4f4;
+  min-width: 100%;
+  font-size: .95rem;
+  display: block;
+  position: relative;
+  overflow: hidden;
+}
+
+.LexicalEditor__inline-image .InlineImageNode__caption_container .tree-view-output {
+  border-radius: 0;
+  margin: 0;
+}
+
+.LexicalEditor__inline-image .image-caption-button:hover {
+  background-color: #3c84f480;
+}
+
+.LexicalEditor__inline-image .image-resizer {
+  background-color: #3c84f4;
+  border: 1px solid #fff;
+  width: 7px;
+  height: 7px;
+  display: block;
+  position: absolute;
+}
+
+.LexicalEditor__inline-image .image-resizer.image-resizer-n {
+  cursor: n-resize;
+  top: -6px;
+  left: 48%;
+}
+
+.LexicalEditor__inline-image .image-resizer.image-resizer-ne {
+  cursor: ne-resize;
+  top: -6px;
+  right: -6px;
+}
+
+.LexicalEditor__inline-image .image-resizer.image-resizer-e {
+  cursor: e-resize;
+  bottom: 48%;
+  right: -6px;
+}
+
+.LexicalEditor__inline-image .image-resizer.image-resizer-se {
+  cursor: nwse-resize;
+  bottom: -2px;
+  right: -6px;
+}
+
+.LexicalEditor__inline-image .image-resizer.image-resizer-s {
+  cursor: s-resize;
+  bottom: -2px;
+  left: 48%;
+}
+
+.LexicalEditor__inline-image .image-resizer.image-resizer-sw {
+  cursor: sw-resize;
+  bottom: -2px;
+  left: -6px;
+}
+
+.LexicalEditor__inline-image .image-resizer.image-resizer-w {
+  cursor: w-resize;
+  bottom: 48%;
+  left: -6px;
+}
+
+.LexicalEditor__inline-image .image-resizer.image-resizer-nw {
+  cursor: nw-resize;
+  top: -6px;
+  left: -6px;
+}
+
+.InlineImageNode__container {
+  display: block;
+}
+
+.InlineImageNode__container.focused {
+  outline: 2px solid #3c84f4;
+}
+
+.InlineImageNode__contentEditable {
+  resize: none;
+  cursor: text;
+  caret-color: #050505;
+  -moz-tab-size: 1;
+  tab-size: 1;
+  -webkit-user-select: text;
+  user-select: text;
+  white-space: pre-wrap;
+  word-break: break-word;
+  border: 0;
+  outline: 0;
+  min-height: 20px;
+  padding: 10px;
+  font-size: 14px;
+  line-height: 1.4em;
+  display: block;
+  position: relative;
+}
+
+.InlineImageNode__contentEditable p {
+  margin-bottom: .25em;
+}
+
+.InlineImageNode__placeholder {
+  color: #888;
+  text-overflow: ellipsis;
+  top: 10px;
+  left: 10px;
+  right: unset;
+  -webkit-user-select: none;
+  user-select: none;
+  white-space: nowrap;
+  pointer-events: none;
+  font-size: 12px;
+  display: inline-block;
+  position: absolute;
+  overflow: hidden;
+}
+
+.dark .InlineImageNode__contentEditable {
+  color: #eee;
+  caret-color: auto;
+}
+
+.dark .LexicalEditor__inline-image .InlineImageNode__caption_container {
+  background-color: #222;
+}
+
+.dark .InlineImageNode__placeholder {
+  color: #888;
+}
+

package/dist/field/nodes/inline-image-node/inline-image-node-component.d.ts

@@ -0,0 +1,24 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type * as React from 'react';
+import type { LexicalEditor, NodeKey } from 'lexical';
+import type { DocumentRelation } from '../document-relation';
+import type { Position } from './types';
+import './inline-image-node-component.css';
+export default function InlineImageComponent({ relation, src, position, altText, width, height, showCaption, caption, nodeKey, }: {
+    relation: DocumentRelation;
+    src: string;
+    position: Position;
+    altText?: string;
+    height?: number | string;
+    width?: number | string;
+    showCaption: boolean;
+    caption: LexicalEditor;
+    nodeKey: NodeKey;
+}): React.JSX.Element;
+//# sourceMappingURL=inline-image-node-component.d.ts.map

package/dist/field/nodes/inline-image-node/inline-image-node-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-image-node-component.d.ts","sourceRoot":"","sources":["../../../../src/field/nodes/inline-image-node/inline-image-node-component.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAYnC,OAAO,KAAK,EAAiB,aAAa,EAAE,OAAO,EAAiC,MAAM,SAAS,CAAA;AAyBnG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,OAAO,mCAAmC,CAAA;AA2D1C,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,WAAW,EACX,OAAO,EACP,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,aAAa,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoNpB"}

package/dist/field/nodes/inline-image-node/inline-image-node-component.js

@@ -0,0 +1,221 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Suspense, useCallback, useEffect, useRef, useState } from "react";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
+import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer";
+import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
+import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
+import { mergeRegister } from "@lexical/utils";
+import classnames from "classnames";
+import { $getNodeByKey, $getSelection, $isNodeSelection, $setSelection, CLICK_COMMAND, COMMAND_PRIORITY_LOW, DRAGSTART_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND } from "lexical";
+import content_editable_inline from "../../content-editable-inline.js";
+import { useSharedHistoryContext } from "../../context/shared-history-context.js";
+import { useSharedOnChange } from "../../context/shared-on-change-context.js";
+import { FloatingTextFormatToolbarPlugin } from "../../plugins/floating-text-format-toolbar-plugin/index.js";
+import { OPEN_INLINE_IMAGE_MODAL_COMMAND } from "../../plugins/inline-image-plugin/index.js";
+import { LinkPlugin } from "../../plugins/link-plugin/link/index.js";
+import { FloatingLinkEditorPlugin } from "../../plugins/link-plugin/link/floating-link-editor.js";
+import placeholder_inline from "../../ui/placeholder-inline.js";
+import { $isInlineImageNode } from "./inline-image-node.js";
+import "./inline-image-node-component.css";
+const imageCache = new Set();
+async function useSuspenseImage(src) {
+    if (!imageCache.has(src)) await new Promise((resolve)=>{
+        const img = new Image();
+        img.src = src;
+        img.onload = ()=>{
+            imageCache.add(src);
+            resolve(null);
+        };
+    });
+}
+function LazyImage({ id, collection, src, position, altText, className, imageRef, width, height }) {
+    useSuspenseImage(src);
+    return /*#__PURE__*/ jsx("img", {
+        className: className,
+        src: src,
+        alt: altText,
+        ref: imageRef,
+        width: width,
+        height: height,
+        "data-id": id,
+        "data-collection": collection,
+        "data-position": position,
+        style: {
+            display: 'block'
+        },
+        draggable: "false"
+    });
+}
+function InlineImageComponent({ relation, src, position, altText, width, height, showCaption, caption, nodeKey }) {
+    const { targetDocumentId: id, targetCollectionPath: collection } = relation;
+    const [editor] = useLexicalComposerContext();
+    const { onChange } = useSharedOnChange();
+    const { historyState } = useSharedHistoryContext();
+    const imageRef = useRef(null);
+    const buttonRef = useRef(null);
+    const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
+    const [selection, setSelection] = useState(null);
+    const activeEditorRef = useRef(null);
+    const onDelete = useCallback((payload)=>{
+        if (isSelected && $isNodeSelection($getSelection())) {
+            const event = payload;
+            event.preventDefault();
+            const node = $getNodeByKey(nodeKey);
+            if ($isInlineImageNode(node)) node?.remove();
+            setSelected(false);
+        }
+        return false;
+    }, [
+        isSelected,
+        nodeKey,
+        setSelected
+    ]);
+    const onEnter = useCallback((event)=>{
+        const latestSelection = $getSelection();
+        const buttonElem = buttonRef.current;
+        if (isSelected && $isNodeSelection(latestSelection) && 1 === latestSelection.getNodes().length) {
+            if (showCaption) {
+                $setSelection(null);
+                event.preventDefault();
+                caption.focus();
+                return true;
+            } else if (null !== buttonElem && buttonElem !== document.activeElement) {
+                event.preventDefault();
+                buttonElem.focus();
+                return true;
+            }
+        }
+        return false;
+    }, [
+        caption,
+        isSelected,
+        showCaption
+    ]);
+    const onEscape = useCallback((event)=>{
+        if (activeEditorRef.current === caption || buttonRef.current === event.target) {
+            $setSelection(null);
+            editor.update(()=>{
+                setSelected(true);
+                const parentRootElement = editor.getRootElement();
+                if (null !== parentRootElement) parentRootElement.focus();
+            });
+            return true;
+        }
+        return false;
+    }, [
+        caption,
+        editor,
+        setSelected
+    ]);
+    useEffect(()=>{
+        let isMounted = true;
+        const unregister = mergeRegister(editor.registerUpdateListener(({ editorState })=>{
+            if (isMounted) setSelection(editorState.read(()=>$getSelection()));
+        }), editor.registerCommand(SELECTION_CHANGE_COMMAND, (_, activeEditor)=>{
+            activeEditorRef.current = activeEditor;
+            return false;
+        }, COMMAND_PRIORITY_LOW), editor.registerCommand(CLICK_COMMAND, (payload)=>{
+            const event = payload;
+            if (event.target === imageRef.current) {
+                if (event.shiftKey) setSelected(!isSelected);
+                else {
+                    clearSelection();
+                    setSelected(true);
+                }
+                return true;
+            }
+            return false;
+        }, COMMAND_PRIORITY_LOW), editor.registerCommand(DRAGSTART_COMMAND, (event)=>{
+            if (event.target === imageRef.current) {
+                event.preventDefault();
+                return true;
+            }
+            return false;
+        }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_DELETE_COMMAND, onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_BACKSPACE_COMMAND, onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ENTER_COMMAND, onEnter, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ESCAPE_COMMAND, onEscape, COMMAND_PRIORITY_LOW));
+        return ()=>{
+            isMounted = false;
+            unregister();
+        };
+    }, [
+        clearSelection,
+        editor,
+        isSelected,
+        onDelete,
+        onEnter,
+        onEscape,
+        setSelected
+    ]);
+    const draggable = isSelected && $isNodeSelection(selection);
+    const isFocused = isSelected;
+    const handleToggleModal = ()=>{
+        editor.dispatchCommand(OPEN_INLINE_IMAGE_MODAL_COMMAND, {
+            nodeKey
+        });
+    };
+    const classNames = classnames('InlineImageNode__container', {
+        focused: isFocused
+    }, {
+        draggable: $isNodeSelection(selection)
+    });
+    return /*#__PURE__*/ jsx(Suspense, {
+        fallback: null,
+        children: /*#__PURE__*/ jsxs("span", {
+            draggable: draggable,
+            className: classNames,
+            children: [
+                /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    className: "image-edit-button",
+                    ref: buttonRef,
+                    onClick: handleToggleModal,
+                    children: "Edit"
+                }),
+                /*#__PURE__*/ jsx(LazyImage, {
+                    id: id,
+                    collection: collection,
+                    src: src,
+                    position: position,
+                    altText: altText,
+                    imageRef: imageRef,
+                    width: width,
+                    height: height
+                }),
+                showCaption && /*#__PURE__*/ jsx("span", {
+                    className: "InlineImageNode__caption_container",
+                    children: /*#__PURE__*/ jsxs(LexicalNestedComposer, {
+                        initialEditor: caption,
+                        children: [
+                            /*#__PURE__*/ jsx(OnChangePlugin, {
+                                ignoreSelectionChange: true,
+                                onChange: (_nestedEditorState, _nestedEditor, nestedTags)=>{
+                                    const editorState = editor.getEditorState();
+                                    if (null != onChange) onChange(editorState, editor, nestedTags);
+                                }
+                            }),
+                            /*#__PURE__*/ jsx(LinkPlugin, {}),
+                            /*#__PURE__*/ jsx(FloatingLinkEditorPlugin, {}),
+                            /*#__PURE__*/ jsx(FloatingTextFormatToolbarPlugin, {}),
+                            /*#__PURE__*/ jsx(HistoryPlugin, {
+                                externalHistoryState: historyState
+                            }),
+                            /*#__PURE__*/ jsx(RichTextPlugin, {
+                                contentEditable: /*#__PURE__*/ jsx(content_editable_inline, {
+                                    className: "InlineImageNode__contentEditable"
+                                }),
+                                placeholder: /*#__PURE__*/ jsx(placeholder_inline, {
+                                    className: "InlineImageNode__placeholder",
+                                    children: "Enter a caption..."
+                                }),
+                                ErrorBoundary: LexicalErrorBoundary
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+export default InlineImageComponent;

package/dist/field/nodes/inline-image-node/inline-image-node.d.ts

@@ -0,0 +1,45 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import * as React from 'react';
+import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalEditor, LexicalNode, NodeKey } from 'lexical';
+import { DecoratorNode } from 'lexical';
+import type { DocumentRelation } from '../document-relation';
+import type { InlineImageAttributes, Position, SerializedInlineImageNode } from './types';
+export declare class InlineImageNode extends DecoratorNode<React.JSX.Element> {
+    __relation: DocumentRelation;
+    __src: string;
+    __position: Position;
+    __altText: string | undefined;
+    __width: number | string | undefined;
+    __height: number | string | undefined;
+    __showCaption: boolean;
+    __caption: LexicalEditor;
+    static getType(): string;
+    static clone(node: InlineImageNode): InlineImageNode;
+    static importJSON(serializedNode: SerializedInlineImageNode): InlineImageNode;
+    static importDOM(): DOMConversionMap | null;
+    constructor(relation: DocumentRelation, src: string, position: Position, altText?: string, width?: number | string, height?: number | string, showCaption?: boolean, caption?: LexicalEditor, key?: NodeKey);
+    exportDOM(): DOMExportOutput;
+    exportJSON(): SerializedInlineImageNode;
+    getRelation(): DocumentRelation;
+    getSrc(): string;
+    getAltText(): string;
+    setAltText(altText: string): void;
+    setWidthAndHeight(width: number | string, height: number | string): void;
+    getShowCaption(): boolean;
+    setShowCaption(showCaption: boolean): void;
+    getPosition(): Position;
+    setPosition(position: Position): void;
+    update(payload: InlineImageAttributes): void;
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(prevNode: InlineImageNode, dom: HTMLElement, config: EditorConfig): boolean;
+    decorate(): React.JSX.Element;
+}
+export declare function $createInlineImageNode({ targetDocumentId, targetCollectionId, targetCollectionPath, document, src, position, altText, height, width, showCaption, caption, key, }: InlineImageAttributes): InlineImageNode;
+export declare function $isInlineImageNode(node: LexicalNode | null | undefined): node is InlineImageNode;
+//# sourceMappingURL=inline-image-node.d.ts.map

package/dist/field/nodes/inline-image-node/inline-image-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-image-node.d.ts","sourceRoot":"","sources":["../../../../src/field/nodes/inline-image-node/inline-image-node.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EACV,gBAAgB,EAEhB,eAAe,EACf,YAAY,EACZ,aAAa,EACb,WAAW,EACX,OAAO,EACR,MAAM,SAAS,CAAA;AAChB,OAAO,EAAuC,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAwBzF,qBAAa,eAAgB,SAAQ,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACnE,UAAU,EAAE,gBAAgB,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,QAAQ,CAAA;IACpB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACpC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACrC,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,EAAE,aAAa,CAAA;IAExB,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,eAAe,GAAG,eAAe;IAcpD,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,yBAAyB,GAAG,eAAe;IAkC7E,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;gBAUzC,QAAQ,EAAE,gBAAgB,EAC1B,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,CAAC,EAAE,MAAM,EAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EACxB,WAAW,CAAC,EAAE,OAAO,EACrB,OAAO,CAAC,EAAE,aAAa,EACvB,GAAG,CAAC,EAAE,OAAO;IAaf,SAAS,IAAI,eAAe;IAiB5B,UAAU,IAAI,yBAAyB;IAevC,WAAW,IAAI,gBAAgB;IAI/B,MAAM,IAAI,MAAM;IAIhB,UAAU,IAAI,MAAM;IAIpB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAKjC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAMxE,cAAc,IAAI,OAAO;IAIzB,cAAc,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI;IAK1C,WAAW,IAAI,QAAQ;IAIvB,WAAW,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAKrC,MAAM,CAAC,OAAO,EAAE,qBAAqB,GAAG,IAAI;IA4C5C,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAS5C,SAAS,CAAC,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,OAAO;IAarF,QAAQ,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO;CAiB9B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,OAAO,EACP,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,GAAG,GACJ,EAAE,qBAAqB,GAAG,eAAe,CAUzC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,eAAe,CAEhG"}