@wix/ricos 11.20.1 → 11.20.3

package/dist/es/ricos-common-plugins/blockquote/blockquote-converter.js

@@ -1,6 +1,7 @@
 import { definePmNodeConverter } from "./../../pm-converters/types.js";
 import blockquoteDefaultData from "./../../ricos-schema/legacy/statics/blockquote.defaults.json.js";
 import { Node_Type } from "./../../ricos-schema/next-schema/index.js";
+import { mergeBlockFontSize, splitBlockFontSize } from "../font-size/block-font-size.js";
 const toParagraphFields = (node) => {
   const { id: paragraphId, paragraphData = {} } = node;
   return { paragraphData, paragraphId };
@@ -20,27 +21,32 @@ const blockquoteConverter = definePmNodeConverter({
       const { id, style, blockquoteData } = node || {};
       const firstNode = node.nodes?.[0] ?? { id: "", paragraphData: {} };
       const { paragraphData, paragraphId } = toParagraphFields(firstNode);
+      const content = node.nodes?.[0] ? visit?.(node.nodes[0]) ?? [] : [];
+      const { textStyle, fontSize } = splitBlockFontSize(paragraphData.textStyle, content);
       return {
         type: Node_Type.BLOCKQUOTE,
         attrs: {
           paragraphId,
-          textStyle: paragraphData.textStyle,
+          textStyle,
+          ...fontSize ? { fontSize } : {},
           indentation: blockquoteData?.indentation ?? blockquoteDefaultData.indentation,
           ...style ? { style } : {},
           id,
           animation: blockquoteData?.animation ?? null
         },
-        // skip internal paragraph, go to text nodes
-        content: node.nodes?.[0] ? visit?.(node.nodes[0]) ?? [] : []
+        content
       };
     }
   },
   fromPm: {
     types: [Node_Type.BLOCKQUOTE],
     convert: (node, visit) => {
-      const { id, style, paragraphId, textStyle, indentation, animation } = node.attrs || {};
+      const { id, style, paragraphId, textStyle, fontSize, indentation, animation } = node.attrs || {};
       const paragraphNode = toParagraphNode({
-        paragraphData: { indentation: 0, textStyle },
+        paragraphData: {
+          indentation: 0,
+          textStyle: mergeBlockFontSize(textStyle, fontSize, node.content)
+        },
         paragraphId
       })(visit?.(node) ?? []);
       return {
@@ -49,7 +55,8 @@ const blockquoteConverter = definePmNodeConverter({
         nodes: [paragraphNode],
         ...style ? { style } : {},
         blockquoteData: {
-          indentation,
+          // `null` when the blockquote is made from a paragraph, which copies its attributes over
+          indentation: indentation ?? blockquoteDefaultData.indentation,
           ...animation ? { animation } : {}
         }
       };

package/dist/es/ricos-common-plugins/blockquote/blockquote-converter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/blockquote/blockquote-converter.ts"],
-  "sourcesContent": ["import { definePmNodeConverter } from './../../pm-converters/types.js';\nimport blockquoteDefaultData from './../../ricos-schema/legacy/statics/blockquote.defaults.json.js';\nimport type { ParagraphData, ParagraphNode, TextNode } from './../../ricos-schema/next-schema/index.js';\nimport { Node_Type } from './../../ricos-schema/next-schema/index.js';\n\ntype ParagraphFields = {\n  paragraphData: ParagraphData;\n  paragraphId: string;\n};\n\nconst toParagraphFields = (node: ParagraphNode): ParagraphFields => {\n  const { id: paragraphId, paragraphData = {} } = node;\n  return { paragraphData, paragraphId } as ParagraphFields;\n};\n\nconst toParagraphNode =\n  (fields: ParagraphFields) =>\n  (nodes: TextNode[]): ParagraphNode => {\n    return {\n      id: fields.paragraphId,\n      type: Node_Type.PARAGRAPH,\n      paragraphData: fields.paragraphData,\n      nodes,\n    };\n  };\n\nexport const blockquoteConverter = definePmNodeConverter({\n  toPm: {\n    types: [Node_Type.BLOCKQUOTE],\n    convert: (node, visit) => {\n      const { id, style, blockquoteData } = node || {};\n      const firstNode = (node.nodes?.[0] ??\n        ({ id: '', paragraphData: {} } as ParagraphNode)) as ParagraphNode;\n      const { paragraphData, paragraphId } = toParagraphFields(firstNode);\n      return {\n        type: Node_Type.BLOCKQUOTE,\n        attrs: {\n          paragraphId,\n          textStyle: paragraphData.textStyle,\n          indentation: blockquoteData?.indentation ?? blockquoteDefaultData.indentation,\n          ...(style ? { style } : {}),\n          id,\n          animation: blockquoteData?.animation ?? null,\n        },\n        // skip internal paragraph, go to text nodes\n        content: node.nodes?.[0] ? (visit?.(node.nodes[0]) ?? []) : [],\n      };\n    },\n  },\n  fromPm: {\n    types: [Node_Type.BLOCKQUOTE],\n    convert: (node, visit?) => {\n      const { id, style, paragraphId, textStyle, indentation, animation } = node.attrs || {};\n      const paragraphNode = toParagraphNode({\n        paragraphData: { indentation: 0, textStyle },\n        paragraphId,\n      })((visit?.(node) ?? []) as TextNode[]);\n      return {\n        type: Node_Type.BLOCKQUOTE,\n        id,\n        nodes: [paragraphNode],\n        ...(style ? { style } : {}),\n        blockquoteData: {\n          indentation,\n          ...(animation ? { animation } : {}),\n        },\n      };\n    },\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,6BAA6B;AACtC,OAAO,2BAA2B;AAElC,SAAS,iBAAiB;AAO1B,MAAM,oBAAoB,CAAC,SAAyC;AAClE,QAAM,EAAE,IAAI,aAAa,gBAAgB,CAAC,EAAE,IAAI;AAChD,SAAO,EAAE,eAAe,YAAY;AACtC;AAEA,MAAM,kBACJ,CAAC,WACD,CAAC,UAAqC;AACpC,SAAO;AAAA,IACL,IAAI,OAAO;AAAA,IACX,MAAM,UAAU;AAAA,IAChB,eAAe,OAAO;AAAA,IACtB;AAAA,EACF;AACF;AAEK,MAAM,sBAAsB,sBAAsB;AAAA,EACvD,MAAM;AAAA,IACJ,OAAO,CAAC,UAAU,UAAU;AAAA,IAC5B,SAAS,CAAC,MAAM,UAAU;AACxB,YAAM,EAAE,IAAI,OAAO,eAAe,IAAI,QAAQ,CAAC;AAC/C,YAAM,YAAa,KAAK,QAAQ,CAAC,KAC9B,EAAE,IAAI,IAAI,eAAe,CAAC,EAAE;AAC/B,YAAM,EAAE,eAAe,YAAY,IAAI,kBAAkB,SAAS;AAClE,aAAO;AAAA,QACL,MAAM,UAAU;AAAA,QAChB,OAAO;AAAA,UACL;AAAA,UACA,WAAW,cAAc;AAAA,UACzB,aAAa,gBAAgB,eAAe,sBAAsB;AAAA,UAClE,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;AAAA,UACzB;AAAA,UACA,WAAW,gBAAgB,aAAa;AAAA,QAC1C;AAAA;AAAA,QAEA,SAAS,KAAK,QAAQ,CAAC,IAAK,QAAQ,KAAK,MAAM,CAAC,CAAC,KAAK,CAAC,IAAK,CAAC;AAAA,MAC/D;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,CAAC,UAAU,UAAU;AAAA,IAC5B,SAAS,CAAC,MAAM,UAAW;AACzB,YAAM,EAAE,IAAI,OAAO,aAAa,WAAW,aAAa,UAAU,IAAI,KAAK,SAAS,CAAC;AACrF,YAAM,gBAAgB,gBAAgB;AAAA,QACpC,eAAe,EAAE,aAAa,GAAG,UAAU;AAAA,QAC3C;AAAA,MACF,CAAC,EAAG,QAAQ,IAAI,KAAK,CAAC,CAAgB;AACtC,aAAO;AAAA,QACL,MAAM,UAAU;AAAA,QAChB;AAAA,QACA,OAAO,CAAC,aAAa;AAAA,QACrB,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;AAAA,QACzB,gBAAgB;AAAA,UACd;AAAA,UACA,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { definePmNodeConverter } from './../../pm-converters/types.js';\nimport blockquoteDefaultData from './../../ricos-schema/legacy/statics/blockquote.defaults.json.js';\nimport type { ParagraphData, ParagraphNode, TextNode } from './../../ricos-schema/next-schema/index.js';\nimport { Node_Type } from './../../ricos-schema/next-schema/index.js';\n\nimport { mergeBlockFontSize, splitBlockFontSize } from '../font-size/block-font-size.js';\n\ntype ParagraphFields = {\n  paragraphData: ParagraphData;\n  paragraphId: string;\n};\n\nconst toParagraphFields = (node: ParagraphNode): ParagraphFields => {\n  const { id: paragraphId, paragraphData = {} } = node;\n  return { paragraphData, paragraphId } as ParagraphFields;\n};\n\nconst toParagraphNode =\n  (fields: ParagraphFields) =>\n  (nodes: TextNode[]): ParagraphNode => {\n    return {\n      id: fields.paragraphId,\n      type: Node_Type.PARAGRAPH,\n      paragraphData: fields.paragraphData,\n      nodes,\n    };\n  };\n\nexport const blockquoteConverter = definePmNodeConverter({\n  toPm: {\n    types: [Node_Type.BLOCKQUOTE],\n    convert: (node, visit) => {\n      const { id, style, blockquoteData } = node || {};\n      const firstNode = (node.nodes?.[0] ??\n        ({ id: '', paragraphData: {} } as ParagraphNode)) as ParagraphNode;\n      const { paragraphData, paragraphId } = toParagraphFields(firstNode);\n      // skip internal paragraph, go to text nodes\n      const content = node.nodes?.[0] ? (visit?.(node.nodes[0]) ?? []) : [];\n      // The blockquote is a textblock in ProseMirror, so it carries its paragraph's text style\n      const { textStyle, fontSize } = splitBlockFontSize(paragraphData.textStyle, content);\n      return {\n        type: Node_Type.BLOCKQUOTE,\n        attrs: {\n          paragraphId,\n          textStyle,\n          ...(fontSize ? { fontSize } : {}),\n          indentation: blockquoteData?.indentation ?? blockquoteDefaultData.indentation,\n          ...(style ? { style } : {}),\n          id,\n          animation: blockquoteData?.animation ?? null,\n        },\n        content,\n      };\n    },\n  },\n  fromPm: {\n    types: [Node_Type.BLOCKQUOTE],\n    convert: (node, visit?) => {\n      const { id, style, paragraphId, textStyle, fontSize, indentation, animation } =\n        node.attrs || {};\n      const paragraphNode = toParagraphNode({\n        paragraphData: {\n          indentation: 0,\n          textStyle: mergeBlockFontSize(textStyle, fontSize, node.content),\n        },\n        paragraphId,\n      })((visit?.(node) ?? []) as TextNode[]);\n      return {\n        type: Node_Type.BLOCKQUOTE,\n        id,\n        nodes: [paragraphNode],\n        ...(style ? { style } : {}),\n        blockquoteData: {\n          // `null` when the blockquote is made from a paragraph, which copies its attributes over\n          indentation: indentation ?? blockquoteDefaultData.indentation,\n          ...(animation ? { animation } : {}),\n        },\n      };\n    },\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,6BAA6B;AACtC,OAAO,2BAA2B;AAElC,SAAS,iBAAiB;AAE1B,SAAS,oBAAoB,0BAA0B;AAOvD,MAAM,oBAAoB,CAAC,SAAyC;AAClE,QAAM,EAAE,IAAI,aAAa,gBAAgB,CAAC,EAAE,IAAI;AAChD,SAAO,EAAE,eAAe,YAAY;AACtC;AAEA,MAAM,kBACJ,CAAC,WACD,CAAC,UAAqC;AACpC,SAAO;AAAA,IACL,IAAI,OAAO;AAAA,IACX,MAAM,UAAU;AAAA,IAChB,eAAe,OAAO;AAAA,IACtB;AAAA,EACF;AACF;AAEK,MAAM,sBAAsB,sBAAsB;AAAA,EACvD,MAAM;AAAA,IACJ,OAAO,CAAC,UAAU,UAAU;AAAA,IAC5B,SAAS,CAAC,MAAM,UAAU;AACxB,YAAM,EAAE,IAAI,OAAO,eAAe,IAAI,QAAQ,CAAC;AAC/C,YAAM,YAAa,KAAK,QAAQ,CAAC,KAC9B,EAAE,IAAI,IAAI,eAAe,CAAC,EAAE;AAC/B,YAAM,EAAE,eAAe,YAAY,IAAI,kBAAkB,SAAS;AAElE,YAAM,UAAU,KAAK,QAAQ,CAAC,IAAK,QAAQ,KAAK,MAAM,CAAC,CAAC,KAAK,CAAC,IAAK,CAAC;AAEpE,YAAM,EAAE,WAAW,SAAS,IAAI,mBAAmB,cAAc,WAAW,OAAO;AACnF,aAAO;AAAA,QACL,MAAM,UAAU;AAAA,QAChB,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;AAAA,UAC/B,aAAa,gBAAgB,eAAe,sBAAsB;AAAA,UAClE,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;AAAA,UACzB;AAAA,UACA,WAAW,gBAAgB,aAAa;AAAA,QAC1C;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,CAAC,UAAU,UAAU;AAAA,IAC5B,SAAS,CAAC,MAAM,UAAW;AACzB,YAAM,EAAE,IAAI,OAAO,aAAa,WAAW,UAAU,aAAa,UAAU,IAC1E,KAAK,SAAS,CAAC;AACjB,YAAM,gBAAgB,gBAAgB;AAAA,QACpC,eAAe;AAAA,UACb,aAAa;AAAA,UACb,WAAW,mBAAmB,WAAW,UAAU,KAAK,OAAO;AAAA,QACjE;AAAA,QACA;AAAA,MACF,CAAC,EAAG,QAAQ,IAAI,KAAK,CAAC,CAAgB;AACtC,aAAO;AAAA,QACL,MAAM,UAAU;AAAA,QAChB;AAAA,QACA,OAAO,CAAC,aAAa;AAAA,QACrB,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;AAAA,QACzB,gBAAgB;AAAA;AAAA,UAEd,aAAa,eAAe,sBAAsB;AAAA,UAClD,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/es/ricos-common-plugins/decoration-plugins/indentation-styling.js

@@ -40,7 +40,7 @@ const buildIndentationStylingDecorations = (doc) => {
     const marker = getListSymbol(normalizedVisualIndent, node.type.name);
     const isCheckboxList = node.type.name === Node_Type.CHECKBOX_LIST;
     const marginStart = `margin-inline-start: ${normalizeOffset(node.attrs.offset || 0) * 2 + 1.5}em`;
-    const style = isCheckboxList ? `${marginStart};` : `list-style-type: ${marker}; ${marginStart};`;
+    const style = isCheckboxList ? marginStart : `list-style-type: ${marker}; ${marginStart}`;
     node.forEach((childNode, childPos) => {
       const childPosInDoc = childPos + pos + 1;
       decorations.push(

package/dist/es/ricos-common-plugins/decoration-plugins/indentation-styling.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/decoration-plugins/indentation-styling.ts"],
-  "sourcesContent": ["import { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { Node } from './../../tiptap/pm/model.js';\nimport { Plugin, PluginKey } from './../../tiptap/pm/state.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\nimport { getListSymbol, normalizeOffset } from './../../wix-rich-content-common/index.js';\n\nimport { getListItemsWithVisibleIndentation } from '../list-item/commands/commons.js';\nimport { isInlineTextOnly } from '../transaction-predicates/is-inline-text-only.js';\nimport { onlyChangesUnrelatedAttrs } from '../transaction-predicates/only-changes-unrelated-attrs.js';\n\n// Reads `attrs.offset` on LIST_ITEM (and walks list nesting structure).\nconst RELEVANT_ATTRS: ReadonlySet<string> = new Set(['offset']);\n\n/**\n * Adds inline styling and an aria-level attribute to list items based on\n * their nesting level and parents' offset sum.\n *\n * Output depends on list nesting + `offset` attrs. Inline-text-only edits\n * cannot change list structure, offsets, or node types, so the cached set\n * can be remapped instead of rebuilt on every keystroke.\n */\nexport const createIndentationStylingDecorationPlugin = () => {\n  const key = new PluginKey<DecorationSet>('indentation-styling');\n\n  return new Plugin<DecorationSet>({\n    key,\n    state: {\n      init: (_config, state) => buildIndentationStylingDecorations(state.doc),\n      apply: (tr, prev) => {\n        if (!tr.docChanged) {\n          return prev;\n        }\n        if (isInlineTextOnly(tr)) {\n          return prev.map(tr.mapping, tr.doc);\n        }\n        if (onlyChangesUnrelatedAttrs(tr, RELEVANT_ATTRS)) {\n          return prev;\n        }\n        return buildIndentationStylingDecorations(tr.doc);\n      },\n    },\n    props: {\n      decorations(state) {\n        return key.getState(state);\n      },\n    },\n  });\n};\n\nconst buildIndentationStylingDecorations = (doc: Node): DecorationSet => {\n  const decorations: Decoration[] = [];\n\n  const listItemsWithVisualIndent = getListItemsWithVisibleIndentation(doc);\n\n  listItemsWithVisualIndent.forEach(({ node, pos, visibleIndentation }) => {\n    const normalizedVisualIndent = normalizeOffset(visibleIndentation);\n    const marker = getListSymbol(normalizedVisualIndent, node.type.name as Node_Type);\n    const isCheckboxList = node.type.name === Node_Type.CHECKBOX_LIST;\n\n    const marginStart = `margin-inline-start: ${\n      normalizeOffset(node.attrs.offset || 0) * 2 + 1.5\n    }em`;\n    const style = isCheckboxList\n      ? `${marginStart};`\n      : `list-style-type: ${marker}; ${marginStart};`;\n\n    node.forEach((childNode: Node, childPos: number) => {\n      const childPosInDoc = childPos + pos + 1;\n      decorations.push(\n        Decoration.node(childPosInDoc, childPosInDoc + childNode.nodeSize, {\n          style,\n          'aria-level': `${normalizedVisualIndent + 1}`,\n        })\n      );\n    });\n  });\n\n  return DecorationSet.create(doc, decorations);\n};\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAE1B,SAAS,QAAQ,iBAAiB;AAClC,SAAS,YAAY,qBAAqB;AAC1C,SAAS,eAAe,uBAAuB;AAE/C,SAAS,0CAA0C;AACnD,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAG1C,MAAM,iBAAsC,oBAAI,IAAI,CAAC,QAAQ,CAAC;AAUvD,MAAM,2CAA2C,MAAM;AAC5D,QAAM,MAAM,IAAI,UAAyB,qBAAqB;AAE9D,SAAO,IAAI,OAAsB;AAAA,IAC/B;AAAA,IACA,OAAO;AAAA,MACL,MAAM,CAAC,SAAS,UAAU,mCAAmC,MAAM,GAAG;AAAA,MACtE,OAAO,CAAC,IAAI,SAAS;AACnB,YAAI,CAAC,GAAG,YAAY;AAClB,iBAAO;AAAA,QACT;AACA,YAAI,iBAAiB,EAAE,GAAG;AACxB,iBAAO,KAAK,IAAI,GAAG,SAAS,GAAG,GAAG;AAAA,QACpC;AACA,YAAI,0BAA0B,IAAI,cAAc,GAAG;AACjD,iBAAO;AAAA,QACT;AACA,eAAO,mCAAmC,GAAG,GAAG;AAAA,MAClD;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,YAAY,OAAO;AACjB,eAAO,IAAI,SAAS,KAAK;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEA,MAAM,qCAAqC,CAAC,QAA6B;AACvE,QAAM,cAA4B,CAAC;AAEnC,QAAM,4BAA4B,mCAAmC,GAAG;AAExE,4BAA0B,QAAQ,CAAC,EAAE,MAAM,KAAK,mBAAmB,MAAM;AACvE,UAAM,yBAAyB,gBAAgB,kBAAkB;AACjE,UAAM,SAAS,cAAc,wBAAwB,KAAK,KAAK,IAAiB;AAChF,UAAM,iBAAiB,KAAK,KAAK,SAAS,UAAU;AAEpD,UAAM,cAAc,wBAClB,gBAAgB,KAAK,MAAM,UAAU,CAAC,IAAI,IAAI,GAChD;AACA,UAAM,QAAQ,iBACV,GAAG,WAAW,MACd,oBAAoB,MAAM,KAAK,WAAW;AAE9C,SAAK,QAAQ,CAAC,WAAiB,aAAqB;AAClD,YAAM,gBAAgB,WAAW,MAAM;AACvC,kBAAY;AAAA,QACV,WAAW,KAAK,eAAe,gBAAgB,UAAU,UAAU;AAAA,UACjE;AAAA,UACA,cAAc,GAAG,yBAAyB,CAAC;AAAA,QAC7C,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,SAAO,cAAc,OAAO,KAAK,WAAW;AAC9C;",
+  "sourcesContent": ["import { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { Node } from './../../tiptap/pm/model.js';\nimport { Plugin, PluginKey } from './../../tiptap/pm/state.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\nimport { getListSymbol, normalizeOffset } from './../../wix-rich-content-common/index.js';\n\nimport { getListItemsWithVisibleIndentation } from '../list-item/commands/commons.js';\nimport { isInlineTextOnly } from '../transaction-predicates/is-inline-text-only.js';\nimport { onlyChangesUnrelatedAttrs } from '../transaction-predicates/only-changes-unrelated-attrs.js';\n\n// Reads `attrs.offset` on LIST_ITEM (and walks list nesting structure).\nconst RELEVANT_ATTRS: ReadonlySet<string> = new Set(['offset']);\n\n/**\n * Adds inline styling and an aria-level attribute to list items based on\n * their nesting level and parents' offset sum.\n *\n * Output depends on list nesting + `offset` attrs. Inline-text-only edits\n * cannot change list structure, offsets, or node types, so the cached set\n * can be remapped instead of rebuilt on every keystroke.\n */\nexport const createIndentationStylingDecorationPlugin = () => {\n  const key = new PluginKey<DecorationSet>('indentation-styling');\n\n  return new Plugin<DecorationSet>({\n    key,\n    state: {\n      init: (_config, state) => buildIndentationStylingDecorations(state.doc),\n      apply: (tr, prev) => {\n        if (!tr.docChanged) {\n          return prev;\n        }\n        if (isInlineTextOnly(tr)) {\n          return prev.map(tr.mapping, tr.doc);\n        }\n        if (onlyChangesUnrelatedAttrs(tr, RELEVANT_ATTRS)) {\n          return prev;\n        }\n        return buildIndentationStylingDecorations(tr.doc);\n      },\n    },\n    props: {\n      decorations(state) {\n        return key.getState(state);\n      },\n    },\n  });\n};\n\nconst buildIndentationStylingDecorations = (doc: Node): DecorationSet => {\n  const decorations: Decoration[] = [];\n\n  const listItemsWithVisualIndent = getListItemsWithVisibleIndentation(doc);\n\n  listItemsWithVisualIndent.forEach(({ node, pos, visibleIndentation }) => {\n    const normalizedVisualIndent = normalizeOffset(visibleIndentation);\n    const marker = getListSymbol(normalizedVisualIndent, node.type.name as Node_Type);\n    const isCheckboxList = node.type.name === Node_Type.CHECKBOX_LIST;\n\n    const marginStart = `margin-inline-start: ${\n      normalizeOffset(node.attrs.offset || 0) * 2 + 1.5\n    }em`;\n    // No trailing `;`: ProseMirror joins stacked node-decoration styles with `;`,\n    // and jsdom drops the declaration after a `;;` (e.g. list-item-sizing's font-size).\n    const style = isCheckboxList ? marginStart : `list-style-type: ${marker}; ${marginStart}`;\n\n    node.forEach((childNode: Node, childPos: number) => {\n      const childPosInDoc = childPos + pos + 1;\n      decorations.push(\n        Decoration.node(childPosInDoc, childPosInDoc + childNode.nodeSize, {\n          style,\n          'aria-level': `${normalizedVisualIndent + 1}`,\n        })\n      );\n    });\n  });\n\n  return DecorationSet.create(doc, decorations);\n};\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAE1B,SAAS,QAAQ,iBAAiB;AAClC,SAAS,YAAY,qBAAqB;AAC1C,SAAS,eAAe,uBAAuB;AAE/C,SAAS,0CAA0C;AACnD,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAG1C,MAAM,iBAAsC,oBAAI,IAAI,CAAC,QAAQ,CAAC;AAUvD,MAAM,2CAA2C,MAAM;AAC5D,QAAM,MAAM,IAAI,UAAyB,qBAAqB;AAE9D,SAAO,IAAI,OAAsB;AAAA,IAC/B;AAAA,IACA,OAAO;AAAA,MACL,MAAM,CAAC,SAAS,UAAU,mCAAmC,MAAM,GAAG;AAAA,MACtE,OAAO,CAAC,IAAI,SAAS;AACnB,YAAI,CAAC,GAAG,YAAY;AAClB,iBAAO;AAAA,QACT;AACA,YAAI,iBAAiB,EAAE,GAAG;AACxB,iBAAO,KAAK,IAAI,GAAG,SAAS,GAAG,GAAG;AAAA,QACpC;AACA,YAAI,0BAA0B,IAAI,cAAc,GAAG;AACjD,iBAAO;AAAA,QACT;AACA,eAAO,mCAAmC,GAAG,GAAG;AAAA,MAClD;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,YAAY,OAAO;AACjB,eAAO,IAAI,SAAS,KAAK;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEA,MAAM,qCAAqC,CAAC,QAA6B;AACvE,QAAM,cAA4B,CAAC;AAEnC,QAAM,4BAA4B,mCAAmC,GAAG;AAExE,4BAA0B,QAAQ,CAAC,EAAE,MAAM,KAAK,mBAAmB,MAAM;AACvE,UAAM,yBAAyB,gBAAgB,kBAAkB;AACjE,UAAM,SAAS,cAAc,wBAAwB,KAAK,KAAK,IAAiB;AAChF,UAAM,iBAAiB,KAAK,KAAK,SAAS,UAAU;AAEpD,UAAM,cAAc,wBAClB,gBAAgB,KAAK,MAAM,UAAU,CAAC,IAAI,IAAI,GAChD;AAGA,UAAM,QAAQ,iBAAiB,cAAc,oBAAoB,MAAM,KAAK,WAAW;AAEvF,SAAK,QAAQ,CAAC,WAAiB,aAAqB;AAClD,YAAM,gBAAgB,WAAW,MAAM;AACvC,kBAAY;AAAA,QACV,WAAW,KAAK,eAAe,gBAAgB,UAAU,UAAU;AAAA,UACjE;AAAA,UACA,cAAc,GAAG,yBAAyB,CAAC;AAAA,QAC7C,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,SAAO,cAAc,OAAO,KAAK,WAAW;AAC9C;",
   "names": []
 }

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

@@ -1,11 +1,12 @@
 import { Node_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1/index.js";
-import { Mark_Type } from "./../../ricos-types/index.js";
+import { getPxFontSize } from "./../../_shared/get-px-font-size.js";
 import { getBlockDefaultFontSize } from "./../../_shared/list-checkbox/get-block-default-font-size.js";
 import { Plugin, PluginKey } from "./../../tiptap/pm/state.js";
 import { Decoration, DecorationSet } from "./../../tiptap/pm/view.js";
+import { toBlockFontSize } from "../font-size/block-font-size.js";
 import { HEADER_NAMES } from "../title/header-names.js";
 import { onlyChangesUnrelatedAttrs } from "../transaction-predicates/only-changes-unrelated-attrs.js";
-const RELEVANT_ATTRS = /* @__PURE__ */ new Set(["level"]);
+const RELEVANT_ATTRS = /* @__PURE__ */ new Set(["level", "fontSize"]);
 const createListItemSizingDecorationPlugin = () => {
   const key = new PluginKey("list-item-sizing");
   return new Plugin({
@@ -30,6 +31,12 @@ const createListItemSizingDecorationPlugin = () => {
     }
   });
 };
+const getChildFontSize = (blockNode) => {
+  if (!blockNode) {
+    return 0;
+  }
+  return (blockNode.content.size ? toBlockFontSize(blockNode.firstChild?.marks)?.value : getPxFontSize(blockNode.attrs.fontSize)) ?? 0;
+};
 const buildListItemSizingDecorations = (doc) => {
   const decorations = [];
   doc.descendants((node, pos) => {
@@ -41,18 +48,14 @@ const buildListItemSizingDecorations = (doc) => {
     }
     const firstChildOfListItem = node.firstChild;
     const headingLevel = firstChildOfListItem?.type.name === Node_Type.HEADING ? firstChildOfListItem?.attrs.level || 1 : void 0;
-    const childFontSize = Number(
-      firstChildOfListItem?.firstChild?.marks.find((mark) => mark.type.name === Mark_Type.FONT_SIZE)?.attrs.value
-    );
+    const childFontSize = getChildFontSize(firstChildOfListItem);
     if (childFontSize) {
+      const childFontFit = childFontSize < getBlockDefaultFontSize(headingLevel);
       decorations.push(
         Decoration.node(pos, pos + node.nodeSize, {
-          style: `font-size: ${childFontSize}px;`,
-          // When the chosen font is smaller than the block's own default, the
-          // block's strut keeps the line (and marker) oversized; flag the item
-          // so the child paragraph/heading shrinks its font to match — see
-          // `list-checkbox.scss`.
-          ...childFontSize < getBlockDefaultFontSize(headingLevel) ? { "data-child-font-fit": "true" } : {}
+          // No trailing `;` — see indentation-styling.ts.
+          style: `font-size: ${childFontSize}px`,
+          ...childFontFit ? { "data-child-font-fit": "true" } : {}
         })
       );
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/decoration-plugins/list-item-sizing.ts"],
-  "sourcesContent": ["import { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Mark_Type } from './../../ricos-types/index.js';\nimport { getBlockDefaultFontSize } from './../../_shared/list-checkbox/get-block-default-font-size.js';\nimport type { Node as ProseMirrorNode } from './../../tiptap/pm/model.js';\nimport { Plugin, PluginKey } from './../../tiptap/pm/state.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\n\nimport type { Level } from '../title/extension.js';\nimport { HEADER_NAMES } from '../title/header-names.js';\nimport { onlyChangesUnrelatedAttrs } from '../transaction-predicates/only-changes-unrelated-attrs.js';\n\n// Reads heading `attrs.level` on the list item's first child. Marks (font-\n// size) come through `Add/RemoveMarkStep` — non-attr — and correctly\n// defeat the predicate without needing to be listed here.\nconst RELEVANT_ATTRS: ReadonlySet<string> = new Set(['level']);\n\n/**\n * Adds, depending on the list item's first child:\n * - a font-size (so the list marker and paddings size with the first text node),\n * - a `data-child-font-fit` flag when that font-size is smaller than the block's\n *   own default, so the child paragraph/heading shrinks its font to match (see\n *   `list-checkbox.scss`),\n * - and/or a `data-heading-level` attribute (so a heading-first list item gets\n *   heading styles).\n *\n * No `reuseWhen`: the decoration value depends on the first child's first\n * text node's marks / type, which inline-text edits can change (pasting\n * marked text in front of an unmarked first character, typing that changes\n * the first mark, etc.). Cache is still used across selection-only\n * transactions.\n */\nexport const createListItemSizingDecorationPlugin = () => {\n  const key = new PluginKey<DecorationSet>('list-item-sizing');\n\n  return new Plugin<DecorationSet>({\n    key,\n    state: {\n      init: (_config, state) => buildListItemSizingDecorations(state.doc),\n      // No `reuseWhen` predicate — see plugin docstring for why.\n      apply: (tr, prev) => {\n        if (!tr.docChanged) {\n          return prev;\n        }\n        if (onlyChangesUnrelatedAttrs(tr, RELEVANT_ATTRS)) {\n          return prev;\n        }\n        return buildListItemSizingDecorations(tr.doc);\n      },\n    },\n    props: {\n      decorations(state) {\n        return key.getState(state);\n      },\n    },\n  });\n};\n\nconst buildListItemSizingDecorations = (doc: ProseMirrorNode): DecorationSet => {\n  const decorations: Decoration[] = [];\n\n  doc.descendants((node, pos) => {\n    // Text blocks (paragraph, heading, blockquote) cannot contain list items,\n    // so skipping their subtree avoids visiting every text/mark node.\n    // We cannot prune at LIST_ITEM because it may contain nested lists via\n    // `listItemSecondChildContent`, and those nested list items still need\n    // decorations.\n    if (node.isTextblock) {\n      return false;\n    }\n\n    if (node.type.name !== Node_Type.LIST_ITEM) {\n      return;\n    }\n\n    const firstChildOfListItem = node.firstChild;\n    const headingLevel: Level | undefined =\n      firstChildOfListItem?.type.name === Node_Type.HEADING\n        ? firstChildOfListItem?.attrs.level || 1\n        : undefined;\n\n    // If the list item's child's (paragraph's/heading's) first text node has\n    // a specified font-size, apply it to the list item as a decoration so the\n    // list marker matches the text font-size.\n    const childFontSize = Number(\n      firstChildOfListItem?.firstChild?.marks.find(mark => mark.type.name === Mark_Type.FONT_SIZE)\n        ?.attrs.value\n    );\n    if (childFontSize) {\n      decorations.push(\n        Decoration.node(pos, pos + node.nodeSize, {\n          style: `font-size: ${childFontSize}px;`,\n          // When the chosen font is smaller than the block's own default, the\n          // block's strut keeps the line (and marker) oversized; flag the item\n          // so the child paragraph/heading shrinks its font to match — see\n          // `list-checkbox.scss`.\n          ...(childFontSize < getBlockDefaultFontSize(headingLevel)\n            ? { 'data-child-font-fit': 'true' }\n            : {}),\n        })\n      );\n    }\n\n    if (headingLevel !== undefined) {\n      decorations.push(\n        Decoration.node(pos, pos + node.nodeSize, {\n          'data-heading-level': `header${HEADER_NAMES[headingLevel - 1]}`,\n        })\n      );\n    }\n  });\n\n  return DecorationSet.create(doc, decorations);\n};\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,+BAA+B;AAExC,SAAS,QAAQ,iBAAiB;AAClC,SAAS,YAAY,qBAAqB;AAG1C,SAAS,oBAAoB;AAC7B,SAAS,iCAAiC;AAK1C,MAAM,iBAAsC,oBAAI,IAAI,CAAC,OAAO,CAAC;AAiBtD,MAAM,uCAAuC,MAAM;AACxD,QAAM,MAAM,IAAI,UAAyB,kBAAkB;AAE3D,SAAO,IAAI,OAAsB;AAAA,IAC/B;AAAA,IACA,OAAO;AAAA,MACL,MAAM,CAAC,SAAS,UAAU,+BAA+B,MAAM,GAAG;AAAA;AAAA,MAElE,OAAO,CAAC,IAAI,SAAS;AACnB,YAAI,CAAC,GAAG,YAAY;AAClB,iBAAO;AAAA,QACT;AACA,YAAI,0BAA0B,IAAI,cAAc,GAAG;AACjD,iBAAO;AAAA,QACT;AACA,eAAO,+BAA+B,GAAG,GAAG;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,YAAY,OAAO;AACjB,eAAO,IAAI,SAAS,KAAK;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEA,MAAM,iCAAiC,CAAC,QAAwC;AAC9E,QAAM,cAA4B,CAAC;AAEnC,MAAI,YAAY,CAAC,MAAM,QAAQ;AAM7B,QAAI,KAAK,aAAa;AACpB,aAAO;AAAA,IACT;AAEA,QAAI,KAAK,KAAK,SAAS,UAAU,WAAW;AAC1C;AAAA,IACF;AAEA,UAAM,uBAAuB,KAAK;AAClC,UAAM,eACJ,sBAAsB,KAAK,SAAS,UAAU,UAC1C,sBAAsB,MAAM,SAAS,IACrC;AAKN,UAAM,gBAAgB;AAAA,MACpB,sBAAsB,YAAY,MAAM,KAAK,UAAQ,KAAK,KAAK,SAAS,UAAU,SAAS,GACvF,MAAM;AAAA,IACZ;AACA,QAAI,eAAe;AACjB,kBAAY;AAAA,QACV,WAAW,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA,UACxC,OAAO,cAAc,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,UAKlC,GAAI,gBAAgB,wBAAwB,YAAY,IACpD,EAAE,uBAAuB,OAAO,IAChC,CAAC;AAAA,QACP,CAAC;AAAA,MACH;AAAA,IACF;AAEA,QAAI,iBAAiB,QAAW;AAC9B,kBAAY;AAAA,QACV,WAAW,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA,UACxC,sBAAsB,SAAS,aAAa,eAAe,CAAC,CAAC;AAAA,QAC/D,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,cAAc,OAAO,KAAK,WAAW;AAC9C;",
+  "sourcesContent": ["import { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { getPxFontSize } from './../../_shared/get-px-font-size.js';\nimport { getBlockDefaultFontSize } from './../../_shared/list-checkbox/get-block-default-font-size.js';\nimport type { Node as ProseMirrorNode } from './../../tiptap/pm/model.js';\nimport { Plugin, PluginKey } from './../../tiptap/pm/state.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\n\nimport { toBlockFontSize } from '../font-size/block-font-size.js';\nimport type { Level } from '../title/extension.js';\nimport { HEADER_NAMES } from '../title/header-names.js';\nimport { onlyChangesUnrelatedAttrs } from '../transaction-predicates/only-changes-unrelated-attrs.js';\n\n// Reads heading `attrs.level` and the block `attrs.fontSize` on the list\n// item's first child. Marks (font-size) come through `Add/RemoveMarkStep` —\n// non-attr — and correctly defeat the predicate without needing to be listed here.\nconst RELEVANT_ATTRS: ReadonlySet<string> = new Set(['level', 'fontSize']);\n\n/**\n * Adds, depending on the list item's first child:\n * - a font-size (so the list marker and paddings size with the text),\n * - a `data-child-font-fit` flag when that font-size is smaller than the block's\n *   own default, so the child paragraph/heading shrinks its font to match (see\n *   `list-checkbox.scss`),\n * - and/or a `data-heading-level` attribute (so a heading-first list item gets\n *   heading styles).\n *\n * No `reuseWhen`: the decoration value depends on the first child's first\n * text node's marks / type, which inline-text edits can change (pasting\n * marked text in front of an unmarked first character, typing that changes\n * the first mark, etc.). Cache is still used across selection-only\n * transactions.\n */\nexport const createListItemSizingDecorationPlugin = () => {\n  const key = new PluginKey<DecorationSet>('list-item-sizing');\n\n  return new Plugin<DecorationSet>({\n    key,\n    state: {\n      init: (_config, state) => buildListItemSizingDecorations(state.doc),\n      // No `reuseWhen` predicate — see plugin docstring for why.\n      apply: (tr, prev) => {\n        if (!tr.docChanged) {\n          return prev;\n        }\n        if (onlyChangesUnrelatedAttrs(tr, RELEVANT_ATTRS)) {\n          return prev;\n        }\n        return buildListItemSizingDecorations(tr.doc);\n      },\n    },\n    props: {\n      decorations(state) {\n        return key.getState(state);\n      },\n    },\n  });\n};\n\n// An empty block sizes the item with its own font size, a block with text with its first text node's.\n// Only an absolute size can size the item: a relative one would compound with the same size on the\n// block inside it, which is relative to the item.\nconst getChildFontSize = (blockNode: ProseMirrorNode | null): number => {\n  if (!blockNode) {\n    return 0;\n  }\n  return (\n    (blockNode.content.size\n      ? toBlockFontSize(blockNode.firstChild?.marks)?.value\n      : getPxFontSize(blockNode.attrs.fontSize)) ?? 0\n  );\n};\n\nconst buildListItemSizingDecorations = (doc: ProseMirrorNode): DecorationSet => {\n  const decorations: Decoration[] = [];\n\n  doc.descendants((node, pos) => {\n    // Text blocks (paragraph, heading, blockquote) cannot contain list items,\n    // so skipping their subtree avoids visiting every text/mark node.\n    // We cannot prune at LIST_ITEM because it may contain nested lists via\n    // `listItemSecondChildContent`, and those nested list items still need\n    // decorations.\n    if (node.isTextblock) {\n      return false;\n    }\n\n    if (node.type.name !== Node_Type.LIST_ITEM) {\n      return;\n    }\n\n    const firstChildOfListItem = node.firstChild;\n    const headingLevel: Level | undefined =\n      firstChildOfListItem?.type.name === Node_Type.HEADING\n        ? firstChildOfListItem?.attrs.level || 1\n        : undefined;\n\n    // Apply the child block's font-size to the list item as a decoration so\n    // the list marker matches the text font-size.\n    const childFontSize = getChildFontSize(firstChildOfListItem);\n    if (childFontSize) {\n      // When the chosen font is smaller than the block's own default, the\n      // block's strut keeps the line (and marker) oversized; flag the item\n      // so the child paragraph/heading shrinks its font to match — see\n      // `list-checkbox.scss`.\n      const childFontFit = childFontSize < getBlockDefaultFontSize(headingLevel);\n      decorations.push(\n        Decoration.node(pos, pos + node.nodeSize, {\n          // No trailing `;` — see indentation-styling.ts.\n          style: `font-size: ${childFontSize}px`,\n          ...(childFontFit ? { 'data-child-font-fit': 'true' } : {}),\n        })\n      );\n    }\n\n    if (headingLevel !== undefined) {\n      decorations.push(\n        Decoration.node(pos, pos + node.nodeSize, {\n          'data-heading-level': `header${HEADER_NAMES[headingLevel - 1]}`,\n        })\n      );\n    }\n  });\n\n  return DecorationSet.create(doc, decorations);\n};\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,+BAA+B;AAExC,SAAS,QAAQ,iBAAiB;AAClC,SAAS,YAAY,qBAAqB;AAE1C,SAAS,uBAAuB;AAEhC,SAAS,oBAAoB;AAC7B,SAAS,iCAAiC;AAK1C,MAAM,iBAAsC,oBAAI,IAAI,CAAC,SAAS,UAAU,CAAC;AAiBlE,MAAM,uCAAuC,MAAM;AACxD,QAAM,MAAM,IAAI,UAAyB,kBAAkB;AAE3D,SAAO,IAAI,OAAsB;AAAA,IAC/B;AAAA,IACA,OAAO;AAAA,MACL,MAAM,CAAC,SAAS,UAAU,+BAA+B,MAAM,GAAG;AAAA;AAAA,MAElE,OAAO,CAAC,IAAI,SAAS;AACnB,YAAI,CAAC,GAAG,YAAY;AAClB,iBAAO;AAAA,QACT;AACA,YAAI,0BAA0B,IAAI,cAAc,GAAG;AACjD,iBAAO;AAAA,QACT;AACA,eAAO,+BAA+B,GAAG,GAAG;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,YAAY,OAAO;AACjB,eAAO,IAAI,SAAS,KAAK;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAKA,MAAM,mBAAmB,CAAC,cAA8C;AACtE,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AACA,UACG,UAAU,QAAQ,OACf,gBAAgB,UAAU,YAAY,KAAK,GAAG,QAC9C,cAAc,UAAU,MAAM,QAAQ,MAAM;AAEpD;AAEA,MAAM,iCAAiC,CAAC,QAAwC;AAC9E,QAAM,cAA4B,CAAC;AAEnC,MAAI,YAAY,CAAC,MAAM,QAAQ;AAM7B,QAAI,KAAK,aAAa;AACpB,aAAO;AAAA,IACT;AAEA,QAAI,KAAK,KAAK,SAAS,UAAU,WAAW;AAC1C;AAAA,IACF;AAEA,UAAM,uBAAuB,KAAK;AAClC,UAAM,eACJ,sBAAsB,KAAK,SAAS,UAAU,UAC1C,sBAAsB,MAAM,SAAS,IACrC;AAIN,UAAM,gBAAgB,iBAAiB,oBAAoB;AAC3D,QAAI,eAAe;AAKjB,YAAM,eAAe,gBAAgB,wBAAwB,YAAY;AACzE,kBAAY;AAAA,QACV,WAAW,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA;AAAA,UAExC,OAAO,cAAc,aAAa;AAAA,UAClC,GAAI,eAAe,EAAE,uBAAuB,OAAO,IAAI,CAAC;AAAA,QAC1D,CAAC;AAAA,MACH;AAAA,IACF;AAEA,QAAI,iBAAiB,QAAW;AAC9B,kBAAY;AAAA,QACV,WAAW,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA,UACxC,sBAAsB,SAAS,aAAa,eAAe,CAAC,CAAC;AAAA,QAC/D,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,cAAc,OAAO,KAAK,WAAW;AAC9C;",
   "names": []
 }

package/dist/es/ricos-common-plugins/font-size/block-font-size-plugin.js

@@ -0,0 +1,110 @@
+import { Mark_Type } from "./../../ricos-types/index.js";
+import { formatFontSize } from "./../../_shared/format-font-size.js";
+import { combineTransactionSteps, getChangedRanges } from "./../../tiptap/core/index.js";
+import { Plugin, PluginKey } from "./../../tiptap/pm/state.js";
+import { Decoration, DecorationSet } from "./../../tiptap/pm/view.js";
+import { isSameBlockFontSize, isSizedTextblock, toBlockFontSize } from "./block-font-size.js";
+const createBlockFontSizePlugin = (config) => {
+  const key = new PluginKey("block-font-size");
+  return new Plugin({
+    key,
+    state: {
+      init: (_config, state) => buildEmptyBlockDecorations(state.doc, config),
+      apply: (tr, prev) => tr.docChanged ? buildEmptyBlockDecorations(tr.doc, config) : prev
+    },
+    props: {
+      decorations(state) {
+        return key.getState(state);
+      }
+    },
+    appendTransaction: (transactions, oldState, newState) => {
+      const tr = newState.tr;
+      const transform = transactions.some((transaction) => transaction.docChanged) ? combineTransactionSteps(oldState.doc, [...transactions]) : void 0;
+      if (transform) {
+        sizeEmptiedBlocks(tr, oldState, newState, transform);
+      }
+      const cursorBlock = findEmptyCursorBlock(newState);
+      let storedMarks = newState.storedMarks;
+      if (cursorBlock && transform && leftBlockType(oldState, cursorBlock, transform)) {
+        const { $from, $to } = oldState.selection;
+        const carriedMarks = storedMarks ?? ($to.parentOffset ? $from.marks() : []);
+        if (carriedMarks.some((mark) => mark.type.name === Mark_Type.FONT_SIZE)) {
+          storedMarks = carriedMarks.filter((mark) => mark.type.name !== Mark_Type.FONT_SIZE);
+        }
+        if (cursorBlock.node.attrs.fontSize) {
+          tr.setNodeAttribute(cursorBlock.pos, "fontSize", null);
+        }
+      } else if (cursorBlock && transactions.some((transaction) => transaction.storedMarksSet)) {
+        const storedFontSize = toBlockFontSize(storedMarks);
+        if (storedFontSize && !isSameBlockFontSize(storedFontSize, cursorBlock.node.attrs.fontSize)) {
+          tr.setNodeAttribute(cursorBlock.pos, "fontSize", storedFontSize);
+        }
+      }
+      const blockFontSize = cursorBlock && tr.doc.nodeAt(cursorBlock.pos).attrs.fontSize;
+      const fontSizeMarkType = newState.schema.marks[Mark_Type.FONT_SIZE];
+      if (blockFontSize && fontSizeMarkType && !fontSizeMarkType.isInSet(storedMarks ?? [])) {
+        storedMarks = [...storedMarks ?? [], fontSizeMarkType.create(blockFontSize)];
+      }
+      if (storedMarks && (tr.steps.length || storedMarks !== newState.storedMarks)) {
+        tr.setStoredMarks(storedMarks);
+      }
+      return tr.steps.length || tr.storedMarksSet ? tr : void 0;
+    }
+  });
+};
+const buildEmptyBlockDecorations = (doc, config) => {
+  const decorations = [];
+  doc.descendants((node, pos) => {
+    const fontSize = node.attrs.fontSize;
+    if (isSizedTextblock(node) && !node.content.size && fontSize) {
+      decorations.push(
+        Decoration.node(pos, pos + node.nodeSize, {
+          // No trailing `;` — see indentation-styling.ts.
+          style: `font-size: ${formatFontSize({ value: fontSize.value, unit: fontSize.unit?.toLowerCase() }, config)}`
+        })
+      );
+    }
+    return !node.isTextblock;
+  });
+  return DecorationSet.create(doc, decorations);
+};
+const sizeEmptiedBlocks = (tr, oldState, newState, transform) => {
+  const sized = /* @__PURE__ */ new Set();
+  getChangedRanges(transform).forEach(({ oldRange }) => {
+    oldState.doc.nodesBetween(oldRange.from, oldRange.to, (oldNode, oldPos) => {
+      if (isSizedTextblock(oldNode) && oldNode.content.size) {
+        const pos = transform.mapping.map(oldPos);
+        const node = newState.doc.nodeAt(pos);
+        if (node?.type === oldNode.type && !node.content.size && !sized.has(pos)) {
+          sized.add(pos);
+          const fontSize = toBlockFontSize(oldNode.firstChild?.marks);
+          if (!isSameBlockFontSize(fontSize, node.attrs.fontSize)) {
+            tr.setNodeAttribute(pos, "fontSize", fontSize);
+          }
+        }
+      }
+      return !oldNode.isTextblock;
+    });
+  });
+};
+const leftBlockType = (oldState, cursorBlock, transform) => {
+  const { $from } = oldState.selection;
+  return $from.depth > 0 && transform.mapping.map($from.before()) !== cursorBlock.pos && $from.parent.type !== cursorBlock.node.type;
+};
+const findEmptyCursorBlock = ({
+  selection
+}) => {
+  if (!selection.empty) {
+    return void 0;
+  }
+  const { parent } = selection.$from;
+  if (!isSizedTextblock(parent) || parent.content.size !== 0) {
+    return void 0;
+  }
+  return { node: parent, pos: selection.$from.before() };
+};
+export {
+  createBlockFontSizePlugin,
+  findEmptyCursorBlock
+};
+//# sourceMappingURL=block-font-size-plugin.js.map

package/dist/es/ricos-common-plugins/font-size/block-font-size-plugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/ricos-common-plugins/font-size/block-font-size-plugin.ts"],
+  "sourcesContent": ["import type { FontSizeData } from './../../ricos-schema/next-schema/index.js';\nimport { Mark_Type } from './../../ricos-types/index.js';\nimport { type FontSizeCommonConfig, formatFontSize } from './../../_shared/format-font-size.js';\nimport { combineTransactionSteps, getChangedRanges } from './../../tiptap/core/index.js';\nimport type { Node as ProseMirrorNode } from './../../tiptap/pm/model.js';\nimport type { EditorState, Transaction } from './../../tiptap/pm/state.js';\nimport { Plugin, PluginKey } from './../../tiptap/pm/state.js';\nimport type { Transform } from './../../tiptap/pm/transform.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\n\nimport { isSameBlockFontSize, isSizedTextblock, toBlockFontSize } from './block-font-size.js';\n\ntype Block = { node: ProseMirrorNode; pos: number };\n\n// Only blocks a transaction touched are visited, so loaded content is never rewritten\nexport const createBlockFontSizePlugin = (config?: FontSizeCommonConfig) => {\n  const key = new PluginKey<DecorationSet>('block-font-size');\n\n  return new Plugin<DecorationSet>({\n    key,\n    state: {\n      init: (_config, state) => buildEmptyBlockDecorations(state.doc, config),\n      apply: (tr, prev) => (tr.docChanged ? buildEmptyBlockDecorations(tr.doc, config) : prev),\n    },\n    props: {\n      decorations(state) {\n        return key.getState(state);\n      },\n    },\n    appendTransaction: (transactions, oldState, newState) => {\n      const tr = newState.tr;\n      const transform = transactions.some(transaction => transaction.docChanged)\n        ? combineTransactionSteps(oldState.doc, [...transactions])\n        : undefined;\n\n      if (transform) {\n        sizeEmptiedBlocks(tr, oldState, newState, transform);\n      }\n\n      const cursorBlock = findEmptyCursorBlock(newState);\n      let storedMarks = newState.storedMarks;\n\n      if (cursorBlock && transform && leftBlockType(oldState, cursorBlock, transform)) {\n        // The marks the new block would type at: the stored ones, or the ones `unique-id` carries\n        // over from the old cursor when it ids the block (keep the fallback in sync with it).\n        const { $from, $to } = oldState.selection;\n        const carriedMarks = storedMarks ?? ($to.parentOffset ? $from.marks() : []);\n        if (carriedMarks.some(mark => mark.type.name === Mark_Type.FONT_SIZE)) {\n          storedMarks = carriedMarks.filter(mark => mark.type.name !== Mark_Type.FONT_SIZE);\n        }\n        if (cursorBlock.node.attrs.fontSize) {\n          tr.setNodeAttribute(cursorBlock.pos, 'fontSize', null);\n        }\n      } else if (cursorBlock && transactions.some(transaction => transaction.storedMarksSet)) {\n        const storedFontSize = toBlockFontSize(storedMarks);\n        if (\n          storedFontSize &&\n          !isSameBlockFontSize(storedFontSize, cursorBlock.node.attrs.fontSize)\n        ) {\n          tr.setNodeAttribute(cursorBlock.pos, 'fontSize', storedFontSize);\n        }\n      }\n\n      // Attribute steps keep positions, so the block can be re-read after `sizeEmptiedBlocks`\n      const blockFontSize = cursorBlock && tr.doc.nodeAt(cursorBlock.pos)!.attrs.fontSize;\n      const fontSizeMarkType = newState.schema.marks[Mark_Type.FONT_SIZE];\n      if (blockFontSize && fontSizeMarkType && !fontSizeMarkType.isInSet(storedMarks ?? [])) {\n        storedMarks = [...(storedMarks ?? []), fontSizeMarkType.create(blockFontSize)];\n      }\n\n      // Steps reset the transaction's stored marks; put back the ones the state already had.\n      if (storedMarks && (tr.steps.length || storedMarks !== newState.storedMarks)) {\n        tr.setStoredMarks(storedMarks);\n      }\n\n      return tr.steps.length || tr.storedMarksSet ? tr : undefined;\n    },\n  });\n};\n\n// Text renders at its own sizes, so only an empty block is styled with its own size\nconst buildEmptyBlockDecorations = (\n  doc: ProseMirrorNode,\n  config?: FontSizeCommonConfig\n): DecorationSet => {\n  const decorations: Decoration[] = [];\n  doc.descendants((node, pos) => {\n    const fontSize: FontSizeData | null = node.attrs.fontSize;\n    if (isSizedTextblock(node) && !node.content.size && fontSize) {\n      decorations.push(\n        Decoration.node(pos, pos + node.nodeSize, {\n          // No trailing `;` — see indentation-styling.ts.\n          style: `font-size: ${formatFontSize({ value: fontSize.value, unit: fontSize.unit?.toLowerCase() }, config)}`,\n        })\n      );\n    }\n    return !node.isTextblock;\n  });\n  return DecorationSet.create(doc, decorations);\n};\n\n// A block whose text was all deleted keeps the size its first character had; the block is looked up\n// from the old side, since a new empty block can sit where an old one started.\nconst sizeEmptiedBlocks = (\n  tr: Transaction,\n  oldState: EditorState,\n  newState: EditorState,\n  transform: Transform\n) => {\n  const sized = new Set<number>();\n  getChangedRanges(transform).forEach(({ oldRange }) => {\n    oldState.doc.nodesBetween(oldRange.from, oldRange.to, (oldNode, oldPos) => {\n      if (isSizedTextblock(oldNode) && oldNode.content.size) {\n        const pos = transform.mapping.map(oldPos);\n        const node = newState.doc.nodeAt(pos);\n        if (node?.type === oldNode.type && !node.content.size && !sized.has(pos)) {\n          sized.add(pos);\n          const fontSize = toBlockFontSize(oldNode.firstChild?.marks);\n          if (!isSameBlockFontSize(fontSize, node.attrs.fontSize)) {\n            tr.setNodeAttribute(pos, 'fontSize', fontSize);\n          }\n        }\n      }\n      return !oldNode.isTextblock;\n    });\n  });\n};\n\n// Enter into a block of another type (heading → paragraph, blockquote → paragraph) starts at the\n// default size. The block the cursor left maps onto itself, so a toolbar toggle of the same block\n// or a split into the block's own type keeps the size.\nconst leftBlockType = (\n  oldState: EditorState,\n  cursorBlock: Block,\n  transform: Transform\n): boolean => {\n  const { $from } = oldState.selection;\n  return (\n    $from.depth > 0 &&\n    transform.mapping.map($from.before()) !== cursorBlock.pos &&\n    $from.parent.type !== cursorBlock.node.type\n  );\n};\n\nexport const findEmptyCursorBlock = ({\n  selection,\n}: Pick<EditorState, 'selection'>): Block | undefined => {\n  if (!selection.empty) {\n    return undefined;\n  }\n  const { parent } = selection.$from;\n  if (!isSizedTextblock(parent) || parent.content.size !== 0) {\n    return undefined;\n  }\n  return { node: parent, pos: selection.$from.before() };\n};\n"],
+  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAoC,sBAAsB;AAC1D,SAAS,yBAAyB,wBAAwB;AAG1D,SAAS,QAAQ,iBAAiB;AAElC,SAAS,YAAY,qBAAqB;AAE1C,SAAS,qBAAqB,kBAAkB,uBAAuB;AAKhE,MAAM,4BAA4B,CAAC,WAAkC;AAC1E,QAAM,MAAM,IAAI,UAAyB,iBAAiB;AAE1D,SAAO,IAAI,OAAsB;AAAA,IAC/B;AAAA,IACA,OAAO;AAAA,MACL,MAAM,CAAC,SAAS,UAAU,2BAA2B,MAAM,KAAK,MAAM;AAAA,MACtE,OAAO,CAAC,IAAI,SAAU,GAAG,aAAa,2BAA2B,GAAG,KAAK,MAAM,IAAI;AAAA,IACrF;AAAA,IACA,OAAO;AAAA,MACL,YAAY,OAAO;AACjB,eAAO,IAAI,SAAS,KAAK;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,mBAAmB,CAAC,cAAc,UAAU,aAAa;AACvD,YAAM,KAAK,SAAS;AACpB,YAAM,YAAY,aAAa,KAAK,iBAAe,YAAY,UAAU,IACrE,wBAAwB,SAAS,KAAK,CAAC,GAAG,YAAY,CAAC,IACvD;AAEJ,UAAI,WAAW;AACb,0BAAkB,IAAI,UAAU,UAAU,SAAS;AAAA,MACrD;AAEA,YAAM,cAAc,qBAAqB,QAAQ;AACjD,UAAI,cAAc,SAAS;AAE3B,UAAI,eAAe,aAAa,cAAc,UAAU,aAAa,SAAS,GAAG;AAG/E,cAAM,EAAE,OAAO,IAAI,IAAI,SAAS;AAChC,cAAM,eAAe,gBAAgB,IAAI,eAAe,MAAM,MAAM,IAAI,CAAC;AACzE,YAAI,aAAa,KAAK,UAAQ,KAAK,KAAK,SAAS,UAAU,SAAS,GAAG;AACrE,wBAAc,aAAa,OAAO,UAAQ,KAAK,KAAK,SAAS,UAAU,SAAS;AAAA,QAClF;AACA,YAAI,YAAY,KAAK,MAAM,UAAU;AACnC,aAAG,iBAAiB,YAAY,KAAK,YAAY,IAAI;AAAA,QACvD;AAAA,MACF,WAAW,eAAe,aAAa,KAAK,iBAAe,YAAY,cAAc,GAAG;AACtF,cAAM,iBAAiB,gBAAgB,WAAW;AAClD,YACE,kBACA,CAAC,oBAAoB,gBAAgB,YAAY,KAAK,MAAM,QAAQ,GACpE;AACA,aAAG,iBAAiB,YAAY,KAAK,YAAY,cAAc;AAAA,QACjE;AAAA,MACF;AAGA,YAAM,gBAAgB,eAAe,GAAG,IAAI,OAAO,YAAY,GAAG,EAAG,MAAM;AAC3E,YAAM,mBAAmB,SAAS,OAAO,MAAM,UAAU,SAAS;AAClE,UAAI,iBAAiB,oBAAoB,CAAC,iBAAiB,QAAQ,eAAe,CAAC,CAAC,GAAG;AACrF,sBAAc,CAAC,GAAI,eAAe,CAAC,GAAI,iBAAiB,OAAO,aAAa,CAAC;AAAA,MAC/E;AAGA,UAAI,gBAAgB,GAAG,MAAM,UAAU,gBAAgB,SAAS,cAAc;AAC5E,WAAG,eAAe,WAAW;AAAA,MAC/B;AAEA,aAAO,GAAG,MAAM,UAAU,GAAG,iBAAiB,KAAK;AAAA,IACrD;AAAA,EACF,CAAC;AACH;AAGA,MAAM,6BAA6B,CACjC,KACA,WACkB;AAClB,QAAM,cAA4B,CAAC;AACnC,MAAI,YAAY,CAAC,MAAM,QAAQ;AAC7B,UAAM,WAAgC,KAAK,MAAM;AACjD,QAAI,iBAAiB,IAAI,KAAK,CAAC,KAAK,QAAQ,QAAQ,UAAU;AAC5D,kBAAY;AAAA,QACV,WAAW,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA;AAAA,UAExC,OAAO,cAAc,eAAe,EAAE,OAAO,SAAS,OAAO,MAAM,SAAS,MAAM,YAAY,EAAE,GAAG,MAAM,CAAC;AAAA,QAC5G,CAAC;AAAA,MACH;AAAA,IACF;AACA,WAAO,CAAC,KAAK;AAAA,EACf,CAAC;AACD,SAAO,cAAc,OAAO,KAAK,WAAW;AAC9C;AAIA,MAAM,oBAAoB,CACxB,IACA,UACA,UACA,cACG;AACH,QAAM,QAAQ,oBAAI,IAAY;AAC9B,mBAAiB,SAAS,EAAE,QAAQ,CAAC,EAAE,SAAS,MAAM;AACpD,aAAS,IAAI,aAAa,SAAS,MAAM,SAAS,IAAI,CAAC,SAAS,WAAW;AACzE,UAAI,iBAAiB,OAAO,KAAK,QAAQ,QAAQ,MAAM;AACrD,cAAM,MAAM,UAAU,QAAQ,IAAI,MAAM;AACxC,cAAM,OAAO,SAAS,IAAI,OAAO,GAAG;AACpC,YAAI,MAAM,SAAS,QAAQ,QAAQ,CAAC,KAAK,QAAQ,QAAQ,CAAC,MAAM,IAAI,GAAG,GAAG;AACxE,gBAAM,IAAI,GAAG;AACb,gBAAM,WAAW,gBAAgB,QAAQ,YAAY,KAAK;AAC1D,cAAI,CAAC,oBAAoB,UAAU,KAAK,MAAM,QAAQ,GAAG;AACvD,eAAG,iBAAiB,KAAK,YAAY,QAAQ;AAAA,UAC/C;AAAA,QACF;AAAA,MACF;AACA,aAAO,CAAC,QAAQ;AAAA,IAClB,CAAC;AAAA,EACH,CAAC;AACH;AAKA,MAAM,gBAAgB,CACpB,UACA,aACA,cACY;AACZ,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,SACE,MAAM,QAAQ,KACd,UAAU,QAAQ,IAAI,MAAM,OAAO,CAAC,MAAM,YAAY,OACtD,MAAM,OAAO,SAAS,YAAY,KAAK;AAE3C;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AACF,MAAyD;AACvD,MAAI,CAAC,UAAU,OAAO;AACpB,WAAO;AAAA,EACT;AACA,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,MAAI,CAAC,iBAAiB,MAAM,KAAK,OAAO,QAAQ,SAAS,GAAG;AAC1D,WAAO;AAAA,EACT;AACA,SAAO,EAAE,MAAM,QAAQ,KAAK,UAAU,MAAM,OAAO,EAAE;AACvD;",
+  "names": []
+}

package/dist/es/ricos-common-plugins/font-size/block-font-size.js

@@ -0,0 +1,49 @@
+import { Node_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1/index.js";
+import {
+  FontSizeData_fontType
+} from "./../../ricos-schema/next-schema/index.js";
+import { Mark_Type } from "./../../ricos-types/index.js";
+import { getPxFontSize } from "./../../_shared/get-px-font-size.js";
+const SIZED_TEXTBLOCK_TYPES = [
+  Node_Type.PARAGRAPH,
+  Node_Type.HEADING,
+  Node_Type.CODE_BLOCK,
+  Node_Type.BLOCKQUOTE
+];
+const isSizedTextblock = (node) => SIZED_TEXTBLOCK_TYPES.includes(node.type.name);
+const toBlockFontSize = (marks) => {
+  const value = getPxFontSize(marks?.find((mark) => mark.type.name === Mark_Type.FONT_SIZE)?.attrs);
+  return value ? { value, unit: FontSizeData_fontType.PX } : null;
+};
+const isSameBlockFontSize = (a, b) => a?.value === b?.value && (a?.unit ?? "PX") === (b?.unit ?? "PX");
+const setSelectedEmptyBlocksFontSize = (tr, fontSize) => {
+  if (tr.selection.empty) {
+    return;
+  }
+  tr.selection.ranges.forEach(({ $from, $to }) => {
+    tr.doc.nodesBetween($from.pos, $to.pos, (node, pos) => {
+      if (isSizedTextblock(node) && !node.content.size && !isSameBlockFontSize(fontSize, node.attrs.fontSize)) {
+        tr.setNodeAttribute(pos, "fontSize", fontSize);
+      }
+      return !node.isTextblock;
+    });
+  });
+};
+const splitBlockFontSize = (textStyle, content) => {
+  const { fontSize = null, ...rest } = textStyle ?? {};
+  return { textStyle: textStyle ? rest : null, fontSize: content?.length ? null : fontSize };
+};
+const mergeBlockFontSize = (textStyle, fontSize, content) => {
+  const blockFontSize = content?.length ? null : fontSize;
+  return textStyle || blockFontSize ? { ...textStyle, ...blockFontSize ? { fontSize: blockFontSize } : {} } : void 0;
+};
+export {
+  SIZED_TEXTBLOCK_TYPES,
+  isSameBlockFontSize,
+  isSizedTextblock,
+  mergeBlockFontSize,
+  setSelectedEmptyBlocksFontSize,
+  splitBlockFontSize,
+  toBlockFontSize
+};
+//# sourceMappingURL=block-font-size.js.map

package/dist/es/ricos-common-plugins/font-size/block-font-size.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/ricos-common-plugins/font-size/block-font-size.ts"],
+  "sourcesContent": ["import { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport {\n  type FontSizeData,\n  FontSizeData_fontType,\n  type TextStyle,\n} from './../../ricos-schema/next-schema/index.js';\nimport { Mark_Type } from './../../ricos-types/index.js';\nimport { getPxFontSize } from './../../_shared/get-px-font-size.js';\nimport type { Mark, Node as ProseMirrorNode } from './../../tiptap/pm/model.js';\nimport type { Transaction } from './../../tiptap/pm/state.js';\n\n// Every ProseMirror textblock whose document node carries a `textStyle` the size can be saved to.\nexport const SIZED_TEXTBLOCK_TYPES: readonly string[] = [\n  Node_Type.PARAGRAPH,\n  Node_Type.HEADING,\n  Node_Type.CODE_BLOCK,\n  Node_Type.BLOCKQUOTE,\n];\n\nexport const isSizedTextblock = (node: ProseMirrorNode): boolean =>\n  SIZED_TEXTBLOCK_TYPES.includes(node.type.name);\n\n// Only an absolute size can become the block's: a relative one is relative to the block's parent on\n// the empty block, but to the block on the text typed into it, so the two would render differently.\nexport const toBlockFontSize = (marks: readonly Mark[] | null | undefined): FontSizeData | null => {\n  const value = getPxFontSize(marks?.find(mark => mark.type.name === Mark_Type.FONT_SIZE)?.attrs);\n  return value ? { value, unit: FontSizeData_fontType.PX } : null;\n};\n\nexport const isSameBlockFontSize = (a: FontSizeData | null, b: FontSizeData | null): boolean =>\n  a?.value === b?.value && (a?.unit ?? 'PX') === (b?.unit ?? 'PX');\n\n// The mark reaches text only, so setting or clearing it on a selection does the same to the empty\n// blocks in it through their block attribute.\nexport const setSelectedEmptyBlocksFontSize = (tr: Transaction, fontSize: FontSizeData | null) => {\n  if (tr.selection.empty) {\n    return;\n  }\n  tr.selection.ranges.forEach(({ $from, $to }) => {\n    tr.doc.nodesBetween($from.pos, $to.pos, (node, pos) => {\n      if (\n        isSizedTextblock(node) &&\n        !node.content.size &&\n        !isSameBlockFontSize(fontSize, node.attrs.fontSize)\n      ) {\n        tr.setNodeAttribute(pos, 'fontSize', fontSize);\n      }\n      return !node.isTextblock;\n    });\n  });\n};\n\n// The block's own size only means something while the block is empty: once it has text, the text's\n// sizes are what render. So it is loaded and saved for empty blocks only, and only an empty block is\n// styled with it (see block-font-size-plugin), though ProseMirror keeps it on a block with text.\nexport const splitBlockFontSize = (\n  textStyle: TextStyle | null | undefined,\n  content: readonly unknown[] | undefined\n): { textStyle: TextStyle | null; fontSize: FontSizeData | null } => {\n  const { fontSize = null, ...rest } = textStyle ?? {};\n  return { textStyle: textStyle ? rest : null, fontSize: content?.length ? null : fontSize };\n};\n\nexport const mergeBlockFontSize = (\n  textStyle: TextStyle | null | undefined,\n  fontSize: FontSizeData | null | undefined,\n  content: readonly unknown[] | undefined\n): TextStyle | undefined => {\n  const blockFontSize = content?.length ? null : fontSize;\n  return textStyle || blockFontSize\n    ? { ...textStyle, ...(blockFontSize ? { fontSize: blockFontSize } : {}) }\n    : undefined;\n};\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAC1B;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAKvB,MAAM,wBAA2C;AAAA,EACtD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,mBAAmB,CAAC,SAC/B,sBAAsB,SAAS,KAAK,KAAK,IAAI;AAIxC,MAAM,kBAAkB,CAAC,UAAmE;AACjG,QAAM,QAAQ,cAAc,OAAO,KAAK,UAAQ,KAAK,KAAK,SAAS,UAAU,SAAS,GAAG,KAAK;AAC9F,SAAO,QAAQ,EAAE,OAAO,MAAM,sBAAsB,GAAG,IAAI;AAC7D;AAEO,MAAM,sBAAsB,CAAC,GAAwB,MAC1D,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,WAAW,GAAG,QAAQ;AAItD,MAAM,iCAAiC,CAAC,IAAiB,aAAkC;AAChG,MAAI,GAAG,UAAU,OAAO;AACtB;AAAA,EACF;AACA,KAAG,UAAU,OAAO,QAAQ,CAAC,EAAE,OAAO,IAAI,MAAM;AAC9C,OAAG,IAAI,aAAa,MAAM,KAAK,IAAI,KAAK,CAAC,MAAM,QAAQ;AACrD,UACE,iBAAiB,IAAI,KACrB,CAAC,KAAK,QAAQ,QACd,CAAC,oBAAoB,UAAU,KAAK,MAAM,QAAQ,GAClD;AACA,WAAG,iBAAiB,KAAK,YAAY,QAAQ;AAAA,MAC/C;AACA,aAAO,CAAC,KAAK;AAAA,IACf,CAAC;AAAA,EACH,CAAC;AACH;AAKO,MAAM,qBAAqB,CAChC,WACA,YACmE;AACnE,QAAM,EAAE,WAAW,MAAM,GAAG,KAAK,IAAI,aAAa,CAAC;AACnD,SAAO,EAAE,WAAW,YAAY,OAAO,MAAM,UAAU,SAAS,SAAS,OAAO,SAAS;AAC3F;AAEO,MAAM,qBAAqB,CAChC,WACA,UACA,YAC0B;AAC1B,QAAM,gBAAgB,SAAS,SAAS,OAAO;AAC/C,SAAO,aAAa,gBAChB,EAAE,GAAG,WAAW,GAAI,gBAAgB,EAAE,UAAU,cAAc,IAAI,CAAC,EAAG,IACtE;AACN;",
+  "names": []
+}

package/dist/es/ricos-common-plugins/font-size/dropdown/font-size-dropdown-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "2da9fabf";
+var styleDataHash = "fb661aac";
 const injectCss = (() => {
-  var css = `.OlRMl{--wds-list-item-select-padding-horizontal-small:6px;--wds-list-item-select-padding-horizontal-medium:6px;--wds-list-item-select-padding-right-small:6px;--wds-list-item-select-padding-right-medium:6px}`;
+  var css = `.vh3cA{--wds-list-item-select-padding-horizontal-small:6px;--wds-list-item-select-padding-horizontal-medium:6px;--wds-list-item-select-padding-right-small:6px;--wds-list-item-select-padding-right-medium:6px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var font_size_dropdown_default = {
-  "dropdown": "OlRMl"
+  "dropdown": "vh3cA"
 };
 export {
   font_size_dropdown_default as default,

package/dist/es/ricos-common-plugins/font-size/dropdown/font-size-dropdown-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ricos-common-plugins/font-size/dropdown/font-size-dropdown.scss"],
-  "sourcesContent": ["var styleDataHash = '2da9fabf';  \nexport const injectCss = (() => {\n  var css = `.OlRMl{--wds-list-item-select-padding-horizontal-small:6px;--wds-list-item-select-padding-horizontal-medium:6px;--wds-list-item-select-padding-right-small:6px;--wds-list-item-select-padding-right-medium:6px}`;\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  \"dropdown\": \"OlRMl\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'fb661aac';  \nexport const injectCss = (() => {\n  var css = `.vh3cA{--wds-list-item-select-padding-horizontal-small:6px;--wds-list-item-select-padding-horizontal-medium:6px;--wds-list-item-select-padding-right-small:6px;--wds-list-item-select-padding-right-medium:6px}`;\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  \"dropdown\": \"vh3cA\"\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,6BAAQ;AAAA,EACb,YAAY;AACd;",
   "names": []
 }

package/dist/es/ricos-common-plugins/font-size/extension.js

@@ -1,5 +1,13 @@
 import { Decoration_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1/index.js";
+import { FontSizeData_fontType } from "./../../ricos-schema/next-schema/index.js";
+import { formatFontSize } from "./../../_shared/format-font-size.js";
 import { createRicosMarkExtension } from "./../../plugin-commons/index.js";
+import { createBlockFontSizePlugin, findEmptyCursorBlock } from "./block-font-size-plugin.js";
+import {
+  SIZED_TEXTBLOCK_TYPES,
+  isSameBlockFontSize,
+  setSelectedEmptyBlocksFontSize
+} from "./block-font-size.js";
 const fontSize = (config) => createRicosMarkExtension({
   type: "mark",
   groups: [],
@@ -20,13 +28,33 @@ const fontSize = (config) => createRicosMarkExtension({
       addAttributes() {
         return { unit: "PX", value: null };
       },
+      addGlobalAttributes() {
+        return [
+          {
+            types: [...SIZED_TEXTBLOCK_TYPES],
+            attributes: {
+              // `textStyle.fontSize` in the document, but its own attribute here: `textStyle` is
+              // copied to every split-off block, while the split-off block has to take the size
+              // carried by the cursor marks instead (see block-font-size-plugin).
+              fontSize: {
+                default: null,
+                keepOnSplit: false,
+                parseHTML: parseBlockFontSize,
+                // Carries the size through clipboard HTML. The `font-size` style is a decoration
+                // of empty blocks only (see block-font-size-plugin), as a rendered block is not
+                // redrawn when text is typed into it.
+                renderHTML: (attributes) => attributes.fontSize ? { "data-block-font-size": JSON.stringify(attributes.fontSize) } : {}
+              }
+            }
+          }
+        ];
+      },
+      addProseMirrorPlugins() {
+        return [createBlockFontSizePlugin(config)];
+      },
       renderHTML({ HTMLAttributes }) {
-        const fontSize2 = config?.overrideInlineFontSize?.(
-          HTMLAttributes.value,
-          HTMLAttributes.unit?.toLowerCase()
-        ) ?? `${HTMLAttributes.value}${HTMLAttributes.unit?.toLowerCase()}`;
         const htmlAttrs = {
-          style: `font-size: ${fontSize2}`,
+          style: `font-size: ${formatFontSize({ value: Number(HTMLAttributes.value), unit: HTMLAttributes.unit?.toLowerCase() }, config)}`,
           "data-font-size": HTMLAttributes.value
         };
         return ["span", mergeAttributes(htmlAttrs), 0];
@@ -50,14 +78,22 @@ const fontSize = (config) => createRicosMarkExtension({
       },
       addCommands() {
         return {
-          setFontSize: (size) => ({ commands }) => {
+          setFontSize: (size) => ({ tr, commands }) => {
             if (!isValidSizeValue(size)) {
               return false;
             }
-            return commands.setMark(this.name, {
-              value: size,
-              unit: "PX"
-            });
+            const blockFontSize = { value: size, unit: "PX" };
+            if (!commands.setMark(this.name, blockFontSize)) {
+              return false;
+            }
+            setSelectedEmptyBlocksFontSize(tr, blockFontSize);
+            const { storedMarks } = tr;
+            const cursorBlock = findEmptyCursorBlock(tr);
+            if (cursorBlock && !isSameBlockFontSize(blockFontSize, cursorBlock.node.attrs.fontSize)) {
+              tr.setNodeAttribute(cursorBlock.pos, "fontSize", blockFontSize);
+              tr.setStoredMarks(storedMarks);
+            }
+            return true;
           }
         };
       }
@@ -68,6 +104,16 @@ const isValidSizeValue = (size) => {
   const n = Number(size);
   return Number.isInteger(n) && n > 0 && n <= 900;
 };
+const parseBlockFontSize = (element) => {
+  try {
+    const { value, unit = FontSizeData_fontType.PX } = JSON.parse(
+      element.getAttribute("data-block-font-size") ?? "{}"
+    );
+    return isValidSizeValue(value) && unit in FontSizeData_fontType ? { value: Number(value), unit } : null;
+  } catch {
+    return null;
+  }
+};
 export {
   fontSize
 };

package/dist/es/ricos-common-plugins/font-size/extension.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/font-size/extension.ts"],
-  "sourcesContent": ["import { Decoration_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { DOMOutputSpec } from './../../ricos-types/index.js';\nimport { createRicosMarkExtension } from './../../plugin-commons/index.js';\nimport type { TiptapAdapterServices } from './../../tiptap-editor/initialize-tiptap-adapter.js';\n\nimport type { FontSizeCommonConfig } from './types.js';\n\ndeclare module './../../tiptap/core' {\n  interface Commands<ReturnType> {\n    fontSize: {\n      /**\n       * Set a font mark\n       */\n      setFontSize: (size: number) => ReturnType;\n    };\n  }\n}\n\nexport const fontSize = (config?: FontSizeCommonConfig) =>\n  createRicosMarkExtension<{ services: TiptapAdapterServices }>({\n    type: 'mark',\n    groups: [],\n    name: Decoration_Type.FONT_SIZE,\n    reconfigure: (config, extensions, ricosProps, settings, services) => {\n      return {\n        ...config,\n        addOptions: () => {\n          return {\n            services,\n          };\n        },\n      };\n    },\n    createExtensionConfig({ mergeAttributes }) {\n      return {\n        name: this.name,\n        addAttributes() {\n          return { unit: 'PX', value: null };\n        },\n\n        renderHTML({ HTMLAttributes }) {\n          const fontSize =\n            config?.overrideInlineFontSize?.(\n              HTMLAttributes.value,\n              HTMLAttributes.unit?.toLowerCase()\n            ) ?? `${HTMLAttributes.value}${HTMLAttributes.unit?.toLowerCase()}`;\n\n          const htmlAttrs = {\n            style: `font-size: ${fontSize}`,\n            'data-font-size': HTMLAttributes.value,\n          };\n          return ['span', mergeAttributes(htmlAttrs), 0] as DOMOutputSpec;\n        },\n        parseHTML() {\n          // Like in draft we parse only internal copy/pasted fontSize values\n          return [\n            {\n              tag: 'span',\n              getAttrs: (element: HTMLElement) => {\n                const attribute = element.attributes.getNamedItem('data-font-size');\n                if (!isValidSizeValue(attribute?.value)) {\n                  return false;\n                }\n                return {\n                  value: Math.min(Math.max(1, Number(attribute?.value)), 900),\n                  unit: 'PX',\n                };\n              },\n            },\n          ];\n        },\n        addCommands() {\n          return {\n            setFontSize:\n              (size: number) =>\n              ({ commands }) => {\n                if (!isValidSizeValue(size)) {\n                  return false;\n                }\n\n                return commands.setMark(this.name, {\n                  value: size,\n                  unit: 'PX',\n                });\n              },\n          };\n        },\n      };\n    },\n  });\n\nconst isValidSizeValue = (size: unknown): boolean => {\n  const n = Number(size);\n  return Number.isInteger(n) && n > 0 && n <= 900;\n};\n"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAEhC,SAAS,gCAAgC;AAgBlC,MAAM,WAAW,CAAC,WACvB,yBAA8D;AAAA,EAC5D,MAAM;AAAA,EACN,QAAQ,CAAC;AAAA,EACT,MAAM,gBAAgB;AAAA,EACtB,aAAa,CAACA,SAAQ,YAAY,YAAY,UAAU,aAAa;AACnE,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,YAAY,MAAM;AAChB,eAAO;AAAA,UACL;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,sBAAsB,EAAE,gBAAgB,GAAG;AACzC,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,gBAAgB;AACd,eAAO,EAAE,MAAM,MAAM,OAAO,KAAK;AAAA,MACnC;AAAA,MAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,cAAMC,YACJ,QAAQ;AAAA,UACN,eAAe;AAAA,UACf,eAAe,MAAM,YAAY;AAAA,QACnC,KAAK,GAAG,eAAe,KAAK,GAAG,eAAe,MAAM,YAAY,CAAC;AAEnE,cAAM,YAAY;AAAA,UAChB,OAAO,cAAcA,SAAQ;AAAA,UAC7B,kBAAkB,eAAe;AAAA,QACnC;AACA,eAAO,CAAC,QAAQ,gBAAgB,SAAS,GAAG,CAAC;AAAA,MAC/C;AAAA,MACA,YAAY;AAEV,eAAO;AAAA,UACL;AAAA,YACE,KAAK;AAAA,YACL,UAAU,CAAC,YAAyB;AAClC,oBAAM,YAAY,QAAQ,WAAW,aAAa,gBAAgB;AAClE,kBAAI,CAAC,iBAAiB,WAAW,KAAK,GAAG;AACvC,uBAAO;AAAA,cACT;AACA,qBAAO;AAAA,gBACL,OAAO,KAAK,IAAI,KAAK,IAAI,GAAG,OAAO,WAAW,KAAK,CAAC,GAAG,GAAG;AAAA,gBAC1D,MAAM;AAAA,cACR;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,cAAc;AACZ,eAAO;AAAA,UACL,aACE,CAAC,SACD,CAAC,EAAE,SAAS,MAAM;AAChB,gBAAI,CAAC,iBAAiB,IAAI,GAAG;AAC3B,qBAAO;AAAA,YACT;AAEA,mBAAO,SAAS,QAAQ,KAAK,MAAM;AAAA,cACjC,OAAO;AAAA,cACP,MAAM;AAAA,YACR,CAAC;AAAA,UACH;AAAA,QACJ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEH,MAAM,mBAAmB,CAAC,SAA2B;AACnD,QAAM,IAAI,OAAO,IAAI;AACrB,SAAO,OAAO,UAAU,CAAC,KAAK,IAAI,KAAK,KAAK;AAC9C;",
-  "names": ["config", "fontSize"]
+  "sourcesContent": ["import { Decoration_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { type FontSizeData, FontSizeData_fontType } from './../../ricos-schema/next-schema/index.js';\nimport type { DOMOutputSpec } from './../../ricos-types/index.js';\nimport { type FontSizeCommonConfig, formatFontSize } from './../../_shared/format-font-size.js';\nimport { createRicosMarkExtension } from './../../plugin-commons/index.js';\nimport type { TiptapAdapterServices } from './../../tiptap-editor/initialize-tiptap-adapter.js';\n\nimport { createBlockFontSizePlugin, findEmptyCursorBlock } from './block-font-size-plugin.js';\nimport {\n  SIZED_TEXTBLOCK_TYPES,\n  isSameBlockFontSize,\n  setSelectedEmptyBlocksFontSize,\n} from './block-font-size.js';\n\ndeclare module './../../tiptap/core' {\n  interface Commands<ReturnType> {\n    fontSize: {\n      /**\n       * Set a font mark\n       */\n      setFontSize: (size: number) => ReturnType;\n    };\n  }\n}\n\nexport const fontSize = (config?: FontSizeCommonConfig) =>\n  createRicosMarkExtension<{ services: TiptapAdapterServices }>({\n    type: 'mark',\n    groups: [],\n    name: Decoration_Type.FONT_SIZE,\n    reconfigure: (config, extensions, ricosProps, settings, services) => {\n      return {\n        ...config,\n        addOptions: () => {\n          return {\n            services,\n          };\n        },\n      };\n    },\n    createExtensionConfig({ mergeAttributes }) {\n      return {\n        name: this.name,\n        addAttributes() {\n          return { unit: 'PX', value: null };\n        },\n\n        addGlobalAttributes() {\n          return [\n            {\n              types: [...SIZED_TEXTBLOCK_TYPES],\n              attributes: {\n                // `textStyle.fontSize` in the document, but its own attribute here: `textStyle` is\n                // copied to every split-off block, while the split-off block has to take the size\n                // carried by the cursor marks instead (see block-font-size-plugin).\n                fontSize: {\n                  default: null,\n                  keepOnSplit: false,\n                  parseHTML: parseBlockFontSize,\n                  // Carries the size through clipboard HTML. The `font-size` style is a decoration\n                  // of empty blocks only (see block-font-size-plugin), as a rendered block is not\n                  // redrawn when text is typed into it.\n                  renderHTML: attributes =>\n                    attributes.fontSize\n                      ? { 'data-block-font-size': JSON.stringify(attributes.fontSize) }\n                      : {},\n                },\n              },\n            },\n          ];\n        },\n\n        addProseMirrorPlugins() {\n          return [createBlockFontSizePlugin(config)];\n        },\n\n        renderHTML({ HTMLAttributes }) {\n          const htmlAttrs = {\n            style: `font-size: ${formatFontSize({ value: Number(HTMLAttributes.value), unit: HTMLAttributes.unit?.toLowerCase() }, config)}`,\n            'data-font-size': HTMLAttributes.value,\n          };\n          return ['span', mergeAttributes(htmlAttrs), 0] as DOMOutputSpec;\n        },\n        parseHTML() {\n          // Like in draft we parse only internal copy/pasted fontSize values\n          return [\n            {\n              tag: 'span',\n              getAttrs: (element: HTMLElement) => {\n                const attribute = element.attributes.getNamedItem('data-font-size');\n                if (!isValidSizeValue(attribute?.value)) {\n                  return false;\n                }\n                return {\n                  value: Math.min(Math.max(1, Number(attribute?.value)), 900),\n                  unit: 'PX',\n                };\n              },\n            },\n          ];\n        },\n        addCommands() {\n          return {\n            setFontSize:\n              (size: number) =>\n              ({ tr, commands }) => {\n                if (!isValidSizeValue(size)) {\n                  return false;\n                }\n\n                const blockFontSize: FontSizeData = { value: size, unit: 'PX' };\n                if (!commands.setMark(this.name, blockFontSize)) {\n                  return false;\n                }\n\n                setSelectedEmptyBlocksFontSize(tr, blockFontSize);\n\n                // block-font-size-plugin would size the block too, but in an appended transaction,\n                // and the editor emits `update` (so `onChange`) only when the dispatched one changes\n                // the document. The attribute step drops the stored marks `setMark` just set.\n                const { storedMarks } = tr;\n                const cursorBlock = findEmptyCursorBlock(tr);\n                if (\n                  cursorBlock &&\n                  !isSameBlockFontSize(blockFontSize, cursorBlock.node.attrs.fontSize)\n                ) {\n                  tr.setNodeAttribute(cursorBlock.pos, 'fontSize', blockFontSize);\n                  tr.setStoredMarks(storedMarks);\n                }\n                return true;\n              },\n          };\n        },\n      };\n    },\n  });\n\nconst isValidSizeValue = (size: unknown): boolean => {\n  const n = Number(size);\n  return Number.isInteger(n) && n > 0 && n <= 900;\n};\n\nconst parseBlockFontSize = (element: HTMLElement): FontSizeData | null => {\n  try {\n    const { value, unit = FontSizeData_fontType.PX }: Partial<FontSizeData> = JSON.parse(\n      element.getAttribute('data-block-font-size') ?? '{}'\n    );\n    return isValidSizeValue(value) && unit in FontSizeData_fontType\n      ? { value: Number(value), unit }\n      : null;\n  } catch {\n    return null;\n  }\n};\n"],
+  "mappings": "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",
+  "names": ["config"]
 }