@wix/ricos 11.20.0 → 11.20.2

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": "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",
+  "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 = "70dbc592";
+var styleDataHash = "d01f5454";
 const injectCss = (() => {
-  var css = `.mPKGX{--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 = `.sBOK0{--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": "mPKGX"
+  "dropdown": "sBOK0"
 };
 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 = '70dbc592';  \nexport const injectCss = (() => {\n  var css = `.mPKGX{--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\": \"mPKGX\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'd01f5454';  \nexport const injectCss = (() => {\n  var css = `.sBOK0{--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\": \"sBOK0\"\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"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/font-size/font-size.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { RICOS_FONT_SIZE_TYPE } from './../../ricos-content/index.js';\nimport { Decoration_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { EditorPlugin, PublicCommands } from './../../ricos-types/index.js';\nimport { createShortcut } from './../../ricos-types/index.js';\nimport { createTextButton } from './../../_shared/create-text-button.js';\nimport { getFontSizeInSelection } from './../../_shared/resolvers/get-font-size-in-selection.js';\nimport { isAlwaysVisible } from './../../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../../_shared/resolvers/is-node-selected.js';\nimport { FontSizeButton } from './../../toolbars-v3/components/buttons/FontSizeButton/font-size-button.js';\n\nimport { TEXT_BUTTON_FONT_SIZE } from './data-hooks.js';\nimport { fontSize } from './extension.js';\nimport { fontSizeConverter } from './font-size-converter.js';\nimport { FontSizePanelComponent } from './font-size-panel-component.js';\nimport type { FontSizeCommonConfig } from './types.js';\n\nconst FONT_SIZE_MODAL_ID = `${Decoration_Type.FONT_SIZE}.modal`;\n\nconst MAX_FONT_SIZE = 900;\nconst MIN_FONT_SIZE = 1;\n\nexport const DEFAULT_FONTSIZE_DROPDOWN_OPTIONS = [\n  '6',\n  '8',\n  '10',\n  '12',\n  '14',\n  '16',\n  '18',\n  '20',\n  '24',\n  '30',\n  '36',\n  '48',\n  '64',\n  '72',\n  '96',\n];\n\nconst getFontSize = ({\n  publicCommands,\n}: {\n  publicCommands: PublicCommands;\n}): ((props: $TSFixMe) => JSX.Element) => {\n  const currentFontSize = publicCommands.getFontSize() || '';\n  return () => <div>{currentFontSize}</div>;\n};\n\nexport const pluginFontSize = (config?: FontSizeCommonConfig): EditorPlugin => ({\n  type: Decoration_Type.FONT_SIZE,\n  config: {},\n  pmNodeConverters: [],\n  pmMarkConverters: [fontSizeConverter],\n  tiptapExtensions: [fontSize(config)],\n  shortcuts: [\n    createShortcut({\n      name: `${Decoration_Type.FONT_SIZE}.increase`,\n      description: 'ShortcutsSheet_Formatting_IncreaseFontSize',\n      keys: { macOs: 'Meta+Alt+.', windows: 'Ctrl+Alt+.' },\n      command({ publicCommands }) {\n        const currentFontSize = publicCommands.getFontSize();\n        const newFontSize = currentFontSize && parseInt(currentFontSize, 10) + 1;\n        if (newFontSize) {\n          publicCommands.insertDecoration(RICOS_FONT_SIZE_TYPE, {\n            fontSize: newFontSize.toString(),\n          });\n        }\n        return 'continue';\n      },\n      group: 'ShortcutsSheet_Section_Formatting',\n      enabled: true,\n      showInShortcutSheet: true,\n    }),\n    createShortcut({\n      name: `${Decoration_Type.FONT_SIZE}.decrease`,\n      description: 'ShortcutsSheet_Formatting_DecreaseFontSize',\n      keys: { macOs: 'Meta+Alt+,', windows: 'Ctrl+Alt+,' },\n      command({ publicCommands }) {\n        const currentFontSize = publicCommands.getFontSize();\n        const newFontSize = currentFontSize && parseInt(currentFontSize, 10) - 1;\n        if (newFontSize) {\n          publicCommands.insertDecoration(RICOS_FONT_SIZE_TYPE, {\n            fontSize: newFontSize.toString(),\n          });\n        }\n        return 'continue';\n      },\n      group: 'ShortcutsSheet_Section_Formatting',\n      enabled: true,\n      showInShortcutSheet: true,\n    }),\n  ],\n  textButtons: [\n    createTextButton({\n      id: Decoration_Type.FONT_SIZE,\n      type: 'dropdown',\n      presentation: {\n        id: FONT_SIZE_MODAL_ID,\n        dataHook: TEXT_BUTTON_FONT_SIZE,\n        tooltip: 'FormattingToolbar_CustomFontSizeButton_Tooltip',\n        getIcon: getFontSize,\n        renderer: toolbarItem => <FontSizeButton toolbarItem={toolbarItem} />,\n        Component: FontSizePanelComponent,\n        getComponentProps: ({ publicCommands, modals }) => {\n          const selectedFontSize = publicCommands?.getFontSize() ?? '';\n          const dropdownOptions = insertSorted(\n            [...DEFAULT_FONTSIZE_DROPDOWN_OPTIONS],\n            selectedFontSize\n          );\n\n          return {\n            dropdownOptions: dropdownOptions.map(fontSize => ({\n              id: fontSize,\n              dataHook: `font-size-dropdown-option-${fontSize}`,\n              label: fontSize,\n            })),\n            onSelect: (fontSize: any) => {\n              const fontSizeValue = Math.min(\n                Math.max(MIN_FONT_SIZE, parseInt(fontSize)),\n                MAX_FONT_SIZE\n              );\n              publicCommands.insertDecoration(RICOS_FONT_SIZE_TYPE, {\n                fontSize: `${fontSizeValue}`,\n              });\n            },\n            selectedId: selectedFontSize,\n            closeModal: () => modals.closeModal(FONT_SIZE_MODAL_ID),\n          };\n        },\n      },\n      command:\n        ({\n          modalService: modals,\n          referenceElement,\n          focusReturnElement,\n          isMobile,\n          componentProps,\n        }) =>\n        () => {\n          if (!componentProps) {\n            return false;\n          }\n\n          modals.isModalOpen(FONT_SIZE_MODAL_ID)\n            ? modals.closeModal(FONT_SIZE_MODAL_ID)\n            : modals.openModal({\n                id: FONT_SIZE_MODAL_ID,\n                Component: FontSizePanelComponent,\n                componentProps,\n                positioning: {\n                  placement: 'bottom',\n                  referenceElement,\n                },\n                layout: isMobile ? 'drawer' : referenceElement ? 'floating' : 'dialog',\n                returnFocusToEditor: true,\n                // The positioning reference element is the button's wrapper div, which isn't\n                // focusable — without this, closing by keyboard would drop focus to <body>.\n                focusReturnElement: focusReturnElement ?? undefined,\n              });\n          return true;\n        },\n      attributes: {\n        visible: isAlwaysVisible,\n        selectedFontSize: getFontSizeInSelection,\n        disabled: isNodeSelected,\n      },\n    }),\n  ],\n});\n\nconst insertSorted = (array: string[], value: string) => {\n  if (!array.includes(value) && value !== '') {\n    array.push(value);\n    array.sort((a, b) => parseInt(a) - parseInt(b));\n  }\n  return array;\n};\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAEhC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAE/B,SAAS,6BAA6B;AACtC,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,8BAA8B;AAGvC,MAAM,qBAAqB,GAAG,gBAAgB,SAAS;AAEvD,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AAEf,MAAM,oCAAoC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB;AACF,MAE0C;AACxC,QAAM,kBAAkB,eAAe,YAAY,KAAK;AACxD,SAAO,MAAM,oCAAC,aAAK,eAAgB;AACrC;AAEO,MAAM,iBAAiB,CAAC,YAAiD;AAAA,EAC9E,MAAM,gBAAgB;AAAA,EACtB,QAAQ,CAAC;AAAA,EACT,kBAAkB,CAAC;AAAA,EACnB,kBAAkB,CAAC,iBAAiB;AAAA,EACpC,kBAAkB,CAAC,SAAS,MAAM,CAAC;AAAA,EACnC,WAAW;AAAA,IACT,eAAe;AAAA,MACb,MAAM,GAAG,gBAAgB,SAAS;AAAA,MAClC,aAAa;AAAA,MACb,MAAM,EAAE,OAAO,cAAc,SAAS,aAAa;AAAA,MACnD,QAAQ,EAAE,eAAe,GAAG;AAC1B,cAAM,kBAAkB,eAAe,YAAY;AACnD,cAAM,cAAc,mBAAmB,SAAS,iBAAiB,EAAE,IAAI;AACvE,YAAI,aAAa;AACf,yBAAe,iBAAiB,sBAAsB;AAAA,YACpD,UAAU,YAAY,SAAS;AAAA,UACjC,CAAC;AAAA,QACH;AACA,eAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,MACT,qBAAqB;AAAA,IACvB,CAAC;AAAA,IACD,eAAe;AAAA,MACb,MAAM,GAAG,gBAAgB,SAAS;AAAA,MAClC,aAAa;AAAA,MACb,MAAM,EAAE,OAAO,cAAc,SAAS,aAAa;AAAA,MACnD,QAAQ,EAAE,eAAe,GAAG;AAC1B,cAAM,kBAAkB,eAAe,YAAY;AACnD,cAAM,cAAc,mBAAmB,SAAS,iBAAiB,EAAE,IAAI;AACvE,YAAI,aAAa;AACf,yBAAe,iBAAiB,sBAAsB;AAAA,YACpD,UAAU,YAAY,SAAS;AAAA,UACjC,CAAC;AAAA,QACH;AACA,eAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,MACT,qBAAqB;AAAA,IACvB,CAAC;AAAA,EACH;AAAA,EACA,aAAa;AAAA,IACX,iBAAiB;AAAA,MACf,IAAI,gBAAgB;AAAA,MACpB,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU,iBAAe,oCAAC,kBAAe,aAA0B;AAAA,QACnE,WAAW;AAAA,QACX,mBAAmB,CAAC,EAAE,gBAAgB,OAAO,MAAM;AACjD,gBAAM,mBAAmB,gBAAgB,YAAY,KAAK;AAC1D,gBAAM,kBAAkB;AAAA,YACtB,CAAC,GAAG,iCAAiC;AAAA,YACrC;AAAA,UACF;AAEA,iBAAO;AAAA,YACL,iBAAiB,gBAAgB,IAAI,CAAAA,eAAa;AAAA,cAChD,IAAIA;AAAA,cACJ,UAAU,6BAA6BA,SAAQ;AAAA,cAC/C,OAAOA;AAAA,YACT,EAAE;AAAA,YACF,UAAU,CAACA,cAAkB;AAC3B,oBAAM,gBAAgB,KAAK;AAAA,gBACzB,KAAK,IAAI,eAAe,SAASA,SAAQ,CAAC;AAAA,gBAC1C;AAAA,cACF;AACA,6BAAe,iBAAiB,sBAAsB;AAAA,gBACpD,UAAU,GAAG,aAAa;AAAA,cAC5B,CAAC;AAAA,YACH;AAAA,YACA,YAAY;AAAA,YACZ,YAAY,MAAM,OAAO,WAAW,kBAAkB;AAAA,UACxD;AAAA,QACF;AAAA,MACF;AAAA,MACA,SACE,CAAC;AAAA,QACC,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,MACA,MAAM;AACJ,YAAI,CAAC,gBAAgB;AACnB,iBAAO;AAAA,QACT;AAEA,eAAO,YAAY,kBAAkB,IACjC,OAAO,WAAW,kBAAkB,IACpC,OAAO,UAAU;AAAA,UACf,IAAI;AAAA,UACJ,WAAW;AAAA,UACX;AAAA,UACA,aAAa;AAAA,YACX,WAAW;AAAA,YACX;AAAA,UACF;AAAA,UACA,QAAQ,WAAW,WAAW,mBAAmB,aAAa;AAAA,UAC9D,qBAAqB;AAAA;AAAA;AAAA,UAGrB,oBAAoB,sBAAsB;AAAA,QAC5C,CAAC;AACL,eAAO;AAAA,MACT;AAAA,MACF,YAAY;AAAA,QACV,SAAS;AAAA,QACT,kBAAkB;AAAA,QAClB,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEA,MAAM,eAAe,CAAC,OAAiB,UAAkB;AACvD,MAAI,CAAC,MAAM,SAAS,KAAK,KAAK,UAAU,IAAI;AAC1C,UAAM,KAAK,KAAK;AAChB,UAAM,KAAK,CAAC,GAAG,MAAM,SAAS,CAAC,IAAI,SAAS,CAAC,CAAC;AAAA,EAChD;AACA,SAAO;AACT;",
+  "sourcesContent": ["import React from 'react';\n\nimport { RICOS_FONT_SIZE_TYPE } from './../../ricos-content/index.js';\nimport { Decoration_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { EditorPlugin, PublicCommands } from './../../ricos-types/index.js';\nimport { createShortcut } from './../../ricos-types/index.js';\nimport { createTextButton } from './../../_shared/create-text-button.js';\nimport type { FontSizeCommonConfig } from './../../_shared/format-font-size.js';\nimport { getFontSizeInSelection } from './../../_shared/resolvers/get-font-size-in-selection.js';\nimport { isAlwaysVisible } from './../../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../../_shared/resolvers/is-node-selected.js';\nimport { FontSizeButton } from './../../toolbars-v3/components/buttons/FontSizeButton/font-size-button.js';\n\nimport { TEXT_BUTTON_FONT_SIZE } from './data-hooks.js';\nimport { fontSize } from './extension.js';\nimport { fontSizeConverter } from './font-size-converter.js';\nimport { FontSizePanelComponent } from './font-size-panel-component.js';\n\nconst FONT_SIZE_MODAL_ID = `${Decoration_Type.FONT_SIZE}.modal`;\n\nconst MAX_FONT_SIZE = 900;\nconst MIN_FONT_SIZE = 1;\n\nexport const DEFAULT_FONTSIZE_DROPDOWN_OPTIONS = [\n  '6',\n  '8',\n  '10',\n  '12',\n  '14',\n  '16',\n  '18',\n  '20',\n  '24',\n  '30',\n  '36',\n  '48',\n  '64',\n  '72',\n  '96',\n];\n\nconst getFontSize = ({\n  publicCommands,\n}: {\n  publicCommands: PublicCommands;\n}): ((props: $TSFixMe) => JSX.Element) => {\n  const currentFontSize = publicCommands.getFontSize() || '';\n  return () => <div>{currentFontSize}</div>;\n};\n\nexport const pluginFontSize = (config?: FontSizeCommonConfig): EditorPlugin => ({\n  type: Decoration_Type.FONT_SIZE,\n  config: {},\n  pmNodeConverters: [],\n  pmMarkConverters: [fontSizeConverter],\n  tiptapExtensions: [fontSize(config)],\n  shortcuts: [\n    createShortcut({\n      name: `${Decoration_Type.FONT_SIZE}.increase`,\n      description: 'ShortcutsSheet_Formatting_IncreaseFontSize',\n      keys: { macOs: 'Meta+Alt+.', windows: 'Ctrl+Alt+.' },\n      command({ publicCommands }) {\n        const currentFontSize = publicCommands.getFontSize();\n        const newFontSize = currentFontSize && parseInt(currentFontSize, 10) + 1;\n        if (newFontSize) {\n          publicCommands.insertDecoration(RICOS_FONT_SIZE_TYPE, {\n            fontSize: newFontSize.toString(),\n          });\n        }\n        return 'continue';\n      },\n      group: 'ShortcutsSheet_Section_Formatting',\n      enabled: true,\n      showInShortcutSheet: true,\n    }),\n    createShortcut({\n      name: `${Decoration_Type.FONT_SIZE}.decrease`,\n      description: 'ShortcutsSheet_Formatting_DecreaseFontSize',\n      keys: { macOs: 'Meta+Alt+,', windows: 'Ctrl+Alt+,' },\n      command({ publicCommands }) {\n        const currentFontSize = publicCommands.getFontSize();\n        const newFontSize = currentFontSize && parseInt(currentFontSize, 10) - 1;\n        if (newFontSize) {\n          publicCommands.insertDecoration(RICOS_FONT_SIZE_TYPE, {\n            fontSize: newFontSize.toString(),\n          });\n        }\n        return 'continue';\n      },\n      group: 'ShortcutsSheet_Section_Formatting',\n      enabled: true,\n      showInShortcutSheet: true,\n    }),\n  ],\n  textButtons: [\n    createTextButton({\n      id: Decoration_Type.FONT_SIZE,\n      type: 'dropdown',\n      presentation: {\n        id: FONT_SIZE_MODAL_ID,\n        dataHook: TEXT_BUTTON_FONT_SIZE,\n        tooltip: 'FormattingToolbar_CustomFontSizeButton_Tooltip',\n        getIcon: getFontSize,\n        renderer: toolbarItem => <FontSizeButton toolbarItem={toolbarItem} />,\n        Component: FontSizePanelComponent,\n        getComponentProps: ({ publicCommands, modals }) => {\n          const selectedFontSize = publicCommands?.getFontSize() ?? '';\n          const dropdownOptions = insertSorted(\n            [...DEFAULT_FONTSIZE_DROPDOWN_OPTIONS],\n            selectedFontSize\n          );\n\n          return {\n            dropdownOptions: dropdownOptions.map(fontSize => ({\n              id: fontSize,\n              dataHook: `font-size-dropdown-option-${fontSize}`,\n              label: fontSize,\n            })),\n            onSelect: (fontSize: any) => {\n              const fontSizeValue = Math.min(\n                Math.max(MIN_FONT_SIZE, parseInt(fontSize)),\n                MAX_FONT_SIZE\n              );\n              publicCommands.insertDecoration(RICOS_FONT_SIZE_TYPE, {\n                fontSize: `${fontSizeValue}`,\n              });\n            },\n            selectedId: selectedFontSize,\n            closeModal: () => modals.closeModal(FONT_SIZE_MODAL_ID),\n          };\n        },\n      },\n      command:\n        ({\n          modalService: modals,\n          referenceElement,\n          focusReturnElement,\n          isMobile,\n          componentProps,\n        }) =>\n        () => {\n          if (!componentProps) {\n            return false;\n          }\n\n          modals.isModalOpen(FONT_SIZE_MODAL_ID)\n            ? modals.closeModal(FONT_SIZE_MODAL_ID)\n            : modals.openModal({\n                id: FONT_SIZE_MODAL_ID,\n                Component: FontSizePanelComponent,\n                componentProps,\n                positioning: {\n                  placement: 'bottom',\n                  referenceElement,\n                },\n                layout: isMobile ? 'drawer' : referenceElement ? 'floating' : 'dialog',\n                returnFocusToEditor: true,\n                // The positioning reference element is the button's wrapper div, which isn't\n                // focusable — without this, closing by keyboard would drop focus to <body>.\n                focusReturnElement: focusReturnElement ?? undefined,\n              });\n          return true;\n        },\n      attributes: {\n        visible: isAlwaysVisible,\n        selectedFontSize: getFontSizeInSelection,\n        disabled: isNodeSelected,\n      },\n    }),\n  ],\n});\n\nconst insertSorted = (array: string[], value: string) => {\n  if (!array.includes(value) && value !== '') {\n    array.push(value);\n    array.sort((a, b) => parseInt(a) - parseInt(b));\n  }\n  return array;\n};\n"],
+  "mappings": "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",
   "names": ["fontSize"]
 }

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

@@ -1,8 +1,8 @@
 import React from "react";
 import { Decoration_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1/index.js";
+import { formatFontSize } from "./../../_shared/format-font-size.js";
 const decorator = (element, fontSizeDecoration, config) => {
-  const { unit, value } = fontSizeDecoration.fontSizeData || {};
-  const fontSize = config?.overrideInlineFontSize && value ? config.overrideInlineFontSize(value?.toString() ?? "", unit) : `${value}${unit ? unit.toLowerCase() : "px"}`;
+  const fontSize = formatFontSize(fontSizeDecoration.fontSizeData || {}, config);
   return /* @__PURE__ */ React.createElement(
     "span",
     {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/font-size/viewer.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport type { Node } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Decoration_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { FontSizeDecoration, NodeViewDecorator } from './../../ricos-types/index.js';\n\nimport type { FontSizeCommonConfig } from './types.js';\n\nconst decorator = (\n  element: JSX.Element,\n  fontSizeDecoration: FontSizeDecoration,\n  config?: FontSizeCommonConfig\n) => {\n  const { unit, value } = fontSizeDecoration.fontSizeData || {};\n  const fontSize =\n    config?.overrideInlineFontSize && value\n      ? config.overrideInlineFontSize(value?.toString() ?? '', unit)\n      : `${value}${unit ? unit.toLowerCase() : 'px'}`;\n\n  return (\n    <span\n      key={`fontsize-${element.key}`}\n      style={{\n        fontSize,\n      }}\n    >\n      {element}\n    </span>\n  );\n};\n\nconst createFontSizeDecorator = (\n  config?: FontSizeCommonConfig\n): NodeViewDecorator<JSX.Element> => ({\n  rule: (node: Node) =>\n    !!node.textData?.decorations?.some(({ type }) => type === Decoration_Type.FONT_SIZE),\n  decorate: ({ element, node }) => {\n    const fontSizeDecoration = node.textData?.decorations?.find(\n      ({ type }) => type === Decoration_Type.FONT_SIZE\n    ) as FontSizeDecoration;\n    return decorator(element as JSX.Element, fontSizeDecoration, config);\n  },\n});\n\nexport { createFontSizeDecorator };\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,uBAAuB;AAKhC,MAAM,YAAY,CAChB,SACA,oBACA,WACG;AACH,QAAM,EAAE,MAAM,MAAM,IAAI,mBAAmB,gBAAgB,CAAC;AAC5D,QAAM,WACJ,QAAQ,0BAA0B,QAC9B,OAAO,uBAAuB,OAAO,SAAS,KAAK,IAAI,IAAI,IAC3D,GAAG,KAAK,GAAG,OAAO,KAAK,YAAY,IAAI,IAAI;AAEjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,YAAY,QAAQ,GAAG;AAAA,MAC5B,OAAO;AAAA,QACL;AAAA,MACF;AAAA;AAAA,IAEC;AAAA,EACH;AAEJ;AAEA,MAAM,0BAA0B,CAC9B,YACoC;AAAA,EACpC,MAAM,CAAC,SACL,CAAC,CAAC,KAAK,UAAU,aAAa,KAAK,CAAC,EAAE,KAAK,MAAM,SAAS,gBAAgB,SAAS;AAAA,EACrF,UAAU,CAAC,EAAE,SAAS,KAAK,MAAM;AAC/B,UAAM,qBAAqB,KAAK,UAAU,aAAa;AAAA,MACrD,CAAC,EAAE,KAAK,MAAM,SAAS,gBAAgB;AAAA,IACzC;AACA,WAAO,UAAU,SAAwB,oBAAoB,MAAM;AAAA,EACrE;AACF;",
+  "sourcesContent": ["import React from 'react';\n\nimport type { Node } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Decoration_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { FontSizeDecoration, NodeViewDecorator } from './../../ricos-types/index.js';\nimport { type FontSizeCommonConfig, formatFontSize } from './../../_shared/format-font-size.js';\n\nconst decorator = (\n  element: JSX.Element,\n  fontSizeDecoration: FontSizeDecoration,\n  config?: FontSizeCommonConfig\n) => {\n  const fontSize = formatFontSize(fontSizeDecoration.fontSizeData || {}, config);\n\n  return (\n    <span\n      key={`fontsize-${element.key}`}\n      style={{\n        fontSize,\n      }}\n    >\n      {element}\n    </span>\n  );\n};\n\nconst createFontSizeDecorator = (\n  config?: FontSizeCommonConfig\n): NodeViewDecorator<JSX.Element> => ({\n  rule: (node: Node) =>\n    !!node.textData?.decorations?.some(({ type }) => type === Decoration_Type.FONT_SIZE),\n  decorate: ({ element, node }) => {\n    const fontSizeDecoration = node.textData?.decorations?.find(\n      ({ type }) => type === Decoration_Type.FONT_SIZE\n    ) as FontSizeDecoration;\n    return decorator(element as JSX.Element, fontSizeDecoration, config);\n  },\n});\n\nexport { createFontSizeDecorator };\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,uBAAuB;AAEhC,SAAoC,sBAAsB;AAE1D,MAAM,YAAY,CAChB,SACA,oBACA,WACG;AACH,QAAM,WAAW,eAAe,mBAAmB,gBAAgB,CAAC,GAAG,MAAM;AAE7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,YAAY,QAAQ,GAAG;AAAA,MAC5B,OAAO;AAAA,QACL;AAAA,MACF;AAAA;AAAA,IAEC;AAAA,EACH;AAEJ;AAEA,MAAM,0BAA0B,CAC9B,YACoC;AAAA,EACpC,MAAM,CAAC,SACL,CAAC,CAAC,KAAK,UAAU,aAAa,KAAK,CAAC,EAAE,KAAK,MAAM,SAAS,gBAAgB,SAAS;AAAA,EACrF,UAAU,CAAC,EAAE,SAAS,KAAK,MAAM;AAC/B,UAAM,qBAAqB,KAAK,UAAU,aAAa;AAAA,MACrD,CAAC,EAAE,KAAK,MAAM,SAAS,gBAAgB;AAAA,IACzC;AACA,WAAO,UAAU,SAAwB,oBAAoB,MAAM;AAAA,EACrE;AACF;",
   "names": []
 }

package/dist/es/ricos-common-plugins/gap-spacer/gap-spacer-component/gap-spacer-styles-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "72c85e2a";
+var styleDataHash = "2ae0a04e";
 const injectCss = (() => {
-  var css = `.NBIfU,.Z-Y22{cursor:pointer;height:14px;margin:0;padding:0;pointer-events:auto;position:relative;width:100%}.NBIfU:not(._89pVJ):hover .qsJC8,.Z-Y22:not(._89pVJ):hover .qsJC8{opacity:1}.NBIfU._89pVJ,._89pVJ.Z-Y22{cursor:auto;height:0;pointer-events:none}.Z-Y22{cursor:none;pointer-events:none}.QQwLC .qsJC8{opacity:1}.qsJC8{background-color:#116dff;height:2px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:100%;z-index:1000000}.qsJC8:after,.qsJC8:before{background-color:#116dff;content:"";height:3px;left:0;opacity:.3;position:absolute;width:100%}.qsJC8:before{top:-3px}.qsJC8:after{bottom:-3px}.HTm-M{background:var(--wds-tooltip-background-fill,var(--wsr-color-D10,#000624));border-radius:var(--wds-tooltip-border-radius,8px);box-shadow:var(--wds-shadow-surface-overlay-dark,var(--wsr-shadow30,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));color:var(--wds-tooltip-text-fill,var(--wsr-color-D80,#fff));font-family:var(--wds-font-family-default,var(--wsr-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,"\\30E1\\30A4\\30EA\\30AA","meiryo","\\30D2\\30E9\\30AE\\30CE\\89D2\\30B4 pro w3","hiragino kaku gothic pro",sans-serif));font-size:var(--wds-font-size-body-tiny,var(--wsr-text-font-size-tiny,12px));font-weight:var(--wds-font-weight-regular,var(--wsr-font-weight-regular,400));letter-spacing:var(--wds-font-letter-spacing-0,unset);line-height:var(--wds-font-line-height-body-tiny,var(--wsr-text-line-height-tiny,15px));padding:var(--wds-tooltip-padding-vertical-small,8px) var(--wds-tooltip-padding-horizontal-small,12px) var(--wds-tooltip-padding-vertical-small,7px);position:absolute;word-wrap:break-word;border:none;max-width:180px;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-100%) scale(.8);transition:opacity .15s ease-out,transform .15s ease-out;word-break:break-word;z-index:1000000}.i8d2F{display:none}@supports not (contain:inline-size){@media only screen and (max-width:480px){.i8d2F{display:block}}}@container (width < 480px){.i8d2F:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){display:block}}@media (width < 480px){.i8d2F:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .i8d2F{display:block}}.iqkFn{margin-top:14px}`;
+  var css = `.DUKfj,.r6a8T{cursor:pointer;height:14px;margin:0;padding:0;pointer-events:auto;position:relative;width:100%}.DUKfj:not(.TTOCf):hover .baYQU,.r6a8T:not(.TTOCf):hover .baYQU{opacity:1}.DUKfj.TTOCf,.TTOCf.r6a8T{cursor:auto;height:0;pointer-events:none}.r6a8T{cursor:none;pointer-events:none}.ALw9x .baYQU{opacity:1}.baYQU{background-color:#116dff;height:2px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:100%;z-index:1000000}.baYQU:after,.baYQU:before{background-color:#116dff;content:"";height:3px;left:0;opacity:.3;position:absolute;width:100%}.baYQU:before{top:-3px}.baYQU:after{bottom:-3px}._9MC2U{background:var(--wds-tooltip-background-fill,var(--wsr-color-D10,#000624));border-radius:var(--wds-tooltip-border-radius,8px);box-shadow:var(--wds-shadow-surface-overlay-dark,var(--wsr-shadow30,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));color:var(--wds-tooltip-text-fill,var(--wsr-color-D80,#fff));font-family:var(--wds-font-family-default,var(--wsr-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,"\\30E1\\30A4\\30EA\\30AA","meiryo","\\30D2\\30E9\\30AE\\30CE\\89D2\\30B4 pro w3","hiragino kaku gothic pro",sans-serif));font-size:var(--wds-font-size-body-tiny,var(--wsr-text-font-size-tiny,12px));font-weight:var(--wds-font-weight-regular,var(--wsr-font-weight-regular,400));letter-spacing:var(--wds-font-letter-spacing-0,unset);line-height:var(--wds-font-line-height-body-tiny,var(--wsr-text-line-height-tiny,15px));padding:var(--wds-tooltip-padding-vertical-small,8px) var(--wds-tooltip-padding-horizontal-small,12px) var(--wds-tooltip-padding-vertical-small,7px);position:absolute;word-wrap:break-word;border:none;max-width:180px;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-100%) scale(.8);transition:opacity .15s ease-out,transform .15s ease-out;word-break:break-word;z-index:1000000}.Zhfu9{display:none}@supports not (contain:inline-size){@media only screen and (max-width:480px){.Zhfu9{display:block}}}@container (width < 480px){.Zhfu9:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){display:block}}@media (width < 480px){.Zhfu9:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .Zhfu9{display:block}}._03Xy5{margin-top:14px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,14 +21,14 @@ const injectCss = (() => {
 });
 injectCss();
 var gap_spacer_styles_default = {
-  "gapSpacerContainer": "NBIfU",
-  "gapSpacerViewer": "Z-Y22",
-  "collapsed": "_89pVJ",
-  "gapSpacerLine": "qsJC8",
-  "gapSpacerFocused": "QQwLC",
-  "gapSpacerTooltip": "HTm-M",
-  "betweenFloated": "i8d2F",
-  "withTopMargin": "iqkFn"
+  "gapSpacerContainer": "DUKfj",
+  "gapSpacerViewer": "r6a8T",
+  "collapsed": "TTOCf",
+  "gapSpacerLine": "baYQU",
+  "gapSpacerFocused": "ALw9x",
+  "gapSpacerTooltip": "_9MC2U",
+  "betweenFloated": "Zhfu9",
+  "withTopMargin": "_03Xy5"
 };
 export {
   gap_spacer_styles_default as default,

package/dist/es/ricos-common-plugins/gap-spacer/gap-spacer-component/gap-spacer-styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ricos-common-plugins/gap-spacer/gap-spacer-component/gap-spacer-styles.scss"],
-  "sourcesContent": ["var styleDataHash = '72c85e2a';  \nexport const injectCss = (() => {\n  var css = `.NBIfU,.Z-Y22{cursor:pointer;height:14px;margin:0;padding:0;pointer-events:auto;position:relative;width:100%}.NBIfU:not(._89pVJ):hover .qsJC8,.Z-Y22:not(._89pVJ):hover .qsJC8{opacity:1}.NBIfU._89pVJ,._89pVJ.Z-Y22{cursor:auto;height:0;pointer-events:none}.Z-Y22{cursor:none;pointer-events:none}.QQwLC .qsJC8{opacity:1}.qsJC8{background-color:#116dff;height:2px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:100%;z-index:1000000}.qsJC8:after,.qsJC8:before{background-color:#116dff;content:\"\";height:3px;left:0;opacity:.3;position:absolute;width:100%}.qsJC8:before{top:-3px}.qsJC8:after{bottom:-3px}.HTm-M{background:var(--wds-tooltip-background-fill,var(--wsr-color-D10,#000624));border-radius:var(--wds-tooltip-border-radius,8px);box-shadow:var(--wds-shadow-surface-overlay-dark,var(--wsr-shadow30,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));color:var(--wds-tooltip-text-fill,var(--wsr-color-D80,#fff));font-family:var(--wds-font-family-default,var(--wsr-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,\"\\\\30E1\\\\30A4\\\\30EA\\\\30AA\",\"meiryo\",\"\\\\30D2\\\\30E9\\\\30AE\\\\30CE\\\\89D2\\\\30B4 pro w3\",\"hiragino kaku gothic pro\",sans-serif));font-size:var(--wds-font-size-body-tiny,var(--wsr-text-font-size-tiny,12px));font-weight:var(--wds-font-weight-regular,var(--wsr-font-weight-regular,400));letter-spacing:var(--wds-font-letter-spacing-0,unset);line-height:var(--wds-font-line-height-body-tiny,var(--wsr-text-line-height-tiny,15px));padding:var(--wds-tooltip-padding-vertical-small,8px) var(--wds-tooltip-padding-horizontal-small,12px) var(--wds-tooltip-padding-vertical-small,7px);position:absolute;word-wrap:break-word;border:none;max-width:180px;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-100%) scale(.8);transition:opacity .15s ease-out,transform .15s ease-out;word-break:break-word;z-index:1000000}.i8d2F{display:none}@supports not (contain:inline-size){@media only screen and (max-width:480px){.i8d2F{display:block}}}@container (width < 480px){.i8d2F:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){display:block}}@media (width < 480px){.i8d2F:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .i8d2F{display:block}}.iqkFn{margin-top:14px}`;\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  \"gapSpacerContainer\": \"NBIfU\",\n  \"gapSpacerViewer\": \"Z-Y22\",\n  \"collapsed\": \"_89pVJ\",\n  \"gapSpacerLine\": \"qsJC8\",\n  \"gapSpacerFocused\": \"QQwLC\",\n  \"gapSpacerTooltip\": \"HTm-M\",\n  \"betweenFloated\": \"i8d2F\",\n  \"withTopMargin\": \"iqkFn\"\n};"],
+  "sourcesContent": ["var styleDataHash = '2ae0a04e';  \nexport const injectCss = (() => {\n  var css = `.DUKfj,.r6a8T{cursor:pointer;height:14px;margin:0;padding:0;pointer-events:auto;position:relative;width:100%}.DUKfj:not(.TTOCf):hover .baYQU,.r6a8T:not(.TTOCf):hover .baYQU{opacity:1}.DUKfj.TTOCf,.TTOCf.r6a8T{cursor:auto;height:0;pointer-events:none}.r6a8T{cursor:none;pointer-events:none}.ALw9x .baYQU{opacity:1}.baYQU{background-color:#116dff;height:2px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:100%;z-index:1000000}.baYQU:after,.baYQU:before{background-color:#116dff;content:\"\";height:3px;left:0;opacity:.3;position:absolute;width:100%}.baYQU:before{top:-3px}.baYQU:after{bottom:-3px}._9MC2U{background:var(--wds-tooltip-background-fill,var(--wsr-color-D10,#000624));border-radius:var(--wds-tooltip-border-radius,8px);box-shadow:var(--wds-shadow-surface-overlay-dark,var(--wsr-shadow30,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));color:var(--wds-tooltip-text-fill,var(--wsr-color-D80,#fff));font-family:var(--wds-font-family-default,var(--wsr-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,\"\\\\30E1\\\\30A4\\\\30EA\\\\30AA\",\"meiryo\",\"\\\\30D2\\\\30E9\\\\30AE\\\\30CE\\\\89D2\\\\30B4 pro w3\",\"hiragino kaku gothic pro\",sans-serif));font-size:var(--wds-font-size-body-tiny,var(--wsr-text-font-size-tiny,12px));font-weight:var(--wds-font-weight-regular,var(--wsr-font-weight-regular,400));letter-spacing:var(--wds-font-letter-spacing-0,unset);line-height:var(--wds-font-line-height-body-tiny,var(--wsr-text-line-height-tiny,15px));padding:var(--wds-tooltip-padding-vertical-small,8px) var(--wds-tooltip-padding-horizontal-small,12px) var(--wds-tooltip-padding-vertical-small,7px);position:absolute;word-wrap:break-word;border:none;max-width:180px;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-100%) scale(.8);transition:opacity .15s ease-out,transform .15s ease-out;word-break:break-word;z-index:1000000}.Zhfu9{display:none}@supports not (contain:inline-size){@media only screen and (max-width:480px){.Zhfu9{display:block}}}@container (width < 480px){.Zhfu9:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){display:block}}@media (width < 480px){.Zhfu9:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .Zhfu9{display:block}}._03Xy5{margin-top:14px}`;\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  \"gapSpacerContainer\": \"DUKfj\",\n  \"gapSpacerViewer\": \"r6a8T\",\n  \"collapsed\": \"TTOCf\",\n  \"gapSpacerLine\": \"baYQU\",\n  \"gapSpacerFocused\": \"ALw9x\",\n  \"gapSpacerTooltip\": \"_9MC2U\",\n  \"betweenFloated\": \"Zhfu9\",\n  \"withTopMargin\": \"_03Xy5\"\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,4BAAQ;AAAA,EACb,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,iBAAiB;AACnB;",
   "names": []
 }