@wix/ricos 11.22.0 → 11.23.1

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/layout/plugin-layout.tsx"],
-  "sourcesContent": ["import {\n  Add,\n  AddSmall,\n  Banner,\n  Catalog,\n  CatalogSmall,\n  Footer,\n  LayoutThreeColumns,\n  LayoutThreeColumnsSmall,\n  LayoutTwoColumns,\n  LayoutTwoColumnsSmall,\n  SectionDividerBottomSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport React, { useContext, useState } from 'react';\n\nimport { LAYOUT_DEFAULTS } from './../../ricos-common-plugins/layout/shared-with-viewer.js';\nimport {\n  TIPTAP_CARD_FOOTER_TYPE,\n  TIPTAP_CARD_HEADER_TYPE,\n  TIPTAP_CARD_TYPE,\n  TIPTAP_COLLAPSIBLE_LIST_TYPE,\n  TIPTAP_LAYOUT_TYPE,\n} from './../../ricos-content/index.js';\nimport { RicosContext } from './../../ricos-context/index.js';\nimport type {\n  EditorPlugin,\n  IToolbarItem,\n  PickerOption,\n  PluginPanel,\n  QuickAction,\n  Resolver,\n  RicosServices,\n  ToolbarButton,\n} from './../../ricos-types/index.js';\nimport { RicosPluginToolbarNames, quickActionsModalSections } from './../../ricos-types/index.js';\nimport { createPluginToolbarButton } from './../../_shared/create-plugin-toolbar-button.js';\nimport {\n  PLUGIN_TOOLBAR_SET_AS_FOOTER_BUTTON,\n  PLUGIN_TOOLBAR_SET_AS_HEADER_BUTTON,\n} from './../../_shared/data-hooks.js';\nimport { isEdgeBanner } from './../../_shared/is-edge-banner.js';\nimport { createAnimationButton } from './../../_shared/plugin-toolbar/create-animation-button.js';\nimport { createDeleteButton } from './../../_shared/plugin-toolbar/create-delete-button.js';\nimport { createSettingsButton } from './../../_shared/plugin-toolbar/create-settings-button.js';\nimport { createSeparator } from './../../_shared/plugin-toolbar/separator/create-separator.js';\nimport { canSetAsBanner } from './../../_shared/resolvers/can-set-as-banner.js';\nimport { canSetAsFooter } from './../../_shared/resolvers/can-set-as-footer.js';\nimport { isAlwaysVisible } from './../../_shared/resolvers/is-always-visible.js';\nimport { ToolbarButton as ToolbarButtonComponent } from './../../_shared/toolbar-button/toolbar-button.js';\nimport { findParentNodeClosestToPos, posToDOMRect } from './../../tiptap/index.js';\nimport type { Editor } from './../../tiptap/core/index.js';\nimport type { Node as ProseMirrorNode } from './../../tiptap/pm/model.js';\nimport { Fragment } from './../../tiptap/pm/model.js';\nimport { NodeSelection, TextSelection, type Selection } from './../../tiptap/pm/state.js';\nimport { INSERT_PLUGIN_BUTTONS } from './../../editor-common/index.js';\nimport { VERTICAL_ALIGNMENT_BUTTONS } from './../../toolbars-v3/components/buttons/VerticalAlignmentButton/vertical-alignment-dropdown.js';\nimport {\n  FLOATING_PLUGIN_TOOLBAR,\n  VERTICAL_ALIGNMENT_MODAL_ID,\n  VerticalAlignmentButton,\n  VerticalAlignmentDropdown,\n  verticalAlignmentIcons,\n} from './../../toolbars-v3/index.js';\nimport { findNodeById } from './../../tiptap-editor/helpers/index.js';\n\nimport {\n  INSERT_LAYOUT_BUTTON,\n  LAYOUT_PLUGIN_TOOLBAR_ADD_CELL_BUTTON,\n  LAYOUT_SETTINGS_MODAL_ID,\n  LAYOUT_TOOLBAR_VERTICAL_ALIGNMENT_BUTTON,\n  SECTION_DIVIDERS_BUTTON,\n  SECTION_DIVIDERS_MODAL_ID,\n} from './data-hooks.js';\nimport { layoutConverter } from './layout-converter.js';\nimport { layoutExtension } from './layout-extension.js';\nimport { Settings } from './layout-settings/settings.js';\nimport { ThreeColumns } from './modals/icons/three-columns.js';\nimport { TwoColumns } from './modals/icons/two-columns.js';\nimport { LAYOUT_INSERT_MODAL_ID, LayoutInsertModal } from './modals/layout-insert-modal.js';\nimport { createLayoutPresetContent } from './modals/presets/create-layout-preset-content.js';\nimport { SectionDividersPanelLazy } from './section-dividers/section-dividers-panel-lazy.js';\nimport {\n  createQuickActionBannerLayout,\n  findParentCardId,\n  getToolbarReferenceElement,\n  insertBlankLayout,\n  insertLayoutPreset,\n  toolbarsToAddIn,\n  type LayoutEditorConfig,\n} from './shared.js';\n\n// `isEdgeBanner`, not a presence check: the quick actions below demote whatever they find\n// here into a regular layout, which would silently strip a paywall's placement.\nconst isBannerLayoutNode = (node?: ProseMirrorNode) =>\n  node?.type.name === TIPTAP_LAYOUT_TYPE && isEdgeBanner(node.attrs?.banner);\n\n// The layout side panels (settings, section dividers) share their opening\n// contract: anchored to the floating plugin toolbar (falling back to the\n// button) at right-start, kept open on outside pointerup (the panels run their\n// own click-outside), focus returned to the invoking button.\nconst toggleLayoutSidePanel = <P,>(\n  modals: RicosServices['modals'],\n  panel: Pick<PluginPanel<P, unknown>, 'id' | 'Component' | 'componentProps'>,\n  referenceElement: HTMLElement,\n  isMobile: boolean\n) => {\n  modals?.togglePluginPanel({\n    ...panel,\n    positioning: {\n      referenceElement:\n        referenceElement.closest(`[data-hook~=${FLOATING_PLUGIN_TOOLBAR}]`) ?? referenceElement,\n      placement: 'right-start',\n    },\n    onClickOutside: {\n      on: 'pointerup',\n      handler: () => {},\n    },\n    focusReturnElement: referenceElement,\n    isMobile,\n  });\n};\n\nconst isEmptyTextBlock = (node: ProseMirrorNode) => node.isTextblock && node.content.size === 0;\n\n/**\n * Walk doc.content from the matching edge (TOP = forwards from start,\n * BOTTOM = backwards from end). Skip over empty paragraphs the trailing-node\n * extension parks at the edges. Returns the first banner layout encountered,\n * or `null` if a non-banner block appears first.\n */\nconst findEdgeBannerInDoc = (\n  doc: ProseMirrorNode,\n  isTop: boolean\n): { node: ProseMirrorNode; pos: number } | null => {\n  const children: { node: ProseMirrorNode; pos: number }[] = [];\n  doc.forEach((node, pos) => children.push({ node, pos }));\n  const ordered = isTop ? children : children.reverse();\n  for (const { node, pos } of ordered) {\n    if (isEmptyTextBlock(node)) {\n      continue;\n    }\n    return isBannerLayoutNode(node) ? { node, pos } : null;\n  }\n  return null;\n};\n\n/**\n * Insertion position for a doc-level BOTTOM banner. Sits just before any\n * trailing empty paragraphs so the trailing-node extension can keep parking\n * its empty P at the very end without ending up between two banners.\n */\nconst findBottomInsertionPos = (doc: ProseMirrorNode): number => {\n  let pos = doc.content.size;\n  const children: { node: ProseMirrorNode; pos: number }[] = [];\n  doc.forEach((node, p) => children.push({ node, pos: p }));\n  for (let i = children.length - 1; i >= 0; i--) {\n    if (isEmptyTextBlock(children[i].node)) {\n      pos = children[i].pos;\n    } else {\n      break;\n    }\n  }\n  return pos;\n};\n\nconst createRegularLayoutNode = (node: ProseMirrorNode) => {\n  const { banner: _banner, ...attrs } = node.attrs;\n\n  return {\n    type: TIPTAP_LAYOUT_TYPE,\n    attrs,\n    content: node.content.toJSON(),\n  };\n};\n\nconst insertQuickActionBanner = (position: 'TOP' | 'BOTTOM') => (editor: Editor) => {\n  const isTop = position === 'TOP';\n  const wrapperType = isTop ? TIPTAP_CARD_HEADER_TYPE : TIPTAP_CARD_FOOTER_TYPE;\n\n  editor\n    .chain()\n    .focus()\n    .command(({ tr, dispatch, state }) => {\n      const { headingId, layoutNode } = createQuickActionBannerLayout(position);\n      const cardId = findParentCardId(tr.doc, tr.selection.from);\n\n      if (cardId) {\n        // Inside a card, banners live in CARD_HEADER / CARD_FOOTER (dedicated\n        // PM children of CARD that each wrap a single LAYOUT). Wrap the new\n        // layout in the right slot and replace any existing one, or insert a\n        // fresh slot at CARD's start (TOP) / end (BOTTOM).\n        const card = findNodeById(tr, cardId)[0];\n        if (!card) {\n          return false;\n        }\n\n        const newWrapper = state.schema.nodeFromJSON({\n          type: wrapperType,\n          content: [layoutNode],\n        });\n\n        let existingPos = -1;\n        let existingSize = -1;\n        card.node.forEach((child, offset) => {\n          if (child.type.name === wrapperType && existingPos < 0) {\n            existingPos = card.pos + 1 + offset;\n            existingSize = child.nodeSize;\n          }\n        });\n\n        if (existingPos >= 0) {\n          tr.replaceWith(existingPos, existingPos + existingSize, newWrapper);\n        } else {\n          const insertPos = isTop ? card.pos + 1 : card.pos + card.node.nodeSize - 1;\n          tr.insert(insertPos, newWrapper);\n        }\n      } else {\n        // No parent card: keep the legacy doc-level banner behavior —\n        // demote any existing edge banner into a regular layout, then\n        // insert the new banner at doc top (TOP) / bottom (BOTTOM). The\n        // trailing-node extension may park an empty paragraph at doc\n        // end, so walk doc.content from the matching edge past empty\n        // paragraphs to find the actual edge banner (if any).\n        const edge = findEdgeBannerInDoc(tr.doc, isTop);\n        const demotedBanner = edge ? createRegularLayoutNode(edge.node) : undefined;\n\n        // Capture the insertion point relative to the pre-delete doc so\n        // the new banner ends up at the same edge (and inside any\n        // trailing/leading empty paragraphs the auto-node extension\n        // parks there). Map through tr.mapping after the delete.\n        const preDeleteInsertPos = isTop ? 0 : findBottomInsertionPos(tr.doc);\n\n        if (edge && demotedBanner) {\n          tr.deleteRange(edge.pos, edge.pos + edge.node.nodeSize);\n        }\n        const nodesToInsert = isTop\n          ? [layoutNode, ...(demotedBanner ? [demotedBanner] : [])]\n          : [...(demotedBanner ? [demotedBanner] : []), layoutNode];\n        const fragment = Fragment.fromArray(\n          nodesToInsert.map(node => state.schema.nodeFromJSON(node))\n        );\n        tr.insert(tr.mapping.map(preDeleteInsertPos), fragment);\n      }\n\n      const headingNode = findNodeById(tr, headingId)[0];\n      if (headingNode) {\n        tr.setSelection(TextSelection.create(tr.doc, headingNode.pos + 1));\n      }\n\n      if (dispatch) {\n        dispatch(tr.scrollIntoView());\n      }\n\n      return true;\n    })\n    .run();\n};\n\nconst bannerQuickAction: QuickAction = {\n  id: 'banner',\n  title: 'QuickActionsPlugin_ActionTitle_Banner',\n  tags: ['header', 'banner', 'cover', 'layout'],\n  icon: Banner,\n  section: quickActionsModalSections.FormatLayout,\n  command: ({ editor }) => {\n    insertQuickActionBanner('TOP')(editor);\n  },\n};\n\nconst footerQuickAction: QuickAction = {\n  id: 'footer',\n  title: 'QuickActionsPlugin_ActionTitle_Footer',\n  tags: ['footer', 'banner', 'layout'],\n  icon: Footer,\n  section: quickActionsModalSections.FormatLayout,\n  isVisible: editor => !!editor.state.schema.nodes[TIPTAP_CARD_TYPE],\n  command: ({ editor }) => {\n    insertQuickActionBanner('BOTTOM')(editor);\n  },\n};\n\nconst LAYOUT_QUICK_ACTION_TAGS = ['layout', 'grid', 'cell'];\n\nconst BLANK_LAYOUT_OPTIONS = [\n  { id: 'twoColumns', colCount: 2, title: 'Layout_InsertModal_2Columns', icon: TwoColumns },\n  { id: 'threeColumns', colCount: 3, title: 'Layout_InsertModal_3Columns', icon: ThreeColumns },\n];\n\n/**\n * The insert picker's options — blank layouts, then the designed presets — as\n * `options` of the layout add button and the `layoutPresets` quick action.\n * External toolbar APIs expose these as `options` on the existing action,\n * so consumer add panels can insert a preset without rebuilding the picker.\n */\nconst createLayoutPickerOptions = ({\n  t,\n  converters,\n}: Pick<RicosServices, 't' | 'converters'>): PickerOption[] => [\n  ...BLANK_LAYOUT_OPTIONS.map(\n    ({ colCount, ...option }): PickerOption => ({\n      ...option,\n      group: 'Layout_InsertModal_Section_Blank',\n      command: ({ publicCommands }) => insertBlankLayout(publicCommands, colCount),\n    })\n  ),\n  ...createLayoutPresetContent(t).map(\n    ({ id, label, Icon, createContentFn }): PickerOption => ({\n      id: `preset${id}`,\n      title: label,\n      icon: Icon,\n      group: 'Layout_InsertModal_Section_Presets',\n      command: ({ publicCommands }) =>\n        insertLayoutPreset(publicCommands, converters, createContentFn()),\n    })\n  ),\n];\n\nexport const pluginLayout = (\n  config: LayoutEditorConfig = {\n    showInQuickActions: false,\n    showInToolbars: false,\n  }\n): EditorPlugin => ({\n  type: TIPTAP_LAYOUT_TYPE,\n  config,\n  pmMarkConverters: [],\n  pmNodeConverters: [layoutConverter],\n  tiptapExtensions: [layoutExtension],\n  textButtons: [],\n  toolbar: {\n    names: [RicosPluginToolbarNames.LAYOUT],\n    isVisible: isToolbarVisible,\n    resolveReferenceElement: tiptapEditor => getToolbarReferenceElement(tiptapEditor),\n    getButtons: (_, services: RicosServices) => [\n      createSettingsButton({\n        modalId: LAYOUT_SETTINGS_MODAL_ID,\n        showLabel: true,\n        attributes: {\n          selectedNode: selectedNodeResolver,\n        },\n        command: ({ isMobile, referenceElement, attributes: { selectedNode } }) => {\n          toggleLayoutSidePanel(\n            services.modals,\n            {\n              id: LAYOUT_SETTINGS_MODAL_ID,\n              Component: Settings,\n              componentProps: {\n                referenceElement: referenceElement!,\n                nodeId: selectedNode.attrs.id,\n                config,\n              },\n            },\n            referenceElement!,\n            isMobile\n          );\n        },\n        buttonId: 'layoutSettings',\n      }),\n      createSeparator(),\n      {\n        id: 'layoutSectionDividers',\n        type: 'modal',\n        tooltip: 'Layouts_SectionDividers_Tooltip',\n        icon: SectionDividerBottomSmall,\n        dataHook: SECTION_DIVIDERS_BUTTON,\n        attributes: {\n          selectedNode: selectedNodeResolver,\n          active: (_, { modals }) => Boolean(modals?.getModal(SECTION_DIVIDERS_MODAL_ID)),\n        },\n        renderer: toolbarItem => <SectionDividersButton toolbarItem={toolbarItem} />,\n        command: ({ isMobile, referenceElement, attributes: { selectedNode } }) => {\n          toggleLayoutSidePanel(\n            services.modals,\n            {\n              id: SECTION_DIVIDERS_MODAL_ID,\n              Component: SectionDividersPanelLazy,\n              componentProps: {\n                referenceElement: referenceElement!,\n                nodeId: selectedNode.attrs.id,\n              },\n            },\n            referenceElement!,\n            isMobile\n          );\n        },\n      },\n      ...(config.disableBanner ? [] : [setAsBannerButton]),\n      ...(config.disableFooter ? [] : [setAsFooterButton]),\n      createPluginToolbarButton({\n        id: 'layoutVerticalAlignment',\n        type: 'dropdown',\n        tooltip: 'Layouts_LayoutCellVerticalAlignment_Tooltip',\n        dataHook: LAYOUT_TOOLBAR_VERTICAL_ALIGNMENT_BUTTON,\n        Component: VerticalAlignmentDropdown,\n        getComponentProps: ({ tiptapEditor, modals, attributes }) => {\n          return {\n            onSelect: verticalAlignment => {\n              tiptapEditor\n                .chain()\n                .focus()\n                .setLayoutCellsVerticalAlignment(\n                  attributes.selectedNode.attrs.id,\n                  verticalAlignment\n                )\n                .run();\n            },\n            dropdownOptions: Object.values(VERTICAL_ALIGNMENT_BUTTONS).map(item => ({\n              id: item.commandKey,\n              dataHook: item.dataHook,\n              label: services.t(item.tooltip),\n              icon: item.iconSmall,\n              iconMobile: item.icon,\n            })),\n            closeModal: () => modals.closeModal(VERTICAL_ALIGNMENT_MODAL_ID),\n            selectedId:\n              attributes.selectedNode.attrs.cellVerticalAlignment ||\n              LAYOUT_DEFAULTS.cellVerticalAlignment,\n          };\n        },\n        command: ({\n          tiptapEditor,\n          modals,\n          referenceElement,\n          attributes,\n          getComponentProps,\n          publicCommands,\n        }) => {\n          const closeModal = () => modals.closeModal(VERTICAL_ALIGNMENT_MODAL_ID);\n          const isModalOpen = modals.isModalOpen(VERTICAL_ALIGNMENT_MODAL_ID);\n\n          if (isModalOpen) {\n            closeModal();\n            return;\n          }\n\n          const componentProps = getComponentProps?.({\n            tiptapEditor,\n            attributes,\n            publicCommands,\n            t: services.t,\n            modals,\n            languageDir: services.context.languageDir,\n          });\n\n          if (!componentProps) {\n            return;\n          }\n\n          modals.openModal({\n            id: VERTICAL_ALIGNMENT_MODAL_ID,\n            Component: VerticalAlignmentDropdown,\n            componentProps,\n            layout: services.context.isMobile ? 'drawer' : 'floating',\n            positioning: { referenceElement, placement: 'bottom' },\n          });\n        },\n        attributes: {\n          selectedNode: selectedNodeResolver,\n          verticalAlignment: getVerticalAlignmentResolver,\n        },\n        renderer: toolbarItem => <VerticalAlignmentButton toolbarItem={toolbarItem} />,\n        getIcon: ({ attributes }) => {\n          const verticalAlignment: 'TOP' | 'MIDDLE' | 'BOTTOM' =\n            attributes.selectedNode.attrs?.cellVerticalAlignment ||\n            LAYOUT_DEFAULTS.cellVerticalAlignment;\n          return verticalAlignmentIcons[verticalAlignment];\n        },\n      }),\n      {\n        id: 'addCellToTheEnd',\n        type: 'toggle',\n        dataHook: LAYOUT_PLUGIN_TOOLBAR_ADD_CELL_BUTTON,\n        tooltip: 'Layouts_LayoutAddCell_Tooltip',\n        icon: Add,\n        attributes: {\n          selectedNode: selectedNodeResolver,\n          alwaysVisible: isAlwaysVisible,\n          disabled: (_, __, editor) => {\n            const selection = editor?.state?.selection;\n            if (!selection) {\n              return true;\n            }\n            const closest =\n              selection instanceof NodeSelection && selection.node?.type.name === TIPTAP_LAYOUT_TYPE\n                ? selection\n                : findParentNodeClosestToPos(\n                    selection.$from,\n                    node => node.type.name === TIPTAP_LAYOUT_TYPE\n                  );\n\n            return closest?.node.lastChild && editor\n              ? !editor.can().addCellRight(closest.node.lastChild.attrs.id)\n              : true;\n          },\n        },\n        command: ({ tiptapEditor, attributes: { selectedNode } }) => {\n          tiptapEditor.commands.addCellRight(selectedNode.lastChild.attrs.id);\n        },\n        renderer: toolbarItem => <AddCellButton toolbarItem={toolbarItem} />,\n      },\n      // the layout toolbar also shows for text selections inside the layout —\n      // resolve the layout like the other buttons, not just NodeSelections\n      createAnimationButton(services, selectedNodeResolver),\n      createSeparator(),\n      createDeleteButton({\n        tooltip: 'Layouts_LayoutDelete_Tooltip',\n        attributes: {\n          selectedNode: selectedNodeResolver,\n        },\n        command: ({ tiptapEditor, attributes }) => {\n          const layoutId = attributes.selectedNode.attrs.id;\n          const layoutWithPos = findNodeById(tiptapEditor.state.tr, layoutId)[0];\n          if (!layoutWithPos) {\n            return;\n          }\n\n          const $layoutPos = tiptapEditor.state.doc.resolve(layoutWithPos.pos);\n          const parentTypeName = $layoutPos.parent.type.name;\n          const isInCardWrapper =\n            parentTypeName === TIPTAP_CARD_HEADER_TYPE ||\n            parentTypeName === TIPTAP_CARD_FOOTER_TYPE;\n\n          if (isInCardWrapper) {\n            // CARD_HEADER/CARD_FOOTER schema requires exactly one LAYOUT child,\n            // so deleting just the layout would leave PM to auto-fill an empty\n            // layout. Delete the wrapper itself instead.\n            const wrapperFrom = $layoutPos.before($layoutPos.depth);\n            const wrapperTo = $layoutPos.after($layoutPos.depth);\n            tiptapEditor\n              .chain()\n              .focus()\n              .command(({ tr }) => {\n                tr.delete(wrapperFrom, wrapperTo);\n                return true;\n              })\n              .run();\n            return;\n          }\n\n          tiptapEditor.commands.deleteNode(layoutId);\n        },\n      }),\n    ],\n  },\n  getAddButtons: (_config, services) =>\n    config.showInToolbars\n      ? [\n          {\n            id: `${TIPTAP_LAYOUT_TYPE}.insert`,\n            label: INSERT_PLUGIN_BUTTONS.LAYOUT,\n            dataHook: INSERT_LAYOUT_BUTTON,\n            icon: LayoutThreeColumns,\n            tooltip: 'Layout_InsertButton_Tooltip',\n            toolbars: toolbarsToAddIn,\n            command: ({ referenceElement }) => {\n              services.modals?.togglePluginPanel({\n                id: LAYOUT_INSERT_MODAL_ID,\n                Component: LayoutInsertModal,\n                componentProps: {},\n                isMobile: services.context.isMobile,\n                positioning: {\n                  referenceElement,\n                  placement: 'bottom',\n                },\n                mobileLayout: 'drawer',\n              });\n\n              return true;\n            },\n            menuConfig: {\n              tags: 'Layout_InsertButton',\n              group: 'basic',\n            },\n            options: createLayoutPickerOptions(services),\n          },\n        ]\n      : [],\n  getQuickActions: ({ pluginServices }) =>\n    config.showInQuickActions\n      ? [\n          ...(config.disableBanner ? [] : [bannerQuickAction]),\n          ...(config.disableFooter ? [] : [footerQuickAction]),\n          {\n            id: 'twoColumns',\n            title: 'QuickActionsPlugin_ActionTitle_TwoColumns',\n            tags: LAYOUT_QUICK_ACTION_TAGS,\n            icon: pluginServices?.context.isMobile ? LayoutTwoColumns : LayoutTwoColumnsSmall,\n            section: quickActionsModalSections.FormatLayout,\n            command: ({ publicCommands }) => {\n              insertBlankLayout(publicCommands, 2);\n            },\n          },\n          {\n            id: 'threeColumns',\n            title: 'QuickActionsPlugin_ActionTitle_ThreeColumns',\n            tags: LAYOUT_QUICK_ACTION_TAGS,\n            icon: pluginServices?.context.isMobile ? LayoutThreeColumns : LayoutThreeColumnsSmall,\n            section: quickActionsModalSections.FormatLayout,\n            command: ({ publicCommands }) => {\n              insertBlankLayout(publicCommands, 3);\n            },\n          },\n          {\n            id: 'layoutPresets',\n            title: 'QuickActionsPlugin_ActionTitle_Presets',\n            tags: [...LAYOUT_QUICK_ACTION_TAGS, 'presets'],\n            icon: pluginServices?.context.isMobile ? Catalog : CatalogSmall,\n            section: quickActionsModalSections.FormatLayout,\n            command: ({ editor, referenceElement }) => {\n              const isMobile = pluginServices.context.isMobile;\n              pluginServices.modals?.togglePluginPanel({\n                id: LAYOUT_INSERT_MODAL_ID,\n                Component: LayoutInsertModal,\n                componentProps: {},\n                isMobile,\n                positioning: {\n                  referenceElement: referenceElement ?? {\n                    getBoundingClientRect: () =>\n                      posToDOMRect(\n                        editor.view,\n                        editor.view.state.selection.from,\n                        editor.view.state.selection.to\n                      ),\n                  },\n                  placement: isMobile ? 'bottom' : 'bottom-start',\n                },\n                mobileLayout: 'drawer',\n              });\n            },\n            options: createLayoutPickerOptions(pluginServices),\n          },\n        ]\n      : [],\n});\n\nconst getVerticalAlignmentResolver: Resolver<string | undefined> = content => {\n  if (Array.isArray(content) && content.length > 0) {\n    const cellNode = content.find(node => node.type.name === TIPTAP_LAYOUT_TYPE);\n\n    return cellNode?.attrs?.cellVerticalAlignment;\n  }\n  return undefined;\n};\n\nconst selectedNodeResolver: Resolver<ProseMirrorNode | undefined> = (_, __, editor) => {\n  if (!editor) {\n    return undefined;\n  }\n  const { selection } = editor.state;\n  const node = selection instanceof NodeSelection ? selection.node : undefined;\n  const closest = findParentNodeClosestToPos(\n    selection.$from,\n    node => node.type.name === TIPTAP_LAYOUT_TYPE\n  );\n  if (closest || node) {\n    return closest?.node ?? node;\n  }\n  return undefined;\n};\n\n// Active iff the *selected* layout carries the matching banner attribute.\n// Scoped to selection (not doc-wide) so toggles don't light up across cards.\nconst isLayoutSetAsBannerActive: Resolver<boolean> = (content, services, editor) => {\n  const node = selectedNodeResolver(content, services, editor) as ProseMirrorNode | undefined;\n  return node?.attrs?.banner?.position === 'TOP';\n};\n\nconst isLayoutSetAsFooterActive: Resolver<boolean> = (content, services, editor) => {\n  const node = selectedNodeResolver(content, services, editor) as ProseMirrorNode | undefined;\n  return node?.attrs?.banner?.position === 'BOTTOM';\n};\n\nconst setAsBannerButton: ToolbarButton = {\n  id: 'layoutSetAsBanner',\n  type: 'toggle',\n  tooltip: null,\n  label: 'Layouts_LayoutSetAsBanner_Tooltip',\n  icon: Banner,\n  attributes: {\n    selectedNode: selectedNodeResolver,\n    // A paywall can never be a banner — the only affordance it loses.\n    visible: canSetAsBanner,\n    active: isLayoutSetAsBannerActive,\n  },\n  dataHook: PLUGIN_TOOLBAR_SET_AS_HEADER_BUTTON,\n  renderer: toolbarItem => <LayoutSetAsHeaderButton toolbarItem={toolbarItem} />,\n  command: ({ tiptapEditor, attributes: { selectedNode } }) => {\n    const isTopBanner = selectedNode?.attrs?.banner?.position === 'TOP';\n    tiptapEditor.commands.setLayoutBanner(\n      selectedNode.attrs.id,\n      isTopBanner ? undefined : { position: 'TOP', origin: 'LAYOUT' }\n    );\n  },\n};\n\nconst setAsFooterButton: ToolbarButton = {\n  id: 'layoutSetAsFooter',\n  type: 'toggle',\n  tooltip: null,\n  label: 'Layouts_LayoutSetAsFooter_Tooltip',\n  icon: Footer,\n  attributes: {\n    selectedNode: selectedNodeResolver,\n    visible: canSetAsFooter,\n    active: isLayoutSetAsFooterActive,\n  },\n  dataHook: PLUGIN_TOOLBAR_SET_AS_FOOTER_BUTTON,\n  renderer: toolbarItem => <LayoutSetAsFooterButton toolbarItem={toolbarItem} />,\n  command: ({ tiptapEditor, attributes: { selectedNode } }) => {\n    const isBottomBanner = selectedNode?.attrs?.banner?.position === 'BOTTOM';\n    tiptapEditor.commands.setLayoutBanner(\n      selectedNode.attrs.id,\n      isBottomBanner ? undefined : { position: 'BOTTOM', origin: 'LAYOUT' }\n    );\n  },\n};\n\nconst AddCellButton: React.FC<{\n  toolbarItem: IToolbarItem;\n}> = ({ toolbarItem }) => {\n  const { t } = useContext(RicosContext) || {};\n\n  return (\n    <ToolbarButtonComponent\n      disabled={toolbarItem.attributes.disabled}\n      prefix={AddSmall}\n      onClick={() => {\n        // @ts-expect-error\n        toolbarItem.tiptapEditor.commands.addCellRight(\n          toolbarItem.attributes.selectedNode.lastChild.attrs.id\n        );\n      }}\n      dataHook={LAYOUT_PLUGIN_TOOLBAR_ADD_CELL_BUTTON}\n      tooltip={t('Layouts_LayoutAddCell_Tooltip')}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n\nconst SectionDividersButton: React.FC<{\n  toolbarItem: IToolbarItem;\n}> = ({ toolbarItem }) => {\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const { isMobile, t } = useContext(RicosContext) || {};\n  const onClick = toolbarItem.commands.click;\n\n  return (\n    <ToolbarButtonComponent\n      prefix={SectionDividerBottomSmall}\n      active={!!toolbarItem.attributes.active}\n      onClick={() => onClick?.({ isMobile, referenceElement })}\n      dataHook={SECTION_DIVIDERS_BUTTON}\n      tooltip={t('Layouts_SectionDividers_Tooltip')}\n      ariaLabel={t('Layouts_SectionDividers_Tooltip')}\n      ref={setReferenceElement}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n\nconst LayoutSetAsHeaderButton: React.FC<{\n  toolbarItem: IToolbarItem;\n}> = ({ toolbarItem }) => {\n  const { t } = useContext(RicosContext) || {};\n\n  const onClick = toolbarItem.commands.click;\n  const isActive = !!toolbarItem.attributes.active;\n\n  return (\n    <ToolbarButtonComponent\n      prefix={Banner}\n      onClick={() => onClick?.()}\n      dataHook={PLUGIN_TOOLBAR_SET_AS_HEADER_BUTTON}\n      label={t(toolbarItem.presentation.label)}\n      tabIndex={toolbarItem.presentation.tabIndex}\n      active={isActive}\n    />\n  );\n};\n\nconst LayoutSetAsFooterButton: React.FC<{\n  toolbarItem: IToolbarItem;\n}> = ({ toolbarItem }) => {\n  const { t } = useContext(RicosContext) || {};\n\n  const onClick = toolbarItem.commands.click;\n  const isActive = !!toolbarItem.attributes.active;\n\n  return (\n    <ToolbarButtonComponent\n      prefix={Footer}\n      onClick={() => onClick?.()}\n      dataHook={PLUGIN_TOOLBAR_SET_AS_FOOTER_BUTTON}\n      label={t(toolbarItem.presentation.label)}\n      tabIndex={toolbarItem.presentation.tabIndex}\n      active={isActive}\n    />\n  );\n};\n\nconst isToolbarVisible = (selection: Selection | NodeSelection): boolean => {\n  const isVisibleInSelection =\n    'node' in selection && selection.node?.type.name === TIPTAP_LAYOUT_TYPE;\n\n  if (isVisibleInSelection) {\n    return true;\n  }\n\n  if ('node' in selection) {\n    return false;\n  }\n\n  // Defer to nested plugins that own their own subtree toolbar (e.g. collapsible list).\n  // If a nested container is closer to the selection than the layout, that plugin wins.\n  const closestContainer = findParentNodeClosestToPos(\n    selection.$from,\n    node => node.type.name === TIPTAP_LAYOUT_TYPE || node.type.name === TIPTAP_COLLAPSIBLE_LIST_TYPE\n  );\n\n  return closestContainer?.node.type.name === TIPTAP_LAYOUT_TYPE;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  Add,\n  AddSmall,\n  Banner,\n  Catalog,\n  CatalogSmall,\n  Footer,\n  LayoutThreeColumns,\n  LayoutThreeColumnsSmall,\n  LayoutTwoColumns,\n  LayoutTwoColumnsSmall,\n  SectionDividerBottomSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport React, { useContext, useState } from 'react';\n\nimport { LAYOUT_DEFAULTS } from './../../ricos-common-plugins/layout/shared-with-viewer.js';\nimport {\n  TIPTAP_CARD_FOOTER_TYPE,\n  TIPTAP_CARD_HEADER_TYPE,\n  TIPTAP_CARD_TYPE,\n  TIPTAP_COLLAPSIBLE_LIST_TYPE,\n  TIPTAP_LAYOUT_TYPE,\n} from './../../ricos-content/index.js';\nimport { RicosContext } from './../../ricos-context/index.js';\nimport type {\n  EditorPlugin,\n  IToolbarItem,\n  PickerOption,\n  PluginPanel,\n  QuickAction,\n  Resolver,\n  RicosServices,\n  ToolbarButton,\n} from './../../ricos-types/index.js';\nimport { RicosPluginToolbarNames, quickActionsModalSections } from './../../ricos-types/index.js';\nimport { createPluginToolbarButton } from './../../_shared/create-plugin-toolbar-button.js';\nimport {\n  PLUGIN_TOOLBAR_SET_AS_FOOTER_BUTTON,\n  PLUGIN_TOOLBAR_SET_AS_HEADER_BUTTON,\n} from './../../_shared/data-hooks.js';\nimport { isEdgeBanner } from './../../_shared/is-edge-banner.js';\nimport { isPaywallSelection } from './../../_shared/paywall/paywall-selection.js';\nimport { createAnimationButton } from './../../_shared/plugin-toolbar/create-animation-button.js';\nimport { createDeleteButton } from './../../_shared/plugin-toolbar/create-delete-button.js';\nimport { createSettingsButton } from './../../_shared/plugin-toolbar/create-settings-button.js';\nimport { createSeparator } from './../../_shared/plugin-toolbar/separator/create-separator.js';\nimport { canSetAsBanner } from './../../_shared/resolvers/can-set-as-banner.js';\nimport { canSetAsFooter } from './../../_shared/resolvers/can-set-as-footer.js';\nimport { isAlwaysVisible } from './../../_shared/resolvers/is-always-visible.js';\nimport { ToolbarButton as ToolbarButtonComponent } from './../../_shared/toolbar-button/toolbar-button.js';\nimport { findParentNodeClosestToPos, posToDOMRect } from './../../tiptap/index.js';\nimport type { Editor } from './../../tiptap/core/index.js';\nimport type { Node as ProseMirrorNode } from './../../tiptap/pm/model.js';\nimport { Fragment } from './../../tiptap/pm/model.js';\nimport { NodeSelection, TextSelection, type Selection } from './../../tiptap/pm/state.js';\nimport { INSERT_PLUGIN_BUTTONS } from './../../editor-common/index.js';\nimport { VERTICAL_ALIGNMENT_BUTTONS } from './../../toolbars-v3/components/buttons/VerticalAlignmentButton/vertical-alignment-dropdown.js';\nimport {\n  FLOATING_PLUGIN_TOOLBAR,\n  VERTICAL_ALIGNMENT_MODAL_ID,\n  VerticalAlignmentButton,\n  VerticalAlignmentDropdown,\n  verticalAlignmentIcons,\n} from './../../toolbars-v3/index.js';\nimport { findNodeById } from './../../tiptap-editor/helpers/index.js';\n\nimport {\n  INSERT_LAYOUT_BUTTON,\n  LAYOUT_PLUGIN_TOOLBAR_ADD_CELL_BUTTON,\n  LAYOUT_SETTINGS_MODAL_ID,\n  LAYOUT_TOOLBAR_VERTICAL_ALIGNMENT_BUTTON,\n  SECTION_DIVIDERS_BUTTON,\n  SECTION_DIVIDERS_MODAL_ID,\n} from './data-hooks.js';\nimport { layoutConverter } from './layout-converter.js';\nimport { layoutExtension } from './layout-extension.js';\nimport { Settings } from './layout-settings/settings.js';\nimport { ThreeColumns } from './modals/icons/three-columns.js';\nimport { TwoColumns } from './modals/icons/two-columns.js';\nimport { LAYOUT_INSERT_MODAL_ID, LayoutInsertModal } from './modals/layout-insert-modal.js';\nimport { createLayoutPresetContent } from './modals/presets/create-layout-preset-content.js';\nimport { createPaywallToolbarButton, getPaywallToolbarButton } from './paywall-toolbar-button.js';\nimport { SectionDividersPanelLazy } from './section-dividers/section-dividers-panel-lazy.js';\nimport {\n  createQuickActionBannerLayout,\n  findParentCardId,\n  getToolbarReferenceElement,\n  insertBlankLayout,\n  insertLayoutPreset,\n  toolbarsToAddIn,\n  type LayoutEditorConfig,\n} from './shared.js';\n\n// `isEdgeBanner`, not a presence check: the quick actions below demote whatever they find\n// here into a regular layout, which would silently strip a paywall's placement.\nconst isBannerLayoutNode = (node?: ProseMirrorNode) =>\n  node?.type.name === TIPTAP_LAYOUT_TYPE && isEdgeBanner(node.attrs?.banner);\n\n// The layout side panels (settings, section dividers) share their opening\n// contract: anchored to the floating plugin toolbar (falling back to the\n// button) at right-start, kept open on outside pointerup (the panels run their\n// own click-outside), focus returned to the invoking button.\nconst toggleLayoutSidePanel = <P,>(\n  modals: RicosServices['modals'],\n  panel: Pick<PluginPanel<P, unknown>, 'id' | 'Component' | 'componentProps'>,\n  referenceElement: HTMLElement,\n  isMobile: boolean\n) => {\n  modals?.togglePluginPanel({\n    ...panel,\n    positioning: {\n      referenceElement:\n        referenceElement.closest(`[data-hook~=${FLOATING_PLUGIN_TOOLBAR}]`) ?? referenceElement,\n      placement: 'right-start',\n    },\n    onClickOutside: {\n      on: 'pointerup',\n      handler: () => {},\n    },\n    focusReturnElement: referenceElement,\n    isMobile,\n  });\n};\n\nconst isEmptyTextBlock = (node: ProseMirrorNode) => node.isTextblock && node.content.size === 0;\n\n/**\n * Walk doc.content from the matching edge (TOP = forwards from start,\n * BOTTOM = backwards from end). Skip over empty paragraphs the trailing-node\n * extension parks at the edges. Returns the first banner layout encountered,\n * or `null` if a non-banner block appears first.\n */\nconst findEdgeBannerInDoc = (\n  doc: ProseMirrorNode,\n  isTop: boolean\n): { node: ProseMirrorNode; pos: number } | null => {\n  const children: { node: ProseMirrorNode; pos: number }[] = [];\n  doc.forEach((node, pos) => children.push({ node, pos }));\n  const ordered = isTop ? children : children.reverse();\n  for (const { node, pos } of ordered) {\n    if (isEmptyTextBlock(node)) {\n      continue;\n    }\n    return isBannerLayoutNode(node) ? { node, pos } : null;\n  }\n  return null;\n};\n\n/**\n * Insertion position for a doc-level BOTTOM banner. Sits just before any\n * trailing empty paragraphs so the trailing-node extension can keep parking\n * its empty P at the very end without ending up between two banners.\n */\nconst findBottomInsertionPos = (doc: ProseMirrorNode): number => {\n  let pos = doc.content.size;\n  const children: { node: ProseMirrorNode; pos: number }[] = [];\n  doc.forEach((node, p) => children.push({ node, pos: p }));\n  for (let i = children.length - 1; i >= 0; i--) {\n    if (isEmptyTextBlock(children[i].node)) {\n      pos = children[i].pos;\n    } else {\n      break;\n    }\n  }\n  return pos;\n};\n\nconst createRegularLayoutNode = (node: ProseMirrorNode) => {\n  const { banner: _banner, ...attrs } = node.attrs;\n\n  return {\n    type: TIPTAP_LAYOUT_TYPE,\n    attrs,\n    content: node.content.toJSON(),\n  };\n};\n\nconst insertQuickActionBanner = (position: 'TOP' | 'BOTTOM') => (editor: Editor) => {\n  const isTop = position === 'TOP';\n  const wrapperType = isTop ? TIPTAP_CARD_HEADER_TYPE : TIPTAP_CARD_FOOTER_TYPE;\n\n  editor\n    .chain()\n    .focus()\n    .command(({ tr, dispatch, state }) => {\n      const { headingId, layoutNode } = createQuickActionBannerLayout(position);\n      const cardId = findParentCardId(tr.doc, tr.selection.from);\n\n      if (cardId) {\n        // Inside a card, banners live in CARD_HEADER / CARD_FOOTER (dedicated\n        // PM children of CARD that each wrap a single LAYOUT). Wrap the new\n        // layout in the right slot and replace any existing one, or insert a\n        // fresh slot at CARD's start (TOP) / end (BOTTOM).\n        const card = findNodeById(tr, cardId)[0];\n        if (!card) {\n          return false;\n        }\n\n        const newWrapper = state.schema.nodeFromJSON({\n          type: wrapperType,\n          content: [layoutNode],\n        });\n\n        let existingPos = -1;\n        let existingSize = -1;\n        card.node.forEach((child, offset) => {\n          if (child.type.name === wrapperType && existingPos < 0) {\n            existingPos = card.pos + 1 + offset;\n            existingSize = child.nodeSize;\n          }\n        });\n\n        if (existingPos >= 0) {\n          tr.replaceWith(existingPos, existingPos + existingSize, newWrapper);\n        } else {\n          const insertPos = isTop ? card.pos + 1 : card.pos + card.node.nodeSize - 1;\n          tr.insert(insertPos, newWrapper);\n        }\n      } else {\n        // No parent card: keep the legacy doc-level banner behavior —\n        // demote any existing edge banner into a regular layout, then\n        // insert the new banner at doc top (TOP) / bottom (BOTTOM). The\n        // trailing-node extension may park an empty paragraph at doc\n        // end, so walk doc.content from the matching edge past empty\n        // paragraphs to find the actual edge banner (if any).\n        const edge = findEdgeBannerInDoc(tr.doc, isTop);\n        const demotedBanner = edge ? createRegularLayoutNode(edge.node) : undefined;\n\n        // Capture the insertion point relative to the pre-delete doc so\n        // the new banner ends up at the same edge (and inside any\n        // trailing/leading empty paragraphs the auto-node extension\n        // parks there). Map through tr.mapping after the delete.\n        const preDeleteInsertPos = isTop ? 0 : findBottomInsertionPos(tr.doc);\n\n        if (edge && demotedBanner) {\n          tr.deleteRange(edge.pos, edge.pos + edge.node.nodeSize);\n        }\n        const nodesToInsert = isTop\n          ? [layoutNode, ...(demotedBanner ? [demotedBanner] : [])]\n          : [...(demotedBanner ? [demotedBanner] : []), layoutNode];\n        const fragment = Fragment.fromArray(\n          nodesToInsert.map(node => state.schema.nodeFromJSON(node))\n        );\n        tr.insert(tr.mapping.map(preDeleteInsertPos), fragment);\n      }\n\n      const headingNode = findNodeById(tr, headingId)[0];\n      if (headingNode) {\n        tr.setSelection(TextSelection.create(tr.doc, headingNode.pos + 1));\n      }\n\n      if (dispatch) {\n        dispatch(tr.scrollIntoView());\n      }\n\n      return true;\n    })\n    .run();\n};\n\nconst bannerQuickAction: QuickAction = {\n  id: 'banner',\n  title: 'QuickActionsPlugin_ActionTitle_Banner',\n  tags: ['header', 'banner', 'cover', 'layout'],\n  icon: Banner,\n  section: quickActionsModalSections.FormatLayout,\n  command: ({ editor }) => {\n    insertQuickActionBanner('TOP')(editor);\n  },\n};\n\nconst footerQuickAction: QuickAction = {\n  id: 'footer',\n  title: 'QuickActionsPlugin_ActionTitle_Footer',\n  tags: ['footer', 'banner', 'layout'],\n  icon: Footer,\n  section: quickActionsModalSections.FormatLayout,\n  isVisible: editor => !!editor.state.schema.nodes[TIPTAP_CARD_TYPE],\n  command: ({ editor }) => {\n    insertQuickActionBanner('BOTTOM')(editor);\n  },\n};\n\nconst LAYOUT_QUICK_ACTION_TAGS = ['layout', 'grid', 'cell'];\n\nconst BLANK_LAYOUT_OPTIONS = [\n  { id: 'twoColumns', colCount: 2, title: 'Layout_InsertModal_2Columns', icon: TwoColumns },\n  { id: 'threeColumns', colCount: 3, title: 'Layout_InsertModal_3Columns', icon: ThreeColumns },\n];\n\n/**\n * The insert picker's options — blank layouts, then the designed presets — as\n * `options` of the layout add button and the `layoutPresets` quick action.\n * External toolbar APIs expose these as `options` on the existing action,\n * so consumer add panels can insert a preset without rebuilding the picker.\n */\nconst createLayoutPickerOptions = ({\n  t,\n  converters,\n}: Pick<RicosServices, 't' | 'converters'>): PickerOption[] => [\n  ...BLANK_LAYOUT_OPTIONS.map(\n    ({ colCount, ...option }): PickerOption => ({\n      ...option,\n      group: 'Layout_InsertModal_Section_Blank',\n      command: ({ publicCommands }) => insertBlankLayout(publicCommands, colCount),\n    })\n  ),\n  ...createLayoutPresetContent(t).map(\n    ({ id, label, Icon, createContentFn }): PickerOption => ({\n      id: `preset${id}`,\n      title: label,\n      icon: Icon,\n      group: 'Layout_InsertModal_Section_Presets',\n      command: ({ publicCommands }) =>\n        insertLayoutPreset(publicCommands, converters, createContentFn()),\n    })\n  ),\n];\n\nexport const pluginLayout = (\n  config: LayoutEditorConfig = {\n    showInQuickActions: false,\n    showInToolbars: false,\n  }\n): EditorPlugin => ({\n  type: TIPTAP_LAYOUT_TYPE,\n  config,\n  pmMarkConverters: [],\n  pmNodeConverters: [layoutConverter],\n  tiptapExtensions: [layoutExtension],\n  textButtons: [],\n  toolbar: {\n    names: [RicosPluginToolbarNames.LAYOUT],\n    isVisible: isToolbarVisible,\n    resolveReferenceElement: tiptapEditor => getToolbarReferenceElement(tiptapEditor),\n    getButtons: (_, services: RicosServices) => {\n      const isPaywallButton: Resolver<boolean> = (_, __, editor) =>\n        !!getPaywallToolbarButton(services) &&\n        !!editor &&\n        isPaywallSelection(editor.state.selection);\n      return [\n        createPaywallToolbarButton(services, isPaywallButton),\n        createSeparator({ visible: isPaywallButton }),\n        createSettingsButton({\n          modalId: LAYOUT_SETTINGS_MODAL_ID,\n          showLabel: ({ attributes }) => !attributes.isPaywallButton,\n          attributes: { selectedNode: selectedNodeResolver, isPaywallButton },\n          command: ({ isMobile, referenceElement, attributes: { selectedNode } }) => {\n            toggleLayoutSidePanel(\n              services.modals,\n              {\n                id: LAYOUT_SETTINGS_MODAL_ID,\n                Component: Settings,\n                componentProps: {\n                  referenceElement: referenceElement!,\n                  nodeId: selectedNode.attrs.id,\n                  config,\n                },\n              },\n              referenceElement!,\n              isMobile\n            );\n          },\n          buttonId: 'layoutSettings',\n        }),\n        createSeparator({ visible: (...args) => !isPaywallButton(...args) }),\n        {\n          id: 'layoutSectionDividers',\n          type: 'modal',\n          tooltip: 'Layouts_SectionDividers_Tooltip',\n          icon: SectionDividerBottomSmall,\n          dataHook: SECTION_DIVIDERS_BUTTON,\n          attributes: {\n            selectedNode: selectedNodeResolver,\n            active: (_, { modals }) => Boolean(modals?.getModal(SECTION_DIVIDERS_MODAL_ID)),\n          },\n          renderer: toolbarItem => <SectionDividersButton toolbarItem={toolbarItem} />,\n          command: ({ isMobile, referenceElement, attributes: { selectedNode } }) => {\n            toggleLayoutSidePanel(\n              services.modals,\n              {\n                id: SECTION_DIVIDERS_MODAL_ID,\n                Component: SectionDividersPanelLazy,\n                componentProps: {\n                  referenceElement: referenceElement!,\n                  nodeId: selectedNode.attrs.id,\n                },\n              },\n              referenceElement!,\n              isMobile\n            );\n          },\n        },\n        ...(config.disableBanner ? [] : [setAsBannerButton]),\n        ...(config.disableFooter ? [] : [setAsFooterButton]),\n        createPluginToolbarButton({\n          id: 'layoutVerticalAlignment',\n          type: 'dropdown',\n          tooltip: 'Layouts_LayoutCellVerticalAlignment_Tooltip',\n          dataHook: LAYOUT_TOOLBAR_VERTICAL_ALIGNMENT_BUTTON,\n          Component: VerticalAlignmentDropdown,\n          getComponentProps: ({ tiptapEditor, modals, attributes }) => {\n            return {\n              onSelect: verticalAlignment => {\n                tiptapEditor\n                  .chain()\n                  .focus()\n                  .setLayoutCellsVerticalAlignment(\n                    attributes.selectedNode.attrs.id,\n                    verticalAlignment\n                  )\n                  .run();\n              },\n              dropdownOptions: Object.values(VERTICAL_ALIGNMENT_BUTTONS).map(item => ({\n                id: item.commandKey,\n                dataHook: item.dataHook,\n                label: services.t(item.tooltip),\n                icon: item.iconSmall,\n                iconMobile: item.icon,\n              })),\n              closeModal: () => modals.closeModal(VERTICAL_ALIGNMENT_MODAL_ID),\n              selectedId:\n                attributes.selectedNode.attrs.cellVerticalAlignment ||\n                LAYOUT_DEFAULTS.cellVerticalAlignment,\n            };\n          },\n          command: ({\n            tiptapEditor,\n            modals,\n            referenceElement,\n            attributes,\n            getComponentProps,\n            publicCommands,\n          }) => {\n            const closeModal = () => modals.closeModal(VERTICAL_ALIGNMENT_MODAL_ID);\n            const isModalOpen = modals.isModalOpen(VERTICAL_ALIGNMENT_MODAL_ID);\n\n            if (isModalOpen) {\n              closeModal();\n              return;\n            }\n\n            const componentProps = getComponentProps?.({\n              tiptapEditor,\n              attributes,\n              publicCommands,\n              t: services.t,\n              modals,\n              languageDir: services.context.languageDir,\n            });\n\n            if (!componentProps) {\n              return;\n            }\n\n            modals.openModal({\n              id: VERTICAL_ALIGNMENT_MODAL_ID,\n              Component: VerticalAlignmentDropdown,\n              componentProps,\n              layout: services.context.isMobile ? 'drawer' : 'floating',\n              positioning: { referenceElement, placement: 'bottom' },\n            });\n          },\n          attributes: {\n            selectedNode: selectedNodeResolver,\n            verticalAlignment: getVerticalAlignmentResolver,\n          },\n          renderer: toolbarItem => <VerticalAlignmentButton toolbarItem={toolbarItem} />,\n          getIcon: ({ attributes }) => {\n            const verticalAlignment: 'TOP' | 'MIDDLE' | 'BOTTOM' =\n              attributes.selectedNode.attrs?.cellVerticalAlignment ||\n              LAYOUT_DEFAULTS.cellVerticalAlignment;\n            return verticalAlignmentIcons[verticalAlignment];\n          },\n        }),\n        {\n          id: 'addCellToTheEnd',\n          type: 'toggle',\n          dataHook: LAYOUT_PLUGIN_TOOLBAR_ADD_CELL_BUTTON,\n          tooltip: 'Layouts_LayoutAddCell_Tooltip',\n          icon: Add,\n          attributes: {\n            selectedNode: selectedNodeResolver,\n            alwaysVisible: isAlwaysVisible,\n            disabled: (_, __, editor) => {\n              const selection = editor?.state?.selection;\n              if (!selection) {\n                return true;\n              }\n              const closest =\n                selection instanceof NodeSelection &&\n                selection.node?.type.name === TIPTAP_LAYOUT_TYPE\n                  ? selection\n                  : findParentNodeClosestToPos(\n                      selection.$from,\n                      node => node.type.name === TIPTAP_LAYOUT_TYPE\n                    );\n\n              return closest?.node.lastChild && editor\n                ? !editor.can().addCellRight(closest.node.lastChild.attrs.id)\n                : true;\n            },\n          },\n          command: ({ tiptapEditor, attributes: { selectedNode } }) => {\n            tiptapEditor.commands.addCellRight(selectedNode.lastChild.attrs.id);\n          },\n          renderer: toolbarItem => <AddCellButton toolbarItem={toolbarItem} />,\n        },\n        // the layout toolbar also shows for text selections inside the layout —\n        // resolve the layout like the other buttons, not just NodeSelections\n        createAnimationButton(services, selectedNodeResolver),\n        createSeparator(),\n        createDeleteButton({\n          tooltip: 'Layouts_LayoutDelete_Tooltip',\n          attributes: {\n            selectedNode: selectedNodeResolver,\n          },\n          command: ({ tiptapEditor, attributes }) => {\n            const layoutId = attributes.selectedNode.attrs.id;\n            const layoutWithPos = findNodeById(tiptapEditor.state.tr, layoutId)[0];\n            if (!layoutWithPos) {\n              return;\n            }\n\n            const $layoutPos = tiptapEditor.state.doc.resolve(layoutWithPos.pos);\n            const parentTypeName = $layoutPos.parent.type.name;\n            const isInCardWrapper =\n              parentTypeName === TIPTAP_CARD_HEADER_TYPE ||\n              parentTypeName === TIPTAP_CARD_FOOTER_TYPE;\n\n            if (isInCardWrapper) {\n              // CARD_HEADER/CARD_FOOTER schema requires exactly one LAYOUT child,\n              // so deleting just the layout would leave PM to auto-fill an empty\n              // layout. Delete the wrapper itself instead.\n              const wrapperFrom = $layoutPos.before($layoutPos.depth);\n              const wrapperTo = $layoutPos.after($layoutPos.depth);\n              tiptapEditor\n                .chain()\n                .focus()\n                .command(({ tr }) => {\n                  tr.delete(wrapperFrom, wrapperTo);\n                  return true;\n                })\n                .run();\n              return;\n            }\n\n            tiptapEditor.commands.deleteNode(layoutId);\n          },\n        }),\n      ];\n    },\n  },\n  getAddButtons: (_config, services) =>\n    config.showInToolbars\n      ? [\n          {\n            id: `${TIPTAP_LAYOUT_TYPE}.insert`,\n            label: INSERT_PLUGIN_BUTTONS.LAYOUT,\n            dataHook: INSERT_LAYOUT_BUTTON,\n            icon: LayoutThreeColumns,\n            tooltip: 'Layout_InsertButton_Tooltip',\n            toolbars: toolbarsToAddIn,\n            command: ({ referenceElement }) => {\n              services.modals?.togglePluginPanel({\n                id: LAYOUT_INSERT_MODAL_ID,\n                Component: LayoutInsertModal,\n                componentProps: {},\n                isMobile: services.context.isMobile,\n                positioning: {\n                  referenceElement,\n                  placement: 'bottom',\n                },\n                mobileLayout: 'drawer',\n              });\n\n              return true;\n            },\n            menuConfig: {\n              tags: 'Layout_InsertButton',\n              group: 'basic',\n            },\n            options: createLayoutPickerOptions(services),\n          },\n        ]\n      : [],\n  getQuickActions: ({ pluginServices }) =>\n    config.showInQuickActions\n      ? [\n          ...(config.disableBanner ? [] : [bannerQuickAction]),\n          ...(config.disableFooter ? [] : [footerQuickAction]),\n          {\n            id: 'twoColumns',\n            title: 'QuickActionsPlugin_ActionTitle_TwoColumns',\n            tags: LAYOUT_QUICK_ACTION_TAGS,\n            icon: pluginServices?.context.isMobile ? LayoutTwoColumns : LayoutTwoColumnsSmall,\n            section: quickActionsModalSections.FormatLayout,\n            command: ({ publicCommands }) => {\n              insertBlankLayout(publicCommands, 2);\n            },\n          },\n          {\n            id: 'threeColumns',\n            title: 'QuickActionsPlugin_ActionTitle_ThreeColumns',\n            tags: LAYOUT_QUICK_ACTION_TAGS,\n            icon: pluginServices?.context.isMobile ? LayoutThreeColumns : LayoutThreeColumnsSmall,\n            section: quickActionsModalSections.FormatLayout,\n            command: ({ publicCommands }) => {\n              insertBlankLayout(publicCommands, 3);\n            },\n          },\n          {\n            id: 'layoutPresets',\n            title: 'QuickActionsPlugin_ActionTitle_Presets',\n            tags: [...LAYOUT_QUICK_ACTION_TAGS, 'presets'],\n            icon: pluginServices?.context.isMobile ? Catalog : CatalogSmall,\n            section: quickActionsModalSections.FormatLayout,\n            command: ({ editor, referenceElement }) => {\n              const isMobile = pluginServices.context.isMobile;\n              pluginServices.modals?.togglePluginPanel({\n                id: LAYOUT_INSERT_MODAL_ID,\n                Component: LayoutInsertModal,\n                componentProps: {},\n                isMobile,\n                positioning: {\n                  referenceElement: referenceElement ?? {\n                    getBoundingClientRect: () =>\n                      posToDOMRect(\n                        editor.view,\n                        editor.view.state.selection.from,\n                        editor.view.state.selection.to\n                      ),\n                  },\n                  placement: isMobile ? 'bottom' : 'bottom-start',\n                },\n                mobileLayout: 'drawer',\n              });\n            },\n            options: createLayoutPickerOptions(pluginServices),\n          },\n        ]\n      : [],\n});\n\nconst getVerticalAlignmentResolver: Resolver<string | undefined> = content => {\n  if (Array.isArray(content) && content.length > 0) {\n    const cellNode = content.find(node => node.type.name === TIPTAP_LAYOUT_TYPE);\n\n    return cellNode?.attrs?.cellVerticalAlignment;\n  }\n  return undefined;\n};\n\nconst selectedNodeResolver: Resolver<ProseMirrorNode | undefined> = (_, __, editor) => {\n  if (!editor) {\n    return undefined;\n  }\n  const { selection } = editor.state;\n  const node = selection instanceof NodeSelection ? selection.node : undefined;\n  const closest = findParentNodeClosestToPos(\n    selection.$from,\n    node => node.type.name === TIPTAP_LAYOUT_TYPE\n  );\n  if (closest || node) {\n    return closest?.node ?? node;\n  }\n  return undefined;\n};\n\n// Active iff the *selected* layout carries the matching banner attribute.\n// Scoped to selection (not doc-wide) so toggles don't light up across cards.\nconst isLayoutSetAsBannerActive: Resolver<boolean> = (content, services, editor) => {\n  const node = selectedNodeResolver(content, services, editor) as ProseMirrorNode | undefined;\n  return node?.attrs?.banner?.position === 'TOP';\n};\n\nconst isLayoutSetAsFooterActive: Resolver<boolean> = (content, services, editor) => {\n  const node = selectedNodeResolver(content, services, editor) as ProseMirrorNode | undefined;\n  return node?.attrs?.banner?.position === 'BOTTOM';\n};\n\nconst setAsBannerButton: ToolbarButton = {\n  id: 'layoutSetAsBanner',\n  type: 'toggle',\n  tooltip: null,\n  label: 'Layouts_LayoutSetAsBanner_Tooltip',\n  icon: Banner,\n  attributes: {\n    selectedNode: selectedNodeResolver,\n    // A paywall can never be a banner — the only affordance it loses.\n    visible: canSetAsBanner,\n    active: isLayoutSetAsBannerActive,\n  },\n  dataHook: PLUGIN_TOOLBAR_SET_AS_HEADER_BUTTON,\n  renderer: toolbarItem => <LayoutSetAsHeaderButton toolbarItem={toolbarItem} />,\n  command: ({ tiptapEditor, attributes: { selectedNode } }) => {\n    const isTopBanner = selectedNode?.attrs?.banner?.position === 'TOP';\n    tiptapEditor.commands.setLayoutBanner(\n      selectedNode.attrs.id,\n      isTopBanner ? undefined : { position: 'TOP', origin: 'LAYOUT' }\n    );\n  },\n};\n\nconst setAsFooterButton: ToolbarButton = {\n  id: 'layoutSetAsFooter',\n  type: 'toggle',\n  tooltip: null,\n  label: 'Layouts_LayoutSetAsFooter_Tooltip',\n  icon: Footer,\n  attributes: {\n    selectedNode: selectedNodeResolver,\n    visible: canSetAsFooter,\n    active: isLayoutSetAsFooterActive,\n  },\n  dataHook: PLUGIN_TOOLBAR_SET_AS_FOOTER_BUTTON,\n  renderer: toolbarItem => <LayoutSetAsFooterButton toolbarItem={toolbarItem} />,\n  command: ({ tiptapEditor, attributes: { selectedNode } }) => {\n    const isBottomBanner = selectedNode?.attrs?.banner?.position === 'BOTTOM';\n    tiptapEditor.commands.setLayoutBanner(\n      selectedNode.attrs.id,\n      isBottomBanner ? undefined : { position: 'BOTTOM', origin: 'LAYOUT' }\n    );\n  },\n};\n\nconst AddCellButton: React.FC<{\n  toolbarItem: IToolbarItem;\n}> = ({ toolbarItem }) => {\n  const { t } = useContext(RicosContext) || {};\n\n  return (\n    <ToolbarButtonComponent\n      disabled={toolbarItem.attributes.disabled}\n      prefix={AddSmall}\n      onClick={() => {\n        // @ts-expect-error\n        toolbarItem.tiptapEditor.commands.addCellRight(\n          toolbarItem.attributes.selectedNode.lastChild.attrs.id\n        );\n      }}\n      dataHook={LAYOUT_PLUGIN_TOOLBAR_ADD_CELL_BUTTON}\n      tooltip={t('Layouts_LayoutAddCell_Tooltip')}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n\nconst SectionDividersButton: React.FC<{\n  toolbarItem: IToolbarItem;\n}> = ({ toolbarItem }) => {\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const { isMobile, t } = useContext(RicosContext) || {};\n  const onClick = toolbarItem.commands.click;\n\n  return (\n    <ToolbarButtonComponent\n      prefix={SectionDividerBottomSmall}\n      active={!!toolbarItem.attributes.active}\n      onClick={() => onClick?.({ isMobile, referenceElement })}\n      dataHook={SECTION_DIVIDERS_BUTTON}\n      tooltip={t('Layouts_SectionDividers_Tooltip')}\n      ariaLabel={t('Layouts_SectionDividers_Tooltip')}\n      ref={setReferenceElement}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n\nconst LayoutSetAsHeaderButton: React.FC<{\n  toolbarItem: IToolbarItem;\n}> = ({ toolbarItem }) => {\n  const { t } = useContext(RicosContext) || {};\n\n  const onClick = toolbarItem.commands.click;\n  const isActive = !!toolbarItem.attributes.active;\n\n  return (\n    <ToolbarButtonComponent\n      prefix={Banner}\n      onClick={() => onClick?.()}\n      dataHook={PLUGIN_TOOLBAR_SET_AS_HEADER_BUTTON}\n      label={t(toolbarItem.presentation.label)}\n      tabIndex={toolbarItem.presentation.tabIndex}\n      active={isActive}\n    />\n  );\n};\n\nconst LayoutSetAsFooterButton: React.FC<{\n  toolbarItem: IToolbarItem;\n}> = ({ toolbarItem }) => {\n  const { t } = useContext(RicosContext) || {};\n\n  const onClick = toolbarItem.commands.click;\n  const isActive = !!toolbarItem.attributes.active;\n\n  return (\n    <ToolbarButtonComponent\n      prefix={Footer}\n      onClick={() => onClick?.()}\n      dataHook={PLUGIN_TOOLBAR_SET_AS_FOOTER_BUTTON}\n      label={t(toolbarItem.presentation.label)}\n      tabIndex={toolbarItem.presentation.tabIndex}\n      active={isActive}\n    />\n  );\n};\n\nconst isToolbarVisible = (selection: Selection | NodeSelection): boolean => {\n  const isVisibleInSelection =\n    'node' in selection && selection.node?.type.name === TIPTAP_LAYOUT_TYPE;\n\n  if (isVisibleInSelection) {\n    return true;\n  }\n\n  if ('node' in selection) {\n    return false;\n  }\n\n  // Defer to nested plugins that own their own subtree toolbar (e.g. collapsible list).\n  // If a nested container is closer to the selection than the layout, that plugin wins.\n  const closestContainer = findParentNodeClosestToPos(\n    selection.$from,\n    node => node.type.name === TIPTAP_LAYOUT_TYPE || node.type.name === TIPTAP_COLLAPSIBLE_LIST_TYPE\n  );\n\n  return closestContainer?.node.type.name === TIPTAP_LAYOUT_TYPE;\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,SAAS,YAAY,gBAAgB;AAE5C,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAW7B,SAAS,yBAAyB,iCAAiC;AACnE,SAAS,iCAAiC;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB,8BAA8B;AACxD,SAAS,4BAA4B,oBAAoB;AAGzD,SAAS,gBAAgB;AACzB,SAAS,eAAe,qBAAqC;AAC7D,SAAS,6BAA6B;AACtC,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAE7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB,yBAAyB;AAC1D,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B,+BAA+B;AACpE,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAIP,MAAM,qBAAqB,CAAC,SAC1B,MAAM,KAAK,SAAS,sBAAsB,aAAa,KAAK,OAAO,MAAM;AAM3E,MAAM,wBAAwB,CAC5B,QACA,OACA,kBACA,aACG;AACH,UAAQ,kBAAkB;AAAA,IACxB,GAAG;AAAA,IACH,aAAa;AAAA,MACX,kBACE,iBAAiB,QAAQ,eAAe,uBAAuB,GAAG,KAAK;AAAA,MACzE,WAAW;AAAA,IACb;AAAA,IACA,gBAAgB;AAAA,MACd,IAAI;AAAA,MACJ,SAAS,MAAM;AAAA,MAAC;AAAA,IAClB;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,EACF,CAAC;AACH;AAEA,MAAM,mBAAmB,CAAC,SAA0B,KAAK,eAAe,KAAK,QAAQ,SAAS;AAQ9F,MAAM,sBAAsB,CAC1B,KACA,UACkD;AAClD,QAAM,WAAqD,CAAC;AAC5D,MAAI,QAAQ,CAAC,MAAM,QAAQ,SAAS,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC;AACvD,QAAM,UAAU,QAAQ,WAAW,SAAS,QAAQ;AACpD,aAAW,EAAE,MAAM,IAAI,KAAK,SAAS;AACnC,QAAI,iBAAiB,IAAI,GAAG;AAC1B;AAAA,IACF;AACA,WAAO,mBAAmB,IAAI,IAAI,EAAE,MAAM,IAAI,IAAI;AAAA,EACpD;AACA,SAAO;AACT;AAOA,MAAM,yBAAyB,CAAC,QAAiC;AAC/D,MAAI,MAAM,IAAI,QAAQ;AACtB,QAAM,WAAqD,CAAC;AAC5D,MAAI,QAAQ,CAAC,MAAM,MAAM,SAAS,KAAK,EAAE,MAAM,KAAK,EAAE,CAAC,CAAC;AACxD,WAAS,IAAI,SAAS,SAAS,GAAG,KAAK,GAAG,KAAK;AAC7C,QAAI,iBAAiB,SAAS,CAAC,EAAE,IAAI,GAAG;AACtC,YAAM,SAAS,CAAC,EAAE;AAAA,IACpB,OAAO;AACL;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,0BAA0B,CAAC,SAA0B;AACzD,QAAM,EAAE,QAAQ,SAAS,GAAG,MAAM,IAAI,KAAK;AAE3C,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,SAAS,KAAK,QAAQ,OAAO;AAAA,EAC/B;AACF;AAEA,MAAM,0BAA0B,CAAC,aAA+B,CAAC,WAAmB;AAClF,QAAM,QAAQ,aAAa;AAC3B,QAAM,cAAc,QAAQ,0BAA0B;AAEtD,SACG,MAAM,EACN,MAAM,EACN,QAAQ,CAAC,EAAE,IAAI,UAAU,MAAM,MAAM;AACpC,UAAM,EAAE,WAAW,WAAW,IAAI,8BAA8B,QAAQ;AACxE,UAAM,SAAS,iBAAiB,GAAG,KAAK,GAAG,UAAU,IAAI;AAEzD,QAAI,QAAQ;AAKV,YAAM,OAAO,aAAa,IAAI,MAAM,EAAE,CAAC;AACvC,UAAI,CAAC,MAAM;AACT,eAAO;AAAA,MACT;AAEA,YAAM,aAAa,MAAM,OAAO,aAAa;AAAA,QAC3C,MAAM;AAAA,QACN,SAAS,CAAC,UAAU;AAAA,MACtB,CAAC;AAED,UAAI,cAAc;AAClB,UAAI,eAAe;AACnB,WAAK,KAAK,QAAQ,CAAC,OAAO,WAAW;AACnC,YAAI,MAAM,KAAK,SAAS,eAAe,cAAc,GAAG;AACtD,wBAAc,KAAK,MAAM,IAAI;AAC7B,yBAAe,MAAM;AAAA,QACvB;AAAA,MACF,CAAC;AAED,UAAI,eAAe,GAAG;AACpB,WAAG,YAAY,aAAa,cAAc,cAAc,UAAU;AAAA,MACpE,OAAO;AACL,cAAM,YAAY,QAAQ,KAAK,MAAM,IAAI,KAAK,MAAM,KAAK,KAAK,WAAW;AACzE,WAAG,OAAO,WAAW,UAAU;AAAA,MACjC;AAAA,IACF,OAAO;AAOL,YAAM,OAAO,oBAAoB,GAAG,KAAK,KAAK;AAC9C,YAAM,gBAAgB,OAAO,wBAAwB,KAAK,IAAI,IAAI;AAMlE,YAAM,qBAAqB,QAAQ,IAAI,uBAAuB,GAAG,GAAG;AAEpE,UAAI,QAAQ,eAAe;AACzB,WAAG,YAAY,KAAK,KAAK,KAAK,MAAM,KAAK,KAAK,QAAQ;AAAA,MACxD;AACA,YAAM,gBAAgB,QAClB,CAAC,YAAY,GAAI,gBAAgB,CAAC,aAAa,IAAI,CAAC,CAAE,IACtD,CAAC,GAAI,gBAAgB,CAAC,aAAa,IAAI,CAAC,GAAI,UAAU;AAC1D,YAAM,WAAW,SAAS;AAAA,QACxB,cAAc,IAAI,UAAQ,MAAM,OAAO,aAAa,IAAI,CAAC;AAAA,MAC3D;AACA,SAAG,OAAO,GAAG,QAAQ,IAAI,kBAAkB,GAAG,QAAQ;AAAA,IACxD;AAEA,UAAM,cAAc,aAAa,IAAI,SAAS,EAAE,CAAC;AACjD,QAAI,aAAa;AACf,SAAG,aAAa,cAAc,OAAO,GAAG,KAAK,YAAY,MAAM,CAAC,CAAC;AAAA,IACnE;AAEA,QAAI,UAAU;AACZ,eAAS,GAAG,eAAe,CAAC;AAAA,IAC9B;AAEA,WAAO;AAAA,EACT,CAAC,EACA,IAAI;AACT;AAEA,MAAM,oBAAiC;AAAA,EACrC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM,CAAC,UAAU,UAAU,SAAS,QAAQ;AAAA,EAC5C,MAAM;AAAA,EACN,SAAS,0BAA0B;AAAA,EACnC,SAAS,CAAC,EAAE,OAAO,MAAM;AACvB,4BAAwB,KAAK,EAAE,MAAM;AAAA,EACvC;AACF;AAEA,MAAM,oBAAiC;AAAA,EACrC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM,CAAC,UAAU,UAAU,QAAQ;AAAA,EACnC,MAAM;AAAA,EACN,SAAS,0BAA0B;AAAA,EACnC,WAAW,YAAU,CAAC,CAAC,OAAO,MAAM,OAAO,MAAM,gBAAgB;AAAA,EACjE,SAAS,CAAC,EAAE,OAAO,MAAM;AACvB,4BAAwB,QAAQ,EAAE,MAAM;AAAA,EAC1C;AACF;AAEA,MAAM,2BAA2B,CAAC,UAAU,QAAQ,MAAM;AAE1D,MAAM,uBAAuB;AAAA,EAC3B,EAAE,IAAI,cAAc,UAAU,GAAG,OAAO,+BAA+B,MAAM,WAAW;AAAA,EACxF,EAAE,IAAI,gBAAgB,UAAU,GAAG,OAAO,+BAA+B,MAAM,aAAa;AAC9F;AAQA,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AACF,MAA+D;AAAA,EAC7D,GAAG,qBAAqB;AAAA,IACtB,CAAC,EAAE,UAAU,GAAG,OAAO,OAAqB;AAAA,MAC1C,GAAG;AAAA,MACH,OAAO;AAAA,MACP,SAAS,CAAC,EAAE,eAAe,MAAM,kBAAkB,gBAAgB,QAAQ;AAAA,IAC7E;AAAA,EACF;AAAA,EACA,GAAG,0BAA0B,CAAC,EAAE;AAAA,IAC9B,CAAC,EAAE,IAAI,OAAO,MAAM,gBAAgB,OAAqB;AAAA,MACvD,IAAI,SAAS,EAAE;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS,CAAC,EAAE,eAAe,MACzB,mBAAmB,gBAAgB,YAAY,gBAAgB,CAAC;AAAA,IACpE;AAAA,EACF;AACF;AAEO,MAAM,eAAe,CAC1B,SAA6B;AAAA,EAC3B,oBAAoB;AAAA,EACpB,gBAAgB;AAClB,OACkB;AAAA,EAClB,MAAM;AAAA,EACN;AAAA,EACA,kBAAkB,CAAC;AAAA,EACnB,kBAAkB,CAAC,eAAe;AAAA,EAClC,kBAAkB,CAAC,eAAe;AAAA,EAClC,aAAa,CAAC;AAAA,EACd,SAAS;AAAA,IACP,OAAO,CAAC,wBAAwB,MAAM;AAAA,IACtC,WAAW;AAAA,IACX,yBAAyB,kBAAgB,2BAA2B,YAAY;AAAA,IAChF,YAAY,CAAC,GAAG,aAA4B;AAC1C,YAAM,kBAAqC,CAACA,IAAG,IAAI,WACjD,CAAC,CAAC,wBAAwB,QAAQ,KAClC,CAAC,CAAC,UACF,mBAAmB,OAAO,MAAM,SAAS;AAC3C,aAAO;AAAA,QACL,2BAA2B,UAAU,eAAe;AAAA,QACpD,gBAAgB,EAAE,SAAS,gBAAgB,CAAC;AAAA,QAC5C,qBAAqB;AAAA,UACnB,SAAS;AAAA,UACT,WAAW,CAAC,EAAE,WAAW,MAAM,CAAC,WAAW;AAAA,UAC3C,YAAY,EAAE,cAAc,sBAAsB,gBAAgB;AAAA,UAClE,SAAS,CAAC,EAAE,UAAU,kBAAkB,YAAY,EAAE,aAAa,EAAE,MAAM;AACzE;AAAA,cACE,SAAS;AAAA,cACT;AAAA,gBACE,IAAI;AAAA,gBACJ,WAAW;AAAA,gBACX,gBAAgB;AAAA,kBACd;AAAA,kBACA,QAAQ,aAAa,MAAM;AAAA,kBAC3B;AAAA,gBACF;AAAA,cACF;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,UACF;AAAA,UACA,UAAU;AAAA,QACZ,CAAC;AAAA,QACD,gBAAgB,EAAE,SAAS,IAAI,SAAS,CAAC,gBAAgB,GAAG,IAAI,EAAE,CAAC;AAAA,QACnE;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,SAAS;AAAA,UACT,MAAM;AAAA,UACN,UAAU;AAAA,UACV,YAAY;AAAA,YACV,cAAc;AAAA,YACd,QAAQ,CAACA,IAAG,EAAE,OAAO,MAAM,QAAQ,QAAQ,SAAS,yBAAyB,CAAC;AAAA,UAChF;AAAA,UACA,UAAU,iBAAe,oCAAC,yBAAsB,aAA0B;AAAA,UAC1E,SAAS,CAAC,EAAE,UAAU,kBAAkB,YAAY,EAAE,aAAa,EAAE,MAAM;AACzE;AAAA,cACE,SAAS;AAAA,cACT;AAAA,gBACE,IAAI;AAAA,gBACJ,WAAW;AAAA,gBACX,gBAAgB;AAAA,kBACd;AAAA,kBACA,QAAQ,aAAa,MAAM;AAAA,gBAC7B;AAAA,cACF;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QACA,GAAI,OAAO,gBAAgB,CAAC,IAAI,CAAC,iBAAiB;AAAA,QAClD,GAAI,OAAO,gBAAgB,CAAC,IAAI,CAAC,iBAAiB;AAAA,QAClD,0BAA0B;AAAA,UACxB,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,SAAS;AAAA,UACT,UAAU;AAAA,UACV,WAAW;AAAA,UACX,mBAAmB,CAAC,EAAE,cAAc,QAAQ,WAAW,MAAM;AAC3D,mBAAO;AAAA,cACL,UAAU,uBAAqB;AAC7B,6BACG,MAAM,EACN,MAAM,EACN;AAAA,kBACC,WAAW,aAAa,MAAM;AAAA,kBAC9B;AAAA,gBACF,EACC,IAAI;AAAA,cACT;AAAA,cACA,iBAAiB,OAAO,OAAO,0BAA0B,EAAE,IAAI,WAAS;AAAA,gBACtE,IAAI,KAAK;AAAA,gBACT,UAAU,KAAK;AAAA,gBACf,OAAO,SAAS,EAAE,KAAK,OAAO;AAAA,gBAC9B,MAAM,KAAK;AAAA,gBACX,YAAY,KAAK;AAAA,cACnB,EAAE;AAAA,cACF,YAAY,MAAM,OAAO,WAAW,2BAA2B;AAAA,cAC/D,YACE,WAAW,aAAa,MAAM,yBAC9B,gBAAgB;AAAA,YACpB;AAAA,UACF;AAAA,UACA,SAAS,CAAC;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF,MAAM;AACJ,kBAAM,aAAa,MAAM,OAAO,WAAW,2BAA2B;AACtE,kBAAM,cAAc,OAAO,YAAY,2BAA2B;AAElE,gBAAI,aAAa;AACf,yBAAW;AACX;AAAA,YACF;AAEA,kBAAM,iBAAiB,oBAAoB;AAAA,cACzC;AAAA,cACA;AAAA,cACA;AAAA,cACA,GAAG,SAAS;AAAA,cACZ;AAAA,cACA,aAAa,SAAS,QAAQ;AAAA,YAChC,CAAC;AAED,gBAAI,CAAC,gBAAgB;AACnB;AAAA,YACF;AAEA,mBAAO,UAAU;AAAA,cACf,IAAI;AAAA,cACJ,WAAW;AAAA,cACX;AAAA,cACA,QAAQ,SAAS,QAAQ,WAAW,WAAW;AAAA,cAC/C,aAAa,EAAE,kBAAkB,WAAW,SAAS;AAAA,YACvD,CAAC;AAAA,UACH;AAAA,UACA,YAAY;AAAA,YACV,cAAc;AAAA,YACd,mBAAmB;AAAA,UACrB;AAAA,UACA,UAAU,iBAAe,oCAAC,2BAAwB,aAA0B;AAAA,UAC5E,SAAS,CAAC,EAAE,WAAW,MAAM;AAC3B,kBAAM,oBACJ,WAAW,aAAa,OAAO,yBAC/B,gBAAgB;AAClB,mBAAO,uBAAuB,iBAAiB;AAAA,UACjD;AAAA,QACF,CAAC;AAAA,QACD;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,UAAU;AAAA,UACV,SAAS;AAAA,UACT,MAAM;AAAA,UACN,YAAY;AAAA,YACV,cAAc;AAAA,YACd,eAAe;AAAA,YACf,UAAU,CAACA,IAAG,IAAI,WAAW;AAC3B,oBAAM,YAAY,QAAQ,OAAO;AACjC,kBAAI,CAAC,WAAW;AACd,uBAAO;AAAA,cACT;AACA,oBAAM,UACJ,qBAAqB,iBACrB,UAAU,MAAM,KAAK,SAAS,qBAC1B,YACA;AAAA,gBACE,UAAU;AAAA,gBACV,UAAQ,KAAK,KAAK,SAAS;AAAA,cAC7B;AAEN,qBAAO,SAAS,KAAK,aAAa,SAC9B,CAAC,OAAO,IAAI,EAAE,aAAa,QAAQ,KAAK,UAAU,MAAM,EAAE,IAC1D;AAAA,YACN;AAAA,UACF;AAAA,UACA,SAAS,CAAC,EAAE,cAAc,YAAY,EAAE,aAAa,EAAE,MAAM;AAC3D,yBAAa,SAAS,aAAa,aAAa,UAAU,MAAM,EAAE;AAAA,UACpE;AAAA,UACA,UAAU,iBAAe,oCAAC,iBAAc,aAA0B;AAAA,QACpE;AAAA;AAAA;AAAA,QAGA,sBAAsB,UAAU,oBAAoB;AAAA,QACpD,gBAAgB;AAAA,QAChB,mBAAmB;AAAA,UACjB,SAAS;AAAA,UACT,YAAY;AAAA,YACV,cAAc;AAAA,UAChB;AAAA,UACA,SAAS,CAAC,EAAE,cAAc,WAAW,MAAM;AACzC,kBAAM,WAAW,WAAW,aAAa,MAAM;AAC/C,kBAAM,gBAAgB,aAAa,aAAa,MAAM,IAAI,QAAQ,EAAE,CAAC;AACrE,gBAAI,CAAC,eAAe;AAClB;AAAA,YACF;AAEA,kBAAM,aAAa,aAAa,MAAM,IAAI,QAAQ,cAAc,GAAG;AACnE,kBAAM,iBAAiB,WAAW,OAAO,KAAK;AAC9C,kBAAM,kBACJ,mBAAmB,2BACnB,mBAAmB;AAErB,gBAAI,iBAAiB;AAInB,oBAAM,cAAc,WAAW,OAAO,WAAW,KAAK;AACtD,oBAAM,YAAY,WAAW,MAAM,WAAW,KAAK;AACnD,2BACG,MAAM,EACN,MAAM,EACN,QAAQ,CAAC,EAAE,GAAG,MAAM;AACnB,mBAAG,OAAO,aAAa,SAAS;AAChC,uBAAO;AAAA,cACT,CAAC,EACA,IAAI;AACP;AAAA,YACF;AAEA,yBAAa,SAAS,WAAW,QAAQ;AAAA,UAC3C;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EACA,eAAe,CAAC,SAAS,aACvB,OAAO,iBACH;AAAA,IACE;AAAA,MACE,IAAI,GAAG,kBAAkB;AAAA,MACzB,OAAO,sBAAsB;AAAA,MAC7B,UAAU;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MACV,SAAS,CAAC,EAAE,iBAAiB,MAAM;AACjC,iBAAS,QAAQ,kBAAkB;AAAA,UACjC,IAAI;AAAA,UACJ,WAAW;AAAA,UACX,gBAAgB,CAAC;AAAA,UACjB,UAAU,SAAS,QAAQ;AAAA,UAC3B,aAAa;AAAA,YACX;AAAA,YACA,WAAW;AAAA,UACb;AAAA,UACA,cAAc;AAAA,QAChB,CAAC;AAED,eAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,SAAS,0BAA0B,QAAQ;AAAA,IAC7C;AAAA,EACF,IACA,CAAC;AAAA,EACP,iBAAiB,CAAC,EAAE,eAAe,MACjC,OAAO,qBACH;AAAA,IACE,GAAI,OAAO,gBAAgB,CAAC,IAAI,CAAC,iBAAiB;AAAA,IAClD,GAAI,OAAO,gBAAgB,CAAC,IAAI,CAAC,iBAAiB;AAAA,IAClD;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM,gBAAgB,QAAQ,WAAW,mBAAmB;AAAA,MAC5D,SAAS,0BAA0B;AAAA,MACnC,SAAS,CAAC,EAAE,eAAe,MAAM;AAC/B,0BAAkB,gBAAgB,CAAC;AAAA,MACrC;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM,gBAAgB,QAAQ,WAAW,qBAAqB;AAAA,MAC9D,SAAS,0BAA0B;AAAA,MACnC,SAAS,CAAC,EAAE,eAAe,MAAM;AAC/B,0BAAkB,gBAAgB,CAAC;AAAA,MACrC;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM,CAAC,GAAG,0BAA0B,SAAS;AAAA,MAC7C,MAAM,gBAAgB,QAAQ,WAAW,UAAU;AAAA,MACnD,SAAS,0BAA0B;AAAA,MACnC,SAAS,CAAC,EAAE,QAAQ,iBAAiB,MAAM;AACzC,cAAM,WAAW,eAAe,QAAQ;AACxC,uBAAe,QAAQ,kBAAkB;AAAA,UACvC,IAAI;AAAA,UACJ,WAAW;AAAA,UACX,gBAAgB,CAAC;AAAA,UACjB;AAAA,UACA,aAAa;AAAA,YACX,kBAAkB,oBAAoB;AAAA,cACpC,uBAAuB,MACrB;AAAA,gBACE,OAAO;AAAA,gBACP,OAAO,KAAK,MAAM,UAAU;AAAA,gBAC5B,OAAO,KAAK,MAAM,UAAU;AAAA,cAC9B;AAAA,YACJ;AAAA,YACA,WAAW,WAAW,WAAW;AAAA,UACnC;AAAA,UACA,cAAc;AAAA,QAChB,CAAC;AAAA,MACH;AAAA,MACA,SAAS,0BAA0B,cAAc;AAAA,IACnD;AAAA,EACF,IACA,CAAC;AACT;AAEA,MAAM,+BAA6D,aAAW;AAC5E,MAAI,MAAM,QAAQ,OAAO,KAAK,QAAQ,SAAS,GAAG;AAChD,UAAM,WAAW,QAAQ,KAAK,UAAQ,KAAK,KAAK,SAAS,kBAAkB;AAE3E,WAAO,UAAU,OAAO;AAAA,EAC1B;AACA,SAAO;AACT;AAEA,MAAM,uBAA8D,CAAC,GAAG,IAAI,WAAW;AACrF,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AACA,QAAM,EAAE,UAAU,IAAI,OAAO;AAC7B,QAAM,OAAO,qBAAqB,gBAAgB,UAAU,OAAO;AACnE,QAAM,UAAU;AAAA,IACd,UAAU;AAAA,IACV,CAAAC,UAAQA,MAAK,KAAK,SAAS;AAAA,EAC7B;AACA,MAAI,WAAW,MAAM;AACnB,WAAO,SAAS,QAAQ;AAAA,EAC1B;AACA,SAAO;AACT;AAIA,MAAM,4BAA+C,CAAC,SAAS,UAAU,WAAW;AAClF,QAAM,OAAO,qBAAqB,SAAS,UAAU,MAAM;AAC3D,SAAO,MAAM,OAAO,QAAQ,aAAa;AAC3C;AAEA,MAAM,4BAA+C,CAAC,SAAS,UAAU,WAAW;AAClF,QAAM,OAAO,qBAAqB,SAAS,UAAU,MAAM;AAC3D,SAAO,MAAM,OAAO,QAAQ,aAAa;AAC3C;AAEA,MAAM,oBAAmC;AAAA,EACvC,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,YAAY;AAAA,IACV,cAAc;AAAA;AAAA,IAEd,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,EACV,UAAU,iBAAe,oCAAC,2BAAwB,aAA0B;AAAA,EAC5E,SAAS,CAAC,EAAE,cAAc,YAAY,EAAE,aAAa,EAAE,MAAM;AAC3D,UAAM,cAAc,cAAc,OAAO,QAAQ,aAAa;AAC9D,iBAAa,SAAS;AAAA,MACpB,aAAa,MAAM;AAAA,MACnB,cAAc,SAAY,EAAE,UAAU,OAAO,QAAQ,SAAS;AAAA,IAChE;AAAA,EACF;AACF;AAEA,MAAM,oBAAmC;AAAA,EACvC,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,YAAY;AAAA,IACV,cAAc;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,EACV,UAAU,iBAAe,oCAAC,2BAAwB,aAA0B;AAAA,EAC5E,SAAS,CAAC,EAAE,cAAc,YAAY,EAAE,aAAa,EAAE,MAAM;AAC3D,UAAM,iBAAiB,cAAc,OAAO,QAAQ,aAAa;AACjE,iBAAa,SAAS;AAAA,MACpB,aAAa,MAAM;AAAA,MACnB,iBAAiB,SAAY,EAAE,UAAU,UAAU,QAAQ,SAAS;AAAA,IACtE;AAAA,EACF;AACF;AAEA,MAAM,gBAED,CAAC,EAAE,YAAY,MAAM;AACxB,QAAM,EAAE,EAAE,IAAI,WAAW,YAAY,KAAK,CAAC;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,YAAY,WAAW;AAAA,MACjC,QAAQ;AAAA,MACR,SAAS,MAAM;AAEb,oBAAY,aAAa,SAAS;AAAA,UAChC,YAAY,WAAW,aAAa,UAAU,MAAM;AAAA,QACtD;AAAA,MACF;AAAA,MACA,UAAU;AAAA,MACV,SAAS,EAAE,+BAA+B;AAAA,MAC1C,UAAU,YAAY,aAAa;AAAA;AAAA,EACrC;AAEJ;AAEA,MAAM,wBAED,CAAC,EAAE,YAAY,MAAM;AACxB,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAmC,IAAI;AACvF,QAAM,EAAE,UAAU,EAAE,IAAI,WAAW,YAAY,KAAK,CAAC;AACrD,QAAM,UAAU,YAAY,SAAS;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,QAAQ,CAAC,CAAC,YAAY,WAAW;AAAA,MACjC,SAAS,MAAM,UAAU,EAAE,UAAU,iBAAiB,CAAC;AAAA,MACvD,UAAU;AAAA,MACV,SAAS,EAAE,iCAAiC;AAAA,MAC5C,WAAW,EAAE,iCAAiC;AAAA,MAC9C,KAAK;AAAA,MACL,UAAU,YAAY,aAAa;AAAA;AAAA,EACrC;AAEJ;AAEA,MAAM,0BAED,CAAC,EAAE,YAAY,MAAM;AACxB,QAAM,EAAE,EAAE,IAAI,WAAW,YAAY,KAAK,CAAC;AAE3C,QAAM,UAAU,YAAY,SAAS;AACrC,QAAM,WAAW,CAAC,CAAC,YAAY,WAAW;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAAS,MAAM,UAAU;AAAA,MACzB,UAAU;AAAA,MACV,OAAO,EAAE,YAAY,aAAa,KAAK;AAAA,MACvC,UAAU,YAAY,aAAa;AAAA,MACnC,QAAQ;AAAA;AAAA,EACV;AAEJ;AAEA,MAAM,0BAED,CAAC,EAAE,YAAY,MAAM;AACxB,QAAM,EAAE,EAAE,IAAI,WAAW,YAAY,KAAK,CAAC;AAE3C,QAAM,UAAU,YAAY,SAAS;AACrC,QAAM,WAAW,CAAC,CAAC,YAAY,WAAW;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAAS,MAAM,UAAU;AAAA,MACzB,UAAU;AAAA,MACV,OAAO,EAAE,YAAY,aAAa,KAAK;AAAA,MACvC,UAAU,YAAY,aAAa;AAAA,MACnC,QAAQ;AAAA;AAAA,EACV;AAEJ;AAEA,MAAM,mBAAmB,CAAC,cAAkD;AAC1E,QAAM,uBACJ,UAAU,aAAa,UAAU,MAAM,KAAK,SAAS;AAEvD,MAAI,sBAAsB;AACxB,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,WAAW;AACvB,WAAO;AAAA,EACT;AAIA,QAAM,mBAAmB;AAAA,IACvB,UAAU;AAAA,IACV,UAAQ,KAAK,KAAK,SAAS,sBAAsB,KAAK,KAAK,SAAS;AAAA,EACtE;AAEA,SAAO,kBAAkB,KAAK,KAAK,SAAS;AAC9C;",
   "names": ["_", "node"]
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "4e23abdf";
+var styleDataHash = "8bc9547f";
 const injectCss = (() => {
-  var css = `.mP1zy{transform:scaleY(-1)}._8xZNK{cursor:grab;user-select:none}._8xZNK:active{cursor:grabbing}`;
+  var css = `.iGXRY{transform:scaleY(-1)}.ffoqf{cursor:grab;user-select:none}.ffoqf:active{cursor:grabbing}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var section_dividers_panel_default = {
-  "topEdgeThumbnail": "mP1zy",
-  "customizeHeader": "_8xZNK"
+  "topEdgeThumbnail": "iGXRY",
+  "customizeHeader": "ffoqf"
 };
 export {
   section_dividers_panel_default as default,

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

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

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

@@ -1,6 +1,6 @@
-var styleDataHash = "56f2c915";
+var styleDataHash = "c239cc84";
 const injectCss = (() => {
-  var css = `.oBeP1{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.-B0d-{left:0;pointer-events:none;position:absolute;right:0}.NkC8P{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}._4-GLD{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}`;
+  var css = `.OYSs3{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.eQoNy{left:0;pointer-events:none;position:absolute;right:0}.iwlF9{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}.uFj6s{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,10 +21,10 @@ const injectCss = (() => {
 });
 injectCss();
 var section_dividers_default = {
-  "sectionDividerClip": "oBeP1",
-  "sectionDivider": "-B0d-",
-  "sectionDividerTop": "NkC8P",
-  "sectionDividerBottom": "_4-GLD"
+  "sectionDividerClip": "OYSs3",
+  "sectionDivider": "eQoNy",
+  "sectionDividerTop": "iwlF9",
+  "sectionDividerBottom": "uFj6s"
 };
 export {
   section_dividers_default as default,

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

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

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

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

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

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

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

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

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

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