@wix/ricos 10.113.0 → 10.114.0

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

@@ -3,12 +3,10 @@ import { isFunction } from "lodash";
 import React from "react";
 import { findDOMNode } from "react-dom";
 import { Loader, MediaItemErrorMsg } from "./../../ui-components";
-import generalStyles from "../../editor-common/statics/styles/general-scss";
-import generalRTLIgnoredStyles from "../../wix-rich-content-common/statics/styles/general.rtlignore-scss";
+import { getContainerClasses } from "../../_shared/figure/get-container-classes";
 import { VIDEO_ROOT } from "../dataHooks";
 import styles from "../statics/styles/default-video-styles-scss";
 import { Video } from "../viewer/video";
-const stylesWithRTL = { ...generalStyles, ...generalRTLIgnoredStyles };
 class VideoComponent extends React.Component {
   constructor(props) {
     super(props);
@@ -144,18 +142,6 @@ class VideoComponent extends React.Component {
     );
   }
 }
-const getContainerClasses = (editor, nodeId, isMobile) => {
-  let isFocused = false;
-  const selection = editor.state.selection;
-  editor.state.doc.nodesBetween(selection.from, selection.to, (node) => {
-    node.attrs.id === nodeId && (isFocused = true);
-  });
-  return classNames(stylesWithRTL.pluginContainer, {
-    [stylesWithRTL.pluginContainerMobile]: isMobile,
-    [stylesWithRTL.hasFocus]: isFocused,
-    [stylesWithRTL.hideTextSelection]: !isFocused
-  });
-};
 export {
   VideoComponent
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-video/tiptap/video-component.tsx"],
-  "sourcesContent": ["import type { Editor } from '@tiptap/core';\nimport classNames from 'classnames';\nimport { isFunction } from 'lodash';\nimport React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport type { MediaUploadError } from './../../ricos-content';\nimport type { VideoData } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { ComponentData, LegacyEditorPluginConfig, TFunction } from './../../ricos-types';\nimport type { ReactPlayer } from './../../wix-react-player';\nimport { Loader, MediaItemErrorMsg } from './../../ui-components';\n\nimport generalStyles from '../../editor-common/statics/styles/general-scss';\nimport generalRTLIgnoredStyles from '../../wix-rich-content-common/statics/styles/general.rtlignore-scss';\nimport { VIDEO_ROOT } from '../dataHooks';\nimport styles from '../statics/styles/default-video-styles-scss';\nimport { Video } from '../viewer/video';\n\nconst stylesWithRTL = { ...generalStyles, ...generalRTLIgnoredStyles };\n\ntype Props = {\n  componentData: VideoData & { error?: MediaUploadError };\n  isLoading: boolean;\n  loadingPercentage?: number;\n  updateAttributes: (componentData: ComponentData) => void;\n  config: LegacyEditorPluginConfig;\n  nodeId: string;\n  t: TFunction;\n  editor: Editor;\n};\n\ninterface State {\n  isLoaded: boolean;\n  iosFixKey: number;\n  shouldRenderDurationFix?: boolean;\n}\n\nexport class VideoComponent extends React.Component<Props, State> {\n  private durationFixTimeoutId: ReturnType<typeof setTimeout> | undefined;\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isLoaded: false,\n      iosFixKey: 1,\n    };\n  }\n\n  componentDidMount() {\n    this.handlePlayerFocus();\n  }\n\n  componentDidUpdate() {\n    this.handlePlayerFocus();\n  }\n\n  componentWillUnmount(): void {\n    clearTimeout(this.durationFixTimeoutId);\n  }\n\n  handlePlayerFocus() {\n    // eslint-disable-next-line react/no-find-dom-node\n    const element = (findDOMNode(this) as HTMLElement)?.querySelector?.('iframe, video');\n    if (element) {\n      (element as HTMLElement).tabIndex = -1;\n    }\n  }\n\n  handleReady = (player: React.MutableRefObject<ReactPlayer | null>) => {\n    if (!this.state.isLoaded) {\n      this.setState({ isLoaded: true });\n    }\n    this.handleDuration(player);\n  };\n\n  handleDuration = (player: React.MutableRefObject<ReactPlayer | null>) => {\n    setTimeout(() => {\n      const duration = player.current?.getDuration();\n      if (duration) {\n        this.saveDurationToData(duration);\n      } else {\n        this.setState({ shouldRenderDurationFix: true });\n      }\n    }, 3000);\n  };\n\n  renderLoader = () => {\n    const isCustomVideo =\n      'video' in this.props.componentData && !!this.props.componentData.video?.src?.id;\n    return (\n      <div className={styles.videoOverlay}>\n        <Loader\n          type={'medium'}\n          isVerySlowFakeLoader={isCustomVideo}\n          percent={this.props.loadingPercentage}\n          disableProgress={!this.props.isLoading && !this.state.isLoaded}\n        />\n      </div>\n    );\n  };\n\n  saveDurationToData = (duration: number) => {\n    const { componentData, updateAttributes } = this.props;\n    const video = 'video' in componentData ? componentData.video : {};\n    updateAttributes({ ...componentData, video: { ...(video || {}), duration } });\n  };\n\n  renderPlayer = () => {\n    const { componentData, config, nodeId } = this.props;\n    return (\n      <Video\n        componentData={componentData}\n        config={config}\n        onReady={this.handleReady}\n        isLoaded={this.state.isLoaded}\n        key={this.state.iosFixKey}\n        nodeId={nodeId}\n        isLight={false}\n        disabled\n      />\n    );\n  };\n\n  renderPlayerDurationFix = () => {\n    const { componentData, config, nodeId } = this.props;\n\n    const play = (player: React.MutableRefObject<ReactPlayer | null>): boolean => {\n      const internalPlayer = player.current?.getInternalPlayer();\n      if (internalPlayer && 'play' in internalPlayer && isFunction(internalPlayer.play)) {\n        internalPlayer.play();\n        return true;\n      }\n\n      return false;\n    };\n\n    // In some instances the video doesn't completely load, and we don't get its duration. This is a fix for that. (happens in facebook)\n    const onReady = (player: React.MutableRefObject<ReactPlayer | null>) => {\n      const hasPlayed = play(player);\n      if (hasPlayed) {\n        return;\n      }\n      // try again, sometimes it takes a while\n      this.durationFixTimeoutId = setTimeout(() => {\n        play(player);\n      }, 10000);\n    };\n\n    return (\n      <div className={styles.hide_duration}>\n        <Video\n          componentData={componentData}\n          config={config}\n          onReady={onReady}\n          isLight={false}\n          onDuration={duration => {\n            this.setState({ shouldRenderDurationFix: false });\n            this.saveDurationToData(duration);\n            clearTimeout(this.durationFixTimeoutId);\n          }}\n          nodeId={nodeId}\n          muted\n        />\n      </div>\n    );\n  };\n\n  render() {\n    const {\n      t,\n      componentData: { error },\n      isLoading,\n    } = this.props;\n    const { isLoaded, shouldRenderDurationFix } = this.state;\n    const loading = isLoading || !isLoaded;\n\n    return (\n      <div\n        data-hook={VIDEO_ROOT}\n        className={classNames(\n          styles.video_container,\n          getContainerClasses(this.props.editor, this.props.nodeId, false)\n        )}\n        draggable\n        data-drag-handle\n      >\n        <div className={styles.video_overlay} />\n        {this.renderPlayer()}\n        {shouldRenderDurationFix ? this.renderPlayerDurationFix() : null}\n        {loading && !error && this.renderLoader()}\n        {error && <MediaItemErrorMsg error={error} t={t} />}\n      </div>\n    );\n  }\n}\n\nconst getContainerClasses = (editor: Editor, nodeId: string, isMobile: boolean) => {\n  let isFocused = false;\n  const selection = editor.state.selection;\n  editor.state.doc.nodesBetween(selection.from, selection.to, node => {\n    node.attrs.id === nodeId && (isFocused = true);\n  });\n\n  return classNames(stylesWithRTL.pluginContainer, {\n    [stylesWithRTL.pluginContainerMobile]: isMobile,\n    [stylesWithRTL.hasFocus]: isFocused,\n    [stylesWithRTL.hideTextSelection]: !isFocused,\n  });\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Editor } from '@tiptap/core';\nimport classNames from 'classnames';\nimport { isFunction } from 'lodash';\nimport React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport type { MediaUploadError } from './../../ricos-content';\nimport type { VideoData } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { ComponentData, LegacyEditorPluginConfig, TFunction } from './../../ricos-types';\nimport type { ReactPlayer } from './../../wix-react-player';\nimport { Loader, MediaItemErrorMsg } from './../../ui-components';\n\nimport { getContainerClasses } from '../../_shared/figure/get-container-classes';\nimport { VIDEO_ROOT } from '../dataHooks';\nimport styles from '../statics/styles/default-video-styles-scss';\nimport { Video } from '../viewer/video';\n\ntype Props = {\n  componentData: VideoData & { error?: MediaUploadError };\n  isLoading: boolean;\n  loadingPercentage?: number;\n  updateAttributes: (componentData: ComponentData) => void;\n  config: LegacyEditorPluginConfig;\n  nodeId: string;\n  t: TFunction;\n  editor: Editor;\n};\n\ninterface State {\n  isLoaded: boolean;\n  iosFixKey: number;\n  shouldRenderDurationFix?: boolean;\n}\n\nexport class VideoComponent extends React.Component<Props, State> {\n  private durationFixTimeoutId: ReturnType<typeof setTimeout> | undefined;\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isLoaded: false,\n      iosFixKey: 1,\n    };\n  }\n\n  componentDidMount() {\n    this.handlePlayerFocus();\n  }\n\n  componentDidUpdate() {\n    this.handlePlayerFocus();\n  }\n\n  componentWillUnmount(): void {\n    clearTimeout(this.durationFixTimeoutId);\n  }\n\n  handlePlayerFocus() {\n    // eslint-disable-next-line react/no-find-dom-node\n    const element = (findDOMNode(this) as HTMLElement)?.querySelector?.('iframe, video');\n    if (element) {\n      (element as HTMLElement).tabIndex = -1;\n    }\n  }\n\n  handleReady = (player: React.MutableRefObject<ReactPlayer | null>) => {\n    if (!this.state.isLoaded) {\n      this.setState({ isLoaded: true });\n    }\n    this.handleDuration(player);\n  };\n\n  handleDuration = (player: React.MutableRefObject<ReactPlayer | null>) => {\n    setTimeout(() => {\n      const duration = player.current?.getDuration();\n      if (duration) {\n        this.saveDurationToData(duration);\n      } else {\n        this.setState({ shouldRenderDurationFix: true });\n      }\n    }, 3000);\n  };\n\n  renderLoader = () => {\n    const isCustomVideo =\n      'video' in this.props.componentData && !!this.props.componentData.video?.src?.id;\n    return (\n      <div className={styles.videoOverlay}>\n        <Loader\n          type={'medium'}\n          isVerySlowFakeLoader={isCustomVideo}\n          percent={this.props.loadingPercentage}\n          disableProgress={!this.props.isLoading && !this.state.isLoaded}\n        />\n      </div>\n    );\n  };\n\n  saveDurationToData = (duration: number) => {\n    const { componentData, updateAttributes } = this.props;\n    const video = 'video' in componentData ? componentData.video : {};\n    updateAttributes({ ...componentData, video: { ...(video || {}), duration } });\n  };\n\n  renderPlayer = () => {\n    const { componentData, config, nodeId } = this.props;\n    return (\n      <Video\n        componentData={componentData}\n        config={config}\n        onReady={this.handleReady}\n        isLoaded={this.state.isLoaded}\n        key={this.state.iosFixKey}\n        nodeId={nodeId}\n        isLight={false}\n        disabled\n      />\n    );\n  };\n\n  renderPlayerDurationFix = () => {\n    const { componentData, config, nodeId } = this.props;\n\n    const play = (player: React.MutableRefObject<ReactPlayer | null>): boolean => {\n      const internalPlayer = player.current?.getInternalPlayer();\n      if (internalPlayer && 'play' in internalPlayer && isFunction(internalPlayer.play)) {\n        internalPlayer.play();\n        return true;\n      }\n\n      return false;\n    };\n\n    // In some instances the video doesn't completely load, and we don't get its duration. This is a fix for that. (happens in facebook)\n    const onReady = (player: React.MutableRefObject<ReactPlayer | null>) => {\n      const hasPlayed = play(player);\n      if (hasPlayed) {\n        return;\n      }\n      // try again, sometimes it takes a while\n      this.durationFixTimeoutId = setTimeout(() => {\n        play(player);\n      }, 10000);\n    };\n\n    return (\n      <div className={styles.hide_duration}>\n        <Video\n          componentData={componentData}\n          config={config}\n          onReady={onReady}\n          isLight={false}\n          onDuration={duration => {\n            this.setState({ shouldRenderDurationFix: false });\n            this.saveDurationToData(duration);\n            clearTimeout(this.durationFixTimeoutId);\n          }}\n          nodeId={nodeId}\n          muted\n        />\n      </div>\n    );\n  };\n\n  render() {\n    const {\n      t,\n      componentData: { error },\n      isLoading,\n    } = this.props;\n    const { isLoaded, shouldRenderDurationFix } = this.state;\n    const loading = isLoading || !isLoaded;\n\n    return (\n      <div\n        data-hook={VIDEO_ROOT}\n        className={classNames(\n          styles.video_container,\n          getContainerClasses(this.props.editor, this.props.nodeId, false)\n        )}\n        draggable\n        data-drag-handle\n      >\n        <div className={styles.video_overlay} />\n        {this.renderPlayer()}\n        {shouldRenderDurationFix ? this.renderPlayerDurationFix() : null}\n        {loading && !error && this.renderLoader()}\n        {error && <MediaItemErrorMsg error={error} t={t} />}\n      </div>\n    );\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/plugin-video/viewer/nodeViewRenderers-loadable.js

@@ -2,12 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _nodeViewRenderers;
 var _excluded = ["node", "nodeIndex", "NodeViewContainer"],
-  _excluded2 = ["node"],
-  _excluded3 = ["node", "nodeIndex", "NodeViewContainer"],
-  _excluded4 = ["node"];
+  _excluded2 = ["node"];
 import loadable from "@loadable/component";
 import React, { useMemo } from "react";
 import { Node_Type } from "./../../ricos-types";
+import { CaptionLoadable } from "../../_shared/figure/caption-renderer-loadable";
 var VideoRenderer = function VideoRenderer(_ref) {
   var node = _ref.node,
     nodeIndex = _ref.nodeIndex,
@@ -70,68 +69,5 @@ var VideoLoadable = function VideoLoadable(_ref2) {
     node: node
   }, props));
 };
-var CaptionRenderer = function CaptionRenderer(_ref3) {
-  var node = _ref3.node,
-    nodeIndex = _ref3.nodeIndex,
-    NodeViewContainer = _ref3.NodeViewContainer,
-    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-  var ImageCaption = useMemo(function () {
-    return loadable({
-      resolved: {},
-      chunkName: function chunkName() {
-        return "ricos_plugin_image_caption";
-      },
-      isReady: function isReady(props) {
-        var key = this.resolve(props);
-        if (this.resolved[key] !== true) {
-          return false;
-        }
-        if (typeof __webpack_modules__ !== 'undefined') {
-          return !!__webpack_modules__[key];
-        }
-        return false;
-      },
-      importAsync: function importAsync() {
-        return import(/* webpackChunkName: "ricos_plugin_image_caption" */"../../plugin-figure/viewer/viewer-caption-loadable");
-      },
-      requireAsync: function requireAsync(props) {
-        var _this = this;
-        var key = this.resolve(props);
-        this.resolved[key] = false;
-        return this.importAsync(props).then(function (resolved) {
-          _this.resolved[key] = true;
-          return resolved;
-        });
-      },
-      requireSync: function requireSync(props) {
-        var id = this.resolve(props);
-        if (typeof __webpack_require__ !== 'undefined') {
-          return __webpack_require__(id);
-        }
-        return eval('module.require')(id);
-      },
-      resolve: function resolve() {
-        if (require.resolveWeak) {
-          return require.resolveWeak("../../plugin-figure/viewer/viewer-caption-loadable");
-        }
-        return eval('require.resolve')("../../plugin-figure/viewer/viewer-caption-loadable");
-      }
-    });
-  }, []);
-  return /* @__PURE__ */React.createElement(ImageCaption, _extends({
-    key: node.id,
-    node: node,
-    nodeIndex: nodeIndex,
-    NodeViewContainer: NodeViewContainer
-  }, props));
-};
-var CaptionLoadable = function CaptionLoadable(_ref4) {
-  var node = _ref4.node,
-    props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
-  return /* @__PURE__ */React.createElement(CaptionRenderer, _extends({
-    key: node.id,
-    node: node
-  }, props));
-};
 var nodeViewRenderers = (_nodeViewRenderers = {}, _nodeViewRenderers[Node_Type.VIDEO] = VideoLoadable, _nodeViewRenderers[Node_Type.CAPTION] = CaptionLoadable, _nodeViewRenderers);
 export { nodeViewRenderers };

package/dist/es/plugin-video/viewer/nodeViewRenderers-loadable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-video/viewer/nodeViewRenderers-loadable.tsx"],
-  "sourcesContent": ["import loadable from '@loadable/component';\nimport type { FC } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { NodeViewRendererProps, NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nconst VideoRenderer: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  ...props\n}: NodeViewRendererProps) => {\n  const Video = useMemo(\n    () => loadable(() => import(/* webpackChunkName: \"ricos_plugin_video\" */ './viewer-video')),\n    []\n  );\n  return (\n    <Video node={node} nodeIndex={nodeIndex} NodeViewContainer={NodeViewContainer} {...props} />\n  );\n};\n\nconst VideoLoadable = ({ node, ...props }: NodeViewRendererProps) => {\n  return <VideoRenderer key={node.id} node={node} {...props} />;\n};\n\nconst CaptionRenderer: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  ...props\n}) => {\n  const ImageCaption = useMemo(\n    () =>\n      loadable(\n        () =>\n          import(\n            /* webpackChunkName: \"ricos_plugin_image_caption\" */ '../../plugin-figure/viewer/viewer-caption'\n          )\n      ),\n    []\n  );\n  return (\n    <ImageCaption\n      key={node.id}\n      node={node}\n      nodeIndex={nodeIndex}\n      NodeViewContainer={NodeViewContainer}\n      {...props}\n    />\n  );\n};\n\nconst CaptionLoadable = ({ node, ...props }: NodeViewRendererProps) => {\n  return <CaptionRenderer key={node.id} node={node} {...props} />;\n};\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.VIDEO]: VideoLoadable,\n  [Node_Type.CAPTION]: CaptionLoadable,\n};\n"],
-  "mappings": "AAAA,OAAO,cAAc;AAErB,OAAO,SAAS,eAAe;AAG/B,SAAS,iBAAiB;AAE1B,MAAM,gBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA6B;AAC3B,QAAM,QAAQ;AAAA,IACZ,MAAM,SAAS,MAAM;AAAA;AAAA,MAAoD;AAAA,IAAgB,CAAC;AAAA,IAC1F,CAAC;AAAA,EACH;AACA,SACE,oCAAC,SAAM,MAAY,WAAsB,mBAAuC,GAAG,OAAO;AAE9F;AAEA,MAAM,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,MAA6B;AACnE,SAAO,oCAAC,iBAAc,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC7D;AAEA,MAAM,kBAA6C,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,MACE;AAAA;AAAA,QACuD;AAAA,MACvD;AAAA,IACJ;AAAA,IACF,CAAC;AAAA,EACH;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,MAA6B;AACrE,SAAO,oCAAC,mBAAgB,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC/D;AAEO,MAAM,oBAAuC;AAAA,EAClD,CAAC,UAAU,KAAK,GAAG;AAAA,EACnB,CAAC,UAAU,OAAO,GAAG;AACvB;",
+  "sourcesContent": ["import loadable from '@loadable/component';\nimport type { FC } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { NodeViewRendererProps, NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport { CaptionLoadable } from '../../_shared/figure/caption-renderer-loadable';\n\nconst VideoRenderer: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  ...props\n}: NodeViewRendererProps) => {\n  const Video = useMemo(\n    () => loadable(() => import(/* webpackChunkName: \"ricos_plugin_video\" */ './viewer-video')),\n    []\n  );\n  return (\n    <Video node={node} nodeIndex={nodeIndex} NodeViewContainer={NodeViewContainer} {...props} />\n  );\n};\n\nconst VideoLoadable = ({ node, ...props }: NodeViewRendererProps) => {\n  return <VideoRenderer key={node.id} node={node} {...props} />;\n};\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.VIDEO]: VideoLoadable,\n  [Node_Type.CAPTION]: CaptionLoadable,\n};\n"],
+  "mappings": "AAAA,OAAO,cAAc;AAErB,OAAO,SAAS,eAAe;AAG/B,SAAS,iBAAiB;AAE1B,SAAS,uBAAuB;AAEhC,MAAM,gBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA6B;AAC3B,QAAM,QAAQ;AAAA,IACZ,MAAM,SAAS,MAAM;AAAA;AAAA,MAAoD;AAAA,IAAgB,CAAC;AAAA,IAC1F,CAAC;AAAA,EACH;AACA,SACE,oCAAC,SAAM,MAAY,WAAsB,mBAAuC,GAAG,OAAO;AAE9F;AAEA,MAAM,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,MAA6B;AACnE,SAAO,oCAAC,iBAAc,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC7D;AAEO,MAAM,oBAAuC;AAAA,EAClD,CAAC,UAAU,KAAK,GAAG;AAAA,EACnB,CAAC,UAAU,OAAO,GAAG;AACvB;",
   "names": []
 }

package/dist/es/plugin-video/viewer/nodeViewRenderers.js

@@ -1,5 +1,5 @@
 import { Node_Type } from "./../../ricos-types";
-import Caption from "../../plugin-figure/viewer/viewer-caption";
+import Caption from "../../_shared/figure/viewer-caption";
 import Video from "./viewer-video";
 const nodeViewRenderers = {
   [Node_Type.VIDEO]: Video,

package/dist/es/plugin-video/viewer/nodeViewRenderers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-video/viewer/nodeViewRenderers.ts"],
-  "sourcesContent": ["import type { NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport Caption from '../../plugin-figure/viewer/viewer-caption';\nimport Video from './viewer-video';\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.VIDEO]: Video,\n  [Node_Type.CAPTION]: Caption,\n};\n"],
+  "sourcesContent": ["import type { NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport Caption from '../../_shared/figure/viewer-caption';\nimport Video from './viewer-video';\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.VIDEO]: Video,\n  [Node_Type.CAPTION]: Caption,\n};\n"],
   "mappings": "AACA,SAAS,iBAAiB;AAE1B,OAAO,aAAa;AACpB,OAAO,WAAW;AAEX,MAAM,oBAAuC;AAAA,EAClD,CAAC,UAAU,KAAK,GAAG;AAAA,EACnB,CAAC,UAAU,OAAO,GAAG;AACvB;",
   "names": []
 }

package/dist/es/plugin-video/viewer/viewer-video-loadable.js

@@ -1,6 +1,6 @@
 import React, { useContext } from "react";
 import { RicosViewerContext } from "./../../ricos-context";
-import { ViewerFigure } from "../../plugin-figure/viewer/viewer-figure";
+import { ViewerFigure } from "../../_shared/figure/viewer-figure";
 import { VIDEO_ROOT } from "../dataHooks";
 import styles from "../statics/styles/video-viewer-scss";
 import { VIDEO_TYPE } from "../types";

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

@@ -1,6 +1,6 @@
 import React, { useContext } from "react";
 import { RicosViewerContext } from "./../../ricos-context";
-import { ViewerFigure } from "../../plugin-figure/viewer/viewer-figure";
+import { ViewerFigure } from "../../_shared/figure/viewer-figure";
 import { VIDEO_ROOT } from "../dataHooks";
 import styles from "../statics/styles/video-viewer-scss";
 import { VIDEO_TYPE } from "../types";

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-video/viewer/viewer-video.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { RicosViewerContext } from './../../ricos-context';\nimport type { NodeViewRenderer, NodeViewRendererProps } from './../../ricos-types';\n\nimport { ViewerFigure } from '../../plugin-figure/viewer/viewer-figure';\nimport { VIDEO_ROOT } from '../dataHooks';\nimport styles from '../statics/styles/video-viewer-scss';\nimport { VIDEO_TYPE } from '../types';\nimport { Video } from './video';\n\nconst ViewerVideo = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  RicosNodesRenderer,\n}: NodeViewRendererProps) => {\n  const { seoMode, config } = useContext(RicosViewerContext);\n  const { videoData } = node;\n\n  if (!videoData) {\n    return null;\n  }\n\n  return (\n    <ViewerFigure\n      node={node}\n      nodeIndex={nodeIndex}\n      NodeViewContainer={NodeViewContainer}\n      RicosNodesRenderer={RicosNodesRenderer}\n    >\n      <div className={styles.video_container} data-hook={VIDEO_ROOT}>\n        <Video\n          config={config[VIDEO_TYPE] || {}}\n          componentData={videoData}\n          nodeId={node.id}\n          seoMode={!!seoMode}\n          isLight\n        />\n      </div>\n    </ViewerFigure>\n  );\n};\n\nconst VideoRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <ViewerVideo key={node.id} node={node} {...props} />;\n};\n\nexport default VideoRenderer;\n"],
+  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { RicosViewerContext } from './../../ricos-context';\nimport type { NodeViewRenderer, NodeViewRendererProps } from './../../ricos-types';\n\nimport { ViewerFigure } from '../../_shared/figure/viewer-figure';\nimport { VIDEO_ROOT } from '../dataHooks';\nimport styles from '../statics/styles/video-viewer-scss';\nimport { VIDEO_TYPE } from '../types';\nimport { Video } from './video';\n\nconst ViewerVideo = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  RicosNodesRenderer,\n}: NodeViewRendererProps) => {\n  const { seoMode, config } = useContext(RicosViewerContext);\n  const { videoData } = node;\n\n  if (!videoData) {\n    return null;\n  }\n\n  return (\n    <ViewerFigure\n      node={node}\n      nodeIndex={nodeIndex}\n      NodeViewContainer={NodeViewContainer}\n      RicosNodesRenderer={RicosNodesRenderer}\n    >\n      <div className={styles.video_container} data-hook={VIDEO_ROOT}>\n        <Video\n          config={config[VIDEO_TYPE] || {}}\n          componentData={videoData}\n          nodeId={node.id}\n          seoMode={!!seoMode}\n          isLight\n        />\n      </div>\n    </ViewerFigure>\n  );\n};\n\nconst VideoRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <ViewerVideo key={node.id} node={node} {...props} />;\n};\n\nexport default VideoRenderer;\n"],
   "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAElC,SAAS,0BAA0B;AAGnC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,OAAO,YAAY;AACnB,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AAEtB,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,EAAE,SAAS,OAAO,IAAI,WAAW,kBAAkB;AACzD,QAAM,EAAE,UAAU,IAAI;AAEtB,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEA,oCAAC,SAAI,WAAW,OAAO,iBAAiB,aAAW,cACjD;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO,UAAU,KAAK,CAAC;AAAA,QAC/B,eAAe;AAAA,QACf,QAAQ,KAAK;AAAA,QACb,SAAS,CAAC,CAAC;AAAA,QACX,SAAO;AAAA;AAAA,IACT,CACF;AAAA,EACF;AAEJ;AAEA,MAAM,gBAAkC,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAC9D,SAAO,oCAAC,eAAY,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC3D;AAEA,IAAO,uBAAQ;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = 'fef51c94';  
+var styleDataHash = '5ff44248';  
 export const injectCss = (() => {
-  var css = `.dN6oc{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] .dN6oc{border:0}[dir=ltr] .dN6oc{left:0}[dir=rtl] .dN6oc{right:0}.LfpGc{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] .LfpGc,[dir=rtl] .LfpGc{left:0;right:0}.Niee9{height:0;position:relative}[dir] .Niee9{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.Niee9{min-width:auto}}}@container (width < 640px){.Niee9{min-width:auto}}.OrJwz{margin:12px 0}.Qwpg9,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.l3MT0{--ricos-custom-p-font-size:14px;color:var(--ricos-custom-p-color,unset);display:block;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);justify-content:center;line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-align:center;text-decoration:var(--ricos-custom-p-text-decoration,unset)}.l3MT0>span>a,.l3MT0>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.l3MT0{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.l3MT0{font-size:var(--ricos-custom-p-font-size,unset)}}`;
+  var css = `._7ImM3{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] ._7ImM3{border:0}[dir=ltr] ._7ImM3{left:0}[dir=rtl] ._7ImM3{right:0}._86RAE{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] ._86RAE,[dir=rtl] ._86RAE{left:0;right:0}.PZSAB{height:0;position:relative}[dir] .PZSAB{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.PZSAB{min-width:auto}}}@container (width < 640px){.PZSAB{min-width:auto}}.B5dWr{margin:12px 0}.D4bbM,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.cP2-F{--ricos-custom-p-font-size:14px;color:var(--ricos-custom-p-color,unset);display:block;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);justify-content:center;line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-align:center;text-decoration:var(--ricos-custom-p-text-decoration,unset)}.cP2-F>span>a,.cP2-F>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.cP2-F{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.cP2-F{font-size:var(--ricos-custom-p-font-size,unset)}}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/ricos-common-plugins/blockquote/extension.js

@@ -3,7 +3,6 @@ import { Decoration, DecorationSet } from "@tiptap/pm/view";
 import classNames from "classnames";
 import { generateId } from "./../../ricos-content";
 import { Node_Type, TextStyle_TextAlignment } from "./../../ricos-schema/legacy/wix/rich_content/v1";
-import blockquoteDataDefaults from "./../../ricos-schema/legacy/statics/blockquote.defaults.json";
 import { createRicosNodeExtension, withBreakoutContainer } from "./../../plugin-commons";
 import { createSpanWrapperDecorationPlugin } from "../decoration-plugins/span-wrapper";
 import styles from "../statics/styles-scss";
@@ -38,11 +37,9 @@ const blockquote = createRicosNodeExtension({
       defining: true,
       addAttributes() {
         return {
-          ...blockquoteDataDefaults,
-          textStyle: {
-            textAlignment: TextStyle_TextAlignment.AUTO
-          },
-          paragraphId: ""
+          indentation: null,
+          textStyle: null,
+          paragraphId: null
         };
       },
       parseHTML() {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/blockquote/extension.ts"],
-  "sourcesContent": ["import { Plugin, PluginKey } from '@tiptap/pm/state';\nimport { Decoration, DecorationSet } from '@tiptap/pm/view';\nimport classNames from 'classnames';\n\nimport { generateId } from './../../ricos-content';\nimport { Node_Type, TextStyle_TextAlignment } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport blockquoteDataDefaults from './../../ricos-schema/legacy/statics/blockquote.defaults.json';\nimport type { ExtensionProps, NodeConfig, RicosExtension } from './../../ricos-types';\nimport { createRicosNodeExtension, withBreakoutContainer } from './../../plugin-commons';\n\nimport { createSpanWrapperDecorationPlugin } from '../decoration-plugins/span-wrapper';\nimport styles from '../statics/styles-scss';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    blockQuote: {\n      /**\n       * Set a blockquote node\n       */\n      setBlockquote: () => ReturnType;\n      /**\n       * Toggle a blockquote node\n       */\n      toggleBlockquote: () => ReturnType;\n      /**\n       * Unset a blockquote node\n       */\n      unsetBlockquote: () => ReturnType;\n    };\n  }\n}\n\nconst inputRegex = /^\\s*>\\s$/;\nconst alignmentToFlex = {\n  [TextStyle_TextAlignment.LEFT]: 'left',\n  [TextStyle_TextAlignment.CENTER]: 'center',\n  [TextStyle_TextAlignment.RIGHT]: 'right',\n  [TextStyle_TextAlignment.JUSTIFY]: 'flex-start',\n};\n\nexport const blockquote = createRicosNodeExtension({\n  groups: ['shortcuts-enabled'],\n  type: 'html-node',\n  name: Node_Type.BLOCKQUOTE,\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>\n  ) => ({\n    ...config,\n    addOptions() {\n      return {\n        HTMLAttributes: {\n          class: styles.quote,\n        },\n        ...settings,\n      };\n    },\n  }),\n\n  createExtensionConfig({ mergeAttributes, textblockTypeInputRule }) {\n    return {\n      name: this.name,\n\n      // ITS NOT BlockquoteNodeChildrenPattern !!!. ProseMirror and RicosDocument have different structure for blockquote.\n      content: 'inline*',\n\n      group: 'block',\n\n      defining: true,\n\n      addAttributes() {\n        return {\n          ...blockquoteDataDefaults,\n          textStyle: {\n            textAlignment: TextStyle_TextAlignment.AUTO,\n          },\n          paragraphId: '',\n        };\n      },\n\n      parseHTML() {\n        return [{ tag: 'blockquote' }];\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        const allAttributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes);\n        const textAlignment = allAttributes?.textStyle?.textAlignment;\n\n        const attrs = {\n          ...allAttributes,\n          class: classNames(allAttributes.class),\n        };\n\n        const breakoutContainerAttr =\n          textAlignment === TextStyle_TextAlignment.AUTO\n            ? {\n                style: 'display: flex;',\n              }\n            : {\n                style: `display: flex; justify-content: ${alignmentToFlex[textAlignment]};`,\n              };\n        return withBreakoutContainer(['blockquote', attrs, 0], breakoutContainerAttr);\n      },\n\n      addCommands() {\n        return {\n          setBlockquote:\n            () =>\n            ({ commands }) => {\n              return commands.updateTextNode(this.name, { paragraphId: generateId() });\n            },\n          toggleBlockquote:\n            () =>\n            ({ commands }) => {\n              //TODO: fix generating paragraphId every render\n              return commands.toggleTextNode(this.name, Node_Type.PARAGRAPH);\n            },\n          unsetBlockquote:\n            () =>\n            ({ commands }) => {\n              return commands.updateTextNode(Node_Type.PARAGRAPH, {});\n            },\n        };\n      },\n\n      addInputRules() {\n        return [\n          textblockTypeInputRule({\n            find: inputRegex,\n            type: this.type,\n            getAttributes: ({ groups }) => groups,\n          }),\n        ];\n      },\n\n      addProseMirrorPlugins() {\n        return [\n          createSpanWrapperDecorationPlugin(Node_Type.BLOCKQUOTE),\n          new Plugin({\n            key: new PluginKey(`blockquote-direction`),\n            props: {\n              decorations(state) {\n                const decorations: Decoration[] = [];\n\n                state.doc.descendants((node, pos) => {\n                  if (node.type.name === Node_Type.BLOCKQUOTE) {\n                    decorations.push(Decoration.node(pos, pos + node.nodeSize, { dir: 'auto' }));\n                  }\n                });\n\n                return DecorationSet.create(state.doc, decorations);\n              },\n            },\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Plugin, PluginKey } from '@tiptap/pm/state';\nimport { Decoration, DecorationSet } from '@tiptap/pm/view';\nimport classNames from 'classnames';\n\nimport { generateId } from './../../ricos-content';\nimport { Node_Type, TextStyle_TextAlignment } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { ExtensionProps, NodeConfig, RicosExtension } from './../../ricos-types';\nimport { createRicosNodeExtension, withBreakoutContainer } from './../../plugin-commons';\n\nimport { createSpanWrapperDecorationPlugin } from '../decoration-plugins/span-wrapper';\nimport styles from '../statics/styles-scss';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    blockQuote: {\n      /**\n       * Set a blockquote node\n       */\n      setBlockquote: () => ReturnType;\n      /**\n       * Toggle a blockquote node\n       */\n      toggleBlockquote: () => ReturnType;\n      /**\n       * Unset a blockquote node\n       */\n      unsetBlockquote: () => ReturnType;\n    };\n  }\n}\n\nconst inputRegex = /^\\s*>\\s$/;\nconst alignmentToFlex = {\n  [TextStyle_TextAlignment.LEFT]: 'left',\n  [TextStyle_TextAlignment.CENTER]: 'center',\n  [TextStyle_TextAlignment.RIGHT]: 'right',\n  [TextStyle_TextAlignment.JUSTIFY]: 'flex-start',\n};\n\nexport const blockquote = createRicosNodeExtension({\n  groups: ['shortcuts-enabled'],\n  type: 'html-node',\n  name: Node_Type.BLOCKQUOTE,\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>\n  ) => ({\n    ...config,\n    addOptions() {\n      return {\n        HTMLAttributes: {\n          class: styles.quote,\n        },\n        ...settings,\n      };\n    },\n  }),\n\n  createExtensionConfig({ mergeAttributes, textblockTypeInputRule }) {\n    return {\n      name: this.name,\n\n      // ITS NOT BlockquoteNodeChildrenPattern !!!. ProseMirror and RicosDocument have different structure for blockquote.\n      content: 'inline*',\n\n      group: 'block',\n\n      defining: true,\n\n      addAttributes() {\n        return {\n          indentation: null,\n          textStyle: null,\n          paragraphId: null,\n        };\n      },\n\n      parseHTML() {\n        return [{ tag: 'blockquote' }];\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        const allAttributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes);\n        const textAlignment = allAttributes?.textStyle?.textAlignment;\n\n        const attrs = {\n          ...allAttributes,\n          class: classNames(allAttributes.class),\n        };\n\n        const breakoutContainerAttr =\n          textAlignment === TextStyle_TextAlignment.AUTO\n            ? {\n                style: 'display: flex;',\n              }\n            : {\n                style: `display: flex; justify-content: ${alignmentToFlex[textAlignment]};`,\n              };\n        return withBreakoutContainer(['blockquote', attrs, 0], breakoutContainerAttr);\n      },\n\n      addCommands() {\n        return {\n          setBlockquote:\n            () =>\n            ({ commands }) => {\n              return commands.updateTextNode(this.name, { paragraphId: generateId() });\n            },\n          toggleBlockquote:\n            () =>\n            ({ commands }) => {\n              //TODO: fix generating paragraphId every render\n              return commands.toggleTextNode(this.name, Node_Type.PARAGRAPH);\n            },\n          unsetBlockquote:\n            () =>\n            ({ commands }) => {\n              return commands.updateTextNode(Node_Type.PARAGRAPH, {});\n            },\n        };\n      },\n\n      addInputRules() {\n        return [\n          textblockTypeInputRule({\n            find: inputRegex,\n            type: this.type,\n            getAttributes: ({ groups }) => groups,\n          }),\n        ];\n      },\n\n      addProseMirrorPlugins() {\n        return [\n          createSpanWrapperDecorationPlugin(Node_Type.BLOCKQUOTE),\n          new Plugin({\n            key: new PluginKey(`blockquote-direction`),\n            props: {\n              decorations(state) {\n                const decorations: Decoration[] = [];\n\n                state.doc.descendants((node, pos) => {\n                  if (node.type.name === Node_Type.BLOCKQUOTE) {\n                    decorations.push(Decoration.node(pos, pos + node.nodeSize, { dir: 'auto' }));\n                  }\n                });\n\n                return DecorationSet.create(state.doc, decorations);\n              },\n            },\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,QAAQ,iBAAiB;AAClC,SAAS,YAAY,qBAAqB;AAC1C,OAAO,gBAAgB;AAEvB,SAAS,kBAAkB;AAC3B,SAAS,WAAW,+BAA+B;AAEnD,SAAS,0BAA0B,6BAA6B;AAEhE,SAAS,yCAAyC;AAClD,OAAO,YAAY;AAqBnB,MAAM,aAAa;AACnB,MAAM,kBAAkB;AAAA,EACtB,CAAC,wBAAwB,IAAI,GAAG;AAAA,EAChC,CAAC,wBAAwB,MAAM,GAAG;AAAA,EAClC,CAAC,wBAAwB,KAAK,GAAG;AAAA,EACjC,CAAC,wBAAwB,OAAO,GAAG;AACrC;AAEO,MAAM,aAAa,yBAAyB;AAAA,EACjD,QAAQ,CAAC,mBAAmB;AAAA,EAC5B,MAAM;AAAA,EACN,MAAM,UAAU;AAAA,EAChB,aAAa,CACX,QACA,aACA,QACA,cACI;AAAA,IACJ,GAAG;AAAA,IACH,aAAa;AACX,aAAO;AAAA,QACL,gBAAgB;AAAA,UACd,OAAO,OAAO;AAAA,QAChB;AAAA,QACA,GAAG;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEA,sBAAsB,EAAE,iBAAiB,uBAAuB,GAAG;AACjE,WAAO;AAAA,MACL,MAAM,KAAK;AAAA;AAAA,MAGX,SAAS;AAAA,MAET,OAAO;AAAA,MAEP,UAAU;AAAA,MAEV,gBAAgB;AACd,eAAO;AAAA,UACL,aAAa;AAAA,UACb,WAAW;AAAA,UACX,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MAEA,YAAY;AACV,eAAO,CAAC,EAAE,KAAK,aAAa,CAAC;AAAA,MAC/B;AAAA,MAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,cAAM,gBAAgB,gBAAgB,KAAK,QAAQ,gBAAgB,cAAc;AACjF,cAAM,gBAAgB,eAAe,WAAW;AAEhD,cAAM,QAAQ;AAAA,UACZ,GAAG;AAAA,UACH,OAAO,WAAW,cAAc,KAAK;AAAA,QACvC;AAEA,cAAM,wBACJ,kBAAkB,wBAAwB,OACtC;AAAA,UACE,OAAO;AAAA,QACT,IACA;AAAA,UACE,OAAO,mCAAmC,gBAAgB,aAAa,CAAC;AAAA,QAC1E;AACN,eAAO,sBAAsB,CAAC,cAAc,OAAO,CAAC,GAAG,qBAAqB;AAAA,MAC9E;AAAA,MAEA,cAAc;AACZ,eAAO;AAAA,UACL,eACE,MACA,CAAC,EAAE,SAAS,MAAM;AAChB,mBAAO,SAAS,eAAe,KAAK,MAAM,EAAE,aAAa,WAAW,EAAE,CAAC;AAAA,UACzE;AAAA,UACF,kBACE,MACA,CAAC,EAAE,SAAS,MAAM;AAEhB,mBAAO,SAAS,eAAe,KAAK,MAAM,UAAU,SAAS;AAAA,UAC/D;AAAA,UACF,iBACE,MACA,CAAC,EAAE,SAAS,MAAM;AAChB,mBAAO,SAAS,eAAe,UAAU,WAAW,CAAC,CAAC;AAAA,UACxD;AAAA,QACJ;AAAA,MACF;AAAA,MAEA,gBAAgB;AACd,eAAO;AAAA,UACL,uBAAuB;AAAA,YACrB,MAAM;AAAA,YACN,MAAM,KAAK;AAAA,YACX,eAAe,CAAC,EAAE,OAAO,MAAM;AAAA,UACjC,CAAC;AAAA,QACH;AAAA,MACF;AAAA,MAEA,wBAAwB;AACtB,eAAO;AAAA,UACL,kCAAkC,UAAU,UAAU;AAAA,UACtD,IAAI,OAAO;AAAA,YACT,KAAK,IAAI,UAAU,sBAAsB;AAAA,YACzC,OAAO;AAAA,cACL,YAAY,OAAO;AACjB,sBAAM,cAA4B,CAAC;AAEnC,sBAAM,IAAI,YAAY,CAAC,MAAM,QAAQ;AACnC,sBAAI,KAAK,KAAK,SAAS,UAAU,YAAY;AAC3C,gCAAY,KAAK,WAAW,KAAK,KAAK,MAAM,KAAK,UAAU,EAAE,KAAK,OAAO,CAAC,CAAC;AAAA,kBAC7E;AAAA,gBACF,CAAC;AAED,uBAAO,cAAc,OAAO,MAAM,KAAK,WAAW;AAAA,cACpD;AAAA,YACF;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

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

@@ -1,8 +1,6 @@
 import { getNodeType, InputRule, isNodeActive } from "@tiptap/core";
 import { Node_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1";
-import bulletedListDataDefaults from "./../../ricos-schema/legacy/statics/bulleted_list.defaults.json";
 import { BulletedListNodeChildrenPattern } from "./../../ricos-schema/next-schema";
-import { addDefaultsInCorrectFormat } from "./../../wix-rich-content-common";
 import { createRicosNodeExtension, withBreakoutContainer } from "./../../plugin-commons";
 import { createListInputRuleHandler } from "../list-input-rule-handler";
 import styles from "../statics/styles-scss";
@@ -28,7 +26,14 @@ const bulletedList = createRicosNodeExtension({
         return [{ tag: "ul" }];
       },
       addAttributes() {
-        return addDefaultsInCorrectFormat(bulletedListDataDefaults);
+        return {
+          indentation: {
+            default: 0
+          },
+          offset: {
+            default: 0
+          }
+        };
       },
       renderHTML({ HTMLAttributes }) {
         return withBreakoutContainer([

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/bulleted-list/extension.ts"],
-  "sourcesContent": ["import { getNodeType, InputRule, isNodeActive } from '@tiptap/core';\nimport type { DOMOutputSpec } from '@tiptap/pm/model';\n\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport bulletedListDataDefaults from './../../ricos-schema/legacy/statics/bulleted_list.defaults.json';\nimport { BulletedListNodeChildrenPattern } from './../../ricos-schema/next-schema';\nimport { addDefaultsInCorrectFormat } from './../../wix-rich-content-common';\nimport { createRicosNodeExtension, withBreakoutContainer } from './../../plugin-commons';\n\nimport { createListInputRuleHandler } from '../list-input-rule-handler';\nimport styles from '../statics/styles-scss';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    bulletList: {\n      /**\n       * Toggle a bullet list\n       */\n      toggleBulletList: () => ReturnType;\n      /**\n       * Toggle off an bulleted list if exists\n       */\n      toggleOffBulletList: () => ReturnType;\n    };\n  }\n}\n\nconst inputRegex = /^\\s*([-+*])\\s$/;\n\nexport const bulletedList = createRicosNodeExtension<{\n  HTMLAttributes: Record<string, string>;\n  itemTypeName: string;\n}>({\n  groups: ['no-trailing-node'],\n  type: 'html-node',\n  name: Node_Type.BULLETED_LIST,\n  createExtensionConfig({ mergeAttributes }) {\n    return {\n      name: this.name,\n      addOptions() {\n        return {\n          HTMLAttributes: { class: styles.bulletedList },\n          itemTypeName: Node_Type.LIST_ITEM,\n        };\n      },\n\n      group: 'block list',\n\n      content() {\n        return BulletedListNodeChildrenPattern;\n      },\n\n      parseHTML() {\n        return [{ tag: 'ul' }];\n      },\n\n      addAttributes() {\n        return addDefaultsInCorrectFormat(bulletedListDataDefaults);\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        return withBreakoutContainer([\n          'ul',\n          mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n          0,\n        ]) as DOMOutputSpec;\n      },\n\n      addCommands() {\n        return {\n          toggleBulletList:\n            () =>\n            ({ commands }) => {\n              return commands.toggleLists(this.name, Node_Type.LIST_ITEM);\n            },\n          toggleOffBulletList:\n            () =>\n            ({ state, commands }) => {\n              const isActive = isNodeActive(state, getNodeType(this.name, state.schema));\n              if (isActive) {\n                return commands.toggleBulletList();\n              }\n              return true;\n            },\n        };\n      },\n\n      addKeyboardShortcuts() {\n        return {\n          'Mod-Shift-8': () => this.editor.commands.toggleBulletList(),\n        };\n      },\n\n      addInputRules() {\n        return [\n          new InputRule({\n            find: inputRegex,\n            handler: createListInputRuleHandler({ type: this.type }),\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,aAAa,WAAW,oBAAoB;AAGrD,SAAS,iBAAiB;AAC1B,OAAO,8BAA8B;AACrC,SAAS,uCAAuC;AAChD,SAAS,kCAAkC;AAC3C,SAAS,0BAA0B,6BAA6B;AAEhE,SAAS,kCAAkC;AAC3C,OAAO,YAAY;AAiBnB,MAAM,aAAa;AAEZ,MAAM,eAAe,yBAGzB;AAAA,EACD,QAAQ,CAAC,kBAAkB;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,UAAU;AAAA,EAChB,sBAAsB,EAAE,gBAAgB,GAAG;AACzC,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,aAAa;AACX,eAAO;AAAA,UACL,gBAAgB,EAAE,OAAO,OAAO,aAAa;AAAA,UAC7C,cAAc,UAAU;AAAA,QAC1B;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,MAEP,UAAU;AACR,eAAO;AAAA,MACT;AAAA,MAEA,YAAY;AACV,eAAO,CAAC,EAAE,KAAK,KAAK,CAAC;AAAA,MACvB;AAAA,MAEA,gBAAgB;AACd,eAAO,2BAA2B,wBAAwB;AAAA,MAC5D;AAAA,MAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,eAAO,sBAAsB;AAAA,UAC3B;AAAA,UACA,gBAAgB,KAAK,QAAQ,gBAAgB,cAAc;AAAA,UAC3D;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEA,cAAc;AACZ,eAAO;AAAA,UACL,kBACE,MACA,CAAC,EAAE,SAAS,MAAM;AAChB,mBAAO,SAAS,YAAY,KAAK,MAAM,UAAU,SAAS;AAAA,UAC5D;AAAA,UACF,qBACE,MACA,CAAC,EAAE,OAAO,SAAS,MAAM;AACvB,kBAAM,WAAW,aAAa,OAAO,YAAY,KAAK,MAAM,MAAM,MAAM,CAAC;AACzE,gBAAI,UAAU;AACZ,qBAAO,SAAS,iBAAiB;AAAA,YACnC;AACA,mBAAO;AAAA,UACT;AAAA,QACJ;AAAA,MACF;AAAA,MAEA,uBAAuB;AACrB,eAAO;AAAA,UACL,eAAe,MAAM,KAAK,OAAO,SAAS,iBAAiB;AAAA,QAC7D;AAAA,MACF;AAAA,MAEA,gBAAgB;AACd,eAAO;AAAA,UACL,IAAI,UAAU;AAAA,YACZ,MAAM;AAAA,YACN,SAAS,2BAA2B,EAAE,MAAM,KAAK,KAAK,CAAC;AAAA,UACzD,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { getNodeType, InputRule, isNodeActive } from '@tiptap/core';\nimport type { DOMOutputSpec } from '@tiptap/pm/model';\n\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { BulletedListNodeChildrenPattern } from './../../ricos-schema/next-schema';\nimport { createRicosNodeExtension, withBreakoutContainer } from './../../plugin-commons';\n\nimport { createListInputRuleHandler } from '../list-input-rule-handler';\nimport styles from '../statics/styles-scss';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    bulletList: {\n      /**\n       * Toggle a bullet list\n       */\n      toggleBulletList: () => ReturnType;\n      /**\n       * Toggle off an bulleted list if exists\n       */\n      toggleOffBulletList: () => ReturnType;\n    };\n  }\n}\n\nconst inputRegex = /^\\s*([-+*])\\s$/;\n\nexport const bulletedList = createRicosNodeExtension<{\n  HTMLAttributes: Record<string, string>;\n  itemTypeName: string;\n}>({\n  groups: ['no-trailing-node'],\n  type: 'html-node',\n  name: Node_Type.BULLETED_LIST,\n  createExtensionConfig({ mergeAttributes }) {\n    return {\n      name: this.name,\n      addOptions() {\n        return {\n          HTMLAttributes: { class: styles.bulletedList },\n          itemTypeName: Node_Type.LIST_ITEM,\n        };\n      },\n\n      group: 'block list',\n\n      content() {\n        return BulletedListNodeChildrenPattern;\n      },\n\n      parseHTML() {\n        return [{ tag: 'ul' }];\n      },\n\n      addAttributes() {\n        return {\n          indentation: {\n            default: 0,\n          },\n          offset: {\n            default: 0,\n          },\n        };\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        return withBreakoutContainer([\n          'ul',\n          mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n          0,\n        ]) as DOMOutputSpec;\n      },\n\n      addCommands() {\n        return {\n          toggleBulletList:\n            () =>\n            ({ commands }) => {\n              return commands.toggleLists(this.name, Node_Type.LIST_ITEM);\n            },\n          toggleOffBulletList:\n            () =>\n            ({ state, commands }) => {\n              const isActive = isNodeActive(state, getNodeType(this.name, state.schema));\n              if (isActive) {\n                return commands.toggleBulletList();\n              }\n              return true;\n            },\n        };\n      },\n\n      addKeyboardShortcuts() {\n        return {\n          'Mod-Shift-8': () => this.editor.commands.toggleBulletList(),\n        };\n      },\n\n      addInputRules() {\n        return [\n          new InputRule({\n            find: inputRegex,\n            handler: createListInputRuleHandler({ type: this.type }),\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,aAAa,WAAW,oBAAoB;AAGrD,SAAS,iBAAiB;AAC1B,SAAS,uCAAuC;AAChD,SAAS,0BAA0B,6BAA6B;AAEhE,SAAS,kCAAkC;AAC3C,OAAO,YAAY;AAiBnB,MAAM,aAAa;AAEZ,MAAM,eAAe,yBAGzB;AAAA,EACD,QAAQ,CAAC,kBAAkB;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,UAAU;AAAA,EAChB,sBAAsB,EAAE,gBAAgB,GAAG;AACzC,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,aAAa;AACX,eAAO;AAAA,UACL,gBAAgB,EAAE,OAAO,OAAO,aAAa;AAAA,UAC7C,cAAc,UAAU;AAAA,QAC1B;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,MAEP,UAAU;AACR,eAAO;AAAA,MACT;AAAA,MAEA,YAAY;AACV,eAAO,CAAC,EAAE,KAAK,KAAK,CAAC;AAAA,MACvB;AAAA,MAEA,gBAAgB;AACd,eAAO;AAAA,UACL,aAAa;AAAA,YACX,SAAS;AAAA,UACX;AAAA,UACA,QAAQ;AAAA,YACN,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,MAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,eAAO,sBAAsB;AAAA,UAC3B;AAAA,UACA,gBAAgB,KAAK,QAAQ,gBAAgB,cAAc;AAAA,UAC3D;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEA,cAAc;AACZ,eAAO;AAAA,UACL,kBACE,MACA,CAAC,EAAE,SAAS,MAAM;AAChB,mBAAO,SAAS,YAAY,KAAK,MAAM,UAAU,SAAS;AAAA,UAC5D;AAAA,UACF,qBACE,MACA,CAAC,EAAE,OAAO,SAAS,MAAM;AACvB,kBAAM,WAAW,aAAa,OAAO,YAAY,KAAK,MAAM,MAAM,MAAM,CAAC;AACzE,gBAAI,UAAU;AACZ,qBAAO,SAAS,iBAAiB;AAAA,YACnC;AACA,mBAAO;AAAA,UACT;AAAA,QACJ;AAAA,MACF;AAAA,MAEA,uBAAuB;AACrB,eAAO;AAAA,UACL,eAAe,MAAM,KAAK,OAAO,SAAS,iBAAiB;AAAA,QAC7D;AAAA,MACF;AAAA,MAEA,gBAAgB;AACd,eAAO;AAAA,UACL,IAAI,UAAU;AAAA,YACZ,MAAM;AAAA,YACN,SAAS,2BAA2B,EAAE,MAAM,KAAK,KAAK,CAAC;AAAA,UACzD,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

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

@@ -1,8 +1,6 @@
 import { getNodeType, InputRule, isNodeActive, mergeAttributes } from "@tiptap/core";
 import { Node_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1";
-import orderedListDataDefaults from "./../../ricos-schema/legacy/statics/ordered_list.defaults.json";
 import { OrderedListNodeChildrenPattern } from "./../../ricos-schema/next-schema";
-import { addDefaultsInCorrectFormat } from "./../../wix-rich-content-common";
 import { createRicosNodeExtension, withBreakoutContainer } from "./../../plugin-commons";
 import { createListInputRuleHandler } from "../list-input-rule-handler";
 import styles from "../statics/styles-scss";
@@ -25,7 +23,11 @@ const orderedList = createRicosNodeExtension({
         return OrderedListNodeChildrenPattern;
       },
       addAttributes() {
-        return addDefaultsInCorrectFormat(orderedListDataDefaults);
+        return {
+          indentation: { default: 0 },
+          offset: { default: 0 },
+          start: { default: 1 }
+        };
       },
       parseHTML() {
         return [

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/ordered-list/extension.ts"],
-  "sourcesContent": ["import { getNodeType, InputRule, isNodeActive, mergeAttributes } from '@tiptap/core';\nimport type { DOMOutputSpec } from '@tiptap/pm/model';\n\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport orderedListDataDefaults from './../../ricos-schema/legacy/statics/ordered_list.defaults.json';\nimport { OrderedListNodeChildrenPattern } from './../../ricos-schema/next-schema';\nimport { addDefaultsInCorrectFormat } from './../../wix-rich-content-common';\nimport { createRicosNodeExtension, withBreakoutContainer } from './../../plugin-commons';\n\nimport { createListInputRuleHandler } from '../list-input-rule-handler';\nimport styles from '../statics/styles-scss';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    orderedList: {\n      /**\n       * Toggle an ordered list\n       */\n      toggleOrderedList: () => ReturnType;\n      /**\n       * Toggle off an ordered list if exists\n       */\n      toggleOffOrderedList: () => ReturnType;\n    };\n  }\n}\n\nconst inputRegex = /^(\\d+)\\.\\s$/;\n\nexport const orderedList = createRicosNodeExtension<{\n  itemTypeName: string;\n  HTMLAttributes: Record<string, string>;\n}>({\n  groups: ['no-trailing-node'],\n  type: 'html-node',\n  name: Node_Type.ORDERED_LIST,\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      addOptions() {\n        return {\n          itemTypeName: Node_Type.LIST_ITEM,\n          HTMLAttributes: { class: styles.orderedList },\n        };\n      },\n\n      group: 'block list',\n\n      content() {\n        return OrderedListNodeChildrenPattern;\n      },\n\n      addAttributes() {\n        return addDefaultsInCorrectFormat(orderedListDataDefaults);\n      },\n\n      parseHTML() {\n        return [\n          {\n            tag: 'ol',\n          },\n        ];\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        return withBreakoutContainer([\n          'ol',\n          mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n          0,\n        ]) as DOMOutputSpec;\n      },\n\n      addCommands() {\n        return {\n          toggleOrderedList:\n            () =>\n            ({ commands }) => {\n              return commands.toggleLists(this.name, this.options.itemTypeName);\n            },\n          toggleOffOrderedList:\n            () =>\n            ({ state, commands }) => {\n              const isActive = isNodeActive(state, getNodeType(this.name, state.schema));\n              if (isActive) {\n                return commands.toggleOrderedList();\n              }\n              return true;\n            },\n        };\n      },\n\n      addKeyboardShortcuts() {\n        return {\n          'Mod-Shift-7': () => this.editor.commands.toggleOrderedList(),\n        };\n      },\n\n      addInputRules() {\n        const getAttributes = match => ({ start: Number(match[1]) });\n        const joinPredicate = (match, node) =>\n          node.childCount + node.attrs.start === Number(match[1]);\n\n        return [\n          new InputRule({\n            find: inputRegex,\n            handler: createListInputRuleHandler({ type: this.type, getAttributes, joinPredicate }),\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,aAAa,WAAW,cAAc,uBAAuB;AAGtE,SAAS,iBAAiB;AAC1B,OAAO,6BAA6B;AACpC,SAAS,sCAAsC;AAC/C,SAAS,kCAAkC;AAC3C,SAAS,0BAA0B,6BAA6B;AAEhE,SAAS,kCAAkC;AAC3C,OAAO,YAAY;AAiBnB,MAAM,aAAa;AAEZ,MAAM,cAAc,yBAGxB;AAAA,EACD,QAAQ,CAAC,kBAAkB;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,UAAU;AAAA,EAChB,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,aAAa;AACX,eAAO;AAAA,UACL,cAAc,UAAU;AAAA,UACxB,gBAAgB,EAAE,OAAO,OAAO,YAAY;AAAA,QAC9C;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,MAEP,UAAU;AACR,eAAO;AAAA,MACT;AAAA,MAEA,gBAAgB;AACd,eAAO,2BAA2B,uBAAuB;AAAA,MAC3D;AAAA,MAEA,YAAY;AACV,eAAO;AAAA,UACL;AAAA,YACE,KAAK;AAAA,UACP;AAAA,QACF;AAAA,MACF;AAAA,MAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,eAAO,sBAAsB;AAAA,UAC3B;AAAA,UACA,gBAAgB,KAAK,QAAQ,gBAAgB,cAAc;AAAA,UAC3D;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEA,cAAc;AACZ,eAAO;AAAA,UACL,mBACE,MACA,CAAC,EAAE,SAAS,MAAM;AAChB,mBAAO,SAAS,YAAY,KAAK,MAAM,KAAK,QAAQ,YAAY;AAAA,UAClE;AAAA,UACF,sBACE,MACA,CAAC,EAAE,OAAO,SAAS,MAAM;AACvB,kBAAM,WAAW,aAAa,OAAO,YAAY,KAAK,MAAM,MAAM,MAAM,CAAC;AACzE,gBAAI,UAAU;AACZ,qBAAO,SAAS,kBAAkB;AAAA,YACpC;AACA,mBAAO;AAAA,UACT;AAAA,QACJ;AAAA,MACF;AAAA,MAEA,uBAAuB;AACrB,eAAO;AAAA,UACL,eAAe,MAAM,KAAK,OAAO,SAAS,kBAAkB;AAAA,QAC9D;AAAA,MACF;AAAA,MAEA,gBAAgB;AACd,cAAM,gBAAgB,YAAU,EAAE,OAAO,OAAO,MAAM,CAAC,CAAC,EAAE;AAC1D,cAAM,gBAAgB,CAAC,OAAO,SAC5B,KAAK,aAAa,KAAK,MAAM,UAAU,OAAO,MAAM,CAAC,CAAC;AAExD,eAAO;AAAA,UACL,IAAI,UAAU;AAAA,YACZ,MAAM;AAAA,YACN,SAAS,2BAA2B,EAAE,MAAM,KAAK,MAAM,eAAe,cAAc,CAAC;AAAA,UACvF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { getNodeType, InputRule, isNodeActive, mergeAttributes } from '@tiptap/core';\nimport type { DOMOutputSpec } from '@tiptap/pm/model';\n\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { OrderedListNodeChildrenPattern } from './../../ricos-schema/next-schema';\nimport { createRicosNodeExtension, withBreakoutContainer } from './../../plugin-commons';\n\nimport { createListInputRuleHandler } from '../list-input-rule-handler';\nimport styles from '../statics/styles-scss';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    orderedList: {\n      /**\n       * Toggle an ordered list\n       */\n      toggleOrderedList: () => ReturnType;\n      /**\n       * Toggle off an ordered list if exists\n       */\n      toggleOffOrderedList: () => ReturnType;\n    };\n  }\n}\n\nconst inputRegex = /^(\\d+)\\.\\s$/;\n\nexport const orderedList = createRicosNodeExtension<{\n  itemTypeName: string;\n  HTMLAttributes: Record<string, string>;\n}>({\n  groups: ['no-trailing-node'],\n  type: 'html-node',\n  name: Node_Type.ORDERED_LIST,\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      addOptions() {\n        return {\n          itemTypeName: Node_Type.LIST_ITEM,\n          HTMLAttributes: { class: styles.orderedList },\n        };\n      },\n\n      group: 'block list',\n\n      content() {\n        return OrderedListNodeChildrenPattern;\n      },\n\n      addAttributes() {\n        return {\n          indentation: { default: 0 },\n          offset: { default: 0 },\n          start: { default: 1 },\n        };\n      },\n\n      parseHTML() {\n        return [\n          {\n            tag: 'ol',\n          },\n        ];\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        return withBreakoutContainer([\n          'ol',\n          mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n          0,\n        ]) as DOMOutputSpec;\n      },\n\n      addCommands() {\n        return {\n          toggleOrderedList:\n            () =>\n            ({ commands }) => {\n              return commands.toggleLists(this.name, this.options.itemTypeName);\n            },\n          toggleOffOrderedList:\n            () =>\n            ({ state, commands }) => {\n              const isActive = isNodeActive(state, getNodeType(this.name, state.schema));\n              if (isActive) {\n                return commands.toggleOrderedList();\n              }\n              return true;\n            },\n        };\n      },\n\n      addKeyboardShortcuts() {\n        return {\n          'Mod-Shift-7': () => this.editor.commands.toggleOrderedList(),\n        };\n      },\n\n      addInputRules() {\n        const getAttributes = match => ({ start: Number(match[1]) });\n        const joinPredicate = (match, node) =>\n          node.childCount + node.attrs.start === Number(match[1]);\n\n        return [\n          new InputRule({\n            find: inputRegex,\n            handler: createListInputRuleHandler({ type: this.type, getAttributes, joinPredicate }),\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,aAAa,WAAW,cAAc,uBAAuB;AAGtE,SAAS,iBAAiB;AAC1B,SAAS,sCAAsC;AAC/C,SAAS,0BAA0B,6BAA6B;AAEhE,SAAS,kCAAkC;AAC3C,OAAO,YAAY;AAiBnB,MAAM,aAAa;AAEZ,MAAM,cAAc,yBAGxB;AAAA,EACD,QAAQ,CAAC,kBAAkB;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,UAAU;AAAA,EAChB,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,aAAa;AACX,eAAO;AAAA,UACL,cAAc,UAAU;AAAA,UACxB,gBAAgB,EAAE,OAAO,OAAO,YAAY;AAAA,QAC9C;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,MAEP,UAAU;AACR,eAAO;AAAA,MACT;AAAA,MAEA,gBAAgB;AACd,eAAO;AAAA,UACL,aAAa,EAAE,SAAS,EAAE;AAAA,UAC1B,QAAQ,EAAE,SAAS,EAAE;AAAA,UACrB,OAAO,EAAE,SAAS,EAAE;AAAA,QACtB;AAAA,MACF;AAAA,MAEA,YAAY;AACV,eAAO;AAAA,UACL;AAAA,YACE,KAAK;AAAA,UACP;AAAA,QACF;AAAA,MACF;AAAA,MAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,eAAO,sBAAsB;AAAA,UAC3B;AAAA,UACA,gBAAgB,KAAK,QAAQ,gBAAgB,cAAc;AAAA,UAC3D;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEA,cAAc;AACZ,eAAO;AAAA,UACL,mBACE,MACA,CAAC,EAAE,SAAS,MAAM;AAChB,mBAAO,SAAS,YAAY,KAAK,MAAM,KAAK,QAAQ,YAAY;AAAA,UAClE;AAAA,UACF,sBACE,MACA,CAAC,EAAE,OAAO,SAAS,MAAM;AACvB,kBAAM,WAAW,aAAa,OAAO,YAAY,KAAK,MAAM,MAAM,MAAM,CAAC;AACzE,gBAAI,UAAU;AACZ,qBAAO,SAAS,kBAAkB;AAAA,YACpC;AACA,mBAAO;AAAA,UACT;AAAA,QACJ;AAAA,MACF;AAAA,MAEA,uBAAuB;AACrB,eAAO;AAAA,UACL,eAAe,MAAM,KAAK,OAAO,SAAS,kBAAkB;AAAA,QAC9D;AAAA,MACF;AAAA,MAEA,gBAAgB;AACd,cAAM,gBAAgB,YAAU,EAAE,OAAO,OAAO,MAAM,CAAC,CAAC,EAAE;AAC1D,cAAM,gBAAgB,CAAC,OAAO,SAC5B,KAAK,aAAa,KAAK,MAAM,UAAU,OAAO,MAAM,CAAC,CAAC;AAExD,eAAO;AAAA,UACL,IAAI,UAAU;AAAA,YACZ,MAAM;AAAA,YACN,SAAS,2BAA2B,EAAE,MAAM,KAAK,MAAM,eAAe,cAAc,CAAC;AAAA,UACvF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/es/ricos-common-plugins/paragraph/extension.js

@@ -2,7 +2,6 @@ import { mergeAttributes } from "@tiptap/core";
 import { Fragment, Slice } from "@tiptap/pm/model";
 import { Plugin, PluginKey } from "@tiptap/pm/state";
 import { Node_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1";
-import paragraphDataDefaults from "./../../ricos-schema/legacy/statics/paragraph.defaults.json";
 import { createRicosNodeExtension } from "./../../tiptap-extensions";
 import {
   createDirectionAttributeDecorationPlugin,
@@ -33,7 +32,11 @@ const paragraph = createRicosNodeExtension({
       group: "block",
       content: "inline*",
       addAttributes() {
-        return paragraphDataDefaults;
+        return {
+          indentation: null,
+          textStyle: null,
+          level: null
+        };
       },
       parseHTML() {
         return [{ tag: "p" }, { tag: "br" }];

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/paragraph/extension.ts"],
-  "sourcesContent": ["import { mergeAttributes } from '@tiptap/core';\nimport type { Node as ProsemirrorNode } from '@tiptap/pm/model';\nimport { Fragment, Slice } from '@tiptap/pm/model';\nimport { Plugin, PluginKey } from '@tiptap/pm/state';\n\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport paragraphDataDefaults from './../../ricos-schema/legacy/statics/paragraph.defaults.json';\nimport type { DOMOutputSpec } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../tiptap-extensions';\n\nimport {\n  createDirectionAttributeDecorationPlugin,\n  createSpanWrapperDecorationPlugin,\n} from '../decoration-plugins';\nimport styles from '../statics/styles-scss';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    paragraph: {\n      /**\n       * Toggle a paragraph\n       */\n      setParagraph: () => ReturnType;\n    };\n  }\n}\n\nconst createStyleAttribute = (node: ProsemirrorNode) => {\n  const attrLineHeight = node.attrs.textStyle?.lineHeight;\n\n  const lineHeight = attrLineHeight ? `line-height: ${attrLineHeight};` : '';\n  const style = lineHeight;\n  return { style };\n};\n\nexport const paragraph = createRicosNodeExtension<{\n  HTMLAttributes: Record<string, string>;\n}>({\n  groups: ['shortcuts-enabled', 'no-trailing-node'],\n  type: 'html-node',\n  name: Node_Type.PARAGRAPH,\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      priority: 1000,\n\n      addOptions() {\n        return {\n          HTMLAttributes: {\n            class: styles.paragraph,\n          },\n        };\n      },\n\n      group: 'block',\n\n      content: 'inline*',\n\n      addAttributes() {\n        return paragraphDataDefaults;\n      },\n\n      parseHTML() {\n        return [{ tag: 'p' }, { tag: 'br' }];\n      },\n\n      renderHTML({ HTMLAttributes, node }) {\n        const styles = createStyleAttribute(node);\n        const attrs = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, styles);\n        return ['p', attrs, 0] as DOMOutputSpec;\n      },\n\n      addCommands() {\n        return {\n          setParagraph:\n            () =>\n            ({ commands }) => {\n              return commands.updateTextNode(this.name);\n            },\n        };\n      },\n\n      addKeyboardShortcuts() {\n        return {\n          // 'Mod-Alt-0': () => this.editor.commands.setParagraph(),\n        };\n      },\n\n      addProseMirrorPlugins() {\n        return [\n          createSpanWrapperDecorationPlugin(Node_Type.PARAGRAPH),\n          createDirectionAttributeDecorationPlugin(Node_Type.PARAGRAPH),\n          new Plugin({\n            key: new PluginKey('handlePlainTextPaste'),\n            props: {\n              handlePaste: (view, event) => {\n                const { state } = view;\n                const { tr } = state;\n\n                if (event.clipboardData?.types.includes('text/html')) {\n                  return false;\n                }\n\n                const clipboardText = event.clipboardData?.getData('text/plain').trim();\n\n                if (!clipboardText) {\n                  return false;\n                }\n\n                const textLines = clipboardText.split(/(?:\\r\\n|\\r|\\n)/g);\n\n                const nodes = textLines.map(line => {\n                  if (line === '') {\n                    return state.schema.nodes.PARAGRAPH.create();\n                  } else {\n                    const textNode = state.schema.text(line);\n                    return state.schema.nodes.PARAGRAPH.create(null, textNode);\n                  }\n                });\n\n                view.dispatch(\n                  tr.replaceSelection(Slice.maxOpen(Fragment.fromArray(nodes))).scrollIntoView()\n                );\n\n                return true;\n              },\n            },\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAEhC,SAAS,UAAU,aAAa;AAChC,SAAS,QAAQ,iBAAiB;AAElC,SAAS,iBAAiB;AAC1B,OAAO,2BAA2B;AAElC,SAAS,gCAAgC;AAEzC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,OAAO,YAAY;AAanB,MAAM,uBAAuB,CAAC,SAA0B;AACtD,QAAM,iBAAiB,KAAK,MAAM,WAAW;AAE7C,QAAM,aAAa,iBAAiB,gBAAgB,cAAc,MAAM;AACxE,QAAM,QAAQ;AACd,SAAO,EAAE,MAAM;AACjB;AAEO,MAAM,YAAY,yBAEtB;AAAA,EACD,QAAQ,CAAC,qBAAqB,kBAAkB;AAAA,EAChD,MAAM;AAAA,EACN,MAAM,UAAU;AAAA,EAChB,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,UAAU;AAAA,MAEV,aAAa;AACX,eAAO;AAAA,UACL,gBAAgB;AAAA,YACd,OAAO,OAAO;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,MAEP,SAAS;AAAA,MAET,gBAAgB;AACd,eAAO;AAAA,MACT;AAAA,MAEA,YAAY;AACV,eAAO,CAAC,EAAE,KAAK,IAAI,GAAG,EAAE,KAAK,KAAK,CAAC;AAAA,MACrC;AAAA,MAEA,WAAW,EAAE,gBAAgB,KAAK,GAAG;AACnC,cAAMA,UAAS,qBAAqB,IAAI;AACxC,cAAM,QAAQ,gBAAgB,KAAK,QAAQ,gBAAgB,gBAAgBA,OAAM;AACjF,eAAO,CAAC,KAAK,OAAO,CAAC;AAAA,MACvB;AAAA,MAEA,cAAc;AACZ,eAAO;AAAA,UACL,cACE,MACA,CAAC,EAAE,SAAS,MAAM;AAChB,mBAAO,SAAS,eAAe,KAAK,IAAI;AAAA,UAC1C;AAAA,QACJ;AAAA,MACF;AAAA,MAEA,uBAAuB;AACrB,eAAO;AAAA;AAAA,QAEP;AAAA,MACF;AAAA,MAEA,wBAAwB;AACtB,eAAO;AAAA,UACL,kCAAkC,UAAU,SAAS;AAAA,UACrD,yCAAyC,UAAU,SAAS;AAAA,UAC5D,IAAI,OAAO;AAAA,YACT,KAAK,IAAI,UAAU,sBAAsB;AAAA,YACzC,OAAO;AAAA,cACL,aAAa,CAAC,MAAM,UAAU;AAC5B,sBAAM,EAAE,MAAM,IAAI;AAClB,sBAAM,EAAE,GAAG,IAAI;AAEf,oBAAI,MAAM,eAAe,MAAM,SAAS,WAAW,GAAG;AACpD,yBAAO;AAAA,gBACT;AAEA,sBAAM,gBAAgB,MAAM,eAAe,QAAQ,YAAY,EAAE,KAAK;AAEtE,oBAAI,CAAC,eAAe;AAClB,yBAAO;AAAA,gBACT;AAEA,sBAAM,YAAY,cAAc,MAAM,iBAAiB;AAEvD,sBAAM,QAAQ,UAAU,IAAI,UAAQ;AAClC,sBAAI,SAAS,IAAI;AACf,2BAAO,MAAM,OAAO,MAAM,UAAU,OAAO;AAAA,kBAC7C,OAAO;AACL,0BAAM,WAAW,MAAM,OAAO,KAAK,IAAI;AACvC,2BAAO,MAAM,OAAO,MAAM,UAAU,OAAO,MAAM,QAAQ;AAAA,kBAC3D;AAAA,gBACF,CAAC;AAED,qBAAK;AAAA,kBACH,GAAG,iBAAiB,MAAM,QAAQ,SAAS,UAAU,KAAK,CAAC,CAAC,EAAE,eAAe;AAAA,gBAC/E;AAEA,uBAAO;AAAA,cACT;AAAA,YACF;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { mergeAttributes } from '@tiptap/core';\nimport type { Node as ProsemirrorNode } from '@tiptap/pm/model';\nimport { Fragment, Slice } from '@tiptap/pm/model';\nimport { Plugin, PluginKey } from '@tiptap/pm/state';\n\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { DOMOutputSpec } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../tiptap-extensions';\n\nimport {\n  createDirectionAttributeDecorationPlugin,\n  createSpanWrapperDecorationPlugin,\n} from '../decoration-plugins';\nimport styles from '../statics/styles-scss';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    paragraph: {\n      /**\n       * Toggle a paragraph\n       */\n      setParagraph: () => ReturnType;\n    };\n  }\n}\n\nconst createStyleAttribute = (node: ProsemirrorNode) => {\n  const attrLineHeight = node.attrs.textStyle?.lineHeight;\n\n  const lineHeight = attrLineHeight ? `line-height: ${attrLineHeight};` : '';\n  const style = lineHeight;\n  return { style };\n};\n\nexport const paragraph = createRicosNodeExtension<{\n  HTMLAttributes: Record<string, string>;\n}>({\n  groups: ['shortcuts-enabled', 'no-trailing-node'],\n  type: 'html-node',\n  name: Node_Type.PARAGRAPH,\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      priority: 1000,\n\n      addOptions() {\n        return {\n          HTMLAttributes: {\n            class: styles.paragraph,\n          },\n        };\n      },\n\n      group: 'block',\n\n      content: 'inline*',\n\n      addAttributes() {\n        return {\n          indentation: null,\n          textStyle: null,\n          level: null,\n        };\n      },\n\n      parseHTML() {\n        return [{ tag: 'p' }, { tag: 'br' }];\n      },\n\n      renderHTML({ HTMLAttributes, node }) {\n        const styles = createStyleAttribute(node);\n        const attrs = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, styles);\n        return ['p', attrs, 0] as DOMOutputSpec;\n      },\n\n      addCommands() {\n        return {\n          setParagraph:\n            () =>\n            ({ commands }) => {\n              return commands.updateTextNode(this.name);\n            },\n        };\n      },\n\n      addKeyboardShortcuts() {\n        return {\n          // 'Mod-Alt-0': () => this.editor.commands.setParagraph(),\n        };\n      },\n\n      addProseMirrorPlugins() {\n        return [\n          createSpanWrapperDecorationPlugin(Node_Type.PARAGRAPH),\n          createDirectionAttributeDecorationPlugin(Node_Type.PARAGRAPH),\n          new Plugin({\n            key: new PluginKey('handlePlainTextPaste'),\n            props: {\n              handlePaste: (view, event) => {\n                const { state } = view;\n                const { tr } = state;\n\n                if (event.clipboardData?.types.includes('text/html')) {\n                  return false;\n                }\n\n                const clipboardText = event.clipboardData?.getData('text/plain').trim();\n\n                if (!clipboardText) {\n                  return false;\n                }\n\n                const textLines = clipboardText.split(/(?:\\r\\n|\\r|\\n)/g);\n\n                const nodes = textLines.map(line => {\n                  if (line === '') {\n                    return state.schema.nodes.PARAGRAPH.create();\n                  } else {\n                    const textNode = state.schema.text(line);\n                    return state.schema.nodes.PARAGRAPH.create(null, textNode);\n                  }\n                });\n\n                view.dispatch(\n                  tr.replaceSelection(Slice.maxOpen(Fragment.fromArray(nodes))).scrollIntoView()\n                );\n\n                return true;\n              },\n            },\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAEhC,SAAS,UAAU,aAAa;AAChC,SAAS,QAAQ,iBAAiB;AAElC,SAAS,iBAAiB;AAE1B,SAAS,gCAAgC;AAEzC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,OAAO,YAAY;AAanB,MAAM,uBAAuB,CAAC,SAA0B;AACtD,QAAM,iBAAiB,KAAK,MAAM,WAAW;AAE7C,QAAM,aAAa,iBAAiB,gBAAgB,cAAc,MAAM;AACxE,QAAM,QAAQ;AACd,SAAO,EAAE,MAAM;AACjB;AAEO,MAAM,YAAY,yBAEtB;AAAA,EACD,QAAQ,CAAC,qBAAqB,kBAAkB;AAAA,EAChD,MAAM;AAAA,EACN,MAAM,UAAU;AAAA,EAChB,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,UAAU;AAAA,MAEV,aAAa;AACX,eAAO;AAAA,UACL,gBAAgB;AAAA,YACd,OAAO,OAAO;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,MAEP,SAAS;AAAA,MAET,gBAAgB;AACd,eAAO;AAAA,UACL,aAAa;AAAA,UACb,WAAW;AAAA,UACX,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,YAAY;AACV,eAAO,CAAC,EAAE,KAAK,IAAI,GAAG,EAAE,KAAK,KAAK,CAAC;AAAA,MACrC;AAAA,MAEA,WAAW,EAAE,gBAAgB,KAAK,GAAG;AACnC,cAAMA,UAAS,qBAAqB,IAAI;AACxC,cAAM,QAAQ,gBAAgB,KAAK,QAAQ,gBAAgB,gBAAgBA,OAAM;AACjF,eAAO,CAAC,KAAK,OAAO,CAAC;AAAA,MACvB;AAAA,MAEA,cAAc;AACZ,eAAO;AAAA,UACL,cACE,MACA,CAAC,EAAE,SAAS,MAAM;AAChB,mBAAO,SAAS,eAAe,KAAK,IAAI;AAAA,UAC1C;AAAA,QACJ;AAAA,MACF;AAAA,MAEA,uBAAuB;AACrB,eAAO;AAAA;AAAA,QAEP;AAAA,MACF;AAAA,MAEA,wBAAwB;AACtB,eAAO;AAAA,UACL,kCAAkC,UAAU,SAAS;AAAA,UACrD,yCAAyC,UAAU,SAAS;AAAA,UAC5D,IAAI,OAAO;AAAA,YACT,KAAK,IAAI,UAAU,sBAAsB;AAAA,YACzC,OAAO;AAAA,cACL,aAAa,CAAC,MAAM,UAAU;AAC5B,sBAAM,EAAE,MAAM,IAAI;AAClB,sBAAM,EAAE,GAAG,IAAI;AAEf,oBAAI,MAAM,eAAe,MAAM,SAAS,WAAW,GAAG;AACpD,yBAAO;AAAA,gBACT;AAEA,sBAAM,gBAAgB,MAAM,eAAe,QAAQ,YAAY,EAAE,KAAK;AAEtE,oBAAI,CAAC,eAAe;AAClB,yBAAO;AAAA,gBACT;AAEA,sBAAM,YAAY,cAAc,MAAM,iBAAiB;AAEvD,sBAAM,QAAQ,UAAU,IAAI,UAAQ;AAClC,sBAAI,SAAS,IAAI;AACf,2BAAO,MAAM,OAAO,MAAM,UAAU,OAAO;AAAA,kBAC7C,OAAO;AACL,0BAAM,WAAW,MAAM,OAAO,KAAK,IAAI;AACvC,2BAAO,MAAM,OAAO,MAAM,UAAU,OAAO,MAAM,QAAQ;AAAA,kBAC3D;AAAA,gBACF,CAAC;AAED,qBAAK;AAAA,kBACH,GAAG,iBAAiB,MAAM,QAAQ,SAAS,UAAU,KAAK,CAAC,CAAC,EAAE,eAAe;AAAA,gBAC/E;AAEA,uBAAO;AAAA,cACT;AAAA,YACF;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": ["styles"]
 }

package/dist/es/ricos-common-plugins/statics/styles-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "b99e03ae";
+var styleDataHash = "c13bcae2";
 const injectCss = () => {
-  var css = `.acAue,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}[dir] .SKiiv{margin:0}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .SKiiv{clear:both;margin:0}}}@container (width < 640px){[dir] .SKiiv{clear:both;margin:0}}._2TCuo{color:var(--ricos-custom-p-color,unset);font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);text-decoration:var(--ricos-custom-p-text-decoration,unset)}[dir] ._2TCuo>*{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){._2TCuo{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){._2TCuo{font-size:var(--ricos-custom-p-font-size,unset)}}._2TCuo:empty{height:24px}._6C81e{border-inline-start-style:solid;border-inline-start-width:var(--ricos-custom-quote-border-width,3px);color:var(--ricos-custom-quote-color,unset);font-family:var(--ricos-custom-quote-font-family,unset);font-size:18px;font-size:var(--ricos-custom-quote-font-size,18px);font-style:normal;font-style:var(--ricos-custom-quote-font-style,normal);font-weight:var(--ricos-custom-quote-font-weight,unset);line-height:26px;line-height:var(--ricos-custom-quote-line-height,26px);margin-block:15px;margin-inline-end:var(--ricos-custom-quote-margin-inline-end,18px);margin-inline-start:var(--ricos-custom-quote-margin-inline-start,18px);min-height:var(--ricos-custom-quote-min-height,unset);padding-inline-start:var(--ricos-custom-quote-padding-inline-start,18px);text-decoration:var(--ricos-custom-quote-text-decoration,unset)}[dir] ._6C81e{padding-bottom:var(--ricos-custom-quote-padding-bottom,6px);padding-top:var(--ricos-custom-quote-padding-top,6px)}[dir=ltr] ._6C81e{border-left-color:var(--ricos-custom-quote-border-color,var(--ricos-action-color,#116dff))}[dir=ltr] ._6C81e,[dir=rtl] ._6C81e{border-right-color:var(--ricos-custom-quote-border-color,var(--ricos-action-color,#116dff))}[dir=rtl] ._6C81e{border-left-color:var(--ricos-custom-quote-border-color,var(--ricos-action-color,#116dff))}@supports not (contain:inline-size){@media only screen and (max-width:640px){._6C81e{font-size:var(--ricos-custom-quote-font-size,18px)}}}@container (width < 640px){._6C81e{font-size:var(--ricos-custom-quote-font-size,18px)}}._6C81e div{color:var(--ricos-custom-quote-color,unset);font-family:var(--ricos-custom-quote-font-family,unset);font-size:var(--ricos-custom-quote-font-size,18px);font-style:var(--ricos-custom-quote-font-style,normal);font-weight:var(--ricos-custom-quote-font-weight,unset);line-height:var(--ricos-custom-quote-line-height,26px);min-height:var(--ricos-custom-quote-min-height,unset);text-decoration:var(--ricos-custom-quote-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){._6C81e div{font-size:var(--ricos-custom-quote-font-size,18px)}}}@container (width < 640px){._6C81e div{font-size:var(--ricos-custom-quote-font-size,18px)}}@supports not (contain:inline-size){@media only screen and (max-width:640px){._6C81e{margin-block:15px;margin-inline-end:var(--ricos-custom-quote-margin-inline-end,16px);margin-inline-start:var(--ricos-custom-quote-margin-inline-start,16px)}}}@container (width < 640px){._6C81e{margin-block:15px;margin-inline-end:var(--ricos-custom-quote-margin-inline-end,16px);margin-inline-start:var(--ricos-custom-quote-margin-inline-start,16px)}}.eAIpF,.gOZFY{color:var(--ricos-custom-p-color,unset);font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);list-style-position:outside;min-height:var(--ricos-custom-p-min-height,unset);text-decoration:var(--ricos-custom-p-text-decoration,unset)}[dir] .eAIpF,[dir] .gOZFY{margin:0;padding:0}[dir] .eAIpF>*,[dir] .gOZFY>*{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.eAIpF,.gOZFY{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.eAIpF,.gOZFY{font-size:var(--ricos-custom-p-font-size,unset)}}.eAIpF .-g44b,.gOZFY .-g44b{list-style-type:inherit;margin-inline-start:1.5em;padding-inline-start:.5em}.eAIpF .-g44b[data-heading-level=headerOne],.gOZFY .-g44b[data-heading-level=headerOne]{font-family:var(--ricos-custom-h1-font-family,unset);font-size:var(--ricos-custom-h1-font-size,40px);font-style:var(--ricos-custom-h1-font-style,unset);font-weight:var(--ricos-custom-h1-font-weight,unset);line-height:var(--ricos-custom-h1-line-height,42px);min-height:var(--ricos-custom-h1-min-height,42px);text-decoration:var(--ricos-custom-h1-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.eAIpF .-g44b[data-heading-level=headerOne],.gOZFY .-g44b[data-heading-level=headerOne]{font-size:var(--ricos-custom-h1-font-size,32px)}}}@container (width < 640px){.eAIpF .-g44b[data-heading-level=headerOne],.gOZFY .-g44b[data-heading-level=headerOne]{font-size:var(--ricos-custom-h1-font-size,32px)}}.eAIpF .-g44b[data-heading-level=headerTwo],.gOZFY .-g44b[data-heading-level=headerTwo]{font-family:var(--ricos-custom-h2-font-family,unset);font-size:var(--ricos-custom-h2-font-size,28px);font-style:var(--ricos-custom-h2-font-style,unset);font-weight:var(--ricos-custom-h2-font-weight,unset);line-height:var(--ricos-custom-h2-line-height,36px);min-height:var(--ricos-custom-h2-min-height,36px);text-decoration:var(--ricos-custom-h2-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.eAIpF .-g44b[data-heading-level=headerTwo],.gOZFY .-g44b[data-heading-level=headerTwo]{font-size:var(--ricos-custom-h2-font-size,24px)}}}@container (width < 640px){.eAIpF .-g44b[data-heading-level=headerTwo],.gOZFY .-g44b[data-heading-level=headerTwo]{font-size:var(--ricos-custom-h2-font-size,24px)}}.eAIpF .-g44b[data-heading-level=headerThree],.gOZFY .-g44b[data-heading-level=headerThree]{font-family:var(--ricos-custom-h3-font-family,unset);font-size:var(--ricos-custom-h3-font-size,24px);font-style:var(--ricos-custom-h3-font-style,unset);font-weight:var(--ricos-custom-h3-font-weight,unset);line-height:var(--ricos-custom-h3-line-height,30px);min-height:var(--ricos-custom-h3-min-height,30px);text-decoration:var(--ricos-custom-h3-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.eAIpF .-g44b[data-heading-level=headerThree],.gOZFY .-g44b[data-heading-level=headerThree]{font-size:var(--ricos-custom-h3-font-size,20px)}}}@container (width < 640px){.eAIpF .-g44b[data-heading-level=headerThree],.gOZFY .-g44b[data-heading-level=headerThree]{font-size:var(--ricos-custom-h3-font-size,20px)}}.eAIpF .-g44b[data-heading-level=headerFour],.gOZFY .-g44b[data-heading-level=headerFour]{font-family:var(--ricos-custom-h4-font-family,unset);font-size:var(--ricos-custom-h4-font-size,20px);font-style:var(--ricos-custom-h4-font-style,unset);font-weight:var(--ricos-custom-h4-font-weight,unset);line-height:var(--ricos-custom-h4-line-height,1.5);min-height:var(--ricos-custom-h4-min-height,unset);text-decoration:var(--ricos-custom-h4-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.eAIpF .-g44b[data-heading-level=headerFour],.gOZFY .-g44b[data-heading-level=headerFour]{font-size:var(--ricos-custom-h4-font-size,20px)}}}@container (width < 640px){.eAIpF .-g44b[data-heading-level=headerFour],.gOZFY .-g44b[data-heading-level=headerFour]{font-size:var(--ricos-custom-h4-font-size,20px)}}.eAIpF .-g44b[data-heading-level=headerFive],.gOZFY .-g44b[data-heading-level=headerFive]{font-family:var(--ricos-custom-h5-font-family,unset);font-size:var(--ricos-custom-h5-font-size,18px);font-style:var(--ricos-custom-h5-font-style,unset);font-weight:var(--ricos-custom-h5-font-weight,unset);line-height:var(--ricos-custom-h5-line-height,1.5);min-height:var(--ricos-custom-h5-min-height,unset);text-decoration:var(--ricos-custom-h5-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.eAIpF .-g44b[data-heading-level=headerFive],.gOZFY .-g44b[data-heading-level=headerFive]{font-size:var(--ricos-custom-h5-font-size,16px)}}}@container (width < 640px){.eAIpF .-g44b[data-heading-level=headerFive],.gOZFY .-g44b[data-heading-level=headerFive]{font-size:var(--ricos-custom-h5-font-size,16px)}}.eAIpF .-g44b[data-heading-level=headerSix],.gOZFY .-g44b[data-heading-level=headerSix]{font-family:var(--ricos-custom-h6-font-family,unset);font-size:var(--ricos-custom-h6-font-size,16px);font-style:var(--ricos-custom-h6-font-style,unset);font-weight:var(--ricos-custom-h6-font-weight,unset);line-height:var(--ricos-custom-h6-line-height,1.5);min-height:var(--ricos-custom-h6-min-height,unset);text-decoration:var(--ricos-custom-h6-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.eAIpF .-g44b[data-heading-level=headerSix],.gOZFY .-g44b[data-heading-level=headerSix]{font-size:var(--ricos-custom-h6-font-size,14px)}}}@container (width < 640px){.eAIpF .-g44b[data-heading-level=headerSix],.gOZFY .-g44b[data-heading-level=headerSix]{font-size:var(--ricos-custom-h6-font-size,14px)}}[data-list-style-position=inside].-g44b{list-style-position:inside;padding-inline-start:0}[data-list-style-position=inside].-g44b>:first-child{display:inline}.ProseMirror .eAIpF>[data-list-style-position=inside].-g44b{list-style-position:inside;padding-inline-start:0}.ProseMirror .eAIpF>[data-list-style-position=inside].-g44b h2,.ProseMirror .eAIpF>[data-list-style-position=inside].-g44b h3,.ProseMirror .eAIpF>[data-list-style-position=inside].-g44b h4,.ProseMirror .eAIpF>[data-list-style-position=inside].-g44b h5,.ProseMirror .eAIpF>[data-list-style-position=inside].-g44b h6,.ProseMirror .eAIpF>[data-list-style-position=inside].-g44b>h1,.ProseMirror .eAIpF>[data-list-style-position=inside].-g44b>p>:first-child{margin-inline-start:.5em}.-g44b{position:relative}[dir] .-g44b{text-align:initial}[data-text-align=right],[data-text-align=right].-g44b{text-align:right}[data-text-align=left],[data-text-align=left].-g44b{text-align:left}[dir=ltr] [data-text-align=left]{justify-content:left}[dir=ltr] [data-text-align=right],[dir=rtl] [data-text-align=left]{justify-content:right}[dir=rtl] [data-text-align=right]{justify-content:left}.bk8Tl,.gpMcK{content:"";height:14px;position:absolute;top:calc(50% - 7px);width:14px;z-index:1}[dir] .bk8Tl,[dir] .gpMcK{background:#fff;border:2px solid var(--ricos-focus-action-color,var(--ricos-action-color,#116dff));border-radius:50%}[dir=ltr] .bk8Tl{right:-8px}[dir=ltr] .gpMcK,[dir=rtl] .bk8Tl{left:-8px}[dir=rtl] .gpMcK{right:-8px}[dir] .ProseMirror [data-drag-handle]{cursor:move}`;
+  var css = `._1CHys,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}[dir] .EWJQi{margin:0}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .EWJQi{clear:both;margin:0}}}@container (width < 640px){[dir] .EWJQi{clear:both;margin:0}}.IE3Yl{color:var(--ricos-custom-p-color,unset);font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);text-decoration:var(--ricos-custom-p-text-decoration,unset)}[dir] .IE3Yl>*{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.IE3Yl{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.IE3Yl{font-size:var(--ricos-custom-p-font-size,unset)}}.IE3Yl:empty{height:24px}.gmY4Q{border-inline-start-style:solid;border-inline-start-width:var(--ricos-custom-quote-border-width,3px);color:var(--ricos-custom-quote-color,unset);font-family:var(--ricos-custom-quote-font-family,unset);font-size:18px;font-size:var(--ricos-custom-quote-font-size,18px);font-style:normal;font-style:var(--ricos-custom-quote-font-style,normal);font-weight:var(--ricos-custom-quote-font-weight,unset);line-height:26px;line-height:var(--ricos-custom-quote-line-height,26px);margin-block:15px;margin-inline-end:var(--ricos-custom-quote-margin-inline-end,18px);margin-inline-start:var(--ricos-custom-quote-margin-inline-start,18px);min-height:var(--ricos-custom-quote-min-height,unset);padding-inline-start:var(--ricos-custom-quote-padding-inline-start,18px);text-decoration:var(--ricos-custom-quote-text-decoration,unset)}[dir] .gmY4Q{padding-bottom:var(--ricos-custom-quote-padding-bottom,6px);padding-top:var(--ricos-custom-quote-padding-top,6px)}[dir=ltr] .gmY4Q{border-left-color:var(--ricos-custom-quote-border-color,var(--ricos-action-color,#116dff))}[dir=ltr] .gmY4Q,[dir=rtl] .gmY4Q{border-right-color:var(--ricos-custom-quote-border-color,var(--ricos-action-color,#116dff))}[dir=rtl] .gmY4Q{border-left-color:var(--ricos-custom-quote-border-color,var(--ricos-action-color,#116dff))}@supports not (contain:inline-size){@media only screen and (max-width:640px){.gmY4Q{font-size:var(--ricos-custom-quote-font-size,18px)}}}@container (width < 640px){.gmY4Q{font-size:var(--ricos-custom-quote-font-size,18px)}}.gmY4Q div{color:var(--ricos-custom-quote-color,unset);font-family:var(--ricos-custom-quote-font-family,unset);font-size:var(--ricos-custom-quote-font-size,18px);font-style:var(--ricos-custom-quote-font-style,normal);font-weight:var(--ricos-custom-quote-font-weight,unset);line-height:var(--ricos-custom-quote-line-height,26px);min-height:var(--ricos-custom-quote-min-height,unset);text-decoration:var(--ricos-custom-quote-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.gmY4Q div{font-size:var(--ricos-custom-quote-font-size,18px)}}}@container (width < 640px){.gmY4Q div{font-size:var(--ricos-custom-quote-font-size,18px)}}@supports not (contain:inline-size){@media only screen and (max-width:640px){.gmY4Q{margin-block:15px;margin-inline-end:var(--ricos-custom-quote-margin-inline-end,16px);margin-inline-start:var(--ricos-custom-quote-margin-inline-start,16px)}}}@container (width < 640px){.gmY4Q{margin-block:15px;margin-inline-end:var(--ricos-custom-quote-margin-inline-end,16px);margin-inline-start:var(--ricos-custom-quote-margin-inline-start,16px)}}._7AOey,.cnVQB{color:var(--ricos-custom-p-color,unset);font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);list-style-position:outside;min-height:var(--ricos-custom-p-min-height,unset);text-decoration:var(--ricos-custom-p-text-decoration,unset)}[dir] ._7AOey,[dir] .cnVQB{margin:0;padding:0}[dir] ._7AOey>*,[dir] .cnVQB>*{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){._7AOey,.cnVQB{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){._7AOey,.cnVQB{font-size:var(--ricos-custom-p-font-size,unset)}}._7AOey .lPow2,.cnVQB .lPow2{list-style-type:inherit;margin-inline-start:1.5em;padding-inline-start:.5em}._7AOey .lPow2[data-heading-level=headerOne],.cnVQB .lPow2[data-heading-level=headerOne]{font-family:var(--ricos-custom-h1-font-family,unset);font-size:var(--ricos-custom-h1-font-size,40px);font-style:var(--ricos-custom-h1-font-style,unset);font-weight:var(--ricos-custom-h1-font-weight,unset);line-height:var(--ricos-custom-h1-line-height,42px);min-height:var(--ricos-custom-h1-min-height,42px);text-decoration:var(--ricos-custom-h1-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){._7AOey .lPow2[data-heading-level=headerOne],.cnVQB .lPow2[data-heading-level=headerOne]{font-size:var(--ricos-custom-h1-font-size,32px)}}}@container (width < 640px){._7AOey .lPow2[data-heading-level=headerOne],.cnVQB .lPow2[data-heading-level=headerOne]{font-size:var(--ricos-custom-h1-font-size,32px)}}._7AOey .lPow2[data-heading-level=headerTwo],.cnVQB .lPow2[data-heading-level=headerTwo]{font-family:var(--ricos-custom-h2-font-family,unset);font-size:var(--ricos-custom-h2-font-size,28px);font-style:var(--ricos-custom-h2-font-style,unset);font-weight:var(--ricos-custom-h2-font-weight,unset);line-height:var(--ricos-custom-h2-line-height,36px);min-height:var(--ricos-custom-h2-min-height,36px);text-decoration:var(--ricos-custom-h2-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){._7AOey .lPow2[data-heading-level=headerTwo],.cnVQB .lPow2[data-heading-level=headerTwo]{font-size:var(--ricos-custom-h2-font-size,24px)}}}@container (width < 640px){._7AOey .lPow2[data-heading-level=headerTwo],.cnVQB .lPow2[data-heading-level=headerTwo]{font-size:var(--ricos-custom-h2-font-size,24px)}}._7AOey .lPow2[data-heading-level=headerThree],.cnVQB .lPow2[data-heading-level=headerThree]{font-family:var(--ricos-custom-h3-font-family,unset);font-size:var(--ricos-custom-h3-font-size,24px);font-style:var(--ricos-custom-h3-font-style,unset);font-weight:var(--ricos-custom-h3-font-weight,unset);line-height:var(--ricos-custom-h3-line-height,30px);min-height:var(--ricos-custom-h3-min-height,30px);text-decoration:var(--ricos-custom-h3-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){._7AOey .lPow2[data-heading-level=headerThree],.cnVQB .lPow2[data-heading-level=headerThree]{font-size:var(--ricos-custom-h3-font-size,20px)}}}@container (width < 640px){._7AOey .lPow2[data-heading-level=headerThree],.cnVQB .lPow2[data-heading-level=headerThree]{font-size:var(--ricos-custom-h3-font-size,20px)}}._7AOey .lPow2[data-heading-level=headerFour],.cnVQB .lPow2[data-heading-level=headerFour]{font-family:var(--ricos-custom-h4-font-family,unset);font-size:var(--ricos-custom-h4-font-size,20px);font-style:var(--ricos-custom-h4-font-style,unset);font-weight:var(--ricos-custom-h4-font-weight,unset);line-height:var(--ricos-custom-h4-line-height,1.5);min-height:var(--ricos-custom-h4-min-height,unset);text-decoration:var(--ricos-custom-h4-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){._7AOey .lPow2[data-heading-level=headerFour],.cnVQB .lPow2[data-heading-level=headerFour]{font-size:var(--ricos-custom-h4-font-size,20px)}}}@container (width < 640px){._7AOey .lPow2[data-heading-level=headerFour],.cnVQB .lPow2[data-heading-level=headerFour]{font-size:var(--ricos-custom-h4-font-size,20px)}}._7AOey .lPow2[data-heading-level=headerFive],.cnVQB .lPow2[data-heading-level=headerFive]{font-family:var(--ricos-custom-h5-font-family,unset);font-size:var(--ricos-custom-h5-font-size,18px);font-style:var(--ricos-custom-h5-font-style,unset);font-weight:var(--ricos-custom-h5-font-weight,unset);line-height:var(--ricos-custom-h5-line-height,1.5);min-height:var(--ricos-custom-h5-min-height,unset);text-decoration:var(--ricos-custom-h5-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){._7AOey .lPow2[data-heading-level=headerFive],.cnVQB .lPow2[data-heading-level=headerFive]{font-size:var(--ricos-custom-h5-font-size,16px)}}}@container (width < 640px){._7AOey .lPow2[data-heading-level=headerFive],.cnVQB .lPow2[data-heading-level=headerFive]{font-size:var(--ricos-custom-h5-font-size,16px)}}._7AOey .lPow2[data-heading-level=headerSix],.cnVQB .lPow2[data-heading-level=headerSix]{font-family:var(--ricos-custom-h6-font-family,unset);font-size:var(--ricos-custom-h6-font-size,16px);font-style:var(--ricos-custom-h6-font-style,unset);font-weight:var(--ricos-custom-h6-font-weight,unset);line-height:var(--ricos-custom-h6-line-height,1.5);min-height:var(--ricos-custom-h6-min-height,unset);text-decoration:var(--ricos-custom-h6-text-decoration,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){._7AOey .lPow2[data-heading-level=headerSix],.cnVQB .lPow2[data-heading-level=headerSix]{font-size:var(--ricos-custom-h6-font-size,14px)}}}@container (width < 640px){._7AOey .lPow2[data-heading-level=headerSix],.cnVQB .lPow2[data-heading-level=headerSix]{font-size:var(--ricos-custom-h6-font-size,14px)}}[data-list-style-position=inside].lPow2{list-style-position:inside;padding-inline-start:0}[data-list-style-position=inside].lPow2>:first-child{display:inline}.ProseMirror ._7AOey>[data-list-style-position=inside].lPow2{list-style-position:inside;padding-inline-start:0}.ProseMirror ._7AOey>[data-list-style-position=inside].lPow2 h2,.ProseMirror ._7AOey>[data-list-style-position=inside].lPow2 h3,.ProseMirror ._7AOey>[data-list-style-position=inside].lPow2 h4,.ProseMirror ._7AOey>[data-list-style-position=inside].lPow2 h5,.ProseMirror ._7AOey>[data-list-style-position=inside].lPow2 h6,.ProseMirror ._7AOey>[data-list-style-position=inside].lPow2>h1,.ProseMirror ._7AOey>[data-list-style-position=inside].lPow2>p>:first-child{margin-inline-start:.5em}.lPow2{position:relative}[dir] .lPow2{text-align:initial}[data-text-align=right],[data-text-align=right].lPow2{text-align:right}[data-text-align=left],[data-text-align=left].lPow2{text-align:left}[dir=ltr] [data-text-align=left]{justify-content:left}[dir=ltr] [data-text-align=right],[dir=rtl] [data-text-align=left]{justify-content:right}[dir=rtl] [data-text-align=right]{justify-content:left}.I71xS,.lFvIJ{content:"";height:14px;position:absolute;top:calc(50% - 7px);width:14px;z-index:1}[dir] .I71xS,[dir] .lFvIJ{background:#fff;border:2px solid var(--ricos-focus-action-color,var(--ricos-action-color,#116dff));border-radius:50%}[dir=ltr] .I71xS{right:-8px}[dir=ltr] .lFvIJ,[dir=rtl] .I71xS{left:-8px}[dir=rtl] .lFvIJ{right:-8px}[dir] .ProseMirror [data-drag-handle]{cursor:move}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,15 +21,15 @@ const injectCss = () => {
 };
 injectCss();
 var styles_default = {
-  "fontElementMap": "acAue",
-  "elementSpacing": "SKiiv",
-  "paragraph": "_2TCuo SKiiv",
-  "quote": "_6C81e",
-  "orderedList": "eAIpF",
-  "bulletedList": "gOZFY",
-  "listItem": "-g44b",
-  "handlerLeft": "gpMcK",
-  "handlerRight": "bk8Tl"
+  "fontElementMap": "_1CHys",
+  "elementSpacing": "EWJQi",
+  "paragraph": "IE3Yl EWJQi",
+  "quote": "gmY4Q",
+  "orderedList": "_7AOey",
+  "bulletedList": "cnVQB",
+  "listItem": "lPow2",
+  "handlerLeft": "lFvIJ",
+  "handlerRight": "I71xS"
 };
 export {
   styles_default as default,