@wix/ricos 11.21.3 → 11.23.0

package/dist/es/ricos-common-plugins/layout/section-dividers/section-dividers-panel-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ricos-common-plugins/layout/section-dividers/section-dividers-panel.scss"],
-  "sourcesContent": ["var styleDataHash = 'd4badccf';  \nexport const injectCss = (() => {\n  var css = `.UDgnH{transform:scaleY(-1)}.wu2TM{cursor:grab;user-select:none}.wu2TM:active{cursor:grabbing}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"topEdgeThumbnail\": \"UDgnH\",\n  \"customizeHeader\": \"wu2TM\"\n};"],
+  "sourcesContent": ["var styleDataHash = '441980a6';  \nexport const injectCss = (() => {\n  var css = `.kJGt4{transform:scaleY(-1)}.vAS3E{cursor:grab;user-select:none}.vAS3E:active{cursor:grabbing}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"topEdgeThumbnail\": \"kJGt4\",\n  \"customizeHeader\": \"vAS3E\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,iCAAQ;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AACrB;",
   "names": []
 }

package/dist/es/ricos-common-plugins/layout/section-dividers/section-dividers-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "694bccba";
+var styleDataHash = "c70c9415";
 const injectCss = (() => {
-  var css = `._1nXv9{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.GBd3u{left:0;pointer-events:none;position:absolute;right:0}.QB-F7{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}._4lwxJ{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}`;
+  var css = `.kTk2y{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.PLL7j{left:0;pointer-events:none;position:absolute;right:0}.gmoj4{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}.dfHKm{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,10 +21,10 @@ const injectCss = (() => {
 });
 injectCss();
 var section_dividers_default = {
-  "sectionDividerClip": "_1nXv9",
-  "sectionDivider": "GBd3u",
-  "sectionDividerTop": "QB-F7",
-  "sectionDividerBottom": "_4lwxJ"
+  "sectionDividerClip": "kTk2y",
+  "sectionDivider": "PLL7j",
+  "sectionDividerTop": "gmoj4",
+  "sectionDividerBottom": "dfHKm"
 };
 export {
   section_dividers_default as default,

package/dist/es/ricos-common-plugins/layout/section-dividers/section-dividers-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ricos-common-plugins/layout/section-dividers/section-dividers.scss"],
-  "sourcesContent": ["var styleDataHash = '694bccba';  \nexport const injectCss = (() => {\n  var css = `._1nXv9{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.GBd3u{left:0;pointer-events:none;position:absolute;right:0}.QB-F7{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}._4lwxJ{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"sectionDividerClip\": \"_1nXv9\",\n  \"sectionDivider\": \"GBd3u\",\n  \"sectionDividerTop\": \"QB-F7\",\n  \"sectionDividerBottom\": \"_4lwxJ\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'c70c9415';  \nexport const injectCss = (() => {\n  var css = `.kTk2y{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.PLL7j{left:0;pointer-events:none;position:absolute;right:0}.gmoj4{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}.dfHKm{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"sectionDividerClip\": \"kTk2y\",\n  \"sectionDivider\": \"PLL7j\",\n  \"sectionDividerTop\": \"gmoj4\",\n  \"sectionDividerBottom\": \"dfHKm\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,2BAAQ;AAAA,EACb,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,wBAAwB;AAC1B;",
   "names": []
 }

package/dist/es/ricos-common-plugins/list-item/extension.js

@@ -19,6 +19,7 @@ import {
 import { indentList } from "./commands/indent-list.js";
 import { outdentList } from "./commands/outdent-list.js";
 import { toggleLists } from "./commands/toggle-lists.js";
+import { createListMarkerSelectionPlugin, parseMarkerStyle } from "./list-marker-selection.js";
 const listItem = createRicosNodeExtension({
   groups: ["shortcuts-enabled"],
   type: "html-node",
@@ -70,6 +71,13 @@ const listItem = createRicosNodeExtension({
             // with Google Docs (and is valid ARIA) in both the live editor and the
             // copied clipboard HTML.
             renderHTML: (attributes) => attributes.checked === null || attributes.checked === void 0 ? {} : { role: "checkbox", "aria-checked": attributes.checked ? "true" : "false" }
+          },
+          // Styled through the `list-item-sizing` decoration; rendered here only to survive
+          // clipboard HTML. See `list-marker-selection.ts`.
+          markerStyle: {
+            default: null,
+            parseHTML: (element) => parseMarkerStyle(element.getAttribute("data-marker-style")),
+            renderHTML: ({ markerStyle }) => markerStyle ? { "data-marker-style": JSON.stringify(markerStyle) } : {}
           }
         };
       },
@@ -140,6 +148,7 @@ const listItem = createRicosNodeExtension({
           createListItemSizingDecorationPlugin(),
           createListStylePositionDecorationPlugin(),
           createCheckboxListDecorationPlugin(this.editor),
+          createListMarkerSelectionPlugin(),
           createCheckboxStateNormalizingTransactionPlugin(),
           createMergingSiblingListNodesTransactionPlugin(),
           createOffsetNormalizingTransactionPlugin(),

package/dist/es/ricos-common-plugins/list-item/extension.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/list-item/extension.ts"],
-  "sourcesContent": ["import classNames from 'classnames';\n\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport {\n  type DOMOutputSpec,\n  type ExtensionProps,\n  type NodeConfig,\n  type RicosExtension,\n} from './../../ricos-types/index.js';\nimport { findParentNodeClosestToPos, mergeAttributes } from './../../tiptap/index.js';\nimport { type NodeType } from './../../tiptap/pm/model.js';\nimport { createRicosNodeExtension } from './../../plugin-commons/index.js';\nimport { findNodeById } from './../../tiptap-editor/helpers/index.js';\nimport type { TiptapAdapterServices } from './../../tiptap-editor/initialize-tiptap-adapter.js';\n\nimport {\n  createCheckboxListDecorationPlugin,\n  createIndentationStylingDecorationPlugin,\n  createListItemSizingDecorationPlugin,\n  createListStylePositionDecorationPlugin,\n} from '../decoration-plugins/index.js';\nimport styles from '../statics/styles-scss.js';\nimport {\n  createCheckboxStateNormalizingTransactionPlugin,\n  createHandleTextWrapPlugin,\n  createMergingSiblingListNodesTransactionPlugin,\n  createOffsetNormalizingTransactionPlugin,\n} from '../transaction-plugins/index.js';\nimport { indentList } from './commands/indent-list.js';\nimport { outdentList } from './commands/outdent-list.js';\nimport { toggleLists } from './commands/toggle-lists.js';\n\ndeclare module './../../tiptap/core' {\n  interface Commands<ReturnType> {\n    listItem: {\n      /**\n       * increase list indentation\n       */\n      indentList: () => ReturnType;\n      /**\n       * decrease list indentation\n       */\n      outdentList: () => ReturnType;\n      /**\n       * Toggle between different list types.\n       */\n      toggleLists: (\n        listTypeOrName: string | NodeType,\n        itemTypeOrName: string | NodeType\n      ) => ReturnType;\n      /**\n       * Toggle checkbox list item checked state.\n       */\n      toggleCheckboxListItem: (id: string) => ReturnType;\n    };\n  }\n}\n\nexport const listItem = createRicosNodeExtension({\n  groups: ['shortcuts-enabled'],\n  type: 'html-node',\n  name: Node_Type.LIST_ITEM,\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>,\n    services: TiptapAdapterServices\n  ) => {\n    return {\n      ...config,\n      addOptions() {\n        return {\n          services,\n          HTMLAttributes: {\n            class: styles.listItem,\n            dir: 'auto',\n          },\n          ...settings,\n        };\n      },\n    };\n  },\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      priority: 101,\n\n      content: '(PARAGRAPH|listItemFirstChildContent) listItemSecondChildContent*',\n\n      defining: true,\n\n      parseHTML() {\n        return [\n          {\n            tag: 'li',\n          },\n        ];\n      },\n\n      addAttributes() {\n        return {\n          checked: {\n            default: null,\n            keepOnSplit: false,\n            parseHTML: element => {\n              const checked = element.getAttribute('aria-checked');\n              if (checked === 'true') {\n                return true;\n              }\n\n              if (checked === 'false') {\n                return false;\n              }\n\n              return null;\n            },\n            // Render the `<li>` as the semantic checkbox so the state round-trips\n            // with Google Docs (and is valid ARIA) in both the live editor and the\n            // copied clipboard HTML.\n            renderHTML: attributes =>\n              attributes.checked === null || attributes.checked === undefined\n                ? {}\n                : { role: 'checkbox', 'aria-checked': attributes.checked ? 'true' : 'false' },\n          },\n        };\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        const allAttributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes);\n\n        const attrs = {\n          ...allAttributes,\n          class: classNames(allAttributes.class as string),\n          dir: 'auto',\n        };\n\n        return ['li', attrs, 0] as DOMOutputSpec;\n      },\n\n      addCommands() {\n        return {\n          toggleLists,\n          indentList,\n          outdentList,\n          toggleCheckboxListItem:\n            (id: string) =>\n            ({ tr, dispatch }) => {\n              const listItemNodeWithPos = findNodeById(tr, id)[0];\n\n              if (!listItemNodeWithPos) {\n                console.error('Failed to find checkbox list item');\n                return false;\n              }\n\n              const nextChecked = !listItemNodeWithPos.node.attrs.checked;\n\n              tr.setNodeMarkup(listItemNodeWithPos.pos, undefined, {\n                ...listItemNodeWithPos.node.attrs,\n                id,\n                checked: nextChecked,\n              });\n\n              dispatch?.(tr);\n              return true;\n            },\n        };\n      },\n\n      addKeyboardShortcuts() {\n        const newLine = () => {\n          const currListItem = findParentNodeClosestToPos(\n            this.editor.state.selection.$from,\n            node => node.type.name === Node_Type.LIST_ITEM\n          );\n\n          if (\n            currListItem &&\n            currListItem.node.content.childCount >= 2 &&\n            this.editor.state.selection.$from.nodeBefore === null\n          ) {\n            return false;\n          }\n\n          return this.editor.commands.splitListItem(this.name);\n        };\n\n        const tiptapKeyboardShortcuts = {\n          Enter: newLine,\n        };\n\n        //TODO: append extension specific code to existing new line command\n\n        const newLineShortcuts: any = [];\n        this.options.services.shortcuts.shortcuts.forEach((shortcut: $TSFixMe) => {\n          if (shortcut.shortcut.name === 'NewLine') {\n            newLineShortcuts.push(shortcut);\n          }\n        });\n\n        newLineShortcuts.forEach((newLineShortcut: $TSFixMe) => {\n          const modifier = newLineShortcut.keys.macOs.modifiers[0];\n          const key = newLineShortcut.keys.macOs.key;\n          const shortcutKey: keyof typeof tiptapKeyboardShortcuts = modifier\n            ? `${modifier}-${key}`\n            : key;\n          tiptapKeyboardShortcuts[shortcutKey] = newLine;\n        });\n\n        return {\n          ...tiptapKeyboardShortcuts,\n        };\n      },\n      addProseMirrorPlugins() {\n        return [\n          createIndentationStylingDecorationPlugin(),\n          createListItemSizingDecorationPlugin(),\n          createListStylePositionDecorationPlugin(),\n          createCheckboxListDecorationPlugin(this.editor),\n\n          createCheckboxStateNormalizingTransactionPlugin(),\n          createMergingSiblingListNodesTransactionPlugin(),\n          createOffsetNormalizingTransactionPlugin(),\n          createHandleTextWrapPlugin(),\n        ];\n      },\n    };\n  },\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import classNames from 'classnames';\n\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport {\n  type DOMOutputSpec,\n  type ExtensionProps,\n  type NodeConfig,\n  type RicosExtension,\n} from './../../ricos-types/index.js';\nimport { findParentNodeClosestToPos, mergeAttributes } from './../../tiptap/index.js';\nimport { type NodeType } from './../../tiptap/pm/model.js';\nimport { createRicosNodeExtension } from './../../plugin-commons/index.js';\nimport { findNodeById } from './../../tiptap-editor/helpers/index.js';\nimport type { TiptapAdapterServices } from './../../tiptap-editor/initialize-tiptap-adapter.js';\n\nimport {\n  createCheckboxListDecorationPlugin,\n  createIndentationStylingDecorationPlugin,\n  createListItemSizingDecorationPlugin,\n  createListStylePositionDecorationPlugin,\n} from '../decoration-plugins/index.js';\nimport styles from '../statics/styles-scss.js';\nimport {\n  createCheckboxStateNormalizingTransactionPlugin,\n  createHandleTextWrapPlugin,\n  createMergingSiblingListNodesTransactionPlugin,\n  createOffsetNormalizingTransactionPlugin,\n} from '../transaction-plugins/index.js';\nimport { indentList } from './commands/indent-list.js';\nimport { outdentList } from './commands/outdent-list.js';\nimport { toggleLists } from './commands/toggle-lists.js';\nimport { createListMarkerSelectionPlugin, parseMarkerStyle } from './list-marker-selection.js';\n\ndeclare module './../../tiptap/core' {\n  interface Commands<ReturnType> {\n    listItem: {\n      /**\n       * increase list indentation\n       */\n      indentList: () => ReturnType;\n      /**\n       * decrease list indentation\n       */\n      outdentList: () => ReturnType;\n      /**\n       * Toggle between different list types.\n       */\n      toggleLists: (\n        listTypeOrName: string | NodeType,\n        itemTypeOrName: string | NodeType\n      ) => ReturnType;\n      /**\n       * Toggle checkbox list item checked state.\n       */\n      toggleCheckboxListItem: (id: string) => ReturnType;\n    };\n  }\n}\n\nexport const listItem = createRicosNodeExtension({\n  groups: ['shortcuts-enabled'],\n  type: 'html-node',\n  name: Node_Type.LIST_ITEM,\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>,\n    services: TiptapAdapterServices\n  ) => {\n    return {\n      ...config,\n      addOptions() {\n        return {\n          services,\n          HTMLAttributes: {\n            class: styles.listItem,\n            dir: 'auto',\n          },\n          ...settings,\n        };\n      },\n    };\n  },\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      priority: 101,\n\n      content: '(PARAGRAPH|listItemFirstChildContent) listItemSecondChildContent*',\n\n      defining: true,\n\n      parseHTML() {\n        return [\n          {\n            tag: 'li',\n          },\n        ];\n      },\n\n      addAttributes() {\n        return {\n          checked: {\n            default: null,\n            keepOnSplit: false,\n            parseHTML: element => {\n              const checked = element.getAttribute('aria-checked');\n              if (checked === 'true') {\n                return true;\n              }\n\n              if (checked === 'false') {\n                return false;\n              }\n\n              return null;\n            },\n            // Render the `<li>` as the semantic checkbox so the state round-trips\n            // with Google Docs (and is valid ARIA) in both the live editor and the\n            // copied clipboard HTML.\n            renderHTML: attributes =>\n              attributes.checked === null || attributes.checked === undefined\n                ? {}\n                : { role: 'checkbox', 'aria-checked': attributes.checked ? 'true' : 'false' },\n          },\n          // Styled through the `list-item-sizing` decoration; rendered here only to survive\n          // clipboard HTML. See `list-marker-selection.ts`.\n          markerStyle: {\n            default: null,\n            parseHTML: element => parseMarkerStyle(element.getAttribute('data-marker-style')),\n            renderHTML: ({ markerStyle }) =>\n              markerStyle ? { 'data-marker-style': JSON.stringify(markerStyle) } : {},\n          },\n        };\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        const allAttributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes);\n\n        const attrs = {\n          ...allAttributes,\n          class: classNames(allAttributes.class as string),\n          dir: 'auto',\n        };\n\n        return ['li', attrs, 0] as DOMOutputSpec;\n      },\n\n      addCommands() {\n        return {\n          toggleLists,\n          indentList,\n          outdentList,\n          toggleCheckboxListItem:\n            (id: string) =>\n            ({ tr, dispatch }) => {\n              const listItemNodeWithPos = findNodeById(tr, id)[0];\n\n              if (!listItemNodeWithPos) {\n                console.error('Failed to find checkbox list item');\n                return false;\n              }\n\n              const nextChecked = !listItemNodeWithPos.node.attrs.checked;\n\n              tr.setNodeMarkup(listItemNodeWithPos.pos, undefined, {\n                ...listItemNodeWithPos.node.attrs,\n                id,\n                checked: nextChecked,\n              });\n\n              dispatch?.(tr);\n              return true;\n            },\n        };\n      },\n\n      addKeyboardShortcuts() {\n        const newLine = () => {\n          const currListItem = findParentNodeClosestToPos(\n            this.editor.state.selection.$from,\n            node => node.type.name === Node_Type.LIST_ITEM\n          );\n\n          if (\n            currListItem &&\n            currListItem.node.content.childCount >= 2 &&\n            this.editor.state.selection.$from.nodeBefore === null\n          ) {\n            return false;\n          }\n\n          return this.editor.commands.splitListItem(this.name);\n        };\n\n        const tiptapKeyboardShortcuts = {\n          Enter: newLine,\n        };\n\n        //TODO: append extension specific code to existing new line command\n\n        const newLineShortcuts: any = [];\n        this.options.services.shortcuts.shortcuts.forEach((shortcut: $TSFixMe) => {\n          if (shortcut.shortcut.name === 'NewLine') {\n            newLineShortcuts.push(shortcut);\n          }\n        });\n\n        newLineShortcuts.forEach((newLineShortcut: $TSFixMe) => {\n          const modifier = newLineShortcut.keys.macOs.modifiers[0];\n          const key = newLineShortcut.keys.macOs.key;\n          const shortcutKey: keyof typeof tiptapKeyboardShortcuts = modifier\n            ? `${modifier}-${key}`\n            : key;\n          tiptapKeyboardShortcuts[shortcutKey] = newLine;\n        });\n\n        return {\n          ...tiptapKeyboardShortcuts,\n        };\n      },\n      addProseMirrorPlugins() {\n        return [\n          createIndentationStylingDecorationPlugin(),\n          createListItemSizingDecorationPlugin(),\n          createListStylePositionDecorationPlugin(),\n          createCheckboxListDecorationPlugin(this.editor),\n          createListMarkerSelectionPlugin(),\n\n          createCheckboxStateNormalizingTransactionPlugin(),\n          createMergingSiblingListNodesTransactionPlugin(),\n          createOffsetNormalizingTransactionPlugin(),\n          createHandleTextWrapPlugin(),\n        ];\n      },\n    };\n  },\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/ricos-common-plugins/list-item/list-converters.js

@@ -13,7 +13,8 @@ const listItemConverter = {
           ...textAlignment ? { textStyle: { textAlignment } } : {},
           id,
           checked: node.listItemData?.checked ?? null,
-          animation: node.listItemData?.animation ?? null
+          animation: node.listItemData?.animation ?? null,
+          markerStyle: node.listItemData?.markerStyle ?? null
         },
         content: visit(node)
       };
@@ -25,11 +26,12 @@ const listItemConverter = {
     // @ts-expect-error $TSFixMe
     convert: (node, visit) => {
       const attributes = node.attrs;
-      const { id, checked, animation } = attributes || {};
+      const { id, checked, animation, markerStyle } = attributes || {};
       const nodes = visit(node);
       const listItemData = {
         ...checked === true ? { checked: true } : {},
-        ...animation ? { animation } : {}
+        ...animation ? { animation } : {},
+        ...markerStyle ? { markerStyle } : {}
       };
       const result = {
         type: Node_Type.LIST_ITEM,

package/dist/es/ricos-common-plugins/list-item/list-converters.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/list-item/list-converters.ts"],
-  "sourcesContent": ["import type { PmNodeConverter } from './../../pm-converters/types.js';\nimport type { Node } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { ListItemChildNode, ListItemNode, ListItemNodeData } from './../../ricos-schema/next-schema/index.js';\nimport type { PmListItemNode, PmNode } from './../../_shared/pm-node-types.js';\n\nexport const listItemConverter: PmNodeConverter = {\n  toPm: {\n    types: [Node_Type.LIST_ITEM],\n    // @ts-expect-error $TSFixMe\n    convert: (node: ListItemNode, visit: (node: ListItemNode) => PmNode[]) => {\n      const { id = '' } = node || {};\n\n      const listItemChildNode = node?.nodes?.[0];\n      const textAlignment =\n        listItemChildNode?.type === Node_Type.PARAGRAPH &&\n        listItemChildNode?.paragraphData?.textStyle?.textAlignment;\n\n      const result: PmListItemNode = {\n        type: Node_Type.LIST_ITEM,\n        attrs: {\n          ...(textAlignment ? { textStyle: { textAlignment } } : {}),\n          id,\n          checked: node.listItemData?.checked ?? null,\n          animation: node.listItemData?.animation ?? null,\n        },\n        content: visit(node),\n      };\n\n      return result;\n    },\n  },\n  fromPm: {\n    types: [Node_Type.LIST_ITEM],\n    // @ts-expect-error $TSFixMe\n    convert: (node: PmListItemNode, visit: (node: PmListItemNode) => Node[]) => {\n      const attributes = node.attrs;\n      const { id, checked, animation } = attributes || {};\n\n      const nodes = visit(node) as ListItemChildNode[];\n\n      const listItemData: ListItemNodeData = {\n        ...(checked === true ? { checked: true } : {}),\n        ...(animation ? { animation } : {}),\n      };\n\n      const result: ListItemNode = {\n        type: Node_Type.LIST_ITEM,\n        id,\n        nodes,\n        ...(Object.keys(listItemData).length > 0 ? { listItemData } : {}),\n      };\n      return result;\n    },\n  },\n};\n"],
-  "mappings": "AAEA,SAAS,iBAAiB;AAInB,MAAM,oBAAqC;AAAA,EAChD,MAAM;AAAA,IACJ,OAAO,CAAC,UAAU,SAAS;AAAA;AAAA,IAE3B,SAAS,CAAC,MAAoB,UAA4C;AACxE,YAAM,EAAE,KAAK,GAAG,IAAI,QAAQ,CAAC;AAE7B,YAAM,oBAAoB,MAAM,QAAQ,CAAC;AACzC,YAAM,gBACJ,mBAAmB,SAAS,UAAU,aACtC,mBAAmB,eAAe,WAAW;AAE/C,YAAM,SAAyB;AAAA,QAC7B,MAAM,UAAU;AAAA,QAChB,OAAO;AAAA,UACL,GAAI,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,IAAI,CAAC;AAAA,UACxD;AAAA,UACA,SAAS,KAAK,cAAc,WAAW;AAAA,UACvC,WAAW,KAAK,cAAc,aAAa;AAAA,QAC7C;AAAA,QACA,SAAS,MAAM,IAAI;AAAA,MACrB;AAEA,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,CAAC,UAAU,SAAS;AAAA;AAAA,IAE3B,SAAS,CAAC,MAAsB,UAA4C;AAC1E,YAAM,aAAa,KAAK;AACxB,YAAM,EAAE,IAAI,SAAS,UAAU,IAAI,cAAc,CAAC;AAElD,YAAM,QAAQ,MAAM,IAAI;AAExB,YAAM,eAAiC;AAAA,QACrC,GAAI,YAAY,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;AAAA,QAC5C,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACnC;AAEA,YAAM,SAAuB;AAAA,QAC3B,MAAM,UAAU;AAAA,QAChB;AAAA,QACA;AAAA,QACA,GAAI,OAAO,KAAK,YAAY,EAAE,SAAS,IAAI,EAAE,aAAa,IAAI,CAAC;AAAA,MACjE;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { PmNodeConverter } from './../../pm-converters/types.js';\nimport type { Node } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { ListItemChildNode, ListItemNode, ListItemNodeData } from './../../ricos-schema/next-schema/index.js';\nimport type { PmListItemNode, PmNode } from './../../_shared/pm-node-types.js';\n\nexport const listItemConverter: PmNodeConverter = {\n  toPm: {\n    types: [Node_Type.LIST_ITEM],\n    // @ts-expect-error $TSFixMe\n    convert: (node: ListItemNode, visit: (node: ListItemNode) => PmNode[]) => {\n      const { id = '' } = node || {};\n\n      const listItemChildNode = node?.nodes?.[0];\n      const textAlignment =\n        listItemChildNode?.type === Node_Type.PARAGRAPH &&\n        listItemChildNode?.paragraphData?.textStyle?.textAlignment;\n\n      const result: PmListItemNode = {\n        type: Node_Type.LIST_ITEM,\n        attrs: {\n          ...(textAlignment ? { textStyle: { textAlignment } } : {}),\n          id,\n          checked: node.listItemData?.checked ?? null,\n          animation: node.listItemData?.animation ?? null,\n          markerStyle: node.listItemData?.markerStyle ?? null,\n        },\n        content: visit(node),\n      };\n\n      return result;\n    },\n  },\n  fromPm: {\n    types: [Node_Type.LIST_ITEM],\n    // @ts-expect-error $TSFixMe\n    convert: (node: PmListItemNode, visit: (node: PmListItemNode) => Node[]) => {\n      const attributes = node.attrs;\n      const { id, checked, animation, markerStyle } = attributes || {};\n\n      const nodes = visit(node) as ListItemChildNode[];\n\n      const listItemData: ListItemNodeData = {\n        ...(checked === true ? { checked: true } : {}),\n        ...(animation ? { animation } : {}),\n        ...(markerStyle ? { markerStyle } : {}),\n      };\n\n      const result: ListItemNode = {\n        type: Node_Type.LIST_ITEM,\n        id,\n        nodes,\n        ...(Object.keys(listItemData).length > 0 ? { listItemData } : {}),\n      };\n      return result;\n    },\n  },\n};\n"],
+  "mappings": "AAEA,SAAS,iBAAiB;AAInB,MAAM,oBAAqC;AAAA,EAChD,MAAM;AAAA,IACJ,OAAO,CAAC,UAAU,SAAS;AAAA;AAAA,IAE3B,SAAS,CAAC,MAAoB,UAA4C;AACxE,YAAM,EAAE,KAAK,GAAG,IAAI,QAAQ,CAAC;AAE7B,YAAM,oBAAoB,MAAM,QAAQ,CAAC;AACzC,YAAM,gBACJ,mBAAmB,SAAS,UAAU,aACtC,mBAAmB,eAAe,WAAW;AAE/C,YAAM,SAAyB;AAAA,QAC7B,MAAM,UAAU;AAAA,QAChB,OAAO;AAAA,UACL,GAAI,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,IAAI,CAAC;AAAA,UACxD;AAAA,UACA,SAAS,KAAK,cAAc,WAAW;AAAA,UACvC,WAAW,KAAK,cAAc,aAAa;AAAA,UAC3C,aAAa,KAAK,cAAc,eAAe;AAAA,QACjD;AAAA,QACA,SAAS,MAAM,IAAI;AAAA,MACrB;AAEA,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,CAAC,UAAU,SAAS;AAAA;AAAA,IAE3B,SAAS,CAAC,MAAsB,UAA4C;AAC1E,YAAM,aAAa,KAAK;AACxB,YAAM,EAAE,IAAI,SAAS,WAAW,YAAY,IAAI,cAAc,CAAC;AAE/D,YAAM,QAAQ,MAAM,IAAI;AAExB,YAAM,eAAiC;AAAA,QACrC,GAAI,YAAY,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;AAAA,QAC5C,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,QACjC,GAAI,cAAc,EAAE,YAAY,IAAI,CAAC;AAAA,MACvC;AAEA,YAAM,SAAuB;AAAA,QAC3B,MAAM,UAAU;AAAA,QAChB;AAAA,QACA;AAAA,QACA,GAAI,OAAO,KAAK,YAAY,EAAE,SAAS,IAAI,EAAE,aAAa,IAAI,CAAC;AAAA,MACjE;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/es/ricos-common-plugins/list-item/list-marker-selection.js

@@ -0,0 +1,274 @@
+import { ColorData_Background_Type, Decoration_Type, Node_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1/index.js";
+import {
+  Background_Type,
+  FontSizeData_fontType
+} from "./../../ricos-schema/next-schema/index.js";
+import { Mark_Type } from "./../../ricos-types/index.js";
+import { deepEqual } from "./../../_shared/deep-equal.js";
+import { FONT_WEIGHT_NORMAL } from "./../../_shared/font-weight.js";
+import { getCommonMarkerStyle } from "./../../_shared/get-common-marker-style.js";
+import { getDecorationsMarkerStyle } from "./../../_shared/get-decorations-marker-style.js";
+import { omitKeys } from "./../../_shared/omit-keys.js";
+import { pickKeys } from "./../../_shared/pick-keys.js";
+import { isNodeSelected } from "./../../_shared/resolvers/is-node-selected.js";
+import { Plugin, PluginKey, Selection, TextSelection } from "./../../tiptap/pm/state.js";
+import { AddMarkStep, Mapping, RemoveMarkStep } from "./../../tiptap/pm/transform.js";
+import { Decoration, DecorationSet } from "./../../tiptap/pm/view.js";
+import { isUndoRedoTransaction } from "../undo-redo/history-infra.js";
+const MARKER_LIST_TYPES = [Node_Type.ORDERED_LIST, Node_Type.BULLETED_LIST];
+const MARK_PROPERTY = {
+  [Mark_Type.FONT_SIZE]: "fontSize",
+  [Mark_Type.BOLD]: "fontWeight",
+  [Mark_Type.ITALIC]: "italic",
+  [Mark_Type.COLOR_FOREGROUND]: "color",
+  [Mark_Type.FONT_FAMILY]: "fontFamily"
+};
+const MODIFIER_KEYS = ["Shift", "Meta", "Control", "Alt"];
+const LIST_MARKER_SELECTED_ATTR = "data-list-marker-selected";
+const isMarkerList = (node) => !!node && MARKER_LIST_TYPES.includes(node.type.name);
+class ListMarkerSelection extends TextSelection {
+  constructor($cursor, listPos, single = false) {
+    super($cursor);
+    this.listPos = listPos;
+    this.single = single;
+  }
+  map(doc, mapping) {
+    const selection = super.map(doc, mapping);
+    const { pos, deleted } = mapping.mapResult(this.listPos);
+    return !deleted && selection.empty && isMarkerList(doc.nodeAt(pos)) ? new ListMarkerSelection(selection.$head, pos, this.single) : selection;
+  }
+  // A plain cursor at the same position counts as equal, so reading the DOM selection back doesn't
+  // drop the marker selection; leaving it is an explicit transaction instead (see the plugin).
+  eq(other) {
+    return other instanceof TextSelection && other.empty && other.head === this.head && (!(other instanceof ListMarkerSelection) || other.listPos === this.listPos && other.single === this.single);
+  }
+}
+ListMarkerSelection.prototype.visible = false;
+const isNodeOrListMarkerSelected = (content, services, editor) => isNodeSelected(content, services, editor) || editor?.state.selection instanceof ListMarkerSelection;
+const toDecoration = ({ type, attrs }) => {
+  switch (type.name) {
+    case Mark_Type.FONT_SIZE:
+      return {
+        type: Decoration_Type.FONT_SIZE,
+        fontSizeData: { value: attrs.value, unit: attrs.unit }
+      };
+    case Mark_Type.COLOR_FOREGROUND:
+      return {
+        type: Decoration_Type.COLOR,
+        colorData: {
+          foregroundStyle: { type: ColorData_Background_Type.COLOR, color: attrs.color }
+        }
+      };
+    case Mark_Type.FONT_FAMILY:
+      return { type: Decoration_Type.FONT_FAMILY, fontFamilyData: attrs };
+    default:
+      return { type: type.name, ...attrs };
+  }
+};
+const toMarkerStyle = (marks) => getDecorationsMarkerStyle(marks.map(toDecoration));
+const toMarks = (schema, markerStyle) => {
+  const { fontSize, fontWeight, italic, color, fontFamily } = markerStyle ?? {};
+  const create = (type, attrs) => schema.marks[type]?.create(attrs);
+  return [
+    fontSize && create(Mark_Type.FONT_SIZE, fontSize),
+    fontWeight && create(Mark_Type.BOLD, { fontWeightValue: fontWeight }),
+    italic && create(Mark_Type.ITALIC, { italicData: true }),
+    color?.foregroundStyle && create(Mark_Type.COLOR_FOREGROUND, { color: color.foregroundStyle.color }),
+    fontFamily?.value && create(Mark_Type.FONT_FAMILY, { value: fontFamily.value })
+  ].filter((mark) => !!mark);
+};
+const getUnloadedStyle = (schema, markerStyle) => omitKeys(
+  markerStyle,
+  toMarks(schema, markerStyle).map(({ type }) => MARK_PROPERTY[type.name])
+);
+const getSelectedItemPos = (doc, { $head, listPos }) => $head.before(doc.resolve(listPos).depth + 2);
+const forEachSelectedItem = (doc, selection, callback) => {
+  const selectedItemPos = getSelectedItemPos(doc, selection);
+  doc.nodeAt(selection.listPos)?.forEach((item, offset) => {
+    const pos = selection.listPos + 1 + offset;
+    if (!selection.single || pos === selectedItemPos) {
+      callback(item, pos);
+    }
+  });
+};
+const getClickedMarkerSelection = (view, event) => {
+  const li = event.target;
+  if (event.button !== 0 || event.shiftKey || event.metaKey || event.ctrlKey || event.altKey || li?.nodeName !== "LI") {
+    return void 0;
+  }
+  const { doc, selection } = view.state;
+  const itemPos = view.posAtDOM(li, 0) - 1;
+  const $item = doc.resolve(itemPos);
+  const item = $item.nodeAfter;
+  const cursor = Selection.findFrom(doc.resolve(itemPos + 1), 1, true);
+  if (!item || view.nodeDOM(itemPos) !== li || !isMarkerList($item.parent) || !cursor || cursor.head >= itemPos + item.nodeSize) {
+    return void 0;
+  }
+  const listPos = $item.before();
+  const single = selection instanceof ListMarkerSelection && selection.listPos === listPos && (!selection.single || getSelectedItemPos(doc, selection) === itemPos);
+  return new ListMarkerSelection(cursor.$head, listPos, single);
+};
+const leaveMarkerSelection = (view) => {
+  const { selection, tr } = view.state;
+  if (selection instanceof ListMarkerSelection) {
+    view.dispatch(
+      tr.setSelection(TextSelection.create(tr.doc, selection.head)).setMeta("forceToolbarUpdate", true)
+    );
+  }
+};
+const toNullable = (markerStyle) => Object.keys(markerStyle).length ? markerStyle : null;
+const getTextMarkerStyles = (item) => {
+  const styles = [];
+  item.firstChild?.forEach((node) => node.isText && styles.push(toMarkerStyle(node.marks)));
+  return styles;
+};
+const getContentMarkerStyle = (item) => getCommonMarkerStyle(getTextMarkerStyles(item));
+const toMarkerOverride = (style, contentStyle) => {
+  const override = {
+    ...contentStyle.fontWeight !== void 0 && { fontWeight: FONT_WEIGHT_NORMAL },
+    ...contentStyle.italic !== void 0 && { italic: false },
+    ...style
+  };
+  const differingKeys = Object.keys(override).filter(
+    (key2) => !deepEqual(contentStyle[key2], override[key2])
+  );
+  return toNullable(pickKeys(override, differingKeys));
+};
+const FONT_SIZE_UNITS = Object.values(FontSizeData_fontType);
+const parseMarkerStyle = (json) => {
+  let parsed;
+  try {
+    parsed = JSON.parse(json ?? "null");
+  } catch {
+    return null;
+  }
+  const { fontSize, fontWeight, italic, color, fontFamily } = parsed ?? {};
+  const foregroundStyle = color?.foregroundStyle;
+  return toNullable({
+    ...typeof fontSize?.value === "number" && fontSize.value > 0 && (fontSize.unit === void 0 || FONT_SIZE_UNITS.includes(fontSize.unit)) && {
+      fontSize: { value: fontSize.value, ...fontSize.unit && { unit: fontSize.unit } }
+    },
+    ...typeof fontWeight === "number" && { fontWeight },
+    ...typeof italic === "boolean" && { italic },
+    ...foregroundStyle?.type === Background_Type.COLOR && typeof foregroundStyle.color === "string" && {
+      color: { foregroundStyle: { type: Background_Type.COLOR, color: foregroundStyle.color } }
+    },
+    ...typeof fontFamily?.value === "string" && { fontFamily: { value: fontFamily.value } }
+  });
+};
+const clearRestyledMarkerStyles = (transactions, { doc, tr }) => {
+  if (transactions.some(isUndoRedoTransaction)) {
+    return void 0;
+  }
+  const mapping = new Mapping(transactions.flatMap(({ mapping: mapping2 }) => mapping2.maps));
+  const restyled = transactions.flatMap(({ steps }) => steps).flatMap((step, index) => {
+    const property = (step instanceof AddMarkStep || step instanceof RemoveMarkStep) && MARK_PROPERTY[step.mark.type.name];
+    const toDoc = mapping.slice(index);
+    return property ? [{ property, from: toDoc.map(step.from), to: toDoc.map(step.to) }] : [];
+  });
+  if (!restyled.length) {
+    return void 0;
+  }
+  doc.descendants((node, pos) => {
+    if (node.isTextblock) {
+      return false;
+    }
+    const { markerStyle } = node.attrs;
+    if (node.type.name !== Node_Type.LIST_ITEM || !markerStyle || !node.firstChild) {
+      return;
+    }
+    const from = pos + 2;
+    const to = pos + node.firstChild.nodeSize;
+    const styles = getTextMarkerStyles(node);
+    const properties = restyled.filter(
+      ({ property, ...range }) => range.from < to && range.to > from && styles.every((style) => deepEqual(style[property], styles[0][property]))
+    ).map(({ property }) => property);
+    if (properties.some((property) => property in markerStyle)) {
+      tr.setNodeAttribute(pos, "markerStyle", toNullable(omitKeys(markerStyle, properties)));
+    }
+  });
+  return tr.steps.length ? tr.setMeta("emitUpdate", true) : void 0;
+};
+const key = new PluginKey("list-marker-selection");
+const loadMarkerStyle = (tr, selection) => {
+  const item = tr.doc.nodeAt(getSelectedItemPos(tr.doc, selection));
+  return tr.setStoredMarks(
+    toMarks(
+      tr.doc.type.schema,
+      item && { ...getContentMarkerStyle(item), ...item.attrs.markerStyle }
+    )
+  ).setMeta(key, true).setMeta("forceToolbarUpdate", true);
+};
+const createListMarkerSelectionPlugin = () => new Plugin({
+  key,
+  props: {
+    handleDOMEvents: {
+      mousedown: (view, event) => {
+        const markerSelection = getClickedMarkerSelection(view, event);
+        if (!markerSelection) {
+          leaveMarkerSelection(view);
+          return false;
+        }
+        event.preventDefault();
+        view.focus();
+        view.dispatch(
+          loadMarkerStyle(view.state.tr.setSelection(markerSelection), markerSelection)
+        );
+        return true;
+      },
+      // Typing, Enter, Backspace, etc. act on a plain cursor at the item's start, so the marker
+      // style doesn't reach the text; formatting shortcuts (with a modifier) still style the marker.
+      keydown: (view, event) => {
+        if (!event.metaKey && !event.ctrlKey && !event.altKey && !MODIFIER_KEYS.includes(event.key)) {
+          leaveMarkerSelection(view);
+        }
+        return false;
+      }
+    },
+    decorations: ({ doc, selection }) => {
+      if (!(selection instanceof ListMarkerSelection)) {
+        return null;
+      }
+      const decorations = [];
+      forEachSelectedItem(
+        doc,
+        selection,
+        (item, pos) => decorations.push(
+          Decoration.node(pos, pos + item.nodeSize, { [LIST_MARKER_SELECTED_ATTR]: "" })
+        )
+      );
+      return DecorationSet.create(doc, decorations);
+    }
+  },
+  appendTransaction: (transactions, _oldState, newState) => {
+    const { selection, storedMarks, doc } = newState;
+    if (!(selection instanceof ListMarkerSelection)) {
+      return clearRestyledMarkerStyles(transactions, newState);
+    }
+    if (!transactions.some((tr2) => tr2.storedMarksSet && !tr2.getMeta(key))) {
+      return storedMarks ? void 0 : loadMarkerStyle(newState.tr, selection);
+    }
+    const marks = (storedMarks ?? []).filter((mark) => MARK_PROPERTY[mark.type.name]);
+    const style = toMarkerStyle(marks);
+    const tr = newState.tr;
+    forEachSelectedItem(doc, selection, (item, pos) => {
+      const markerStyle = toMarkerOverride(
+        { ...getUnloadedStyle(doc.type.schema, item.attrs.markerStyle), ...style },
+        getContentMarkerStyle(item)
+      );
+      if (!deepEqual(item.attrs.markerStyle, markerStyle)) {
+        tr.setNodeAttribute(pos, "markerStyle", markerStyle);
+      }
+    });
+    return tr.steps.length || marks.length !== storedMarks?.length ? tr.setStoredMarks(marks).setMeta(key, true).setMeta("emitUpdate", true) : void 0;
+  }
+});
+export {
+  ListMarkerSelection,
+  createListMarkerSelectionPlugin,
+  getContentMarkerStyle,
+  isNodeOrListMarkerSelected,
+  parseMarkerStyle,
+  toMarkerOverride
+};
+//# sourceMappingURL=list-marker-selection.js.map

package/dist/es/ricos-common-plugins/list-item/list-marker-selection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/ricos-common-plugins/list-item/list-marker-selection.ts"],
+  "sourcesContent": ["import type { Decoration as RicosDecoration } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { ColorData_Background_Type, Decoration_Type, Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport {\n  Background_Type,\n  FontSizeData_fontType,\n  type ListItemMarkerStyle,\n} from './../../ricos-schema/next-schema/index.js';\nimport type { Resolver } from './../../ricos-types/index.js';\nimport { Mark_Type } from './../../ricos-types/index.js';\nimport { deepEqual } from './../../_shared/deep-equal.js';\nimport { FONT_WEIGHT_NORMAL } from './../../_shared/font-weight.js';\nimport { getCommonMarkerStyle } from './../../_shared/get-common-marker-style.js';\nimport { getDecorationsMarkerStyle } from './../../_shared/get-decorations-marker-style.js';\nimport { omitKeys } from './../../_shared/omit-keys.js';\nimport { pickKeys } from './../../_shared/pick-keys.js';\nimport { isNodeSelected } from './../../_shared/resolvers/is-node-selected.js';\nimport type { Mark, Node as ProseMirrorNode, ResolvedPos, Schema } from './../../tiptap/pm/model.js';\nimport type { EditorState, Transaction } from './../../tiptap/pm/state.js';\nimport { Plugin, PluginKey, Selection, TextSelection } from './../../tiptap/pm/state.js';\nimport { AddMarkStep, type Mappable, Mapping, RemoveMarkStep } from './../../tiptap/pm/transform.js';\nimport type { EditorView } from './../../tiptap/pm/view.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\n\nimport { isUndoRedoTransaction } from '../undo-redo/history-infra.js';\n\n// Checkbox list markers are toggled by a click instead.\nconst MARKER_LIST_TYPES: readonly string[] = [Node_Type.ORDERED_LIST, Node_Type.BULLETED_LIST];\n\n// The marks `::marker` can render, by the marker style property they set.\nconst MARK_PROPERTY: Record<string, keyof ListItemMarkerStyle> = {\n  [Mark_Type.FONT_SIZE]: 'fontSize',\n  [Mark_Type.BOLD]: 'fontWeight',\n  [Mark_Type.ITALIC]: 'italic',\n  [Mark_Type.COLOR_FOREGROUND]: 'color',\n  [Mark_Type.FONT_FAMILY]: 'fontFamily',\n};\n\nconst MODIFIER_KEYS: readonly string[] = ['Shift', 'Meta', 'Control', 'Alt'];\n\nconst LIST_MARKER_SELECTED_ATTR = 'data-list-marker-selected';\n\nconst isMarkerList = (node: ProseMirrorNode | null | undefined): boolean =>\n  !!node && MARKER_LIST_TYPES.includes(node.type.name);\n\n/**\n * The markers of a list's items, selected together by clicking one, or alone by clicking a selected\n * one again (as in Google Docs). It is a hidden cursor at the start of the clicked item's text, so\n * the cursor's stored marks, which every text formatting command and toolbar resolver already reads\n * and writes, stand for the marker style: the plugin below loads them from the clicked item's\n * `markerStyle` and saves them to the selected items.\n */\nexport class ListMarkerSelection extends TextSelection {\n  constructor(\n    $cursor: ResolvedPos,\n    readonly listPos: number,\n    readonly single = false\n  ) {\n    super($cursor);\n  }\n\n  map(doc: ProseMirrorNode, mapping: Mappable): Selection {\n    const selection = super.map(doc, mapping);\n    const { pos, deleted } = mapping.mapResult(this.listPos);\n    return !deleted && selection.empty && isMarkerList(doc.nodeAt(pos))\n      ? new ListMarkerSelection(selection.$head, pos, this.single)\n      : selection;\n  }\n\n  // A plain cursor at the same position counts as equal, so reading the DOM selection back doesn't\n  // drop the marker selection; leaving it is an explicit transaction instead (see the plugin).\n  eq(other: Selection): boolean {\n    return (\n      other instanceof TextSelection &&\n      other.empty &&\n      other.head === this.head &&\n      (!(other instanceof ListMarkerSelection) ||\n        (other.listPos === this.listPos && other.single === this.single))\n    );\n  }\n}\n\nListMarkerSelection.prototype.visible = false;\n\n// `disabled` of the text buttons of the marks `::marker` can't render (underline, strikethrough,\n// highlight, link, spoiler). The floating toolbar hides disabled buttons; the static one greys them out.\nexport const isNodeOrListMarkerSelected: Resolver<boolean> = (content, services, editor) =>\n  isNodeSelected(content, services, editor) ||\n  editor?.state.selection instanceof ListMarkerSelection;\n\n// A mark as the decoration its converter saves it as, so the viewer's mapping to a marker style\n// serves the editor too.\nconst toDecoration = ({ type, attrs }: Mark): RicosDecoration => {\n  switch (type.name) {\n    case Mark_Type.FONT_SIZE:\n      return {\n        type: Decoration_Type.FONT_SIZE,\n        fontSizeData: { value: attrs.value, unit: attrs.unit },\n      };\n    case Mark_Type.COLOR_FOREGROUND:\n      return {\n        type: Decoration_Type.COLOR,\n        colorData: {\n          foregroundStyle: { type: ColorData_Background_Type.COLOR, color: attrs.color },\n        },\n      };\n    case Mark_Type.FONT_FAMILY:\n      return { type: Decoration_Type.FONT_FAMILY, fontFamilyData: attrs };\n    default:\n      return { type: type.name, ...attrs } as RicosDecoration;\n  }\n};\n\nconst toMarkerStyle = (marks: readonly Mark[]) =>\n  getDecorationsMarkerStyle(marks.map(toDecoration));\n\nconst toMarks = (schema: Schema, markerStyle: ListItemMarkerStyle | null): Mark[] => {\n  const { fontSize, fontWeight, italic, color, fontFamily } = markerStyle ?? {};\n  const create = (type: string, attrs: object) => schema.marks[type]?.create(attrs);\n  return [\n    fontSize && create(Mark_Type.FONT_SIZE, fontSize),\n    fontWeight && create(Mark_Type.BOLD, { fontWeightValue: fontWeight }),\n    italic && create(Mark_Type.ITALIC, { italicData: true }),\n    color?.foregroundStyle &&\n      create(Mark_Type.COLOR_FOREGROUND, { color: color.foregroundStyle.color }),\n    fontFamily?.value && create(Mark_Type.FONT_FAMILY, { value: fontFamily.value }),\n  ].filter((mark): mark is Mark => !!mark);\n};\n\n// The marker's own style its stored marks can't hold (a mark this editor doesn't have), so restyling\n// the marker keeps it.\nconst getUnloadedStyle = (schema: Schema, markerStyle: ListItemMarkerStyle | null) =>\n  omitKeys(\n    markerStyle,\n    toMarks(schema, markerStyle).map(({ type }) => MARK_PROPERTY[type.name])\n  );\n\n// The item the marker selection was made from: its cursor sits in the item's first block.\nconst getSelectedItemPos = (doc: ProseMirrorNode, { $head, listPos }: ListMarkerSelection) =>\n  $head.before(doc.resolve(listPos).depth + 2);\n\nconst forEachSelectedItem = (\n  doc: ProseMirrorNode,\n  selection: ListMarkerSelection,\n  callback: (item: ProseMirrorNode, pos: number) => void\n) => {\n  const selectedItemPos = getSelectedItemPos(doc, selection);\n  doc.nodeAt(selection.listPos)?.forEach((item, offset) => {\n    const pos = selection.listPos + 1 + offset;\n    if (!selection.single || pos === selectedItemPos) {\n      callback(item, pos);\n    }\n  });\n};\n\n// A click on a native `::marker` targets its `<li>`.\nconst getClickedMarkerSelection = (\n  view: EditorView,\n  event: MouseEvent\n): ListMarkerSelection | undefined => {\n  const li = event.target as HTMLElement | null;\n  if (\n    event.button !== 0 ||\n    event.shiftKey ||\n    event.metaKey ||\n    event.ctrlKey ||\n    event.altKey ||\n    li?.nodeName !== 'LI'\n  ) {\n    return undefined;\n  }\n  const { doc, selection } = view.state;\n  const itemPos = view.posAtDOM(li, 0) - 1;\n  const $item = doc.resolve(itemPos);\n  const item = $item.nodeAfter;\n  const cursor = Selection.findFrom(doc.resolve(itemPos + 1), 1, true);\n  if (\n    !item ||\n    view.nodeDOM(itemPos) !== li ||\n    !isMarkerList($item.parent) ||\n    !cursor ||\n    cursor.head >= itemPos + item.nodeSize\n  ) {\n    return undefined;\n  }\n  const listPos = $item.before();\n  // Clicking a selected marker selects it alone (as in Google Docs).\n  const single =\n    selection instanceof ListMarkerSelection &&\n    selection.listPos === listPos &&\n    (!selection.single || getSelectedItemPos(doc, selection) === itemPos);\n  return new ListMarkerSelection(cursor.$head, listPos, single);\n};\n\nconst leaveMarkerSelection = (view: EditorView) => {\n  const { selection, tr } = view.state;\n  if (selection instanceof ListMarkerSelection) {\n    view.dispatch(\n      tr\n        .setSelection(TextSelection.create(tr.doc, selection.head))\n        .setMeta('forceToolbarUpdate', true)\n    );\n  }\n};\n\nconst toNullable = (markerStyle: ListItemMarkerStyle) =>\n  Object.keys(markerStyle).length ? markerStyle : null;\n\nconst getTextMarkerStyles = (item: ProseMirrorNode) => {\n  const styles: ListItemMarkerStyle[] = [];\n  item.firstChild?.forEach(node => node.isText && styles.push(toMarkerStyle(node.marks)));\n  return styles;\n};\n\n// The style the item's whole text shares, which its marker follows where `markerStyle` doesn't say.\nexport const getContentMarkerStyle = (item: ProseMirrorNode): ListItemMarkerStyle =>\n  getCommonMarkerStyle(getTextMarkerStyles(item));\n\n// The marker keeps only the style its text doesn't give it. A weight or slant the text has and the\n// marker lacks is kept as its normal value, so the marker of bold text can be unbolded.\n// ponytail: a color, size or font the text has can't be removed from the marker alone (the schema\n// has no \"default\" value for them); add one if that's needed.\nexport const toMarkerOverride = (style: ListItemMarkerStyle, contentStyle: ListItemMarkerStyle) => {\n  const override: ListItemMarkerStyle = {\n    ...(contentStyle.fontWeight !== undefined && { fontWeight: FONT_WEIGHT_NORMAL }),\n    ...(contentStyle.italic !== undefined && { italic: false }),\n    ...style,\n  };\n  const differingKeys = (Object.keys(override) as (keyof ListItemMarkerStyle)[]).filter(\n    key => !deepEqual(contentStyle[key], override[key])\n  );\n  return toNullable(pickKeys(override, differingKeys));\n};\n\nconst FONT_SIZE_UNITS: readonly unknown[] = Object.values(FontSizeData_fontType);\n\n// The `markerStyle` attribute of pasted HTML, rebuilt from only its properties of the right shape:\n// anything else would make the document invalid.\nexport const parseMarkerStyle = (json: string | null): ListItemMarkerStyle | null => {\n  let parsed: any;\n  try {\n    parsed = JSON.parse(json ?? 'null');\n  } catch {\n    return null;\n  }\n  const { fontSize, fontWeight, italic, color, fontFamily } = parsed ?? {};\n  const foregroundStyle = color?.foregroundStyle;\n  return toNullable({\n    ...(typeof fontSize?.value === 'number' &&\n      fontSize.value > 0 &&\n      (fontSize.unit === undefined || FONT_SIZE_UNITS.includes(fontSize.unit)) && {\n        fontSize: { value: fontSize.value, ...(fontSize.unit && { unit: fontSize.unit }) },\n      }),\n    ...(typeof fontWeight === 'number' && { fontWeight }),\n    ...(typeof italic === 'boolean' && { italic }),\n    ...(foregroundStyle?.type === Background_Type.COLOR &&\n      typeof foregroundStyle.color === 'string' && {\n        color: { foregroundStyle: { type: Background_Type.COLOR, color: foregroundStyle.color } },\n      }),\n    ...(typeof fontFamily?.value === 'string' && { fontFamily: { value: fontFamily.value } }),\n  });\n};\n\n// Styling an item's text so that it is all alike styles its marker too (as in Google Docs): the\n// marker's own style for what was styled is dropped, so it follows the text again. Read from the\n// mark steps, not the selection, which a doc change can collapse (e.g. a select-all ending between\n// blocks). An undo brings the marker's own style back with the text's.\nconst clearRestyledMarkerStyles = (\n  transactions: readonly Transaction[],\n  { doc, tr }: EditorState\n) => {\n  if (transactions.some(isUndoRedoTransaction)) {\n    return undefined;\n  }\n  const mapping = new Mapping(transactions.flatMap(({ mapping }) => mapping.maps));\n  const restyled = transactions\n    .flatMap(({ steps }) => steps)\n    .flatMap((step, index) => {\n      const property =\n        (step instanceof AddMarkStep || step instanceof RemoveMarkStep) &&\n        MARK_PROPERTY[step.mark.type.name];\n      const toDoc = mapping.slice(index);\n      return property ? [{ property, from: toDoc.map(step.from), to: toDoc.map(step.to) }] : [];\n    });\n  if (!restyled.length) {\n    return undefined;\n  }\n  doc.descendants((node, pos) => {\n    if (node.isTextblock) {\n      return false;\n    }\n    const { markerStyle } = node.attrs;\n    if (node.type.name !== Node_Type.LIST_ITEM || !markerStyle || !node.firstChild) {\n      return;\n    }\n    const from = pos + 2;\n    const to = pos + node.firstChild.nodeSize;\n    const styles = getTextMarkerStyles(node);\n    const properties = restyled\n      .filter(\n        ({ property, ...range }) =>\n          range.from < to &&\n          range.to > from &&\n          styles.every(style => deepEqual(style[property], styles[0][property]))\n      )\n      .map(({ property }) => property);\n    if (properties.some(property => property in markerStyle)) {\n      tr.setNodeAttribute(pos, 'markerStyle', toNullable(omitKeys(markerStyle, properties)));\n    }\n  });\n  return tr.steps.length ? tr.setMeta('emitUpdate', true) : undefined;\n};\n\nconst key = new PluginKey('list-marker-selection');\n\n// Loading the marker's style (its own over its text's) into the stored marks is tagged, so it isn't\n// saved back.\nconst loadMarkerStyle = (tr: Transaction, selection: ListMarkerSelection) => {\n  const item = tr.doc.nodeAt(getSelectedItemPos(tr.doc, selection));\n  return tr\n    .setStoredMarks(\n      toMarks(\n        tr.doc.type.schema,\n        item && { ...getContentMarkerStyle(item), ...item.attrs.markerStyle }\n      )\n    )\n    .setMeta(key, true)\n    .setMeta('forceToolbarUpdate', true);\n};\n\nexport const createListMarkerSelectionPlugin = () =>\n  new Plugin({\n    key,\n    props: {\n      handleDOMEvents: {\n        mousedown: (view, event) => {\n          const markerSelection = getClickedMarkerSelection(view, event);\n          if (!markerSelection) {\n            leaveMarkerSelection(view);\n            return false;\n          }\n          event.preventDefault();\n          view.focus();\n          view.dispatch(\n            loadMarkerStyle(view.state.tr.setSelection(markerSelection), markerSelection)\n          );\n          return true;\n        },\n        // Typing, Enter, Backspace, etc. act on a plain cursor at the item's start, so the marker\n        // style doesn't reach the text; formatting shortcuts (with a modifier) still style the marker.\n        keydown: (view, event) => {\n          if (\n            !event.metaKey &&\n            !event.ctrlKey &&\n            !event.altKey &&\n            !MODIFIER_KEYS.includes(event.key)\n          ) {\n            leaveMarkerSelection(view);\n          }\n          return false;\n        },\n      },\n      decorations: ({ doc, selection }) => {\n        if (!(selection instanceof ListMarkerSelection)) {\n          return null;\n        }\n        const decorations: Decoration[] = [];\n        forEachSelectedItem(doc, selection, (item, pos) =>\n          decorations.push(\n            Decoration.node(pos, pos + item.nodeSize, { [LIST_MARKER_SELECTED_ATTR]: '' })\n          )\n        );\n        return DecorationSet.create(doc, decorations);\n      },\n    },\n\n    appendTransaction: (transactions, _oldState, newState) => {\n      const { selection, storedMarks, doc } = newState;\n      if (!(selection instanceof ListMarkerSelection)) {\n        return clearRestyledMarkerStyles(transactions, newState);\n      }\n      if (!transactions.some(tr => tr.storedMarksSet && !tr.getMeta(key))) {\n        // Steps reset the stored marks (e.g. a toolbar change to the item's block): reload them\n        return storedMarks ? undefined : loadMarkerStyle(newState.tr, selection);\n      }\n\n      const marks = (storedMarks ?? []).filter(mark => MARK_PROPERTY[mark.type.name]);\n      const style = toMarkerStyle(marks);\n      const tr = newState.tr;\n      forEachSelectedItem(doc, selection, (item, pos) => {\n        const markerStyle = toMarkerOverride(\n          { ...getUnloadedStyle(doc.type.schema, item.attrs.markerStyle), ...style },\n          getContentMarkerStyle(item)\n        );\n        if (!deepEqual(item.attrs.markerStyle, markerStyle)) {\n          tr.setNodeAttribute(pos, 'markerStyle', markerStyle);\n        }\n      });\n      // Steps reset the stored marks, so they're set again (without the ones a marker can't render).\n      return tr.steps.length || marks.length !== storedMarks?.length\n        ? tr.setStoredMarks(marks).setMeta(key, true).setMeta('emitUpdate', true)\n        : undefined;\n    },\n  });\n"],
+  "mappings": "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",
+  "names": ["key", "mapping", "tr"]
+}

package/dist/es/ricos-common-plugins/quick-actions/modal/modal-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "1d707e44";
+var styleDataHash = "53481639";
 const injectCss = (() => {
-  var css = `.aQd3T{position:relative}.aQd3T [data-hook=popover-content]{position:relative!important}.howle{--wds-side-panel-content-padding-vertical:12px;--wds-side-panel-content-padding-horizontal:0px}`;
+  var css = `._9Bbk3{position:relative}._9Bbk3 [data-hook=popover-content]{position:relative!important}.VzxjH{--wds-side-panel-content-padding-vertical:12px;--wds-side-panel-content-padding-horizontal:0px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var modal_default = {
-  "quickActionsModal": "aQd3T",
-  "mobileContent": "howle"
+  "quickActionsModal": "_9Bbk3",
+  "mobileContent": "VzxjH"
 };
 export {
   modal_default as default,

package/dist/es/ricos-common-plugins/quick-actions/modal/modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ricos-common-plugins/quick-actions/modal/modal.scss"],
-  "sourcesContent": ["var styleDataHash = '1d707e44';  \nexport const injectCss = (() => {\n  var css = `.aQd3T{position:relative}.aQd3T [data-hook=popover-content]{position:relative!important}.howle{--wds-side-panel-content-padding-vertical:12px;--wds-side-panel-content-padding-horizontal:0px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"quickActionsModal\": \"aQd3T\",\n  \"mobileContent\": \"howle\"\n};"],
+  "sourcesContent": ["var styleDataHash = '53481639';  \nexport const injectCss = (() => {\n  var css = `._9Bbk3{position:relative}._9Bbk3 [data-hook=popover-content]{position:relative!important}.VzxjH{--wds-side-panel-content-padding-vertical:12px;--wds-side-panel-content-padding-horizontal:0px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"quickActionsModal\": \"_9Bbk3\",\n  \"mobileContent\": \"VzxjH\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,gBAAQ;AAAA,EACb,qBAAqB;AAAA,EACrB,iBAAiB;AACnB;",
   "names": []
 }