@wix/ricos 11.22.0 → 11.23.1

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-video/viewer/video.tsx"],
-  "sourcesContent": ["import React, { useEffect, useRef, useState } from 'react';\n\nimport type { VideoData } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { isCustomUpload } from './../../_shared/is-custom-upload.js';\nimport { isDefined, isSSR } from './../../wix-rich-content-common/index.js';\n\nimport type { ReactPlayerWrapperProps } from '../react-player-wrapper.js';\nimport { ReactPlayerWrapper } from '../react-player-wrapper.js';\nimport styles from '../statics/styles/video-viewer-scss.js';\nimport type { VideoPluginEditorConfig } from '../types.js';\n\ntype Props = {\n  config: VideoPluginEditorConfig;\n  componentData: VideoData;\n  nodeId: string;\n  isLight: boolean;\n  onReady?: ReactPlayerWrapperProps['onReady'];\n  isLoaded?: boolean;\n  seoMode?: boolean;\n  jsdomMode?: boolean;\n  muted?: boolean;\n  onDuration?: (duration: number) => void;\n  disabled?: boolean;\n  onUpdateProcessing?: (processing: boolean) => void;\n};\n\ntype UrlState =\n  | {\n      type: 'INITIAL' | 'LOADING';\n      loadedUrl: undefined;\n    }\n  | {\n      type: 'ERROR';\n      error: string;\n      retryCount: number;\n      loadedUrl: string;\n    }\n  | {\n      type: 'PROCESSING';\n      retryCount: number;\n      loadedUrl: string;\n    }\n  | {\n      type: 'READY';\n      loadedUrl: string;\n    };\n\ntype State = {\n  videoUrl: UrlState;\n  thumbnailUrl: UrlState;\n};\n\nexport const Video: React.FC<Props> = ({\n  config,\n  componentData,\n  nodeId,\n  isLight,\n  onReady,\n  isLoaded,\n  seoMode,\n  jsdomMode,\n  muted,\n  onDuration,\n  disabled,\n  onUpdateProcessing,\n}) => {\n  const retryTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const [playerKey, setPlayerKey] = useState('');\n\n  const [state, setState] = useState<State>(() => {\n    const { src } = componentData.video || {};\n\n    const getInitialVideoUrlState = (): UrlState => {\n      if (src?.url) {\n        const normalizedUrl = normalizeVideoUrl(src.url);\n        return normalizedUrl\n          ? { type: 'READY', loadedUrl: normalizedUrl }\n          : { type: 'INITIAL', loadedUrl: undefined };\n      }\n      if (src?.id && config.getVideoUrl) {\n        try {\n          const url = config.getVideoUrl({ pathname: src.id });\n          if (typeof url === 'string') {\n            const normalizedUrl = normalizeVideoUrl(url);\n            return normalizedUrl\n              ? { type: 'READY', loadedUrl: normalizedUrl }\n              : { type: 'INITIAL', loadedUrl: undefined };\n          }\n        } catch {}\n      }\n      return { type: 'INITIAL', loadedUrl: undefined };\n    };\n\n    const getInitialThumbnailUrlState = (): UrlState => {\n      const thumbnailSrc = componentData?.thumbnail?.src?.url;\n      return thumbnailSrc\n        ? { type: 'READY', loadedUrl: thumbnailSrc }\n        : { type: 'INITIAL', loadedUrl: undefined };\n    };\n\n    return {\n      videoUrl: getInitialVideoUrlState(),\n      thumbnailUrl: getInitialThumbnailUrlState(),\n    };\n  });\n\n  useEffect(() => {\n    return () => {\n      if (retryTimeoutRef.current) {\n        clearTimeout(retryTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    setPlayerKey('mounted'); //remounts reactPlayer after ssr. Fixes bug where internal player id changes in client\n  }, []);\n\n  const scheduleNextRetry = (currentAttempt: number, _videoUrl: string) => {\n    const maxRetries = 20;\n    const nextAttempt = currentAttempt + 1;\n\n    if (nextAttempt > maxRetries) {\n      setState(prev => {\n        if (prev.videoUrl.type === 'PROCESSING') {\n          onUpdateProcessing?.(false);\n          return {\n            ...prev,\n            videoUrl: {\n              type: 'ERROR',\n              error: 'Max retries exceeded',\n              retryCount: nextAttempt,\n              loadedUrl: prev.videoUrl.loadedUrl,\n            },\n          };\n        }\n        return prev;\n      });\n      return;\n    }\n\n    setState(prev => {\n      if (prev.videoUrl.type === 'PROCESSING') {\n        return {\n          ...prev,\n          videoUrl: {\n            ...prev.videoUrl,\n            retryCount: nextAttempt,\n          },\n        };\n      }\n      return prev;\n    });\n\n    const delay = Math.min(1000 * Math.pow(2, nextAttempt - 1), 30000);\n\n    retryTimeoutRef.current = setTimeout(() => {\n      // Change the key to force player remount & refetch the video\n      setPlayerKey(`retry-${nextAttempt}-${Date.now()}`);\n    }, delay);\n  };\n\n  const retryVideoUrl = () => {\n    setState(prevState => {\n      // Don't retry if already processing, or if we don't have a loaded URL\n      if (\n        prevState.videoUrl.type === 'PROCESSING' ||\n        prevState.videoUrl.type === 'INITIAL' ||\n        prevState.videoUrl.type === 'LOADING'\n      ) {\n        return prevState;\n      }\n\n      const loadedUrl = prevState.videoUrl.loadedUrl!;\n\n      if (retryTimeoutRef.current) {\n        clearTimeout(retryTimeoutRef.current);\n        retryTimeoutRef.current = null;\n      }\n\n      onUpdateProcessing?.(true);\n      scheduleNextRetry(0, loadedUrl);\n\n      return {\n        ...prevState,\n        videoUrl: {\n          type: 'PROCESSING' as const,\n          retryCount: 1,\n          loadedUrl,\n        },\n      };\n    });\n  };\n\n  useEffect(() => {\n    const { src } = componentData.video || {};\n\n    // Prevent loading when already in loading or processing state\n    if (state.videoUrl.type === 'LOADING' || state.videoUrl.type === 'PROCESSING') {\n      return;\n    }\n\n    if (src?.url) {\n      const normalizedUrl = normalizeVideoUrl(src.url);\n      const currentUrl = state.videoUrl.loadedUrl;\n      if (normalizedUrl && normalizedUrl !== currentUrl) {\n        setState(prev => ({\n          ...prev,\n          videoUrl: { type: 'READY', loadedUrl: normalizedUrl },\n        }));\n      }\n      return;\n    }\n\n    if (src?.id && config.getVideoUrl) {\n      const loadVideo = async () => {\n        if (!src.id) {\n          return;\n        }\n\n        setState(prev => ({\n          ...prev,\n          videoUrl: { type: 'LOADING', loadedUrl: undefined },\n        }));\n\n        try {\n          const url = await config.getVideoUrl!({ pathname: src.id });\n          if (url) {\n            const normalizedUrl = normalizeVideoUrl(url);\n            if (normalizedUrl) {\n              setState(prev => {\n                if (prev.videoUrl.type === 'LOADING') {\n                  return {\n                    ...prev,\n                    videoUrl: { type: 'READY', loadedUrl: normalizedUrl },\n                  };\n                }\n                return prev;\n              });\n              return;\n            }\n          }\n        } catch {\n          retryVideoUrl();\n        }\n      };\n\n      loadVideo();\n    }\n  }, [componentData.video?.src, config.getVideoUrl]);\n\n  useEffect(() => {\n    const { src } = componentData.thumbnail || {};\n    const thumbnailId = src?.id;\n    const thumbnailSrc = src?.url;\n    const currentThumbnailUrl = state.thumbnailUrl.loadedUrl;\n\n    if (thumbnailSrc && thumbnailSrc !== currentThumbnailUrl) {\n      setState(prev => ({\n        ...prev,\n        thumbnailUrl: { type: 'READY', loadedUrl: thumbnailSrc },\n      }));\n      return;\n    }\n    // @ts-ignore TODO: (plugins-no-any) remove getThumbnailUrl when we make sure it's not used anymore\n    if (thumbnailId && config.getThumbnailUrl && !currentThumbnailUrl) {\n      const loadThumbnail = async () => {\n        setState(prev => ({\n          ...prev,\n          thumbnailUrl: { type: 'LOADING', loadedUrl: undefined },\n        }));\n\n        try {\n          // @ts-ignore TODO: (plugins-no-any) remove getThumbnailUrl when we make sure it's not used anymore\n          const url = await config.getThumbnailUrl!({ pathname: thumbnailId });\n          if (url) {\n            setState(prev => ({\n              ...prev,\n              thumbnailUrl: { type: 'READY', loadedUrl: url },\n            }));\n          }\n        } catch {\n          // Thumbnail loading failed, continue without thumbnail\n          setState(prev => ({\n            ...prev,\n            thumbnailUrl: {\n              type: 'ERROR',\n              error: 'Failed to load thumbnail',\n              retryCount: 0,\n              loadedUrl: '',\n            },\n          }));\n        }\n      };\n\n      loadThumbnail();\n    }\n    // @ts-ignore TODO: (plugins-no-any) remove getThumbnailUrl when we make sure it's not used anymore\n  }, [componentData.thumbnail?.src, config.getThumbnailUrl]);\n\n  const onReactPlayerReady: ReactPlayerWrapperProps['onReady'] = player => {\n    setState(prev => {\n      if (prev.videoUrl.type === 'PROCESSING') {\n        onUpdateProcessing?.(false);\n        if (retryTimeoutRef.current) {\n          clearTimeout(retryTimeoutRef.current);\n          retryTimeoutRef.current = null;\n        }\n        return {\n          ...prev,\n          videoUrl: {\n            type: 'READY',\n            loadedUrl: prev.videoUrl.loadedUrl,\n          },\n        };\n      }\n\n      if (prev.videoUrl.type === 'ERROR') {\n        onUpdateProcessing?.(false);\n        if (retryTimeoutRef.current) {\n          clearTimeout(retryTimeoutRef.current);\n          retryTimeoutRef.current = null;\n        }\n        return {\n          ...prev,\n          videoUrl: {\n            type: 'READY',\n            loadedUrl: prev.videoUrl.loadedUrl,\n          },\n        };\n      }\n\n      const currentVideoUrl = prev.videoUrl.loadedUrl;\n      if (!currentVideoUrl) {\n        return prev;\n      }\n\n      return {\n        ...prev,\n        videoUrl: {\n          type: 'READY',\n          loadedUrl: currentVideoUrl,\n        },\n      };\n    });\n\n    if (onReady) {\n      onReady(player);\n      return;\n    }\n  };\n\n  const onVideoError = () => {\n    const { src } = componentData.video || {};\n    const isCustomVideo = !!src?.id || isCustomUpload(src?.url);\n\n    if (!isCustomVideo || !src?.id) {\n      return;\n    }\n\n    if (state.videoUrl.type === 'READY') {\n      return retryVideoUrl();\n    }\n\n    if (state.videoUrl.type === 'PROCESSING') {\n      if (retryTimeoutRef.current) {\n        clearTimeout(retryTimeoutRef.current);\n        retryTimeoutRef.current = null;\n      }\n\n      return scheduleNextRetry(state.videoUrl.retryCount, state.videoUrl.loadedUrl);\n    }\n  };\n\n  const handleContextMenu = (e: React.MouseEvent) =>\n    componentData.disableDownload && e.preventDefault();\n\n  const getDownloadProps = () => {\n    if (\n      (isDefined(componentData?.disableDownload) && componentData.disableDownload) ||\n      (isDefined(config?.disableDownloadDefault) && config.disableDownloadDefault)\n    ) {\n      return {\n        config: {\n          file: {\n            attributes: {\n              controlsList: 'nodownload',\n            },\n          },\n        },\n      };\n    }\n\n    return {\n      config: {},\n    };\n  };\n\n  const getLightProps = () => {\n    if (!isLight) {\n      return {\n        isLight: false,\n      } as const;\n    }\n\n    return {\n      isLight: true,\n      thumbnail: state.thumbnailUrl.loadedUrl,\n    } as const;\n  };\n\n  const videoUrl = state.videoUrl.loadedUrl;\n  if (!videoUrl) {\n    return null;\n  }\n\n  const isCustomVideo = !!componentData.video?.src?.id;\n  const shouldRenderSeoLink = (isSSR() || jsdomMode) && seoMode;\n  const { autoPlay = false, playInLoop = false, showControls = true } = componentData.options || {};\n  const poster = state.videoUrl.type === 'PROCESSING' ? state.thumbnailUrl.loadedUrl : undefined;\n\n  if (shouldRenderSeoLink) {\n    return (\n      <a data-hook=\"video-ssr-viewer\" href={videoUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n        {videoUrl}\n      </a>\n    );\n  }\n\n  return (\n    <ReactPlayerWrapper\n      className={styles.video_player}\n      onContextMenu={handleContextMenu}\n      controls={isLoaded !== false && showControls}\n      url={videoUrl}\n      onReady={onReactPlayerReady}\n      onError={onVideoError}\n      disabled={disabled}\n      width=\"100%\"\n      height=\"100%\"\n      key={playerKey}\n      onDuration={onDuration}\n      onProgress={progress => {\n        // @ts-ignore TODO: (plugins-no-any) remove onprogress when we make sure it's not used anymore\n        config.onProgress?.({ ...progress, id: nodeId });\n      }}\n      // @ts-ignore TODO: (plugins-no-any) remove progressInterval when we make sure it's not used anymore\n      progressInterval={config.progressInterval || 1000}\n      muted={muted || autoPlay}\n      isLoaded={\n        isLoaded ||\n        state.videoUrl.type === 'READY' ||\n        state.videoUrl.type === 'PROCESSING' ||\n        state.videoUrl.type === 'ERROR'\n      }\n      autoPlay={autoPlay}\n      loop={playInLoop}\n      isCustomVideo={isCustomVideo}\n      poster={poster}\n      {...getLightProps()}\n      {...getDownloadProps()}\n    />\n  );\n};\n\nconst normalizeVideoUrl = (url: string | undefined): string | undefined =>\n  url ? (url.toLowerCase().indexOf('vimeo') === 0 ? 'https://' + url : url) : undefined; //vimeo player needs urls prefixed with http[s]\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useEffect, useRef, useState } from 'react';\n\nimport type { VideoData } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { isCustomUpload } from './../../_shared/is-custom-upload.js';\nimport { MATCH_URL as MATCH_YOUTUBE_URL } from './../../wix-react-player/players/youtube.js';\nimport { isDefined, isSSR } from './../../wix-rich-content-common/index.js';\n\nimport type { ReactPlayerWrapperProps } from '../react-player-wrapper.js';\nimport { ReactPlayerWrapper } from '../react-player-wrapper.js';\nimport styles from '../statics/styles/video-viewer-scss.js';\nimport type { VideoPluginEditorConfig } from '../types.js';\n\ntype Props = {\n  config: VideoPluginEditorConfig;\n  componentData: VideoData;\n  nodeId: string;\n  isLight: boolean;\n  onReady?: ReactPlayerWrapperProps['onReady'];\n  isLoaded?: boolean;\n  seoMode?: boolean;\n  jsdomMode?: boolean;\n  muted?: boolean;\n  onDuration?: (duration: number) => void;\n  disabled?: boolean;\n  onUpdateProcessing?: (processing: boolean) => void;\n};\n\ntype UrlState =\n  | {\n      type: 'INITIAL' | 'LOADING';\n      loadedUrl: undefined;\n    }\n  | {\n      type: 'ERROR';\n      error: string;\n      retryCount: number;\n      loadedUrl: string;\n    }\n  | {\n      type: 'PROCESSING';\n      retryCount: number;\n      loadedUrl: string;\n    }\n  | {\n      type: 'READY';\n      loadedUrl: string;\n    };\n\ntype State = {\n  videoUrl: UrlState;\n  thumbnailUrl: UrlState;\n};\n\nexport const Video: React.FC<Props> = ({\n  config,\n  componentData,\n  nodeId,\n  isLight,\n  onReady,\n  isLoaded,\n  seoMode,\n  jsdomMode,\n  muted,\n  onDuration,\n  disabled,\n  onUpdateProcessing,\n}) => {\n  const retryTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const [playerKey, setPlayerKey] = useState('');\n\n  const [state, setState] = useState<State>(() => {\n    const { src } = componentData.video || {};\n\n    const getInitialVideoUrlState = (): UrlState => {\n      if (src?.url) {\n        const normalizedUrl = normalizeVideoUrl(src.url);\n        return normalizedUrl\n          ? { type: 'READY', loadedUrl: normalizedUrl }\n          : { type: 'INITIAL', loadedUrl: undefined };\n      }\n      if (src?.id && config.getVideoUrl) {\n        try {\n          const url = config.getVideoUrl({ pathname: src.id });\n          if (typeof url === 'string') {\n            const normalizedUrl = normalizeVideoUrl(url);\n            return normalizedUrl\n              ? { type: 'READY', loadedUrl: normalizedUrl }\n              : { type: 'INITIAL', loadedUrl: undefined };\n          }\n        } catch {}\n      }\n      return { type: 'INITIAL', loadedUrl: undefined };\n    };\n\n    const getInitialThumbnailUrlState = (): UrlState => {\n      const thumbnailSrc = componentData?.thumbnail?.src?.url;\n      return thumbnailSrc\n        ? { type: 'READY', loadedUrl: thumbnailSrc }\n        : { type: 'INITIAL', loadedUrl: undefined };\n    };\n\n    return {\n      videoUrl: getInitialVideoUrlState(),\n      thumbnailUrl: getInitialThumbnailUrlState(),\n    };\n  });\n\n  useEffect(() => {\n    return () => {\n      if (retryTimeoutRef.current) {\n        clearTimeout(retryTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    setPlayerKey('mounted'); //remounts reactPlayer after ssr. Fixes bug where internal player id changes in client\n  }, []);\n\n  const scheduleNextRetry = (currentAttempt: number, _videoUrl: string) => {\n    const maxRetries = 20;\n    const nextAttempt = currentAttempt + 1;\n\n    if (nextAttempt > maxRetries) {\n      setState(prev => {\n        if (prev.videoUrl.type === 'PROCESSING') {\n          onUpdateProcessing?.(false);\n          return {\n            ...prev,\n            videoUrl: {\n              type: 'ERROR',\n              error: 'Max retries exceeded',\n              retryCount: nextAttempt,\n              loadedUrl: prev.videoUrl.loadedUrl,\n            },\n          };\n        }\n        return prev;\n      });\n      return;\n    }\n\n    setState(prev => {\n      if (prev.videoUrl.type === 'PROCESSING') {\n        return {\n          ...prev,\n          videoUrl: {\n            ...prev.videoUrl,\n            retryCount: nextAttempt,\n          },\n        };\n      }\n      return prev;\n    });\n\n    const delay = Math.min(1000 * Math.pow(2, nextAttempt - 1), 30000);\n\n    retryTimeoutRef.current = setTimeout(() => {\n      // Change the key to force player remount & refetch the video\n      setPlayerKey(`retry-${nextAttempt}-${Date.now()}`);\n    }, delay);\n  };\n\n  const retryVideoUrl = () => {\n    setState(prevState => {\n      // Don't retry if already processing, or if we don't have a loaded URL\n      if (\n        prevState.videoUrl.type === 'PROCESSING' ||\n        prevState.videoUrl.type === 'INITIAL' ||\n        prevState.videoUrl.type === 'LOADING'\n      ) {\n        return prevState;\n      }\n\n      const loadedUrl = prevState.videoUrl.loadedUrl!;\n\n      if (retryTimeoutRef.current) {\n        clearTimeout(retryTimeoutRef.current);\n        retryTimeoutRef.current = null;\n      }\n\n      onUpdateProcessing?.(true);\n      scheduleNextRetry(0, loadedUrl);\n\n      return {\n        ...prevState,\n        videoUrl: {\n          type: 'PROCESSING' as const,\n          retryCount: 1,\n          loadedUrl,\n        },\n      };\n    });\n  };\n\n  useEffect(() => {\n    const { src } = componentData.video || {};\n\n    // Prevent loading when already in loading or processing state\n    if (state.videoUrl.type === 'LOADING' || state.videoUrl.type === 'PROCESSING') {\n      return;\n    }\n\n    if (src?.url) {\n      const normalizedUrl = normalizeVideoUrl(src.url);\n      const currentUrl = state.videoUrl.loadedUrl;\n      if (normalizedUrl && normalizedUrl !== currentUrl) {\n        setState(prev => ({\n          ...prev,\n          videoUrl: { type: 'READY', loadedUrl: normalizedUrl },\n        }));\n      }\n      return;\n    }\n\n    if (src?.id && config.getVideoUrl) {\n      const loadVideo = async () => {\n        if (!src.id) {\n          return;\n        }\n\n        setState(prev => ({\n          ...prev,\n          videoUrl: { type: 'LOADING', loadedUrl: undefined },\n        }));\n\n        try {\n          const url = await config.getVideoUrl!({ pathname: src.id });\n          if (url) {\n            const normalizedUrl = normalizeVideoUrl(url);\n            if (normalizedUrl) {\n              setState(prev => {\n                if (prev.videoUrl.type === 'LOADING') {\n                  return {\n                    ...prev,\n                    videoUrl: { type: 'READY', loadedUrl: normalizedUrl },\n                  };\n                }\n                return prev;\n              });\n              return;\n            }\n          }\n        } catch {\n          retryVideoUrl();\n        }\n      };\n\n      loadVideo();\n    }\n  }, [componentData.video?.src, config.getVideoUrl]);\n\n  useEffect(() => {\n    const { src } = componentData.thumbnail || {};\n    const thumbnailId = src?.id;\n    const thumbnailSrc = src?.url;\n    const currentThumbnailUrl = state.thumbnailUrl.loadedUrl;\n\n    if (thumbnailSrc && thumbnailSrc !== currentThumbnailUrl) {\n      setState(prev => ({\n        ...prev,\n        thumbnailUrl: { type: 'READY', loadedUrl: thumbnailSrc },\n      }));\n      return;\n    }\n    // @ts-ignore TODO: (plugins-no-any) remove getThumbnailUrl when we make sure it's not used anymore\n    if (thumbnailId && config.getThumbnailUrl && !currentThumbnailUrl) {\n      const loadThumbnail = async () => {\n        setState(prev => ({\n          ...prev,\n          thumbnailUrl: { type: 'LOADING', loadedUrl: undefined },\n        }));\n\n        try {\n          // @ts-ignore TODO: (plugins-no-any) remove getThumbnailUrl when we make sure it's not used anymore\n          const url = await config.getThumbnailUrl!({ pathname: thumbnailId });\n          if (url) {\n            setState(prev => ({\n              ...prev,\n              thumbnailUrl: { type: 'READY', loadedUrl: url },\n            }));\n          }\n        } catch {\n          // Thumbnail loading failed, continue without thumbnail\n          setState(prev => ({\n            ...prev,\n            thumbnailUrl: {\n              type: 'ERROR',\n              error: 'Failed to load thumbnail',\n              retryCount: 0,\n              loadedUrl: '',\n            },\n          }));\n        }\n      };\n\n      loadThumbnail();\n    }\n    // @ts-ignore TODO: (plugins-no-any) remove getThumbnailUrl when we make sure it's not used anymore\n  }, [componentData.thumbnail?.src, config.getThumbnailUrl]);\n\n  const onReactPlayerReady: ReactPlayerWrapperProps['onReady'] = player => {\n    setState(prev => {\n      if (prev.videoUrl.type === 'PROCESSING') {\n        onUpdateProcessing?.(false);\n        if (retryTimeoutRef.current) {\n          clearTimeout(retryTimeoutRef.current);\n          retryTimeoutRef.current = null;\n        }\n        return {\n          ...prev,\n          videoUrl: {\n            type: 'READY',\n            loadedUrl: prev.videoUrl.loadedUrl,\n          },\n        };\n      }\n\n      if (prev.videoUrl.type === 'ERROR') {\n        onUpdateProcessing?.(false);\n        if (retryTimeoutRef.current) {\n          clearTimeout(retryTimeoutRef.current);\n          retryTimeoutRef.current = null;\n        }\n        return {\n          ...prev,\n          videoUrl: {\n            type: 'READY',\n            loadedUrl: prev.videoUrl.loadedUrl,\n          },\n        };\n      }\n\n      const currentVideoUrl = prev.videoUrl.loadedUrl;\n      if (!currentVideoUrl) {\n        return prev;\n      }\n\n      return {\n        ...prev,\n        videoUrl: {\n          type: 'READY',\n          loadedUrl: currentVideoUrl,\n        },\n      };\n    });\n\n    if (onReady) {\n      onReady(player);\n      return;\n    }\n  };\n\n  const onVideoError = () => {\n    const { src } = componentData.video || {};\n    const isCustomVideo = !!src?.id || isCustomUpload(src?.url);\n\n    if (!isCustomVideo || !src?.id) {\n      return;\n    }\n\n    if (state.videoUrl.type === 'READY') {\n      return retryVideoUrl();\n    }\n\n    if (state.videoUrl.type === 'PROCESSING') {\n      if (retryTimeoutRef.current) {\n        clearTimeout(retryTimeoutRef.current);\n        retryTimeoutRef.current = null;\n      }\n\n      return scheduleNextRetry(state.videoUrl.retryCount, state.videoUrl.loadedUrl);\n    }\n  };\n\n  const handleContextMenu = (e: React.MouseEvent) =>\n    componentData.disableDownload && e.preventDefault();\n\n  const getDownloadProps = () => {\n    if (\n      (isDefined(componentData?.disableDownload) && componentData.disableDownload) ||\n      (isDefined(config?.disableDownloadDefault) && config.disableDownloadDefault)\n    ) {\n      return {\n        config: {\n          file: {\n            attributes: {\n              controlsList: 'nodownload',\n            },\n          },\n        },\n      };\n    }\n\n    return {\n      config: {},\n    };\n  };\n\n  const getLightProps = () => {\n    if (!isLight) {\n      return {\n        isLight: false,\n      } as const;\n    }\n\n    return {\n      isLight: true,\n      thumbnail: state.thumbnailUrl.loadedUrl,\n    } as const;\n  };\n\n  const videoUrl = state.videoUrl.loadedUrl;\n  if (!videoUrl) {\n    return null;\n  }\n\n  const isCustomVideo = !!componentData.video?.src?.id;\n  const shouldRenderSeoPlayer = (isSSR() || jsdomMode) && seoMode;\n  const { autoPlay = false, playInLoop = false, showControls = true } = componentData.options || {};\n  const poster = state.videoUrl.type === 'PROCESSING' ? state.thumbnailUrl.loadedUrl : undefined;\n\n  // Google detects videos only from player elements (iframe/video), never from links.\n  if (shouldRenderSeoPlayer) {\n    const youtubeId = videoUrl.match(MATCH_YOUTUBE_URL)?.[1];\n    if (youtubeId) {\n      return (\n        <iframe\n          data-hook=\"video-ssr-viewer\"\n          className={styles.video_player}\n          title=\"YouTube video\"\n          src={`https://www.youtube.com/embed/${youtubeId}`}\n          allow=\"fullscreen\"\n          allowFullScreen\n        />\n      );\n    }\n    if (isCustomVideo || isCustomUpload(videoUrl)) {\n      return (\n        <video\n          data-hook=\"video-ssr-viewer\"\n          className={styles.video_player}\n          src={videoUrl}\n          poster={state.thumbnailUrl.loadedUrl}\n          controls\n          preload=\"none\"\n        />\n      );\n    }\n    return (\n      <a data-hook=\"video-ssr-viewer\" href={videoUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n        {videoUrl}\n      </a>\n    );\n  }\n\n  return (\n    <ReactPlayerWrapper\n      className={styles.video_player}\n      onContextMenu={handleContextMenu}\n      controls={isLoaded !== false && showControls}\n      url={videoUrl}\n      onReady={onReactPlayerReady}\n      onError={onVideoError}\n      disabled={disabled}\n      width=\"100%\"\n      height=\"100%\"\n      key={playerKey}\n      onDuration={onDuration}\n      onProgress={progress => {\n        // @ts-ignore TODO: (plugins-no-any) remove onprogress when we make sure it's not used anymore\n        config.onProgress?.({ ...progress, id: nodeId });\n      }}\n      // @ts-ignore TODO: (plugins-no-any) remove progressInterval when we make sure it's not used anymore\n      progressInterval={config.progressInterval || 1000}\n      muted={muted || autoPlay}\n      isLoaded={\n        isLoaded ||\n        state.videoUrl.type === 'READY' ||\n        state.videoUrl.type === 'PROCESSING' ||\n        state.videoUrl.type === 'ERROR'\n      }\n      autoPlay={autoPlay}\n      loop={playInLoop}\n      isCustomVideo={isCustomVideo}\n      poster={poster}\n      {...getLightProps()}\n      {...getDownloadProps()}\n    />\n  );\n};\n\nconst normalizeVideoUrl = (url: string | undefined): string | undefined =>\n  url ? (url.toLowerCase().indexOf('vimeo') === 0 ? 'https://' + url : url) : undefined; //vimeo player needs urls prefixed with http[s]\n"],
+  "mappings": "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",
   "names": ["isCustomVideo"]
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = 'bf016194';  
+var styleDataHash = '9fef3934';  
 export const injectCss = (() => {
-  var css = `._8qHzo{border:0;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.CwWOd{bottom:0;left:0;position:absolute;right:0;top:0;z-index:3}.W9v6v{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;print-color-adjust:exact}.W9v6v .fb-video,.W9v6v .fb-video iframe,.W9v6v .fb-video span{height:100%!important;max-width:100%;width:100%!important}@supports not (contain:inline-size){@media only screen and (max-width:480px){.W9v6v{min-width:auto}}}@container (width < 480px){.W9v6v:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){min-width:auto}}@media (width < 480px){.W9v6v:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .W9v6v{min-width:auto}}.xxEgE{display:block!important;margin:0}.XnKEE{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.JwZx9{--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;letter-spacing:var(--ricos-custom-p-letter-spacing,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;print-color-adjust:exact;text-align:center;text-decoration:var(--ricos-custom-p-text-decoration,unset)}[data-ricos-font~=p] .JwZx9{font:var(--ricos-custom-p-font);font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size:var(--ricos-custom-p-font-size,unset);font-size-adjust:inherit;font-stretch:inherit;font-style:var(--ricos-custom-p-font-style,unset);font-variant:inherit;font-variation-settings:inherit;font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset)}.JwZx9>span>a,.JwZx9>span>span{background-color:var(--ricos-custom-p-background-color,unset)}`;
+  var css = `.yVeKt{border:0;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}._8joAF{bottom:0;left:0;position:absolute;right:0;top:0;z-index:3}.vcExZ{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;print-color-adjust:exact}.vcExZ .fb-video,.vcExZ .fb-video iframe,.vcExZ .fb-video span{height:100%!important;max-width:100%;width:100%!important}@supports not (contain:inline-size){@media only screen and (max-width:480px){.vcExZ{min-width:auto}}}@container (width < 480px){.vcExZ:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){min-width:auto}}@media (width < 480px){.vcExZ:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .vcExZ{min-width:auto}}.hqSaZ{display:block!important;margin:0}._86sv-{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.DeZnp{--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;letter-spacing:var(--ricos-custom-p-letter-spacing,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;print-color-adjust:exact;text-align:center;text-decoration:var(--ricos-custom-p-text-decoration,unset)}[data-ricos-font~=p] .DeZnp{font:var(--ricos-custom-p-font);font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size:var(--ricos-custom-p-font-size,unset);font-size-adjust:inherit;font-stretch:inherit;font-style:var(--ricos-custom-p-font-style,unset);font-variant:inherit;font-variation-settings:inherit;font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset)}.DeZnp>span>a,.DeZnp>span>span{background-color:var(--ricos-custom-p-background-color,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/bold/extension.js

@@ -1,4 +1,5 @@
 import { Decoration_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1/index.js";
+import { FONT_WEIGHT_BOLD, FONT_WEIGHT_NORMAL } from "./../../_shared/font-weight.js";
 import { isBoldFontWeight } from "./../../_shared/is-bold-font-weight.js";
 import { getSelectionTextRuns } from "./../../_shared/resolvers/get-selection-text-runs.js";
 import { isBoldTextRun } from "./../../_shared/resolvers/is-bold-text-run.js";
@@ -6,8 +7,6 @@ import { isMarkActive, mergeAttributes } from "./../../tiptap/index.js";
 import { getMarkAttributes, markInputRule, markPasteRule } from "./../../tiptap/core/index.js";
 import { createRicosMarkExtension } from "./../../plugin-commons/index.js";
 import { getStylesDecorationBySelectedNode } from "./../../tiptap-extensions/index.js";
-const FONT_WEIGHT_BOLD = 700;
-const FONT_WEIGHT_NORMAL = 400;
 const starInputRegex = /(?:^|\s)((?:\*\*)((?:[^*]+))(?:\*\*))$/;
 const starPasteRegex = /(?:^|\s)((?:\*\*)((?:[^*]+))(?:\*\*))/g;
 const underscoreInputRegex = /(?:^|\s)((?:__)((?:[^__]+))(?:__))$/;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/bold/extension.ts"],
-  "sourcesContent": ["import type { Decoration } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Decoration_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { DOMOutputSpec } from './../../ricos-types/index.js';\nimport { isBoldFontWeight } from './../../_shared/is-bold-font-weight.js';\nimport { getSelectionTextRuns } from './../../_shared/resolvers/get-selection-text-runs.js';\nimport { isBoldTextRun } from './../../_shared/resolvers/is-bold-text-run.js';\nimport { isMarkActive, mergeAttributes } from './../../tiptap/index.js';\nimport { getMarkAttributes, markInputRule, markPasteRule } from './../../tiptap/core/index.js';\nimport { createRicosMarkExtension } from './../../plugin-commons/index.js';\nimport { getStylesDecorationBySelectedNode } from './../../tiptap-extensions/index.js';\n\ndeclare module './../../tiptap/core' {\n  interface Commands<ReturnType> {\n    bold: {\n      /**\n       * Set a bold mark\n       */\n      setBold: () => ReturnType;\n      /**\n       * Toggle a bold mark\n       */\n      toggleBold: () => ReturnType;\n      /**\n       * Unset a bold mark\n       */\n      unsetBold: () => ReturnType;\n    };\n  }\n}\n\nconst FONT_WEIGHT_BOLD = 700;\nconst FONT_WEIGHT_NORMAL = 400;\n\nconst starInputRegex = /(?:^|\\s)((?:\\*\\*)((?:[^*]+))(?:\\*\\*))$/;\nconst starPasteRegex = /(?:^|\\s)((?:\\*\\*)((?:[^*]+))(?:\\*\\*))/g;\nconst underscoreInputRegex = /(?:^|\\s)((?:__)((?:[^__]+))(?:__))$/;\nconst underscorePasteRegex = /(?:^|\\s)((?:__)((?:[^__]+))(?:__))/g;\n\nconst name = Decoration_Type.BOLD;\n\nexport const bold = createRicosMarkExtension<{\n  HTMLAttributes: Record<string, string>;\n}>({\n  type: 'mark',\n  groups: [],\n  name: Decoration_Type.BOLD,\n  reconfigure(config, _extensions, _ricosProps, _settings, services) {\n    return {\n      ...config,\n      addCommands() {\n        return {\n          setBold:\n            () =>\n            ({ commands }) => {\n              return commands.setMark(this.name);\n            },\n          toggleBold:\n            () =>\n            ({ commands, state, tr, dispatch }) => {\n              if (!state.selection.empty) {\n                // Same rule as the button (`isBoldInText`): bold only when every run is bold. A run\n                // gets a mark only where its block style doesn't already give the toggled weight.\n                const runs = getSelectionTextRuns(name, services, state);\n                const makeBold = !runs.every(isBoldTextRun);\n                if (dispatch) {\n                  const markType = state.schema.marks[this.name];\n                  runs.forEach(run => {\n                    tr.removeMark(run.from, run.to, markType);\n                    if (makeBold !== isBoldFontWeight(run.blockDecoration?.fontWeightValue)) {\n                      tr.addMark(\n                        run.from,\n                        run.to,\n                        markType.create({\n                          fontWeightValue: makeBold ? FONT_WEIGHT_BOLD : FONT_WEIGHT_NORMAL,\n                        })\n                      );\n                    }\n                  });\n                }\n                return runs.length > 0;\n              }\n              const decoration: Decoration | undefined = getStylesDecorationBySelectedNode(name, {\n                state,\n                styles: services.styles,\n                pmConverters: services.converters,\n              });\n              const isBoldInStyle = isBoldFontWeight(decoration?.fontWeightValue);\n              // At the cursor, a mark decides whatever its weight, otherwise the block style does.\n              const isBold = isMarkActive(state, this.name)\n                ? isBoldFontWeight(getMarkAttributes(state, this.name).fontWeightValue)\n                : isBoldInStyle;\n\n              if (isBold === isBoldInStyle) {\n                return commands.setMark(this.name, {\n                  fontWeightValue: isBold ? FONT_WEIGHT_NORMAL : FONT_WEIGHT_BOLD,\n                });\n              }\n              // The mark only differs from the block style: removing it gives the toggled state.\n              return commands.unsetMark(this.name);\n            },\n          unsetBold:\n            () =>\n            ({ commands }) => {\n              return commands.unsetMark(this.name);\n            },\n        };\n      },\n    };\n  },\n  createExtensionConfig() {\n    return {\n      name,\n      addOptions() {\n        return {\n          HTMLAttributes: {},\n        };\n      },\n\n      addAttributes() {\n        return {\n          fontWeightValue: { default: FONT_WEIGHT_BOLD },\n        };\n      },\n\n      parseHTML() {\n        return [\n          {\n            tag: 'strong',\n          },\n          {\n            tag: 'b',\n            getAttrs: node => (node as HTMLElement).style.fontWeight !== 'normal' && null,\n          },\n          {\n            style: 'font-weight',\n            getAttrs: value => /^(bold(er)?|[5-9]\\d{2,})$/.test(value as string) && null,\n          },\n        ];\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        const { fontWeightValue, ..._ } = mergeAttributes(\n          this.options.HTMLAttributes,\n          HTMLAttributes\n        );\n\n        return ['strong', { style: `font-weight: ${fontWeightValue}` }, 0] as DOMOutputSpec;\n      },\n\n      addKeyboardShortcuts() {\n        return {\n          'Mod-b': () => this.editor.commands.toggleBold(),\n        };\n      },\n\n      addInputRules() {\n        return [\n          markInputRule({\n            find: starInputRegex,\n            type: this.type,\n          }),\n          markInputRule({\n            find: underscoreInputRegex,\n            type: this.type,\n          }),\n        ];\n      },\n\n      addPasteRules() {\n        return [\n          markPasteRule({\n            find: starPasteRegex,\n            type: this.type,\n          }),\n          markPasteRule({\n            find: underscorePasteRegex,\n            type: this.type,\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Decoration } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Decoration_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { DOMOutputSpec } from './../../ricos-types/index.js';\nimport { FONT_WEIGHT_BOLD, FONT_WEIGHT_NORMAL } from './../../_shared/font-weight.js';\nimport { isBoldFontWeight } from './../../_shared/is-bold-font-weight.js';\nimport { getSelectionTextRuns } from './../../_shared/resolvers/get-selection-text-runs.js';\nimport { isBoldTextRun } from './../../_shared/resolvers/is-bold-text-run.js';\nimport { isMarkActive, mergeAttributes } from './../../tiptap/index.js';\nimport { getMarkAttributes, markInputRule, markPasteRule } from './../../tiptap/core/index.js';\nimport { createRicosMarkExtension } from './../../plugin-commons/index.js';\nimport { getStylesDecorationBySelectedNode } from './../../tiptap-extensions/index.js';\n\ndeclare module './../../tiptap/core' {\n  interface Commands<ReturnType> {\n    bold: {\n      /**\n       * Set a bold mark\n       */\n      setBold: () => ReturnType;\n      /**\n       * Toggle a bold mark\n       */\n      toggleBold: () => ReturnType;\n      /**\n       * Unset a bold mark\n       */\n      unsetBold: () => ReturnType;\n    };\n  }\n}\n\nconst starInputRegex = /(?:^|\\s)((?:\\*\\*)((?:[^*]+))(?:\\*\\*))$/;\nconst starPasteRegex = /(?:^|\\s)((?:\\*\\*)((?:[^*]+))(?:\\*\\*))/g;\nconst underscoreInputRegex = /(?:^|\\s)((?:__)((?:[^__]+))(?:__))$/;\nconst underscorePasteRegex = /(?:^|\\s)((?:__)((?:[^__]+))(?:__))/g;\n\nconst name = Decoration_Type.BOLD;\n\nexport const bold = createRicosMarkExtension<{\n  HTMLAttributes: Record<string, string>;\n}>({\n  type: 'mark',\n  groups: [],\n  name: Decoration_Type.BOLD,\n  reconfigure(config, _extensions, _ricosProps, _settings, services) {\n    return {\n      ...config,\n      addCommands() {\n        return {\n          setBold:\n            () =>\n            ({ commands }) => {\n              return commands.setMark(this.name);\n            },\n          toggleBold:\n            () =>\n            ({ commands, state, tr, dispatch }) => {\n              if (!state.selection.empty) {\n                // Same rule as the button (`isBoldInText`): bold only when every run is bold. A run\n                // gets a mark only where its block style doesn't already give the toggled weight.\n                const runs = getSelectionTextRuns(name, services, state);\n                const makeBold = !runs.every(isBoldTextRun);\n                if (dispatch) {\n                  const markType = state.schema.marks[this.name];\n                  runs.forEach(run => {\n                    tr.removeMark(run.from, run.to, markType);\n                    if (makeBold !== isBoldFontWeight(run.blockDecoration?.fontWeightValue)) {\n                      tr.addMark(\n                        run.from,\n                        run.to,\n                        markType.create({\n                          fontWeightValue: makeBold ? FONT_WEIGHT_BOLD : FONT_WEIGHT_NORMAL,\n                        })\n                      );\n                    }\n                  });\n                }\n                return runs.length > 0;\n              }\n              const decoration: Decoration | undefined = getStylesDecorationBySelectedNode(name, {\n                state,\n                styles: services.styles,\n                pmConverters: services.converters,\n              });\n              const isBoldInStyle = isBoldFontWeight(decoration?.fontWeightValue);\n              // At the cursor, a mark decides whatever its weight, otherwise the block style does.\n              const isBold = isMarkActive(state, this.name)\n                ? isBoldFontWeight(getMarkAttributes(state, this.name).fontWeightValue)\n                : isBoldInStyle;\n\n              if (isBold === isBoldInStyle) {\n                return commands.setMark(this.name, {\n                  fontWeightValue: isBold ? FONT_WEIGHT_NORMAL : FONT_WEIGHT_BOLD,\n                });\n              }\n              // The mark only differs from the block style: removing it gives the toggled state.\n              return commands.unsetMark(this.name);\n            },\n          unsetBold:\n            () =>\n            ({ commands }) => {\n              return commands.unsetMark(this.name);\n            },\n        };\n      },\n    };\n  },\n  createExtensionConfig() {\n    return {\n      name,\n      addOptions() {\n        return {\n          HTMLAttributes: {},\n        };\n      },\n\n      addAttributes() {\n        return {\n          fontWeightValue: { default: FONT_WEIGHT_BOLD },\n        };\n      },\n\n      parseHTML() {\n        return [\n          {\n            tag: 'strong',\n          },\n          {\n            tag: 'b',\n            getAttrs: node => (node as HTMLElement).style.fontWeight !== 'normal' && null,\n          },\n          {\n            style: 'font-weight',\n            getAttrs: value => /^(bold(er)?|[5-9]\\d{2,})$/.test(value as string) && null,\n          },\n        ];\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        const { fontWeightValue, ..._ } = mergeAttributes(\n          this.options.HTMLAttributes,\n          HTMLAttributes\n        );\n\n        return ['strong', { style: `font-weight: ${fontWeightValue}` }, 0] as DOMOutputSpec;\n      },\n\n      addKeyboardShortcuts() {\n        return {\n          'Mod-b': () => this.editor.commands.toggleBold(),\n        };\n      },\n\n      addInputRules() {\n        return [\n          markInputRule({\n            find: starInputRegex,\n            type: this.type,\n          }),\n          markInputRule({\n            find: underscoreInputRegex,\n            type: this.type,\n          }),\n        ];\n      },\n\n      addPasteRules() {\n        return [\n          markPasteRule({\n            find: starPasteRegex,\n            type: this.type,\n          }),\n          markPasteRule({\n            find: underscorePasteRegex,\n            type: this.type,\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,12 +1,14 @@
 import { Node_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1/index.js";
+import { getListMarkerStyle } from "./../../_shared/get-list-marker-style.js";
 import { getPxFontSize } from "./../../_shared/get-px-font-size.js";
 import { getBlockDefaultFontSize } from "./../../_shared/list-checkbox/get-block-default-font-size.js";
 import { Plugin, PluginKey } from "./../../tiptap/pm/state.js";
 import { Decoration, DecorationSet } from "./../../tiptap/pm/view.js";
 import { toBlockFontSize } from "../font-size/block-font-size.js";
+import { getContentMarkerStyle } from "../list-item/list-marker-selection.js";
 import { HEADER_NAMES } from "../title/header-names.js";
 import { onlyChangesUnrelatedAttrs } from "../transaction-predicates/only-changes-unrelated-attrs.js";
-const RELEVANT_ATTRS = /* @__PURE__ */ new Set(["level", "fontSize"]);
+const RELEVANT_ATTRS = /* @__PURE__ */ new Set(["level", "fontSize", "markerStyle"]);
 const createListItemSizingDecorationPlugin = () => {
   const key = new PluginKey("list-item-sizing");
   return new Plugin({
@@ -66,6 +68,16 @@ const buildListItemSizingDecorations = (doc) => {
         })
       );
     }
+    const markerStyle = Object.entries(
+      getListMarkerStyle({ ...getContentMarkerStyle(node), ...node.attrs.markerStyle })
+    );
+    if (markerStyle.length) {
+      decorations.push(
+        Decoration.node(pos, pos + node.nodeSize, {
+          style: markerStyle.map(([property, value]) => `${property}: ${value}`).join("; ")
+        })
+      );
+    }
   });
   return DecorationSet.create(doc, decorations);
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/decoration-plugins/list-item-sizing.ts"],
-  "sourcesContent": ["import { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { getPxFontSize } from './../../_shared/get-px-font-size.js';\nimport { getBlockDefaultFontSize } from './../../_shared/list-checkbox/get-block-default-font-size.js';\nimport type { Node as ProseMirrorNode } from './../../tiptap/pm/model.js';\nimport { Plugin, PluginKey } from './../../tiptap/pm/state.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\n\nimport { toBlockFontSize } from '../font-size/block-font-size.js';\nimport type { Level } from '../title/extension.js';\nimport { HEADER_NAMES } from '../title/header-names.js';\nimport { onlyChangesUnrelatedAttrs } from '../transaction-predicates/only-changes-unrelated-attrs.js';\n\n// Reads heading `attrs.level` and the block `attrs.fontSize` on the list\n// item's first child. Marks (font-size) come through `Add/RemoveMarkStep` —\n// non-attr — and correctly defeat the predicate without needing to be listed here.\nconst RELEVANT_ATTRS: ReadonlySet<string> = new Set(['level', 'fontSize']);\n\n/**\n * Adds, depending on the list item's first child:\n * - a font-size (so the list marker and paddings size with the text),\n * - a `data-child-font-fit` flag when that font-size is smaller than the block's\n *   own default, so the child paragraph/heading shrinks its font to match (see\n *   `list-checkbox.scss`),\n * - and/or a `data-heading-level` attribute (so a heading-first list item gets\n *   heading styles).\n *\n * No `reuseWhen`: the decoration value depends on the first child's first\n * text node's marks / type, which inline-text edits can change (pasting\n * marked text in front of an unmarked first character, typing that changes\n * the first mark, etc.). Cache is still used across selection-only\n * transactions.\n */\nexport const createListItemSizingDecorationPlugin = () => {\n  const key = new PluginKey<DecorationSet>('list-item-sizing');\n\n  return new Plugin<DecorationSet>({\n    key,\n    state: {\n      init: (_config, state) => buildListItemSizingDecorations(state.doc),\n      // No `reuseWhen` predicate — see plugin docstring for why.\n      apply: (tr, prev) => {\n        if (!tr.docChanged) {\n          return prev;\n        }\n        if (onlyChangesUnrelatedAttrs(tr, RELEVANT_ATTRS)) {\n          return prev;\n        }\n        return buildListItemSizingDecorations(tr.doc);\n      },\n    },\n    props: {\n      decorations(state) {\n        return key.getState(state);\n      },\n    },\n  });\n};\n\n// An empty block sizes the item with its own font size, a block with text with its first text node's.\n// Only an absolute size can size the item: a relative one would compound with the same size on the\n// block inside it, which is relative to the item.\nconst getChildFontSize = (blockNode: ProseMirrorNode | null): number => {\n  if (!blockNode) {\n    return 0;\n  }\n  return (\n    (blockNode.content.size\n      ? toBlockFontSize(blockNode.firstChild?.marks)?.value\n      : getPxFontSize(blockNode.attrs.fontSize)) ?? 0\n  );\n};\n\nconst buildListItemSizingDecorations = (doc: ProseMirrorNode): DecorationSet => {\n  const decorations: Decoration[] = [];\n\n  doc.descendants((node, pos) => {\n    // Text blocks (paragraph, heading, blockquote) cannot contain list items,\n    // so skipping their subtree avoids visiting every text/mark node.\n    // We cannot prune at LIST_ITEM because it may contain nested lists via\n    // `listItemSecondChildContent`, and those nested list items still need\n    // decorations.\n    if (node.isTextblock) {\n      return false;\n    }\n\n    if (node.type.name !== Node_Type.LIST_ITEM) {\n      return;\n    }\n\n    const firstChildOfListItem = node.firstChild;\n    const headingLevel: Level | undefined =\n      firstChildOfListItem?.type.name === Node_Type.HEADING\n        ? firstChildOfListItem?.attrs.level || 1\n        : undefined;\n\n    // Apply the child block's font-size to the list item as a decoration so\n    // the list marker matches the text font-size.\n    const childFontSize = getChildFontSize(firstChildOfListItem);\n    if (childFontSize) {\n      // When the chosen font is smaller than the block's own default, the\n      // block's strut keeps the line (and marker) oversized; flag the item\n      // so the child paragraph/heading shrinks its font to match — see\n      // `list-checkbox.scss`.\n      const childFontFit = childFontSize < getBlockDefaultFontSize(headingLevel);\n      decorations.push(\n        Decoration.node(pos, pos + node.nodeSize, {\n          // No trailing `;` — see indentation-styling.ts.\n          style: `font-size: ${childFontSize}px`,\n          ...(childFontFit ? { 'data-child-font-fit': 'true' } : {}),\n        })\n      );\n    }\n\n    if (headingLevel !== undefined) {\n      decorations.push(\n        Decoration.node(pos, pos + node.nodeSize, {\n          'data-heading-level': `header${HEADER_NAMES[headingLevel - 1]}`,\n        })\n      );\n    }\n  });\n\n  return DecorationSet.create(doc, decorations);\n};\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,+BAA+B;AAExC,SAAS,QAAQ,iBAAiB;AAClC,SAAS,YAAY,qBAAqB;AAE1C,SAAS,uBAAuB;AAEhC,SAAS,oBAAoB;AAC7B,SAAS,iCAAiC;AAK1C,MAAM,iBAAsC,oBAAI,IAAI,CAAC,SAAS,UAAU,CAAC;AAiBlE,MAAM,uCAAuC,MAAM;AACxD,QAAM,MAAM,IAAI,UAAyB,kBAAkB;AAE3D,SAAO,IAAI,OAAsB;AAAA,IAC/B;AAAA,IACA,OAAO;AAAA,MACL,MAAM,CAAC,SAAS,UAAU,+BAA+B,MAAM,GAAG;AAAA;AAAA,MAElE,OAAO,CAAC,IAAI,SAAS;AACnB,YAAI,CAAC,GAAG,YAAY;AAClB,iBAAO;AAAA,QACT;AACA,YAAI,0BAA0B,IAAI,cAAc,GAAG;AACjD,iBAAO;AAAA,QACT;AACA,eAAO,+BAA+B,GAAG,GAAG;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,YAAY,OAAO;AACjB,eAAO,IAAI,SAAS,KAAK;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAKA,MAAM,mBAAmB,CAAC,cAA8C;AACtE,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AACA,UACG,UAAU,QAAQ,OACf,gBAAgB,UAAU,YAAY,KAAK,GAAG,QAC9C,cAAc,UAAU,MAAM,QAAQ,MAAM;AAEpD;AAEA,MAAM,iCAAiC,CAAC,QAAwC;AAC9E,QAAM,cAA4B,CAAC;AAEnC,MAAI,YAAY,CAAC,MAAM,QAAQ;AAM7B,QAAI,KAAK,aAAa;AACpB,aAAO;AAAA,IACT;AAEA,QAAI,KAAK,KAAK,SAAS,UAAU,WAAW;AAC1C;AAAA,IACF;AAEA,UAAM,uBAAuB,KAAK;AAClC,UAAM,eACJ,sBAAsB,KAAK,SAAS,UAAU,UAC1C,sBAAsB,MAAM,SAAS,IACrC;AAIN,UAAM,gBAAgB,iBAAiB,oBAAoB;AAC3D,QAAI,eAAe;AAKjB,YAAM,eAAe,gBAAgB,wBAAwB,YAAY;AACzE,kBAAY;AAAA,QACV,WAAW,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA;AAAA,UAExC,OAAO,cAAc,aAAa;AAAA,UAClC,GAAI,eAAe,EAAE,uBAAuB,OAAO,IAAI,CAAC;AAAA,QAC1D,CAAC;AAAA,MACH;AAAA,IACF;AAEA,QAAI,iBAAiB,QAAW;AAC9B,kBAAY;AAAA,QACV,WAAW,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA,UACxC,sBAAsB,SAAS,aAAa,eAAe,CAAC,CAAC;AAAA,QAC/D,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,cAAc,OAAO,KAAK,WAAW;AAC9C;",
+  "sourcesContent": ["import { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { getListMarkerStyle } from './../../_shared/get-list-marker-style.js';\nimport { getPxFontSize } from './../../_shared/get-px-font-size.js';\nimport { getBlockDefaultFontSize } from './../../_shared/list-checkbox/get-block-default-font-size.js';\nimport type { Node as ProseMirrorNode } from './../../tiptap/pm/model.js';\nimport { Plugin, PluginKey } from './../../tiptap/pm/state.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\n\nimport { toBlockFontSize } from '../font-size/block-font-size.js';\nimport { getContentMarkerStyle } from '../list-item/list-marker-selection.js';\nimport type { Level } from '../title/extension.js';\nimport { HEADER_NAMES } from '../title/header-names.js';\nimport { onlyChangesUnrelatedAttrs } from '../transaction-predicates/only-changes-unrelated-attrs.js';\n\n// Reads the list item's `attrs.markerStyle`, and heading `attrs.level` and the\n// block `attrs.fontSize` on its first child. Marks (font-size) come through `Add/RemoveMarkStep` —\n// non-attr — and correctly defeat the predicate without needing to be listed here.\nconst RELEVANT_ATTRS: ReadonlySet<string> = new Set(['level', 'fontSize', 'markerStyle']);\n\n/**\n * Adds, depending on the list item's first child:\n * - a font-size (so the list marker and paddings size with the text),\n * - a `data-child-font-fit` flag when that font-size is smaller than the block's\n *   own default, so the child paragraph/heading shrinks its font to match (see\n *   `list-checkbox.scss`),\n * - a `data-heading-level` attribute (so a heading-first list item gets\n *   heading styles),\n * - and/or the marker's style: its own over the style its whole text shares (see\n *   `getListMarkerStyle`).\n *\n * No `reuseWhen`: the decoration value depends on the first child's type and\n * its text nodes' marks, which inline-text edits can change (pasting marked\n * text in front of an unmarked first character, typing that changes the first\n * mark, styling the whole text, etc.). Cache is still used across\n * selection-only transactions.\n */\nexport const createListItemSizingDecorationPlugin = () => {\n  const key = new PluginKey<DecorationSet>('list-item-sizing');\n\n  return new Plugin<DecorationSet>({\n    key,\n    state: {\n      init: (_config, state) => buildListItemSizingDecorations(state.doc),\n      // No `reuseWhen` predicate — see plugin docstring for why.\n      apply: (tr, prev) => {\n        if (!tr.docChanged) {\n          return prev;\n        }\n        if (onlyChangesUnrelatedAttrs(tr, RELEVANT_ATTRS)) {\n          return prev;\n        }\n        return buildListItemSizingDecorations(tr.doc);\n      },\n    },\n    props: {\n      decorations(state) {\n        return key.getState(state);\n      },\n    },\n  });\n};\n\n// An empty block sizes the item with its own font size, a block with text with its first text node's.\n// Only an absolute size can size the item: a relative one would compound with the same size on the\n// block inside it, which is relative to the item.\nconst getChildFontSize = (blockNode: ProseMirrorNode | null): number => {\n  if (!blockNode) {\n    return 0;\n  }\n  return (\n    (blockNode.content.size\n      ? toBlockFontSize(blockNode.firstChild?.marks)?.value\n      : getPxFontSize(blockNode.attrs.fontSize)) ?? 0\n  );\n};\n\nconst buildListItemSizingDecorations = (doc: ProseMirrorNode): DecorationSet => {\n  const decorations: Decoration[] = [];\n\n  doc.descendants((node, pos) => {\n    // Text blocks (paragraph, heading, blockquote) cannot contain list items,\n    // so skipping their subtree avoids visiting every text/mark node.\n    // We cannot prune at LIST_ITEM because it may contain nested lists via\n    // `listItemSecondChildContent`, and those nested list items still need\n    // decorations.\n    if (node.isTextblock) {\n      return false;\n    }\n\n    if (node.type.name !== Node_Type.LIST_ITEM) {\n      return;\n    }\n\n    const firstChildOfListItem = node.firstChild;\n    const headingLevel: Level | undefined =\n      firstChildOfListItem?.type.name === Node_Type.HEADING\n        ? firstChildOfListItem?.attrs.level || 1\n        : undefined;\n\n    // Apply the child block's font-size to the list item as a decoration so\n    // the list marker matches the text font-size.\n    const childFontSize = getChildFontSize(firstChildOfListItem);\n    if (childFontSize) {\n      // When the chosen font is smaller than the block's own default, the\n      // block's strut keeps the line (and marker) oversized; flag the item\n      // so the child paragraph/heading shrinks its font to match — see\n      // `list-checkbox.scss`.\n      const childFontFit = childFontSize < getBlockDefaultFontSize(headingLevel);\n      decorations.push(\n        Decoration.node(pos, pos + node.nodeSize, {\n          // No trailing `;` — see indentation-styling.ts.\n          style: `font-size: ${childFontSize}px`,\n          ...(childFontFit ? { 'data-child-font-fit': 'true' } : {}),\n        })\n      );\n    }\n\n    if (headingLevel !== undefined) {\n      decorations.push(\n        Decoration.node(pos, pos + node.nodeSize, {\n          'data-heading-level': `header${HEADER_NAMES[headingLevel - 1]}`,\n        })\n      );\n    }\n\n    const markerStyle = Object.entries(\n      getListMarkerStyle({ ...getContentMarkerStyle(node), ...node.attrs.markerStyle })\n    );\n    if (markerStyle.length) {\n      decorations.push(\n        Decoration.node(pos, pos + node.nodeSize, {\n          style: markerStyle.map(([property, value]) => `${property}: ${value}`).join('; '),\n        })\n      );\n    }\n  });\n\n  return DecorationSet.create(doc, decorations);\n};\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,+BAA+B;AAExC,SAAS,QAAQ,iBAAiB;AAClC,SAAS,YAAY,qBAAqB;AAE1C,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AAEtC,SAAS,oBAAoB;AAC7B,SAAS,iCAAiC;AAK1C,MAAM,iBAAsC,oBAAI,IAAI,CAAC,SAAS,YAAY,aAAa,CAAC;AAmBjF,MAAM,uCAAuC,MAAM;AACxD,QAAM,MAAM,IAAI,UAAyB,kBAAkB;AAE3D,SAAO,IAAI,OAAsB;AAAA,IAC/B;AAAA,IACA,OAAO;AAAA,MACL,MAAM,CAAC,SAAS,UAAU,+BAA+B,MAAM,GAAG;AAAA;AAAA,MAElE,OAAO,CAAC,IAAI,SAAS;AACnB,YAAI,CAAC,GAAG,YAAY;AAClB,iBAAO;AAAA,QACT;AACA,YAAI,0BAA0B,IAAI,cAAc,GAAG;AACjD,iBAAO;AAAA,QACT;AACA,eAAO,+BAA+B,GAAG,GAAG;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,YAAY,OAAO;AACjB,eAAO,IAAI,SAAS,KAAK;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAKA,MAAM,mBAAmB,CAAC,cAA8C;AACtE,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AACA,UACG,UAAU,QAAQ,OACf,gBAAgB,UAAU,YAAY,KAAK,GAAG,QAC9C,cAAc,UAAU,MAAM,QAAQ,MAAM;AAEpD;AAEA,MAAM,iCAAiC,CAAC,QAAwC;AAC9E,QAAM,cAA4B,CAAC;AAEnC,MAAI,YAAY,CAAC,MAAM,QAAQ;AAM7B,QAAI,KAAK,aAAa;AACpB,aAAO;AAAA,IACT;AAEA,QAAI,KAAK,KAAK,SAAS,UAAU,WAAW;AAC1C;AAAA,IACF;AAEA,UAAM,uBAAuB,KAAK;AAClC,UAAM,eACJ,sBAAsB,KAAK,SAAS,UAAU,UAC1C,sBAAsB,MAAM,SAAS,IACrC;AAIN,UAAM,gBAAgB,iBAAiB,oBAAoB;AAC3D,QAAI,eAAe;AAKjB,YAAM,eAAe,gBAAgB,wBAAwB,YAAY;AACzE,kBAAY;AAAA,QACV,WAAW,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA;AAAA,UAExC,OAAO,cAAc,aAAa;AAAA,UAClC,GAAI,eAAe,EAAE,uBAAuB,OAAO,IAAI,CAAC;AAAA,QAC1D,CAAC;AAAA,MACH;AAAA,IACF;AAEA,QAAI,iBAAiB,QAAW;AAC9B,kBAAY;AAAA,QACV,WAAW,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA,UACxC,sBAAsB,SAAS,aAAa,eAAe,CAAC,CAAC;AAAA,QAC/D,CAAC;AAAA,MACH;AAAA,IACF;AAEA,UAAM,cAAc,OAAO;AAAA,MACzB,mBAAmB,EAAE,GAAG,sBAAsB,IAAI,GAAG,GAAG,KAAK,MAAM,YAAY,CAAC;AAAA,IAClF;AACA,QAAI,YAAY,QAAQ;AACtB,kBAAY;AAAA,QACV,WAAW,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA,UACxC,OAAO,YAAY,IAAI,CAAC,CAAC,UAAU,KAAK,MAAM,GAAG,QAAQ,KAAK,KAAK,EAAE,EAAE,KAAK,IAAI;AAAA,QAClF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,cAAc,OAAO,KAAK,WAAW;AAC9C;",
   "names": []
 }

package/dist/es/ricos-common-plugins/font-size/block-font-size-plugin.js

@@ -3,6 +3,7 @@ import { formatFontSize } from "./../../_shared/format-font-size.js";
 import { combineTransactionSteps, getChangedRanges } from "./../../tiptap/core/index.js";
 import { Plugin, PluginKey } from "./../../tiptap/pm/state.js";
 import { Decoration, DecorationSet } from "./../../tiptap/pm/view.js";
+import { ListMarkerSelection } from "../list-item/list-marker-selection.js";
 import { isSameBlockFontSize, isSizedTextblock, toBlockFontSize } from "./block-font-size.js";
 const createBlockFontSizePlugin = (config) => {
   const key = new PluginKey("block-font-size");
@@ -94,7 +95,7 @@ const leftBlockType = (oldState, cursorBlock, transform) => {
 const findEmptyCursorBlock = ({
   selection
 }) => {
-  if (!selection.empty) {
+  if (!selection.empty || selection instanceof ListMarkerSelection) {
     return void 0;
   }
   const { parent } = selection.$from;

package/dist/es/ricos-common-plugins/font-size/block-font-size-plugin.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/font-size/block-font-size-plugin.ts"],
-  "sourcesContent": ["import type { FontSizeData } from './../../ricos-schema/next-schema/index.js';\nimport { Mark_Type } from './../../ricos-types/index.js';\nimport { type FontSizeCommonConfig, formatFontSize } from './../../_shared/format-font-size.js';\nimport { combineTransactionSteps, getChangedRanges } from './../../tiptap/core/index.js';\nimport type { Node as ProseMirrorNode } from './../../tiptap/pm/model.js';\nimport type { EditorState, Transaction } from './../../tiptap/pm/state.js';\nimport { Plugin, PluginKey } from './../../tiptap/pm/state.js';\nimport type { Transform } from './../../tiptap/pm/transform.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\n\nimport { isSameBlockFontSize, isSizedTextblock, toBlockFontSize } from './block-font-size.js';\n\ntype Block = { node: ProseMirrorNode; pos: number };\n\n// Only blocks a transaction touched are visited, so loaded content is never rewritten\nexport const createBlockFontSizePlugin = (config?: FontSizeCommonConfig) => {\n  const key = new PluginKey<DecorationSet>('block-font-size');\n\n  return new Plugin<DecorationSet>({\n    key,\n    state: {\n      init: (_config, state) => buildEmptyBlockDecorations(state.doc, config),\n      apply: (tr, prev) => (tr.docChanged ? buildEmptyBlockDecorations(tr.doc, config) : prev),\n    },\n    props: {\n      decorations(state) {\n        return key.getState(state);\n      },\n    },\n    appendTransaction: (transactions, oldState, newState) => {\n      const tr = newState.tr;\n      const transform = transactions.some(transaction => transaction.docChanged)\n        ? combineTransactionSteps(oldState.doc, [...transactions])\n        : undefined;\n\n      if (transform) {\n        sizeEmptiedBlocks(tr, oldState, newState, transform);\n      }\n\n      const cursorBlock = findEmptyCursorBlock(newState);\n      let storedMarks = newState.storedMarks;\n\n      if (cursorBlock && transform && leftBlockType(oldState, cursorBlock, transform)) {\n        // The marks the new block would type at: the stored ones, or the ones `unique-id` carries\n        // over from the old cursor when it ids the block (keep the fallback in sync with it).\n        const { $from, $to } = oldState.selection;\n        const carriedMarks = storedMarks ?? ($to.parentOffset ? $from.marks() : []);\n        if (carriedMarks.some(mark => mark.type.name === Mark_Type.FONT_SIZE)) {\n          storedMarks = carriedMarks.filter(mark => mark.type.name !== Mark_Type.FONT_SIZE);\n        }\n        if (cursorBlock.node.attrs.fontSize) {\n          tr.setNodeAttribute(cursorBlock.pos, 'fontSize', null);\n        }\n      } else if (cursorBlock && transactions.some(transaction => transaction.storedMarksSet)) {\n        const storedFontSize = toBlockFontSize(storedMarks);\n        if (\n          storedFontSize &&\n          !isSameBlockFontSize(storedFontSize, cursorBlock.node.attrs.fontSize)\n        ) {\n          tr.setNodeAttribute(cursorBlock.pos, 'fontSize', storedFontSize);\n        }\n      }\n\n      // Attribute steps keep positions, so the block can be re-read after `sizeEmptiedBlocks`\n      const blockFontSize = cursorBlock && tr.doc.nodeAt(cursorBlock.pos)!.attrs.fontSize;\n      const fontSizeMarkType = newState.schema.marks[Mark_Type.FONT_SIZE];\n      if (blockFontSize && fontSizeMarkType && !fontSizeMarkType.isInSet(storedMarks ?? [])) {\n        storedMarks = [...(storedMarks ?? []), fontSizeMarkType.create(blockFontSize)];\n      }\n\n      // Steps reset the transaction's stored marks; put back the ones the state already had.\n      if (storedMarks && (tr.steps.length || storedMarks !== newState.storedMarks)) {\n        tr.setStoredMarks(storedMarks);\n      }\n\n      return tr.steps.length || tr.storedMarksSet ? tr : undefined;\n    },\n  });\n};\n\n// Text renders at its own sizes, so only an empty block is styled with its own size\nconst buildEmptyBlockDecorations = (\n  doc: ProseMirrorNode,\n  config?: FontSizeCommonConfig\n): DecorationSet => {\n  const decorations: Decoration[] = [];\n  doc.descendants((node, pos) => {\n    const fontSize: FontSizeData | null = node.attrs.fontSize;\n    if (isSizedTextblock(node) && !node.content.size && fontSize) {\n      decorations.push(\n        Decoration.node(pos, pos + node.nodeSize, {\n          // No trailing `;` — see indentation-styling.ts.\n          style: `font-size: ${formatFontSize({ value: fontSize.value, unit: fontSize.unit?.toLowerCase() }, config)}`,\n        })\n      );\n    }\n    return !node.isTextblock;\n  });\n  return DecorationSet.create(doc, decorations);\n};\n\n// A block whose text was all deleted keeps the size its first character had; the block is looked up\n// from the old side, since a new empty block can sit where an old one started.\nconst sizeEmptiedBlocks = (\n  tr: Transaction,\n  oldState: EditorState,\n  newState: EditorState,\n  transform: Transform\n) => {\n  const sized = new Set<number>();\n  getChangedRanges(transform).forEach(({ oldRange }) => {\n    oldState.doc.nodesBetween(oldRange.from, oldRange.to, (oldNode, oldPos) => {\n      if (isSizedTextblock(oldNode) && oldNode.content.size) {\n        const pos = transform.mapping.map(oldPos);\n        const node = newState.doc.nodeAt(pos);\n        if (node?.type === oldNode.type && !node.content.size && !sized.has(pos)) {\n          sized.add(pos);\n          const fontSize = toBlockFontSize(oldNode.firstChild?.marks);\n          if (!isSameBlockFontSize(fontSize, node.attrs.fontSize)) {\n            tr.setNodeAttribute(pos, 'fontSize', fontSize);\n          }\n        }\n      }\n      return !oldNode.isTextblock;\n    });\n  });\n};\n\n// Enter into a block of another type (heading → paragraph, blockquote → paragraph) starts at the\n// default size. The block the cursor left maps onto itself, so a toolbar toggle of the same block\n// or a split into the block's own type keeps the size.\nconst leftBlockType = (\n  oldState: EditorState,\n  cursorBlock: Block,\n  transform: Transform\n): boolean => {\n  const { $from } = oldState.selection;\n  return (\n    $from.depth > 0 &&\n    transform.mapping.map($from.before()) !== cursorBlock.pos &&\n    $from.parent.type !== cursorBlock.node.type\n  );\n};\n\nexport const findEmptyCursorBlock = ({\n  selection,\n}: Pick<EditorState, 'selection'>): Block | undefined => {\n  if (!selection.empty) {\n    return undefined;\n  }\n  const { parent } = selection.$from;\n  if (!isSizedTextblock(parent) || parent.content.size !== 0) {\n    return undefined;\n  }\n  return { node: parent, pos: selection.$from.before() };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { FontSizeData } from './../../ricos-schema/next-schema/index.js';\nimport { Mark_Type } from './../../ricos-types/index.js';\nimport { type FontSizeCommonConfig, formatFontSize } from './../../_shared/format-font-size.js';\nimport { combineTransactionSteps, getChangedRanges } from './../../tiptap/core/index.js';\nimport type { Node as ProseMirrorNode } from './../../tiptap/pm/model.js';\nimport type { EditorState, Transaction } from './../../tiptap/pm/state.js';\nimport { Plugin, PluginKey } from './../../tiptap/pm/state.js';\nimport type { Transform } from './../../tiptap/pm/transform.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\n\nimport { ListMarkerSelection } from '../list-item/list-marker-selection.js';\nimport { isSameBlockFontSize, isSizedTextblock, toBlockFontSize } from './block-font-size.js';\n\ntype Block = { node: ProseMirrorNode; pos: number };\n\n// Only blocks a transaction touched are visited, so loaded content is never rewritten\nexport const createBlockFontSizePlugin = (config?: FontSizeCommonConfig) => {\n  const key = new PluginKey<DecorationSet>('block-font-size');\n\n  return new Plugin<DecorationSet>({\n    key,\n    state: {\n      init: (_config, state) => buildEmptyBlockDecorations(state.doc, config),\n      apply: (tr, prev) => (tr.docChanged ? buildEmptyBlockDecorations(tr.doc, config) : prev),\n    },\n    props: {\n      decorations(state) {\n        return key.getState(state);\n      },\n    },\n    appendTransaction: (transactions, oldState, newState) => {\n      const tr = newState.tr;\n      const transform = transactions.some(transaction => transaction.docChanged)\n        ? combineTransactionSteps(oldState.doc, [...transactions])\n        : undefined;\n\n      if (transform) {\n        sizeEmptiedBlocks(tr, oldState, newState, transform);\n      }\n\n      const cursorBlock = findEmptyCursorBlock(newState);\n      let storedMarks = newState.storedMarks;\n\n      if (cursorBlock && transform && leftBlockType(oldState, cursorBlock, transform)) {\n        // The marks the new block would type at: the stored ones, or the ones `unique-id` carries\n        // over from the old cursor when it ids the block (keep the fallback in sync with it).\n        const { $from, $to } = oldState.selection;\n        const carriedMarks = storedMarks ?? ($to.parentOffset ? $from.marks() : []);\n        if (carriedMarks.some(mark => mark.type.name === Mark_Type.FONT_SIZE)) {\n          storedMarks = carriedMarks.filter(mark => mark.type.name !== Mark_Type.FONT_SIZE);\n        }\n        if (cursorBlock.node.attrs.fontSize) {\n          tr.setNodeAttribute(cursorBlock.pos, 'fontSize', null);\n        }\n      } else if (cursorBlock && transactions.some(transaction => transaction.storedMarksSet)) {\n        const storedFontSize = toBlockFontSize(storedMarks);\n        if (\n          storedFontSize &&\n          !isSameBlockFontSize(storedFontSize, cursorBlock.node.attrs.fontSize)\n        ) {\n          tr.setNodeAttribute(cursorBlock.pos, 'fontSize', storedFontSize);\n        }\n      }\n\n      // Attribute steps keep positions, so the block can be re-read after `sizeEmptiedBlocks`\n      const blockFontSize = cursorBlock && tr.doc.nodeAt(cursorBlock.pos)!.attrs.fontSize;\n      const fontSizeMarkType = newState.schema.marks[Mark_Type.FONT_SIZE];\n      if (blockFontSize && fontSizeMarkType && !fontSizeMarkType.isInSet(storedMarks ?? [])) {\n        storedMarks = [...(storedMarks ?? []), fontSizeMarkType.create(blockFontSize)];\n      }\n\n      // Steps reset the transaction's stored marks; put back the ones the state already had.\n      if (storedMarks && (tr.steps.length || storedMarks !== newState.storedMarks)) {\n        tr.setStoredMarks(storedMarks);\n      }\n\n      return tr.steps.length || tr.storedMarksSet ? tr : undefined;\n    },\n  });\n};\n\n// Text renders at its own sizes, so only an empty block is styled with its own size\nconst buildEmptyBlockDecorations = (\n  doc: ProseMirrorNode,\n  config?: FontSizeCommonConfig\n): DecorationSet => {\n  const decorations: Decoration[] = [];\n  doc.descendants((node, pos) => {\n    const fontSize: FontSizeData | null = node.attrs.fontSize;\n    if (isSizedTextblock(node) && !node.content.size && fontSize) {\n      decorations.push(\n        Decoration.node(pos, pos + node.nodeSize, {\n          // No trailing `;` — see indentation-styling.ts.\n          style: `font-size: ${formatFontSize({ value: fontSize.value, unit: fontSize.unit?.toLowerCase() }, config)}`,\n        })\n      );\n    }\n    return !node.isTextblock;\n  });\n  return DecorationSet.create(doc, decorations);\n};\n\n// A block whose text was all deleted keeps the size its first character had; the block is looked up\n// from the old side, since a new empty block can sit where an old one started.\nconst sizeEmptiedBlocks = (\n  tr: Transaction,\n  oldState: EditorState,\n  newState: EditorState,\n  transform: Transform\n) => {\n  const sized = new Set<number>();\n  getChangedRanges(transform).forEach(({ oldRange }) => {\n    oldState.doc.nodesBetween(oldRange.from, oldRange.to, (oldNode, oldPos) => {\n      if (isSizedTextblock(oldNode) && oldNode.content.size) {\n        const pos = transform.mapping.map(oldPos);\n        const node = newState.doc.nodeAt(pos);\n        if (node?.type === oldNode.type && !node.content.size && !sized.has(pos)) {\n          sized.add(pos);\n          const fontSize = toBlockFontSize(oldNode.firstChild?.marks);\n          if (!isSameBlockFontSize(fontSize, node.attrs.fontSize)) {\n            tr.setNodeAttribute(pos, 'fontSize', fontSize);\n          }\n        }\n      }\n      return !oldNode.isTextblock;\n    });\n  });\n};\n\n// Enter into a block of another type (heading → paragraph, blockquote → paragraph) starts at the\n// default size. The block the cursor left maps onto itself, so a toolbar toggle of the same block\n// or a split into the block's own type keeps the size.\nconst leftBlockType = (\n  oldState: EditorState,\n  cursorBlock: Block,\n  transform: Transform\n): boolean => {\n  const { $from } = oldState.selection;\n  return (\n    $from.depth > 0 &&\n    transform.mapping.map($from.before()) !== cursorBlock.pos &&\n    $from.parent.type !== cursorBlock.node.type\n  );\n};\n\nexport const findEmptyCursorBlock = ({\n  selection,\n}: Pick<EditorState, 'selection'>): Block | undefined => {\n  // A marker selection's stored marks are the marker's style, not the block's.\n  if (!selection.empty || selection instanceof ListMarkerSelection) {\n    return undefined;\n  }\n  const { parent } = selection.$from;\n  if (!isSizedTextblock(parent) || parent.content.size !== 0) {\n    return undefined;\n  }\n  return { node: parent, pos: selection.$from.before() };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/ricos-common-plugins/font-size/dropdown/font-size-dropdown-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "3693b1df";
+var styleDataHash = "890766c2";
 const injectCss = (() => {
-  var css = `._18KTQ{--wds-list-item-select-padding-horizontal-small:6px;--wds-list-item-select-padding-horizontal-medium:6px;--wds-list-item-select-padding-right-small:6px;--wds-list-item-select-padding-right-medium:6px}`;
+  var css = `.UVUdR{--wds-list-item-select-padding-horizontal-small:6px;--wds-list-item-select-padding-horizontal-medium:6px;--wds-list-item-select-padding-right-small:6px;--wds-list-item-select-padding-right-medium:6px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var font_size_dropdown_default = {
-  "dropdown": "_18KTQ"
+  "dropdown": "UVUdR"
 };
 export {
   font_size_dropdown_default as default,

package/dist/es/ricos-common-plugins/font-size/dropdown/font-size-dropdown-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ricos-common-plugins/font-size/dropdown/font-size-dropdown.scss"],
-  "sourcesContent": ["var styleDataHash = '3693b1df';  \nexport const injectCss = (() => {\n  var css = `._18KTQ{--wds-list-item-select-padding-horizontal-small:6px;--wds-list-item-select-padding-horizontal-medium:6px;--wds-list-item-select-padding-right-small:6px;--wds-list-item-select-padding-right-medium:6px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"dropdown\": \"_18KTQ\"\n};"],
+  "sourcesContent": ["var styleDataHash = '890766c2';  \nexport const injectCss = (() => {\n  var css = `.UVUdR{--wds-list-item-select-padding-horizontal-small:6px;--wds-list-item-select-padding-horizontal-medium:6px;--wds-list-item-select-padding-right-small:6px;--wds-list-item-select-padding-right-medium:6px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"dropdown\": \"UVUdR\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,6BAAQ;AAAA,EACb,YAAY;AACd;",
   "names": []
 }

package/dist/es/ricos-common-plugins/gap-spacer/gap-spacer-component/gap-spacer-styles-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "40cfa778";
+var styleDataHash = "ecc8c27a";
 const injectCss = (() => {
-  var css = `.u9tWd,.ufTTK{cursor:pointer;height:14px;margin:0;padding:0;pointer-events:auto;position:relative;width:100%}.u9tWd:not(.rHRUK):hover .JPYef,.ufTTK:not(.rHRUK):hover .JPYef{opacity:1}.rHRUK.ufTTK,.u9tWd.rHRUK{cursor:auto;height:0;pointer-events:none}.ufTTK{cursor:none;pointer-events:none}._7Z4hq .JPYef{opacity:1}.JPYef{background-color:#116dff;height:2px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:100%;z-index:1000000}.JPYef:after,.JPYef:before{background-color:#116dff;content:"";height:3px;left:0;opacity:.3;position:absolute;width:100%}.JPYef:before{top:-3px}.JPYef:after{bottom:-3px}.ZTWYS{background:var(--wds-tooltip-background-fill,var(--wsr-color-D10,#000624));border-radius:var(--wds-tooltip-border-radius,8px);box-shadow:var(--wds-shadow-surface-overlay-dark,var(--wsr-shadow30,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));color:var(--wds-tooltip-text-fill,var(--wsr-color-D80,#fff));font-family:var(--wds-font-family-default,var(--wsr-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,"\\30E1\\30A4\\30EA\\30AA","meiryo","\\30D2\\30E9\\30AE\\30CE\\89D2\\30B4 pro w3","hiragino kaku gothic pro",sans-serif));font-size:var(--wds-font-size-body-tiny,var(--wsr-text-font-size-tiny,12px));font-weight:var(--wds-font-weight-regular,var(--wsr-font-weight-regular,400));letter-spacing:var(--wds-font-letter-spacing-0,unset);line-height:var(--wds-font-line-height-body-tiny,var(--wsr-text-line-height-tiny,15px));padding:var(--wds-tooltip-padding-vertical-small,8px) var(--wds-tooltip-padding-horizontal-small,12px) var(--wds-tooltip-padding-vertical-small,7px);position:absolute;word-wrap:break-word;border:none;max-width:180px;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-100%) scale(.8);transition:opacity .15s ease-out,transform .15s ease-out;word-break:break-word;z-index:1000000}._14CJn{display:none}@supports not (contain:inline-size){@media only screen and (max-width:480px){._14CJn{display:block}}}@container (width < 480px){._14CJn:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){display:block}}@media (width < 480px){._14CJn:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._14CJn{display:block}}.mrDgD{margin-top:14px}`;
+  var css = `.l6FGw,.u5XLW{cursor:pointer;height:14px;margin:0;padding:0;pointer-events:auto;position:relative;width:100%}.l6FGw:not(.uqgfF):hover .Sp23k,.u5XLW:not(.uqgfF):hover .Sp23k{opacity:1}.l6FGw.uqgfF,.uqgfF.u5XLW{cursor:auto;height:0;pointer-events:none}.u5XLW{cursor:none;pointer-events:none}.O-rOR .Sp23k{opacity:1}.Sp23k{background-color:#116dff;height:2px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:100%;z-index:1000000}.Sp23k:after,.Sp23k:before{background-color:#116dff;content:"";height:3px;left:0;opacity:.3;position:absolute;width:100%}.Sp23k:before{top:-3px}.Sp23k:after{bottom:-3px}._7p5BX{background:var(--wds-tooltip-background-fill,var(--wsr-color-D10,#000624));border-radius:var(--wds-tooltip-border-radius,8px);box-shadow:var(--wds-shadow-surface-overlay-dark,var(--wsr-shadow30,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));color:var(--wds-tooltip-text-fill,var(--wsr-color-D80,#fff));font-family:var(--wds-font-family-default,var(--wsr-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,"\\30E1\\30A4\\30EA\\30AA","meiryo","\\30D2\\30E9\\30AE\\30CE\\89D2\\30B4 pro w3","hiragino kaku gothic pro",sans-serif));font-size:var(--wds-font-size-body-tiny,var(--wsr-text-font-size-tiny,12px));font-weight:var(--wds-font-weight-regular,var(--wsr-font-weight-regular,400));letter-spacing:var(--wds-font-letter-spacing-0,unset);line-height:var(--wds-font-line-height-body-tiny,var(--wsr-text-line-height-tiny,15px));padding:var(--wds-tooltip-padding-vertical-small,8px) var(--wds-tooltip-padding-horizontal-small,12px) var(--wds-tooltip-padding-vertical-small,7px);position:absolute;word-wrap:break-word;border:none;max-width:180px;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-100%) scale(.8);transition:opacity .15s ease-out,transform .15s ease-out;word-break:break-word;z-index:1000000}.wUldk{display:none}@supports not (contain:inline-size){@media only screen and (max-width:480px){.wUldk{display:block}}}@container (width < 480px){.wUldk:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){display:block}}@media (width < 480px){.wUldk:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .wUldk{display:block}}._7eKCz{margin-top:14px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,14 +21,14 @@ const injectCss = (() => {
 });
 injectCss();
 var gap_spacer_styles_default = {
-  "gapSpacerContainer": "u9tWd",
-  "gapSpacerViewer": "ufTTK",
-  "collapsed": "rHRUK",
-  "gapSpacerLine": "JPYef",
-  "gapSpacerFocused": "_7Z4hq",
-  "gapSpacerTooltip": "ZTWYS",
-  "betweenFloated": "_14CJn",
-  "withTopMargin": "mrDgD"
+  "gapSpacerContainer": "l6FGw",
+  "gapSpacerViewer": "u5XLW",
+  "collapsed": "uqgfF",
+  "gapSpacerLine": "Sp23k",
+  "gapSpacerFocused": "O-rOR",
+  "gapSpacerTooltip": "_7p5BX",
+  "betweenFloated": "wUldk",
+  "withTopMargin": "_7eKCz"
 };
 export {
   gap_spacer_styles_default as default,

package/dist/es/ricos-common-plugins/gap-spacer/gap-spacer-component/gap-spacer-styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ricos-common-plugins/gap-spacer/gap-spacer-component/gap-spacer-styles.scss"],
-  "sourcesContent": ["var styleDataHash = '40cfa778';  \nexport const injectCss = (() => {\n  var css = `.u9tWd,.ufTTK{cursor:pointer;height:14px;margin:0;padding:0;pointer-events:auto;position:relative;width:100%}.u9tWd:not(.rHRUK):hover .JPYef,.ufTTK:not(.rHRUK):hover .JPYef{opacity:1}.rHRUK.ufTTK,.u9tWd.rHRUK{cursor:auto;height:0;pointer-events:none}.ufTTK{cursor:none;pointer-events:none}._7Z4hq .JPYef{opacity:1}.JPYef{background-color:#116dff;height:2px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:100%;z-index:1000000}.JPYef:after,.JPYef:before{background-color:#116dff;content:\"\";height:3px;left:0;opacity:.3;position:absolute;width:100%}.JPYef:before{top:-3px}.JPYef:after{bottom:-3px}.ZTWYS{background:var(--wds-tooltip-background-fill,var(--wsr-color-D10,#000624));border-radius:var(--wds-tooltip-border-radius,8px);box-shadow:var(--wds-shadow-surface-overlay-dark,var(--wsr-shadow30,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));color:var(--wds-tooltip-text-fill,var(--wsr-color-D80,#fff));font-family:var(--wds-font-family-default,var(--wsr-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,\"\\\\30E1\\\\30A4\\\\30EA\\\\30AA\",\"meiryo\",\"\\\\30D2\\\\30E9\\\\30AE\\\\30CE\\\\89D2\\\\30B4 pro w3\",\"hiragino kaku gothic pro\",sans-serif));font-size:var(--wds-font-size-body-tiny,var(--wsr-text-font-size-tiny,12px));font-weight:var(--wds-font-weight-regular,var(--wsr-font-weight-regular,400));letter-spacing:var(--wds-font-letter-spacing-0,unset);line-height:var(--wds-font-line-height-body-tiny,var(--wsr-text-line-height-tiny,15px));padding:var(--wds-tooltip-padding-vertical-small,8px) var(--wds-tooltip-padding-horizontal-small,12px) var(--wds-tooltip-padding-vertical-small,7px);position:absolute;word-wrap:break-word;border:none;max-width:180px;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-100%) scale(.8);transition:opacity .15s ease-out,transform .15s ease-out;word-break:break-word;z-index:1000000}._14CJn{display:none}@supports not (contain:inline-size){@media only screen and (max-width:480px){._14CJn{display:block}}}@container (width < 480px){._14CJn:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){display:block}}@media (width < 480px){._14CJn:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._14CJn{display:block}}.mrDgD{margin-top:14px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"gapSpacerContainer\": \"u9tWd\",\n  \"gapSpacerViewer\": \"ufTTK\",\n  \"collapsed\": \"rHRUK\",\n  \"gapSpacerLine\": \"JPYef\",\n  \"gapSpacerFocused\": \"_7Z4hq\",\n  \"gapSpacerTooltip\": \"ZTWYS\",\n  \"betweenFloated\": \"_14CJn\",\n  \"withTopMargin\": \"mrDgD\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'ecc8c27a';  \nexport const injectCss = (() => {\n  var css = `.l6FGw,.u5XLW{cursor:pointer;height:14px;margin:0;padding:0;pointer-events:auto;position:relative;width:100%}.l6FGw:not(.uqgfF):hover .Sp23k,.u5XLW:not(.uqgfF):hover .Sp23k{opacity:1}.l6FGw.uqgfF,.uqgfF.u5XLW{cursor:auto;height:0;pointer-events:none}.u5XLW{cursor:none;pointer-events:none}.O-rOR .Sp23k{opacity:1}.Sp23k{background-color:#116dff;height:2px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:100%;z-index:1000000}.Sp23k:after,.Sp23k:before{background-color:#116dff;content:\"\";height:3px;left:0;opacity:.3;position:absolute;width:100%}.Sp23k:before{top:-3px}.Sp23k:after{bottom:-3px}._7p5BX{background:var(--wds-tooltip-background-fill,var(--wsr-color-D10,#000624));border-radius:var(--wds-tooltip-border-radius,8px);box-shadow:var(--wds-shadow-surface-overlay-dark,var(--wsr-shadow30,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));color:var(--wds-tooltip-text-fill,var(--wsr-color-D80,#fff));font-family:var(--wds-font-family-default,var(--wsr-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,\"\\\\30E1\\\\30A4\\\\30EA\\\\30AA\",\"meiryo\",\"\\\\30D2\\\\30E9\\\\30AE\\\\30CE\\\\89D2\\\\30B4 pro w3\",\"hiragino kaku gothic pro\",sans-serif));font-size:var(--wds-font-size-body-tiny,var(--wsr-text-font-size-tiny,12px));font-weight:var(--wds-font-weight-regular,var(--wsr-font-weight-regular,400));letter-spacing:var(--wds-font-letter-spacing-0,unset);line-height:var(--wds-font-line-height-body-tiny,var(--wsr-text-line-height-tiny,15px));padding:var(--wds-tooltip-padding-vertical-small,8px) var(--wds-tooltip-padding-horizontal-small,12px) var(--wds-tooltip-padding-vertical-small,7px);position:absolute;word-wrap:break-word;border:none;max-width:180px;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-100%) scale(.8);transition:opacity .15s ease-out,transform .15s ease-out;word-break:break-word;z-index:1000000}.wUldk{display:none}@supports not (contain:inline-size){@media only screen and (max-width:480px){.wUldk{display:block}}}@container (width < 480px){.wUldk:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){display:block}}@media (width < 480px){.wUldk:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .wUldk{display:block}}._7eKCz{margin-top:14px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"gapSpacerContainer\": \"l6FGw\",\n  \"gapSpacerViewer\": \"u5XLW\",\n  \"collapsed\": \"uqgfF\",\n  \"gapSpacerLine\": \"Sp23k\",\n  \"gapSpacerFocused\": \"O-rOR\",\n  \"gapSpacerTooltip\": \"_7p5BX\",\n  \"betweenFloated\": \"wUldk\",\n  \"withTopMargin\": \"_7eKCz\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,4BAAQ;AAAA,EACb,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,iBAAiB;AACnB;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "06f4c060";
+var styleDataHash = "2374b84e";
 const injectCss = (() => {
-  var css = `.fGySc{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.gJbC5{left:0;pointer-events:none;position:absolute;right:0}.ZlH1B{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}.mbQfT{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}._2hEBU{--ricos-internal-layout-cell-outline-color:#a8caff;background:var(--ricos-internal-layout-backdrop-gradient,var(--ricos-internal-layout-backdrop-color,transparent));outline:1.5px solid transparent;padding-bottom:var(--ricos-internal-layout-backdrop-padding-bottom,0);padding-top:var(--ricos-internal-layout-backdrop-padding-top,0);position:relative}._2hEBU.dyS04,._2hEBU:hover{outline-color:var(--ricos-internal-layout-cell-outline-color)}._2hEBU:hover .hIoPS ._1RZ4g{outline-color:var(--ricos-internal-layout-cell-outline-color)}._2hEBU:before{background-image:var(--ricos-internal-layout-backdrop-image-src);background-position:var(--ricos-internal-layout-backdrop-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-backdrop-image-scaling);bottom:0;clip-path:inset(0);content:"";filter:var(--ricos-internal-layout-backdrop-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}._2hEBU:after{background:var(--ricos-internal-layout-backdrop-overlay,transparent);bottom:0;clip-path:inset(0);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._2hEBU.Op-26{margin:0}*+._2hEBU{margin-top:20px}._2hEBU ._6JmnB{display:none}._2hEBU .k8eQt:has(.-kglS.E9VVp)+._6JmnB,._2hEBU .k8eQt:has(.-kglS.KUC93)+._6JmnB,._2hEBU .k8eQt:has(.-kglS.NC-1P)+._6JmnB,._2hEBU .k8eQt:has(.-kglS.OCcYb)+._6JmnB{display:block}._2hEBU ._1yrFl{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:50%;bottom:-12px;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);cursor:grab;display:flex;height:24px;justify-content:center;left:50%;padding:0;position:absolute;transform:translate(-50%,100%);width:24px;z-index:4}._2hEBU ._1yrFl:active{cursor:grabbing}._2hEBU.kQ1lV{margin-top:0}._2hEBU .hGb5r{background:#116dff;bottom:0;left:calc(var(--ricos-internal-layout-drop-cursor-position) - 1px);position:absolute;top:0;width:2px;z-index:5}._2hEBU .hGb5r:before{border:2px solid #116dff;border-radius:50%;content:"";height:6px;left:-2px;position:absolute;top:-5px;width:6px}._2hEBU.P9adx{outline-color:transparent!important}._2hEBU.P9adx:hover,._2hEBU.P9adx:hover .hIoPS ._1RZ4g{outline-color:transparent!important}._2hEBU.P9adx .TKPSi,._2hEBU.P9adx ._4Mqcv,._2hEBU.P9adx ._6JmnB{display:none!important}._2hEBU.AsoHU:has(.Oca1l){margin-bottom:40px}._2hEBU.AsoHU[data-breakout=normal]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-normal-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-normal-padding-end,0)}._2hEBU.AsoHU[data-breakout=fullWidth]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-full-width-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-full-width-padding-end,0)}._2hEBU.AsoHU .Oca1l{align-items:center;color:var(--ricos-text-color-low,#646464);display:flex;font-size:12px;font-weight:500;gap:6px;inset-inline-end:var(--ricos-internal-paywall-divider-outer-end,0);inset-inline-start:var(--ricos-internal-paywall-divider-outer-start,0);line-height:18px;margin-top:12px;padding-inline-end:var(--ricos-breakout-normal-padding-end,0);padding-inline-start:var(--ricos-breakout-normal-padding-start,0);pointer-events:none;position:absolute;text-transform:uppercase;top:100%;user-select:none}._2hEBU.AsoHU .Oca1l:after,._2hEBU.AsoHU .Oca1l:before{background:rgba(var(--ricos-text-color-tuple,33,33,33),.15);content:"";flex:1;height:1px}._2hEBU.AsoHU .z7g2X{align-items:center;display:flex;gap:3px;padding-inline-end:6px;white-space:nowrap}._2hEBU.AsoHU .I0xKQ{flex-shrink:0}.k8eQt{--ricos-internal-layout-display:grid;--ricos-internal-layout-handler-cursor:col-resize;--ricos-internal-layout-handler-color:#116dff;clear:both;margin:0 auto;position:relative;width:min(100%,var(--ricos-internal-resize-width,var(--ricos-internal-layout-width,initial)));z-index:2}.-kglS{display:var(--ricos-internal-layout-display,grid);flex-wrap:wrap;gap:var(--ricos-internal-layout-gap,20px);grid-template-columns:var(--ricos-internal-layout-grid-template,var(--ricos-internal-layout-column-template));justify-content:var(--ricos-internal-layout-justify-content,auto);position:relative;transition:grid-template-columns .1s ease-out;width:100%;will-change:grid-template-columns;z-index:2}[data-layout-banner] .-kglS{grid-template-columns:var(--ricos-internal-layout-column-template)!important}[data-layout-banner] .-kglS.KUC93{transition:none!important}.-kglS.L2WbI,.-kglS._37Xd6 .hIoPS{background:var(--ricos-internal-layout-background-gradient,var(--ricos-internal-layout-background-color,transparent));border:var(--ricos-internal-layout-border-width,0) solid var(--ricos-internal-layout-border-color);border-radius:var(--ricos-internal-layout-border-radius,0)}.-kglS.L2WbI:before,.-kglS._37Xd6 .hIoPS:before{background-image:var(--ricos-internal-layout-background-image-src);background-position:var(--ricos-internal-layout-background-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-background-image-scaling);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:"";filter:var(--ricos-internal-layout-background-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.-kglS.L2WbI:after,.-kglS._37Xd6 .hIoPS:after{background:var(--ricos-internal-layout-background-overlay,transparent);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@supports not (contain:inline-size){@media only screen and (max-width:480px){.-kglS{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}}@container (width < 480px){.-kglS:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){gap:min(20px,var(--ricos-internal-layout-gap,20px))}}@media (width < 480px){.-kglS:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .-kglS{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}.-kglS.BVCHR{--ricos-internal-layout-display:flex;--ricos-internal-layout-justify-content:center;--ricos-internal-layout-cell-min-width:100%;--ricos-internal-layout-cell-height:auto}.-kglS.BVCHR .TKPSi{display:none}.-kglS.KUC93{transition:none!important}.-kglS.KUC93,.-kglS.KUC93 *{user-select:none!important}.-kglS.a227I{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:e-resize}.-kglS.dJ3l8{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:w-resize}.-kglS.KUC93 .hIoPS ._1RZ4g,.-kglS.NC-1P .hIoPS ._1RZ4g,.-kglS.OCcYb .hIoPS ._1RZ4g,.-kglS.ke7NY .hIoPS ._1RZ4g,.-kglS:focus .hIoPS ._1RZ4g,.-kglS:hover .hIoPS ._1RZ4g{outline-color:var(--ricos-internal-layout-cell-outline-color)}.-kglS .hIoPS{display:flex;flex-direction:column;height:var(--ricos-internal-layout-cell-height,100%);max-width:var(--ricos-internal-layout-cell-min-width,auto);min-width:min(100%,var(--ricos-internal-layout-cell-min-width,0));position:relative;z-index:3}.-kglS .hIoPS ._1RZ4g{display:flex;flex-direction:column;flex-grow:1;justify-content:var(--ricos-internal-layout-cell-vertical-alignment);outline:1.5px solid transparent;padding:var(--ricos-internal-layout-cell-padding-top,12px) var(--ricos-internal-layout-cell-padding-right,0) var(--ricos-internal-layout-cell-padding-bottom,12px) var(--ricos-internal-layout-cell-padding-left,0);position:relative;z-index:2}@supports not (contain:inline-size){@media only screen and (max-width:480px){.-kglS .hIoPS ._1RZ4g{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}}@container (width < 480px){.-kglS .hIoPS ._1RZ4g:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}@media (width < 480px){.-kglS .hIoPS ._1RZ4g:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .-kglS .hIoPS ._1RZ4g{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}.-kglS .hIoPS ._4Mqcv{align-items:center;background:#fff;border-radius:18px;box-shadow:0 0 6px rgba(0,6,36,.05);box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:none;height:18px;justify-content:center;left:50%;margin:0;outline:1px solid rgba(0,6,36,.302);padding:0 12px;position:absolute;top:0;transform:translate(-50%,-50%);transition:color .15s ease,background-color .15s ease;width:42px;z-index:3}.-kglS .hIoPS ._4Mqcv:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.-kglS .hIoPS ._4Mqcv:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.-kglS .hIoPS ._4Mqcv:active{cursor:grabbing}.-kglS .hIoPS ._4Mqcv:before{bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.-kglS.OCcYb:after{background-color:rgba(17,109,255,.1);bottom:0;content:"";left:0;opacity:1;outline:1.5px solid #116dff;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.-kglS.OCcYb .hIoPS ._1RZ4g{outline-color:rgba(17,109,255,.2)}.-kglS.OCcYb .hIoPS ._4Mqcv{display:none}.-kglS .hIoPS.l1-S5{background-color:rgba(17,109,255,.1);z-index:4}.-kglS .hIoPS.l1-S5 ._1RZ4g{outline-color:#116dff}.-kglS .hIoPS.l1-S5 ._4Mqcv{background:#116dff;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline:none;transition:color .15s ease,background-color .15s ease}.-kglS .hIoPS.l1-S5 ._4Mqcv:hover{background:#0f62e6;color:#fff}.-kglS .hIoPS.l1-S5 ._4Mqcv:active{background:#084ebd;color:#fff}.-kglS .hIoPS.l1-S5 .ricos-selection,.-kglS .hIoPS.l1-S5 ::selection,.-kglS.KUC93 .hIoPS .ricos-selection,.-kglS.KUC93 .hIoPS ::selection,.-kglS.OCcYb .hIoPS .ricos-selection,.-kglS.OCcYb .hIoPS ::selection{background-color:transparent!important}.-kglS.KUC93 .ricos-selection,.-kglS.OCcYb .ricos-selection{background-color:transparent!important}.-kglS.KUC93 ._4Mqcv,.-kglS.NC-1P ._4Mqcv,.-kglS.OCcYb ._4Mqcv,.-kglS.ke7NY ._4Mqcv{display:flex;z-index:4}.TKPSi{--ricos-internal-resize-handler-width:max(15px,var(--ricos-internal-layout-gap,0px));--ricos-internal-resize-handler-background-start:calc(50% - 1px);--ricos-internal-resize-handler-background-end:calc(50% + 1px);bottom:-1px;display:flex;left:calc(var(--ricos-internal-resize-handler-width)/2*-1);position:absolute!important;top:0;transform:translateX(max(-50%,var(--ricos-internal-layout-gap,0px)/2 * -1));width:var(--ricos-internal-resize-handler-width);z-index:3}.-kglS:not(.KUC93) .TKPSi:hover,.TKPSi:active{background:linear-gradient(90deg,transparent,transparent var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-end),transparent var(--ricos-internal-resize-handler-background-end));cursor:var(--ricos-internal-layout-handler-cursor)}`;
+  var css = `._66eB-{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.Riy07{left:0;pointer-events:none;position:absolute;right:0}.z9hDj{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}.-PfwV{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}.g3jqy{--ricos-internal-layout-cell-outline-color:#a8caff;background:var(--ricos-internal-layout-backdrop-gradient,var(--ricos-internal-layout-backdrop-color,transparent));outline:1.5px solid transparent;padding-bottom:var(--ricos-internal-layout-backdrop-padding-bottom,0);padding-top:var(--ricos-internal-layout-backdrop-padding-top,0);position:relative}.g3jqy.NLxxy,.g3jqy:hover{outline-color:var(--ricos-internal-layout-cell-outline-color)}.g3jqy:hover .LXhQo .sJoD7{outline-color:var(--ricos-internal-layout-cell-outline-color)}.g3jqy:before{background-image:var(--ricos-internal-layout-backdrop-image-src);background-position:var(--ricos-internal-layout-backdrop-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-backdrop-image-scaling);bottom:0;clip-path:inset(0);content:"";filter:var(--ricos-internal-layout-backdrop-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.g3jqy:after{background:var(--ricos-internal-layout-backdrop-overlay,transparent);bottom:0;clip-path:inset(0);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.g3jqy._1w-QL{margin:0}*+.g3jqy{margin-top:20px}.g3jqy ._0CXdh{display:none}.g3jqy .fo-2y:has(._86l-h.-TR33)+._0CXdh,.g3jqy .fo-2y:has(._86l-h.IOEk3)+._0CXdh,.g3jqy .fo-2y:has(._86l-h.qu8DS)+._0CXdh,.g3jqy .fo-2y:has(._86l-h.uPh5f)+._0CXdh{display:block}.g3jqy .R70Fl{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:50%;bottom:-12px;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);cursor:grab;display:flex;height:24px;justify-content:center;left:50%;padding:0;position:absolute;transform:translate(-50%,100%);width:24px;z-index:4}.g3jqy .R70Fl:active{cursor:grabbing}.g3jqy.V9g-a{margin-top:0}.g3jqy .WOvbV{background:#116dff;bottom:0;left:calc(var(--ricos-internal-layout-drop-cursor-position) - 1px);position:absolute;top:0;width:2px;z-index:5}.g3jqy .WOvbV:before{border:2px solid #116dff;border-radius:50%;content:"";height:6px;left:-2px;position:absolute;top:-5px;width:6px}.g3jqy.AkvId{outline-color:transparent!important}.g3jqy.AkvId:hover,.g3jqy.AkvId:hover .LXhQo .sJoD7{outline-color:transparent!important}.g3jqy.AkvId .TA2qb,.g3jqy.AkvId ._0CXdh,.g3jqy.AkvId .s-HOq{display:none!important}.g3jqy._0g1oE:has(.a6QWv){margin-bottom:40px}.g3jqy._0g1oE[data-breakout=normal]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-normal-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-normal-padding-end,0)}.g3jqy._0g1oE[data-breakout=fullWidth]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-full-width-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-full-width-padding-end,0)}.g3jqy._0g1oE .a6QWv{align-items:center;color:var(--ricos-text-color,#212121);display:flex;font-size:12px;font-weight:500;gap:6px;inset-inline-end:var(--ricos-internal-paywall-divider-outer-end,0);inset-inline-start:var(--ricos-internal-paywall-divider-outer-start,0);line-height:18px;margin-top:12px;padding-inline-end:var(--ricos-breakout-normal-padding-end,0);padding-inline-start:var(--ricos-breakout-normal-padding-start,0);pointer-events:none;position:absolute;text-transform:uppercase;top:100%;user-select:none}.g3jqy._0g1oE .a6QWv:after,.g3jqy._0g1oE .a6QWv:before{background:rgba(var(--ricos-text-color-tuple,33,33,33),.2);content:"";flex:1;height:1px}@supports (color:rgb(from #000 r g b/0.1)){.g3jqy._0g1oE .a6QWv:after,.g3jqy._0g1oE .a6QWv:before{background:rgb(from var(--ricos-text-color,#212121) r g b/.2)}}.g3jqy._0g1oE .xU84W{align-items:center;display:flex;gap:3px;padding-inline-end:6px;white-space:nowrap}.g3jqy._0g1oE .hMh-8{flex-shrink:0}.fo-2y{--ricos-internal-layout-display:grid;--ricos-internal-layout-handler-cursor:col-resize;--ricos-internal-layout-handler-color:#116dff;clear:both;margin:0 auto;position:relative;width:min(100%,var(--ricos-internal-resize-width,var(--ricos-internal-layout-width,initial)));z-index:2}._86l-h{display:var(--ricos-internal-layout-display,grid);flex-wrap:wrap;gap:var(--ricos-internal-layout-gap,20px);grid-template-columns:var(--ricos-internal-layout-grid-template,var(--ricos-internal-layout-column-template));justify-content:var(--ricos-internal-layout-justify-content,auto);position:relative;transition:grid-template-columns .1s ease-out;width:100%;will-change:grid-template-columns;z-index:2}[data-layout-banner] ._86l-h{grid-template-columns:var(--ricos-internal-layout-column-template)!important}[data-layout-banner] ._86l-h.uPh5f{transition:none!important}._86l-h._1-P2H,._86l-h.ay8D- .LXhQo{background:var(--ricos-internal-layout-background-gradient,var(--ricos-internal-layout-background-color,transparent));border:var(--ricos-internal-layout-border-width,0) solid var(--ricos-internal-layout-border-color);border-radius:var(--ricos-internal-layout-border-radius,0)}._86l-h._1-P2H:before,._86l-h.ay8D- .LXhQo:before{background-image:var(--ricos-internal-layout-background-image-src);background-position:var(--ricos-internal-layout-background-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-background-image-scaling);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:"";filter:var(--ricos-internal-layout-background-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}._86l-h._1-P2H:after,._86l-h.ay8D- .LXhQo:after{background:var(--ricos-internal-layout-background-overlay,transparent);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@supports not (contain:inline-size){@media only screen and (max-width:480px){._86l-h{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}}@container (width < 480px){._86l-h:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){gap:min(20px,var(--ricos-internal-layout-gap,20px))}}@media (width < 480px){._86l-h:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._86l-h{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}._86l-h._3Jo32{--ricos-internal-layout-display:flex;--ricos-internal-layout-justify-content:center;--ricos-internal-layout-cell-min-width:100%;--ricos-internal-layout-cell-height:auto}._86l-h._3Jo32 .TA2qb{display:none}._86l-h.uPh5f{transition:none!important}._86l-h.uPh5f,._86l-h.uPh5f *{user-select:none!important}._86l-h.jn62t{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:e-resize}._86l-h.YAAdI{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:w-resize}._86l-h.IOEk3 .LXhQo .sJoD7,._86l-h.qu8DS .LXhQo .sJoD7,._86l-h.u53D- .LXhQo .sJoD7,._86l-h.uPh5f .LXhQo .sJoD7,._86l-h:focus .LXhQo .sJoD7,._86l-h:hover .LXhQo .sJoD7{outline-color:var(--ricos-internal-layout-cell-outline-color)}._86l-h .LXhQo{display:flex;flex-direction:column;height:var(--ricos-internal-layout-cell-height,100%);max-width:var(--ricos-internal-layout-cell-min-width,auto);min-width:min(100%,var(--ricos-internal-layout-cell-min-width,0));position:relative;z-index:3}._86l-h .LXhQo .sJoD7{display:flex;flex-direction:column;flex-grow:1;justify-content:var(--ricos-internal-layout-cell-vertical-alignment);outline:1.5px solid transparent;padding:var(--ricos-internal-layout-cell-padding-top,12px) var(--ricos-internal-layout-cell-padding-right,0) var(--ricos-internal-layout-cell-padding-bottom,12px) var(--ricos-internal-layout-cell-padding-left,0);position:relative;z-index:2}@supports not (contain:inline-size){@media only screen and (max-width:480px){._86l-h .LXhQo .sJoD7{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}}@container (width < 480px){._86l-h .LXhQo .sJoD7:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}@media (width < 480px){._86l-h .LXhQo .sJoD7:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._86l-h .LXhQo .sJoD7{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}._86l-h .LXhQo .s-HOq{align-items:center;background:#fff;border-radius:18px;box-shadow:0 0 6px rgba(0,6,36,.05);box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:none;height:18px;justify-content:center;left:50%;margin:0;outline:1px solid rgba(0,6,36,.302);padding:0 12px;position:absolute;top:0;transform:translate(-50%,-50%);transition:color .15s ease,background-color .15s ease;width:42px;z-index:3}._86l-h .LXhQo .s-HOq:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}._86l-h .LXhQo .s-HOq:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}._86l-h .LXhQo .s-HOq:active{cursor:grabbing}._86l-h .LXhQo .s-HOq:before{bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}._86l-h.qu8DS:after{background-color:rgba(17,109,255,.1);bottom:0;content:"";left:0;opacity:1;outline:1.5px solid #116dff;pointer-events:none;position:absolute;right:0;top:0;z-index:2}._86l-h.qu8DS .LXhQo .sJoD7{outline-color:rgba(17,109,255,.2)}._86l-h.qu8DS .LXhQo .s-HOq{display:none}._86l-h .LXhQo.YJpPR{background-color:rgba(17,109,255,.1);z-index:4}._86l-h .LXhQo.YJpPR .sJoD7{outline-color:#116dff}._86l-h .LXhQo.YJpPR .s-HOq{background:#116dff;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline:none;transition:color .15s ease,background-color .15s ease}._86l-h .LXhQo.YJpPR .s-HOq:hover{background:#0f62e6;color:#fff}._86l-h .LXhQo.YJpPR .s-HOq:active{background:#084ebd;color:#fff}._86l-h .LXhQo.YJpPR .ricos-selection,._86l-h .LXhQo.YJpPR ::selection,._86l-h.qu8DS .LXhQo .ricos-selection,._86l-h.qu8DS .LXhQo ::selection,._86l-h.uPh5f .LXhQo .ricos-selection,._86l-h.uPh5f .LXhQo ::selection{background-color:transparent!important}._86l-h.qu8DS .ricos-selection,._86l-h.uPh5f .ricos-selection{background-color:transparent!important}._86l-h.IOEk3 .s-HOq,._86l-h.qu8DS .s-HOq,._86l-h.u53D- .s-HOq,._86l-h.uPh5f .s-HOq{display:flex;z-index:4}.TA2qb{--ricos-internal-resize-handler-width:max(15px,var(--ricos-internal-layout-gap,0px));--ricos-internal-resize-handler-background-start:calc(50% - 1px);--ricos-internal-resize-handler-background-end:calc(50% + 1px);bottom:-1px;display:flex;left:calc(var(--ricos-internal-resize-handler-width)/2*-1);position:absolute!important;top:0;transform:translateX(max(-50%,var(--ricos-internal-layout-gap,0px)/2 * -1));width:var(--ricos-internal-resize-handler-width);z-index:3}.TA2qb:active,._86l-h:not(.uPh5f) .TA2qb:hover{background:linear-gradient(90deg,transparent,transparent var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-end),transparent var(--ricos-internal-resize-handler-background-end));cursor:var(--ricos-internal-layout-handler-cursor)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,39 +21,39 @@ const injectCss = (() => {
 });
 injectCss();
 var layouts_default = {
-  "sectionDividerClip": "fGySc",
-  "sectionDivider": "gJbC5",
-  "sectionDividerTop": "ZlH1B",
-  "sectionDividerBottom": "mbQfT",
-  "layoutWrapper": "_2hEBU",
-  "withVerticalResize": "dyS04",
-  "cell": "hIoPS",
-  "cellContent": "_1RZ4g",
-  "breakoutMargin": "Op-26",
-  "layoutHandlerWrapper": "_6JmnB",
-  "layoutContainer": "k8eQt",
-  "layout": "-kglS",
-  "layoutSelected": "OCcYb",
-  "dragging": "E9VVp",
-  "resizing": "KUC93",
-  "inLayout": "NC-1P",
-  "layoutHandler": "_1yrFl",
-  "bannerMargin": "kQ1lV",
-  "dropCursor": "hGb5r",
-  "disabled": "P9adx",
-  "resizeHandler": "TKPSi",
-  "columnHandlerContainer": "_4Mqcv",
-  "paywall": "AsoHU",
-  "paywallDivider": "Oca1l",
-  "paywallDividerLabel": "z7g2X",
-  "paywallDividerIcon": "I0xKQ",
-  "designOnLayout": "L2WbI",
-  "designOnCell": "_37Xd6",
-  "mobile": "BVCHR",
-  "invalidLeft": "a227I",
-  "invalidRight": "dJ3l8",
-  "draggingOver": "ke7NY",
-  "cellSelected": "l1-S5"
+  "sectionDividerClip": "_66eB-",
+  "sectionDivider": "Riy07",
+  "sectionDividerTop": "z9hDj",
+  "sectionDividerBottom": "-PfwV",
+  "layoutWrapper": "g3jqy",
+  "withVerticalResize": "NLxxy",
+  "cell": "LXhQo",
+  "cellContent": "sJoD7",
+  "breakoutMargin": "_1w-QL",
+  "layoutHandlerWrapper": "_0CXdh",
+  "layoutContainer": "fo-2y",
+  "layout": "_86l-h",
+  "layoutSelected": "qu8DS",
+  "dragging": "-TR33",
+  "resizing": "uPh5f",
+  "inLayout": "IOEk3",
+  "layoutHandler": "R70Fl",
+  "bannerMargin": "V9g-a",
+  "dropCursor": "WOvbV",
+  "disabled": "AkvId",
+  "resizeHandler": "TA2qb",
+  "columnHandlerContainer": "s-HOq",
+  "paywall": "_0g1oE",
+  "paywallDivider": "a6QWv",
+  "paywallDividerLabel": "xU84W",
+  "paywallDividerIcon": "hMh-8",
+  "designOnLayout": "_1-P2H",
+  "designOnCell": "ay8D-",
+  "mobile": "_3Jo32",
+  "invalidLeft": "jn62t",
+  "invalidRight": "YAAdI",
+  "draggingOver": "u53D-",
+  "cellSelected": "YJpPR"
 };
 export {
   layouts_default as default,