@wix/ricos 11.22.0 → 11.23.0

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

@@ -22,14 +22,16 @@ __export(list_item_sizing_exports, {
 });
 module.exports = __toCommonJS(list_item_sizing_exports);
 var import_v1 = require("./../../ricos-schema/legacy/wix/rich_content/v1/index.js");
+var import_get_list_marker_style = require("./../../_shared/get-list-marker-style.js");
 var import_get_px_font_size = require("./../../_shared/get-px-font-size.js");
 var import_get_block_default_font_size = require("./../../_shared/list-checkbox/get-block-default-font-size.js");
 var import_state = require("./../../tiptap/pm/state.js");
 var import_view = require("./../../tiptap/pm/view.js");
 var import_block_font_size = require("../font-size/block-font-size.js");
+var import_list_marker_selection = require("../list-item/list-marker-selection.js");
 var import_header_names = require("../title/header-names.js");
 var import_only_changes_unrelated_attrs = require("../transaction-predicates/only-changes-unrelated-attrs.js");
-const RELEVANT_ATTRS = /* @__PURE__ */ new Set(["level", "fontSize"]);
+const RELEVANT_ATTRS = /* @__PURE__ */ new Set(["level", "fontSize", "markerStyle"]);
 const createListItemSizingDecorationPlugin = () => {
   const key = new import_state.PluginKey("list-item-sizing");
   return new import_state.Plugin({
@@ -89,6 +91,16 @@ const buildListItemSizingDecorations = (doc) => {
         })
       );
     }
+    const markerStyle = Object.entries(
+      (0, import_get_list_marker_style.getListMarkerStyle)({ ...(0, import_list_marker_selection.getContentMarkerStyle)(node), ...node.attrs.markerStyle })
+    );
+    if (markerStyle.length) {
+      decorations.push(
+        import_view.Decoration.node(pos, pos + node.nodeSize, {
+          style: markerStyle.map(([property, value]) => `${property}: ${value}`).join("; ")
+        })
+      );
+    }
   });
   return import_view.DecorationSet.create(doc, decorations);
 };

package/dist/cjs/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 { 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;AAAA;AAAA;AAAA;AAAA;AAAA,gBAA0B;AAC1B,8BAA8B;AAC9B,yCAAwC;AAExC,mBAAkC;AAClC,kBAA0C;AAE1C,6BAAgC;AAEhC,0BAA6B;AAC7B,0CAA0C;AAK1C,MAAM,iBAAsC,oBAAI,IAAI,CAAC,SAAS,UAAU,CAAC;AAiBlE,MAAM,uCAAuC,MAAM;AACxD,QAAM,MAAM,IAAI,uBAAyB,kBAAkB;AAE3D,SAAO,IAAI,oBAAsB;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,gBAAI,+DAA0B,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,WACf,wCAAgB,UAAU,YAAY,KAAK,GAAG,YAC9C,uCAAc,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,oBAAU,WAAW;AAC1C;AAAA,IACF;AAEA,UAAM,uBAAuB,KAAK;AAClC,UAAM,eACJ,sBAAsB,KAAK,SAAS,oBAAU,UAC1C,sBAAsB,MAAM,SAAS,IACrC;AAIN,UAAM,gBAAgB,iBAAiB,oBAAoB;AAC3D,QAAI,eAAe;AAKjB,YAAM,eAAe,oBAAgB,4DAAwB,YAAY;AACzE,kBAAY;AAAA,QACV,uBAAW,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,uBAAW,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA,UACxC,sBAAsB,SAAS,iCAAa,eAAe,CAAC,CAAC;AAAA,QAC/D,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,0BAAc,OAAO,KAAK,WAAW;AAC9C;",
+  "sourcesContent": ["import { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { getListMarkerStyle } from './../../_shared/get-list-marker-style.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 { getContentMarkerStyle } from '../list-item/list-marker-selection.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 the list item's `attrs.markerStyle`, and heading `attrs.level` and the\n// block `attrs.fontSize` on its 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', 'markerStyle']);\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 * - a `data-heading-level` attribute (so a heading-first list item gets\n *   heading styles),\n * - and/or the marker's style: its own over the style its whole text shares (see\n *   `getListMarkerStyle`).\n *\n * No `reuseWhen`: the decoration value depends on the first child's type and\n * its text nodes' marks, which inline-text edits can change (pasting marked\n * text in front of an unmarked first character, typing that changes the first\n * mark, styling the whole text, etc.). Cache is still used across\n * selection-only 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    const markerStyle = Object.entries(\n      getListMarkerStyle({ ...getContentMarkerStyle(node), ...node.attrs.markerStyle })\n    );\n    if (markerStyle.length) {\n      decorations.push(\n        Decoration.node(pos, pos + node.nodeSize, {\n          style: markerStyle.map(([property, value]) => `${property}: ${value}`).join('; '),\n        })\n      );\n    }\n  });\n\n  return DecorationSet.create(doc, decorations);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAA0B;AAC1B,mCAAmC;AACnC,8BAA8B;AAC9B,yCAAwC;AAExC,mBAAkC;AAClC,kBAA0C;AAE1C,6BAAgC;AAChC,mCAAsC;AAEtC,0BAA6B;AAC7B,0CAA0C;AAK1C,MAAM,iBAAsC,oBAAI,IAAI,CAAC,SAAS,YAAY,aAAa,CAAC;AAmBjF,MAAM,uCAAuC,MAAM;AACxD,QAAM,MAAM,IAAI,uBAAyB,kBAAkB;AAE3D,SAAO,IAAI,oBAAsB;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,gBAAI,+DAA0B,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,WACf,wCAAgB,UAAU,YAAY,KAAK,GAAG,YAC9C,uCAAc,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,oBAAU,WAAW;AAC1C;AAAA,IACF;AAEA,UAAM,uBAAuB,KAAK;AAClC,UAAM,eACJ,sBAAsB,KAAK,SAAS,oBAAU,UAC1C,sBAAsB,MAAM,SAAS,IACrC;AAIN,UAAM,gBAAgB,iBAAiB,oBAAoB;AAC3D,QAAI,eAAe;AAKjB,YAAM,eAAe,oBAAgB,4DAAwB,YAAY;AACzE,kBAAY;AAAA,QACV,uBAAW,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,uBAAW,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA,UACxC,sBAAsB,SAAS,iCAAa,eAAe,CAAC,CAAC;AAAA,QAC/D,CAAC;AAAA,MACH;AAAA,IACF;AAEA,UAAM,cAAc,OAAO;AAAA,UACzB,iDAAmB,EAAE,OAAG,oDAAsB,IAAI,GAAG,GAAG,KAAK,MAAM,YAAY,CAAC;AAAA,IAClF;AACA,QAAI,YAAY,QAAQ;AACtB,kBAAY;AAAA,QACV,uBAAW,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA,UACxC,OAAO,YAAY,IAAI,CAAC,CAAC,UAAU,KAAK,MAAM,GAAG,QAAQ,KAAK,KAAK,EAAE,EAAE,KAAK,IAAI;AAAA,QAClF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,0BAAc,OAAO,KAAK,WAAW;AAC9C;",
   "names": []
 }

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

@@ -27,6 +27,7 @@ var import_format_font_size = require("./../../_shared/format-font-size.js");
 var import_core = require("./../../tiptap/core/index.js");
 var import_state = require("./../../tiptap/pm/state.js");
 var import_view = require("./../../tiptap/pm/view.js");
+var import_list_marker_selection = require("../list-item/list-marker-selection.js");
 var import_block_font_size = require("./block-font-size.js");
 const createBlockFontSizePlugin = (config) => {
   const key = new import_state.PluginKey("block-font-size");
@@ -118,7 +119,7 @@ const leftBlockType = (oldState, cursorBlock, transform) => {
 const findEmptyCursorBlock = ({
   selection
 }) => {
-  if (!selection.empty) {
+  if (!selection.empty || selection instanceof import_list_marker_selection.ListMarkerSelection) {
     return void 0;
   }
   const { parent } = selection.$from;

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

@@ -1,7 +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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",
+  "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 { ListMarkerSelection } from '../list-item/list-marker-selection.js';\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  // A marker selection's stored marks are the marker's style, not the block's.\n  if (!selection.empty || selection instanceof ListMarkerSelection) {\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/cjs/ricos-common-plugins/font-size/dropdown/font-size-dropdown-scss.js

@@ -22,6 +22,6 @@ __export(font_size_dropdown_exports, {
 });
 module.exports = __toCommonJS(font_size_dropdown_exports);
 var font_size_dropdown_default = {
-  "dropdown": "_18KTQ"
+  "dropdown": "ojZvT"
 };
 //# sourceMappingURL=font-size-dropdown-scss.js.map

package/dist/cjs/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": ["export default {\n  \"dropdown\": \"_18KTQ\"\n};"],
+  "sourcesContent": ["export default {\n  \"dropdown\": \"ojZvT\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,6BAAQ;AAAA,EACb,YAAY;AACd;",
   "names": []
 }

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

@@ -22,13 +22,13 @@ __export(gap_spacer_styles_exports, {
 });
 module.exports = __toCommonJS(gap_spacer_styles_exports);
 var gap_spacer_styles_default = {
-  "gapSpacerContainer": "u9tWd",
-  "gapSpacerViewer": "ufTTK",
-  "collapsed": "rHRUK",
-  "gapSpacerLine": "JPYef",
-  "gapSpacerFocused": "_7Z4hq",
-  "gapSpacerTooltip": "ZTWYS",
-  "betweenFloated": "_14CJn",
-  "withTopMargin": "mrDgD"
+  "gapSpacerContainer": "CmNVL",
+  "gapSpacerViewer": "_85-0d",
+  "collapsed": "UtkpX",
+  "gapSpacerLine": "iqtdZ",
+  "gapSpacerFocused": "LXJNd",
+  "gapSpacerTooltip": "_3lPtz",
+  "betweenFloated": "cWG92",
+  "withTopMargin": "Po-BY"
 };
 //# sourceMappingURL=gap-spacer-styles-scss.js.map

package/dist/cjs/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": ["export default {\n  \"gapSpacerContainer\": \"u9tWd\",\n  \"gapSpacerViewer\": \"ufTTK\",\n  \"collapsed\": \"rHRUK\",\n  \"gapSpacerLine\": \"JPYef\",\n  \"gapSpacerFocused\": \"_7Z4hq\",\n  \"gapSpacerTooltip\": \"ZTWYS\",\n  \"betweenFloated\": \"_14CJn\",\n  \"withTopMargin\": \"mrDgD\"\n};"],
+  "sourcesContent": ["export default {\n  \"gapSpacerContainer\": \"CmNVL\",\n  \"gapSpacerViewer\": \"_85-0d\",\n  \"collapsed\": \"UtkpX\",\n  \"gapSpacerLine\": \"iqtdZ\",\n  \"gapSpacerFocused\": \"LXJNd\",\n  \"gapSpacerTooltip\": \"_3lPtz\",\n  \"betweenFloated\": \"cWG92\",\n  \"withTopMargin\": \"Po-BY\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,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": []
 }

package/dist/cjs/ricos-common-plugins/layout/layouts-scss.js

@@ -22,38 +22,38 @@ __export(layouts_exports, {
 });
 module.exports = __toCommonJS(layouts_exports);
 var layouts_default = {
-  "sectionDividerClip": "fGySc",
-  "sectionDivider": "gJbC5",
-  "sectionDividerTop": "ZlH1B",
-  "sectionDividerBottom": "mbQfT",
-  "layoutWrapper": "_2hEBU",
-  "withVerticalResize": "dyS04",
-  "cell": "hIoPS",
-  "cellContent": "_1RZ4g",
-  "breakoutMargin": "Op-26",
-  "layoutHandlerWrapper": "_6JmnB",
-  "layoutContainer": "k8eQt",
-  "layout": "-kglS",
-  "layoutSelected": "OCcYb",
-  "dragging": "E9VVp",
-  "resizing": "KUC93",
-  "inLayout": "NC-1P",
-  "layoutHandler": "_1yrFl",
-  "bannerMargin": "kQ1lV",
-  "dropCursor": "hGb5r",
-  "disabled": "P9adx",
-  "resizeHandler": "TKPSi",
-  "columnHandlerContainer": "_4Mqcv",
-  "paywall": "AsoHU",
-  "paywallDivider": "Oca1l",
-  "paywallDividerLabel": "z7g2X",
-  "paywallDividerIcon": "I0xKQ",
-  "designOnLayout": "L2WbI",
-  "designOnCell": "_37Xd6",
-  "mobile": "BVCHR",
-  "invalidLeft": "a227I",
-  "invalidRight": "dJ3l8",
-  "draggingOver": "ke7NY",
-  "cellSelected": "l1-S5"
+  "sectionDividerClip": "_7HZHW",
+  "sectionDivider": "JqNJ2",
+  "sectionDividerTop": "_6hBcD",
+  "sectionDividerBottom": "zKNt4",
+  "layoutWrapper": "_-6HxG",
+  "withVerticalResize": "Z0zAT",
+  "cell": "_3ox6k",
+  "cellContent": "Gew0m",
+  "breakoutMargin": "CnxtZ",
+  "layoutHandlerWrapper": "k8uBt",
+  "layoutContainer": "-OI6X",
+  "layout": "ymRo2",
+  "layoutSelected": "S-jIt",
+  "dragging": "AtpCE",
+  "resizing": "qEsBI",
+  "inLayout": "sJz83",
+  "layoutHandler": "MurXI",
+  "bannerMargin": "u9EF-",
+  "dropCursor": "g00wD",
+  "disabled": "ws3vK",
+  "resizeHandler": "VNMW-",
+  "columnHandlerContainer": "_7iJWg",
+  "paywall": "kxdM9",
+  "paywallDivider": "dEoY1",
+  "paywallDividerLabel": "CcWpz",
+  "paywallDividerIcon": "_1Jc1T",
+  "designOnLayout": "yLGsI",
+  "designOnCell": "KyOFX",
+  "mobile": "_495KW",
+  "invalidLeft": "tPfD8",
+  "invalidRight": "BHHjf",
+  "draggingOver": "_14mdi",
+  "cellSelected": "bpRKi"
 };
 //# sourceMappingURL=layouts-scss.js.map

package/dist/cjs/ricos-common-plugins/layout/layouts-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/layout/layouts.scss"],
-  "sourcesContent": ["export default {\n  \"sectionDividerClip\": \"fGySc\",\n  \"sectionDivider\": \"gJbC5\",\n  \"sectionDividerTop\": \"ZlH1B\",\n  \"sectionDividerBottom\": \"mbQfT\",\n  \"layoutWrapper\": \"_2hEBU\",\n  \"withVerticalResize\": \"dyS04\",\n  \"cell\": \"hIoPS\",\n  \"cellContent\": \"_1RZ4g\",\n  \"breakoutMargin\": \"Op-26\",\n  \"layoutHandlerWrapper\": \"_6JmnB\",\n  \"layoutContainer\": \"k8eQt\",\n  \"layout\": \"-kglS\",\n  \"layoutSelected\": \"OCcYb\",\n  \"dragging\": \"E9VVp\",\n  \"resizing\": \"KUC93\",\n  \"inLayout\": \"NC-1P\",\n  \"layoutHandler\": \"_1yrFl\",\n  \"bannerMargin\": \"kQ1lV\",\n  \"dropCursor\": \"hGb5r\",\n  \"disabled\": \"P9adx\",\n  \"resizeHandler\": \"TKPSi\",\n  \"columnHandlerContainer\": \"_4Mqcv\",\n  \"paywall\": \"AsoHU\",\n  \"paywallDivider\": \"Oca1l\",\n  \"paywallDividerLabel\": \"z7g2X\",\n  \"paywallDividerIcon\": \"I0xKQ\",\n  \"designOnLayout\": \"L2WbI\",\n  \"designOnCell\": \"_37Xd6\",\n  \"mobile\": \"BVCHR\",\n  \"invalidLeft\": \"a227I\",\n  \"invalidRight\": \"dJ3l8\",\n  \"draggingOver\": \"ke7NY\",\n  \"cellSelected\": \"l1-S5\"\n};"],
+  "sourcesContent": ["export default {\n  \"sectionDividerClip\": \"_7HZHW\",\n  \"sectionDivider\": \"JqNJ2\",\n  \"sectionDividerTop\": \"_6hBcD\",\n  \"sectionDividerBottom\": \"zKNt4\",\n  \"layoutWrapper\": \"_-6HxG\",\n  \"withVerticalResize\": \"Z0zAT\",\n  \"cell\": \"_3ox6k\",\n  \"cellContent\": \"Gew0m\",\n  \"breakoutMargin\": \"CnxtZ\",\n  \"layoutHandlerWrapper\": \"k8uBt\",\n  \"layoutContainer\": \"-OI6X\",\n  \"layout\": \"ymRo2\",\n  \"layoutSelected\": \"S-jIt\",\n  \"dragging\": \"AtpCE\",\n  \"resizing\": \"qEsBI\",\n  \"inLayout\": \"sJz83\",\n  \"layoutHandler\": \"MurXI\",\n  \"bannerMargin\": \"u9EF-\",\n  \"dropCursor\": \"g00wD\",\n  \"disabled\": \"ws3vK\",\n  \"resizeHandler\": \"VNMW-\",\n  \"columnHandlerContainer\": \"_7iJWg\",\n  \"paywall\": \"kxdM9\",\n  \"paywallDivider\": \"dEoY1\",\n  \"paywallDividerLabel\": \"CcWpz\",\n  \"paywallDividerIcon\": \"_1Jc1T\",\n  \"designOnLayout\": \"yLGsI\",\n  \"designOnCell\": \"KyOFX\",\n  \"mobile\": \"_495KW\",\n  \"invalidLeft\": \"tPfD8\",\n  \"invalidRight\": \"BHHjf\",\n  \"draggingOver\": \"_14mdi\",\n  \"cellSelected\": \"bpRKi\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,kBAAQ;AAAA,EACb,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,wBAAwB;AAAA,EACxB,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,0BAA0B;AAAA,EAC1B,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/ricos-common-plugins/layout/paywall-toolbar-button.js

@@ -0,0 +1,100 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var paywall_toolbar_button_exports = {};
+__export(paywall_toolbar_button_exports, {
+  PAYWALL_TOOLBAR_PANEL_ID: () => PAYWALL_TOOLBAR_PANEL_ID,
+  createPaywallToolbarButton: () => createPaywallToolbarButton,
+  getPaywallToolbarButton: () => getPaywallToolbarButton
+});
+module.exports = __toCommonJS(paywall_toolbar_button_exports);
+var import_react = __toESM(require("react"));
+var import_ricos_context = require("./../../ricos-context/index.js");
+var import_modal_service_provider = require("./../../ricos-modals/modal-service-provider.js");
+var import_toolbar_button = require("./../../_shared/toolbar-button/toolbar-button.js");
+const PAYWALL_TOOLBAR_PANEL_ID = "paywallToolbarPanel";
+const DATA_HOOK = "paywall-toolbar-button";
+const PaywallToolbarButton = ({
+  button: { icon, label, onClick },
+  toolbarItem
+}) => {
+  const { isMobile } = (0, import_react.useContext)(import_ricos_context.RicosContext);
+  const modalService = (0, import_modal_service_provider.useModalService)();
+  const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
+  const isOpen = (0, import_modal_service_provider.useModalState)((0, import_modal_service_provider.getIsModalOpen)(PAYWALL_TOOLBAR_PANEL_ID));
+  const close = () => modalService.closeModal(PAYWALL_TOOLBAR_PANEL_ID);
+  (0, import_react.useEffect)(
+    () => () => {
+      modalService.isModalOpen(PAYWALL_TOOLBAR_PANEL_ID) && close();
+    },
+    [modalService]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_toolbar_button.ToolbarButton,
+    {
+      ref: setReferenceElement,
+      prefix: icon,
+      label,
+      active: isOpen,
+      onClick: () => onClick({
+        referenceElement,
+        isMobile,
+        close,
+        togglePanel: ({ Component, componentProps }) => isOpen ? close() : modalService.openModal({
+          id: PAYWALL_TOOLBAR_PANEL_ID,
+          type: "exclusive",
+          Component,
+          componentProps,
+          layout: isMobile ? "drawer" : "floating",
+          positioning: {
+            referenceElement: referenceElement ?? void 0,
+            placement: "bottom"
+          }
+        })
+      }),
+      dataHook: DATA_HOOK,
+      tabIndex: toolbarItem.presentation.tabIndex
+    }
+  );
+};
+const getPaywallToolbarButton = (services) => services.plugins.getConfig("PAYWALL").toolbarButton;
+const createPaywallToolbarButton = (services, visible) => ({
+  id: "paywallToolbarButton",
+  type: "modal",
+  icon: () => null,
+  tooltip: "",
+  dataHook: DATA_HOOK,
+  attributes: { visible },
+  renderer: (toolbarItem) => {
+    const button = getPaywallToolbarButton(services);
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, button && /* @__PURE__ */ import_react.default.createElement(PaywallToolbarButton, { button, toolbarItem }));
+  },
+  command: () => {
+  }
+});
+//# sourceMappingURL=paywall-toolbar-button.js.map

package/dist/cjs/ricos-common-plugins/layout/paywall-toolbar-button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/ricos-common-plugins/layout/paywall-toolbar-button.tsx"],
+  "sourcesContent": ["import React, { useContext, useEffect, useState } from 'react';\n\nimport type {\n  PaywallPluginEditorConfig,\n  PaywallToolbarButton as PaywallToolbarButtonConfig,\n} from './../../plugin-paywall/plugin-paywall.js';\nimport { RicosContext } from './../../ricos-context/index.js';\nimport {\n  getIsModalOpen,\n  useModalService,\n  useModalState,\n} from './../../ricos-modals/modal-service-provider.js';\nimport type { IToolbarItem, Resolver, RicosServices, ToolbarButton } from './../../ricos-types/index.js';\nimport { ToolbarButton as ToolbarButtonComponent } from './../../_shared/toolbar-button/toolbar-button.js';\n\nexport const PAYWALL_TOOLBAR_PANEL_ID = 'paywallToolbarPanel';\nconst DATA_HOOK = 'paywall-toolbar-button';\n\nconst PaywallToolbarButton = ({\n  button: { icon, label, onClick },\n  toolbarItem,\n}: {\n  button: PaywallToolbarButtonConfig;\n  toolbarItem: IToolbarItem;\n}) => {\n  const { isMobile } = useContext(RicosContext);\n  const modalService = useModalService();\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const isOpen = useModalState(getIsModalOpen(PAYWALL_TOOLBAR_PANEL_ID));\n  const close = () => modalService.closeModal(PAYWALL_TOOLBAR_PANEL_ID);\n\n  // Floating panels only close on an outside click; when the toolbar goes away for another\n  // reason (undo, a programmatic selection change), the panel must not outlive it.\n  useEffect(\n    () => () => {\n      modalService.isModalOpen(PAYWALL_TOOLBAR_PANEL_ID) && close();\n    },\n    [modalService]\n  );\n\n  return (\n    <ToolbarButtonComponent\n      ref={setReferenceElement}\n      prefix={icon}\n      label={label}\n      active={isOpen}\n      onClick={() =>\n        onClick({\n          referenceElement,\n          isMobile,\n          close,\n          togglePanel: ({ Component, componentProps }) =>\n            isOpen\n              ? close()\n              : modalService.openModal({\n                  id: PAYWALL_TOOLBAR_PANEL_ID,\n                  type: 'exclusive',\n                  Component,\n                  componentProps,\n                  layout: isMobile ? 'drawer' : 'floating',\n                  positioning: {\n                    referenceElement: referenceElement ?? undefined,\n                    placement: 'bottom',\n                  },\n                }),\n        })\n      }\n      dataHook={DATA_HOOK}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n\n// Layout registers before the opt-in paywall plugin, so its config is read at render time.\nexport const getPaywallToolbarButton = (services: RicosServices) =>\n  (services.plugins.getConfig('PAYWALL') as Partial<PaywallPluginEditorConfig>).toolbarButton;\n\nexport const createPaywallToolbarButton = (\n  services: RicosServices,\n  visible: Resolver<boolean>\n): ToolbarButton => ({\n  id: 'paywallToolbarButton',\n  type: 'modal',\n  icon: () => null,\n  tooltip: '',\n  dataHook: DATA_HOOK,\n  attributes: { visible },\n  renderer: toolbarItem => {\n    const button = getPaywallToolbarButton(services);\n    return <>{button && <PaywallToolbarButton button={button} toolbarItem={toolbarItem} />}</>;\n  },\n  command: () => {},\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuD;AAMvD,2BAA6B;AAC7B,oCAIO;AAEP,4BAAwD;AAEjD,MAAM,2BAA2B;AACxC,MAAM,YAAY;AAElB,MAAM,uBAAuB,CAAC;AAAA,EAC5B,QAAQ,EAAE,MAAM,OAAO,QAAQ;AAAA,EAC/B;AACF,MAGM;AACJ,QAAM,EAAE,SAAS,QAAI,yBAAW,iCAAY;AAC5C,QAAM,mBAAe,+CAAgB;AACrC,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAmC,IAAI;AACvF,QAAM,aAAS,iDAAc,8CAAe,wBAAwB,CAAC;AACrE,QAAM,QAAQ,MAAM,aAAa,WAAW,wBAAwB;AAIpE;AAAA,IACE,MAAM,MAAM;AACV,mBAAa,YAAY,wBAAwB,KAAK,MAAM;AAAA,IAC9D;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,SACE,6BAAAA,QAAA;AAAA,IAAC,sBAAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,QAAQ;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,MACR,SAAS,MACP,QAAQ;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,CAAC,EAAE,WAAW,eAAe,MACxC,SACI,MAAM,IACN,aAAa,UAAU;AAAA,UACrB,IAAI;AAAA,UACJ,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA,QAAQ,WAAW,WAAW;AAAA,UAC9B,aAAa;AAAA,YACX,kBAAkB,oBAAoB;AAAA,YACtC,WAAW;AAAA,UACb;AAAA,QACF,CAAC;AAAA,MACT,CAAC;AAAA,MAEH,UAAU;AAAA,MACV,UAAU,YAAY,aAAa;AAAA;AAAA,EACrC;AAEJ;AAGO,MAAM,0BAA0B,CAAC,aACrC,SAAS,QAAQ,UAAU,SAAS,EAAyC;AAEzE,MAAM,6BAA6B,CACxC,UACA,aACmB;AAAA,EACnB,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM,MAAM;AAAA,EACZ,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY,EAAE,QAAQ;AAAA,EACtB,UAAU,iBAAe;AACvB,UAAM,SAAS,wBAAwB,QAAQ;AAC/C,WAAO,6BAAAD,QAAA,2BAAAA,QAAA,gBAAG,UAAU,6BAAAA,QAAA,cAAC,wBAAqB,QAAgB,aAA0B,CAAG;AAAA,EACzF;AAAA,EACA,SAAS,MAAM;AAAA,EAAC;AAClB;",
+  "names": ["React", "ToolbarButtonComponent"]
+}