@prosekit/extensions 0.13.0 → 0.14.1

package/src/text-align/index.ts

@@ -2,7 +2,7 @@ import {
   defineCommands,
   defineKeymap,
   defineNodeAttr,
-  setNodeAttrs,
+  setNodeAttrsBetween,
   union,
   type Extension,
   type PlainExtension,
@@ -74,7 +74,7 @@ export function setTextAlign({
   types: string[]
   value: string | null
 }): Command {
-  return setNodeAttrs({ type: types, attrs: { textAlign: value } })
+  return setNodeAttrsBetween({ type: types, attrs: { textAlign: value } })
 }
 
 /**

package/src/text-color/index.ts

@@ -0,0 +1,3 @@
+export { defineTextColor, type TextColorExtension } from './text-color'
+export { addTextColor, defineTextColorCommands, removeTextColor, type TextColorCommandsExtension } from './text-color-commands'
+export { defineTextColorSpec, type TextColorAttrs, type TextColorSpecExtension } from './text-color-spec'

package/src/text-color/text-color-commands.spec.ts

@@ -0,0 +1,71 @@
+import { describe, expect, it } from 'vitest'
+
+import { setupTest } from '../testing'
+
+describe('addTextColor', () => {
+  it('can add color to text', () => {
+    const { editor, n, m } = setupTest()
+
+    const doc1 = n.doc(
+      n.p('Hello <a>world<b>'),
+    )
+    const doc2 = n.doc(
+      n.p('Hello ', m.textColor({ color: 'red' }, 'world')),
+    )
+
+    editor.set(doc1)
+    editor.commands.addTextColor({ color: 'red' })
+    expect(editor.getDocJSON()).toEqual(doc2.toJSON())
+  })
+
+  it('can override existing color', () => {
+    const { editor, n, m } = setupTest()
+
+    const doc1 = n.doc(
+      n.p(
+        'A',
+        m.textColor({ color: 'red' }, 'B<a>C'),
+        m.textColor({ color: 'red' }, 'DE'),
+        'F<b>G',
+      ),
+    )
+    const doc2 = n.doc(
+      n.p(
+        'A',
+        m.textColor({ color: 'red' }, 'B'),
+        m.textColor({ color: 'blue' }, 'CDEF'),
+        'G',
+      ),
+    )
+
+    editor.set(doc1)
+    editor.commands.addTextColor({ color: 'blue' })
+    expect(editor.getDocJSON()).toEqual(doc2.toJSON())
+  })
+})
+
+describe('removeColor', () => {
+  it('can remove color from text', () => {
+    const { editor, n, m } = setupTest()
+
+    const doc1 = n.doc(
+      n.p(
+        'A',
+        m.textColor({ color: 'red' }, 'B<a>C'),
+        m.textColor({ color: 'blue' }, 'DE'),
+        'F<b>G',
+      ),
+    )
+    const doc2 = n.doc(
+      n.p(
+        'A',
+        m.textColor({ color: 'red' }, 'B'),
+        'CDEFG',
+      ),
+    )
+
+    editor.set(doc1)
+    editor.commands.removeTextColor()
+    expect(editor.getDocJSON()).toEqual(doc2.toJSON())
+  })
+})

package/src/text-color/text-color-commands.ts

@@ -0,0 +1,35 @@
+import { addMark, defineCommands, removeMark, type Extension } from '@prosekit/core'
+import type { Command } from '@prosekit/pm/state'
+
+import type { TextColorAttrs } from './text-color-spec'
+
+/**
+ * @internal
+ */
+export function addTextColor(attrs: TextColorAttrs): Command {
+  return addMark({ type: 'textColor', attrs })
+}
+
+/**
+ * @internal
+ */
+export function removeTextColor(): Command {
+  return removeMark({ type: 'textColor' })
+}
+
+/**
+ * @internal
+ */
+export type TextColorCommandsExtension = Extension<{
+  Commands: {
+    addTextColor: [attrs: TextColorAttrs]
+    removeTextColor: []
+  }
+}>
+
+/**
+ * @internal
+ */
+export function defineTextColorCommands(): TextColorCommandsExtension {
+  return defineCommands({ addTextColor, removeTextColor })
+}

package/src/text-color/text-color-spec.spec.ts

@@ -0,0 +1,297 @@
+import { formatHTML } from 'diffable-html-snapshot'
+import { describe, expect, it } from 'vitest'
+
+import { setupTest } from '../testing'
+
+describe('defineTextColorSpec', () => {
+  it('should render color as inline span with style attribute', () => {
+    const { editor, n, m } = setupTest()
+
+    const doc = n.doc(
+      n.p(
+        'Default',
+        m.textColor({ color: '#0000ff' }, 'hex'),
+        m.textColor({ color: 'blue' }, 'named'),
+        m.textColor({ color: 'rgb(0, 0, 255)' }, 'rgb'),
+        m.textColor({ color: 'rgba(0 0 255 / 0.5)' }, 'rgba'),
+        m.textColor({ color: 'hsl(240 100% 50% / 0.5)' }, 'hsl'),
+        m.textColor({ color: 'var(--color-variable)' }, 'variable'),
+      ),
+    )
+    editor.set(doc)
+    expect(formatHTML(editor.view.dom.innerHTML)).toMatchInlineSnapshot(
+      `
+      "
+      <p>
+        Default
+        <span
+          data-text-color="#0000ff"
+          style="color: rgb(0, 0, 255);"
+        >
+          hex
+        </span>
+        <span
+          data-text-color="blue"
+          style="color: blue;"
+        >
+          named
+        </span>
+        <span
+          data-text-color="rgb(0, 0, 255)"
+          style="color: rgb(0, 0, 255);"
+        >
+          rgb
+        </span>
+        <span
+          data-text-color="rgba(0 0 255 / 0.5)"
+          style="color: rgba(0, 0, 255, 0.5);"
+        >
+          rgba
+        </span>
+        <span
+          data-text-color="hsl(240 100% 50% / 0.5)"
+          style="color: rgba(0, 0, 255, 0.5);"
+        >
+          hsl
+        </span>
+        <span
+          data-text-color="var(--color-variable)"
+          style="color: var(--color-variable);"
+        >
+          variable
+        </span>
+      </p>
+      "
+    `,
+    )
+  })
+
+  it('should parse color from style attribute', () => {
+    const { editor } = setupTest()
+
+    const html = `<p><span style="color: #0000ff;">text</span></p>`
+    editor.setContent(html)
+    expect(editor.state.doc.firstChild?.firstChild?.toJSON()).toMatchInlineSnapshot(`
+      {
+        "marks": [
+          {
+            "attrs": {
+              "color": "rgb(0, 0, 255)",
+            },
+            "type": "textColor",
+          },
+        ],
+        "text": "text",
+        "type": "text",
+      }
+    `)
+  })
+
+  it('should parse color from data-text-color attribute', () => {
+    const { editor } = setupTest()
+
+    const html = `<p><span data-text-color="rgb(0 0 255 / 0.5)">text</span></p>`
+    editor.setContent(html)
+    expect(editor.state.doc.firstChild?.firstChild?.toJSON()).toMatchInlineSnapshot(`
+      {
+        "marks": [
+          {
+            "attrs": {
+              "color": "rgb(0 0 255 / 0.5)",
+            },
+            "type": "textColor",
+          },
+        ],
+        "text": "text",
+        "type": "text",
+      }
+    `)
+  })
+
+  it('should prioritize data-text-color attribute over style attribute', () => {
+    const { editor } = setupTest()
+
+    const html = `<p><span style="color: blue;" data-text-color="red">This should be red</span></p>`
+    editor.setContent(html)
+    expect(editor.state.doc.firstChild?.firstChild?.toJSON()).toMatchInlineSnapshot(`
+      {
+        "marks": [
+          {
+            "attrs": {
+              "color": "red",
+            },
+            "type": "textColor",
+          },
+        ],
+        "text": "This should be red",
+        "type": "text",
+      }
+    `)
+  })
+
+  it('can handle non-span inline elements', () => {
+    const { editor } = setupTest()
+
+    const html = `<p>`
+      + `<i><span style="color: red;">This should be red and italic</span></i>`
+      + `<span style="color: green;"><i>This should be green and italic</i></span>`
+      + `<b style="color: blue;">This should be blue and bold</b>`
+      + `</p>`
+    editor.setContent(html)
+    expect(editor.state.doc.firstChild?.toJSON()).toMatchInlineSnapshot(`
+      {
+        "content": [
+          {
+            "marks": [
+              {
+                "attrs": {
+                  "color": "red",
+                },
+                "type": "textColor",
+              },
+              {
+                "type": "italic",
+              },
+            ],
+            "text": "This should be red and italic",
+            "type": "text",
+          },
+          {
+            "marks": [
+              {
+                "attrs": {
+                  "color": "green",
+                },
+                "type": "textColor",
+              },
+              {
+                "type": "italic",
+              },
+            ],
+            "text": "This should be green and italic",
+            "type": "text",
+          },
+          {
+            "marks": [
+              {
+                "attrs": {
+                  "color": "blue",
+                },
+                "type": "textColor",
+              },
+              {
+                "type": "bold",
+              },
+            ],
+            "text": "This should be blue and bold",
+            "type": "text",
+          },
+        ],
+        "type": "paragraph",
+      }
+    `)
+  })
+
+  it('should ignore empty attributes', () => {
+    const { editor } = setupTest()
+
+    const html = `<p><span data-text-color="" style="color: ;">This should be plain text</span></p>`
+    editor.setContent(html)
+    expect(editor.state.doc.firstChild?.firstChild?.toJSON()).toMatchInlineSnapshot(`
+      {
+        "text": "This should be plain text",
+        "type": "text",
+      }
+    `)
+  })
+
+  it('should ignore inherit attributes', () => {
+    const { editor } = setupTest()
+
+    const html = `<p><span data-text-color="inherit" style="color: inherit;">This should be plain text</span></p>`
+    editor.setContent(html)
+    expect(editor.state.doc.firstChild?.firstChild?.toJSON()).toMatchInlineSnapshot(`
+      {
+        "text": "This should be plain text",
+        "type": "text",
+      }
+    `)
+  })
+
+  it('can handle block elements', () => {
+    const { editor } = setupTest()
+
+    const html = `<blockquote style="color: red;">`
+      + `<p>This should be red</p>`
+      + `<blockquote style="color: blue;">`
+      + `<p>This should be blue</p>`
+      + `</blockquote>`
+      + `<p>This should be red again</p>`
+      + `</blockquote>`
+
+    editor.setContent(html)
+    expect(editor.state.doc.firstChild?.toJSON()).toMatchInlineSnapshot(`
+      {
+        "content": [
+          {
+            "content": [
+              {
+                "marks": [
+                  {
+                    "attrs": {
+                      "color": "red",
+                    },
+                    "type": "textColor",
+                  },
+                ],
+                "text": "This should be red",
+                "type": "text",
+              },
+            ],
+            "type": "paragraph",
+          },
+          {
+            "content": [
+              {
+                "content": [
+                  {
+                    "marks": [
+                      {
+                        "attrs": {
+                          "color": "blue",
+                        },
+                        "type": "textColor",
+                      },
+                    ],
+                    "text": "This should be blue",
+                    "type": "text",
+                  },
+                ],
+                "type": "paragraph",
+              },
+            ],
+            "type": "blockquote",
+          },
+          {
+            "content": [
+              {
+                "marks": [
+                  {
+                    "attrs": {
+                      "color": "red",
+                    },
+                    "type": "textColor",
+                  },
+                ],
+                "text": "This should be red again",
+                "type": "text",
+              },
+            ],
+            "type": "paragraph",
+          },
+        ],
+        "type": "blockquote",
+      }
+    `)
+  })
+})

package/src/text-color/text-color-spec.ts

@@ -0,0 +1,58 @@
+import { defineMarkSpec, type Extension } from '@prosekit/core'
+
+/**
+ * Attributes for the `textColor` mark.
+ *
+ * @public
+ */
+export interface TextColorAttrs {
+  color: string
+}
+
+/**
+ * @internal
+ */
+export type TextColorSpecExtension = Extension<{
+  Marks: {
+    textColor: TextColorAttrs
+  }
+}>
+
+/**
+ * @internal
+ */
+export function defineTextColorSpec(): TextColorSpecExtension {
+  return defineMarkSpec<'textColor', TextColorAttrs>({
+    name: 'textColor',
+    attrs: {
+      color: {
+        validate: 'string',
+      },
+    },
+    parseDOM: [
+      {
+        tag: ':where([style*="color:"], [data-text-color])',
+        getAttrs: (node): TextColorAttrs | false => {
+          // When both `data-text-color` and `style="color"` are present, we
+          // prioritize the `data-text-color` attribute. This avoids the
+          // browser's default behavior of changing hex colors to rgba in style
+          // attribute.
+          const value = node.getAttribute('data-text-color')
+          if (value && value !== 'inherit') {
+            return { color: value }
+          }
+          const color = node.style.color
+          if (color && color !== 'inherit') {
+            return { color }
+          }
+          return false
+        },
+        consuming: false,
+      },
+    ],
+    toDOM(mark) {
+      const color = (mark.attrs as TextColorAttrs).color
+      return ['span', { 'style': `color: ${color};`, 'data-text-color': color }, 0]
+    },
+  })
+}

package/src/text-color/text-color.ts

@@ -0,0 +1,21 @@
+import { union, type Union } from '@prosekit/core'
+
+import { defineTextColorCommands, type TextColorCommandsExtension } from './text-color-commands'
+import { defineTextColorSpec, type TextColorSpecExtension } from './text-color-spec'
+
+/**
+ * @internal
+ */
+export type TextColorExtension = Union<[TextColorSpecExtension, TextColorCommandsExtension]>
+
+/**
+ * Defines the `textColor` mark and some commands for it.
+ *
+ * @public
+ */
+export function defineTextColor(): TextColorExtension {
+  return union(
+    defineTextColorSpec(),
+    defineTextColorCommands(),
+  )
+}

package/src/virtual-selection/index.ts

@@ -1,17 +1,6 @@
-import {
-  definePlugin,
-  type PlainExtension,
-} from '@prosekit/core'
-import {
-  PluginKey,
-  ProseMirrorPlugin,
-  type EditorState,
-  type Transaction,
-} from '@prosekit/pm/state'
-import {
-  Decoration,
-  DecorationSet,
-} from '@prosekit/pm/view'
+import { definePlugin, type PlainExtension } from '@prosekit/core'
+import { PluginKey, ProseMirrorPlugin, type EditorState, type Transaction } from '@prosekit/pm/state'
+import { Decoration, DecorationSet } from '@prosekit/pm/view'
 
 /**
  * @internal

package/src/yjs/index.ts

@@ -1,22 +1,7 @@
-export {
-  defineYjs,
-  type YjsExtension,
-  type YjsOptions,
-} from './yjs'
+export { defineYjs, type YjsExtension, type YjsOptions } from './yjs'
 export { defineYjsCommands } from './yjs-commands'
-export {
-  defineYjsCursorPlugin,
-  type YjsCursorOptions,
-  type YjsCursorPluginOptions,
-} from './yjs-cursor-plugin'
+export { defineYjsCursorPlugin, type YjsCursorOptions, type YjsCursorPluginOptions } from './yjs-cursor-plugin'
 export { defineYjsKeymap } from './yjs-keymap'
-export {
-  defineYjsSyncPlugin,
-  type YjsSyncOptions,
-  type YjsSyncPluginOptions,
-} from './yjs-sync-plugin'
-export {
-  defineYjsUndoPlugin,
-  type YjsUndoOptions,
-  type YjsUndoPluginOptions,
-} from './yjs-undo-plugin'
+export { defineYjsSyncPlugin, type YjsSyncOptions, type YjsSyncPluginOptions } from './yjs-sync-plugin'
+export type { Awareness } from './yjs-types'
+export { defineYjsUndoPlugin, type YjsUndoOptions, type YjsUndoPluginOptions } from './yjs-undo-plugin'

package/src/yjs/yjs-commands.ts

@@ -1,11 +1,5 @@
-import {
-  defineCommands,
-  type Extension,
-} from '@prosekit/core'
-import {
-  redoCommand,
-  undoCommand,
-} from 'y-prosemirror'
+import { defineCommands, type Extension } from '@prosekit/core'
+import { redoCommand, undoCommand } from 'y-prosemirror'
 
 const commands = {
   undo: () => undoCommand,

package/src/yjs/yjs-cursor-plugin.ts

@@ -1,10 +1,8 @@
-import {
-  definePlugin,
-  type PlainExtension,
-} from '@prosekit/core'
+import { definePlugin, type PlainExtension } from '@prosekit/core'
 import type { Plugin } from '@prosekit/pm/state'
 import { yCursorPlugin } from 'y-prosemirror'
-import type { Awareness } from 'y-protocols/awareness'
+
+import type { Awareness } from './yjs-types'
 
 /**
  * Options for `y-prosemirror`'s `yCursorPlugin`.

package/src/yjs/yjs-keymap.ts

@@ -1,13 +1,5 @@
-import {
-  defineKeymap,
-  isApple,
-  type Keymap,
-  type PlainExtension,
-} from '@prosekit/core'
-import {
-  redoCommand,
-  undoCommand,
-} from 'y-prosemirror'
+import { defineKeymap, isApple, type Keymap, type PlainExtension } from '@prosekit/core'
+import { redoCommand, undoCommand } from 'y-prosemirror'
 
 const keymap: Keymap = {
   'Mod-z': undoCommand,

package/src/yjs/yjs-sync-plugin.ts

@@ -1,7 +1,4 @@
-import {
-  definePlugin,
-  type PlainExtension,
-} from '@prosekit/core'
+import { definePlugin, type PlainExtension } from '@prosekit/core'
 import type { Plugin } from '@prosekit/pm/state'
 import { ySyncPlugin } from 'y-prosemirror'
 import type * as Y from 'yjs'

package/src/yjs/yjs-types.ts

@@ -0,0 +1,8 @@
+import type { yCursorPlugin } from 'y-prosemirror'
+
+/**
+ * @internal
+ *
+ * The type `Awareness` is not exported by `y-prosemirror` so we need to define it like this.
+ */
+export type Awareness = Parameters<typeof yCursorPlugin>[0]

package/src/yjs/yjs-undo-plugin.ts

@@ -1,13 +1,7 @@
-import {
-  definePlugin,
-  type PlainExtension,
-} from '@prosekit/core'
+import { definePlugin, type PlainExtension } from '@prosekit/core'
 import type { ProseMirrorPlugin } from '@prosekit/pm/state'
 import type { EditorView } from '@prosekit/pm/view'
-import {
-  yUndoPlugin as originalYUndoPlugin,
-  yUndoPluginKey,
-} from 'y-prosemirror'
+import { yUndoPlugin as originalYUndoPlugin, yUndoPluginKey } from 'y-prosemirror'
 import type { UndoManager as YjsUndoManager } from 'yjs'
 
 type UndoManager = YjsUndoManager & { restore: () => void }

package/src/yjs/yjs.ts

@@ -1,30 +1,12 @@
-import {
-  Priority,
-  union,
-  withPriority,
-  type PlainExtension,
-  type Union,
-} from '@prosekit/core'
-import type { Awareness } from 'y-protocols/awareness'
+import { Priority, union, withPriority, type PlainExtension, type Union } from '@prosekit/core'
 import type * as Y from 'yjs'
 
-import {
-  defineYjsCommands,
-  type YjsCommandsExtension,
-} from './yjs-commands'
-import {
-  defineYjsCursorPlugin,
-  type YjsCursorPluginOptions,
-} from './yjs-cursor-plugin'
+import { defineYjsCommands, type YjsCommandsExtension } from './yjs-commands'
+import { defineYjsCursorPlugin, type YjsCursorPluginOptions } from './yjs-cursor-plugin'
 import { defineYjsKeymap } from './yjs-keymap'
-import {
-  defineYjsSyncPlugin,
-  type YjsSyncPluginOptions,
-} from './yjs-sync-plugin'
-import {
-  defineYjsUndoPlugin,
-  type YjsUndoPluginOptions,
-} from './yjs-undo-plugin'
+import { defineYjsSyncPlugin, type YjsSyncPluginOptions } from './yjs-sync-plugin'
+import type { Awareness } from './yjs-types'
+import { defineYjsUndoPlugin, type YjsUndoPluginOptions } from './yjs-undo-plugin'
 
 export interface YjsOptions {
   /**

package/dist/drop-indicator-B1QHFb5m.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drop-indicator-B1QHFb5m.js","names":["showHandler: ShowHandler","hideHandler: VoidFunction","dragHandler: DragEventHandler"],"sources":["../src/drop-indicator/drop-indicator-facet.ts","../src/drop-indicator/drop-indicator.ts"],"sourcesContent":["import {\n  defineFacet,\n  defineFacetPayload,\n  pluginFacet,\n  type PlainExtension,\n  type PluginPayload,\n} from '@prosekit/core'\nimport type {\n  DragEventHandler,\n  DropIndicatorPluginOptions,\n  ShowHandler,\n} from 'prosemirror-drop-indicator'\nimport { createDropIndicatorPlugin } from 'prosemirror-drop-indicator'\n\n/**\n * @internal\n */\nexport function defineDropIndicatorPayload(\n  payload: DropIndicatorPluginOptions,\n): PlainExtension {\n  return defineFacetPayload(dropIndicatorFacet, [payload]) as PlainExtension\n}\n\nconst dropIndicatorFacet = defineFacet<DropIndicatorPluginOptions, PluginPayload>({\n  parent: pluginFacet,\n  singleton: true,\n  reducer: (payloads: DropIndicatorPluginOptions[]): PluginPayload => {\n    let showHandlers = payloads.map(p => p.onShow).filter(x => !!x)\n    let hideHandlers = payloads.map(p => p.onHide).filter(x => !!x)\n    let dragHandlers = payloads.map(p => p.onDrag).filter(x => !!x)\n\n    let showHandler: ShowHandler = (options) => {\n      for (let fn of showHandlers) {\n        fn(options)\n      }\n    }\n\n    let hideHandler: VoidFunction = () => {\n      for (let fn of hideHandlers) {\n        fn()\n      }\n    }\n\n    let dragHandler: DragEventHandler = (options): boolean => {\n      for (let fn of dragHandlers) {\n        if (fn(options) === false) return false\n      }\n      return true\n    }\n\n    if (showHandlers.length === 0) {\n      // No `onShow` event handler, so we don't need to create a plugin.\n      return []\n    }\n\n    return createDropIndicatorPlugin({\n      onDrag: dragHandler,\n      onShow: showHandler,\n      onHide: hideHandler,\n    })\n  },\n})\n","import type { PlainExtension } from '@prosekit/core'\nimport type { DropIndicatorPluginOptions } from 'prosemirror-drop-indicator'\n\nimport { defineDropIndicatorPayload } from './drop-indicator-facet'\n\n/**\n * @internal\n */\nexport type DropIndicatorExtension = PlainExtension\n\n/**\n * Defines an extension that controls the behavior of the drop indicator.\n *\n * This extension itself doesn't draw the drop indicator, but it provides the\n * necessary callbacks to do so. You probably don't want to use this extension\n * directly, but rather use the `<DropIndicator>` component.\n *\n * You can add this extension multiple times. If any extension has `onDrag`\n * callback defined, and it returns `false`, then the drop point will be\n * discarded.\n *\n * @public\n */\nexport function defineDropIndicator(\n  options?: DropIndicatorOptions,\n): DropIndicatorExtension {\n  return defineDropIndicatorPayload(options ?? {})\n}\n\n/**\n * Options for {@link defineDropIndicator}.\n *\n * @public\n */\nexport interface DropIndicatorOptions extends DropIndicatorPluginOptions {}\n"],"mappings":";;;;;;;AAiBA,SAAgB,2BACd,SACgB;AAChB,QAAO,mBAAmB,oBAAoB,CAAC,QAAQ,CAAC;;AAG1D,MAAM,qBAAqB,YAAuD;CAChF,QAAQ;CACR,WAAW;CACX,UAAU,aAA0D;EAClE,IAAI,eAAe,SAAS,KAAI,MAAK,EAAE,OAAO,CAAC,QAAO,MAAK,CAAC,CAAC,EAAE;EAC/D,IAAI,eAAe,SAAS,KAAI,MAAK,EAAE,OAAO,CAAC,QAAO,MAAK,CAAC,CAAC,EAAE;EAC/D,IAAI,eAAe,SAAS,KAAI,MAAK,EAAE,OAAO,CAAC,QAAO,MAAK,CAAC,CAAC,EAAE;EAE/D,IAAIA,eAA4B,YAAY;AAC1C,QAAK,IAAI,MAAM,aACb,IAAG,QAAQ;;EAIf,IAAIC,oBAAkC;AACpC,QAAK,IAAI,MAAM,aACb,KAAI;;EAIR,IAAIC,eAAiC,YAAqB;AACxD,QAAK,IAAI,MAAM,aACb,KAAI,GAAG,QAAQ,KAAK,MAAO,QAAO;AAEpC,UAAO;;AAGT,MAAI,aAAa,WAAW,EAE1B,QAAO,EAAE;AAGX,SAAO,0BAA0B;GAC/B,QAAQ;GACR,QAAQ;GACR,QAAQ;GACT,CAAC;;CAEL,CAAC;;;;;;;;;;;;;;;;;ACtCF,SAAgB,oBACd,SACwB;AACxB,QAAO,2BAA2B,WAAW,EAAE,CAAC"}