@wix/ricos 11.20.6 → 11.21.1

package/dist/es/plugin-button/testkit/button.testkit.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-button/testkit/button.testkit.ts"],
-  "sourcesContent": ["import type { RicosPluginToolbarNames } from './../../ricos-types/index.js';\nimport type { GetOptions, Testkit, UniDriver } from './../../ricos-types/testkit.js';\nimport {\n  ALIGNMENT_DROPDOWN_OPTION_LEFT,\n  PLUGIN_TOOLBAR_ALIGNMENT_BUTTON,\n  PLUGIN_TOOLBAR_DELETE_BUTTON,\n  PLUGIN_TOOLBAR_LINK_BUTTON,\n  PLUGIN_TOOLBAR_SETTINGS_BUTTON,\n} from './../../_shared/data-hooks.js';\nimport { dataHook } from './../../wix-rich-content-common/index.js';\n\nimport { INSERT_BUTTON_BUTTON, ROOT } from '../data-hooks.js';\nimport { toolbarsToAddIn } from '../get-add-buttons.js';\nimport type { ButtonSettingsUniDriver } from './button-settings.uni.driver.js';\nimport { createButtonSettingsUniDriver } from './button-settings.uni.driver.js';\n\ntype ButtonTestkit = (\n  buttonType:\n    | typeof RicosPluginToolbarNames.LINK_BUTTON\n    | typeof RicosPluginToolbarNames.ACTION_BUTTON,\n  tag: 'button' | 'a'\n) => Testkit<\n  {\n    content: {\n      atIndex: (index: number) => {\n        exists: (options?: GetOptions) => Promise<boolean>;\n        click: () => Promise<void>;\n        getText: () => Promise<string>;\n        getLink: () => Promise<string | null>;\n        getStyles: () => Promise<string | null>;\n        getNativeElement: () => Promise<Element>;\n      };\n    };\n    toolbars: {\n      createAddButtonToolbars: (getAddButtonToolbarBase: () => UniDriver<Element>) => {\n        click: () => Promise<void>;\n        toolbarsToAddIn: typeof toolbarsToAddIn;\n      };\n      createPluginToolbar: (\n        getPluginToolbarBase: (pluginType: typeof buttonType) => UniDriver<Element>\n      ) => {\n        openSettingsModal: () => Promise<void>;\n        openLinkModal: () => Promise<void>;\n        clickDelete: () => Promise<void>;\n        clickAlignmentDropdown: () => Promise<void>;\n        alignment: {\n          clickLeft: () => Promise<void>;\n          toggleTextWrap: () => Promise<void>;\n          isToggleTextWrapDisabled: () => Promise<boolean>;\n        };\n        exists: () => Promise<boolean>;\n      };\n    };\n  } & ButtonSettingsUniDriver\n>;\n\nexport const createButtonTestkit: ButtonTestkit = (buttonType, tag) => getBase => {\n  const getButton = async (index: number, options?: GetOptions) => {\n    const button = await getBase().getAll(`${tag}${dataHook(ROOT)}`, options);\n    return button.at(index);\n  };\n\n  return {\n    content: {\n      atIndex: index => {\n        return {\n          exists: async options => {\n            try {\n              const button = await getButton(index, options);\n              return button.exists();\n            } catch {\n              return false;\n            }\n          },\n          click: async () => (await getButton(index)).click(),\n          getText: async () => (await getButton(index)).text(),\n          getLink: async () => (await getButton(index)).attr('href'),\n          getStyles: async () => {\n            const btn = await getButton(index);\n            return await btn.attr('style');\n          },\n          getNativeElement: async () => {\n            const file = await getButton(index);\n            return file.getNative();\n          },\n        };\n      },\n    },\n    toolbars: {\n      createAddButtonToolbars: getAddButtonToolbarBase => ({\n        click: async () => {\n          const buttonPluginButton = await getAddButtonToolbarBase().get(\n            dataHook(INSERT_BUTTON_BUTTON)\n          );\n          await buttonPluginButton.click();\n        },\n        toolbarsToAddIn,\n      }),\n      createPluginToolbar: getPluginToolbarBase => ({\n        openSettingsModal: async () => {\n          const settings = await getPluginToolbarBase(buttonType).get(\n            dataHook(PLUGIN_TOOLBAR_SETTINGS_BUTTON)\n          );\n          await settings.click();\n        },\n        openLinkModal: async () => {\n          const link = await getPluginToolbarBase(buttonType).get(\n            dataHook(PLUGIN_TOOLBAR_LINK_BUTTON)\n          );\n          await link.click();\n        },\n        clickDelete: async () => {\n          await (\n            await getPluginToolbarBase(buttonType).get(dataHook(PLUGIN_TOOLBAR_DELETE_BUTTON))\n          ).click();\n        },\n        clickAlignmentDropdown: async () => {\n          await (\n            await getPluginToolbarBase(buttonType).get(dataHook(PLUGIN_TOOLBAR_ALIGNMENT_BUTTON))\n          ).click();\n        },\n        alignment: {\n          clickLeft: async () => {\n            await (\n              await getBase().get(dataHook(ALIGNMENT_DROPDOWN_OPTION_LEFT), {\n                timeout: 5000,\n              })\n            ).click();\n          },\n          toggleTextWrap: async () => {\n            await (\n              await getBase().get(dataHook('toggle-switch-input'), {\n                timeout: 5000,\n              })\n            ).click();\n          },\n          isToggleTextWrapDisabled: async () => {\n            return (\n              (await (\n                await getBase().get(dataHook('toggle-switch-input'), {\n                  timeout: 5000,\n                })\n              ).attr('readonly')) !== null\n            );\n          },\n        },\n        exists: async () => {\n          try {\n            return getPluginToolbarBase(buttonType).exists();\n          } catch {\n            return false;\n          }\n        },\n      }),\n    },\n    ...createButtonSettingsUniDriver(getBase),\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { RicosPluginToolbarNames } from './../../ricos-types/index.js';\nimport type { GetOptions, Testkit, UniDriver } from './../../ricos-types/testkit.js';\nimport {\n  ALIGNMENT_DROPDOWN_OPTION_LEFT,\n  PLUGIN_TOOLBAR_ALIGNMENT_BUTTON,\n  PLUGIN_TOOLBAR_DELETE_BUTTON,\n  PLUGIN_TOOLBAR_LINK_BUTTON,\n  PLUGIN_TOOLBAR_SETTINGS_BUTTON,\n} from './../../_shared/data-hooks.js';\nimport { dataHook } from './../../wix-rich-content-common/index.js';\n\nimport {\n  INLINE_TEXT_INPUT,\n  INSERT_BUTTON_BUTTON,\n  PLUGIN_TOOLBAR_TEXT_BUTTON,\n  ROOT,\n} from '../data-hooks.js';\nimport { toolbarsToAddIn } from '../get-add-buttons.js';\nimport type { ButtonSettingsUniDriver } from './button-settings.uni.driver.js';\nimport { createButtonSettingsUniDriver } from './button-settings.uni.driver.js';\n\ntype ButtonTestkit = (\n  buttonType:\n    | typeof RicosPluginToolbarNames.LINK_BUTTON\n    | typeof RicosPluginToolbarNames.ACTION_BUTTON,\n  tag: 'button' | 'a'\n) => Testkit<\n  {\n    content: {\n      atIndex: (index: number) => {\n        exists: (options?: GetOptions) => Promise<boolean>;\n        click: () => Promise<void>;\n        getText: () => Promise<string>;\n        /** Editor only. */\n        getTextInputElement: () => Promise<HTMLInputElement>;\n        getLink: () => Promise<string | null>;\n        getStyles: () => Promise<string | null>;\n        getNativeElement: () => Promise<Element>;\n      };\n    };\n    toolbars: {\n      createAddButtonToolbars: (getAddButtonToolbarBase: () => UniDriver<Element>) => {\n        click: () => Promise<void>;\n        toolbarsToAddIn: typeof toolbarsToAddIn;\n      };\n      createPluginToolbar: (\n        getPluginToolbarBase: (pluginType: typeof buttonType) => UniDriver<Element>\n      ) => {\n        openSettingsModal: () => Promise<void>;\n        /** Action buttons only. */\n        openTextModal: () => Promise<void>;\n        openLinkModal: () => Promise<void>;\n        clickDelete: () => Promise<void>;\n        clickAlignmentDropdown: () => Promise<void>;\n        alignment: {\n          clickLeft: () => Promise<void>;\n          toggleTextWrap: () => Promise<void>;\n          isToggleTextWrapDisabled: () => Promise<boolean>;\n        };\n        exists: () => Promise<boolean>;\n      };\n    };\n  } & ButtonSettingsUniDriver\n>;\n\nexport const createButtonTestkit: ButtonTestkit = (buttonType, tag) => getBase => {\n  const getButton = async (index: number, options?: GetOptions) => {\n    const button = await getBase().getAll(`${tag}${dataHook(ROOT)}`, options);\n    return button.at(index);\n  };\n\n  return {\n    content: {\n      atIndex: index => {\n        return {\n          exists: async options => {\n            try {\n              const button = await getButton(index, options);\n              return button.exists();\n            } catch {\n              return false;\n            }\n          },\n          click: async () => (await getButton(index)).click(),\n          getText: async () => {\n            const button = await getButton(index);\n            // The editor renders the text in an inline input.\n            const input = button.$(dataHook(INLINE_TEXT_INPUT));\n            return (await input.exists()) ? input.value() : button.text();\n          },\n          getTextInputElement: async () => {\n            const input = await (await getButton(index)).get(dataHook(INLINE_TEXT_INPUT));\n            return (await input.getNative()) as HTMLInputElement;\n          },\n          getLink: async () => (await getButton(index)).attr('href'),\n          getStyles: async () => {\n            const btn = await getButton(index);\n            return await btn.attr('style');\n          },\n          getNativeElement: async () => {\n            const file = await getButton(index);\n            return file.getNative();\n          },\n        };\n      },\n    },\n    toolbars: {\n      createAddButtonToolbars: getAddButtonToolbarBase => ({\n        click: async () => {\n          const buttonPluginButton = await getAddButtonToolbarBase().get(\n            dataHook(INSERT_BUTTON_BUTTON)\n          );\n          await buttonPluginButton.click();\n        },\n        toolbarsToAddIn,\n      }),\n      createPluginToolbar: getPluginToolbarBase => ({\n        openSettingsModal: async () => {\n          const settings = await getPluginToolbarBase(buttonType).get(\n            dataHook(PLUGIN_TOOLBAR_SETTINGS_BUTTON)\n          );\n          await settings.click();\n        },\n        openTextModal: async () => {\n          const text = await getPluginToolbarBase(buttonType).get(\n            dataHook(PLUGIN_TOOLBAR_TEXT_BUTTON)\n          );\n          await text.click();\n        },\n        openLinkModal: async () => {\n          const link = await getPluginToolbarBase(buttonType).get(\n            dataHook(PLUGIN_TOOLBAR_LINK_BUTTON)\n          );\n          await link.click();\n        },\n        clickDelete: async () => {\n          await (\n            await getPluginToolbarBase(buttonType).get(dataHook(PLUGIN_TOOLBAR_DELETE_BUTTON))\n          ).click();\n        },\n        clickAlignmentDropdown: async () => {\n          await (\n            await getPluginToolbarBase(buttonType).get(dataHook(PLUGIN_TOOLBAR_ALIGNMENT_BUTTON))\n          ).click();\n        },\n        alignment: {\n          clickLeft: async () => {\n            await (\n              await getBase().get(dataHook(ALIGNMENT_DROPDOWN_OPTION_LEFT), {\n                timeout: 5000,\n              })\n            ).click();\n          },\n          toggleTextWrap: async () => {\n            await (\n              await getBase().get(dataHook('toggle-switch-input'), {\n                timeout: 5000,\n              })\n            ).click();\n          },\n          isToggleTextWrapDisabled: async () => {\n            return (\n              (await (\n                await getBase().get(dataHook('toggle-switch-input'), {\n                  timeout: 5000,\n                })\n              ).attr('readonly')) !== null\n            );\n          },\n        },\n        exists: async () => {\n          try {\n            return getPluginToolbarBase(buttonType).exists();\n          } catch {\n            return false;\n          }\n        },\n      }),\n    },\n    ...createButtonSettingsUniDriver(getBase),\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/plugin-button/tiptap/component.js

@@ -12,6 +12,9 @@ import {
   getPluginPlacementClassNames
 } from "./../../_shared/node-styles.js";
 import { OverlayHoc } from "./../../_shared/overlay-hoc/overlay-hoc.js";
+import { Selection } from "./../../tiptap/pm/state.js";
+import { INLINE_TEXT_INPUT } from "../data-hooks.js";
+import styles from "../statics/styles/default-styles-scss.js";
 import { ButtonViewer } from "../viewer/button-viewer.js";
 const createStylesHOC = (extraClassName) => (Component) => {
   return (props) => {
@@ -50,6 +53,50 @@ const SelectionHOC = (Component) => {
     return /* @__PURE__ */ React.createElement("div", { className }, /* @__PURE__ */ React.createElement(Component, { ...props }));
   };
 };
+const ButtonTextInput = ({
+  componentData,
+  editor,
+  node,
+  getPos,
+  updateAttributes
+}) => {
+  const { t, tabIndex } = useContext(RicosContext);
+  const text = componentData.text ?? "";
+  const label = t("ButtonPlugin_InlineText_Placeholder");
+  const onKeyDown = (event) => {
+    const { view } = editor;
+    const dir = event.key === "ArrowUp" ? -1 : event.key === "ArrowDown" ? 1 : 0;
+    if (dir) {
+      const { state } = view;
+      const $edge = state.doc.resolve(dir > 0 ? getPos() + node.nodeSize : getPos());
+      const next = Selection.findFrom($edge, dir);
+      if (!next) {
+        return;
+      }
+      view.dispatch(state.tr.setSelection(next));
+    } else if (!["Escape", "Enter"].includes(event.key)) {
+      return;
+    }
+    event.preventDefault();
+    view.focus();
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: classNames(styles.button_text, styles.button_text_editor) }, text || label, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      "data-hook": INLINE_TEXT_INPUT,
+      className: styles.button_text_input,
+      value: text,
+      onChange: (e) => updateAttributes({ text: e.target.value }),
+      onKeyDown,
+      onClick: (e) => e.preventDefault(),
+      placeholder: label,
+      "aria-label": label,
+      tabIndex,
+      readOnly: !editor.isEditable,
+      dir: "auto"
+    }
+  ));
+};
 const Button = (
   // We lift button margin to the plugin container so that resizer and selection are not affected
   createStylesHOC()(
@@ -58,14 +105,15 @@ const Button = (
       // boundaries (previously erased by flowRight).
       DraggableHOC(
         SelectionHOC(
-          OverlayHoc(({ componentData, settings, node }) => {
+          OverlayHoc((props) => {
             return /* @__PURE__ */ React.createElement(
               ButtonViewer,
               {
-                nodeId: node.attrs.id,
-                buttonData: componentData,
-                settings
-              }
+                nodeId: props.node.attrs.id,
+                buttonData: props.componentData,
+                settings: props.settings
+              },
+              /* @__PURE__ */ React.createElement(ButtonTextInput, { ...props })
             );
           })
         )

package/dist/es/plugin-button/tiptap/component.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-button/tiptap/component.tsx"],
-  "sourcesContent": ["import classNames from 'classnames';\nimport React, { useContext } from 'react';\n\nimport { ResizerHOC } from './../../ricos-common-plugins/resizable/react-resizer.js';\nimport { RicosContext } from './../../ricos-context/ricos-context.js';\nimport type { ButtonData } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { PluginProps } from './../../ricos-types/index.js';\nimport { DraggableHOC } from './../../_shared/draggable-hoc.js';\nimport { isNodeSelected } from './../../_shared/is-node-selected.js';\nimport {\n  getNodeWidth,\n  getPluginAlignmentAttribute,\n  getPluginContainerClassNames,\n  getPluginFocusClassNames,\n  getPluginPlacementClassNames,\n} from './../../_shared/node-styles.js';\nimport { OverlayHoc } from './../../_shared/overlay-hoc/overlay-hoc.js';\n\nimport { ButtonViewer } from '../viewer/button-viewer.js';\n\nconst createStylesHOC = (extraClassName?: string) => (Component: React.FC<PluginProps>) => {\n  return (props: PluginProps) => {\n    const { isMobile } = useContext(RicosContext);\n    const isTextWrapEnabled = props.extension.config.isTextWrap ?? true;\n\n    const className = classNames(\n      getPluginContainerClassNames(isMobile),\n      getPluginPlacementClassNames(props.node, isTextWrapEnabled),\n      extraClassName\n    );\n\n    const width = getNodeWidth(props.node, isMobile);\n\n    const style: React.CSSProperties = {\n      width: width ? `min(100%, ${width}px)` : undefined,\n    };\n\n    return (\n      <div\n        className={className}\n        style={style}\n        data-plugin-alignment={getPluginAlignmentAttribute(props.node.attrs?.containerData)}\n      >\n        <Component {...props} />\n      </div>\n    );\n  };\n};\n\nconst ButtonResizerHOC = (Component: React.FC<PluginProps>) => {\n  const ResizableComponent = ResizerHOC(Component);\n\n  return (props: PluginProps) => {\n    return props.extension.config.disableResize ? (\n      <Component {...props} />\n    ) : (\n      <ResizableComponent {...props} />\n    );\n  };\n};\n\nconst SelectionHOC = (Component: React.FC<PluginProps>) => {\n  return (props: PluginProps) => {\n    const isFocused = isNodeSelected(props.editor.state, props.node.attrs.id);\n    const className = getPluginFocusClassNames(isFocused);\n\n    return (\n      <div className={className}>\n        <Component {...props} />\n      </div>\n    );\n  };\n};\n\nexport const Button: React.FC<PluginProps> =\n  // We lift button margin to the plugin container so that resizer and selection are not affected\n  createStylesHOC()(\n    ButtonResizerHOC(\n      // Each HOC adds its own props, so the chain composes through loosely-typed\n      // boundaries (previously erased by flowRight).\n      DraggableHOC(\n        SelectionHOC(\n          OverlayHoc(({ componentData, settings, node }: PluginProps) => {\n            return (\n              <ButtonViewer\n                nodeId={node.attrs.id}\n                buttonData={componentData as ButtonData}\n                settings={settings}\n              />\n            );\n          }) as unknown as React.FC<PluginProps>\n        ) as unknown as React.FC<PluginProps>\n      ) as unknown as React.FC<PluginProps>\n    ) as unknown as React.FC<PluginProps>\n  );\n"],
-  "mappings": "AAAA,OAAO,gBAAgB;AACvB,OAAO,SAAS,kBAAkB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAG7B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAE3B,SAAS,oBAAoB;AAE7B,MAAM,kBAAkB,CAAC,mBAA4B,CAAC,cAAqC;AACzF,SAAO,CAAC,UAAuB;AAC7B,UAAM,EAAE,SAAS,IAAI,WAAW,YAAY;AAC5C,UAAM,oBAAoB,MAAM,UAAU,OAAO,cAAc;AAE/D,UAAM,YAAY;AAAA,MAChB,6BAA6B,QAAQ;AAAA,MACrC,6BAA6B,MAAM,MAAM,iBAAiB;AAAA,MAC1D;AAAA,IACF;AAEA,UAAM,QAAQ,aAAa,MAAM,MAAM,QAAQ;AAE/C,UAAM,QAA6B;AAAA,MACjC,OAAO,QAAQ,aAAa,KAAK,QAAQ;AAAA,IAC3C;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,yBAAuB,4BAA4B,MAAM,KAAK,OAAO,aAAa;AAAA;AAAA,MAElF,oCAAC,aAAW,GAAG,OAAO;AAAA,IACxB;AAAA,EAEJ;AACF;AAEA,MAAM,mBAAmB,CAAC,cAAqC;AAC7D,QAAM,qBAAqB,WAAW,SAAS;AAE/C,SAAO,CAAC,UAAuB;AAC7B,WAAO,MAAM,UAAU,OAAO,gBAC5B,oCAAC,aAAW,GAAG,OAAO,IAEtB,oCAAC,sBAAoB,GAAG,OAAO;AAAA,EAEnC;AACF;AAEA,MAAM,eAAe,CAAC,cAAqC;AACzD,SAAO,CAAC,UAAuB;AAC7B,UAAM,YAAY,eAAe,MAAM,OAAO,OAAO,MAAM,KAAK,MAAM,EAAE;AACxE,UAAM,YAAY,yBAAyB,SAAS;AAEpD,WACE,oCAAC,SAAI,aACH,oCAAC,aAAW,GAAG,OAAO,CACxB;AAAA,EAEJ;AACF;AAEO,MAAM;AAAA;AAAA,EAEX,gBAAgB;AAAA,IACd;AAAA;AAAA;AAAA,MAGE;AAAA,QACE;AAAA,UACE,WAAW,CAAC,EAAE,eAAe,UAAU,KAAK,MAAmB;AAC7D,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC,QAAQ,KAAK,MAAM;AAAA,gBACnB,YAAY;AAAA,gBACZ;AAAA;AAAA,YACF;AAAA,UAEJ,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA;",
+  "sourcesContent": ["import classNames from 'classnames';\nimport React, { useContext } from 'react';\n\nimport { ResizerHOC } from './../../ricos-common-plugins/resizable/react-resizer.js';\nimport { RicosContext } from './../../ricos-context/ricos-context.js';\nimport type { ButtonData } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { PluginProps } from './../../ricos-types/index.js';\nimport { DraggableHOC } from './../../_shared/draggable-hoc.js';\nimport { isNodeSelected } from './../../_shared/is-node-selected.js';\nimport {\n  getNodeWidth,\n  getPluginAlignmentAttribute,\n  getPluginContainerClassNames,\n  getPluginFocusClassNames,\n  getPluginPlacementClassNames,\n} from './../../_shared/node-styles.js';\nimport { OverlayHoc } from './../../_shared/overlay-hoc/overlay-hoc.js';\nimport { Selection } from './../../tiptap/pm/state.js';\n\nimport { INLINE_TEXT_INPUT } from '../data-hooks.js';\nimport styles from '../statics/styles/default-styles-scss.js';\nimport { ButtonViewer } from '../viewer/button-viewer.js';\n\nconst createStylesHOC = (extraClassName?: string) => (Component: React.FC<PluginProps>) => {\n  return (props: PluginProps) => {\n    const { isMobile } = useContext(RicosContext);\n    const isTextWrapEnabled = props.extension.config.isTextWrap ?? true;\n\n    const className = classNames(\n      getPluginContainerClassNames(isMobile),\n      getPluginPlacementClassNames(props.node, isTextWrapEnabled),\n      extraClassName\n    );\n\n    const width = getNodeWidth(props.node, isMobile);\n\n    const style: React.CSSProperties = {\n      width: width ? `min(100%, ${width}px)` : undefined,\n    };\n\n    return (\n      <div\n        className={className}\n        style={style}\n        data-plugin-alignment={getPluginAlignmentAttribute(props.node.attrs?.containerData)}\n      >\n        <Component {...props} />\n      </div>\n    );\n  };\n};\n\nconst ButtonResizerHOC = (Component: React.FC<PluginProps>) => {\n  const ResizableComponent = ResizerHOC(Component);\n\n  return (props: PluginProps) => {\n    return props.extension.config.disableResize ? (\n      <Component {...props} />\n    ) : (\n      <ResizableComponent {...props} />\n    );\n  };\n};\n\nconst SelectionHOC = (Component: React.FC<PluginProps>) => {\n  return (props: PluginProps) => {\n    const isFocused = isNodeSelected(props.editor.state, props.node.attrs.id);\n    const className = getPluginFocusClassNames(isFocused);\n\n    return (\n      <div className={className}>\n        <Component {...props} />\n      </div>\n    );\n  };\n};\n\n/**\n * Clicks reach it through `OverlayHoc` (which also node-selects the button); ArrowUp/ArrowDown on\n * a selected button focus it (see `tiptap.ts`). Escape/Enter return to the selected button,\n * ArrowUp/ArrowDown leave above/below it.\n */\nconst ButtonTextInput = ({\n  componentData,\n  editor,\n  node,\n  getPos,\n  updateAttributes,\n}: PluginProps) => {\n  const { t, tabIndex } = useContext(RicosContext);\n  const text = (componentData as ButtonData).text ?? '';\n  // Also the input's accessible name: the placeholder disappears once there's text.\n  const label = t('ButtonPlugin_InlineText_Placeholder');\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { view } = editor;\n    const dir = event.key === 'ArrowUp' ? -1 : event.key === 'ArrowDown' ? 1 : 0;\n\n    if (dir) {\n      const { state } = view;\n      const $edge = state.doc.resolve(dir > 0 ? getPos() + node.nodeSize : getPos());\n      const next = Selection.findFrom($edge, dir);\n      // Nothing there (e.g. a first-node button): the caret moves within the input instead.\n      if (!next) {\n        return;\n      }\n      view.dispatch(state.tr.setSelection(next));\n    } else if (!['Escape', 'Enter'].includes(event.key)) {\n      return;\n    }\n\n    event.preventDefault();\n    view.focus();\n  };\n\n  // An input's width ignores its value, so the (hidden) text sizes the button like the viewer\n  // does and the input is laid over it.\n  return (\n    <div className={classNames(styles.button_text, styles.button_text_editor)}>\n      {text || label}\n      <input\n        data-hook={INLINE_TEXT_INPUT}\n        className={styles.button_text_input}\n        value={text}\n        onChange={e => updateAttributes({ text: e.target.value })}\n        onKeyDown={onKeyDown}\n        // A link button is an `<a href>` — clicking its text would navigate.\n        onClick={e => e.preventDefault()}\n        placeholder={label}\n        aria-label={label}\n        tabIndex={tabIndex}\n        readOnly={!editor.isEditable}\n        dir=\"auto\"\n      />\n    </div>\n  );\n};\n\nexport const Button: React.FC<PluginProps> =\n  // We lift button margin to the plugin container so that resizer and selection are not affected\n  createStylesHOC()(\n    ButtonResizerHOC(\n      // Each HOC adds its own props, so the chain composes through loosely-typed\n      // boundaries (previously erased by flowRight).\n      DraggableHOC(\n        SelectionHOC(\n          OverlayHoc((props: PluginProps) => {\n            return (\n              <ButtonViewer\n                nodeId={props.node.attrs.id}\n                buttonData={props.componentData as ButtonData}\n                settings={props.settings}\n              >\n                <ButtonTextInput {...props} />\n              </ButtonViewer>\n            );\n          }) as unknown as React.FC<PluginProps>\n        ) as unknown as React.FC<PluginProps>\n      ) as unknown as React.FC<PluginProps>\n    ) as unknown as React.FC<PluginProps>\n  );\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/plugin-button/tiptap/tiptap.js

@@ -1,12 +1,12 @@
 import { TIPTAP_ACTION_BUTTON_TYPE, TIPTAP_LINK_BUTTON_TYPE } from "./../../ricos-content/index.js";
-import { Plugin, PluginKey } from "./../../tiptap/pm/state.js";
+import { NodeSelection, Plugin, PluginKey } from "./../../tiptap/pm/state.js";
 import { Decoration, DecorationSet } from "./../../tiptap/pm/view.js";
 import { createRicosNodeExtension } from "./../../plugin-commons/index.js";
 import { ACTION_BUTTON_TYPE, LINK_BUTTON_TYPE } from "../types.js";
 import { Button as Component } from "./component.js";
 const getButtonExtension = (name, disableResize) => [
   createRicosNodeExtension({
-    groups: ["custom-styles", "not-overtypable"],
+    groups: ["custom-styles", "not-overtypable", "shortcuts-enabled"],
     type: "react-node",
     reconfigure: (config, _extensions, props, settings) => {
       return {
@@ -22,6 +22,8 @@ const getButtonExtension = (name, disableResize) => [
       const HOVER_PREVIEW_PLUGIN_KEY = new PluginKey(this.name + "hoverPreview");
       return {
         name: this.name,
+        // Above ricos-keymap and gap-spacer (100) so the arrows reach the button first.
+        priority: 105,
         group: "block smartBlockCellContent layoutCellContent collapsibleListItemBodyContent tableCellContent",
         selectable: true,
         draggable: true,
@@ -32,6 +34,22 @@ const getButtonExtension = (name, disableResize) => [
           text: null,
           link: null
         }),
+        addKeyboardShortcuts() {
+          const focusText = () => {
+            const { selection } = this.editor.state;
+            if (!(selection instanceof NodeSelection) || selection.node.type.name !== this.name) {
+              return false;
+            }
+            const input = this.editor.view.nodeDOM(selection.from)?.querySelector("input");
+            if (!input) {
+              return false;
+            }
+            input.focus();
+            input.setSelectionRange(input.value.length, input.value.length);
+            return true;
+          };
+          return { ArrowDown: focusText, ArrowUp: focusText };
+        },
         addCommands() {
           return {
             setHoverPreview: (applyPreview) => ({ tr, dispatch }) => {

package/dist/es/plugin-button/tiptap/tiptap.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-button/tiptap/tiptap.ts"],
-  "sourcesContent": ["import { TIPTAP_ACTION_BUTTON_TYPE, TIPTAP_LINK_BUTTON_TYPE } from './../../ricos-content/index.js';\nimport type { CommandProps } from './../../tiptap/core/index.js';\nimport { Plugin, PluginKey } from './../../tiptap/pm/state.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\nimport { createRicosNodeExtension } from './../../plugin-commons/index.js';\n\nimport { ACTION_BUTTON_TYPE, LINK_BUTTON_TYPE } from '../types.js';\nimport { Button as Component } from './component.js';\n\ndeclare module './../../tiptap/core' {\n  interface Commands<ReturnType> {\n    button: {\n      /**\n       * Sets value of temporary hover preview in Button settings.\n       */\n      setHoverPreview: (applyPreview: boolean) => ReturnType;\n    };\n  }\n}\n\nconst getButtonExtension = (name: string, disableResize: boolean) => [\n  createRicosNodeExtension({\n    groups: ['custom-styles', 'not-overtypable'],\n    type: 'react-node',\n    reconfigure: (config, _extensions, props, settings) => {\n      return {\n        ...config,\n        disableResize,\n        isTextWrap: props.isTextWrap ?? true,\n        addOptions: () => settings,\n      };\n    },\n    Component,\n    name,\n    createExtensionConfig() {\n      const HOVER_PREVIEW_PLUGIN_KEY = new PluginKey(this.name + 'hoverPreview');\n\n      return {\n        name: this.name,\n        group:\n          'block smartBlockCellContent layoutCellContent collapsibleListItemBodyContent tableCellContent',\n        selectable: true,\n        draggable: true,\n        addAttributes: () => ({\n          type: null,\n          containerData: null,\n          styles: null,\n          text: null,\n          link: null,\n        }),\n        addCommands() {\n          return {\n            setHoverPreview:\n              applyPreview =>\n              ({ tr, dispatch }: CommandProps) => {\n                dispatch?.(tr.setMeta(HOVER_PREVIEW_PLUGIN_KEY, applyPreview));\n\n                return true;\n              },\n          };\n        },\n        addProseMirrorPlugins() {\n          return [\n            new Plugin({\n              key: HOVER_PREVIEW_PLUGIN_KEY,\n\n              state: {\n                init() {\n                  return { applyPreview: false };\n                },\n                apply(tr, value) {\n                  const applyPreview = tr.getMeta(HOVER_PREVIEW_PLUGIN_KEY);\n\n                  if (applyPreview === undefined) {\n                    return value;\n                  }\n\n                  return { applyPreview };\n                },\n              },\n\n              props: {\n                decorations(state) {\n                  const { applyPreview } = HOVER_PREVIEW_PLUGIN_KEY.getState(state);\n                  const { from, to } = state.selection;\n\n                  if (!applyPreview) {\n                    return null;\n                  }\n\n                  return DecorationSet.create(state.doc, [\n                    Decoration.node(from, to, {\n                      class: 'forced-hover',\n                    }),\n                  ]);\n                },\n              },\n            }),\n          ];\n        },\n      };\n    },\n  }),\n];\n\nexport const tiptapExtensionsMap = ({ disableResize }: { disableResize: boolean }) => ({\n  [LINK_BUTTON_TYPE]: getButtonExtension(TIPTAP_LINK_BUTTON_TYPE, disableResize),\n  [ACTION_BUTTON_TYPE]: getButtonExtension(TIPTAP_ACTION_BUTTON_TYPE, disableResize),\n});\n"],
-  "mappings": "AAAA,SAAS,2BAA2B,+BAA+B;AAEnE,SAAS,QAAQ,iBAAiB;AAClC,SAAS,YAAY,qBAAqB;AAC1C,SAAS,gCAAgC;AAEzC,SAAS,oBAAoB,wBAAwB;AACrD,SAAS,UAAU,iBAAiB;AAapC,MAAM,qBAAqB,CAAC,MAAc,kBAA2B;AAAA,EACnE,yBAAyB;AAAA,IACvB,QAAQ,CAAC,iBAAiB,iBAAiB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa,CAAC,QAAQ,aAAa,OAAO,aAAa;AACrD,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,QACA,YAAY,MAAM,cAAc;AAAA,QAChC,YAAY,MAAM;AAAA,MACpB;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA,wBAAwB;AACtB,YAAM,2BAA2B,IAAI,UAAU,KAAK,OAAO,cAAc;AAEzE,aAAO;AAAA,QACL,MAAM,KAAK;AAAA,QACX,OACE;AAAA,QACF,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,eAAe,OAAO;AAAA,UACpB,MAAM;AAAA,UACN,eAAe;AAAA,UACf,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,QACR;AAAA,QACA,cAAc;AACZ,iBAAO;AAAA,YACL,iBACE,kBACA,CAAC,EAAE,IAAI,SAAS,MAAoB;AAClC,yBAAW,GAAG,QAAQ,0BAA0B,YAAY,CAAC;AAE7D,qBAAO;AAAA,YACT;AAAA,UACJ;AAAA,QACF;AAAA,QACA,wBAAwB;AACtB,iBAAO;AAAA,YACL,IAAI,OAAO;AAAA,cACT,KAAK;AAAA,cAEL,OAAO;AAAA,gBACL,OAAO;AACL,yBAAO,EAAE,cAAc,MAAM;AAAA,gBAC/B;AAAA,gBACA,MAAM,IAAI,OAAO;AACf,wBAAM,eAAe,GAAG,QAAQ,wBAAwB;AAExD,sBAAI,iBAAiB,QAAW;AAC9B,2BAAO;AAAA,kBACT;AAEA,yBAAO,EAAE,aAAa;AAAA,gBACxB;AAAA,cACF;AAAA,cAEA,OAAO;AAAA,gBACL,YAAY,OAAO;AACjB,wBAAM,EAAE,aAAa,IAAI,yBAAyB,SAAS,KAAK;AAChE,wBAAM,EAAE,MAAM,GAAG,IAAI,MAAM;AAE3B,sBAAI,CAAC,cAAc;AACjB,2BAAO;AAAA,kBACT;AAEA,yBAAO,cAAc,OAAO,MAAM,KAAK;AAAA,oBACrC,WAAW,KAAK,MAAM,IAAI;AAAA,sBACxB,OAAO;AAAA,oBACT,CAAC;AAAA,kBACH,CAAC;AAAA,gBACH;AAAA,cACF;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,sBAAsB,CAAC,EAAE,cAAc,OAAmC;AAAA,EACrF,CAAC,gBAAgB,GAAG,mBAAmB,yBAAyB,aAAa;AAAA,EAC7E,CAAC,kBAAkB,GAAG,mBAAmB,2BAA2B,aAAa;AACnF;",
+  "sourcesContent": ["import { TIPTAP_ACTION_BUTTON_TYPE, TIPTAP_LINK_BUTTON_TYPE } from './../../ricos-content/index.js';\nimport type { CommandProps } from './../../tiptap/core/index.js';\nimport { NodeSelection, Plugin, PluginKey } from './../../tiptap/pm/state.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\nimport { createRicosNodeExtension } from './../../plugin-commons/index.js';\n\nimport { ACTION_BUTTON_TYPE, LINK_BUTTON_TYPE } from '../types.js';\nimport { Button as Component } from './component.js';\n\ndeclare module './../../tiptap/core' {\n  interface Commands<ReturnType> {\n    button: {\n      /**\n       * Sets value of temporary hover preview in Button settings.\n       */\n      setHoverPreview: (applyPreview: boolean) => ReturnType;\n    };\n  }\n}\n\nconst getButtonExtension = (name: string, disableResize: boolean) => [\n  createRicosNodeExtension({\n    groups: ['custom-styles', 'not-overtypable', 'shortcuts-enabled'],\n    type: 'react-node',\n    reconfigure: (config, _extensions, props, settings) => {\n      return {\n        ...config,\n        disableResize,\n        isTextWrap: props.isTextWrap ?? true,\n        addOptions: () => settings,\n      };\n    },\n    Component,\n    name,\n    createExtensionConfig() {\n      const HOVER_PREVIEW_PLUGIN_KEY = new PluginKey(this.name + 'hoverPreview');\n\n      return {\n        name: this.name,\n        // Above ricos-keymap and gap-spacer (100) so the arrows reach the button first.\n        priority: 105,\n        group:\n          'block smartBlockCellContent layoutCellContent collapsibleListItemBodyContent tableCellContent',\n        selectable: true,\n        draggable: true,\n        addAttributes: () => ({\n          type: null,\n          containerData: null,\n          styles: null,\n          text: null,\n          link: null,\n        }),\n        addKeyboardShortcuts() {\n          // Like ArrowDown from a selected image into its caption — ArrowUp too, so the text is\n          // reachable coming from below.\n          const focusText = () => {\n            const { selection } = this.editor.state;\n            if (!(selection instanceof NodeSelection) || selection.node.type.name !== this.name) {\n              return false;\n            }\n            const input = (\n              this.editor.view.nodeDOM(selection.from) as HTMLElement | null\n            )?.querySelector('input');\n            if (!input) {\n              return false;\n            }\n            input.focus();\n            input.setSelectionRange(input.value.length, input.value.length);\n            return true;\n          };\n          return { ArrowDown: focusText, ArrowUp: focusText };\n        },\n        addCommands() {\n          return {\n            setHoverPreview:\n              applyPreview =>\n              ({ tr, dispatch }: CommandProps) => {\n                dispatch?.(tr.setMeta(HOVER_PREVIEW_PLUGIN_KEY, applyPreview));\n\n                return true;\n              },\n          };\n        },\n        addProseMirrorPlugins() {\n          return [\n            new Plugin({\n              key: HOVER_PREVIEW_PLUGIN_KEY,\n\n              state: {\n                init() {\n                  return { applyPreview: false };\n                },\n                apply(tr, value) {\n                  const applyPreview = tr.getMeta(HOVER_PREVIEW_PLUGIN_KEY);\n\n                  if (applyPreview === undefined) {\n                    return value;\n                  }\n\n                  return { applyPreview };\n                },\n              },\n\n              props: {\n                decorations(state) {\n                  const { applyPreview } = HOVER_PREVIEW_PLUGIN_KEY.getState(state);\n                  const { from, to } = state.selection;\n\n                  if (!applyPreview) {\n                    return null;\n                  }\n\n                  return DecorationSet.create(state.doc, [\n                    Decoration.node(from, to, {\n                      class: 'forced-hover',\n                    }),\n                  ]);\n                },\n              },\n            }),\n          ];\n        },\n      };\n    },\n  }),\n];\n\nexport const tiptapExtensionsMap = ({ disableResize }: { disableResize: boolean }) => ({\n  [LINK_BUTTON_TYPE]: getButtonExtension(TIPTAP_LINK_BUTTON_TYPE, disableResize),\n  [ACTION_BUTTON_TYPE]: getButtonExtension(TIPTAP_ACTION_BUTTON_TYPE, disableResize),\n});\n"],
+  "mappings": "AAAA,SAAS,2BAA2B,+BAA+B;AAEnE,SAAS,eAAe,QAAQ,iBAAiB;AACjD,SAAS,YAAY,qBAAqB;AAC1C,SAAS,gCAAgC;AAEzC,SAAS,oBAAoB,wBAAwB;AACrD,SAAS,UAAU,iBAAiB;AAapC,MAAM,qBAAqB,CAAC,MAAc,kBAA2B;AAAA,EACnE,yBAAyB;AAAA,IACvB,QAAQ,CAAC,iBAAiB,mBAAmB,mBAAmB;AAAA,IAChE,MAAM;AAAA,IACN,aAAa,CAAC,QAAQ,aAAa,OAAO,aAAa;AACrD,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,QACA,YAAY,MAAM,cAAc;AAAA,QAChC,YAAY,MAAM;AAAA,MACpB;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA,wBAAwB;AACtB,YAAM,2BAA2B,IAAI,UAAU,KAAK,OAAO,cAAc;AAEzE,aAAO;AAAA,QACL,MAAM,KAAK;AAAA;AAAA,QAEX,UAAU;AAAA,QACV,OACE;AAAA,QACF,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,eAAe,OAAO;AAAA,UACpB,MAAM;AAAA,UACN,eAAe;AAAA,UACf,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,QACR;AAAA,QACA,uBAAuB;AAGrB,gBAAM,YAAY,MAAM;AACtB,kBAAM,EAAE,UAAU,IAAI,KAAK,OAAO;AAClC,gBAAI,EAAE,qBAAqB,kBAAkB,UAAU,KAAK,KAAK,SAAS,KAAK,MAAM;AACnF,qBAAO;AAAA,YACT;AACA,kBAAM,QACJ,KAAK,OAAO,KAAK,QAAQ,UAAU,IAAI,GACtC,cAAc,OAAO;AACxB,gBAAI,CAAC,OAAO;AACV,qBAAO;AAAA,YACT;AACA,kBAAM,MAAM;AACZ,kBAAM,kBAAkB,MAAM,MAAM,QAAQ,MAAM,MAAM,MAAM;AAC9D,mBAAO;AAAA,UACT;AACA,iBAAO,EAAE,WAAW,WAAW,SAAS,UAAU;AAAA,QACpD;AAAA,QACA,cAAc;AACZ,iBAAO;AAAA,YACL,iBACE,kBACA,CAAC,EAAE,IAAI,SAAS,MAAoB;AAClC,yBAAW,GAAG,QAAQ,0BAA0B,YAAY,CAAC;AAE7D,qBAAO;AAAA,YACT;AAAA,UACJ;AAAA,QACF;AAAA,QACA,wBAAwB;AACtB,iBAAO;AAAA,YACL,IAAI,OAAO;AAAA,cACT,KAAK;AAAA,cAEL,OAAO;AAAA,gBACL,OAAO;AACL,yBAAO,EAAE,cAAc,MAAM;AAAA,gBAC/B;AAAA,gBACA,MAAM,IAAI,OAAO;AACf,wBAAM,eAAe,GAAG,QAAQ,wBAAwB;AAExD,sBAAI,iBAAiB,QAAW;AAC9B,2BAAO;AAAA,kBACT;AAEA,yBAAO,EAAE,aAAa;AAAA,gBACxB;AAAA,cACF;AAAA,cAEA,OAAO;AAAA,gBACL,YAAY,OAAO;AACjB,wBAAM,EAAE,aAAa,IAAI,yBAAyB,SAAS,KAAK;AAChE,wBAAM,EAAE,MAAM,GAAG,IAAI,MAAM;AAE3B,sBAAI,CAAC,cAAc;AACjB,2BAAO;AAAA,kBACT;AAEA,yBAAO,cAAc,OAAO,MAAM,KAAK;AAAA,oBACrC,WAAW,KAAK,MAAM,IAAI;AAAA,sBACxB,OAAO;AAAA,oBACT,CAAC;AAAA,kBACH,CAAC;AAAA,gBACH;AAAA,cACF;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,sBAAsB,CAAC,EAAE,cAAc,OAAmC;AAAA,EACrF,CAAC,gBAAgB,GAAG,mBAAmB,yBAAyB,aAAa;AAAA,EAC7E,CAAC,kBAAkB,GAAG,mBAAmB,2BAA2B,aAAa;AACnF;",
   "names": []
 }

package/dist/es/plugin-button/viewer/button-viewer.js

@@ -17,7 +17,8 @@ const ButtonViewer = ({
   settings = {},
   buttonData,
   nodeId,
-  baseUrl
+  baseUrl,
+  children
 }) => {
   const { tabIndex, theme } = useContext(RicosContext);
   const isActionButton = buttonData.type === ButtonData_Type.ACTION;
@@ -85,11 +86,12 @@ const ButtonViewer = ({
       href: link ? getLinkHrefUrl(link, baseUrl) : void 0,
       target: link?.target && `_${link.target.toLowerCase()}`,
       rel: link?.rel?.nofollow ? getRelValue("nofollow") : void 0
-    }
+    },
+    children
   );
 };
 const LinkButton = (props) => {
-  const { buttonData, ...rest } = props;
+  const { buttonData, children, ...rest } = props;
   return /* @__PURE__ */ React.createElement(
     "a",
     {
@@ -100,11 +102,11 @@ const LinkButton = (props) => {
         }
       }
     },
-    /* @__PURE__ */ React.createElement("div", { className: styles.button_text }, buttonData.text)
+    children ?? /* @__PURE__ */ React.createElement("div", { className: styles.button_text }, buttonData.text)
   );
 };
 const ActionButton = (props) => {
-  const { buttonData, ...rest } = props;
+  const { buttonData, children, ...rest } = props;
   return /* @__PURE__ */ React.createElement(
     "button",
     {
@@ -116,7 +118,7 @@ const ActionButton = (props) => {
         }
       }
     },
-    /* @__PURE__ */ React.createElement("div", { className: styles.button_text }, buttonData.text)
+    children ?? /* @__PURE__ */ React.createElement("div", { className: styles.button_text }, buttonData.text)
   );
 };
 export {

package/dist/es/plugin-button/viewer/button-viewer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-button/viewer/button-viewer.tsx"],
-  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-static-element-interactions */\nimport classNames from 'classnames';\nimport type { FC } from 'react';\nimport React, { useCallback, useContext } from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\nimport type { ButtonData } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { ButtonData_Type, Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { Gradient, Helpers, LegacyEditorPluginConfig } from './../../ricos-types/index.js';\nimport { getLinkHrefUrl } from './../../_shared/link/get-link-href-url.js';\nimport { resolveCssColor } from './../../_shared/resolve-css-color.js';\nimport { schemaGradientToCss } from './../../_shared/schema-gradient-to-css.js';\nimport { getRelValue } from './../../wix-rich-content-common/index.js';\n\nimport { ROOT } from '../data-hooks.js';\nimport styles from '../statics/styles/default-styles-scss.js';\nimport { ACTION_BUTTON_TYPE, LINK_BUTTON_TYPE } from '../types.js';\n\ninterface ButtonViewerProps {\n  /** Renders the button inert — the paywall fallback's editor decoration. */\n  disabled?: boolean;\n  onClick?: (event?: React.MouseEvent) => void;\n  className?: string;\n  helpers?: Helpers;\n  settings: LegacyEditorPluginConfig;\n  buttonData: ButtonData;\n  nodeId: string;\n  baseUrl?: string;\n}\n\nexport const ButtonViewer: FC<ButtonViewerProps> = ({\n  disabled,\n  onClick,\n  className,\n  helpers,\n  settings = {},\n  buttonData,\n  nodeId,\n  baseUrl,\n}) => {\n  const { tabIndex, theme } = useContext(RicosContext);\n  const isActionButton = buttonData.type === ButtonData_Type.ACTION;\n  const rendersAnchor = !isActionButton || !!buttonData.link;\n  const onClickHandler = useCallback(\n    (event?: React.MouseEvent) => {\n      helpers?.onViewerAction?.(\n        isActionButton ? ACTION_BUTTON_TYPE : LINK_BUTTON_TYPE,\n        'Click',\n        '',\n        nodeId,\n        {\n          type: Node_Type.BUTTON,\n          buttonData,\n        }\n      );\n      onClick?.(event);\n    },\n    [helpers?.onViewerAction, isActionButton, nodeId, buttonData, onClick]\n  );\n  const ButtonComponent = settings.customComponent\n    ? settings.customComponent\n    : rendersAnchor\n      ? LinkButton\n      : ActionButton;\n\n  const btnStyles = buttonData?.styles;\n\n  const borderWidth = btnStyles?.borderWidth ?? btnStyles?.border?.width ?? 0;\n  const borderRadius = btnStyles?.borderRadius ?? btnStyles?.border?.radius;\n  const normalBorderColor =\n    btnStyles?.borderColor ?? btnStyles?.colors?.border ?? settings.colors?.color8 ?? '';\n  const hoverBorderColor =\n    btnStyles?.borderColorHover ??\n    (theme?.customStyles?.button?.borderColorHover ? undefined : normalBorderColor);\n  const normalTextColor =\n    btnStyles?.textColor ?? btnStyles?.colors?.text ?? settings.colors?.color1;\n  const hoverTextColor =\n    btnStyles?.textColorHover ??\n    (theme?.customStyles?.button?.colorHover ? undefined : normalTextColor);\n\n  const background = btnStyles?.background;\n  const backgroundHover = btnStyles?.backgroundHover;\n\n  const normalBackgroundColor =\n    (background?.type === 'COLOR' ? background.color : undefined) ??\n    btnStyles?.backgroundColor ??\n    btnStyles?.colors?.background ??\n    settings.colors?.color8;\n  const hoverBackgroundColor =\n    (backgroundHover?.type === 'COLOR' ? backgroundHover.color : undefined) ??\n    btnStyles?.backgroundColorHover ??\n    (theme?.customStyles?.button?.backgroundColorHover ? undefined : normalBackgroundColor);\n  const customWidth = buttonData.containerData?.width?.custom;\n  const isSmallButton = btnStyles?.buttonSize\n    ? btnStyles?.buttonSize === 'SMALL'\n    : theme?.customStyles?.button?.buttonSize === 'small';\n  const isLargeButton = btnStyles?.buttonSize\n    ? btnStyles?.buttonSize === 'LARGE'\n    : theme?.customStyles?.button?.buttonSize === 'large';\n  const fontSize = isSmallButton ? 12 : isLargeButton ? 16 : undefined;\n  const padding = isSmallButton ? '6px 9px' : isLargeButton ? '15px 24px' : undefined;\n\n  const normalBackground =\n    background?.type === 'GRADIENT'\n      ? schemaGradientToCss(background.gradient as Gradient)\n      : normalBackgroundColor;\n  const hoverBackground =\n    backgroundHover?.type === 'GRADIENT'\n      ? schemaGradientToCss(backgroundHover.gradient as Gradient)\n      : resolveCssColor(hoverBackgroundColor);\n\n  const style = {\n    '--ricos-internal-button-color': resolveCssColor(normalTextColor),\n    ...(hoverTextColor\n      ? { '--ricos-internal-button-color-hover': resolveCssColor(hoverTextColor) }\n      : {}),\n    '--ricos-internal-button-background':\n      background?.type === 'GRADIENT' ? normalBackground : resolveCssColor(normalBackgroundColor),\n    ...(hoverBackground ? { '--ricos-internal-button-background-hover': hoverBackground } : {}),\n    ...(normalBorderColor\n      ? { '--ricos-internal-button-border-color': resolveCssColor(normalBorderColor) }\n      : {}),\n    ...(hoverBorderColor\n      ? { '--ricos-internal-button-border-color-hover': resolveCssColor(hoverBorderColor) }\n      : {}),\n    '--ricos-internal-button-border-radius': borderRadius ? `${borderRadius}px` : undefined,\n    '--ricos-internal-button-border-width': borderWidth ? `${borderWidth}px` : undefined,\n    '--ricos-internal-button-custom-width': customWidth ? `${customWidth}px` : undefined,\n    '--ricos-internal-button-font-size': fontSize ? `${fontSize}px` : undefined,\n    '--ricos-internal-button-padding': padding,\n    printColorAdjust: 'exact',\n  };\n\n  const { link } = buttonData;\n\n  return (\n    <ButtonComponent\n      className={classNames(styles.button_container, className)}\n      style={style}\n      data-hook={`${ROOT} ${ROOT}-${nodeId}`}\n      onClick={onClickHandler}\n      tabIndex={tabIndex}\n      buttonData={buttonData}\n      // Only a `<button>` has a disabled state; an anchor would render a dead\n      // `disabled` attribute instead of becoming inert.\n      disabled={rendersAnchor ? undefined : disabled}\n      href={link ? getLinkHrefUrl(link, baseUrl) : undefined}\n      target={link?.target && `_${link.target.toLowerCase()}`}\n      rel={link?.rel?.nofollow ? getRelValue('nofollow') : undefined}\n    />\n  );\n};\n\nconst LinkButton: React.FC<ButtonViewerProps> = props => {\n  const { buttonData, ...rest } = props;\n  return (\n    <a\n      {...rest}\n      onKeyDown={e => {\n        if (e.key === 'Enter') {\n          props.onClick?.();\n        }\n      }}\n    >\n      <div className={styles.button_text}>{buttonData.text}</div>\n    </a>\n  );\n};\n\nconst ActionButton: React.FC<ButtonViewerProps> = props => {\n  const { buttonData, ...rest } = props;\n  return (\n    <button\n      {...rest}\n      type=\"button\"\n      onKeyDown={e => {\n        if (e.key === ' ' || e.key === 'Enter') {\n          props.onClick?.();\n        }\n      }}\n    >\n      <div className={styles.button_text}>{buttonData.text}</div>\n    </button>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-static-element-interactions */\nimport classNames from 'classnames';\nimport type { FC, ReactNode } from 'react';\nimport React, { useCallback, useContext } from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\nimport type { ButtonData } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { ButtonData_Type, Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { Gradient, Helpers, LegacyEditorPluginConfig } from './../../ricos-types/index.js';\nimport { getLinkHrefUrl } from './../../_shared/link/get-link-href-url.js';\nimport { resolveCssColor } from './../../_shared/resolve-css-color.js';\nimport { schemaGradientToCss } from './../../_shared/schema-gradient-to-css.js';\nimport { getRelValue } from './../../wix-rich-content-common/index.js';\n\nimport { ROOT } from '../data-hooks.js';\nimport styles from '../statics/styles/default-styles-scss.js';\nimport { ACTION_BUTTON_TYPE, LINK_BUTTON_TYPE } from '../types.js';\n\ninterface ButtonViewerProps {\n  /** Renders the button inert — the paywall fallback's editor decoration. */\n  disabled?: boolean;\n  onClick?: (event?: React.MouseEvent) => void;\n  className?: string;\n  helpers?: Helpers;\n  settings: LegacyEditorPluginConfig;\n  buttonData: ButtonData;\n  nodeId: string;\n  baseUrl?: string;\n  /** Replaces the default text element — the editor renders an inline text input here. */\n  children?: ReactNode;\n}\n\nexport const ButtonViewer: FC<ButtonViewerProps> = ({\n  disabled,\n  onClick,\n  className,\n  helpers,\n  settings = {},\n  buttonData,\n  nodeId,\n  baseUrl,\n  children,\n}) => {\n  const { tabIndex, theme } = useContext(RicosContext);\n  const isActionButton = buttonData.type === ButtonData_Type.ACTION;\n  const rendersAnchor = !isActionButton || !!buttonData.link;\n  const onClickHandler = useCallback(\n    (event?: React.MouseEvent) => {\n      helpers?.onViewerAction?.(\n        isActionButton ? ACTION_BUTTON_TYPE : LINK_BUTTON_TYPE,\n        'Click',\n        '',\n        nodeId,\n        {\n          type: Node_Type.BUTTON,\n          buttonData,\n        }\n      );\n      onClick?.(event);\n    },\n    [helpers?.onViewerAction, isActionButton, nodeId, buttonData, onClick]\n  );\n  const ButtonComponent = settings.customComponent\n    ? settings.customComponent\n    : rendersAnchor\n      ? LinkButton\n      : ActionButton;\n\n  const btnStyles = buttonData?.styles;\n\n  const borderWidth = btnStyles?.borderWidth ?? btnStyles?.border?.width ?? 0;\n  const borderRadius = btnStyles?.borderRadius ?? btnStyles?.border?.radius;\n  const normalBorderColor =\n    btnStyles?.borderColor ?? btnStyles?.colors?.border ?? settings.colors?.color8 ?? '';\n  const hoverBorderColor =\n    btnStyles?.borderColorHover ??\n    (theme?.customStyles?.button?.borderColorHover ? undefined : normalBorderColor);\n  const normalTextColor =\n    btnStyles?.textColor ?? btnStyles?.colors?.text ?? settings.colors?.color1;\n  const hoverTextColor =\n    btnStyles?.textColorHover ??\n    (theme?.customStyles?.button?.colorHover ? undefined : normalTextColor);\n\n  const background = btnStyles?.background;\n  const backgroundHover = btnStyles?.backgroundHover;\n\n  const normalBackgroundColor =\n    (background?.type === 'COLOR' ? background.color : undefined) ??\n    btnStyles?.backgroundColor ??\n    btnStyles?.colors?.background ??\n    settings.colors?.color8;\n  const hoverBackgroundColor =\n    (backgroundHover?.type === 'COLOR' ? backgroundHover.color : undefined) ??\n    btnStyles?.backgroundColorHover ??\n    (theme?.customStyles?.button?.backgroundColorHover ? undefined : normalBackgroundColor);\n  const customWidth = buttonData.containerData?.width?.custom;\n  const isSmallButton = btnStyles?.buttonSize\n    ? btnStyles?.buttonSize === 'SMALL'\n    : theme?.customStyles?.button?.buttonSize === 'small';\n  const isLargeButton = btnStyles?.buttonSize\n    ? btnStyles?.buttonSize === 'LARGE'\n    : theme?.customStyles?.button?.buttonSize === 'large';\n  const fontSize = isSmallButton ? 12 : isLargeButton ? 16 : undefined;\n  const padding = isSmallButton ? '6px 9px' : isLargeButton ? '15px 24px' : undefined;\n\n  const normalBackground =\n    background?.type === 'GRADIENT'\n      ? schemaGradientToCss(background.gradient as Gradient)\n      : normalBackgroundColor;\n  const hoverBackground =\n    backgroundHover?.type === 'GRADIENT'\n      ? schemaGradientToCss(backgroundHover.gradient as Gradient)\n      : resolveCssColor(hoverBackgroundColor);\n\n  const style = {\n    '--ricos-internal-button-color': resolveCssColor(normalTextColor),\n    ...(hoverTextColor\n      ? { '--ricos-internal-button-color-hover': resolveCssColor(hoverTextColor) }\n      : {}),\n    '--ricos-internal-button-background':\n      background?.type === 'GRADIENT' ? normalBackground : resolveCssColor(normalBackgroundColor),\n    ...(hoverBackground ? { '--ricos-internal-button-background-hover': hoverBackground } : {}),\n    ...(normalBorderColor\n      ? { '--ricos-internal-button-border-color': resolveCssColor(normalBorderColor) }\n      : {}),\n    ...(hoverBorderColor\n      ? { '--ricos-internal-button-border-color-hover': resolveCssColor(hoverBorderColor) }\n      : {}),\n    '--ricos-internal-button-border-radius': borderRadius ? `${borderRadius}px` : undefined,\n    '--ricos-internal-button-border-width': borderWidth ? `${borderWidth}px` : undefined,\n    '--ricos-internal-button-custom-width': customWidth ? `${customWidth}px` : undefined,\n    '--ricos-internal-button-font-size': fontSize ? `${fontSize}px` : undefined,\n    '--ricos-internal-button-padding': padding,\n    printColorAdjust: 'exact',\n  };\n\n  const { link } = buttonData;\n\n  return (\n    <ButtonComponent\n      className={classNames(styles.button_container, className)}\n      style={style}\n      data-hook={`${ROOT} ${ROOT}-${nodeId}`}\n      onClick={onClickHandler}\n      tabIndex={tabIndex}\n      buttonData={buttonData}\n      // Only a `<button>` has a disabled state; an anchor would render a dead\n      // `disabled` attribute instead of becoming inert.\n      disabled={rendersAnchor ? undefined : disabled}\n      href={link ? getLinkHrefUrl(link, baseUrl) : undefined}\n      target={link?.target && `_${link.target.toLowerCase()}`}\n      rel={link?.rel?.nofollow ? getRelValue('nofollow') : undefined}\n    >\n      {children}\n    </ButtonComponent>\n  );\n};\n\nconst LinkButton: React.FC<ButtonViewerProps> = props => {\n  const { buttonData, children, ...rest } = props;\n  return (\n    <a\n      {...rest}\n      onKeyDown={e => {\n        if (e.key === 'Enter') {\n          props.onClick?.();\n        }\n      }}\n    >\n      {children ?? <div className={styles.button_text}>{buttonData.text}</div>}\n    </a>\n  );\n};\n\nconst ActionButton: React.FC<ButtonViewerProps> = props => {\n  const { buttonData, children, ...rest } = props;\n  return (\n    <button\n      {...rest}\n      type=\"button\"\n      onKeyDown={e => {\n        if (e.key === ' ' || e.key === 'Enter') {\n          props.onClick?.();\n        }\n      }}\n    >\n      {children ?? <div className={styles.button_text}>{buttonData.text}</div>}\n    </button>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/plugin-button/viewer-styles-inject.js

@@ -1,6 +1,6 @@
-var styleDataHash = '3de942d3';  
+var styleDataHash = '9e1a5035';  
 export const injectCss = (() => {
-  var css = `.CD6mb{background:var(--ricos-internal-button-background,var(--ricos-custom-button-background-color,var(--ricos-action-color,#116dff)));border:var(--ricos-internal-button-border-width,var(--ricos-custom-button-border-width,0)) solid var(--ricos-internal-button-border-color,var(--ricos-custom-button-border-color,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff))));border-radius:var(--ricos-internal-button-border-radius,var(--ricos-custom-button-border-radius));box-sizing:border-box;color:var(--ricos-internal-button-color,var(--ricos-custom-button-color,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff))));cursor:pointer;display:block;font-size:var(--ricos-internal-button-font-size,14px);padding:var(--ricos-internal-button-padding,12px);position:relative;text-decoration:none;width:min(100%,var(--ricos-internal-button-custom-width,100%))}.CD6mb:hover,.forced-hover .CD6mb{background:var(--ricos-internal-button-background-hover,var(--ricos-custom-button-background-color-hover,var(--ricos-action-color,#116dff)));border:var(--ricos-internal-button-border-width,var(--ricos-custom-button-border-width,0)) solid var(--ricos-internal-button-border-color-hover,var(--ricos-custom-button-border-color-hover,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff))));color:var(--ricos-internal-button-color-hover,var(--ricos-custom-button-color-hover,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff))))}.xTi2S{font-family:var(--ricos-custom-p-font-family,unset);line-height:21px;min-width:16px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}[data-ricos-font~=p] .xTi2S{font:var(--ricos-custom-p-font);font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size:inherit;font-size-adjust:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:21px}.-hTJW{width:auto}`;
+  var css = `.V5MRH{background:var(--ricos-internal-button-background,var(--ricos-custom-button-background-color,var(--ricos-action-color,#116dff)));border:var(--ricos-internal-button-border-width,var(--ricos-custom-button-border-width,0)) solid var(--ricos-internal-button-border-color,var(--ricos-custom-button-border-color,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff))));border-radius:var(--ricos-internal-button-border-radius,var(--ricos-custom-button-border-radius));box-sizing:border-box;color:var(--ricos-internal-button-color,var(--ricos-custom-button-color,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff))));cursor:pointer;display:block;font-size:var(--ricos-internal-button-font-size,14px);padding:var(--ricos-internal-button-padding,12px 18px);position:relative;text-decoration:none;width:min(100%,var(--ricos-internal-button-custom-width,100%))}.V5MRH:hover,.forced-hover .V5MRH{background:var(--ricos-internal-button-background-hover,var(--ricos-custom-button-background-color-hover,var(--ricos-action-color,#116dff)));border:var(--ricos-internal-button-border-width,var(--ricos-custom-button-border-width,0)) solid var(--ricos-internal-button-border-color-hover,var(--ricos-custom-button-border-color-hover,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff))));color:var(--ricos-internal-button-color-hover,var(--ricos-custom-button-color-hover,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff))))}.eQ18X{font-family:var(--ricos-custom-p-font-family,unset);line-height:21px;min-height:1lh;min-width:16px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}[data-ricos-font~=p] .eQ18X{font:var(--ricos-custom-p-font);font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size:inherit;font-size-adjust:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:21px}.mOeM7{position:relative;visibility:hidden;white-space:pre;z-index:6}.xdYa8{background:none;border:0;box-sizing:border-box;color:inherit;cursor:text;font:inherit;height:100%;inset:0;letter-spacing:inherit;margin:0;outline:none;padding:0;position:absolute;text-align:inherit;text-overflow:ellipsis;visibility:visible;width:100%}.xdYa8::placeholder{color:inherit;opacity:.6}.VVTet{width:auto}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-card/card-scss.js

@@ -1,23 +1,23 @@
 var card_default = {
-  "cardWrapper": "ys85I",
-  "cardGap": "cRSLh",
-  "cardHeaderContainer": "wsDfP",
-  "cardContainer": "zrCs9",
-  "fluid": "vF7x2",
-  "selectionSvg": "PPP-I",
-  "selectionRect": "-AFK-",
-  "selectionRectActive": "Hcib9",
-  "last": "_0q10T",
-  "cardGapAddButtonWrapper": "_9asAf",
-  "mergeHover": "trJFe",
-  "cardContent": "Lijao",
-  "fluidContent": "_443va",
-  "cardBoundaryLineWrapper": "MZ5Mt",
-  "visible": "n4KW9",
-  "cardBoundaryLineContent": "_1mmBH",
-  "hovered": "B6LIa",
-  "cardBoundaryLine": "mpkDA",
-  "cardBoundaryWarning": "UXvzh"
+  "cardWrapper": "SU-kf",
+  "cardGap": "_3pYmF",
+  "cardHeaderContainer": "_00t-x",
+  "cardContainer": "lfJtu",
+  "fluid": "nqptW",
+  "selectionSvg": "FOgHz",
+  "selectionRect": "NH-DX",
+  "selectionRectActive": "PXlHp",
+  "last": "IBpzE",
+  "cardGapAddButtonWrapper": "WztSn",
+  "mergeHover": "ar6U1",
+  "cardContent": "-JlWE",
+  "fluidContent": "bUqMz",
+  "cardBoundaryLineWrapper": "EC3Tz",
+  "visible": "Rjo8O",
+  "cardBoundaryLineContent": "S34hr",
+  "hovered": "VLyVU",
+  "cardBoundaryLine": "PpA2x",
+  "cardBoundaryWarning": "hJ3DO"
 };
 export {
   card_default as default

package/dist/es/plugin-card/card-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-card/card.scss"],
-  "sourcesContent": ["export default {\n  \"cardWrapper\": \"ys85I\",\n  \"cardGap\": \"cRSLh\",\n  \"cardHeaderContainer\": \"wsDfP\",\n  \"cardContainer\": \"zrCs9\",\n  \"fluid\": \"vF7x2\",\n  \"selectionSvg\": \"PPP-I\",\n  \"selectionRect\": \"-AFK-\",\n  \"selectionRectActive\": \"Hcib9\",\n  \"last\": \"_0q10T\",\n  \"cardGapAddButtonWrapper\": \"_9asAf\",\n  \"mergeHover\": \"trJFe\",\n  \"cardContent\": \"Lijao\",\n  \"fluidContent\": \"_443va\",\n  \"cardBoundaryLineWrapper\": \"MZ5Mt\",\n  \"visible\": \"n4KW9\",\n  \"cardBoundaryLineContent\": \"_1mmBH\",\n  \"hovered\": \"B6LIa\",\n  \"cardBoundaryLine\": \"mpkDA\",\n  \"cardBoundaryWarning\": \"UXvzh\"\n};"],
+  "sourcesContent": ["export default {\n  \"cardWrapper\": \"SU-kf\",\n  \"cardGap\": \"_3pYmF\",\n  \"cardHeaderContainer\": \"_00t-x\",\n  \"cardContainer\": \"lfJtu\",\n  \"fluid\": \"nqptW\",\n  \"selectionSvg\": \"FOgHz\",\n  \"selectionRect\": \"NH-DX\",\n  \"selectionRectActive\": \"PXlHp\",\n  \"last\": \"IBpzE\",\n  \"cardGapAddButtonWrapper\": \"WztSn\",\n  \"mergeHover\": \"ar6U1\",\n  \"cardContent\": \"-JlWE\",\n  \"fluidContent\": \"bUqMz\",\n  \"cardBoundaryLineWrapper\": \"EC3Tz\",\n  \"visible\": \"Rjo8O\",\n  \"cardBoundaryLineContent\": \"S34hr\",\n  \"hovered\": \"VLyVU\",\n  \"cardBoundaryLine\": \"PpA2x\",\n  \"cardBoundaryWarning\": \"hJ3DO\"\n};"],
   "mappings": "AAAA,IAAO,eAAQ;AAAA,EACb,eAAe;AAAA,EACf,WAAW;AAAA,EACX,uBAAuB;AAAA,EACvB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,QAAQ;AAAA,EACR,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,2BAA2B;AAAA,EAC3B,WAAW;AAAA,EACX,2BAA2B;AAAA,EAC3B,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,uBAAuB;AACzB;",
   "names": []
 }

package/dist/es/plugin-card/card-viewer-scss.js

@@ -1,10 +1,10 @@
 var card_viewer_default = {
-  "cardWrapper": "pvy6P",
-  "cardContainer": "_1a8ZC",
-  "cardContent": "kq5DD",
-  "pageSeparator": "CgR4A",
-  "fluid": "idIw0",
-  "print": "kzRA1"
+  "cardWrapper": "rXLYH",
+  "cardContainer": "Xn0UF",
+  "cardContent": "_0YXGJ",
+  "pageSeparator": "YkO7H",
+  "fluid": "tZboo",
+  "print": "StKil"
 };
 export {
   card_viewer_default as default

package/dist/es/plugin-card/card-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-card/card-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"cardWrapper\": \"pvy6P\",\n  \"cardContainer\": \"_1a8ZC\",\n  \"cardContent\": \"kq5DD\",\n  \"pageSeparator\": \"CgR4A\",\n  \"fluid\": \"idIw0\",\n  \"print\": \"kzRA1\"\n};"],
+  "sourcesContent": ["export default {\n  \"cardWrapper\": \"rXLYH\",\n  \"cardContainer\": \"Xn0UF\",\n  \"cardContent\": \"_0YXGJ\",\n  \"pageSeparator\": \"YkO7H\",\n  \"fluid\": \"tZboo\",\n  \"print\": \"StKil\"\n};"],
   "mappings": "AAAA,IAAO,sBAAQ;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,SAAS;AACX;",
   "names": []
 }

package/dist/es/plugin-card/viewer-styles-inject.js

@@ -1,6 +1,6 @@
-var styleDataHash = '30630fe2';  
+var styleDataHash = '6c3fd495';  
 export const injectCss = (() => {
-  var css = `.ys85I{position:relative}.ys85I:last-child .cRSLh{margin-bottom:0}.wsDfP{box-sizing:border-box;margin:0 auto;max-width:var(--ricos-internal-card-width,900px)}.zrCs9{background-color:var(--ricos-internal-card-background-color,var(--ricos-custom-card-background-color,#fff));background-image:var(--ricos-internal-card-background-gradient,var(--ricos-custom-card-background-gradient,none));box-sizing:border-box;contain:layout style;contain-intrinsic-size:var(--ricos-internal-card-width,900px) calc(var(--ricos-internal-card-height, 1273px) + 60px);content-visibility:auto;margin:0 auto;max-width:var(--ricos-internal-card-width,900px);min-height:var(--ricos-internal-card-height,1273px);overflow:visible;position:relative}.zrCs9:before{background-image:var(--ricos-internal-card-background-image,var(--ricos-custom-card-background-image,none));background-position:var(--ricos-internal-card-background-position,var(--ricos-custom-card-background-position,center));background-repeat:no-repeat;background-size:var(--ricos-internal-card-background-size,var(--ricos-custom-card-background-size,cover));content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.zrCs9:after{background:var(--ricos-internal-card-background-image-overlay,var(--ricos-custom-card-background-image-overlay,transparent));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.zrCs9.vF7x2{contain-intrinsic-size:var(--ricos-internal-card-width,900px) auto;min-height:auto}.ys85I:first-child .zrCs9.vF7x2{min-height:var(--ricos-internal-card-default-height,500px)}.PPP-I{left:0;pointer-events:none;position:absolute;top:0;z-index:15}.-AFK-{fill:none;stroke:transparent;stroke-width:var(--ricos-custom-card-selection-border-width,2px);transition:stroke .15s ease}.zrCs9:hover .-AFK-{stroke:var(--ricos-custom-card-selection-border-color,#116dff)}.zrCs9 .Hcib9,.zrCs9:hover .Hcib9{stroke:var(--ricos-custom-card-selection-active-color,#2f5dff)}.cRSLh{align-items:center;display:flex;height:54px;justify-content:center;margin-bottom:-26px;position:relative;z-index:1}.cRSLh._0q10T{margin-bottom:0}.cRSLh._0q10T ._9asAf,.cRSLh:hover ._9asAf{opacity:1}.cRSLh.trJFe{border-bottom:2px solid var(--ricos-custom-card-selection-active-color,#2f5dff);border-top:2px solid var(--ricos-custom-card-selection-active-color,#2f5dff)}.cRSLh.trJFe:after,.cRSLh.trJFe:before{background-color:var(--ricos-custom-card-selection-active-color,#2f5dff);content:"";height:6px;left:0;opacity:.15;pointer-events:none;position:absolute;right:0}.cRSLh.trJFe:before{top:0}.cRSLh.trJFe:after{bottom:0}._9asAf{align-items:center;display:flex;gap:4px;justify-content:center;opacity:0;transition:opacity .2s ease}.Lijao{box-sizing:border-box;min-height:var(--ricos-internal-card-height,1273px);padding-block-end:var(--ricos-custom-card-padding-block-end,40px);padding-block-start:var(--ricos-custom-card-padding-block-start,40px);position:relative;z-index:2}.Lijao._443va{min-height:auto}.Lijao:has(>[data-card-header]){padding-block-start:0}.Lijao:has(>[data-card-footer]){display:flex;flex-direction:column;padding-block-end:0}.Lijao>[data-card-footer]{clear:both;margin-top:auto}.MZ5Mt{left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:var(--ricos-internal-card-height,1273px);transition:opacity .2s ease;z-index:10}.MZ5Mt.n4KW9{opacity:1;pointer-events:auto}._1mmBH{pointer-events:none;position:relative;width:100%}._1mmBH.B6LIa .mpkDA{border-color:#f9ad4d}.UXvzh{align-items:center;color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));display:flex;transform:scale(var(--reverse-zoom-ratio,1));transition:color .2s ease}.UXvzh.B6LIa{color:#f9ad4d}.mpkDA{border-top:2px dashed var(--ricos-custom-p-color,var(--ricos-text-color,#212121));height:0;transition:border-color .2s ease;width:100%}.pvy6P{position:relative}._1a8ZC{background-color:var(--ricos-internal-card-background-color,var(--ricos-custom-card-background-color,#fff));background-image:var(--ricos-internal-card-background-gradient,var(--ricos-custom-card-background-gradient,none));box-sizing:border-box;margin:0 auto;min-height:var(--ricos-internal-card-height,1123px);overflow:visible;position:relative}._1a8ZC:before{background-image:var(--ricos-internal-card-background-image,var(--ricos-custom-card-background-image,none));background-position:var(--ricos-internal-card-background-position,var(--ricos-custom-card-background-position,center));background-repeat:no-repeat;background-size:var(--ricos-internal-card-background-size,var(--ricos-custom-card-background-size,cover));content:"";inset:0;pointer-events:none;position:absolute;z-index:0}._1a8ZC:after{background:var(--ricos-internal-card-background-image-overlay,var(--ricos-custom-card-background-image-overlay,transparent));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.kq5DD{box-sizing:border-box;min-height:var(--ricos-internal-card-height,1123px);padding-block-end:var(--ricos-custom-card-padding-block-end,40px);padding-block-start:var(--ricos-custom-card-padding-block-start,40px);position:relative;z-index:2}.kq5DD:has(>[data-card-header]){padding-block-start:0}.kq5DD:has(>[data-card-footer]){display:flex;flex-direction:column;padding-block-end:0}.kq5DD>[data-card-footer]{clear:both;margin-top:auto}.CgR4A{border-bottom:1px solid #c9cdd2;border-top:1px solid #abafb4}.pvy6P:last-child .CgR4A{display:none}.idIw0 ._1a8ZC{min-height:auto}.idIw0.pvy6P:first-child ._1a8ZC{min-height:500px}.idIw0.kzRA1.pvy6P:first-child ._1a8ZC{min-height:auto}.idIw0 .kq5DD{min-height:auto}@media print{.CgR4A{display:none}.pvy6P{border:none;box-shadow:none;break-after:page;break-inside:avoid}.pvy6P:last-child{break-after:auto}._1a8ZC{border:none;box-shadow:none;height:100vh;min-height:auto;overflow:hidden;width:100%}.kq5DD{max-height:calc(100vh - var(--ricos-custom-card-padding-block-start, 40px) - var(--ricos-custom-card-padding-block-end, 40px));overflow:hidden}.idIw0{break-after:avoid}.idIw0 ._1a8ZC{height:auto;min-height:auto}.idIw0.pvy6P:first-child ._1a8ZC{min-height:auto}.idIw0 .kq5DD{max-height:none;min-height:auto;overflow:visible}}`;
+  var css = `.rXLYH{position:relative}.Xn0UF{background-color:var(--ricos-internal-card-background-color,var(--ricos-custom-card-background-color,#fff));background-image:var(--ricos-internal-card-background-gradient,var(--ricos-custom-card-background-gradient,none));box-sizing:border-box;margin:0 auto;min-height:var(--ricos-internal-card-height,1123px);overflow:visible;position:relative}.Xn0UF:before{background-image:var(--ricos-internal-card-background-image,var(--ricos-custom-card-background-image,none));background-position:var(--ricos-internal-card-background-position,var(--ricos-custom-card-background-position,center));background-repeat:no-repeat;background-size:var(--ricos-internal-card-background-size,var(--ricos-custom-card-background-size,cover));content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.Xn0UF:after{background:var(--ricos-internal-card-background-image-overlay,var(--ricos-custom-card-background-image-overlay,transparent));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}._0YXGJ{box-sizing:border-box;min-height:var(--ricos-internal-card-height,1123px);padding-block-end:var(--ricos-custom-card-padding-block-end,40px);padding-block-start:var(--ricos-custom-card-padding-block-start,40px);position:relative;z-index:2}._0YXGJ:has(>[data-card-header]){padding-block-start:0}._0YXGJ:has(>[data-card-footer]){display:flex;flex-direction:column;padding-block-end:0}._0YXGJ>[data-card-footer]{clear:both;margin-top:auto}.YkO7H{border-bottom:1px solid #c9cdd2;border-top:1px solid #abafb4}.rXLYH:last-child .YkO7H{display:none}.tZboo .Xn0UF{min-height:auto}.tZboo.rXLYH:first-child .Xn0UF{min-height:500px}.tZboo.StKil.rXLYH:first-child .Xn0UF{min-height:auto}.tZboo ._0YXGJ{min-height:auto}@media print{.YkO7H{display:none}.rXLYH{border:none;box-shadow:none;break-after:page;break-inside:avoid}.rXLYH:last-child{break-after:auto}.Xn0UF{border:none;box-shadow:none;height:100vh;min-height:auto;overflow:hidden;width:100%}._0YXGJ{max-height:calc(100vh - var(--ricos-custom-card-padding-block-start, 40px) - var(--ricos-custom-card-padding-block-end, 40px));overflow:hidden}.tZboo{break-after:avoid}.tZboo .Xn0UF{height:auto;min-height:auto}.tZboo.rXLYH:first-child .Xn0UF{min-height:auto}.tZboo ._0YXGJ{max-height:none;min-height:auto;overflow:visible}}.SU-kf{position:relative}.SU-kf:last-child ._3pYmF{margin-bottom:0}._00t-x{box-sizing:border-box;margin:0 auto;max-width:var(--ricos-internal-card-width,900px)}.lfJtu{background-color:var(--ricos-internal-card-background-color,var(--ricos-custom-card-background-color,#fff));background-image:var(--ricos-internal-card-background-gradient,var(--ricos-custom-card-background-gradient,none));box-sizing:border-box;contain:layout style;contain-intrinsic-size:var(--ricos-internal-card-width,900px) calc(var(--ricos-internal-card-height, 1273px) + 60px);content-visibility:auto;margin:0 auto;max-width:var(--ricos-internal-card-width,900px);min-height:var(--ricos-internal-card-height,1273px);overflow:visible;position:relative}.lfJtu:before{background-image:var(--ricos-internal-card-background-image,var(--ricos-custom-card-background-image,none));background-position:var(--ricos-internal-card-background-position,var(--ricos-custom-card-background-position,center));background-repeat:no-repeat;background-size:var(--ricos-internal-card-background-size,var(--ricos-custom-card-background-size,cover));content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.lfJtu:after{background:var(--ricos-internal-card-background-image-overlay,var(--ricos-custom-card-background-image-overlay,transparent));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.lfJtu.nqptW{contain-intrinsic-size:var(--ricos-internal-card-width,900px) auto;min-height:auto}.SU-kf:first-child .lfJtu.nqptW{min-height:var(--ricos-internal-card-default-height,500px)}.FOgHz{left:0;pointer-events:none;position:absolute;top:0;z-index:15}.NH-DX{fill:none;stroke:transparent;stroke-width:var(--ricos-custom-card-selection-border-width,2px);transition:stroke .15s ease}.lfJtu:hover .NH-DX{stroke:var(--ricos-custom-card-selection-border-color,#116dff)}.lfJtu .PXlHp,.lfJtu:hover .PXlHp{stroke:var(--ricos-custom-card-selection-active-color,#2f5dff)}._3pYmF{align-items:center;display:flex;height:54px;justify-content:center;margin-bottom:-26px;position:relative;z-index:1}._3pYmF.IBpzE{margin-bottom:0}._3pYmF.IBpzE .WztSn,._3pYmF:hover .WztSn{opacity:1}._3pYmF.ar6U1{border-bottom:2px solid var(--ricos-custom-card-selection-active-color,#2f5dff);border-top:2px solid var(--ricos-custom-card-selection-active-color,#2f5dff)}._3pYmF.ar6U1:after,._3pYmF.ar6U1:before{background-color:var(--ricos-custom-card-selection-active-color,#2f5dff);content:"";height:6px;left:0;opacity:.15;pointer-events:none;position:absolute;right:0}._3pYmF.ar6U1:before{top:0}._3pYmF.ar6U1:after{bottom:0}.WztSn{align-items:center;display:flex;gap:4px;justify-content:center;opacity:0;transition:opacity .2s ease}.-JlWE{box-sizing:border-box;min-height:var(--ricos-internal-card-height,1273px);padding-block-end:var(--ricos-custom-card-padding-block-end,40px);padding-block-start:var(--ricos-custom-card-padding-block-start,40px);position:relative;z-index:2}.-JlWE.bUqMz{min-height:auto}.-JlWE:has(>[data-card-header]){padding-block-start:0}.-JlWE:has(>[data-card-footer]){display:flex;flex-direction:column;padding-block-end:0}.-JlWE>[data-card-footer]{clear:both;margin-top:auto}.EC3Tz{left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:var(--ricos-internal-card-height,1273px);transition:opacity .2s ease;z-index:10}.EC3Tz.Rjo8O{opacity:1;pointer-events:auto}.S34hr{pointer-events:none;position:relative;width:100%}.S34hr.VLyVU .PpA2x{border-color:#f9ad4d}.hJ3DO{align-items:center;color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));display:flex;transform:scale(var(--reverse-zoom-ratio,1));transition:color .2s ease}.hJ3DO.VLyVU{color:#f9ad4d}.PpA2x{border-top:2px dashed var(--ricos-custom-p-color,var(--ricos-text-color,#212121));height:0;transition:border-color .2s ease;width:100%}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-code-block/statics/styles/code-block-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "42d66921";
+var styleDataHash = "15e297f6";
 const injectCss = (() => {
-  var css = `.Y2Lai{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}._2eLTk{margin:15px 18px}@supports not (contain:inline-size){@media only screen and (max-width:480px){._2eLTk{margin:var(--ricos-custom-code-block-margin,15px calc(18px + 5%))}}}@container (width < 480px){._2eLTk:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){margin:var(--ricos-custom-code-block-margin,15px calc(18px + 5%))}}@media (width < 480px){._2eLTk:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._2eLTk{margin:var(--ricos-custom-code-block-margin,15px calc(18px + 5%))}}.Nb5Fa{font-size:var(--ricos-custom-code-block-font-size,16px);line-height:var(--ricos-custom-code-block-line-height,26px)}.SNU2w,.Xq0JJ{background-color:var(--ricos-custom-code-block-background-color,rgba(var(--ricos-fallback-color-tuple,0,0,0),.06));color:var(--ricos-custom-code-block-color,var(--ricos-text-color,#212121));font-family:Inconsolata,Menlo,Consolas,monospace;margin:var(--ricos-custom-code-block-margin,15px 18px);padding:var(--ricos-custom-code-block-padding,2px 25px);print-color-adjust:exact;white-space:pre-wrap}@supports (color:rgb(from #000 r g b/0.1)){.SNU2w,.Xq0JJ{background-color:var(--ricos-custom-code-block-background-color,rgb(from var(--ricos-fallback-color,#000000) r g b/.06))}}.SNU2w code,.Xq0JJ code{font-family:Inconsolata,Menlo,Consolas,monospace;font-size:var(--ricos-custom-code-block-font-size,16px)}.gjyT- .SNU2w,.gjyT- .Xq0JJ{margin:0}`;
+  var css = `.NSql8{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}._0KZB8{margin:15px 18px}@supports not (contain:inline-size){@media only screen and (max-width:480px){._0KZB8{margin:var(--ricos-custom-code-block-margin,15px calc(18px + 5%))}}}@container (width < 480px){._0KZB8:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){margin:var(--ricos-custom-code-block-margin,15px calc(18px + 5%))}}@media (width < 480px){._0KZB8:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._0KZB8{margin:var(--ricos-custom-code-block-margin,15px calc(18px + 5%))}}.ru5OY{font-size:var(--ricos-custom-code-block-font-size,16px);line-height:var(--ricos-custom-code-block-line-height,26px)}.S79Cb,.sb0du{background-color:var(--ricos-custom-code-block-background-color,rgba(var(--ricos-fallback-color-tuple,0,0,0),.06));color:var(--ricos-custom-code-block-color,var(--ricos-text-color,#212121));font-family:Inconsolata,Menlo,Consolas,monospace;margin:var(--ricos-custom-code-block-margin,15px 18px);padding:var(--ricos-custom-code-block-padding,2px 25px);print-color-adjust:exact;white-space:pre-wrap}@supports (color:rgb(from #000 r g b/0.1)){.S79Cb,.sb0du{background-color:var(--ricos-custom-code-block-background-color,rgb(from var(--ricos-fallback-color,#000000) r g b/.06))}}.S79Cb code,.sb0du code{font-family:Inconsolata,Menlo,Consolas,monospace;font-size:var(--ricos-custom-code-block-font-size,16px)}.l7KpE .S79Cb,.l7KpE .sb0du{margin:0}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,12 +21,12 @@ const injectCss = (() => {
 });
 injectCss();
 var code_block_default = {
-  "fontElementMap": "Y2Lai",
-  "blockStyleSpacing": "_2eLTk",
-  "codeParent": "Nb5Fa",
-  "codeBlock": "Xq0JJ _2eLTk",
-  "code": "SNU2w _2eLTk",
-  "renderedInTable": "gjyT-"
+  "fontElementMap": "NSql8",
+  "blockStyleSpacing": "_0KZB8",
+  "codeParent": "ru5OY",
+  "codeBlock": "S79Cb _0KZB8",
+  "code": "sb0du _0KZB8",
+  "renderedInTable": "l7KpE"
 };
 export {
   code_block_default as default,

package/dist/es/plugin-code-block/statics/styles/code-block-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-code-block/statics/styles/code-block.scss"],
-  "sourcesContent": ["var styleDataHash = '42d66921';  \nexport const injectCss = (() => {\n  var css = `.Y2Lai{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}._2eLTk{margin:15px 18px}@supports not (contain:inline-size){@media only screen and (max-width:480px){._2eLTk{margin:var(--ricos-custom-code-block-margin,15px calc(18px + 5%))}}}@container (width < 480px){._2eLTk:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){margin:var(--ricos-custom-code-block-margin,15px calc(18px + 5%))}}@media (width < 480px){._2eLTk:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._2eLTk{margin:var(--ricos-custom-code-block-margin,15px calc(18px + 5%))}}.Nb5Fa{font-size:var(--ricos-custom-code-block-font-size,16px);line-height:var(--ricos-custom-code-block-line-height,26px)}.SNU2w,.Xq0JJ{background-color:var(--ricos-custom-code-block-background-color,rgba(var(--ricos-fallback-color-tuple,0,0,0),.06));color:var(--ricos-custom-code-block-color,var(--ricos-text-color,#212121));font-family:Inconsolata,Menlo,Consolas,monospace;margin:var(--ricos-custom-code-block-margin,15px 18px);padding:var(--ricos-custom-code-block-padding,2px 25px);print-color-adjust:exact;white-space:pre-wrap}@supports (color:rgb(from #000 r g b/0.1)){.SNU2w,.Xq0JJ{background-color:var(--ricos-custom-code-block-background-color,rgb(from var(--ricos-fallback-color,#000000) r g b/.06))}}.SNU2w code,.Xq0JJ code{font-family:Inconsolata,Menlo,Consolas,monospace;font-size:var(--ricos-custom-code-block-font-size,16px)}.gjyT- .SNU2w,.gjyT- .Xq0JJ{margin:0}`;\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  \"fontElementMap\": \"Y2Lai\",\n  \"blockStyleSpacing\": \"_2eLTk\",\n  \"codeParent\": \"Nb5Fa\",\n  \"codeBlock\": \"Xq0JJ _2eLTk\",\n  \"code\": \"SNU2w _2eLTk\",\n  \"renderedInTable\": \"gjyT-\"\n};"],
+  "sourcesContent": ["var styleDataHash = '15e297f6';  \nexport const injectCss = (() => {\n  var css = `.NSql8{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}._0KZB8{margin:15px 18px}@supports not (contain:inline-size){@media only screen and (max-width:480px){._0KZB8{margin:var(--ricos-custom-code-block-margin,15px calc(18px + 5%))}}}@container (width < 480px){._0KZB8:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){margin:var(--ricos-custom-code-block-margin,15px calc(18px + 5%))}}@media (width < 480px){._0KZB8:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._0KZB8{margin:var(--ricos-custom-code-block-margin,15px calc(18px + 5%))}}.ru5OY{font-size:var(--ricos-custom-code-block-font-size,16px);line-height:var(--ricos-custom-code-block-line-height,26px)}.S79Cb,.sb0du{background-color:var(--ricos-custom-code-block-background-color,rgba(var(--ricos-fallback-color-tuple,0,0,0),.06));color:var(--ricos-custom-code-block-color,var(--ricos-text-color,#212121));font-family:Inconsolata,Menlo,Consolas,monospace;margin:var(--ricos-custom-code-block-margin,15px 18px);padding:var(--ricos-custom-code-block-padding,2px 25px);print-color-adjust:exact;white-space:pre-wrap}@supports (color:rgb(from #000 r g b/0.1)){.S79Cb,.sb0du{background-color:var(--ricos-custom-code-block-background-color,rgb(from var(--ricos-fallback-color,#000000) r g b/.06))}}.S79Cb code,.sb0du code{font-family:Inconsolata,Menlo,Consolas,monospace;font-size:var(--ricos-custom-code-block-font-size,16px)}.l7KpE .S79Cb,.l7KpE .sb0du{margin:0}`;\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  \"fontElementMap\": \"NSql8\",\n  \"blockStyleSpacing\": \"_0KZB8\",\n  \"codeParent\": \"ru5OY\",\n  \"codeBlock\": \"S79Cb _0KZB8\",\n  \"code\": \"sb0du _0KZB8\",\n  \"renderedInTable\": \"l7KpE\"\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,qBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,mBAAmB;AACrB;",
   "names": []
 }

package/dist/es/plugin-collapsible-list/statics/styles/collapsible-list-component-scss.js

@@ -1,10 +1,10 @@
 var collapsible_list_component_default = {
-  "ltr": "PTdIQ",
-  "rtl": "XO3DL",
-  "iconContainer": "qA9Jl",
-  "icon": "meELw",
-  "isExpanded": "JrO97",
-  "listDimensions": "g1aIM"
+  "ltr": "_3-odv",
+  "rtl": "_2FBtl",
+  "iconContainer": "AtxYX",
+  "icon": "Owbso",
+  "isExpanded": "t5szw",
+  "listDimensions": "bbXcR"
 };
 export {
   collapsible_list_component_default as default

package/dist/es/plugin-collapsible-list/statics/styles/collapsible-list-component-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-collapsible-list/statics/styles/collapsible-list-component.scss"],
-  "sourcesContent": ["export default {\n  \"ltr\": \"PTdIQ\",\n  \"rtl\": \"XO3DL\",\n  \"iconContainer\": \"qA9Jl\",\n  \"icon\": \"meELw\",\n  \"isExpanded\": \"JrO97\",\n  \"listDimensions\": \"g1aIM\"\n};"],
+  "sourcesContent": ["export default {\n  \"ltr\": \"_3-odv\",\n  \"rtl\": \"_2FBtl\",\n  \"iconContainer\": \"AtxYX\",\n  \"icon\": \"Owbso\",\n  \"isExpanded\": \"t5szw\",\n  \"listDimensions\": \"bbXcR\"\n};"],
   "mappings": "AAAA,IAAO,qCAAQ;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,kBAAkB;AACpB;",
   "names": []
 }