@wix/ricos 11.24.1 → 11.26.0

package/dist/es/tiptap-editor/statics/styles/tiptap-editor-styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tiptap-editor/statics/styles/tiptap-editor-styles.scss"],
-  "sourcesContent": ["var styleDataHash = 'a778fd83';  \nexport const injectCss = (() => {\n  var css = `.jhIe-,.wjfHd{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.wjfHd{box-sizing:border-box;height:100%;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ricos-internal-selection-color-tuple:var(--ricos-text-color-tuple);padding-block-end:var(--ricos-custom-container-padding-block-end,0);padding-block-start:var(--ricos-custom-container-padding-block-start,0)}.wjfHd:has([data-layout-banner=top]){padding-block-start:0}.wjfHd:has([data-layout-banner=bottom]){padding-block-end:0}.wjfHd *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.wjfHd ::-moz-selection{background-color:rgba(var(--ricos-internal-selection-color-tuple),.2)}@supports (color:rgb(from #000 r g b/0.1)){.wjfHd ::-moz-selection{background-color:rgb(from var(--ricos-text-color,#212121) r g b/.2)}}.wjfHd ::selection{background-color:rgba(var(--ricos-internal-selection-color-tuple),.2)}@supports (color:rgb(from #000 r g b/0.1)){.wjfHd ::selection{background-color:rgb(from var(--ricos-text-color,#212121) r g b/.2)}}.wjfHd .ricos-cursor-spotlight{border-bottom:1px solid #116dff;height:0;position:absolute;width:100%}.wjfHd .ricos-cursor-spotlight:before{border:2px solid #116dff;border-radius:50%;content:\"\";height:2px;inset-inline-start:-3px;position:absolute;top:-2px;width:2px}.wjfHd .ricos-spotlight,.wjfHd .ricos-spotlight-background{position:relative}.wjfHd .ricos-ai-region{display:none}.wjfHd .ricos-ai-region-viewer{position:relative}.wjfHd .ricos-ai-region-viewer:after{border-radius:4px;bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:5}.wjfHd .ricos-spotlight:after{background:#d6e6fe;bottom:0;content:\"\";left:calc(var(--ricos-breakout-normal-padding-start, 0) - 5px);pointer-events:none;position:absolute;top:0;width:2px;z-index:5}.wjfHd .ricos-spotlight-background:after{background:rgba(0,150,255,.1);border-radius:4px;bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:5}.wjfHd .ricos-spotlight-first:after{border-top-left-radius:8px;border-top-right-radius:8px}.wjfHd .ricos-spotlight-last:after{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.wjfHd [contenteditable]:not(:focus) .ricos-selection{background-color:rgba(var(--ricos-internal-selection-color-tuple),.2);padding:2px 0}@supports (color:rgb(from #000 r g b/0.1)){.wjfHd [contenteditable]:not(:focus) .ricos-selection{background-color:rgb(from var(--ricos-text-color,#212121) r g b/.2)}}.wjfHd .GrErP{box-sizing:border-box;tab-size:40px}.wjfHd .GrErP *,.wjfHd .GrErP :after,.wjfHd .GrErP :before{box-sizing:inherit}.wjfHd .GrErP input{box-sizing:border-box}.wjfHd.pP7MK .GrErP .ProseMirror:after{clear:both;content:\"\";display:table;line-height:0}.GrErP{background-color:var(--ricos-bg-color-container,unset);color:var(--ricos-text-color,#212121);display:flex;flex:1;flex-direction:column;font-size:16px;height:100%;line-height:1.5;width:100%}.GrErP:after{clear:both;content:\"\";display:table;line-height:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.GrErP{font-size:14px}}}@container (width < 480px){.GrErP:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){font-size:14px}}@media (width < 480px){.GrErP:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .GrErP{font-size:14px}}.GrErP figure div[data-placeholder]{font-size:14px}.LNlPo{container-type:inline-size;display:flex;flex:1;flex-direction:column;height:100%;position:relative}.LNlPo:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .LNlPo{container-type:normal}.aqaO5{max-height:var(--ricos-custom-editor-max-height);min-height:var(--ricos-custom-editor-min-height);overflow:hidden auto}.s3Y90{padding:0 26px}.ricos-spotlight-shimmer,.ricos-spotlight-shimmer p{animation:rDrFh 3.5s cubic-bezier(.3,0,.7,1) infinite;background:text linear-gradient(75deg,#000,#000 66%,#047076 68%,#047076 74%,#000 76%,#000 80%,#047076 82%,#047076 88%,#000 90%) 170% 50%/200% 50% repeat;color:transparent;mix-blend-mode:lighten}.ricos-spotlight-shimmer li::marker{animation:zpmG3 cubic-bezier(.3,0,.7,1) infinite}@keyframes rDrFh{0%{background-position:170% 50%}90%{background-position:-200% 50%}to{background-position:-200% 50%}}@keyframes zpmG3{0%{color:#000}50%{color:#047076}to{color:#000}}.ProseMirror{flex:1;height:inherit;text-align:initial;z-index:0}.ProseMirror:focus-visible{outline:none}.ProseMirror [data-placeholder]{display:none}.ProseMirror .is-editor-empty:first-child>[data-placeholder],.ProseMirror [data-placeholder-always-visible]>[data-placeholder],.ProseMirror.ProseMirror-focused .is-node-empty>[data-placeholder]{display:flex;height:0;pointer-events:none;position:relative}.ProseMirror [data-placeholder]:before{color:var(--ricos-custom-editor-placeholder-color,#9197a3);content:attr(data-placeholder);left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;text-overflow:ellipsis;unicode-bidi:plaintext;user-select:none;white-space:nowrap}.ProseMirror [data-placeholder-multiline]:before{overflow:visible;text-overflow:clip;white-space:normal}.ProseMirror [data-breakout=normal]{padding-inline-end:var(--ricos-breakout-normal-padding-end,0);padding-inline-start:var(--ricos-breakout-normal-padding-start,0)}.ProseMirror [data-breakout=fullWidth]{padding-inline-end:var(--ricos-breakout-full-width-padding-end,0);padding-inline-start:var(--ricos-breakout-full-width-padding-start,0)}.oMaX5{margin:0}.CT7g-{display:flex;flex:1;flex-direction:column;height:100%}._0QV0R{outline:1px auto -webkit-focus-ring-color}._0QV0R:has([data-card-container]){outline:none}.hoj0S{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"jhIe-\",\n  \"wrapper\": \"wjfHd\",\n  \"editor\": \"GrErP\",\n  \"desktop\": \"pP7MK\",\n  \"fullRicosEditor\": \"LNlPo\",\n  \"custom_editor\": \"aqaO5\",\n  \"custom_padding\": \"s3Y90\",\n  \"ricos-spotlight-shimmer\": \"rDrFh\",\n  \"ricos-spotlight-shimmer-marker\": \"zpmG3\",\n  \"ricos-node\": \"oMaX5\",\n  \"ricosTiptapEditor\": \"CT7g-\",\n  \"focusRing\": \"_0QV0R\",\n  \"srOnly\": \"hoj0S\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'd6e7f4cd';  \nexport const injectCss = (() => {\n  var css = `.OT89i,._6FCLF{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.OT89i{box-sizing:border-box;height:100%;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ricos-internal-selection-color-tuple:var(--ricos-text-color-tuple);padding-block-end:var(--ricos-custom-container-padding-block-end,0);padding-block-start:var(--ricos-custom-container-padding-block-start,0)}.OT89i:has([data-layout-banner=top]){padding-block-start:0}.OT89i:has([data-layout-banner=bottom]){padding-block-end:0}.OT89i *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.OT89i ::-moz-selection{background-color:rgba(var(--ricos-internal-selection-color-tuple),.2)}@supports (color:rgb(from #000 r g b/0.1)){.OT89i ::-moz-selection{background-color:rgb(from var(--ricos-text-color,#212121) r g b/.2)}}.OT89i ::selection{background-color:rgba(var(--ricos-internal-selection-color-tuple),.2)}@supports (color:rgb(from #000 r g b/0.1)){.OT89i ::selection{background-color:rgb(from var(--ricos-text-color,#212121) r g b/.2)}}.OT89i .ricos-cursor-spotlight{border-bottom:1px solid #116dff;height:0;position:absolute;width:100%}.OT89i .ricos-cursor-spotlight:before{border:2px solid #116dff;border-radius:50%;content:\"\";height:2px;inset-inline-start:-3px;position:absolute;top:-2px;width:2px}.OT89i .ricos-spotlight,.OT89i .ricos-spotlight-background{position:relative}.OT89i .ricos-ai-region{display:none}.OT89i .ricos-ai-region-viewer{position:relative}.OT89i .ricos-ai-region-viewer:after{border-radius:4px;bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:5}.OT89i .ricos-spotlight:after{background:#d6e6fe;bottom:0;content:\"\";left:calc(var(--ricos-breakout-normal-padding-start, 0) - 5px);pointer-events:none;position:absolute;top:0;width:2px;z-index:5}.OT89i .ricos-spotlight-background:after{background:rgba(0,150,255,.1);border-radius:4px;bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:5}.OT89i .ricos-spotlight-first:after{border-top-left-radius:8px;border-top-right-radius:8px}.OT89i .ricos-spotlight-last:after{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.OT89i [contenteditable]:not(:focus) .ricos-selection{background-color:rgba(var(--ricos-internal-selection-color-tuple),.2);padding:2px 0}@supports (color:rgb(from #000 r g b/0.1)){.OT89i [contenteditable]:not(:focus) .ricos-selection{background-color:rgb(from var(--ricos-text-color,#212121) r g b/.2)}}.OT89i .NiPEz{box-sizing:border-box;tab-size:40px}.OT89i .NiPEz *,.OT89i .NiPEz :after,.OT89i .NiPEz :before{box-sizing:inherit}.OT89i .NiPEz input{box-sizing:border-box}.OT89i.WEZ7K .NiPEz .ProseMirror:after{clear:both;content:\"\";display:table;line-height:0}.NiPEz{background-color:var(--ricos-bg-color-container,unset);color:var(--ricos-text-color,#212121);display:flex;flex:1;flex-direction:column;font-size:16px;height:100%;line-height:1.5;width:100%}.NiPEz:after{clear:both;content:\"\";display:table;line-height:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.NiPEz{font-size:14px}}}@container (width < 480px){.NiPEz:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){font-size:14px}}@media (width < 480px){.NiPEz:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .NiPEz{font-size:14px}}.NiPEz figure div[data-placeholder]{font-size:14px}._5NZIO{container-type:inline-size;display:flex;flex:1;flex-direction:column;height:100%;position:relative}._5NZIO:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._5NZIO{container-type:normal}._17zwJ{max-height:var(--ricos-custom-editor-max-height);min-height:var(--ricos-custom-editor-min-height);overflow:hidden auto}.I-C6k{padding:0 26px}.ricos-spotlight-shimmer,.ricos-spotlight-shimmer p{animation:W8YDm 3.5s cubic-bezier(.3,0,.7,1) infinite;background:text linear-gradient(75deg,#000,#000 66%,#047076 68%,#047076 74%,#000 76%,#000 80%,#047076 82%,#047076 88%,#000 90%) 170% 50%/200% 50% repeat;color:transparent;mix-blend-mode:lighten}.ricos-spotlight-shimmer li::marker{animation:GMjKh cubic-bezier(.3,0,.7,1) infinite}@keyframes W8YDm{0%{background-position:170% 50%}90%{background-position:-200% 50%}to{background-position:-200% 50%}}@keyframes GMjKh{0%{color:#000}50%{color:#047076}to{color:#000}}.ProseMirror{flex:1;height:inherit;text-align:initial;z-index:0}.ProseMirror:focus-visible{outline:none}.ProseMirror [data-placeholder]{display:none}.ProseMirror .is-editor-empty:first-child>[data-placeholder],.ProseMirror [data-placeholder-always-visible]>[data-placeholder],.ProseMirror.ProseMirror-focused .is-node-empty>[data-placeholder]{display:flex;height:0;pointer-events:none;position:relative}.ProseMirror [data-placeholder]:before{color:var(--ricos-custom-editor-placeholder-color,#9197a3);content:attr(data-placeholder);left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;text-overflow:ellipsis;unicode-bidi:plaintext;user-select:none;white-space:nowrap}.ProseMirror [data-placeholder-multiline]:before{overflow:visible;text-overflow:clip;white-space:normal}.ProseMirror [data-breakout=normal]{padding-inline-end:var(--ricos-breakout-normal-padding-end,0);padding-inline-start:var(--ricos-breakout-normal-padding-start,0)}.ProseMirror [data-breakout=fullWidth]{padding-inline-end:var(--ricos-breakout-full-width-padding-end,0);padding-inline-start:var(--ricos-breakout-full-width-padding-start,0)}.-KiSv{margin:0}.TZNTe{display:flex;flex:1;flex-direction:column;height:100%}.yAWwp{outline:1px auto -webkit-focus-ring-color}.yAWwp:has([data-card-container]){outline:none}.WPpdF{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"_6FCLF\",\n  \"wrapper\": \"OT89i\",\n  \"editor\": \"NiPEz\",\n  \"desktop\": \"WEZ7K\",\n  \"fullRicosEditor\": \"_5NZIO\",\n  \"custom_editor\": \"_17zwJ\",\n  \"custom_padding\": \"I-C6k\",\n  \"ricos-spotlight-shimmer\": \"W8YDm\",\n  \"ricos-spotlight-shimmer-marker\": \"GMjKh\",\n  \"ricos-node\": \"-KiSv\",\n  \"ricosTiptapEditor\": \"TZNTe\",\n  \"focusRing\": \"yAWwp\",\n  \"srOnly\": \"WPpdF\"\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,+BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,2BAA2B;AAAA,EAC3B,kCAAkC;AAAA,EAClC,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

package/dist/es/tiptap-extensions/character-count.js

@@ -1,3 +1,4 @@
+import { isChangeOrigin } from "./../tiptap/extension-collaboration/helpers/is-change-origin.js";
 import { Plugin, PluginKey } from "./../tiptap/pm/state.js";
 import { createRicosFunctionalExtension } from "./create-ricos-extension/create-ricos-functional-extension.js";
 const MAX_TEXT_LENGTH = 15e5;
@@ -46,7 +47,7 @@ const characterCount = createRicosFunctionalExtension({
             key: new PluginKey("characterCount"),
             filterTransaction: (transaction, state) => {
               const limit = this.options.maxTextLength;
-              if (!transaction.docChanged || limit === 0 || limit === null || limit === void 0) {
+              if (!transaction.docChanged || limit === 0 || limit === null || limit === void 0 || isChangeOrigin(transaction)) {
                 return true;
               }
               const oldSize = this.storage.characters({ node: state.doc, mode: this.options.mode });

package/dist/es/tiptap-extensions/character-count.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tiptap-extensions/character-count.ts"],
-  "sourcesContent": ["import type { ExtensionProps, RicosExtension, RicosExtensionConfig } from './../ricos-types/index.js';\nimport type { Node } from './../tiptap/pm/model.js';\nimport { Plugin, PluginKey } from './../tiptap/pm/state.js';\n\nimport { createRicosFunctionalExtension } from './create-ricos-extension/create-ricos-functional-extension.js';\n\nconst MAX_TEXT_LENGTH = 1500000;\n\ntype Words = (options: { node?: Node }) => number;\ntype Characters = (options: { node?: Node; mode?: 'textSize' | 'nodeSize' }) => number;\n\nexport const characterCount = createRicosFunctionalExtension<\n  {\n    maxTextLength?: number;\n    mode: 'textSize' | 'nodeSize';\n  },\n  {\n    words: Words;\n    characters: Characters;\n  }\n>({\n  type: 'extension',\n  groups: [],\n  name: 'characterCount',\n  reconfigure: (\n    config: RicosExtensionConfig,\n    _extensions: RicosExtension[],\n    ricosProps: ExtensionProps\n  ) => ({\n    ...config,\n    addOptions() {\n      return {\n        maxTextLength: Math.min(ricosProps.maxTextLength || MAX_TEXT_LENGTH, MAX_TEXT_LENGTH),\n        mode: 'textSize',\n      };\n    },\n  }),\n  createExtensionConfig() {\n    return {\n      name: this.name,\n\n      addStorage() {\n        return {\n          characters: () => 0,\n          words: () => 0,\n        };\n      },\n      onBeforeCreate() {\n        this.storage.characters = options => {\n          const node = options?.node || this.editor.state.doc;\n          const mode = options?.mode || this.options.mode;\n\n          if (mode === 'textSize') {\n            const text = node.textBetween(0, node.content.size, undefined, ' ');\n\n            return text.length;\n          }\n\n          return node.nodeSize;\n        };\n\n        this.storage.words = options => {\n          const node = options?.node || this.editor.state.doc;\n          const text = node.textBetween(0, node.content.size, ' ', ' ');\n          const words = text.split(' ').filter(word => word !== '');\n\n          return words.length;\n        };\n      },\n\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('characterCount'),\n            filterTransaction: (transaction, state) => {\n              const limit = this.options.maxTextLength;\n\n              // Nothing has changed or no limit is defined. Ignore it.\n              if (!transaction.docChanged || limit === 0 || limit === null || limit === undefined) {\n                return true;\n              }\n\n              const oldSize = this.storage.characters({ node: state.doc, mode: this.options.mode });\n              const newSize = this.storage.characters({\n                node: transaction.doc,\n                mode: this.options.mode,\n              });\n\n              // Everything is in the limit. Good.\n              if (newSize <= limit) {\n                return true;\n              }\n\n              // The limit has already been exceeded but will be reduced.\n              if (oldSize > limit && newSize > limit && newSize <= oldSize) {\n                return true;\n              }\n\n              // The limit has already been exceeded and will be increased further.\n              if (oldSize > limit && newSize > limit && newSize > oldSize) {\n                return false;\n              }\n\n              const isPaste = transaction.getMeta('paste');\n\n              // Block all exceeding transactions that were not pasted.\n              if (!isPaste) {\n                return false;\n              }\n\n              // For pasted content, we try to remove the exceeding content.\n              const pos = transaction.selection.$head.pos;\n              const over = newSize - limit;\n              const from = pos - over;\n              const to = pos;\n\n              // It’s probably a bad idea to mutate transactions within `filterTransaction`\n              // but for now this is working fine.\n              transaction.deleteRange(from, to);\n\n              // In some situations, the limit will continue to be exceeded after trimming.\n              // This happens e.g. when truncating within a complex node (e.g. table)\n              // and ProseMirror has to close this node again.\n              // If this is the case, we prevent the transaction completely.\n              const updatedSize = this.storage.characters({\n                node: transaction.doc,\n                mode: this.options.mode,\n              });\n\n              if (updatedSize > limit) {\n                return false;\n              }\n\n              return true;\n            },\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
-  "mappings": "AAEA,SAAS,QAAQ,iBAAiB;AAElC,SAAS,sCAAsC;AAE/C,MAAM,kBAAkB;AAKjB,MAAM,iBAAiB,+BAS5B;AAAA,EACA,MAAM;AAAA,EACN,QAAQ,CAAC;AAAA,EACT,MAAM;AAAA,EACN,aAAa,CACX,QACA,aACA,gBACI;AAAA,IACJ,GAAG;AAAA,IACH,aAAa;AACX,aAAO;AAAA,QACL,eAAe,KAAK,IAAI,WAAW,iBAAiB,iBAAiB,eAAe;AAAA,QACpF,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MAEX,aAAa;AACX,eAAO;AAAA,UACL,YAAY,MAAM;AAAA,UAClB,OAAO,MAAM;AAAA,QACf;AAAA,MACF;AAAA,MACA,iBAAiB;AACf,aAAK,QAAQ,aAAa,aAAW;AACnC,gBAAM,OAAO,SAAS,QAAQ,KAAK,OAAO,MAAM;AAChD,gBAAM,OAAO,SAAS,QAAQ,KAAK,QAAQ;AAE3C,cAAI,SAAS,YAAY;AACvB,kBAAM,OAAO,KAAK,YAAY,GAAG,KAAK,QAAQ,MAAM,QAAW,GAAG;AAElE,mBAAO,KAAK;AAAA,UACd;AAEA,iBAAO,KAAK;AAAA,QACd;AAEA,aAAK,QAAQ,QAAQ,aAAW;AAC9B,gBAAM,OAAO,SAAS,QAAQ,KAAK,OAAO,MAAM;AAChD,gBAAM,OAAO,KAAK,YAAY,GAAG,KAAK,QAAQ,MAAM,KAAK,GAAG;AAC5D,gBAAM,QAAQ,KAAK,MAAM,GAAG,EAAE,OAAO,UAAQ,SAAS,EAAE;AAExD,iBAAO,MAAM;AAAA,QACf;AAAA,MACF;AAAA,MAEA,wBAAwB;AACtB,eAAO;AAAA,UACL,IAAI,OAAO;AAAA,YACT,KAAK,IAAI,UAAU,gBAAgB;AAAA,YACnC,mBAAmB,CAAC,aAAa,UAAU;AACzC,oBAAM,QAAQ,KAAK,QAAQ;AAG3B,kBAAI,CAAC,YAAY,cAAc,UAAU,KAAK,UAAU,QAAQ,UAAU,QAAW;AACnF,uBAAO;AAAA,cACT;AAEA,oBAAM,UAAU,KAAK,QAAQ,WAAW,EAAE,MAAM,MAAM,KAAK,MAAM,KAAK,QAAQ,KAAK,CAAC;AACpF,oBAAM,UAAU,KAAK,QAAQ,WAAW;AAAA,gBACtC,MAAM,YAAY;AAAA,gBAClB,MAAM,KAAK,QAAQ;AAAA,cACrB,CAAC;AAGD,kBAAI,WAAW,OAAO;AACpB,uBAAO;AAAA,cACT;AAGA,kBAAI,UAAU,SAAS,UAAU,SAAS,WAAW,SAAS;AAC5D,uBAAO;AAAA,cACT;AAGA,kBAAI,UAAU,SAAS,UAAU,SAAS,UAAU,SAAS;AAC3D,uBAAO;AAAA,cACT;AAEA,oBAAM,UAAU,YAAY,QAAQ,OAAO;AAG3C,kBAAI,CAAC,SAAS;AACZ,uBAAO;AAAA,cACT;AAGA,oBAAM,MAAM,YAAY,UAAU,MAAM;AACxC,oBAAM,OAAO,UAAU;AACvB,oBAAM,OAAO,MAAM;AACnB,oBAAM,KAAK;AAIX,0BAAY,YAAY,MAAM,EAAE;AAMhC,oBAAM,cAAc,KAAK,QAAQ,WAAW;AAAA,gBAC1C,MAAM,YAAY;AAAA,gBAClB,MAAM,KAAK,QAAQ;AAAA,cACrB,CAAC;AAED,kBAAI,cAAc,OAAO;AACvB,uBAAO;AAAA,cACT;AAEA,qBAAO;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import type { ExtensionProps, RicosExtension, RicosExtensionConfig } from './../ricos-types/index.js';\nimport { isChangeOrigin } from './../tiptap/extension-collaboration/helpers/is-change-origin.js';\nimport type { Node } from './../tiptap/pm/model.js';\nimport { Plugin, PluginKey } from './../tiptap/pm/state.js';\n\nimport { createRicosFunctionalExtension } from './create-ricos-extension/create-ricos-functional-extension.js';\n\nconst MAX_TEXT_LENGTH = 1500000;\n\ntype Words = (options: { node?: Node }) => number;\ntype Characters = (options: { node?: Node; mode?: 'textSize' | 'nodeSize' }) => number;\n\nexport const characterCount = createRicosFunctionalExtension<\n  {\n    maxTextLength?: number;\n    mode: 'textSize' | 'nodeSize';\n  },\n  {\n    words: Words;\n    characters: Characters;\n  }\n>({\n  type: 'extension',\n  groups: [],\n  name: 'characterCount',\n  reconfigure: (\n    config: RicosExtensionConfig,\n    _extensions: RicosExtension[],\n    ricosProps: ExtensionProps\n  ) => ({\n    ...config,\n    addOptions() {\n      return {\n        maxTextLength: Math.min(ricosProps.maxTextLength || MAX_TEXT_LENGTH, MAX_TEXT_LENGTH),\n        mode: 'textSize',\n      };\n    },\n  }),\n  createExtensionConfig() {\n    return {\n      name: this.name,\n\n      addStorage() {\n        return {\n          characters: () => 0,\n          words: () => 0,\n        };\n      },\n      onBeforeCreate() {\n        this.storage.characters = options => {\n          const node = options?.node || this.editor.state.doc;\n          const mode = options?.mode || this.options.mode;\n\n          if (mode === 'textSize') {\n            const text = node.textBetween(0, node.content.size, undefined, ' ');\n\n            return text.length;\n          }\n\n          return node.nodeSize;\n        };\n\n        this.storage.words = options => {\n          const node = options?.node || this.editor.state.doc;\n          const text = node.textBetween(0, node.content.size, ' ', ' ');\n          const words = text.split(' ').filter(word => word !== '');\n\n          return words.length;\n        };\n      },\n\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('characterCount'),\n            filterTransaction: (transaction, state) => {\n              const limit = this.options.maxTextLength;\n\n              // Nothing has changed or no limit is defined. Ignore it.\n              // Remote applies pass: vetoing one desyncs this editor from yjs.\n              if (\n                !transaction.docChanged ||\n                limit === 0 ||\n                limit === null ||\n                limit === undefined ||\n                isChangeOrigin(transaction)\n              ) {\n                return true;\n              }\n\n              const oldSize = this.storage.characters({ node: state.doc, mode: this.options.mode });\n              const newSize = this.storage.characters({\n                node: transaction.doc,\n                mode: this.options.mode,\n              });\n\n              // Everything is in the limit. Good.\n              if (newSize <= limit) {\n                return true;\n              }\n\n              // The limit has already been exceeded but will be reduced.\n              if (oldSize > limit && newSize > limit && newSize <= oldSize) {\n                return true;\n              }\n\n              // The limit has already been exceeded and will be increased further.\n              if (oldSize > limit && newSize > limit && newSize > oldSize) {\n                return false;\n              }\n\n              const isPaste = transaction.getMeta('paste');\n\n              // Block all exceeding transactions that were not pasted.\n              if (!isPaste) {\n                return false;\n              }\n\n              // For pasted content, we try to remove the exceeding content.\n              const pos = transaction.selection.$head.pos;\n              const over = newSize - limit;\n              const from = pos - over;\n              const to = pos;\n\n              // It’s probably a bad idea to mutate transactions within `filterTransaction`\n              // but for now this is working fine.\n              transaction.deleteRange(from, to);\n\n              // In some situations, the limit will continue to be exceeded after trimming.\n              // This happens e.g. when truncating within a complex node (e.g. table)\n              // and ProseMirror has to close this node again.\n              // If this is the case, we prevent the transaction completely.\n              const updatedSize = this.storage.characters({\n                node: transaction.doc,\n                mode: this.options.mode,\n              });\n\n              if (updatedSize > limit) {\n                return false;\n              }\n\n              return true;\n            },\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
+  "mappings": "AACA,SAAS,sBAAsB;AAE/B,SAAS,QAAQ,iBAAiB;AAElC,SAAS,sCAAsC;AAE/C,MAAM,kBAAkB;AAKjB,MAAM,iBAAiB,+BAS5B;AAAA,EACA,MAAM;AAAA,EACN,QAAQ,CAAC;AAAA,EACT,MAAM;AAAA,EACN,aAAa,CACX,QACA,aACA,gBACI;AAAA,IACJ,GAAG;AAAA,IACH,aAAa;AACX,aAAO;AAAA,QACL,eAAe,KAAK,IAAI,WAAW,iBAAiB,iBAAiB,eAAe;AAAA,QACpF,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MAEX,aAAa;AACX,eAAO;AAAA,UACL,YAAY,MAAM;AAAA,UAClB,OAAO,MAAM;AAAA,QACf;AAAA,MACF;AAAA,MACA,iBAAiB;AACf,aAAK,QAAQ,aAAa,aAAW;AACnC,gBAAM,OAAO,SAAS,QAAQ,KAAK,OAAO,MAAM;AAChD,gBAAM,OAAO,SAAS,QAAQ,KAAK,QAAQ;AAE3C,cAAI,SAAS,YAAY;AACvB,kBAAM,OAAO,KAAK,YAAY,GAAG,KAAK,QAAQ,MAAM,QAAW,GAAG;AAElE,mBAAO,KAAK;AAAA,UACd;AAEA,iBAAO,KAAK;AAAA,QACd;AAEA,aAAK,QAAQ,QAAQ,aAAW;AAC9B,gBAAM,OAAO,SAAS,QAAQ,KAAK,OAAO,MAAM;AAChD,gBAAM,OAAO,KAAK,YAAY,GAAG,KAAK,QAAQ,MAAM,KAAK,GAAG;AAC5D,gBAAM,QAAQ,KAAK,MAAM,GAAG,EAAE,OAAO,UAAQ,SAAS,EAAE;AAExD,iBAAO,MAAM;AAAA,QACf;AAAA,MACF;AAAA,MAEA,wBAAwB;AACtB,eAAO;AAAA,UACL,IAAI,OAAO;AAAA,YACT,KAAK,IAAI,UAAU,gBAAgB;AAAA,YACnC,mBAAmB,CAAC,aAAa,UAAU;AACzC,oBAAM,QAAQ,KAAK,QAAQ;AAI3B,kBACE,CAAC,YAAY,cACb,UAAU,KACV,UAAU,QACV,UAAU,UACV,eAAe,WAAW,GAC1B;AACA,uBAAO;AAAA,cACT;AAEA,oBAAM,UAAU,KAAK,QAAQ,WAAW,EAAE,MAAM,MAAM,KAAK,MAAM,KAAK,QAAQ,KAAK,CAAC;AACpF,oBAAM,UAAU,KAAK,QAAQ,WAAW;AAAA,gBACtC,MAAM,YAAY;AAAA,gBAClB,MAAM,KAAK,QAAQ;AAAA,cACrB,CAAC;AAGD,kBAAI,WAAW,OAAO;AACpB,uBAAO;AAAA,cACT;AAGA,kBAAI,UAAU,SAAS,UAAU,SAAS,WAAW,SAAS;AAC5D,uBAAO;AAAA,cACT;AAGA,kBAAI,UAAU,SAAS,UAAU,SAAS,UAAU,SAAS;AAC3D,uBAAO;AAAA,cACT;AAEA,oBAAM,UAAU,YAAY,QAAQ,OAAO;AAG3C,kBAAI,CAAC,SAAS;AACZ,uBAAO;AAAA,cACT;AAGA,oBAAM,MAAM,YAAY,UAAU,MAAM;AACxC,oBAAM,OAAO,UAAU;AACvB,oBAAM,OAAO,MAAM;AACnB,oBAAM,KAAK;AAIX,0BAAY,YAAY,MAAM,EAAE;AAMhC,oBAAM,cAAc,KAAK,QAAQ,WAAW;AAAA,gBAC1C,MAAM,YAAY;AAAA,gBAClB,MAAM,KAAK,QAAQ;AAAA,cACrB,CAAC;AAED,kBAAI,cAAc,OAAO;AACvB,uBAAO;AAAA,cACT;AAEA,qBAAO;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/es/tiptap-extensions/placeholder-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "4131c8e7";
+var styleDataHash = "2eb74ba3";
 const injectCss = (() => {
-  var css = `._5wUyq{height:100%;position:relative}._5wUyq>[data-placeholder]{float:none;height:0;justify-content:center;left:0;position:absolute;right:0;top:30%}`;
+  var css = `.Houll{height:100%;position:relative}.Houll>[data-placeholder]{float:none;height:0;justify-content:center;left:0;position:absolute;right:0;top:30%}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var placeholder_default = {
-  "alignCenter": "_5wUyq"
+  "alignCenter": "Houll"
 };
 export {
   placeholder_default as default,

package/dist/es/tiptap-extensions/placeholder-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tiptap-extensions/placeholder.scss"],
-  "sourcesContent": ["var styleDataHash = '4131c8e7';  \nexport const injectCss = (() => {\n  var css = `._5wUyq{height:100%;position:relative}._5wUyq>[data-placeholder]{float:none;height:0;justify-content:center;left:0;position:absolute;right:0;top:30%}`;\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  \"alignCenter\": \"_5wUyq\"\n};"],
+  "sourcesContent": ["var styleDataHash = '2eb74ba3';  \nexport const injectCss = (() => {\n  var css = `.Houll{height:100%;position:relative}.Houll>[data-placeholder]{float:none;height:0;justify-content:center;left:0;position:absolute;right:0;top:30%}`;\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  \"alignCenter\": \"Houll\"\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,sBAAQ;AAAA,EACb,eAAe;AACjB;",
   "names": []
 }

package/dist/es/tiptap-extensions/ricos-styles.js

@@ -1,6 +1,7 @@
 import { Node_Type } from "./../ricos-schema/legacy/wix/rich_content/v1/index.js";
 import { DocumentStyle as RicosDocumentStyle } from "./../ricos-styles/index.js";
 import { Mark_Type } from "./../ricos-types/index.js";
+import { deepEqual } from "./../_shared/deep-equal.js";
 import { getMarksBetween } from "./../tiptap/index.js";
 import { Step, StepResult } from "./../tiptap/pm/transform.js";
 import { createRicosFunctionalExtension } from "./create-ricos-extension/index.js";
@@ -108,6 +109,16 @@ const ricosStyles = createRicosFunctionalExtension({
   createExtensionConfig() {
     return {
       name: this.name,
+      addStorage() {
+        return { documentStyle: void 0 };
+      },
+      onTransaction({ editor }) {
+        const documentStyle = editor.state.doc.attrs.documentStyle || {};
+        if (!deepEqual(this.storage.documentStyle, documentStyle)) {
+          this.storage.documentStyle = documentStyle;
+          this.options.styles.setDocumentStyle(documentStyle);
+        }
+      },
       addCommands() {
         return {
           getStylesDecorationBySelectedNode: (decorationType) => ({ state }) => {
@@ -193,6 +204,7 @@ const ricosStyles = createRicosFunctionalExtension({
   }
 });
 export {
+  SetDocAttrStep,
   getLineHeightStyleBySelectedNode,
   getStylesDecorationBySelectedNode,
   ricosStyles

package/dist/es/tiptap-extensions/ricos-styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tiptap-extensions/ricos-styles.ts"],
-  "sourcesContent": ["import type { PmConverters } from './../pm-converters/collect.js';\nimport type { Decoration, Decoration_Type, DocumentStyle, Node } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { TextBlockNodeType } from './../ricos-styles/index.js';\nimport { DocumentStyle as RicosDocumentStyle } from './../ricos-styles/index.js';\nimport type {\n  AmbientStyles,\n  ExtensionProps,\n  HeadingNode,\n  ParagraphNode,\n  RicosExtension,\n} from './../ricos-types/index.js';\nimport { Mark_Type } from './../ricos-types/index.js';\nimport type { PmHeadingNode, PmParagraphNode } from './../_shared/pm-node-types.js';\nimport { getMarksBetween } from './../tiptap/index.js';\nimport type { CommandProps, Editor, ExtensionConfig } from './../tiptap/core/index.js';\nimport type { Node as ProseMirrorNode } from './../tiptap/pm/model.js';\nimport type { EditorState } from './../tiptap/pm/state.js';\nimport { Step, StepResult } from './../tiptap/pm/transform.js';\nimport type { TiptapAdapterServices } from './../tiptap-editor/initialize-tiptap-adapter.js';\n\nimport { createRicosFunctionalExtension } from './create-ricos-extension/index.js';\n\nconst STEP_TYPE = 'setDocAttr';\n\nconst DOCUMENT_STYLES_MARKS = [\n  Mark_Type.BOLD,\n  Mark_Type.ITALIC,\n  Mark_Type.COLOR_BACKGROUND,\n  Mark_Type.COLOR_FOREGROUND,\n  Mark_Type.FONT_SIZE,\n] as string[];\n\n// adapted from https://discuss.prosemirror.net/t/changing-doc-attrs/784\nclass SetDocAttrStep extends Step {\n  private prevValue: $TSFixMe;\n\n  constructor(\n    private key: string,\n    private value: $TSFixMe\n  ) {\n    super();\n    this.key = key;\n    this.value = value;\n  }\n\n  get stepType() {\n    return STEP_TYPE;\n  }\n\n  apply(doc: $TSFixMe) {\n    this.prevValue = doc.attrs[this.key];\n    // avoid clobbering doc.type.defaultAttrs\n    if (doc.attrs === doc.type.defaultAttrs) {\n      doc.attrs = Object.assign({}, doc.attrs);\n    }\n    doc.attrs[this.key] = this.value;\n    return StepResult.ok(doc);\n  }\n\n  invert() {\n    return new SetDocAttrStep(this.key, this.prevValue);\n  }\n\n  // position never changes so map should always return same step\n  map() {\n    return this;\n  }\n\n  toJSON() {\n    return {\n      stepType: this.stepType,\n      key: this.key,\n      value: this.value,\n    };\n  }\n\n  static fromJSON(schema: $TSFixMe, json: $TSFixMe) {\n    return new SetDocAttrStep(json.key, json.value);\n  }\n\n  static register() {\n    try {\n      Step.jsonID(STEP_TYPE, SetDocAttrStep);\n    } catch (err) {\n      if ((err as Error).message !== `Duplicate use of step JSON ID ${STEP_TYPE}`) {\n        throw err;\n      }\n    }\n    return true;\n  }\n}\n\ndeclare module './../tiptap/core' {\n  interface Commands<ReturnType> {\n    styles: {\n      /**\n       * returns decoration object from selected node according to ricos-styles\n       */\n      getStylesDecorationBySelectedNode: (\n        decorationType: Decoration_Type\n      ) => (props: CommandProps) => Decoration | undefined;\n      /**\n       * updates the document style\n       */\n      updateDocumentStyle: (documentStyle: DocumentStyle) => ReturnType;\n      /**\n       * updates the document style according to the selected node\n       */\n      updateDocumentStyleBySelectedNode: () => ReturnType;\n      /**\n       * remove all marks that are defined in the document style (bold, italic, color, font size)\n       */\n      unsetAllDocumentStyleMarksByNode: (node: ProseMirrorNode) => ReturnType;\n      /**\n       * remove all attibutes that are defined in the document style (paddingTop,paddingBottom,lineHeight)\n       */\n      unsetAllDocumentStyleAttrsByNode: (node: ProseMirrorNode, pos: number) => ReturnType;\n      /**\n       * reset the document style of a given nodeType\n       */\n      resetDocumentStyleByNodeType: (nodeType: TextBlockNodeType) => ReturnType;\n    };\n  }\n}\n\nexport const getStylesDecorationBySelectedNode = (\n  decorationType: Decoration_Type,\n  {\n    state,\n    styles,\n    pmConverters,\n  }: { state: EditorState; styles: AmbientStyles; pmConverters: PmConverters }\n) => {\n  const { from, to } = state.selection;\n  let node: Node | undefined;\n  state.doc.nodesBetween(from, to, currNode => {\n    if ([Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)) {\n      node = pmConverters.fromPmNode(currNode.toJSON()) as unknown as Node;\n      return false;\n    }\n  });\n  return node && styles.getDecoration(node as ParagraphNode | HeadingNode, decorationType);\n};\n\nexport const getLineHeightStyleBySelectedNode = ({\n  tiptapEditor,\n  styles,\n}: {\n  tiptapEditor: Editor;\n  styles: AmbientStyles;\n}) => {\n  const { state, view } = tiptapEditor;\n  const { from, to, $from } = state.selection;\n\n  const domNode = $from.depth > 0 ? view.nodeDOM($from.before($from.depth)) : null;\n\n  let node: PmParagraphNode | PmHeadingNode | undefined;\n\n  state.doc.nodesBetween(from, to, currNode => {\n    if ([Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)) {\n      node = currNode.toJSON() as PmParagraphNode | PmHeadingNode;\n      return false;\n    }\n  });\n\n  return node ? styles.getComputedLineHeight(node, domNode as HTMLElement) : undefined;\n};\n\nexport const ricosStyles = createRicosFunctionalExtension<{\n  styles: AmbientStyles;\n  converters: PmConverters;\n}>({\n  type: 'extension',\n  groups: [],\n  name: 'ricos-styles-commands',\n  reconfigure: (\n    config: ExtensionConfig,\n    _extensions: RicosExtension[],\n    _ricosProps: ExtensionProps,\n    _settings: Record<string, unknown>,\n    services: TiptapAdapterServices\n  ) => {\n    return {\n      ...config,\n      addOptions() {\n        return {\n          styles: services.styles,\n          converters: services.converters,\n        };\n      },\n    };\n  },\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      addCommands() {\n        return {\n          getStylesDecorationBySelectedNode:\n            (decorationType: Decoration_Type) =>\n            ({ state }) => {\n              const { from, to } = state.selection;\n              let node: Node | undefined;\n              state.doc.nodesBetween(from, to, currNode => {\n                if (\n                  [Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)\n                ) {\n                  node = this.options.converters.fromPmNode(currNode.toJSON()) as unknown as Node;\n                  return false;\n                }\n              });\n              return (\n                node &&\n                this.options.styles.getDecoration(\n                  node as ParagraphNode | HeadingNode,\n                  decorationType\n                )\n              );\n            },\n          updateDocumentStyleBySelectedNode:\n            () =>\n            ({ state, chain }) => {\n              const { from, to } = state.selection;\n              let node: Node | undefined, proseNode: ProseMirrorNode | undefined;\n\n              state.doc.nodesBetween(from, to, currNode => {\n                if (\n                  [Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)\n                ) {\n                  node = this.options.converters.fromPmNode(currNode.toJSON()) as unknown as Node;\n                  proseNode = currNode;\n\n                  return false;\n                }\n              });\n              if (!proseNode || !node || !RicosDocumentStyle.isNodeTransformable(node)) {\n                return false;\n              }\n\n              const documentStyleEntity = RicosDocumentStyle.fromNode(node);\n\n              return chain()\n                .focus()\n                .updateDocumentStyle(documentStyleEntity.toContent())\n                .command(({ state, commands }) => {\n                  state.doc.descendants((node, pos) => {\n                    if (\n                      node.isTextblock &&\n                      node.type.name === (proseNode as ProseMirrorNode).type.name\n                    ) {\n                      commands.unsetAllDocumentStyleMarksByNode(node);\n                      commands.unsetAllDocumentStyleAttrsByNode(node, pos);\n                    }\n                  });\n                  return true;\n                })\n\n                .run();\n            },\n          unsetAllDocumentStyleMarksByNode:\n            (node: ProseMirrorNode) =>\n            ({ editor, tr, state }) => {\n              const nodeElement = document.body.querySelector(`[data-ricos-id=\"${node.attrs.id}\"]`);\n              if (nodeElement) {\n                const start = editor.view.posAtDOM(nodeElement, 0);\n                const end = start + node.content.size;\n\n                getMarksBetween(start, end, state.doc).forEach(markRang => {\n                  if (DOCUMENT_STYLES_MARKS.includes(markRang.mark.type.name)) {\n                    tr.removeMark(start, end, markRang.mark);\n                  }\n                });\n              }\n              return true;\n            },\n          unsetAllDocumentStyleAttrsByNode:\n            (node: ProseMirrorNode, pos: number) =>\n            ({ tr }) => {\n              // `fontSize` is `textStyle.fontSize` kept as its own attribute (see font-size extension)\n              const {\n                style: _removedStyle,\n                fontSize: _removedFontSize,\n                textStyle,\n                ...restAttrs\n              } = node.attrs;\n              const attrs =\n                textStyle && typeof textStyle === 'object'\n                  ? {\n                      ...restAttrs,\n                      textStyle: (({ lineHeight: _removedLineHeight, ...textStyleRest }) =>\n                        textStyleRest)(textStyle),\n                    }\n                  : restAttrs;\n              tr.setNodeMarkup(pos, undefined, attrs);\n              return true;\n            },\n          resetDocumentStyleByNodeType:\n            nodeType =>\n            ({ state }) => {\n              const updatedDocumentStyle = new RicosDocumentStyle(state.doc.attrs.documentStyle)\n                .resetStyle(nodeType)\n                .toContent();\n\n              state.tr.step(new SetDocAttrStep('documentStyle', updatedDocumentStyle));\n              this.options.styles.setDocumentStyle(updatedDocumentStyle);\n              return true;\n            },\n          updateDocumentStyle:\n            (documentStyle: DocumentStyle) =>\n            ({ state }) => {\n              const updatedDocumentStyle = new RicosDocumentStyle(state.doc.attrs.documentStyle)\n                .mergeWith(documentStyle)\n                .toContent();\n              state.tr.step(new SetDocAttrStep('documentStyle', updatedDocumentStyle));\n              this.options.styles.setDocumentStyle(updatedDocumentStyle);\n              return true;\n            },\n        };\n      },\n    };\n  },\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { PmConverters } from './../pm-converters/collect.js';\nimport type { Decoration, Decoration_Type, DocumentStyle, Node } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { TextBlockNodeType } from './../ricos-styles/index.js';\nimport { DocumentStyle as RicosDocumentStyle } from './../ricos-styles/index.js';\nimport type {\n  AmbientStyles,\n  ExtensionProps,\n  HeadingNode,\n  ParagraphNode,\n  RicosExtension,\n} from './../ricos-types/index.js';\nimport { Mark_Type } from './../ricos-types/index.js';\nimport { deepEqual } from './../_shared/deep-equal.js';\nimport type { PmHeadingNode, PmParagraphNode } from './../_shared/pm-node-types.js';\nimport { getMarksBetween } from './../tiptap/index.js';\nimport type { CommandProps, Editor, ExtensionConfig } from './../tiptap/core/index.js';\nimport type { Node as ProseMirrorNode } from './../tiptap/pm/model.js';\nimport type { EditorState } from './../tiptap/pm/state.js';\nimport { Step, StepResult } from './../tiptap/pm/transform.js';\nimport type { TiptapAdapterServices } from './../tiptap-editor/initialize-tiptap-adapter.js';\n\nimport { createRicosFunctionalExtension } from './create-ricos-extension/index.js';\n\nconst STEP_TYPE = 'setDocAttr';\n\nconst DOCUMENT_STYLES_MARKS = [\n  Mark_Type.BOLD,\n  Mark_Type.ITALIC,\n  Mark_Type.COLOR_BACKGROUND,\n  Mark_Type.COLOR_FOREGROUND,\n  Mark_Type.FONT_SIZE,\n] as string[];\n\n// adapted from https://discuss.prosemirror.net/t/changing-doc-attrs/784\nexport class SetDocAttrStep extends Step {\n  private prevValue: $TSFixMe;\n\n  constructor(\n    private key: string,\n    private value: $TSFixMe\n  ) {\n    super();\n    this.key = key;\n    this.value = value;\n  }\n\n  get stepType() {\n    return STEP_TYPE;\n  }\n\n  apply(doc: $TSFixMe) {\n    this.prevValue = doc.attrs[this.key];\n    // avoid clobbering doc.type.defaultAttrs\n    if (doc.attrs === doc.type.defaultAttrs) {\n      doc.attrs = Object.assign({}, doc.attrs);\n    }\n    doc.attrs[this.key] = this.value;\n    return StepResult.ok(doc);\n  }\n\n  invert() {\n    return new SetDocAttrStep(this.key, this.prevValue);\n  }\n\n  // position never changes so map should always return same step\n  map() {\n    return this;\n  }\n\n  toJSON() {\n    return {\n      stepType: this.stepType,\n      key: this.key,\n      value: this.value,\n    };\n  }\n\n  static fromJSON(schema: $TSFixMe, json: $TSFixMe) {\n    return new SetDocAttrStep(json.key, json.value);\n  }\n\n  static register() {\n    try {\n      Step.jsonID(STEP_TYPE, SetDocAttrStep);\n    } catch (err) {\n      if ((err as Error).message !== `Duplicate use of step JSON ID ${STEP_TYPE}`) {\n        throw err;\n      }\n    }\n    return true;\n  }\n}\n\ndeclare module './../tiptap/core' {\n  interface Commands<ReturnType> {\n    styles: {\n      /**\n       * returns decoration object from selected node according to ricos-styles\n       */\n      getStylesDecorationBySelectedNode: (\n        decorationType: Decoration_Type\n      ) => (props: CommandProps) => Decoration | undefined;\n      /**\n       * updates the document style\n       */\n      updateDocumentStyle: (documentStyle: DocumentStyle) => ReturnType;\n      /**\n       * updates the document style according to the selected node\n       */\n      updateDocumentStyleBySelectedNode: () => ReturnType;\n      /**\n       * remove all marks that are defined in the document style (bold, italic, color, font size)\n       */\n      unsetAllDocumentStyleMarksByNode: (node: ProseMirrorNode) => ReturnType;\n      /**\n       * remove all attibutes that are defined in the document style (paddingTop,paddingBottom,lineHeight)\n       */\n      unsetAllDocumentStyleAttrsByNode: (node: ProseMirrorNode, pos: number) => ReturnType;\n      /**\n       * reset the document style of a given nodeType\n       */\n      resetDocumentStyleByNodeType: (nodeType: TextBlockNodeType) => ReturnType;\n    };\n  }\n}\n\nexport const getStylesDecorationBySelectedNode = (\n  decorationType: Decoration_Type,\n  {\n    state,\n    styles,\n    pmConverters,\n  }: { state: EditorState; styles: AmbientStyles; pmConverters: PmConverters }\n) => {\n  const { from, to } = state.selection;\n  let node: Node | undefined;\n  state.doc.nodesBetween(from, to, currNode => {\n    if ([Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)) {\n      node = pmConverters.fromPmNode(currNode.toJSON()) as unknown as Node;\n      return false;\n    }\n  });\n  return node && styles.getDecoration(node as ParagraphNode | HeadingNode, decorationType);\n};\n\nexport const getLineHeightStyleBySelectedNode = ({\n  tiptapEditor,\n  styles,\n}: {\n  tiptapEditor: Editor;\n  styles: AmbientStyles;\n}) => {\n  const { state, view } = tiptapEditor;\n  const { from, to, $from } = state.selection;\n\n  const domNode = $from.depth > 0 ? view.nodeDOM($from.before($from.depth)) : null;\n\n  let node: PmParagraphNode | PmHeadingNode | undefined;\n\n  state.doc.nodesBetween(from, to, currNode => {\n    if ([Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)) {\n      node = currNode.toJSON() as PmParagraphNode | PmHeadingNode;\n      return false;\n    }\n  });\n\n  return node ? styles.getComputedLineHeight(node, domNode as HTMLElement) : undefined;\n};\n\nexport const ricosStyles = createRicosFunctionalExtension<\n  { styles: AmbientStyles; converters: PmConverters },\n  { documentStyle?: DocumentStyle }\n>({\n  type: 'extension',\n  groups: [],\n  name: 'ricos-styles-commands',\n  reconfigure: (\n    config: ExtensionConfig,\n    _extensions: RicosExtension[],\n    _ricosProps: ExtensionProps,\n    _settings: Record<string, unknown>,\n    services: TiptapAdapterServices\n  ) => {\n    return {\n      ...config,\n      addOptions() {\n        return {\n          styles: services.styles,\n          converters: services.converters,\n        };\n      },\n    };\n  },\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      addStorage() {\n        return { documentStyle: undefined };\n      },\n      onTransaction({ editor }) {\n        // Remote updates and undo bypass the style commands; keep the rendering service in sync.\n        const documentStyle = editor.state.doc.attrs.documentStyle || {};\n        if (!deepEqual(this.storage.documentStyle, documentStyle)) {\n          this.storage.documentStyle = documentStyle;\n          this.options.styles.setDocumentStyle(documentStyle);\n        }\n      },\n      addCommands() {\n        return {\n          getStylesDecorationBySelectedNode:\n            (decorationType: Decoration_Type) =>\n            ({ state }) => {\n              const { from, to } = state.selection;\n              let node: Node | undefined;\n              state.doc.nodesBetween(from, to, currNode => {\n                if (\n                  [Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)\n                ) {\n                  node = this.options.converters.fromPmNode(currNode.toJSON()) as unknown as Node;\n                  return false;\n                }\n              });\n              return (\n                node &&\n                this.options.styles.getDecoration(\n                  node as ParagraphNode | HeadingNode,\n                  decorationType\n                )\n              );\n            },\n          updateDocumentStyleBySelectedNode:\n            () =>\n            ({ state, chain }) => {\n              const { from, to } = state.selection;\n              let node: Node | undefined, proseNode: ProseMirrorNode | undefined;\n\n              state.doc.nodesBetween(from, to, currNode => {\n                if (\n                  [Node_Type.PARAGRAPH, Node_Type.HEADING].includes(currNode?.type?.name as any)\n                ) {\n                  node = this.options.converters.fromPmNode(currNode.toJSON()) as unknown as Node;\n                  proseNode = currNode;\n\n                  return false;\n                }\n              });\n              if (!proseNode || !node || !RicosDocumentStyle.isNodeTransformable(node)) {\n                return false;\n              }\n\n              const documentStyleEntity = RicosDocumentStyle.fromNode(node);\n\n              return chain()\n                .focus()\n                .updateDocumentStyle(documentStyleEntity.toContent())\n                .command(({ state, commands }) => {\n                  state.doc.descendants((node, pos) => {\n                    if (\n                      node.isTextblock &&\n                      node.type.name === (proseNode as ProseMirrorNode).type.name\n                    ) {\n                      commands.unsetAllDocumentStyleMarksByNode(node);\n                      commands.unsetAllDocumentStyleAttrsByNode(node, pos);\n                    }\n                  });\n                  return true;\n                })\n\n                .run();\n            },\n          unsetAllDocumentStyleMarksByNode:\n            (node: ProseMirrorNode) =>\n            ({ editor, tr, state }) => {\n              const nodeElement = document.body.querySelector(`[data-ricos-id=\"${node.attrs.id}\"]`);\n              if (nodeElement) {\n                const start = editor.view.posAtDOM(nodeElement, 0);\n                const end = start + node.content.size;\n\n                getMarksBetween(start, end, state.doc).forEach(markRang => {\n                  if (DOCUMENT_STYLES_MARKS.includes(markRang.mark.type.name)) {\n                    tr.removeMark(start, end, markRang.mark);\n                  }\n                });\n              }\n              return true;\n            },\n          unsetAllDocumentStyleAttrsByNode:\n            (node: ProseMirrorNode, pos: number) =>\n            ({ tr }) => {\n              // `fontSize` is `textStyle.fontSize` kept as its own attribute (see font-size extension)\n              const {\n                style: _removedStyle,\n                fontSize: _removedFontSize,\n                textStyle,\n                ...restAttrs\n              } = node.attrs;\n              const attrs =\n                textStyle && typeof textStyle === 'object'\n                  ? {\n                      ...restAttrs,\n                      textStyle: (({ lineHeight: _removedLineHeight, ...textStyleRest }) =>\n                        textStyleRest)(textStyle),\n                    }\n                  : restAttrs;\n              tr.setNodeMarkup(pos, undefined, attrs);\n              return true;\n            },\n          resetDocumentStyleByNodeType:\n            nodeType =>\n            ({ state }) => {\n              const updatedDocumentStyle = new RicosDocumentStyle(state.doc.attrs.documentStyle)\n                .resetStyle(nodeType)\n                .toContent();\n\n              state.tr.step(new SetDocAttrStep('documentStyle', updatedDocumentStyle));\n              this.options.styles.setDocumentStyle(updatedDocumentStyle);\n              return true;\n            },\n          updateDocumentStyle:\n            (documentStyle: DocumentStyle) =>\n            ({ state }) => {\n              const updatedDocumentStyle = new RicosDocumentStyle(state.doc.attrs.documentStyle)\n                .mergeWith(documentStyle)\n                .toContent();\n              state.tr.step(new SetDocAttrStep('documentStyle', updatedDocumentStyle));\n              this.options.styles.setDocumentStyle(updatedDocumentStyle);\n              return true;\n            },\n        };\n      },\n    };\n  },\n});\n"],
+  "mappings": "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",
   "names": ["state", "node"]
 }

package/dist/es/tiptap-extensions/statics/styles-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "41055742";
+var styleDataHash = "1b668058";
 const injectCss = (() => {
-  var css = `.yq1EN{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.Werv3{color:var(--ricos-custom-link-color,var(--ricos-action-color,#116dff));font-family:var(--ricos-custom-link-font-family,unset);font-size:var(--ricos-custom-link-font-size,unset);font-style:var(--ricos-custom-link-font-style,unset);font-weight:var(--ricos-custom-link-font-weight,unset);letter-spacing:var(--ricos-custom-link-letter-spacing,unset);line-height:var(--ricos-custom-link-line-height,unset);min-height:var(--ricos-custom-link-min-height,unset);text-decoration:var(--ricos-custom-link-text-decoration,none)}[data-ricos-font~=link] .Werv3{font:var(--ricos-custom-link-font)}[data-ricos-font~=link-font-style] .Werv3{font-style:var(--ricos-custom-link-font-style)}[data-ricos-font~=link-font-weight] .Werv3{font-weight:var(--ricos-custom-link-font-weight)}[data-ricos-font~=link-font-size] .Werv3{font-size:var(--ricos-custom-link-font-size)}[data-ricos-font~=link-line-height] .Werv3{line-height:var(--ricos-custom-link-line-height)}.oRhtC:hover{cursor:pointer}.LNt6E{color:var(--ricos-text-color,#212121)}.LNt6E.prosemirror-dropcursor-block:after,.LNt6E.prosemirror-dropcursor-block:before{border:2px solid #116dff;border-radius:50%;content:"";height:2px;position:absolute;top:50%;transform:translateY(-50%);width:2px}.LNt6E.prosemirror-dropcursor-block:before{left:0}.LNt6E.prosemirror-dropcursor-block:after{right:0}`;
+  var css = `.WmE4P{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.LmlYm{color:var(--ricos-custom-link-color,var(--ricos-action-color,#116dff));font-family:var(--ricos-custom-link-font-family,unset);font-size:var(--ricos-custom-link-font-size,unset);font-style:var(--ricos-custom-link-font-style,unset);font-weight:var(--ricos-custom-link-font-weight,unset);letter-spacing:var(--ricos-custom-link-letter-spacing,unset);line-height:var(--ricos-custom-link-line-height,unset);min-height:var(--ricos-custom-link-min-height,unset);text-decoration:var(--ricos-custom-link-text-decoration,none)}[data-ricos-font~=link] .LmlYm{font:var(--ricos-custom-link-font)}[data-ricos-font~=link-font-style] .LmlYm{font-style:var(--ricos-custom-link-font-style)}[data-ricos-font~=link-font-weight] .LmlYm{font-weight:var(--ricos-custom-link-font-weight)}[data-ricos-font~=link-font-size] .LmlYm{font-size:var(--ricos-custom-link-font-size)}[data-ricos-font~=link-line-height] .LmlYm{line-height:var(--ricos-custom-link-line-height)}.pHA2C:hover{cursor:pointer}._4niS-{color:var(--ricos-text-color,#212121)}._4niS-.prosemirror-dropcursor-block:after,._4niS-.prosemirror-dropcursor-block:before{border:2px solid #116dff;border-radius:50%;content:"";height:2px;position:absolute;top:50%;transform:translateY(-50%);width:2px}._4niS-.prosemirror-dropcursor-block:before{left:0}._4niS-.prosemirror-dropcursor-block:after{right:0}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,10 +21,10 @@ const injectCss = (() => {
 });
 injectCss();
 var styles_default = {
-  "fontElementMap": "yq1EN",
-  "link": "Werv3",
-  "linkInViewer": "oRhtC",
-  "dropcursor": "LNt6E"
+  "fontElementMap": "WmE4P",
+  "link": "LmlYm",
+  "linkInViewer": "pHA2C",
+  "dropcursor": "_4niS-"
 };
 export {
   styles_default as default,

package/dist/es/tiptap-extensions/statics/styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tiptap-extensions/statics/styles.scss"],
-  "sourcesContent": ["var styleDataHash = '41055742';  \nexport const injectCss = (() => {\n  var css = `.yq1EN{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.Werv3{color:var(--ricos-custom-link-color,var(--ricos-action-color,#116dff));font-family:var(--ricos-custom-link-font-family,unset);font-size:var(--ricos-custom-link-font-size,unset);font-style:var(--ricos-custom-link-font-style,unset);font-weight:var(--ricos-custom-link-font-weight,unset);letter-spacing:var(--ricos-custom-link-letter-spacing,unset);line-height:var(--ricos-custom-link-line-height,unset);min-height:var(--ricos-custom-link-min-height,unset);text-decoration:var(--ricos-custom-link-text-decoration,none)}[data-ricos-font~=link] .Werv3{font:var(--ricos-custom-link-font)}[data-ricos-font~=link-font-style] .Werv3{font-style:var(--ricos-custom-link-font-style)}[data-ricos-font~=link-font-weight] .Werv3{font-weight:var(--ricos-custom-link-font-weight)}[data-ricos-font~=link-font-size] .Werv3{font-size:var(--ricos-custom-link-font-size)}[data-ricos-font~=link-line-height] .Werv3{line-height:var(--ricos-custom-link-line-height)}.oRhtC:hover{cursor:pointer}.LNt6E{color:var(--ricos-text-color,#212121)}.LNt6E.prosemirror-dropcursor-block:after,.LNt6E.prosemirror-dropcursor-block:before{border:2px solid #116dff;border-radius:50%;content:\"\";height:2px;position:absolute;top:50%;transform:translateY(-50%);width:2px}.LNt6E.prosemirror-dropcursor-block:before{left:0}.LNt6E.prosemirror-dropcursor-block:after{right:0}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"yq1EN\",\n  \"link\": \"Werv3\",\n  \"linkInViewer\": \"oRhtC\",\n  \"dropcursor\": \"LNt6E\"\n};"],
+  "sourcesContent": ["var styleDataHash = '1b668058';  \nexport const injectCss = (() => {\n  var css = `.WmE4P{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.LmlYm{color:var(--ricos-custom-link-color,var(--ricos-action-color,#116dff));font-family:var(--ricos-custom-link-font-family,unset);font-size:var(--ricos-custom-link-font-size,unset);font-style:var(--ricos-custom-link-font-style,unset);font-weight:var(--ricos-custom-link-font-weight,unset);letter-spacing:var(--ricos-custom-link-letter-spacing,unset);line-height:var(--ricos-custom-link-line-height,unset);min-height:var(--ricos-custom-link-min-height,unset);text-decoration:var(--ricos-custom-link-text-decoration,none)}[data-ricos-font~=link] .LmlYm{font:var(--ricos-custom-link-font)}[data-ricos-font~=link-font-style] .LmlYm{font-style:var(--ricos-custom-link-font-style)}[data-ricos-font~=link-font-weight] .LmlYm{font-weight:var(--ricos-custom-link-font-weight)}[data-ricos-font~=link-font-size] .LmlYm{font-size:var(--ricos-custom-link-font-size)}[data-ricos-font~=link-line-height] .LmlYm{line-height:var(--ricos-custom-link-line-height)}.pHA2C:hover{cursor:pointer}._4niS-{color:var(--ricos-text-color,#212121)}._4niS-.prosemirror-dropcursor-block:after,._4niS-.prosemirror-dropcursor-block:before{border:2px solid #116dff;border-radius:50%;content:\"\";height:2px;position:absolute;top:50%;transform:translateY(-50%);width:2px}._4niS-.prosemirror-dropcursor-block:before{left:0}._4niS-.prosemirror-dropcursor-block:after{right:0}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"WmE4P\",\n  \"link\": \"LmlYm\",\n  \"linkInViewer\": \"pHA2C\",\n  \"dropcursor\": \"_4niS-\"\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,iBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,cAAc;AAChB;",
   "names": []
 }

package/dist/es/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "a2a9b8bb";
+var styleDataHash = "e6eefc04";
 const injectCss = (() => {
-  var css = `.eBvQn{box-sizing:border-box}.eBvQn *,.eBvQn :after,.eBvQn :before{box-sizing:inherit}.eBvQn input{box-sizing:border-box}`;
+  var css = `.mjmBf{box-sizing:border-box}.mjmBf *,.mjmBf :after,.mjmBf :before{box-sizing:inherit}.mjmBf input{box-sizing:border-box}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var insert_plugin_toolbar_default = {
-  "wrapper": "eBvQn"
+  "wrapper": "mjmBf"
 };
 export {
   insert_plugin_toolbar_default as default,

package/dist/es/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar.scss"],
-  "sourcesContent": ["var styleDataHash = 'a2a9b8bb';  \nexport const injectCss = (() => {\n  var css = `.eBvQn{box-sizing:border-box}.eBvQn *,.eBvQn :after,.eBvQn :before{box-sizing:inherit}.eBvQn input{box-sizing:border-box}`;\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  \"wrapper\": \"eBvQn\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'e6eefc04';  \nexport const injectCss = (() => {\n  var css = `.mjmBf{box-sizing:border-box}.mjmBf *,.mjmBf :after,.mjmBf :before{box-sizing:inherit}.mjmBf input{box-sizing:border-box}`;\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  \"wrapper\": \"mjmBf\"\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,gCAAQ;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/es/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar.js

@@ -89,6 +89,7 @@ const toToolbarItemConfig = (button, t, pluginsEvents, options) => {
     type: "toggle",
     presentation: {
       tooltip: t(button.tooltip),
+      label: button.showLabel ? t(button.tooltip) : void 0,
       icon: button.icon,
       dataHook: button.dataHook
     },

package/dist/es/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar.tsx"],
-  "sourcesContent": ["import React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { isDefined } from 'ts-is-present';\n\nimport { EditorContext, PluginsEventsContext, RicosContext } from './../../../ricos-context/index.js';\nimport { getToolbarSettings, useToolbarSettings } from './../../../ricos-context/toolbar-context.js';\nimport type { PluginsEvents } from './../../../ricos-plugins/index.js';\nimport { getButtonsListFromConfig } from './../../../ricos-plugins/toolbar-utils/get-buttons-list-from-config.js';\nimport type {\n  AddButton,\n  IToolbarItemConfigTiptap,\n  TFunction,\n  ToolbarSettingsFunctions,\n} from './../../../ricos-types/index.js';\nimport { ToolbarType } from './../../../ricos-types/index.js';\nimport { isAlwaysVisible } from './../../../_shared/resolvers/is-always-visible.js';\nimport { TOOLBARS } from './../../../editor-common/index.js';\n\nimport type { OverflownItemsPosition, ToolbarItemProps } from '../../types.js';\nimport { ToggleButton } from '../buttons/index.js';\nimport { Toolbar } from '../Toolbar/toolbar.js';\nimport styles from './insert-plugin-toolbar-scss.js';\n\ninterface Props {\n  buttons: AddButton[];\n  onlyShownButtons?: string[];\n  type: 'floating' | 'static' | 'regular';\n  referenceElement?: React.RefObject<HTMLElement>;\n  onButtonClick: (button: AddButton, e: Event) => void;\n  overflownItemsPosition?: OverflownItemsPosition;\n  options?: { disabled: boolean };\n  alignment?: string;\n}\n\nexport const InsertPluginToolbar: React.FC<Props> = ({\n  buttons,\n  type,\n  onButtonClick,\n  overflownItemsPosition,\n  options,\n  alignment,\n  onlyShownButtons,\n}) => {\n  const { adapter } = useContext(EditorContext);\n  const toolbarSettings = useToolbarSettings(getToolbarSettings(ToolbarType.INSERT_PLUGIN));\n\n  const { isMobile, t } = useContext(RicosContext);\n  const pluginsEvents = useContext(PluginsEventsContext);\n  const [wrapper, setWrapper] = useState<null | HTMLDivElement>(null);\n  const [maxWidth, setMaxWidth] = useState(adapter.tiptapEditor.view.dom.clientWidth);\n\n  useEffect(() => {\n    if (!wrapper || !window?.ResizeObserver) {\n      return;\n    }\n\n    setMaxWidth(adapter.tiptapEditor.view.dom.clientWidth);\n\n    const resizeObserver = new ResizeObserver(() => {\n      setMaxWidth(adapter.tiptapEditor.view.dom.clientWidth);\n    });\n\n    resizeObserver.observe(wrapper);\n\n    return () => resizeObserver.disconnect();\n  }, [buttons, options, isMobile, wrapper]);\n\n  const renderers = useMemo(\n    () =>\n      buttons.reduce((result, addButton) => {\n        const button = addButton;\n        return {\n          ...result,\n          [button.id]: ({ toolbarItem, tabIndex }: ToolbarItemProps) => (\n            <ToggleButton\n              toolbarItem={toolbarItem}\n              tabIndex={tabIndex}\n              onClick={(e: $TSFixMe) => onButtonClick(addButton, e)}\n            />\n          ),\n        };\n      }, {}),\n    [buttons]\n  );\n\n  const config = useMemo(\n    () => toToolbarButtonsConfig(buttons, t, pluginsEvents, toolbarSettings, isMobile, options),\n    [isMobile, options, buttons, t, pluginsEvents, toolbarSettings]\n  );\n\n  return (\n    <div className={styles.wrapper} ref={setWrapper}>\n      <Toolbar\n        type={type}\n        maxWidth={maxWidth}\n        toolbarItemsConfig={config}\n        onlyShownButtons={onlyShownButtons}\n        toolbarItemsRenderers={renderers}\n        isMobile={false}\n        overflownItemsPosition={overflownItemsPosition}\n        alignment={alignment}\n        ariaLabel={t('PluginToolbar_AriaLabel')}\n      />\n    </div>\n  );\n};\n\nconst toToolbarButtonsConfig = (\n  buttons: AddButton[],\n  t: TFunction,\n  pluginsEvents: PluginsEvents,\n  toolbarSettingsFunctions: ToolbarSettingsFunctions | undefined,\n  isMobile: boolean,\n  options?: { disabled: boolean }\n): IToolbarItemConfigTiptap[] => {\n  const buttonType = isMobile ? 'mobile' : 'desktop';\n\n  if (!toolbarSettingsFunctions) {\n    return buttons.map(b => toToolbarItemConfig(b, t, pluginsEvents, options));\n  }\n\n  const buttonsPerType = getButtonsListFromConfig(toolbarSettingsFunctions, buttonType);\n\n  if (!Array.isArray(buttonsPerType) || buttonsPerType.length === 0) {\n    return buttons.map(b => toToolbarItemConfig(b, t, pluginsEvents, options));\n  }\n\n  // Built-in buttons are named by their INSERT_PLUGIN_BUTTONS label, slot buttons by their id.\n  return buttonsPerType\n    .map(name => buttons.find(btn => btn.label === name || btn.id === name))\n    .filter(isDefined)\n    .map(b => toToolbarItemConfig(b, t, pluginsEvents, options));\n};\n\nconst toToolbarItemConfig = (\n  button: AddButton,\n  t: TFunction,\n  pluginsEvents: PluginsEvents,\n  options?: { disabled: boolean }\n): IToolbarItemConfigTiptap => {\n  const disabled = options?.disabled;\n  return {\n    id: button.id,\n    type: 'toggle',\n    presentation: {\n      tooltip: t(button.tooltip),\n      icon: button.icon,\n      dataHook: button.dataHook,\n    },\n    attributes: disabled\n      ? {\n          visible: isAlwaysVisible,\n          disabled: () => disabled,\n        }\n      : { visible: isAlwaysVisible },\n    commands: {\n      click:\n        ({ publicCommands }) =>\n        () => {\n          pluginsEvents.publishers.byTopic('ricos.toolbars.functionality.buttonClick').publish({\n            toolbarType: TOOLBARS.SIDE,\n            buttonId: button.id,\n          });\n          pluginsEvents.publishPluginAdd({\n            pluginId: button.id,\n            entryPoint: TOOLBARS.PLUGIN_MENU,\n          });\n          button.command({ publicCommands });\n        },\n    },\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { isDefined } from 'ts-is-present';\n\nimport { EditorContext, PluginsEventsContext, RicosContext } from './../../../ricos-context/index.js';\nimport { getToolbarSettings, useToolbarSettings } from './../../../ricos-context/toolbar-context.js';\nimport type { PluginsEvents } from './../../../ricos-plugins/index.js';\nimport { getButtonsListFromConfig } from './../../../ricos-plugins/toolbar-utils/get-buttons-list-from-config.js';\nimport type {\n  AddButton,\n  IToolbarItemConfigTiptap,\n  TFunction,\n  ToolbarSettingsFunctions,\n} from './../../../ricos-types/index.js';\nimport { ToolbarType } from './../../../ricos-types/index.js';\nimport { isAlwaysVisible } from './../../../_shared/resolvers/is-always-visible.js';\nimport { TOOLBARS } from './../../../editor-common/index.js';\n\nimport type { OverflownItemsPosition, ToolbarItemProps } from '../../types.js';\nimport { ToggleButton } from '../buttons/index.js';\nimport { Toolbar } from '../Toolbar/toolbar.js';\nimport styles from './insert-plugin-toolbar-scss.js';\n\ninterface Props {\n  buttons: AddButton[];\n  onlyShownButtons?: string[];\n  type: 'floating' | 'static' | 'regular';\n  referenceElement?: React.RefObject<HTMLElement>;\n  onButtonClick: (button: AddButton, e: Event) => void;\n  overflownItemsPosition?: OverflownItemsPosition;\n  options?: { disabled: boolean };\n  alignment?: string;\n}\n\nexport const InsertPluginToolbar: React.FC<Props> = ({\n  buttons,\n  type,\n  onButtonClick,\n  overflownItemsPosition,\n  options,\n  alignment,\n  onlyShownButtons,\n}) => {\n  const { adapter } = useContext(EditorContext);\n  const toolbarSettings = useToolbarSettings(getToolbarSettings(ToolbarType.INSERT_PLUGIN));\n\n  const { isMobile, t } = useContext(RicosContext);\n  const pluginsEvents = useContext(PluginsEventsContext);\n  const [wrapper, setWrapper] = useState<null | HTMLDivElement>(null);\n  const [maxWidth, setMaxWidth] = useState(adapter.tiptapEditor.view.dom.clientWidth);\n\n  useEffect(() => {\n    if (!wrapper || !window?.ResizeObserver) {\n      return;\n    }\n\n    setMaxWidth(adapter.tiptapEditor.view.dom.clientWidth);\n\n    const resizeObserver = new ResizeObserver(() => {\n      setMaxWidth(adapter.tiptapEditor.view.dom.clientWidth);\n    });\n\n    resizeObserver.observe(wrapper);\n\n    return () => resizeObserver.disconnect();\n  }, [buttons, options, isMobile, wrapper]);\n\n  const renderers = useMemo(\n    () =>\n      buttons.reduce((result, addButton) => {\n        const button = addButton;\n        return {\n          ...result,\n          [button.id]: ({ toolbarItem, tabIndex }: ToolbarItemProps) => (\n            <ToggleButton\n              toolbarItem={toolbarItem}\n              tabIndex={tabIndex}\n              onClick={(e: $TSFixMe) => onButtonClick(addButton, e)}\n            />\n          ),\n        };\n      }, {}),\n    [buttons]\n  );\n\n  const config = useMemo(\n    () => toToolbarButtonsConfig(buttons, t, pluginsEvents, toolbarSettings, isMobile, options),\n    [isMobile, options, buttons, t, pluginsEvents, toolbarSettings]\n  );\n\n  return (\n    <div className={styles.wrapper} ref={setWrapper}>\n      <Toolbar\n        type={type}\n        maxWidth={maxWidth}\n        toolbarItemsConfig={config}\n        onlyShownButtons={onlyShownButtons}\n        toolbarItemsRenderers={renderers}\n        isMobile={false}\n        overflownItemsPosition={overflownItemsPosition}\n        alignment={alignment}\n        ariaLabel={t('PluginToolbar_AriaLabel')}\n      />\n    </div>\n  );\n};\n\nconst toToolbarButtonsConfig = (\n  buttons: AddButton[],\n  t: TFunction,\n  pluginsEvents: PluginsEvents,\n  toolbarSettingsFunctions: ToolbarSettingsFunctions | undefined,\n  isMobile: boolean,\n  options?: { disabled: boolean }\n): IToolbarItemConfigTiptap[] => {\n  const buttonType = isMobile ? 'mobile' : 'desktop';\n\n  if (!toolbarSettingsFunctions) {\n    return buttons.map(b => toToolbarItemConfig(b, t, pluginsEvents, options));\n  }\n\n  const buttonsPerType = getButtonsListFromConfig(toolbarSettingsFunctions, buttonType);\n\n  if (!Array.isArray(buttonsPerType) || buttonsPerType.length === 0) {\n    return buttons.map(b => toToolbarItemConfig(b, t, pluginsEvents, options));\n  }\n\n  // Built-in buttons are named by their INSERT_PLUGIN_BUTTONS label, slot buttons by their id.\n  return buttonsPerType\n    .map(name => buttons.find(btn => btn.label === name || btn.id === name))\n    .filter(isDefined)\n    .map(b => toToolbarItemConfig(b, t, pluginsEvents, options));\n};\n\nconst toToolbarItemConfig = (\n  button: AddButton,\n  t: TFunction,\n  pluginsEvents: PluginsEvents,\n  options?: { disabled: boolean }\n): IToolbarItemConfigTiptap => {\n  const disabled = options?.disabled;\n  return {\n    id: button.id,\n    type: 'toggle',\n    presentation: {\n      tooltip: t(button.tooltip),\n      label: button.showLabel ? t(button.tooltip) : undefined,\n      icon: button.icon,\n      dataHook: button.dataHook,\n    },\n    attributes: disabled\n      ? {\n          visible: isAlwaysVisible,\n          disabled: () => disabled,\n        }\n      : { visible: isAlwaysVisible },\n    commands: {\n      click:\n        ({ publicCommands }) =>\n        () => {\n          pluginsEvents.publishers.byTopic('ricos.toolbars.functionality.buttonClick').publish({\n            toolbarType: TOOLBARS.SIDE,\n            buttonId: button.id,\n          });\n          pluginsEvents.publishPluginAdd({\n            pluginId: button.id,\n            entryPoint: TOOLBARS.PLUGIN_MENU,\n          });\n          button.command({ publicCommands });\n        },\n    },\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/OverflownButtons-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "440d9da5";
+var styleDataHash = "01fe5de2";
 const injectCss = (() => {
-  var css = `@charset "UTF-8";._0BT-k{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.Pb0Uz{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:1px solid rgba(51,51,51,.1);border-radius:var(--ricos-internal-toolbar-floating-border-radius,8px);box-shadow:none;box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);height:fit-content;padding:3px;width:min-content;z-index:10}._3-1j5{align-items:center;display:flex;gap:3px;width:max-content}`;
+  var css = `@charset "UTF-8";._5-kH8{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.qHqEC{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:1px solid rgba(51,51,51,.1);border-radius:var(--ricos-internal-toolbar-floating-border-radius,8px);box-shadow:none;box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);height:fit-content;padding:3px;width:min-content;z-index:10}.Z-rl4{align-items:center;display:flex;gap:3px;width:max-content}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = (() => {
 });
 injectCss();
 var OverflownButtons_default = {
-  "fontElementMap": "_0BT-k",
-  "moreItems": "Pb0Uz",
-  "overflownItems": "_3-1j5"
+  "fontElementMap": "_5-kH8",
+  "moreItems": "qHqEC",
+  "overflownItems": "Z-rl4"
 };
 export {
   OverflownButtons_default as default,

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/OverflownButtons-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/OverflownButtons.scss"],
-  "sourcesContent": ["var styleDataHash = '440d9da5';  \nexport const injectCss = (() => {\n  var css = `@charset \"UTF-8\";._0BT-k{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.Pb0Uz{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:1px solid rgba(51,51,51,.1);border-radius:var(--ricos-internal-toolbar-floating-border-radius,8px);box-shadow:none;box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);height:fit-content;padding:3px;width:min-content;z-index:10}._3-1j5{align-items:center;display:flex;gap:3px;width:max-content}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"_0BT-k\",\n  \"moreItems\": \"Pb0Uz\",\n  \"overflownItems\": \"_3-1j5\"\n};"],
+  "sourcesContent": ["var styleDataHash = '01fe5de2';  \nexport const injectCss = (() => {\n  var css = `@charset \"UTF-8\";._5-kH8{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.qHqEC{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:1px solid rgba(51,51,51,.1);border-radius:var(--ricos-internal-toolbar-floating-border-radius,8px);box-shadow:none;box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);height:fit-content;padding:3px;width:min-content;z-index:10}.Z-rl4{align-items:center;display:flex;gap:3px;width:max-content}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"_5-kH8\",\n  \"moreItems\": \"qHqEC\",\n  \"overflownItems\": \"Z-rl4\"\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,2BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,kBAAkB;AACpB;",
   "names": []
 }

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbar-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "9de4c1c3";
+var styleDataHash = "3f0ec3dc";
 const injectCss = (() => {
-  var css = `.vFoFS{position:relative;width:max-content}.VxE6F{align-items:center;display:flex;gap:3px;width:max-content}.FMVeb{display:none}`;
+  var css = `.Dw4fB{position:relative;width:max-content}.opP46{align-items:center;display:flex;gap:3px;width:max-content}.cxmOL{display:none}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = (() => {
 });
 injectCss();
 var RicosDesktopToolbar_default = {
-  "toolbarVisible": "vFoFS",
-  "visibleItems": "VxE6F",
-  "hiddenToolbar": "FMVeb"
+  "toolbarVisible": "Dw4fB",
+  "visibleItems": "opP46",
+  "hiddenToolbar": "cxmOL"
 };
 export {
   RicosDesktopToolbar_default as default,

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbar.scss"],
-  "sourcesContent": ["var styleDataHash = '9de4c1c3';  \nexport const injectCss = (() => {\n  var css = `.vFoFS{position:relative;width:max-content}.VxE6F{align-items:center;display:flex;gap:3px;width:max-content}.FMVeb{display:none}`;\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  \"toolbarVisible\": \"vFoFS\",\n  \"visibleItems\": \"VxE6F\",\n  \"hiddenToolbar\": \"FMVeb\"\n};"],
+  "sourcesContent": ["var styleDataHash = '3f0ec3dc';  \nexport const injectCss = (() => {\n  var css = `.Dw4fB{position:relative;width:max-content}.opP46{align-items:center;display:flex;gap:3px;width:max-content}.cxmOL{display:none}`;\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  \"toolbarVisible\": \"Dw4fB\",\n  \"visibleItems\": \"opP46\",\n  \"hiddenToolbar\": \"cxmOL\"\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,8BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbarWrapper-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "1e100f07";
+var styleDataHash = "22985fd1";
 const injectCss = (() => {
-  var css = `@charset "UTF-8";.XUE0t{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.VgVdu{border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-sizing:border-box;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);font-size:14px;font-weight:500;padding:3px}.UOKcE{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);display:flex;position:relative}.EnvKP{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}`;
+  var css = `@charset "UTF-8";.VD9HU{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.ugi0r{border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-sizing:border-box;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);font-size:14px;font-weight:500;padding:3px}.H9ZUL{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);display:flex;position:relative}._7F9eI{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,10 +21,10 @@ const injectCss = (() => {
 });
 injectCss();
 var RicosDesktopToolbarWrapper_default = {
-  "fontElementMap": "XUE0t",
-  "toolbar": "VgVdu",
-  "toolbarFloating": "UOKcE",
-  "toolbarStatic": "EnvKP"
+  "fontElementMap": "VD9HU",
+  "toolbar": "ugi0r",
+  "toolbarFloating": "H9ZUL",
+  "toolbarStatic": "_7F9eI"
 };
 export {
   RicosDesktopToolbarWrapper_default as default,

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbarWrapper-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbarWrapper.scss"],
-  "sourcesContent": ["var styleDataHash = '1e100f07';  \nexport const injectCss = (() => {\n  var css = `@charset \"UTF-8\";.XUE0t{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.VgVdu{border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-sizing:border-box;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);font-size:14px;font-weight:500;padding:3px}.UOKcE{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);display:flex;position:relative}.EnvKP{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"XUE0t\",\n  \"toolbar\": \"VgVdu\",\n  \"toolbarFloating\": \"UOKcE\",\n  \"toolbarStatic\": \"EnvKP\"\n};"],
+  "sourcesContent": ["var styleDataHash = '22985fd1';  \nexport const injectCss = (() => {\n  var css = `@charset \"UTF-8\";.VD9HU{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.ugi0r{border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-sizing:border-box;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);font-size:14px;font-weight:500;padding:3px}.H9ZUL{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);display:flex;position:relative}._7F9eI{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"VD9HU\",\n  \"toolbar\": \"ugi0r\",\n  \"toolbarFloating\": \"H9ZUL\",\n  \"toolbarStatic\": \"_7F9eI\"\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,qCAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/es/toolbars-v3/components/Toolbar/RicosMobileToolbar/RicosMobileToolbar-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "f722ad5d";
+var styleDataHash = "7dc6a6e2";
 const injectCss = (() => {
-  var css = `@charset "UTF-8";._6s8yK{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.XfPok{position:relative;--mobile-toolbar-height:42px}.tZNEd{--border-top:0px;--border-bottom:0px;--border-left:0px;--border-right:0px}.OP22Y{--border-top:1px;--border-bottom:1px;--border-left:1px;--border-right:1px}.Q1Dde{--border-top:0px;--border-bottom:1px;--border-left:0px;--border-right:0px}.e12YZ{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:none;border-radius:var(--ricos-settings-whitebox-border-radius,0);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);font-size:14px;font-weight:500;height:var(--mobile-toolbar-height);min-width:100%;overflow-x:scroll;overflow-y:clip;padding:3px;position:relative;width:100%}.e12YZ::-webkit-scrollbar{display:none}.d2oQa{border-radius:var(--ricos-settings-whitebox-border-radius,8px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.07))}.xX5Rr{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}.PUBW8{align-items:center;display:flex;gap:3px;width:max-content}`;
+  var css = `@charset "UTF-8";.XbZ-h{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.wNZay{position:relative;--mobile-toolbar-height:42px}._0-m31{--border-top:0px;--border-bottom:0px;--border-left:0px;--border-right:0px}._8SFCQ{--border-top:1px;--border-bottom:1px;--border-left:1px;--border-right:1px}.Ty608{--border-top:0px;--border-bottom:1px;--border-left:0px;--border-right:0px}.p9qXA{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:none;border-radius:var(--ricos-settings-whitebox-border-radius,0);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);font-size:14px;font-weight:500;height:var(--mobile-toolbar-height);min-width:100%;overflow-x:scroll;overflow-y:clip;padding:3px;position:relative;width:100%}.p9qXA::-webkit-scrollbar{display:none}.AZcXt{border-radius:var(--ricos-settings-whitebox-border-radius,8px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.07))}.bxZPa{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}._88qeT{align-items:center;display:flex;gap:3px;width:max-content}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,15 +21,15 @@ const injectCss = (() => {
 });
 injectCss();
 var RicosMobileToolbar_default = {
-  "fontElementMap": "_6s8yK",
-  "container": "XfPok",
-  "regularContainer": "tZNEd",
-  "floatingContainer": "OP22Y",
-  "staticContainer": "Q1Dde",
-  "mobileToolbar": "e12YZ",
-  "toolbarFloating": "d2oQa",
-  "toolbarStatic": "xX5Rr",
-  "buttons": "PUBW8"
+  "fontElementMap": "XbZ-h",
+  "container": "wNZay",
+  "regularContainer": "_0-m31",
+  "floatingContainer": "_8SFCQ",
+  "staticContainer": "Ty608",
+  "mobileToolbar": "p9qXA",
+  "toolbarFloating": "AZcXt",
+  "toolbarStatic": "bxZPa",
+  "buttons": "_88qeT"
 };
 export {
   RicosMobileToolbar_default as default,