@wix/ricos 11.20.3 → 11.20.4

package/dist/es/plugin-text-color/get-text-color-text-buttons.js

@@ -1,6 +1,8 @@
 import { TextColor } from "@wix/wix-ui-icons-common/lazy";
 import React from "react";
 import { Decoration_Type } from "./../ricos-types/index.js";
+import { memoLast } from "./../_shared/memo-last.js";
+import { resolveCssColor } from "./../_shared/resolve-css-color.js";
 import { getTextColorInSelection } from "./../_shared/resolvers/get-text-color-in-selection.js";
 import { isAlwaysVisible } from "./../_shared/resolvers/is-always-visible.js";
 import { isNodeSelected } from "./../_shared/resolvers/is-node-selected.js";
@@ -10,6 +12,13 @@ import { TEXT_BUTTON_TEXT_COLOR } from "./data-hooks.js";
 import classes from "./text-button-color-scss.js";
 import { TextColorPicker } from "./text-color-picker.js";
 const getTextColorTextButtons = (config = { type: "textColor" }) => {
+  const colorIcon = memoLast((color) => () => /* @__PURE__ */ React.createElement(
+    TextColor,
+    {
+      className: classes.textColorIcon,
+      style: { "--ricos-internal-text-color": color }
+    }
+  ));
   return [
     {
       id: `${Decoration_Type.COLOR}.foreground`,
@@ -17,16 +26,8 @@ const getTextColorTextButtons = (config = { type: "textColor" }) => {
       presentation: {
         dataHook: TEXT_BUTTON_TEXT_COLOR,
         tooltip: "TextColorButton_Tooltip",
-        getIcon({ publicCommands }) {
-          const color = publicCommands.getColor("ricos-text-color");
-          return () => /* @__PURE__ */ React.createElement(
-            TextColor,
-            {
-              className: classes.textColorIcon,
-              style: { "--ricos-internal-text-color": color }
-            }
-          );
-        },
+        // Theme tokens become CSS variables inside the editor, hex in external toolbars.
+        getIcon: ({ publicCommands, resolveColor = resolveCssColor }) => colorIcon(resolveColor(publicCommands.getColor("ricos-text-color"))),
         renderer: (toolbarItem) => /* @__PURE__ */ React.createElement(ColorPickerButton, { toolbarItem, modalId: TEXT_COLOR_MODAL_ID })
       },
       attributes: {

package/dist/es/plugin-text-color/get-text-color-text-buttons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-text-color/get-text-color-text-buttons.tsx"],
-  "sourcesContent": ["import { TextColor } from '@wix/wix-ui-icons-common/lazy';\nimport React from 'react';\n\nimport type { ModalService } from './../ricos-modals/modal-service.js';\nimport type { Modal, TextButton } from './../ricos-types/index.js';\nimport { Decoration_Type } from './../ricos-types/index.js';\nimport { getTextColorInSelection } from './../_shared/resolvers/get-text-color-in-selection.js';\nimport { isAlwaysVisible } from './../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../_shared/resolvers/is-node-selected.js';\nimport { ColorPickerButton } from './../toolbars-v3/components/buttons/TextColorButton/text-color-button.js';\n\nimport { TEXT_COLOR_MODAL_ID } from './constants.js';\nimport { TEXT_BUTTON_TEXT_COLOR } from './data-hooks.js';\nimport classes from './text-button-color-scss.js';\nimport { TextColorPicker } from './text-color-picker.js';\nimport type { TextColorPluginEditorConfig, TextHighlightPluginEditorConfig } from './types.js';\n\nexport const getTextColorTextButtons = (\n  config: TextColorPluginEditorConfig = { type: 'textColor' }\n): TextButton[] => {\n  return [\n    {\n      id: `${Decoration_Type.COLOR}.foreground`,\n      type: 'modal',\n      presentation: {\n        dataHook: TEXT_BUTTON_TEXT_COLOR,\n        tooltip: 'TextColorButton_Tooltip',\n        getIcon({ publicCommands }) {\n          const color = publicCommands.getColor('ricos-text-color');\n          return () => (\n            <TextColor\n              className={classes.textColorIcon}\n              style={{ '--ricos-internal-text-color': color } as React.CSSProperties}\n            />\n          );\n        },\n        renderer: toolbarItem => (\n          <ColorPickerButton toolbarItem={toolbarItem} modalId={TEXT_COLOR_MODAL_ID} />\n        ),\n      },\n      attributes: {\n        visible: isAlwaysVisible,\n        selectedTextColor: getTextColorInSelection,\n        disabled: isNodeSelected,\n      },\n      command:\n        ({ referenceElement, modalService }) =>\n        () => {\n          modalService.isModalOpen(TEXT_COLOR_MODAL_ID)\n            ? modalService.closeModal(TEXT_COLOR_MODAL_ID)\n            : openColorModal({\n                modalId: TEXT_COLOR_MODAL_ID,\n                modalType: 'ricos-text-color',\n                modalService,\n                config,\n                referenceElement,\n              });\n          return true;\n        },\n    },\n  ];\n};\n\nexport const openColorModal = ({\n  modalId,\n  modalType,\n  modalService,\n  referenceElement,\n  config,\n}: {\n  modalId: string;\n  modalService: ModalService;\n  onClickOutside?: Modal['onClickOutside'];\n  referenceElement?: HTMLElement | null;\n  modalType: 'ricos-text-color' | 'ricos-text-highlight';\n  config: TextColorPluginEditorConfig | TextHighlightPluginEditorConfig;\n}) => {\n  modalService.openModal({\n    id: modalId,\n    Component: TextColorPicker,\n    componentProps: {\n      referenceElement: referenceElement as HTMLDivElement,\n      type: modalType,\n      config,\n    },\n    layout: {\n      desktop: referenceElement ? 'floating' : 'dialog',\n      mobile: 'drawer',\n    },\n    noPadding: true,\n    ...(referenceElement && {\n      positioning: { placement: 'bottom', referenceElement },\n    }),\n    onClickOutside: {\n      on: 'pointerup',\n      handler: () => {},\n    },\n    returnFocusToEditor: true,\n    disableArrowNavigation: true,\n    dragHandleSelector: '[data-drag-handler]',\n    enableDrag: true,\n    withTransition: true,\n  });\n};\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,OAAO,WAAW;AAIlB,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,8BAA8B;AACvC,OAAO,aAAa;AACpB,SAAS,uBAAuB;AAGzB,MAAM,0BAA0B,CACrC,SAAsC,EAAE,MAAM,YAAY,MACzC;AACjB,SAAO;AAAA,IACL;AAAA,MACE,IAAI,GAAG,gBAAgB,KAAK;AAAA,MAC5B,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ,EAAE,eAAe,GAAG;AAC1B,gBAAM,QAAQ,eAAe,SAAS,kBAAkB;AACxD,iBAAO,MACL;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,QAAQ;AAAA,cACnB,OAAO,EAAE,+BAA+B,MAAM;AAAA;AAAA,UAChD;AAAA,QAEJ;AAAA,QACA,UAAU,iBACR,oCAAC,qBAAkB,aAA0B,SAAS,qBAAqB;AAAA,MAE/E;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,UAAU;AAAA,MACZ;AAAA,MACA,SACE,CAAC,EAAE,kBAAkB,aAAa,MAClC,MAAM;AACJ,qBAAa,YAAY,mBAAmB,IACxC,aAAa,WAAW,mBAAmB,IAC3C,eAAe;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AACL,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOM;AACJ,eAAa,UAAU;AAAA,IACrB,IAAI;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB;AAAA,MACd;AAAA,MACA,MAAM;AAAA,MACN;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,mBAAmB,aAAa;AAAA,MACzC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX,GAAI,oBAAoB;AAAA,MACtB,aAAa,EAAE,WAAW,UAAU,iBAAiB;AAAA,IACvD;AAAA,IACA,gBAAgB;AAAA,MACd,IAAI;AAAA,MACJ,SAAS,MAAM;AAAA,MAAC;AAAA,IAClB;AAAA,IACA,qBAAqB;AAAA,IACrB,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB,CAAC;AACH;",
+  "sourcesContent": ["import { TextColor } from '@wix/wix-ui-icons-common/lazy';\nimport React from 'react';\n\nimport type { ModalService } from './../ricos-modals/modal-service.js';\nimport type { Modal, TextButton } from './../ricos-types/index.js';\nimport { Decoration_Type } from './../ricos-types/index.js';\nimport { memoLast } from './../_shared/memo-last.js';\nimport { resolveCssColor } from './../_shared/resolve-css-color.js';\nimport { getTextColorInSelection } from './../_shared/resolvers/get-text-color-in-selection.js';\nimport { isAlwaysVisible } from './../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../_shared/resolvers/is-node-selected.js';\nimport { ColorPickerButton } from './../toolbars-v3/components/buttons/TextColorButton/text-color-button.js';\n\nimport { TEXT_COLOR_MODAL_ID } from './constants.js';\nimport { TEXT_BUTTON_TEXT_COLOR } from './data-hooks.js';\nimport classes from './text-button-color-scss.js';\nimport { TextColorPicker } from './text-color-picker.js';\nimport type { TextColorPluginEditorConfig, TextHighlightPluginEditorConfig } from './types.js';\n\nexport const getTextColorTextButtons = (\n  config: TextColorPluginEditorConfig = { type: 'textColor' }\n): TextButton[] => {\n  const colorIcon = memoLast((color: string | undefined) => () => (\n    <TextColor\n      className={classes.textColorIcon}\n      style={{ '--ricos-internal-text-color': color } as React.CSSProperties}\n    />\n  ));\n  return [\n    {\n      id: `${Decoration_Type.COLOR}.foreground`,\n      type: 'modal',\n      presentation: {\n        dataHook: TEXT_BUTTON_TEXT_COLOR,\n        tooltip: 'TextColorButton_Tooltip',\n        // Theme tokens become CSS variables inside the editor, hex in external toolbars.\n        getIcon: ({ publicCommands, resolveColor = resolveCssColor }) =>\n          colorIcon(resolveColor(publicCommands.getColor('ricos-text-color'))),\n        renderer: toolbarItem => (\n          <ColorPickerButton toolbarItem={toolbarItem} modalId={TEXT_COLOR_MODAL_ID} />\n        ),\n      },\n      attributes: {\n        visible: isAlwaysVisible,\n        selectedTextColor: getTextColorInSelection,\n        disabled: isNodeSelected,\n      },\n      command:\n        ({ referenceElement, modalService }) =>\n        () => {\n          modalService.isModalOpen(TEXT_COLOR_MODAL_ID)\n            ? modalService.closeModal(TEXT_COLOR_MODAL_ID)\n            : openColorModal({\n                modalId: TEXT_COLOR_MODAL_ID,\n                modalType: 'ricos-text-color',\n                modalService,\n                config,\n                referenceElement,\n              });\n          return true;\n        },\n    },\n  ];\n};\n\nexport const openColorModal = ({\n  modalId,\n  modalType,\n  modalService,\n  referenceElement,\n  config,\n}: {\n  modalId: string;\n  modalService: ModalService;\n  onClickOutside?: Modal['onClickOutside'];\n  referenceElement?: HTMLElement | null;\n  modalType: 'ricos-text-color' | 'ricos-text-highlight';\n  config: TextColorPluginEditorConfig | TextHighlightPluginEditorConfig;\n}) => {\n  modalService.openModal({\n    id: modalId,\n    Component: TextColorPicker,\n    componentProps: {\n      referenceElement: referenceElement as HTMLDivElement,\n      type: modalType,\n      config,\n    },\n    layout: {\n      desktop: referenceElement ? 'floating' : 'dialog',\n      mobile: 'drawer',\n    },\n    noPadding: true,\n    ...(referenceElement && {\n      positioning: { placement: 'bottom', referenceElement },\n    }),\n    onClickOutside: {\n      on: 'pointerup',\n      handler: () => {},\n    },\n    returnFocusToEditor: true,\n    disableArrowNavigation: true,\n    dragHandleSelector: '[data-drag-handler]',\n    enableDrag: true,\n    withTransition: true,\n  });\n};\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,OAAO,WAAW;AAIlB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,8BAA8B;AACvC,OAAO,aAAa;AACpB,SAAS,uBAAuB;AAGzB,MAAM,0BAA0B,CACrC,SAAsC,EAAE,MAAM,YAAY,MACzC;AACjB,QAAM,YAAY,SAAS,CAAC,UAA8B,MACxD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,QAAQ;AAAA,MACnB,OAAO,EAAE,+BAA+B,MAAM;AAAA;AAAA,EAChD,CACD;AACD,SAAO;AAAA,IACL;AAAA,MACE,IAAI,GAAG,gBAAgB,KAAK;AAAA,MAC5B,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA;AAAA,QAET,SAAS,CAAC,EAAE,gBAAgB,eAAe,gBAAgB,MACzD,UAAU,aAAa,eAAe,SAAS,kBAAkB,CAAC,CAAC;AAAA,QACrE,UAAU,iBACR,oCAAC,qBAAkB,aAA0B,SAAS,qBAAqB;AAAA,MAE/E;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,UAAU;AAAA,MACZ;AAAA,MACA,SACE,CAAC,EAAE,kBAAkB,aAAa,MAClC,MAAM;AACJ,qBAAa,YAAY,mBAAmB,IACxC,aAAa,WAAW,mBAAmB,IAC3C,eAAe;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AACL,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOM;AACJ,eAAa,UAAU;AAAA,IACrB,IAAI;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB;AAAA,MACd;AAAA,MACA,MAAM;AAAA,MACN;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,mBAAmB,aAAa;AAAA,MACzC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX,GAAI,oBAAoB;AAAA,MACtB,aAAa,EAAE,WAAW,UAAU,iBAAiB;AAAA,IACvD;AAAA,IACA,gBAAgB;AAAA,MACd,IAAI;AAAA,MACJ,SAAS,MAAM;AAAA,MAAC;AAAA,IAClB;AAAA,IACA,qBAAqB;AAAA,IACrB,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB,CAAC;AACH;",
   "names": []
 }

package/dist/es/plugin-text-color/sketch/text-highlight-button.js

@@ -3,6 +3,7 @@ import React, { useContext, useEffect, useState } from "react";
 import { EditorContext, RicosContext } from "./../../ricos-context/index.js";
 import { getIsModalOpen, useModalState } from "./../../ricos-modals/modal-service-provider.js";
 import { Decoration_Type, Mark_Type } from "./../../ricos-types/index.js";
+import { memoLast } from "./../../_shared/memo-last.js";
 import { resolveCssColor } from "./../../_shared/resolve-css-color.js";
 import { isAlwaysVisible } from "./../../_shared/resolvers/is-always-visible.js";
 import { isNodeSelected } from "./../../_shared/resolvers/is-node-selected.js";
@@ -26,6 +27,26 @@ const getMarkColor = (editor, markName) => {
   const cursorMark = editor.state.selection.$from.marks().find((mark) => mark.type.name === markName && mark.attrs.color);
   return cursorMark?.attrs.color;
 };
+const readHighlight = (editor) => {
+  if (editor.isActive(Mark_Type.SKETCH)) {
+    return { active: true, color: getMarkColor(editor, Mark_Type.SKETCH) ?? DEFAULT_COLOR };
+  }
+  if (editor.isActive(Mark_Type.COLOR_BACKGROUND)) {
+    return {
+      active: true,
+      color: getMarkColor(editor, Mark_Type.COLOR_BACKGROUND) ?? DEFAULT_COLOR
+    };
+  }
+  return { active: false, color: DEFAULT_COLOR };
+};
+const createHighlightIcon = () => memoLast((color) => () => /* @__PURE__ */ React.createElement(
+  TextHighlightColor,
+  {
+    className: classes.textHighlightIcon,
+    style: { "--ricos-internal-text-highlight": color }
+  }
+));
+const highlightIcon = createHighlightIcon();
 const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const { t } = useContext(RicosContext);
   const { adapter } = useContext(EditorContext);
@@ -33,21 +54,7 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const [referenceElement, setReferenceElement] = useState(null);
   const tooltip = t(toolbarItem.presentation?.tooltip);
   const isModalOpen = useModalState(getIsModalOpen(SKETCH_DESIGN_MODAL_ID));
-  const readMarkState = () => {
-    if (editor.isActive(Mark_Type.SKETCH)) {
-      return {
-        active: true,
-        color: getMarkColor(editor, Mark_Type.SKETCH) ?? DEFAULT_COLOR
-      };
-    }
-    if (editor.isActive(Mark_Type.COLOR_BACKGROUND)) {
-      return {
-        active: true,
-        color: getMarkColor(editor, Mark_Type.COLOR_BACKGROUND) ?? DEFAULT_COLOR
-      };
-    }
-    return { active: false, color: DEFAULT_COLOR };
-  };
+  const readMarkState = () => readHighlight(editor);
   const [markState, setMarkState] = useState(readMarkState);
   useEffect(() => {
     const update = () => setMarkState(readMarkState());
@@ -61,15 +68,7 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const onClick = (event) => {
     toolbarItem.commands.click({ referenceElement, clickFromKeyboard: !event.detail });
   };
-  const Icon = () => /* @__PURE__ */ React.createElement(
-    TextHighlightColor,
-    {
-      className: classes.textHighlightIcon,
-      style: {
-        "--ricos-internal-text-highlight": resolveCssColor(markState.color)
-      }
-    }
-  );
+  const Icon = highlightIcon(resolveCssColor(markState.color));
   return /* @__PURE__ */ React.createElement(
     ToolbarButton,
     {
@@ -84,57 +83,65 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
     }
   );
 };
-const getSketchHighlightTextButtons = (config) => [
-  {
-    id: `${Decoration_Type.COLOR}.background`,
-    type: "modal",
-    presentation: {
-      dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT,
-      tooltip: "TextHighlightButton_Tooltip",
-      icon: TextHighlightColor,
-      renderer: (toolbarItem) => /* @__PURE__ */ React.createElement(
-        TextHighlightDesignButton,
-        {
-          toolbarItem,
-          dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT
+const getSketchHighlightTextButtons = (config) => {
+  const externalIcon = createHighlightIcon();
+  return [
+    {
+      id: `${Decoration_Type.COLOR}.background`,
+      type: "modal",
+      presentation: {
+        dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT,
+        tooltip: "TextHighlightButton_Tooltip",
+        // External toolbars draw this icon, not the renderer. Without an applied highlight the
+        // droplet is left empty, so the theme's default color doesn't read as an active highlight.
+        getIcon: ({ editor, resolveColor = resolveCssColor }) => {
+          const highlight = editor && readHighlight(editor);
+          return externalIcon(highlight?.active ? resolveColor(highlight.color) : "transparent");
+        },
+        renderer: (toolbarItem) => /* @__PURE__ */ React.createElement(
+          TextHighlightDesignButton,
+          {
+            toolbarItem,
+            dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT
+          }
+        )
+      },
+      attributes: {
+        visible: isAlwaysVisible,
+        disabled: isNodeSelected
+      },
+      command: ({ modalService, referenceElement, isMobile }) => () => {
+        if (!referenceElement) {
+          return false;
         }
-      )
-    },
-    attributes: {
-      visible: isAlwaysVisible,
-      disabled: isNodeSelected
-    },
-    command: ({ modalService, referenceElement, isMobile }) => () => {
-      if (!referenceElement) {
-        return false;
-      }
-      modalService.togglePluginPanel({
-        id: SKETCH_DESIGN_MODAL_ID,
-        Component: SketchDesignModal,
-        componentProps: { config, referenceElement },
-        isMobile,
-        positioning: { referenceElement, placement: "bottom" },
-        focusReturnElement: referenceElement,
-        type: void 0,
-        // Default click-outside only knows the toolbar button; a click in
-        // the color-picker subpanel (a separately-mounted floating panel)
-        // would close us. Skip closing while the picker is open.
-        onClickOutside: {
-          on: "pointerup",
-          handler: (e) => {
-            if (modalService.isModalOpen(SKETCH_COLOR_PICKER_MODAL_ID)) {
-              return;
-            }
-            if (!referenceElement?.contains?.(e.target)) {
-              modalService.closeModal(SKETCH_DESIGN_MODAL_ID);
+        modalService.togglePluginPanel({
+          id: SKETCH_DESIGN_MODAL_ID,
+          Component: SketchDesignModal,
+          componentProps: { config, referenceElement },
+          isMobile,
+          positioning: { referenceElement, placement: "bottom" },
+          focusReturnElement: referenceElement,
+          type: void 0,
+          // Default click-outside only knows the toolbar button; a click in
+          // the color-picker subpanel (a separately-mounted floating panel)
+          // would close us. Skip closing while the picker is open.
+          onClickOutside: {
+            on: "pointerup",
+            handler: (e) => {
+              if (modalService.isModalOpen(SKETCH_COLOR_PICKER_MODAL_ID)) {
+                return;
+              }
+              if (!referenceElement?.contains?.(e.target)) {
+                modalService.closeModal(SKETCH_DESIGN_MODAL_ID);
+              }
             }
           }
-        }
-      });
-      return true;
+        });
+        return true;
+      }
     }
-  }
-];
+  ];
+};
 export {
   getSketchHighlightTextButtons
 };

package/dist/es/plugin-text-color/sketch/text-highlight-button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-text-color/sketch/text-highlight-button.tsx"],
-  "sourcesContent": ["import { TextHighlightColor } from '@wix/wix-ui-icons-common/lazy';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { EditorContext, RicosContext } from './../../ricos-context/index.js';\nimport { getIsModalOpen, useModalState } from './../../ricos-modals/modal-service-provider.js';\nimport type { IToolbarItem, TextButton } from './../../ricos-types/index.js';\nimport { Decoration_Type, Mark_Type } from './../../ricos-types/index.js';\nimport { resolveCssColor } from './../../_shared/resolve-css-color.js';\nimport { isAlwaysVisible } from './../../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../../_shared/resolvers/is-node-selected.js';\nimport { ToolbarButton } from './../../_shared/toolbar-button/toolbar-button.js';\nimport type { Editor } from './../../tiptap/core/index.js';\n\nimport { TEXT_BUTTON_TEXT_HIGHLIGHT } from '../data-hooks.js';\nimport classes from '../text-button-color-scss.js';\nimport type { TextHighlightPluginEditorConfig } from '../types.js';\nimport { SKETCH_COLOR_PICKER_MODAL_ID, SKETCH_DESIGN_MODAL_ID } from './data-hooks.js';\nimport { DEFAULT_COLOR } from './defaults.js';\nimport { SketchDesignModal } from './modals/design-modal.js';\n\nconst getMarkColor = (editor: Editor, markName: string): string | undefined => {\n  const attrs = editor.getAttributes(markName) as { color?: string };\n  if (attrs.color) {\n    return attrs.color;\n  }\n  const storedMark = editor.state.storedMarks?.find(\n    mark => mark.type.name === markName && mark.attrs.color\n  );\n  if (storedMark?.attrs.color) {\n    return storedMark.attrs.color;\n  }\n  const cursorMark = editor.state.selection.$from\n    .marks()\n    .find(mark => mark.type.name === markName && mark.attrs.color);\n  return cursorMark?.attrs.color;\n};\n\n// Icon bar tracks whichever mark currently covers the selection — classic\n// background highlight or sketch — so users see the active colour\n// without opening the design panel. Active state combines two conditions:\n// the design panel is open OR the selection already carries a\n// highlight-family mark.\nconst TextHighlightDesignButton: React.FC<{\n  toolbarItem: IToolbarItem;\n  dataHook?: string;\n}> = ({ toolbarItem, dataHook }) => {\n  const { t } = useContext(RicosContext);\n  const { adapter } = useContext(EditorContext);\n  const editor = adapter.tiptapEditor;\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const tooltip = t(toolbarItem.presentation?.tooltip);\n  const isModalOpen = useModalState(getIsModalOpen(SKETCH_DESIGN_MODAL_ID));\n\n  const readMarkState = () => {\n    if (editor.isActive(Mark_Type.SKETCH)) {\n      return {\n        active: true,\n        color: getMarkColor(editor, Mark_Type.SKETCH) ?? DEFAULT_COLOR,\n      };\n    }\n    if (editor.isActive(Mark_Type.COLOR_BACKGROUND)) {\n      return {\n        active: true,\n        color: getMarkColor(editor, Mark_Type.COLOR_BACKGROUND) ?? DEFAULT_COLOR,\n      };\n    }\n    return { active: false, color: DEFAULT_COLOR };\n  };\n  const [markState, setMarkState] = useState(readMarkState);\n\n  useEffect(() => {\n    const update = () => setMarkState(readMarkState());\n    editor.on('transaction', update);\n    editor.on('selectionUpdate', update);\n    return () => {\n      editor.off('transaction', update);\n      editor.off('selectionUpdate', update);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  const onClick = (event: React.MouseEvent | React.KeyboardEvent) => {\n    toolbarItem.commands.click({ referenceElement, clickFromKeyboard: !event.detail });\n  };\n\n  const Icon = () => (\n    <TextHighlightColor\n      className={classes.textHighlightIcon}\n      style={\n        {\n          '--ricos-internal-text-highlight': resolveCssColor(markState.color),\n        } as React.CSSProperties\n      }\n    />\n  );\n\n  return (\n    <ToolbarButton\n      active={isModalOpen || markState.active}\n      ref={setReferenceElement}\n      disabled={toolbarItem.attributes.disabled}\n      tooltip={tooltip}\n      onClick={onClick}\n      prefix={Icon}\n      dataHook={dataHook}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n\nexport const getSketchHighlightTextButtons = (\n  config: TextHighlightPluginEditorConfig\n): TextButton[] => [\n  {\n    id: `${Decoration_Type.COLOR}.background`,\n    type: 'modal',\n    presentation: {\n      dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT,\n      tooltip: 'TextHighlightButton_Tooltip',\n      icon: TextHighlightColor,\n      renderer: toolbarItem => (\n        <TextHighlightDesignButton\n          toolbarItem={toolbarItem}\n          dataHook={TEXT_BUTTON_TEXT_HIGHLIGHT}\n        />\n      ),\n    },\n    attributes: {\n      visible: isAlwaysVisible,\n      disabled: isNodeSelected,\n    },\n    command:\n      ({ modalService, referenceElement, isMobile }) =>\n      () => {\n        if (!referenceElement) {\n          return false;\n        }\n        modalService.togglePluginPanel({\n          id: SKETCH_DESIGN_MODAL_ID,\n          Component: SketchDesignModal,\n          componentProps: { config, referenceElement: referenceElement as HTMLElement },\n          isMobile,\n          positioning: { referenceElement, placement: 'bottom' },\n          focusReturnElement: referenceElement,\n          type: undefined,\n          // Default click-outside only knows the toolbar button; a click in\n          // the color-picker subpanel (a separately-mounted floating panel)\n          // would close us. Skip closing while the picker is open.\n          onClickOutside: {\n            on: 'pointerup',\n            handler: (e: PointerEvent) => {\n              if (modalService.isModalOpen(SKETCH_COLOR_PICKER_MODAL_ID)) {\n                return;\n              }\n              if (!referenceElement?.contains?.(e.target as Node)) {\n                modalService.closeModal(SKETCH_DESIGN_MODAL_ID);\n              }\n            },\n          },\n        });\n        return true;\n      },\n  },\n];\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TextHighlightColor } from '@wix/wix-ui-icons-common/lazy';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { EditorContext, RicosContext } from './../../ricos-context/index.js';\nimport { getIsModalOpen, useModalState } from './../../ricos-modals/modal-service-provider.js';\nimport type { IToolbarItem, TextButton } from './../../ricos-types/index.js';\nimport { Decoration_Type, Mark_Type } from './../../ricos-types/index.js';\nimport { memoLast } from './../../_shared/memo-last.js';\nimport { resolveCssColor } from './../../_shared/resolve-css-color.js';\nimport { isAlwaysVisible } from './../../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../../_shared/resolvers/is-node-selected.js';\nimport { ToolbarButton } from './../../_shared/toolbar-button/toolbar-button.js';\nimport type { Editor } from './../../tiptap/core/index.js';\n\nimport { TEXT_BUTTON_TEXT_HIGHLIGHT } from '../data-hooks.js';\nimport classes from '../text-button-color-scss.js';\nimport type { TextHighlightPluginEditorConfig } from '../types.js';\nimport { SKETCH_COLOR_PICKER_MODAL_ID, SKETCH_DESIGN_MODAL_ID } from './data-hooks.js';\nimport { DEFAULT_COLOR } from './defaults.js';\nimport { SketchDesignModal } from './modals/design-modal.js';\n\nconst getMarkColor = (editor: Editor, markName: string): string | undefined => {\n  const attrs = editor.getAttributes(markName) as { color?: string };\n  if (attrs.color) {\n    return attrs.color;\n  }\n  const storedMark = editor.state.storedMarks?.find(\n    mark => mark.type.name === markName && mark.attrs.color\n  );\n  if (storedMark?.attrs.color) {\n    return storedMark.attrs.color;\n  }\n  const cursorMark = editor.state.selection.$from\n    .marks()\n    .find(mark => mark.type.name === markName && mark.attrs.color);\n  return cursorMark?.attrs.color;\n};\n\n// Icon bar tracks whichever mark currently covers the selection — classic\n// background highlight or sketch — so users see the active colour\n// without opening the design panel. Active state combines two conditions:\n// the design panel is open OR the selection already carries a\n// highlight-family mark.\nconst readHighlight = (editor: Editor) => {\n  if (editor.isActive(Mark_Type.SKETCH)) {\n    return { active: true, color: getMarkColor(editor, Mark_Type.SKETCH) ?? DEFAULT_COLOR };\n  }\n  if (editor.isActive(Mark_Type.COLOR_BACKGROUND)) {\n    return {\n      active: true,\n      color: getMarkColor(editor, Mark_Type.COLOR_BACKGROUND) ?? DEFAULT_COLOR,\n    };\n  }\n  return { active: false, color: DEFAULT_COLOR };\n};\n\nconst createHighlightIcon = () =>\n  memoLast((color: string | undefined) => () => (\n    <TextHighlightColor\n      className={classes.textHighlightIcon}\n      style={{ '--ricos-internal-text-highlight': color } as React.CSSProperties}\n    />\n  ));\n\n/** The design button's own icon: one component per color, so it isn't remounted per render. */\nconst highlightIcon = createHighlightIcon();\n\nconst TextHighlightDesignButton: React.FC<{\n  toolbarItem: IToolbarItem;\n  dataHook?: string;\n}> = ({ toolbarItem, dataHook }) => {\n  const { t } = useContext(RicosContext);\n  const { adapter } = useContext(EditorContext);\n  const editor = adapter.tiptapEditor;\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const tooltip = t(toolbarItem.presentation?.tooltip);\n  const isModalOpen = useModalState(getIsModalOpen(SKETCH_DESIGN_MODAL_ID));\n\n  const readMarkState = () => readHighlight(editor);\n  const [markState, setMarkState] = useState(readMarkState);\n\n  useEffect(() => {\n    const update = () => setMarkState(readMarkState());\n    editor.on('transaction', update);\n    editor.on('selectionUpdate', update);\n    return () => {\n      editor.off('transaction', update);\n      editor.off('selectionUpdate', update);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  const onClick = (event: React.MouseEvent | React.KeyboardEvent) => {\n    toolbarItem.commands.click({ referenceElement, clickFromKeyboard: !event.detail });\n  };\n\n  const Icon = highlightIcon(resolveCssColor(markState.color));\n\n  return (\n    <ToolbarButton\n      active={isModalOpen || markState.active}\n      ref={setReferenceElement}\n      disabled={toolbarItem.attributes.disabled}\n      tooltip={tooltip}\n      onClick={onClick}\n      prefix={Icon}\n      dataHook={dataHook}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n\nexport const getSketchHighlightTextButtons = (\n  config: TextHighlightPluginEditorConfig\n): TextButton[] => {\n  const externalIcon = createHighlightIcon();\n  return [\n    {\n      id: `${Decoration_Type.COLOR}.background`,\n      type: 'modal',\n      presentation: {\n        dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT,\n        tooltip: 'TextHighlightButton_Tooltip',\n        // External toolbars draw this icon, not the renderer. Without an applied highlight the\n        // droplet is left empty, so the theme's default color doesn't read as an active highlight.\n        getIcon: ({ editor, resolveColor = resolveCssColor }) => {\n          const highlight = editor && readHighlight(editor);\n          return externalIcon(highlight?.active ? resolveColor(highlight.color) : 'transparent');\n        },\n        renderer: toolbarItem => (\n          <TextHighlightDesignButton\n            toolbarItem={toolbarItem}\n            dataHook={TEXT_BUTTON_TEXT_HIGHLIGHT}\n          />\n        ),\n      },\n      attributes: {\n        visible: isAlwaysVisible,\n        disabled: isNodeSelected,\n      },\n      command:\n        ({ modalService, referenceElement, isMobile }) =>\n        () => {\n          if (!referenceElement) {\n            return false;\n          }\n          modalService.togglePluginPanel({\n            id: SKETCH_DESIGN_MODAL_ID,\n            Component: SketchDesignModal,\n            componentProps: { config, referenceElement: referenceElement as HTMLElement },\n            isMobile,\n            positioning: { referenceElement, placement: 'bottom' },\n            focusReturnElement: referenceElement,\n            type: undefined,\n            // Default click-outside only knows the toolbar button; a click in\n            // the color-picker subpanel (a separately-mounted floating panel)\n            // would close us. Skip closing while the picker is open.\n            onClickOutside: {\n              on: 'pointerup',\n              handler: (e: PointerEvent) => {\n                if (modalService.isModalOpen(SKETCH_COLOR_PICKER_MODAL_ID)) {\n                  return;\n                }\n                if (!referenceElement?.contains?.(e.target as Node)) {\n                  modalService.closeModal(SKETCH_DESIGN_MODAL_ID);\n                }\n              },\n            },\n          });\n          return true;\n        },\n    },\n  ];\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/plugin-text-color/text-button-color-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "ae78e37d";
+var styleDataHash = "c0f854d8";
 const injectCss = (() => {
-  var css = `.pXeON .Color{color:var(--ricos-internal-text-color)}._4Y-lZ .Color{color:var(--ricos-internal-text-highlight)}`;
+  var css = `._1-yby .Color{color:var(--ricos-internal-text-color)}.Z9HAj .Color{color:var(--ricos-internal-text-highlight)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var text_button_color_default = {
-  "textColorIcon": "pXeON",
-  "textHighlightIcon": "_4Y-lZ"
+  "textColorIcon": "_1-yby",
+  "textHighlightIcon": "Z9HAj"
 };
 export {
   text_button_color_default as default,

package/dist/es/plugin-text-color/text-button-color-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-text-color/text-button-color.scss"],
-  "sourcesContent": ["var styleDataHash = 'ae78e37d';  \nexport const injectCss = (() => {\n  var css = `.pXeON .Color{color:var(--ricos-internal-text-color)}._4Y-lZ .Color{color:var(--ricos-internal-text-highlight)}`;\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  \"textColorIcon\": \"pXeON\",\n  \"textHighlightIcon\": \"_4Y-lZ\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'c0f854d8';  \nexport const injectCss = (() => {\n  var css = `._1-yby .Color{color:var(--ricos-internal-text-color)}.Z9HAj .Color{color:var(--ricos-internal-text-highlight)}`;\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  \"textColorIcon\": \"_1-yby\",\n  \"textHighlightIcon\": \"Z9HAj\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,4BAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,qBAAqB;AACvB;",
   "names": []
 }

package/dist/es/plugin-toc/toc-view-scss.js

@@ -1,6 +1,6 @@
 var toc_view_default = {
-  "fontElementMap": "B-R-c",
-  "tocLink": "xG7JI"
+  "fontElementMap": "ZtqwG",
+  "tocLink": "_4bcAi"
 };
 export {
   toc_view_default as default

package/dist/es/plugin-toc/toc-view-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-toc/toc-view.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"B-R-c\",\n  \"tocLink\": \"xG7JI\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"ZtqwG\",\n  \"tocLink\": \"_4bcAi\"\n};"],
   "mappings": "AAAA,IAAO,mBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AACb;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = '22576a58';  
+var styleDataHash = '70805b9f';  
 export const injectCss = (() => {
-  var css = `.B-R-c{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.xG7JI{color:var(--ricos-custom-link-color,var(--ricos-action-color,#116dff));font-family:var(--ricos-custom-link-font-family,unset);font-size:var(--ricos-custom-link-font-size,unset);font-style:var(--ricos-custom-link-font-style,unset);font-weight:var(--ricos-custom-link-font-weight,unset);letter-spacing:var(--ricos-custom-link-letter-spacing,unset);line-height:var(--ricos-custom-link-line-height,unset);min-height:var(--ricos-custom-link-min-height,unset);text-decoration:var(--ricos-custom-link-text-decoration,none)}[data-ricos-font~=link] .xG7JI{font:var(--ricos-custom-link-font)}[data-ricos-font~=link-font-style] .xG7JI{font-style:var(--ricos-custom-link-font-style)}[data-ricos-font~=link-font-weight] .xG7JI{font-weight:var(--ricos-custom-link-font-weight)}[data-ricos-font~=link-font-size] .xG7JI{font-size:var(--ricos-custom-link-font-size)}[data-ricos-font~=link-line-height] .xG7JI{line-height:var(--ricos-custom-link-line-height)}.xG7JI:hover{cursor:pointer}.xG7JI:focus-visible{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}`;
+  var css = `.ZtqwG{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}._4bcAi{color:var(--ricos-custom-link-color,var(--ricos-action-color,#116dff));font-family:var(--ricos-custom-link-font-family,unset);font-size:var(--ricos-custom-link-font-size,unset);font-style:var(--ricos-custom-link-font-style,unset);font-weight:var(--ricos-custom-link-font-weight,unset);letter-spacing:var(--ricos-custom-link-letter-spacing,unset);line-height:var(--ricos-custom-link-line-height,unset);min-height:var(--ricos-custom-link-min-height,unset);text-decoration:var(--ricos-custom-link-text-decoration,none)}[data-ricos-font~=link] ._4bcAi{font:var(--ricos-custom-link-font)}[data-ricos-font~=link-font-style] ._4bcAi{font-style:var(--ricos-custom-link-font-style)}[data-ricos-font~=link-font-weight] ._4bcAi{font-weight:var(--ricos-custom-link-font-weight)}[data-ricos-font~=link-font-size] ._4bcAi{font-size:var(--ricos-custom-link-font-size)}[data-ricos-font~=link-line-height] ._4bcAi{line-height:var(--ricos-custom-link-line-height)}._4bcAi:hover{cursor:pointer}._4bcAi:focus-visible{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-vertical-embed/components/Ribbon-scss.js

@@ -1,7 +1,7 @@
 var Ribbon_default = {
-  "ribbon": "fYu5K",
-  "ribbonText": "_3b-BD",
-  "imageRibbon": "YHOw3"
+  "ribbon": "dTys6",
+  "ribbonText": "jyFHw",
+  "imageRibbon": "-dgS4"
 };
 export {
   Ribbon_default as default

package/dist/es/plugin-vertical-embed/components/Ribbon-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-vertical-embed/components/Ribbon.scss"],
-  "sourcesContent": ["export default {\n  \"ribbon\": \"fYu5K\",\n  \"ribbonText\": \"_3b-BD\",\n  \"imageRibbon\": \"YHOw3\"\n};"],
+  "sourcesContent": ["export default {\n  \"ribbon\": \"dTys6\",\n  \"ribbonText\": \"jyFHw\",\n  \"imageRibbon\": \"-dgS4\"\n};"],
   "mappings": "AAAA,IAAO,iBAAQ;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AACjB;",
   "names": []
 }

package/dist/es/plugin-vertical-embed/components/card-content-scss.js

@@ -1,27 +1,27 @@
 var card_content_default = {
-  "content": "ETZrp",
-  "textStart": "_--Z-w",
-  "contentText": "_9s97w",
-  "subtitle": "kuOs0",
-  "pricing": "-zW9v",
-  "titlePriceContainer": "bW2jg",
-  "textCenter": "JcEUv",
-  "textEnd": "hPZO7",
-  "titlePriceSideBySide": "g-Opo",
-  "titlePriceStacked": "FZO3k",
-  "title": "O4CQ8",
-  "price": "rFrK9",
-  "priceDiscounted": "sjarI",
-  "priceOriginal": "_0UB2w",
-  "priceStrikethrough": "gzaIv",
-  "ribbon": "mlzOj",
-  "button": "oYcVM",
-  "button_disabled": "_1BXv-",
-  "buttonText": "H-rjT",
-  "framelessContent": "uVjmL",
-  "framelessImageTop": "lXKJ3",
-  "framelessImageStart": "oSKoC",
-  "framelessImageEnd": "_1-QEI"
+  "content": "_8bW32",
+  "textStart": "YxJsy",
+  "contentText": "MQVYo",
+  "subtitle": "CHnsv",
+  "pricing": "sowQT",
+  "titlePriceContainer": "u3C1e",
+  "textCenter": "_7GXyl",
+  "textEnd": "IDBDx",
+  "titlePriceSideBySide": "qSZp2",
+  "titlePriceStacked": "cuSLG",
+  "title": "qENM5",
+  "price": "C0DdJ",
+  "priceDiscounted": "y-UGS",
+  "priceOriginal": "rjQsL",
+  "priceStrikethrough": "mAjX6",
+  "ribbon": "qoTUN",
+  "button": "cxPAY",
+  "button_disabled": "_2APHY",
+  "buttonText": "sZpM9",
+  "framelessContent": "-ya1j",
+  "framelessImageTop": "-BYvg",
+  "framelessImageStart": "iJzRM",
+  "framelessImageEnd": "LhlDL"
 };
 export {
   card_content_default as default

package/dist/es/plugin-vertical-embed/components/card-content-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-vertical-embed/components/card-content.scss"],
-  "sourcesContent": ["export default {\n  \"content\": \"ETZrp\",\n  \"textStart\": \"_--Z-w\",\n  \"contentText\": \"_9s97w\",\n  \"subtitle\": \"kuOs0\",\n  \"pricing\": \"-zW9v\",\n  \"titlePriceContainer\": \"bW2jg\",\n  \"textCenter\": \"JcEUv\",\n  \"textEnd\": \"hPZO7\",\n  \"titlePriceSideBySide\": \"g-Opo\",\n  \"titlePriceStacked\": \"FZO3k\",\n  \"title\": \"O4CQ8\",\n  \"price\": \"rFrK9\",\n  \"priceDiscounted\": \"sjarI\",\n  \"priceOriginal\": \"_0UB2w\",\n  \"priceStrikethrough\": \"gzaIv\",\n  \"ribbon\": \"mlzOj\",\n  \"button\": \"oYcVM\",\n  \"button_disabled\": \"_1BXv-\",\n  \"buttonText\": \"H-rjT\",\n  \"framelessContent\": \"uVjmL\",\n  \"framelessImageTop\": \"lXKJ3\",\n  \"framelessImageStart\": \"oSKoC\",\n  \"framelessImageEnd\": \"_1-QEI\"\n};"],
+  "sourcesContent": ["export default {\n  \"content\": \"_8bW32\",\n  \"textStart\": \"YxJsy\",\n  \"contentText\": \"MQVYo\",\n  \"subtitle\": \"CHnsv\",\n  \"pricing\": \"sowQT\",\n  \"titlePriceContainer\": \"u3C1e\",\n  \"textCenter\": \"_7GXyl\",\n  \"textEnd\": \"IDBDx\",\n  \"titlePriceSideBySide\": \"qSZp2\",\n  \"titlePriceStacked\": \"cuSLG\",\n  \"title\": \"qENM5\",\n  \"price\": \"C0DdJ\",\n  \"priceDiscounted\": \"y-UGS\",\n  \"priceOriginal\": \"rjQsL\",\n  \"priceStrikethrough\": \"mAjX6\",\n  \"ribbon\": \"qoTUN\",\n  \"button\": \"cxPAY\",\n  \"button_disabled\": \"_2APHY\",\n  \"buttonText\": \"sZpM9\",\n  \"framelessContent\": \"-ya1j\",\n  \"framelessImageTop\": \"-BYvg\",\n  \"framelessImageStart\": \"iJzRM\",\n  \"framelessImageEnd\": \"LhlDL\"\n};"],
   "mappings": "AAAA,IAAO,uBAAQ;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,wBAAwB;AAAA,EACxB,qBAAqB;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,qBAAqB;AACvB;",
   "names": []
 }

package/dist/es/plugin-vertical-embed/components/card-scss.js

@@ -1,23 +1,23 @@
 var card_default = {
-  "link": "jGkBT",
-  "container": "cWvS6",
-  "cardLayout": "_72mkW",
-  "imageEnd": "_6UulK",
-  "imageStart": "AW5F1",
-  "imageTop": "peXuH",
-  "right": "iuGsP",
-  "ltr": "vPYTU",
-  "rtl": "-cOLr",
-  "imageContainer": "H65Lz",
-  "image": "z-SO8",
-  "responsiveImage": "wkp1N",
-  "squareImage": "C79BT",
-  "rectangleImage": "w0eaK",
-  "squareRatio": "Z-Xa3",
-  "rectangleRatio": "OZNPk",
-  "imageFill": "uw97W",
-  "imageFit": "TgjY3",
-  "imageRibbon": "uuhwR"
+  "link": "u-9Bt",
+  "container": "u0EcQ",
+  "cardLayout": "cd-VY",
+  "imageEnd": "z22cc",
+  "imageStart": "-hHiD",
+  "imageTop": "jOhCC",
+  "right": "zzcqb",
+  "ltr": "_0L7hL",
+  "rtl": "eUNFP",
+  "imageContainer": "_7xp9A",
+  "image": "S4d03",
+  "responsiveImage": "ieaw8",
+  "squareImage": "n6oR7",
+  "rectangleImage": "TObcz",
+  "squareRatio": "jiQn1",
+  "rectangleRatio": "G7qZO",
+  "imageFill": "z4gD6",
+  "imageFit": "zAe1q",
+  "imageRibbon": "aXidt"
 };
 export {
   card_default as default

package/dist/es/plugin-vertical-embed/components/card-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-vertical-embed/components/card.scss"],
-  "sourcesContent": ["export default {\n  \"link\": \"jGkBT\",\n  \"container\": \"cWvS6\",\n  \"cardLayout\": \"_72mkW\",\n  \"imageEnd\": \"_6UulK\",\n  \"imageStart\": \"AW5F1\",\n  \"imageTop\": \"peXuH\",\n  \"right\": \"iuGsP\",\n  \"ltr\": \"vPYTU\",\n  \"rtl\": \"-cOLr\",\n  \"imageContainer\": \"H65Lz\",\n  \"image\": \"z-SO8\",\n  \"responsiveImage\": \"wkp1N\",\n  \"squareImage\": \"C79BT\",\n  \"rectangleImage\": \"w0eaK\",\n  \"squareRatio\": \"Z-Xa3\",\n  \"rectangleRatio\": \"OZNPk\",\n  \"imageFill\": \"uw97W\",\n  \"imageFit\": \"TgjY3\",\n  \"imageRibbon\": \"uuhwR\"\n};"],
+  "sourcesContent": ["export default {\n  \"link\": \"u-9Bt\",\n  \"container\": \"u0EcQ\",\n  \"cardLayout\": \"cd-VY\",\n  \"imageEnd\": \"z22cc\",\n  \"imageStart\": \"-hHiD\",\n  \"imageTop\": \"jOhCC\",\n  \"right\": \"zzcqb\",\n  \"ltr\": \"_0L7hL\",\n  \"rtl\": \"eUNFP\",\n  \"imageContainer\": \"_7xp9A\",\n  \"image\": \"S4d03\",\n  \"responsiveImage\": \"ieaw8\",\n  \"squareImage\": \"n6oR7\",\n  \"rectangleImage\": \"TObcz\",\n  \"squareRatio\": \"jiQn1\",\n  \"rectangleRatio\": \"G7qZO\",\n  \"imageFill\": \"z4gD6\",\n  \"imageFit\": \"zAe1q\",\n  \"imageRibbon\": \"aXidt\"\n};"],
   "mappings": "AAAA,IAAO,eAAQ;AAAA,EACb,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AACjB;",
   "names": []
 }

package/dist/es/plugin-vertical-embed/components/description-scss.js

@@ -1,6 +1,6 @@
 var description_default = {
-  "subtitle": "J-nHH",
-  "descriptionItem": "n60gf"
+  "subtitle": "SAcuP",
+  "descriptionItem": "Wog-T"
 };
 export {
   description_default as default

package/dist/es/plugin-vertical-embed/components/description-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-vertical-embed/components/description.scss"],
-  "sourcesContent": ["export default {\n  \"subtitle\": \"J-nHH\",\n  \"descriptionItem\": \"n60gf\"\n};"],
+  "sourcesContent": ["export default {\n  \"subtitle\": \"SAcuP\",\n  \"descriptionItem\": \"Wog-T\"\n};"],
   "mappings": "AAAA,IAAO,sBAAQ;AAAA,EACb,YAAY;AAAA,EACZ,mBAAmB;AACrB;",
   "names": []
 }

package/dist/es/plugin-vertical-embed/modals/settings-modal-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "9358b165";
+var styleDataHash = "69bb07fa";
 const injectCss = (() => {
-  var css = `.ZbUTD{min-height:630px}._8RDU9{align-items:center;display:flex;justify-content:center}`;
+  var css = `.JqRSc{min-height:630px}.wk-2U{align-items:center;display:flex;justify-content:center}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var settings_modal_default = {
-  "modal": "ZbUTD",
-  "centeredFooter": "_8RDU9"
+  "modal": "JqRSc",
+  "centeredFooter": "wk-2U"
 };
 export {
   settings_modal_default as default,

package/dist/es/plugin-vertical-embed/modals/settings-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-vertical-embed/modals/settings-modal.scss"],
-  "sourcesContent": ["var styleDataHash = '9358b165';  \nexport const injectCss = (() => {\n  var css = `.ZbUTD{min-height:630px}._8RDU9{align-items:center;display:flex;justify-content:center}`;\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  \"modal\": \"ZbUTD\",\n  \"centeredFooter\": \"_8RDU9\"\n};"],
+  "sourcesContent": ["var styleDataHash = '69bb07fa';  \nexport const injectCss = (() => {\n  var css = `.JqRSc{min-height:630px}.wk-2U{align-items:center;display:flex;justify-content:center}`;\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  \"modal\": \"JqRSc\",\n  \"centeredFooter\": \"wk-2U\"\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,yBAAQ;AAAA,EACb,SAAS;AAAA,EACT,kBAAkB;AACpB;",
   "names": []
 }