@wix/ricos 11.20.3 → 11.20.5

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

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"));
 var import_ricos_context = require("./../../ricos-context/index.js");
 var import_modal_service_provider = require("./../../ricos-modals/modal-service-provider.js");
 var import_ricos_types = require("./../../ricos-types/index.js");
+var import_memo_last = require("./../../_shared/memo-last.js");
 var import_resolve_css_color = require("./../../_shared/resolve-css-color.js");
 var import_is_always_visible = require("./../../_shared/resolvers/is-always-visible.js");
 var import_is_node_selected = require("./../../_shared/resolvers/is-node-selected.js");
@@ -59,6 +60,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(import_ricos_types.Mark_Type.SKETCH)) {
+    return { active: true, color: getMarkColor(editor, import_ricos_types.Mark_Type.SKETCH) ?? import_defaults.DEFAULT_COLOR };
+  }
+  if (editor.isActive(import_ricos_types.Mark_Type.COLOR_BACKGROUND)) {
+    return {
+      active: true,
+      color: getMarkColor(editor, import_ricos_types.Mark_Type.COLOR_BACKGROUND) ?? import_defaults.DEFAULT_COLOR
+    };
+  }
+  return { active: false, color: import_defaults.DEFAULT_COLOR };
+};
+const createHighlightIcon = () => (0, import_memo_last.memoLast)((color) => () => /* @__PURE__ */ import_react.default.createElement(
+  import_lazy.TextHighlightColor,
+  {
+    className: import_text_button_color_scss.default.textHighlightIcon,
+    style: { "--ricos-internal-text-highlight": color }
+  }
+));
+const highlightIcon = createHighlightIcon();
 const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const { t } = (0, import_react.useContext)(import_ricos_context.RicosContext);
   const { adapter } = (0, import_react.useContext)(import_ricos_context.EditorContext);
@@ -66,21 +87,7 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
   const tooltip = t(toolbarItem.presentation?.tooltip);
   const isModalOpen = (0, import_modal_service_provider.useModalState)((0, import_modal_service_provider.getIsModalOpen)(import_data_hooks2.SKETCH_DESIGN_MODAL_ID));
-  const readMarkState = () => {
-    if (editor.isActive(import_ricos_types.Mark_Type.SKETCH)) {
-      return {
-        active: true,
-        color: getMarkColor(editor, import_ricos_types.Mark_Type.SKETCH) ?? import_defaults.DEFAULT_COLOR
-      };
-    }
-    if (editor.isActive(import_ricos_types.Mark_Type.COLOR_BACKGROUND)) {
-      return {
-        active: true,
-        color: getMarkColor(editor, import_ricos_types.Mark_Type.COLOR_BACKGROUND) ?? import_defaults.DEFAULT_COLOR
-      };
-    }
-    return { active: false, color: import_defaults.DEFAULT_COLOR };
-  };
+  const readMarkState = () => readHighlight(editor);
   const [markState, setMarkState] = (0, import_react.useState)(readMarkState);
   (0, import_react.useEffect)(() => {
     const update = () => setMarkState(readMarkState());
@@ -94,15 +101,7 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const onClick = (event) => {
     toolbarItem.commands.click({ referenceElement, clickFromKeyboard: !event.detail });
   };
-  const Icon = () => /* @__PURE__ */ import_react.default.createElement(
-    import_lazy.TextHighlightColor,
-    {
-      className: import_text_button_color_scss.default.textHighlightIcon,
-      style: {
-        "--ricos-internal-text-highlight": (0, import_resolve_css_color.resolveCssColor)(markState.color)
-      }
-    }
-  );
+  const Icon = highlightIcon((0, import_resolve_css_color.resolveCssColor)(markState.color));
   return /* @__PURE__ */ import_react.default.createElement(
     import_toolbar_button.ToolbarButton,
     {
@@ -117,55 +116,63 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
     }
   );
 };
-const getSketchHighlightTextButtons = (config) => [
-  {
-    id: `${import_ricos_types.Decoration_Type.COLOR}.background`,
-    type: "modal",
-    presentation: {
-      dataHook: import_data_hooks.TEXT_BUTTON_TEXT_HIGHLIGHT,
-      tooltip: "TextHighlightButton_Tooltip",
-      icon: import_lazy.TextHighlightColor,
-      renderer: (toolbarItem) => /* @__PURE__ */ import_react.default.createElement(
-        TextHighlightDesignButton,
-        {
-          toolbarItem,
-          dataHook: import_data_hooks.TEXT_BUTTON_TEXT_HIGHLIGHT
+const getSketchHighlightTextButtons = (config) => {
+  const externalIcon = createHighlightIcon();
+  return [
+    {
+      id: `${import_ricos_types.Decoration_Type.COLOR}.background`,
+      type: "modal",
+      presentation: {
+        dataHook: import_data_hooks.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 = import_resolve_css_color.resolveCssColor }) => {
+          const highlight = editor && readHighlight(editor);
+          return externalIcon(highlight?.active ? resolveColor(highlight.color) : "transparent");
+        },
+        renderer: (toolbarItem) => /* @__PURE__ */ import_react.default.createElement(
+          TextHighlightDesignButton,
+          {
+            toolbarItem,
+            dataHook: import_data_hooks.TEXT_BUTTON_TEXT_HIGHLIGHT
+          }
+        )
+      },
+      attributes: {
+        visible: import_is_always_visible.isAlwaysVisible,
+        disabled: import_is_node_selected.isNodeSelected
+      },
+      command: ({ modalService, referenceElement, isMobile }) => () => {
+        if (!referenceElement) {
+          return false;
         }
-      )
-    },
-    attributes: {
-      visible: import_is_always_visible.isAlwaysVisible,
-      disabled: import_is_node_selected.isNodeSelected
-    },
-    command: ({ modalService, referenceElement, isMobile }) => () => {
-      if (!referenceElement) {
-        return false;
-      }
-      modalService.togglePluginPanel({
-        id: import_data_hooks2.SKETCH_DESIGN_MODAL_ID,
-        Component: import_design_modal.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(import_data_hooks2.SKETCH_COLOR_PICKER_MODAL_ID)) {
-              return;
-            }
-            if (!referenceElement?.contains?.(e.target)) {
-              modalService.closeModal(import_data_hooks2.SKETCH_DESIGN_MODAL_ID);
+        modalService.togglePluginPanel({
+          id: import_data_hooks2.SKETCH_DESIGN_MODAL_ID,
+          Component: import_design_modal.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(import_data_hooks2.SKETCH_COLOR_PICKER_MODAL_ID)) {
+                return;
+              }
+              if (!referenceElement?.contains?.(e.target)) {
+                modalService.closeModal(import_data_hooks2.SKETCH_DESIGN_MODAL_ID);
+              }
             }
           }
-        }
-      });
-      return true;
+        });
+        return true;
+      }
     }
-  }
-];
+  ];
+};
 //# sourceMappingURL=text-highlight-button.js.map

package/dist/cjs/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": ["import_data_hooks", "React", "classes"]
 }

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

@@ -22,7 +22,7 @@ __export(text_button_color_exports, {
 });
 module.exports = __toCommonJS(text_button_color_exports);
 var text_button_color_default = {
-  "textColorIcon": "pXeON",
-  "textHighlightIcon": "_4Y-lZ"
+  "textColorIcon": "XZwh-",
+  "textHighlightIcon": "ZVVE9"
 };
 //# sourceMappingURL=text-button-color-scss.js.map

package/dist/cjs/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": ["export default {\n  \"textColorIcon\": \"pXeON\",\n  \"textHighlightIcon\": \"_4Y-lZ\"\n};"],
+  "sourcesContent": ["export default {\n  \"textColorIcon\": \"XZwh-\",\n  \"textHighlightIcon\": \"ZVVE9\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,4BAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,qBAAqB;AACvB;",
   "names": []
 }

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

@@ -22,7 +22,7 @@ __export(toc_view_exports, {
 });
 module.exports = __toCommonJS(toc_view_exports);
 var toc_view_default = {
-  "fontElementMap": "B-R-c",
-  "tocLink": "xG7JI"
+  "fontElementMap": "_9GbTd",
+  "tocLink": "P1YPr"
 };
 //# sourceMappingURL=toc-view-scss.js.map

package/dist/cjs/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\": \"_9GbTd\",\n  \"tocLink\": \"P1YPr\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,mBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AACb;",
   "names": []
 }

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

@@ -22,8 +22,8 @@ __export(Ribbon_exports, {
 });
 module.exports = __toCommonJS(Ribbon_exports);
 var Ribbon_default = {
-  "ribbon": "fYu5K",
-  "ribbonText": "_3b-BD",
-  "imageRibbon": "YHOw3"
+  "ribbon": "GAoUu",
+  "ribbonText": "_1Gye1",
+  "imageRibbon": "N84UE"
 };
 //# sourceMappingURL=Ribbon-scss.js.map

package/dist/cjs/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\": \"GAoUu\",\n  \"ribbonText\": \"_1Gye1\",\n  \"imageRibbon\": \"N84UE\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AACjB;",
   "names": []
 }

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

@@ -22,28 +22,28 @@ __export(card_content_exports, {
 });
 module.exports = __toCommonJS(card_content_exports);
 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": "Ilj00",
+  "textStart": "CGBT4",
+  "contentText": "wVU6C",
+  "subtitle": "xv-nc",
+  "pricing": "PqZHB",
+  "titlePriceContainer": "qAp9y",
+  "textCenter": "jCoec",
+  "textEnd": "I1Von",
+  "titlePriceSideBySide": "VEdsk",
+  "titlePriceStacked": "YLkTH",
+  "title": "_750j4",
+  "price": "_06uyW",
+  "priceDiscounted": "-UanN",
+  "priceOriginal": "Vks-l",
+  "priceStrikethrough": "RbRfq",
+  "ribbon": "vZmiV",
+  "button": "lcMd-",
+  "button_disabled": "fQB-l",
+  "buttonText": "cxf6X",
+  "framelessContent": "TSbOn",
+  "framelessImageTop": "jAMGh",
+  "framelessImageStart": "lFEcE",
+  "framelessImageEnd": "OOuZ5"
 };
 //# sourceMappingURL=card-content-scss.js.map

package/dist/cjs/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\": \"Ilj00\",\n  \"textStart\": \"CGBT4\",\n  \"contentText\": \"wVU6C\",\n  \"subtitle\": \"xv-nc\",\n  \"pricing\": \"PqZHB\",\n  \"titlePriceContainer\": \"qAp9y\",\n  \"textCenter\": \"jCoec\",\n  \"textEnd\": \"I1Von\",\n  \"titlePriceSideBySide\": \"VEdsk\",\n  \"titlePriceStacked\": \"YLkTH\",\n  \"title\": \"_750j4\",\n  \"price\": \"_06uyW\",\n  \"priceDiscounted\": \"-UanN\",\n  \"priceOriginal\": \"Vks-l\",\n  \"priceStrikethrough\": \"RbRfq\",\n  \"ribbon\": \"vZmiV\",\n  \"button\": \"lcMd-\",\n  \"button_disabled\": \"fQB-l\",\n  \"buttonText\": \"cxf6X\",\n  \"framelessContent\": \"TSbOn\",\n  \"framelessImageTop\": \"jAMGh\",\n  \"framelessImageStart\": \"lFEcE\",\n  \"framelessImageEnd\": \"OOuZ5\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;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/cjs/plugin-vertical-embed/components/card-scss.js

@@ -22,24 +22,24 @@ __export(card_exports, {
 });
 module.exports = __toCommonJS(card_exports);
 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": "lXKNc",
+  "container": "m7w7R",
+  "cardLayout": "_6dDDE",
+  "imageEnd": "_2IZC9",
+  "imageStart": "V5iDW",
+  "imageTop": "Tf9-S",
+  "right": "-Q-4U",
+  "ltr": "GOvA8",
+  "rtl": "s5PIE",
+  "imageContainer": "ni5Ti",
+  "image": "Ss7vG",
+  "responsiveImage": "Gqy7I",
+  "squareImage": "N9uHG",
+  "rectangleImage": "_7yrMC",
+  "squareRatio": "uHspS",
+  "rectangleRatio": "AQtMW",
+  "imageFill": "wGBIT",
+  "imageFit": "KBhk3",
+  "imageRibbon": "np5fO"
 };
 //# sourceMappingURL=card-scss.js.map

package/dist/cjs/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\": \"lXKNc\",\n  \"container\": \"m7w7R\",\n  \"cardLayout\": \"_6dDDE\",\n  \"imageEnd\": \"_2IZC9\",\n  \"imageStart\": \"V5iDW\",\n  \"imageTop\": \"Tf9-S\",\n  \"right\": \"-Q-4U\",\n  \"ltr\": \"GOvA8\",\n  \"rtl\": \"s5PIE\",\n  \"imageContainer\": \"ni5Ti\",\n  \"image\": \"Ss7vG\",\n  \"responsiveImage\": \"Gqy7I\",\n  \"squareImage\": \"N9uHG\",\n  \"rectangleImage\": \"_7yrMC\",\n  \"squareRatio\": \"uHspS\",\n  \"rectangleRatio\": \"AQtMW\",\n  \"imageFill\": \"wGBIT\",\n  \"imageFit\": \"KBhk3\",\n  \"imageRibbon\": \"np5fO\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;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/cjs/plugin-vertical-embed/components/description-scss.js

@@ -22,7 +22,7 @@ __export(description_exports, {
 });
 module.exports = __toCommonJS(description_exports);
 var description_default = {
-  "subtitle": "J-nHH",
-  "descriptionItem": "n60gf"
+  "subtitle": "kp8Ap",
+  "descriptionItem": "nCCyT"
 };
 //# sourceMappingURL=description-scss.js.map

package/dist/cjs/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\": \"kp8Ap\",\n  \"descriptionItem\": \"nCCyT\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,sBAAQ;AAAA,EACb,YAAY;AAAA,EACZ,mBAAmB;AACrB;",
   "names": []
 }

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

@@ -22,7 +22,7 @@ __export(settings_modal_exports, {
 });
 module.exports = __toCommonJS(settings_modal_exports);
 var settings_modal_default = {
-  "modal": "ZbUTD",
-  "centeredFooter": "_8RDU9"
+  "modal": "_8PuoU",
+  "centeredFooter": "VzI-b"
 };
 //# sourceMappingURL=settings-modal-scss.js.map

package/dist/cjs/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": ["export default {\n  \"modal\": \"ZbUTD\",\n  \"centeredFooter\": \"_8RDU9\"\n};"],
+  "sourcesContent": ["export default {\n  \"modal\": \"_8PuoU\",\n  \"centeredFooter\": \"VzI-b\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,SAAS;AAAA,EACT,kBAAkB;AACpB;",
   "names": []
 }

package/dist/cjs/plugin-vertical-embed/tiptap/component-scss.js

@@ -22,15 +22,15 @@ __export(component_exports, {
 });
 module.exports = __toCommonJS(component_exports);
 var component_default = {
-  "card": "LT5Q1",
-  "container": "Rd-fD",
-  "content": "vogMo",
-  "errorOverlay": "aHirM",
-  "errorIcon": "o925s",
-  "errorInfo": "lKxPE",
-  "errorContainer": "Yu3mB",
-  "overlay": "rlp9E",
-  "errorIconInner": "UJyuj",
-  "errorSubtitle": "_5jOZD"
+  "card": "nBnCg",
+  "container": "_2pDAT",
+  "content": "spT4E",
+  "errorOverlay": "p9xQK",
+  "errorIcon": "Nylgj",
+  "errorInfo": "vj0VF",
+  "errorContainer": "cuC6G",
+  "overlay": "_2Je-b",
+  "errorIconInner": "_-3dyw",
+  "errorSubtitle": "-EfxT"
 };
 //# sourceMappingURL=component-scss.js.map

package/dist/cjs/plugin-vertical-embed/tiptap/component-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-vertical-embed/tiptap/component.scss"],
-  "sourcesContent": ["export default {\n  \"card\": \"LT5Q1\",\n  \"container\": \"Rd-fD\",\n  \"content\": \"vogMo\",\n  \"errorOverlay\": \"aHirM\",\n  \"errorIcon\": \"o925s\",\n  \"errorInfo\": \"lKxPE\",\n  \"errorContainer\": \"Yu3mB\",\n  \"overlay\": \"rlp9E\",\n  \"errorIconInner\": \"UJyuj\",\n  \"errorSubtitle\": \"_5jOZD\"\n};"],
+  "sourcesContent": ["export default {\n  \"card\": \"nBnCg\",\n  \"container\": \"_2pDAT\",\n  \"content\": \"spT4E\",\n  \"errorOverlay\": \"p9xQK\",\n  \"errorIcon\": \"Nylgj\",\n  \"errorInfo\": \"vj0VF\",\n  \"errorContainer\": \"cuC6G\",\n  \"overlay\": \"_2Je-b\",\n  \"errorIconInner\": \"_-3dyw\",\n  \"errorSubtitle\": \"-EfxT\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,oBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/plugin-vertical-embed/toolbar/items-list-scss.js

@@ -22,6 +22,6 @@ __export(items_list_exports, {
 });
 module.exports = __toCommonJS(items_list_exports);
 var items_list_default = {
-  "option": "jZa6B"
+  "option": "_4WB9m"
 };
 //# sourceMappingURL=items-list-scss.js.map

package/dist/cjs/plugin-vertical-embed/toolbar/items-list-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-vertical-embed/toolbar/items-list.scss"],
-  "sourcesContent": ["export default {\n  \"option\": \"jZa6B\"\n};"],
+  "sourcesContent": ["export default {\n  \"option\": \"_4WB9m\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,qBAAQ;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

package/dist/cjs/plugin-vertical-embed/viewer/vertical-embed-viewer-scss.js

@@ -22,11 +22,11 @@ __export(vertical_embed_viewer_exports, {
 });
 module.exports = __toCommonJS(vertical_embed_viewer_exports);
 var vertical_embed_viewer_default = {
-  "card": "_2nvCo",
-  "slimLayout": "ksdyY",
-  "cardLayout": "eU-LG",
-  "imageContainer": "Wm9D9",
-  "image": "K8h9x",
-  "content": "Kvnq1"
+  "card": "pyh8t",
+  "slimLayout": "Syjix",
+  "cardLayout": "t8Ftl",
+  "imageContainer": "b4cXF",
+  "image": "-uKPp",
+  "content": "bLXRW"
 };
 //# sourceMappingURL=vertical-embed-viewer-scss.js.map

package/dist/cjs/plugin-vertical-embed/viewer/vertical-embed-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-vertical-embed/viewer/vertical-embed-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"card\": \"_2nvCo\",\n  \"slimLayout\": \"ksdyY\",\n  \"cardLayout\": \"eU-LG\",\n  \"imageContainer\": \"Wm9D9\",\n  \"image\": \"K8h9x\",\n  \"content\": \"Kvnq1\"\n};"],
+  "sourcesContent": ["export default {\n  \"card\": \"pyh8t\",\n  \"slimLayout\": \"Syjix\",\n  \"cardLayout\": \"t8Ftl\",\n  \"imageContainer\": \"b4cXF\",\n  \"image\": \"-uKPp\",\n  \"content\": \"bLXRW\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gCAAQ;AAAA,EACb,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/plugin-video/statics/styles/default-video-styles-scss.js

@@ -22,13 +22,13 @@ __export(default_video_styles_exports, {
 });
 module.exports = __toCommonJS(default_video_styles_exports);
 var default_video_styles_default = {
-  "video_player": "P2vs4",
-  "videoOverlay": "cG-NE",
-  "video_container": "RJ5K7",
-  "video_overlay": "_-8SoL",
-  "video_pending_overlay": "qTJY7",
-  "video_pending_overlay_loader": "_5XX3i",
-  "hide_duration": "E2Ecy",
-  "error": "yUqGi"
+  "video_player": "_594HG",
+  "videoOverlay": "y4Q-M",
+  "video_container": "Bt5C2",
+  "video_overlay": "JsOXI",
+  "video_pending_overlay": "EBfKR",
+  "video_pending_overlay_loader": "kpxhj",
+  "hide_duration": "_3zu96",
+  "error": "_127mV"
 };
 //# sourceMappingURL=default-video-styles-scss.js.map

package/dist/cjs/plugin-video/statics/styles/default-video-styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-video/statics/styles/default-video-styles.scss"],
-  "sourcesContent": ["export default {\n  \"video_player\": \"P2vs4\",\n  \"videoOverlay\": \"cG-NE\",\n  \"video_container\": \"RJ5K7\",\n  \"video_overlay\": \"_-8SoL\",\n  \"video_pending_overlay\": \"qTJY7\",\n  \"video_pending_overlay_loader\": \"_5XX3i\",\n  \"hide_duration\": \"E2Ecy\",\n  \"error\": \"yUqGi\"\n};"],
+  "sourcesContent": ["export default {\n  \"video_player\": \"_594HG\",\n  \"videoOverlay\": \"y4Q-M\",\n  \"video_container\": \"Bt5C2\",\n  \"video_overlay\": \"JsOXI\",\n  \"video_pending_overlay\": \"EBfKR\",\n  \"video_pending_overlay_loader\": \"kpxhj\",\n  \"hide_duration\": \"_3zu96\",\n  \"error\": \"_127mV\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,+BAAQ;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,gCAAgC;AAAA,EAChC,iBAAiB;AAAA,EACjB,SAAS;AACX;",
   "names": []
 }