@wix/ricos 11.22.0 → 11.23.0

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 { 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;",
+  "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,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,+BAA+B;AAExC,SAAS,QAAQ,iBAAiB;AAClC,SAAS,YAAY,qBAAqB;AAE1C,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AAEtC,SAAS,oBAAoB;AAC7B,SAAS,iCAAiC;AAK1C,MAAM,iBAAsC,oBAAI,IAAI,CAAC,SAAS,YAAY,aAAa,CAAC;AAmBjF,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;AAEA,UAAM,cAAc,OAAO;AAAA,MACzB,mBAAmB,EAAE,GAAG,sBAAsB,IAAI,GAAG,GAAG,KAAK,MAAM,YAAY,CAAC;AAAA,IAClF;AACA,QAAI,YAAY,QAAQ;AACtB,kBAAY;AAAA,QACV,WAAW,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,cAAc,OAAO,KAAK,WAAW;AAC9C;",
   "names": []
 }

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

@@ -3,6 +3,7 @@ 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 { ListMarkerSelection } from "../list-item/list-marker-selection.js";
 import { isSameBlockFontSize, isSizedTextblock, toBlockFontSize } from "./block-font-size.js";
 const createBlockFontSizePlugin = (config) => {
   const key = new PluginKey("block-font-size");
@@ -94,7 +95,7 @@ const leftBlockType = (oldState, cursorBlock, transform) => {
 const findEmptyCursorBlock = ({
   selection
 }) => {
-  if (!selection.empty) {
+  if (!selection.empty || selection instanceof ListMarkerSelection) {
     return void 0;
   }
   const { parent } = selection.$from;

package/dist/es/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/es/ricos-common-plugins/font-size/dropdown/font-size-dropdown-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "3693b1df";
+var styleDataHash = "463c7a82";
 const injectCss = (() => {
-  var css = `._18KTQ{--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 = `.ojZvT{--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": "_18KTQ"
+  "dropdown": "ojZvT"
 };
 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 = '3693b1df';  \nexport const injectCss = (() => {\n  var css = `._18KTQ{--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\": \"_18KTQ\"\n};"],
+  "sourcesContent": ["var styleDataHash = '463c7a82';  \nexport const injectCss = (() => {\n  var css = `.ojZvT{--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\": \"ojZvT\"\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/gap-spacer/gap-spacer-component/gap-spacer-styles-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "40cfa778";
+var styleDataHash = "174fc199";
 const injectCss = (() => {
-  var css = `.u9tWd,.ufTTK{cursor:pointer;height:14px;margin:0;padding:0;pointer-events:auto;position:relative;width:100%}.u9tWd:not(.rHRUK):hover .JPYef,.ufTTK:not(.rHRUK):hover .JPYef{opacity:1}.rHRUK.ufTTK,.u9tWd.rHRUK{cursor:auto;height:0;pointer-events:none}.ufTTK{cursor:none;pointer-events:none}._7Z4hq .JPYef{opacity:1}.JPYef{background-color:#116dff;height:2px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:100%;z-index:1000000}.JPYef:after,.JPYef:before{background-color:#116dff;content:"";height:3px;left:0;opacity:.3;position:absolute;width:100%}.JPYef:before{top:-3px}.JPYef:after{bottom:-3px}.ZTWYS{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}._14CJn{display:none}@supports not (contain:inline-size){@media only screen and (max-width:480px){._14CJn{display:block}}}@container (width < 480px){._14CJn:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){display:block}}@media (width < 480px){._14CJn:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._14CJn{display:block}}.mrDgD{margin-top:14px}`;
+  var css = `.CmNVL,._85-0d{cursor:pointer;height:14px;margin:0;padding:0;pointer-events:auto;position:relative;width:100%}.CmNVL:not(.UtkpX):hover .iqtdZ,._85-0d:not(.UtkpX):hover .iqtdZ{opacity:1}.CmNVL.UtkpX,.UtkpX._85-0d{cursor:auto;height:0;pointer-events:none}._85-0d{cursor:none;pointer-events:none}.LXJNd .iqtdZ{opacity:1}.iqtdZ{background-color:#116dff;height:2px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:100%;z-index:1000000}.iqtdZ:after,.iqtdZ:before{background-color:#116dff;content:"";height:3px;left:0;opacity:.3;position:absolute;width:100%}.iqtdZ:before{top:-3px}.iqtdZ:after{bottom:-3px}._3lPtz{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}.cWG92{display:none}@supports not (contain:inline-size){@media only screen and (max-width:480px){.cWG92{display:block}}}@container (width < 480px){.cWG92:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){display:block}}@media (width < 480px){.cWG92:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .cWG92{display:block}}.Po-BY{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": "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"
 };
 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 = '40cfa778';  \nexport const injectCss = (() => {\n  var css = `.u9tWd,.ufTTK{cursor:pointer;height:14px;margin:0;padding:0;pointer-events:auto;position:relative;width:100%}.u9tWd:not(.rHRUK):hover .JPYef,.ufTTK:not(.rHRUK):hover .JPYef{opacity:1}.rHRUK.ufTTK,.u9tWd.rHRUK{cursor:auto;height:0;pointer-events:none}.ufTTK{cursor:none;pointer-events:none}._7Z4hq .JPYef{opacity:1}.JPYef{background-color:#116dff;height:2px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:100%;z-index:1000000}.JPYef:after,.JPYef:before{background-color:#116dff;content:\"\";height:3px;left:0;opacity:.3;position:absolute;width:100%}.JPYef:before{top:-3px}.JPYef:after{bottom:-3px}.ZTWYS{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}._14CJn{display:none}@supports not (contain:inline-size){@media only screen and (max-width:480px){._14CJn{display:block}}}@container (width < 480px){._14CJn:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){display:block}}@media (width < 480px){._14CJn:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._14CJn{display:block}}.mrDgD{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\": \"u9tWd\",\n  \"gapSpacerViewer\": \"ufTTK\",\n  \"collapsed\": \"rHRUK\",\n  \"gapSpacerLine\": \"JPYef\",\n  \"gapSpacerFocused\": \"_7Z4hq\",\n  \"gapSpacerTooltip\": \"ZTWYS\",\n  \"betweenFloated\": \"_14CJn\",\n  \"withTopMargin\": \"mrDgD\"\n};"],
+  "sourcesContent": ["var styleDataHash = '174fc199';  \nexport const injectCss = (() => {\n  var css = `.CmNVL,._85-0d{cursor:pointer;height:14px;margin:0;padding:0;pointer-events:auto;position:relative;width:100%}.CmNVL:not(.UtkpX):hover .iqtdZ,._85-0d:not(.UtkpX):hover .iqtdZ{opacity:1}.CmNVL.UtkpX,.UtkpX._85-0d{cursor:auto;height:0;pointer-events:none}._85-0d{cursor:none;pointer-events:none}.LXJNd .iqtdZ{opacity:1}.iqtdZ{background-color:#116dff;height:2px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:100%;z-index:1000000}.iqtdZ:after,.iqtdZ:before{background-color:#116dff;content:\"\";height:3px;left:0;opacity:.3;position:absolute;width:100%}.iqtdZ:before{top:-3px}.iqtdZ:after{bottom:-3px}._3lPtz{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}.cWG92{display:none}@supports not (contain:inline-size){@media only screen and (max-width:480px){.cWG92{display:block}}}@container (width < 480px){.cWG92:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){display:block}}@media (width < 480px){.cWG92:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .cWG92{display:block}}.Po-BY{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\": \"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,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": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "06f4c060";
+var styleDataHash = "f2a38c0d";
 const injectCss = (() => {
-  var css = `.fGySc{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.gJbC5{left:0;pointer-events:none;position:absolute;right:0}.ZlH1B{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}.mbQfT{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}._2hEBU{--ricos-internal-layout-cell-outline-color:#a8caff;background:var(--ricos-internal-layout-backdrop-gradient,var(--ricos-internal-layout-backdrop-color,transparent));outline:1.5px solid transparent;padding-bottom:var(--ricos-internal-layout-backdrop-padding-bottom,0);padding-top:var(--ricos-internal-layout-backdrop-padding-top,0);position:relative}._2hEBU.dyS04,._2hEBU:hover{outline-color:var(--ricos-internal-layout-cell-outline-color)}._2hEBU:hover .hIoPS ._1RZ4g{outline-color:var(--ricos-internal-layout-cell-outline-color)}._2hEBU:before{background-image:var(--ricos-internal-layout-backdrop-image-src);background-position:var(--ricos-internal-layout-backdrop-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-backdrop-image-scaling);bottom:0;clip-path:inset(0);content:"";filter:var(--ricos-internal-layout-backdrop-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}._2hEBU:after{background:var(--ricos-internal-layout-backdrop-overlay,transparent);bottom:0;clip-path:inset(0);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._2hEBU.Op-26{margin:0}*+._2hEBU{margin-top:20px}._2hEBU ._6JmnB{display:none}._2hEBU .k8eQt:has(.-kglS.E9VVp)+._6JmnB,._2hEBU .k8eQt:has(.-kglS.KUC93)+._6JmnB,._2hEBU .k8eQt:has(.-kglS.NC-1P)+._6JmnB,._2hEBU .k8eQt:has(.-kglS.OCcYb)+._6JmnB{display:block}._2hEBU ._1yrFl{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:50%;bottom:-12px;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);cursor:grab;display:flex;height:24px;justify-content:center;left:50%;padding:0;position:absolute;transform:translate(-50%,100%);width:24px;z-index:4}._2hEBU ._1yrFl:active{cursor:grabbing}._2hEBU.kQ1lV{margin-top:0}._2hEBU .hGb5r{background:#116dff;bottom:0;left:calc(var(--ricos-internal-layout-drop-cursor-position) - 1px);position:absolute;top:0;width:2px;z-index:5}._2hEBU .hGb5r:before{border:2px solid #116dff;border-radius:50%;content:"";height:6px;left:-2px;position:absolute;top:-5px;width:6px}._2hEBU.P9adx{outline-color:transparent!important}._2hEBU.P9adx:hover,._2hEBU.P9adx:hover .hIoPS ._1RZ4g{outline-color:transparent!important}._2hEBU.P9adx .TKPSi,._2hEBU.P9adx ._4Mqcv,._2hEBU.P9adx ._6JmnB{display:none!important}._2hEBU.AsoHU:has(.Oca1l){margin-bottom:40px}._2hEBU.AsoHU[data-breakout=normal]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-normal-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-normal-padding-end,0)}._2hEBU.AsoHU[data-breakout=fullWidth]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-full-width-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-full-width-padding-end,0)}._2hEBU.AsoHU .Oca1l{align-items:center;color:var(--ricos-text-color-low,#646464);display:flex;font-size:12px;font-weight:500;gap:6px;inset-inline-end:var(--ricos-internal-paywall-divider-outer-end,0);inset-inline-start:var(--ricos-internal-paywall-divider-outer-start,0);line-height:18px;margin-top:12px;padding-inline-end:var(--ricos-breakout-normal-padding-end,0);padding-inline-start:var(--ricos-breakout-normal-padding-start,0);pointer-events:none;position:absolute;text-transform:uppercase;top:100%;user-select:none}._2hEBU.AsoHU .Oca1l:after,._2hEBU.AsoHU .Oca1l:before{background:rgba(var(--ricos-text-color-tuple,33,33,33),.15);content:"";flex:1;height:1px}._2hEBU.AsoHU .z7g2X{align-items:center;display:flex;gap:3px;padding-inline-end:6px;white-space:nowrap}._2hEBU.AsoHU .I0xKQ{flex-shrink:0}.k8eQt{--ricos-internal-layout-display:grid;--ricos-internal-layout-handler-cursor:col-resize;--ricos-internal-layout-handler-color:#116dff;clear:both;margin:0 auto;position:relative;width:min(100%,var(--ricos-internal-resize-width,var(--ricos-internal-layout-width,initial)));z-index:2}.-kglS{display:var(--ricos-internal-layout-display,grid);flex-wrap:wrap;gap:var(--ricos-internal-layout-gap,20px);grid-template-columns:var(--ricos-internal-layout-grid-template,var(--ricos-internal-layout-column-template));justify-content:var(--ricos-internal-layout-justify-content,auto);position:relative;transition:grid-template-columns .1s ease-out;width:100%;will-change:grid-template-columns;z-index:2}[data-layout-banner] .-kglS{grid-template-columns:var(--ricos-internal-layout-column-template)!important}[data-layout-banner] .-kglS.KUC93{transition:none!important}.-kglS.L2WbI,.-kglS._37Xd6 .hIoPS{background:var(--ricos-internal-layout-background-gradient,var(--ricos-internal-layout-background-color,transparent));border:var(--ricos-internal-layout-border-width,0) solid var(--ricos-internal-layout-border-color);border-radius:var(--ricos-internal-layout-border-radius,0)}.-kglS.L2WbI:before,.-kglS._37Xd6 .hIoPS:before{background-image:var(--ricos-internal-layout-background-image-src);background-position:var(--ricos-internal-layout-background-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-background-image-scaling);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:"";filter:var(--ricos-internal-layout-background-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.-kglS.L2WbI:after,.-kglS._37Xd6 .hIoPS:after{background:var(--ricos-internal-layout-background-overlay,transparent);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@supports not (contain:inline-size){@media only screen and (max-width:480px){.-kglS{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}}@container (width < 480px){.-kglS:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){gap:min(20px,var(--ricos-internal-layout-gap,20px))}}@media (width < 480px){.-kglS:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .-kglS{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}.-kglS.BVCHR{--ricos-internal-layout-display:flex;--ricos-internal-layout-justify-content:center;--ricos-internal-layout-cell-min-width:100%;--ricos-internal-layout-cell-height:auto}.-kglS.BVCHR .TKPSi{display:none}.-kglS.KUC93{transition:none!important}.-kglS.KUC93,.-kglS.KUC93 *{user-select:none!important}.-kglS.a227I{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:e-resize}.-kglS.dJ3l8{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:w-resize}.-kglS.KUC93 .hIoPS ._1RZ4g,.-kglS.NC-1P .hIoPS ._1RZ4g,.-kglS.OCcYb .hIoPS ._1RZ4g,.-kglS.ke7NY .hIoPS ._1RZ4g,.-kglS:focus .hIoPS ._1RZ4g,.-kglS:hover .hIoPS ._1RZ4g{outline-color:var(--ricos-internal-layout-cell-outline-color)}.-kglS .hIoPS{display:flex;flex-direction:column;height:var(--ricos-internal-layout-cell-height,100%);max-width:var(--ricos-internal-layout-cell-min-width,auto);min-width:min(100%,var(--ricos-internal-layout-cell-min-width,0));position:relative;z-index:3}.-kglS .hIoPS ._1RZ4g{display:flex;flex-direction:column;flex-grow:1;justify-content:var(--ricos-internal-layout-cell-vertical-alignment);outline:1.5px solid transparent;padding:var(--ricos-internal-layout-cell-padding-top,12px) var(--ricos-internal-layout-cell-padding-right,0) var(--ricos-internal-layout-cell-padding-bottom,12px) var(--ricos-internal-layout-cell-padding-left,0);position:relative;z-index:2}@supports not (contain:inline-size){@media only screen and (max-width:480px){.-kglS .hIoPS ._1RZ4g{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}}@container (width < 480px){.-kglS .hIoPS ._1RZ4g:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}@media (width < 480px){.-kglS .hIoPS ._1RZ4g:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .-kglS .hIoPS ._1RZ4g{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}.-kglS .hIoPS ._4Mqcv{align-items:center;background:#fff;border-radius:18px;box-shadow:0 0 6px rgba(0,6,36,.05);box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:none;height:18px;justify-content:center;left:50%;margin:0;outline:1px solid rgba(0,6,36,.302);padding:0 12px;position:absolute;top:0;transform:translate(-50%,-50%);transition:color .15s ease,background-color .15s ease;width:42px;z-index:3}.-kglS .hIoPS ._4Mqcv:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.-kglS .hIoPS ._4Mqcv:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.-kglS .hIoPS ._4Mqcv:active{cursor:grabbing}.-kglS .hIoPS ._4Mqcv:before{bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.-kglS.OCcYb:after{background-color:rgba(17,109,255,.1);bottom:0;content:"";left:0;opacity:1;outline:1.5px solid #116dff;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.-kglS.OCcYb .hIoPS ._1RZ4g{outline-color:rgba(17,109,255,.2)}.-kglS.OCcYb .hIoPS ._4Mqcv{display:none}.-kglS .hIoPS.l1-S5{background-color:rgba(17,109,255,.1);z-index:4}.-kglS .hIoPS.l1-S5 ._1RZ4g{outline-color:#116dff}.-kglS .hIoPS.l1-S5 ._4Mqcv{background:#116dff;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline:none;transition:color .15s ease,background-color .15s ease}.-kglS .hIoPS.l1-S5 ._4Mqcv:hover{background:#0f62e6;color:#fff}.-kglS .hIoPS.l1-S5 ._4Mqcv:active{background:#084ebd;color:#fff}.-kglS .hIoPS.l1-S5 .ricos-selection,.-kglS .hIoPS.l1-S5 ::selection,.-kglS.KUC93 .hIoPS .ricos-selection,.-kglS.KUC93 .hIoPS ::selection,.-kglS.OCcYb .hIoPS .ricos-selection,.-kglS.OCcYb .hIoPS ::selection{background-color:transparent!important}.-kglS.KUC93 .ricos-selection,.-kglS.OCcYb .ricos-selection{background-color:transparent!important}.-kglS.KUC93 ._4Mqcv,.-kglS.NC-1P ._4Mqcv,.-kglS.OCcYb ._4Mqcv,.-kglS.ke7NY ._4Mqcv{display:flex;z-index:4}.TKPSi{--ricos-internal-resize-handler-width:max(15px,var(--ricos-internal-layout-gap,0px));--ricos-internal-resize-handler-background-start:calc(50% - 1px);--ricos-internal-resize-handler-background-end:calc(50% + 1px);bottom:-1px;display:flex;left:calc(var(--ricos-internal-resize-handler-width)/2*-1);position:absolute!important;top:0;transform:translateX(max(-50%,var(--ricos-internal-layout-gap,0px)/2 * -1));width:var(--ricos-internal-resize-handler-width);z-index:3}.-kglS:not(.KUC93) .TKPSi:hover,.TKPSi:active{background:linear-gradient(90deg,transparent,transparent var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-end),transparent var(--ricos-internal-resize-handler-background-end));cursor:var(--ricos-internal-layout-handler-cursor)}`;
+  var css = `._7HZHW{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.JqNJ2{left:0;pointer-events:none;position:absolute;right:0}._6hBcD{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}.zKNt4{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}._-6HxG{--ricos-internal-layout-cell-outline-color:#a8caff;background:var(--ricos-internal-layout-backdrop-gradient,var(--ricos-internal-layout-backdrop-color,transparent));outline:1.5px solid transparent;padding-bottom:var(--ricos-internal-layout-backdrop-padding-bottom,0);padding-top:var(--ricos-internal-layout-backdrop-padding-top,0);position:relative}._-6HxG.Z0zAT,._-6HxG:hover{outline-color:var(--ricos-internal-layout-cell-outline-color)}._-6HxG:hover ._3ox6k .Gew0m{outline-color:var(--ricos-internal-layout-cell-outline-color)}._-6HxG:before{background-image:var(--ricos-internal-layout-backdrop-image-src);background-position:var(--ricos-internal-layout-backdrop-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-backdrop-image-scaling);bottom:0;clip-path:inset(0);content:"";filter:var(--ricos-internal-layout-backdrop-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}._-6HxG:after{background:var(--ricos-internal-layout-backdrop-overlay,transparent);bottom:0;clip-path:inset(0);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._-6HxG.CnxtZ{margin:0}*+._-6HxG{margin-top:20px}._-6HxG .k8uBt{display:none}._-6HxG .-OI6X:has(.ymRo2.AtpCE)+.k8uBt,._-6HxG .-OI6X:has(.ymRo2.S-jIt)+.k8uBt,._-6HxG .-OI6X:has(.ymRo2.qEsBI)+.k8uBt,._-6HxG .-OI6X:has(.ymRo2.sJz83)+.k8uBt{display:block}._-6HxG .MurXI{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:50%;bottom:-12px;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);cursor:grab;display:flex;height:24px;justify-content:center;left:50%;padding:0;position:absolute;transform:translate(-50%,100%);width:24px;z-index:4}._-6HxG .MurXI:active{cursor:grabbing}._-6HxG.u9EF-{margin-top:0}._-6HxG .g00wD{background:#116dff;bottom:0;left:calc(var(--ricos-internal-layout-drop-cursor-position) - 1px);position:absolute;top:0;width:2px;z-index:5}._-6HxG .g00wD:before{border:2px solid #116dff;border-radius:50%;content:"";height:6px;left:-2px;position:absolute;top:-5px;width:6px}._-6HxG.ws3vK{outline-color:transparent!important}._-6HxG.ws3vK:hover,._-6HxG.ws3vK:hover ._3ox6k .Gew0m{outline-color:transparent!important}._-6HxG.ws3vK .VNMW-,._-6HxG.ws3vK ._7iJWg,._-6HxG.ws3vK .k8uBt{display:none!important}._-6HxG.kxdM9:has(.dEoY1){margin-bottom:40px}._-6HxG.kxdM9[data-breakout=normal]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-normal-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-normal-padding-end,0)}._-6HxG.kxdM9[data-breakout=fullWidth]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-full-width-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-full-width-padding-end,0)}._-6HxG.kxdM9 .dEoY1{align-items:center;color:var(--ricos-text-color,#212121);display:flex;font-size:12px;font-weight:500;gap:6px;inset-inline-end:var(--ricos-internal-paywall-divider-outer-end,0);inset-inline-start:var(--ricos-internal-paywall-divider-outer-start,0);line-height:18px;margin-top:12px;padding-inline-end:var(--ricos-breakout-normal-padding-end,0);padding-inline-start:var(--ricos-breakout-normal-padding-start,0);pointer-events:none;position:absolute;text-transform:uppercase;top:100%;user-select:none}._-6HxG.kxdM9 .dEoY1:after,._-6HxG.kxdM9 .dEoY1:before{background:rgba(var(--ricos-text-color-tuple,33,33,33),.2);content:"";flex:1;height:1px}@supports (color:rgb(from #000 r g b/0.1)){._-6HxG.kxdM9 .dEoY1:after,._-6HxG.kxdM9 .dEoY1:before{background:rgb(from var(--ricos-text-color,#212121) r g b/.2)}}._-6HxG.kxdM9 .CcWpz{align-items:center;display:flex;gap:3px;padding-inline-end:6px;white-space:nowrap}._-6HxG.kxdM9 ._1Jc1T{flex-shrink:0}.-OI6X{--ricos-internal-layout-display:grid;--ricos-internal-layout-handler-cursor:col-resize;--ricos-internal-layout-handler-color:#116dff;clear:both;margin:0 auto;position:relative;width:min(100%,var(--ricos-internal-resize-width,var(--ricos-internal-layout-width,initial)));z-index:2}.ymRo2{display:var(--ricos-internal-layout-display,grid);flex-wrap:wrap;gap:var(--ricos-internal-layout-gap,20px);grid-template-columns:var(--ricos-internal-layout-grid-template,var(--ricos-internal-layout-column-template));justify-content:var(--ricos-internal-layout-justify-content,auto);position:relative;transition:grid-template-columns .1s ease-out;width:100%;will-change:grid-template-columns;z-index:2}[data-layout-banner] .ymRo2{grid-template-columns:var(--ricos-internal-layout-column-template)!important}[data-layout-banner] .ymRo2.qEsBI{transition:none!important}.ymRo2.KyOFX ._3ox6k,.ymRo2.yLGsI{background:var(--ricos-internal-layout-background-gradient,var(--ricos-internal-layout-background-color,transparent));border:var(--ricos-internal-layout-border-width,0) solid var(--ricos-internal-layout-border-color);border-radius:var(--ricos-internal-layout-border-radius,0)}.ymRo2.KyOFX ._3ox6k:before,.ymRo2.yLGsI:before{background-image:var(--ricos-internal-layout-background-image-src);background-position:var(--ricos-internal-layout-background-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-background-image-scaling);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:"";filter:var(--ricos-internal-layout-background-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.ymRo2.KyOFX ._3ox6k:after,.ymRo2.yLGsI:after{background:var(--ricos-internal-layout-background-overlay,transparent);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@supports not (contain:inline-size){@media only screen and (max-width:480px){.ymRo2{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}}@container (width < 480px){.ymRo2:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){gap:min(20px,var(--ricos-internal-layout-gap,20px))}}@media (width < 480px){.ymRo2:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .ymRo2{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}.ymRo2._495KW{--ricos-internal-layout-display:flex;--ricos-internal-layout-justify-content:center;--ricos-internal-layout-cell-min-width:100%;--ricos-internal-layout-cell-height:auto}.ymRo2._495KW .VNMW-{display:none}.ymRo2.qEsBI{transition:none!important}.ymRo2.qEsBI,.ymRo2.qEsBI *{user-select:none!important}.ymRo2.tPfD8{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:e-resize}.ymRo2.BHHjf{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:w-resize}.ymRo2.S-jIt ._3ox6k .Gew0m,.ymRo2._14mdi ._3ox6k .Gew0m,.ymRo2.qEsBI ._3ox6k .Gew0m,.ymRo2.sJz83 ._3ox6k .Gew0m,.ymRo2:focus ._3ox6k .Gew0m,.ymRo2:hover ._3ox6k .Gew0m{outline-color:var(--ricos-internal-layout-cell-outline-color)}.ymRo2 ._3ox6k{display:flex;flex-direction:column;height:var(--ricos-internal-layout-cell-height,100%);max-width:var(--ricos-internal-layout-cell-min-width,auto);min-width:min(100%,var(--ricos-internal-layout-cell-min-width,0));position:relative;z-index:3}.ymRo2 ._3ox6k .Gew0m{display:flex;flex-direction:column;flex-grow:1;justify-content:var(--ricos-internal-layout-cell-vertical-alignment);outline:1.5px solid transparent;padding:var(--ricos-internal-layout-cell-padding-top,12px) var(--ricos-internal-layout-cell-padding-right,0) var(--ricos-internal-layout-cell-padding-bottom,12px) var(--ricos-internal-layout-cell-padding-left,0);position:relative;z-index:2}@supports not (contain:inline-size){@media only screen and (max-width:480px){.ymRo2 ._3ox6k .Gew0m{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}}@container (width < 480px){.ymRo2 ._3ox6k .Gew0m:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}@media (width < 480px){.ymRo2 ._3ox6k .Gew0m:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .ymRo2 ._3ox6k .Gew0m{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}.ymRo2 ._3ox6k ._7iJWg{align-items:center;background:#fff;border-radius:18px;box-shadow:0 0 6px rgba(0,6,36,.05);box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:none;height:18px;justify-content:center;left:50%;margin:0;outline:1px solid rgba(0,6,36,.302);padding:0 12px;position:absolute;top:0;transform:translate(-50%,-50%);transition:color .15s ease,background-color .15s ease;width:42px;z-index:3}.ymRo2 ._3ox6k ._7iJWg:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.ymRo2 ._3ox6k ._7iJWg:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.ymRo2 ._3ox6k ._7iJWg:active{cursor:grabbing}.ymRo2 ._3ox6k ._7iJWg:before{bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.ymRo2.S-jIt:after{background-color:rgba(17,109,255,.1);bottom:0;content:"";left:0;opacity:1;outline:1.5px solid #116dff;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.ymRo2.S-jIt ._3ox6k .Gew0m{outline-color:rgba(17,109,255,.2)}.ymRo2.S-jIt ._3ox6k ._7iJWg{display:none}.ymRo2 ._3ox6k.bpRKi{background-color:rgba(17,109,255,.1);z-index:4}.ymRo2 ._3ox6k.bpRKi .Gew0m{outline-color:#116dff}.ymRo2 ._3ox6k.bpRKi ._7iJWg{background:#116dff;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline:none;transition:color .15s ease,background-color .15s ease}.ymRo2 ._3ox6k.bpRKi ._7iJWg:hover{background:#0f62e6;color:#fff}.ymRo2 ._3ox6k.bpRKi ._7iJWg:active{background:#084ebd;color:#fff}.ymRo2 ._3ox6k.bpRKi .ricos-selection,.ymRo2 ._3ox6k.bpRKi ::selection,.ymRo2.S-jIt ._3ox6k .ricos-selection,.ymRo2.S-jIt ._3ox6k ::selection,.ymRo2.qEsBI ._3ox6k .ricos-selection,.ymRo2.qEsBI ._3ox6k ::selection{background-color:transparent!important}.ymRo2.S-jIt .ricos-selection,.ymRo2.qEsBI .ricos-selection{background-color:transparent!important}.ymRo2.S-jIt ._7iJWg,.ymRo2._14mdi ._7iJWg,.ymRo2.qEsBI ._7iJWg,.ymRo2.sJz83 ._7iJWg{display:flex;z-index:4}.VNMW-{--ricos-internal-resize-handler-width:max(15px,var(--ricos-internal-layout-gap,0px));--ricos-internal-resize-handler-background-start:calc(50% - 1px);--ricos-internal-resize-handler-background-end:calc(50% + 1px);bottom:-1px;display:flex;left:calc(var(--ricos-internal-resize-handler-width)/2*-1);position:absolute!important;top:0;transform:translateX(max(-50%,var(--ricos-internal-layout-gap,0px)/2 * -1));width:var(--ricos-internal-resize-handler-width);z-index:3}.VNMW-:active,.ymRo2:not(.qEsBI) .VNMW-:hover{background:linear-gradient(90deg,transparent,transparent var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-end),transparent var(--ricos-internal-resize-handler-background-end));cursor:var(--ricos-internal-layout-handler-cursor)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,39 +21,39 @@ const injectCss = (() => {
 });
 injectCss();
 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"
 };
 export {
   layouts_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/layout/layouts.scss"],
-  "sourcesContent": ["var styleDataHash = '06f4c060';  \nexport const injectCss = (() => {\n  var css = `.fGySc{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.gJbC5{left:0;pointer-events:none;position:absolute;right:0}.ZlH1B{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}.mbQfT{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}._2hEBU{--ricos-internal-layout-cell-outline-color:#a8caff;background:var(--ricos-internal-layout-backdrop-gradient,var(--ricos-internal-layout-backdrop-color,transparent));outline:1.5px solid transparent;padding-bottom:var(--ricos-internal-layout-backdrop-padding-bottom,0);padding-top:var(--ricos-internal-layout-backdrop-padding-top,0);position:relative}._2hEBU.dyS04,._2hEBU:hover{outline-color:var(--ricos-internal-layout-cell-outline-color)}._2hEBU:hover .hIoPS ._1RZ4g{outline-color:var(--ricos-internal-layout-cell-outline-color)}._2hEBU:before{background-image:var(--ricos-internal-layout-backdrop-image-src);background-position:var(--ricos-internal-layout-backdrop-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-backdrop-image-scaling);bottom:0;clip-path:inset(0);content:\"\";filter:var(--ricos-internal-layout-backdrop-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}._2hEBU:after{background:var(--ricos-internal-layout-backdrop-overlay,transparent);bottom:0;clip-path:inset(0);content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._2hEBU.Op-26{margin:0}*+._2hEBU{margin-top:20px}._2hEBU ._6JmnB{display:none}._2hEBU .k8eQt:has(.-kglS.E9VVp)+._6JmnB,._2hEBU .k8eQt:has(.-kglS.KUC93)+._6JmnB,._2hEBU .k8eQt:has(.-kglS.NC-1P)+._6JmnB,._2hEBU .k8eQt:has(.-kglS.OCcYb)+._6JmnB{display:block}._2hEBU ._1yrFl{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:50%;bottom:-12px;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);cursor:grab;display:flex;height:24px;justify-content:center;left:50%;padding:0;position:absolute;transform:translate(-50%,100%);width:24px;z-index:4}._2hEBU ._1yrFl:active{cursor:grabbing}._2hEBU.kQ1lV{margin-top:0}._2hEBU .hGb5r{background:#116dff;bottom:0;left:calc(var(--ricos-internal-layout-drop-cursor-position) - 1px);position:absolute;top:0;width:2px;z-index:5}._2hEBU .hGb5r:before{border:2px solid #116dff;border-radius:50%;content:\"\";height:6px;left:-2px;position:absolute;top:-5px;width:6px}._2hEBU.P9adx{outline-color:transparent!important}._2hEBU.P9adx:hover,._2hEBU.P9adx:hover .hIoPS ._1RZ4g{outline-color:transparent!important}._2hEBU.P9adx .TKPSi,._2hEBU.P9adx ._4Mqcv,._2hEBU.P9adx ._6JmnB{display:none!important}._2hEBU.AsoHU:has(.Oca1l){margin-bottom:40px}._2hEBU.AsoHU[data-breakout=normal]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-normal-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-normal-padding-end,0)}._2hEBU.AsoHU[data-breakout=fullWidth]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-full-width-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-full-width-padding-end,0)}._2hEBU.AsoHU .Oca1l{align-items:center;color:var(--ricos-text-color-low,#646464);display:flex;font-size:12px;font-weight:500;gap:6px;inset-inline-end:var(--ricos-internal-paywall-divider-outer-end,0);inset-inline-start:var(--ricos-internal-paywall-divider-outer-start,0);line-height:18px;margin-top:12px;padding-inline-end:var(--ricos-breakout-normal-padding-end,0);padding-inline-start:var(--ricos-breakout-normal-padding-start,0);pointer-events:none;position:absolute;text-transform:uppercase;top:100%;user-select:none}._2hEBU.AsoHU .Oca1l:after,._2hEBU.AsoHU .Oca1l:before{background:rgba(var(--ricos-text-color-tuple,33,33,33),.15);content:\"\";flex:1;height:1px}._2hEBU.AsoHU .z7g2X{align-items:center;display:flex;gap:3px;padding-inline-end:6px;white-space:nowrap}._2hEBU.AsoHU .I0xKQ{flex-shrink:0}.k8eQt{--ricos-internal-layout-display:grid;--ricos-internal-layout-handler-cursor:col-resize;--ricos-internal-layout-handler-color:#116dff;clear:both;margin:0 auto;position:relative;width:min(100%,var(--ricos-internal-resize-width,var(--ricos-internal-layout-width,initial)));z-index:2}.-kglS{display:var(--ricos-internal-layout-display,grid);flex-wrap:wrap;gap:var(--ricos-internal-layout-gap,20px);grid-template-columns:var(--ricos-internal-layout-grid-template,var(--ricos-internal-layout-column-template));justify-content:var(--ricos-internal-layout-justify-content,auto);position:relative;transition:grid-template-columns .1s ease-out;width:100%;will-change:grid-template-columns;z-index:2}[data-layout-banner] .-kglS{grid-template-columns:var(--ricos-internal-layout-column-template)!important}[data-layout-banner] .-kglS.KUC93{transition:none!important}.-kglS.L2WbI,.-kglS._37Xd6 .hIoPS{background:var(--ricos-internal-layout-background-gradient,var(--ricos-internal-layout-background-color,transparent));border:var(--ricos-internal-layout-border-width,0) solid var(--ricos-internal-layout-border-color);border-radius:var(--ricos-internal-layout-border-radius,0)}.-kglS.L2WbI:before,.-kglS._37Xd6 .hIoPS:before{background-image:var(--ricos-internal-layout-background-image-src);background-position:var(--ricos-internal-layout-background-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-background-image-scaling);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:\"\";filter:var(--ricos-internal-layout-background-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.-kglS.L2WbI:after,.-kglS._37Xd6 .hIoPS:after{background:var(--ricos-internal-layout-background-overlay,transparent);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@supports not (contain:inline-size){@media only screen and (max-width:480px){.-kglS{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}}@container (width < 480px){.-kglS:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){gap:min(20px,var(--ricos-internal-layout-gap,20px))}}@media (width < 480px){.-kglS:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .-kglS{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}.-kglS.BVCHR{--ricos-internal-layout-display:flex;--ricos-internal-layout-justify-content:center;--ricos-internal-layout-cell-min-width:100%;--ricos-internal-layout-cell-height:auto}.-kglS.BVCHR .TKPSi{display:none}.-kglS.KUC93{transition:none!important}.-kglS.KUC93,.-kglS.KUC93 *{user-select:none!important}.-kglS.a227I{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:e-resize}.-kglS.dJ3l8{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:w-resize}.-kglS.KUC93 .hIoPS ._1RZ4g,.-kglS.NC-1P .hIoPS ._1RZ4g,.-kglS.OCcYb .hIoPS ._1RZ4g,.-kglS.ke7NY .hIoPS ._1RZ4g,.-kglS:focus .hIoPS ._1RZ4g,.-kglS:hover .hIoPS ._1RZ4g{outline-color:var(--ricos-internal-layout-cell-outline-color)}.-kglS .hIoPS{display:flex;flex-direction:column;height:var(--ricos-internal-layout-cell-height,100%);max-width:var(--ricos-internal-layout-cell-min-width,auto);min-width:min(100%,var(--ricos-internal-layout-cell-min-width,0));position:relative;z-index:3}.-kglS .hIoPS ._1RZ4g{display:flex;flex-direction:column;flex-grow:1;justify-content:var(--ricos-internal-layout-cell-vertical-alignment);outline:1.5px solid transparent;padding:var(--ricos-internal-layout-cell-padding-top,12px) var(--ricos-internal-layout-cell-padding-right,0) var(--ricos-internal-layout-cell-padding-bottom,12px) var(--ricos-internal-layout-cell-padding-left,0);position:relative;z-index:2}@supports not (contain:inline-size){@media only screen and (max-width:480px){.-kglS .hIoPS ._1RZ4g{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}}@container (width < 480px){.-kglS .hIoPS ._1RZ4g:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}@media (width < 480px){.-kglS .hIoPS ._1RZ4g:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .-kglS .hIoPS ._1RZ4g{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}.-kglS .hIoPS ._4Mqcv{align-items:center;background:#fff;border-radius:18px;box-shadow:0 0 6px rgba(0,6,36,.05);box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:none;height:18px;justify-content:center;left:50%;margin:0;outline:1px solid rgba(0,6,36,.302);padding:0 12px;position:absolute;top:0;transform:translate(-50%,-50%);transition:color .15s ease,background-color .15s ease;width:42px;z-index:3}.-kglS .hIoPS ._4Mqcv:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.-kglS .hIoPS ._4Mqcv:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.-kglS .hIoPS ._4Mqcv:active{cursor:grabbing}.-kglS .hIoPS ._4Mqcv:before{bottom:-1px;content:\"\";height:1px;left:0;position:absolute;right:0}.-kglS.OCcYb:after{background-color:rgba(17,109,255,.1);bottom:0;content:\"\";left:0;opacity:1;outline:1.5px solid #116dff;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.-kglS.OCcYb .hIoPS ._1RZ4g{outline-color:rgba(17,109,255,.2)}.-kglS.OCcYb .hIoPS ._4Mqcv{display:none}.-kglS .hIoPS.l1-S5{background-color:rgba(17,109,255,.1);z-index:4}.-kglS .hIoPS.l1-S5 ._1RZ4g{outline-color:#116dff}.-kglS .hIoPS.l1-S5 ._4Mqcv{background:#116dff;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline:none;transition:color .15s ease,background-color .15s ease}.-kglS .hIoPS.l1-S5 ._4Mqcv:hover{background:#0f62e6;color:#fff}.-kglS .hIoPS.l1-S5 ._4Mqcv:active{background:#084ebd;color:#fff}.-kglS .hIoPS.l1-S5 .ricos-selection,.-kglS .hIoPS.l1-S5 ::selection,.-kglS.KUC93 .hIoPS .ricos-selection,.-kglS.KUC93 .hIoPS ::selection,.-kglS.OCcYb .hIoPS .ricos-selection,.-kglS.OCcYb .hIoPS ::selection{background-color:transparent!important}.-kglS.KUC93 .ricos-selection,.-kglS.OCcYb .ricos-selection{background-color:transparent!important}.-kglS.KUC93 ._4Mqcv,.-kglS.NC-1P ._4Mqcv,.-kglS.OCcYb ._4Mqcv,.-kglS.ke7NY ._4Mqcv{display:flex;z-index:4}.TKPSi{--ricos-internal-resize-handler-width:max(15px,var(--ricos-internal-layout-gap,0px));--ricos-internal-resize-handler-background-start:calc(50% - 1px);--ricos-internal-resize-handler-background-end:calc(50% + 1px);bottom:-1px;display:flex;left:calc(var(--ricos-internal-resize-handler-width)/2*-1);position:absolute!important;top:0;transform:translateX(max(-50%,var(--ricos-internal-layout-gap,0px)/2 * -1));width:var(--ricos-internal-resize-handler-width);z-index:3}.-kglS:not(.KUC93) .TKPSi:hover,.TKPSi:active{background:linear-gradient(90deg,transparent,transparent var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-end),transparent var(--ricos-internal-resize-handler-background-end));cursor:var(--ricos-internal-layout-handler-cursor)}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"sectionDividerClip\": \"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": ["var styleDataHash = 'f2a38c0d';  \nexport const injectCss = (() => {\n  var css = `._7HZHW{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.JqNJ2{left:0;pointer-events:none;position:absolute;right:0}._6hBcD{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}.zKNt4{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}._-6HxG{--ricos-internal-layout-cell-outline-color:#a8caff;background:var(--ricos-internal-layout-backdrop-gradient,var(--ricos-internal-layout-backdrop-color,transparent));outline:1.5px solid transparent;padding-bottom:var(--ricos-internal-layout-backdrop-padding-bottom,0);padding-top:var(--ricos-internal-layout-backdrop-padding-top,0);position:relative}._-6HxG.Z0zAT,._-6HxG:hover{outline-color:var(--ricos-internal-layout-cell-outline-color)}._-6HxG:hover ._3ox6k .Gew0m{outline-color:var(--ricos-internal-layout-cell-outline-color)}._-6HxG:before{background-image:var(--ricos-internal-layout-backdrop-image-src);background-position:var(--ricos-internal-layout-backdrop-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-backdrop-image-scaling);bottom:0;clip-path:inset(0);content:\"\";filter:var(--ricos-internal-layout-backdrop-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}._-6HxG:after{background:var(--ricos-internal-layout-backdrop-overlay,transparent);bottom:0;clip-path:inset(0);content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._-6HxG.CnxtZ{margin:0}*+._-6HxG{margin-top:20px}._-6HxG .k8uBt{display:none}._-6HxG .-OI6X:has(.ymRo2.AtpCE)+.k8uBt,._-6HxG .-OI6X:has(.ymRo2.S-jIt)+.k8uBt,._-6HxG .-OI6X:has(.ymRo2.qEsBI)+.k8uBt,._-6HxG .-OI6X:has(.ymRo2.sJz83)+.k8uBt{display:block}._-6HxG .MurXI{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:50%;bottom:-12px;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);cursor:grab;display:flex;height:24px;justify-content:center;left:50%;padding:0;position:absolute;transform:translate(-50%,100%);width:24px;z-index:4}._-6HxG .MurXI:active{cursor:grabbing}._-6HxG.u9EF-{margin-top:0}._-6HxG .g00wD{background:#116dff;bottom:0;left:calc(var(--ricos-internal-layout-drop-cursor-position) - 1px);position:absolute;top:0;width:2px;z-index:5}._-6HxG .g00wD:before{border:2px solid #116dff;border-radius:50%;content:\"\";height:6px;left:-2px;position:absolute;top:-5px;width:6px}._-6HxG.ws3vK{outline-color:transparent!important}._-6HxG.ws3vK:hover,._-6HxG.ws3vK:hover ._3ox6k .Gew0m{outline-color:transparent!important}._-6HxG.ws3vK .VNMW-,._-6HxG.ws3vK ._7iJWg,._-6HxG.ws3vK .k8uBt{display:none!important}._-6HxG.kxdM9:has(.dEoY1){margin-bottom:40px}._-6HxG.kxdM9[data-breakout=normal]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-normal-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-normal-padding-end,0)}._-6HxG.kxdM9[data-breakout=fullWidth]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-full-width-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-full-width-padding-end,0)}._-6HxG.kxdM9 .dEoY1{align-items:center;color:var(--ricos-text-color,#212121);display:flex;font-size:12px;font-weight:500;gap:6px;inset-inline-end:var(--ricos-internal-paywall-divider-outer-end,0);inset-inline-start:var(--ricos-internal-paywall-divider-outer-start,0);line-height:18px;margin-top:12px;padding-inline-end:var(--ricos-breakout-normal-padding-end,0);padding-inline-start:var(--ricos-breakout-normal-padding-start,0);pointer-events:none;position:absolute;text-transform:uppercase;top:100%;user-select:none}._-6HxG.kxdM9 .dEoY1:after,._-6HxG.kxdM9 .dEoY1:before{background:rgba(var(--ricos-text-color-tuple,33,33,33),.2);content:\"\";flex:1;height:1px}@supports (color:rgb(from #000 r g b/0.1)){._-6HxG.kxdM9 .dEoY1:after,._-6HxG.kxdM9 .dEoY1:before{background:rgb(from var(--ricos-text-color,#212121) r g b/.2)}}._-6HxG.kxdM9 .CcWpz{align-items:center;display:flex;gap:3px;padding-inline-end:6px;white-space:nowrap}._-6HxG.kxdM9 ._1Jc1T{flex-shrink:0}.-OI6X{--ricos-internal-layout-display:grid;--ricos-internal-layout-handler-cursor:col-resize;--ricos-internal-layout-handler-color:#116dff;clear:both;margin:0 auto;position:relative;width:min(100%,var(--ricos-internal-resize-width,var(--ricos-internal-layout-width,initial)));z-index:2}.ymRo2{display:var(--ricos-internal-layout-display,grid);flex-wrap:wrap;gap:var(--ricos-internal-layout-gap,20px);grid-template-columns:var(--ricos-internal-layout-grid-template,var(--ricos-internal-layout-column-template));justify-content:var(--ricos-internal-layout-justify-content,auto);position:relative;transition:grid-template-columns .1s ease-out;width:100%;will-change:grid-template-columns;z-index:2}[data-layout-banner] .ymRo2{grid-template-columns:var(--ricos-internal-layout-column-template)!important}[data-layout-banner] .ymRo2.qEsBI{transition:none!important}.ymRo2.KyOFX ._3ox6k,.ymRo2.yLGsI{background:var(--ricos-internal-layout-background-gradient,var(--ricos-internal-layout-background-color,transparent));border:var(--ricos-internal-layout-border-width,0) solid var(--ricos-internal-layout-border-color);border-radius:var(--ricos-internal-layout-border-radius,0)}.ymRo2.KyOFX ._3ox6k:before,.ymRo2.yLGsI:before{background-image:var(--ricos-internal-layout-background-image-src);background-position:var(--ricos-internal-layout-background-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-background-image-scaling);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:\"\";filter:var(--ricos-internal-layout-background-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.ymRo2.KyOFX ._3ox6k:after,.ymRo2.yLGsI:after{background:var(--ricos-internal-layout-background-overlay,transparent);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@supports not (contain:inline-size){@media only screen and (max-width:480px){.ymRo2{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}}@container (width < 480px){.ymRo2:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){gap:min(20px,var(--ricos-internal-layout-gap,20px))}}@media (width < 480px){.ymRo2:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .ymRo2{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}.ymRo2._495KW{--ricos-internal-layout-display:flex;--ricos-internal-layout-justify-content:center;--ricos-internal-layout-cell-min-width:100%;--ricos-internal-layout-cell-height:auto}.ymRo2._495KW .VNMW-{display:none}.ymRo2.qEsBI{transition:none!important}.ymRo2.qEsBI,.ymRo2.qEsBI *{user-select:none!important}.ymRo2.tPfD8{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:e-resize}.ymRo2.BHHjf{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:w-resize}.ymRo2.S-jIt ._3ox6k .Gew0m,.ymRo2._14mdi ._3ox6k .Gew0m,.ymRo2.qEsBI ._3ox6k .Gew0m,.ymRo2.sJz83 ._3ox6k .Gew0m,.ymRo2:focus ._3ox6k .Gew0m,.ymRo2:hover ._3ox6k .Gew0m{outline-color:var(--ricos-internal-layout-cell-outline-color)}.ymRo2 ._3ox6k{display:flex;flex-direction:column;height:var(--ricos-internal-layout-cell-height,100%);max-width:var(--ricos-internal-layout-cell-min-width,auto);min-width:min(100%,var(--ricos-internal-layout-cell-min-width,0));position:relative;z-index:3}.ymRo2 ._3ox6k .Gew0m{display:flex;flex-direction:column;flex-grow:1;justify-content:var(--ricos-internal-layout-cell-vertical-alignment);outline:1.5px solid transparent;padding:var(--ricos-internal-layout-cell-padding-top,12px) var(--ricos-internal-layout-cell-padding-right,0) var(--ricos-internal-layout-cell-padding-bottom,12px) var(--ricos-internal-layout-cell-padding-left,0);position:relative;z-index:2}@supports not (contain:inline-size){@media only screen and (max-width:480px){.ymRo2 ._3ox6k .Gew0m{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}}@container (width < 480px){.ymRo2 ._3ox6k .Gew0m:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}@media (width < 480px){.ymRo2 ._3ox6k .Gew0m:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .ymRo2 ._3ox6k .Gew0m{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}.ymRo2 ._3ox6k ._7iJWg{align-items:center;background:#fff;border-radius:18px;box-shadow:0 0 6px rgba(0,6,36,.05);box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:none;height:18px;justify-content:center;left:50%;margin:0;outline:1px solid rgba(0,6,36,.302);padding:0 12px;position:absolute;top:0;transform:translate(-50%,-50%);transition:color .15s ease,background-color .15s ease;width:42px;z-index:3}.ymRo2 ._3ox6k ._7iJWg:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.ymRo2 ._3ox6k ._7iJWg:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.ymRo2 ._3ox6k ._7iJWg:active{cursor:grabbing}.ymRo2 ._3ox6k ._7iJWg:before{bottom:-1px;content:\"\";height:1px;left:0;position:absolute;right:0}.ymRo2.S-jIt:after{background-color:rgba(17,109,255,.1);bottom:0;content:\"\";left:0;opacity:1;outline:1.5px solid #116dff;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.ymRo2.S-jIt ._3ox6k .Gew0m{outline-color:rgba(17,109,255,.2)}.ymRo2.S-jIt ._3ox6k ._7iJWg{display:none}.ymRo2 ._3ox6k.bpRKi{background-color:rgba(17,109,255,.1);z-index:4}.ymRo2 ._3ox6k.bpRKi .Gew0m{outline-color:#116dff}.ymRo2 ._3ox6k.bpRKi ._7iJWg{background:#116dff;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline:none;transition:color .15s ease,background-color .15s ease}.ymRo2 ._3ox6k.bpRKi ._7iJWg:hover{background:#0f62e6;color:#fff}.ymRo2 ._3ox6k.bpRKi ._7iJWg:active{background:#084ebd;color:#fff}.ymRo2 ._3ox6k.bpRKi .ricos-selection,.ymRo2 ._3ox6k.bpRKi ::selection,.ymRo2.S-jIt ._3ox6k .ricos-selection,.ymRo2.S-jIt ._3ox6k ::selection,.ymRo2.qEsBI ._3ox6k .ricos-selection,.ymRo2.qEsBI ._3ox6k ::selection{background-color:transparent!important}.ymRo2.S-jIt .ricos-selection,.ymRo2.qEsBI .ricos-selection{background-color:transparent!important}.ymRo2.S-jIt ._7iJWg,.ymRo2._14mdi ._7iJWg,.ymRo2.qEsBI ._7iJWg,.ymRo2.sJz83 ._7iJWg{display:flex;z-index:4}.VNMW-{--ricos-internal-resize-handler-width:max(15px,var(--ricos-internal-layout-gap,0px));--ricos-internal-resize-handler-background-start:calc(50% - 1px);--ricos-internal-resize-handler-background-end:calc(50% + 1px);bottom:-1px;display:flex;left:calc(var(--ricos-internal-resize-handler-width)/2*-1);position:absolute!important;top:0;transform:translateX(max(-50%,var(--ricos-internal-layout-gap,0px)/2 * -1));width:var(--ricos-internal-resize-handler-width);z-index:3}.VNMW-:active,.ymRo2:not(.qEsBI) .VNMW-:hover{background:linear-gradient(90deg,transparent,transparent var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-end),transparent var(--ricos-internal-resize-handler-background-end));cursor:var(--ricos-internal-layout-handler-cursor)}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"sectionDividerClip\": \"_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,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,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/es/ricos-common-plugins/layout/paywall-toolbar-button.js

@@ -0,0 +1,74 @@
+import React, { useContext, useEffect, useState } from "react";
+import { RicosContext } from "./../../ricos-context/index.js";
+import {
+  getIsModalOpen,
+  useModalService,
+  useModalState
+} from "./../../ricos-modals/modal-service-provider.js";
+import { ToolbarButton as ToolbarButtonComponent } from "./../../_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 } = useContext(RicosContext);
+  const modalService = useModalService();
+  const [referenceElement, setReferenceElement] = useState(null);
+  const isOpen = useModalState(getIsModalOpen(PAYWALL_TOOLBAR_PANEL_ID));
+  const close = () => modalService.closeModal(PAYWALL_TOOLBAR_PANEL_ID);
+  useEffect(
+    () => () => {
+      modalService.isModalOpen(PAYWALL_TOOLBAR_PANEL_ID) && close();
+    },
+    [modalService]
+  );
+  return /* @__PURE__ */ React.createElement(
+    ToolbarButtonComponent,
+    {
+      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__ */ React.createElement(React.Fragment, null, button && /* @__PURE__ */ React.createElement(PaywallToolbarButton, { button, toolbarItem }));
+  },
+  command: () => {
+  }
+});
+export {
+  PAYWALL_TOOLBAR_PANEL_ID,
+  createPaywallToolbarButton,
+  getPaywallToolbarButton
+};
+//# sourceMappingURL=paywall-toolbar-button.js.map

package/dist/es/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,OAAO,SAAS,YAAY,WAAW,gBAAgB;AAMvD,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iBAAiB,8BAA8B;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,IAAI,WAAW,YAAY;AAC5C,QAAM,eAAe,gBAAgB;AACrC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAmC,IAAI;AACvF,QAAM,SAAS,cAAc,eAAe,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;AAAA,IAAC;AAAA;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,0DAAG,UAAU,oCAAC,wBAAqB,QAAgB,aAA0B,CAAG;AAAA,EACzF;AAAA,EACA,SAAS,MAAM;AAAA,EAAC;AAClB;",
+  "names": []
+}