@wix/ricos 10.110.0 → 10.112.0

package/dist/es/plugin-html/statics/styles/HtmlComponent-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-html/statics/styles/HtmlComponent.scss"],
-  "sourcesContent": ["export default {\n  \"htmlComponent\": \"WSuTR\",\n  \"htmlComponent_placeholder\": \"kMuIK\"\n};"],
+  "sourcesContent": ["export default {\n  \"htmlComponent\": \"_-5jxR\",\n  \"htmlComponent_placeholder\": \"xTpaH\"\n};"],
   "mappings": "AAAA,IAAO,wBAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,6BAA6B;AAC/B;",
   "names": []
 }

package/dist/es/plugin-html/statics/styles/HtmlEditPanel-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "b1d4dd80";
+var styleDataHash = "9d42f205";
 const injectCss = () => {
-  var css = `.QRuB7,._6I4XW,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}[dir] .bCvDb{padding:18px 0 15px}[dir] .cCT-W{margin:18px 0 13px}.fcWHi{height:146px}.WNPc6{display:flex;justify-content:space-between}._6I4XW{font-size:14px;font-weight:300;height:21px;line-height:1.5;text-decoration:underline}[dir] ._6I4XW{background:transparent;border:0;cursor:pointer;padding:0}._6I4XW:hover{color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-action-color-tuple,2,97,255)),.5)}.ddl3E{color:var(--ricos-settings-action-color,var(--ricos-action-color-fallback,#116dff))}.JnEsY{color:var(--ricos-settings-text-color,#333)}`;
+  var css = `.RQ2Uo,.glob_fontElementMap,.lVQLf{font-family:var(--ricos-font-family,unset)}[dir] .O-DBU{padding:18px 0 15px}[dir] .j3jqh{margin:18px 0 13px}.si7F2{height:146px}._8dRFX{display:flex;justify-content:space-between}.RQ2Uo{font-size:14px;font-weight:300;height:21px;line-height:1.5;text-decoration:underline}[dir] .RQ2Uo{background:transparent;border:0;cursor:pointer;padding:0}.RQ2Uo:hover{color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-action-color-tuple,2,97,255)),.5)}.tP4wl{color:var(--ricos-settings-action-color,var(--ricos-action-color-fallback,#116dff))}.JACCs{color:var(--ricos-settings-text-color,#333)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,14 +21,14 @@ const injectCss = () => {
 };
 injectCss();
 var HtmlEditPanel_default = {
-  "htmlEditPanel_button": "_6I4XW",
-  "fontElementMap": "QRuB7",
-  "htmlEditPanel": "bCvDb",
-  "htmlEditPanel_input": "cCT-W",
-  "htmlEditPanel_textArea": "fcWHi",
-  "htmlEditPanel_buttons": "WNPc6",
-  "htmlEditPanel_primaryButton": "ddl3E",
-  "htmlEditPanel_secondaryButton": "JnEsY"
+  "htmlEditPanel_button": "RQ2Uo",
+  "fontElementMap": "lVQLf",
+  "htmlEditPanel": "O-DBU",
+  "htmlEditPanel_input": "j3jqh",
+  "htmlEditPanel_textArea": "si7F2",
+  "htmlEditPanel_buttons": "_8dRFX",
+  "htmlEditPanel_primaryButton": "tP4wl",
+  "htmlEditPanel_secondaryButton": "JACCs"
 };
 export {
   HtmlEditPanel_default as default,

package/dist/es/plugin-html/statics/styles/HtmlEditPanel-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-html/statics/styles/HtmlEditPanel.scss"],
-  "sourcesContent": ["var styleDataHash = 'b1d4dd80';  \nexport const injectCss = (() => {\n  var css = `.QRuB7,._6I4XW,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}[dir] .bCvDb{padding:18px 0 15px}[dir] .cCT-W{margin:18px 0 13px}.fcWHi{height:146px}.WNPc6{display:flex;justify-content:space-between}._6I4XW{font-size:14px;font-weight:300;height:21px;line-height:1.5;text-decoration:underline}[dir] ._6I4XW{background:transparent;border:0;cursor:pointer;padding:0}._6I4XW:hover{color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-action-color-tuple,2,97,255)),.5)}.ddl3E{color:var(--ricos-settings-action-color,var(--ricos-action-color-fallback,#116dff))}.JnEsY{color:var(--ricos-settings-text-color,#333)}`;\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  \"htmlEditPanel_button\": \"_6I4XW\",\n  \"fontElementMap\": \"QRuB7\",\n  \"htmlEditPanel\": \"bCvDb\",\n  \"htmlEditPanel_input\": \"cCT-W\",\n  \"htmlEditPanel_textArea\": \"fcWHi\",\n  \"htmlEditPanel_buttons\": \"WNPc6\",\n  \"htmlEditPanel_primaryButton\": \"ddl3E\",\n  \"htmlEditPanel_secondaryButton\": \"JnEsY\"\n};"],
+  "sourcesContent": ["var styleDataHash = '9d42f205';  \nexport const injectCss = (() => {\n  var css = `.RQ2Uo,.glob_fontElementMap,.lVQLf{font-family:var(--ricos-font-family,unset)}[dir] .O-DBU{padding:18px 0 15px}[dir] .j3jqh{margin:18px 0 13px}.si7F2{height:146px}._8dRFX{display:flex;justify-content:space-between}.RQ2Uo{font-size:14px;font-weight:300;height:21px;line-height:1.5;text-decoration:underline}[dir] .RQ2Uo{background:transparent;border:0;cursor:pointer;padding:0}.RQ2Uo:hover{color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-action-color-tuple,2,97,255)),.5)}.tP4wl{color:var(--ricos-settings-action-color,var(--ricos-action-color-fallback,#116dff))}.JACCs{color:var(--ricos-settings-text-color,#333)}`;\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  \"htmlEditPanel_button\": \"RQ2Uo\",\n  \"fontElementMap\": \"lVQLf\",\n  \"htmlEditPanel\": \"O-DBU\",\n  \"htmlEditPanel_input\": \"j3jqh\",\n  \"htmlEditPanel_textArea\": \"si7F2\",\n  \"htmlEditPanel_buttons\": \"_8dRFX\",\n  \"htmlEditPanel_primaryButton\": \"tP4wl\",\n  \"htmlEditPanel_secondaryButton\": \"JACCs\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,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,wBAAQ;AAAA,EACb,wBAAwB;AAAA,EACxB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,yBAAyB;AAAA,EACzB,+BAA+B;AAAA,EAC/B,iCAAiC;AACnC;",
   "names": []
 }

package/dist/es/plugin-html/statics/styles/Iframe-scss.js

@@ -1,5 +1,5 @@
 var Iframe_default = {
-  "iframe": "hxxlh"
+  "iframe": "_2SEXw"
 };
 export {
   Iframe_default as default

package/dist/es/plugin-html/statics/styles/Iframe-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-html/statics/styles/Iframe.scss"],
-  "sourcesContent": ["export default {\n  \"iframe\": \"hxxlh\"\n};"],
+  "sourcesContent": ["export default {\n  \"iframe\": \"_2SEXw\"\n};"],
   "mappings": "AAAA,IAAO,iBAAQ;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = '9bde8463';  
+var styleDataHash = 'b331690b';  
 export const injectCss = (() => {
-  var css = `.hxxlh{height:100%;overflow:hidden;width:100%}[dir] .hxxlh{border:0}.WSuTR{height:100%;max-width:100%;position:relative;width:100%}.kMuIK{bottom:0;position:absolute;top:0}[dir] .kMuIK{background:rgba(51,51,51,.05)}[dir=ltr] .kMuIK,[dir=rtl] .kMuIK{left:0;right:0}`;
+  var css = `._2SEXw{height:100%;overflow:hidden;width:100%}[dir] ._2SEXw{border:0}._-5jxR{height:100%;max-width:100%;position:relative;width:100%}.xTpaH{bottom:0;position:absolute;top:0}[dir] .xTpaH{background:rgba(51,51,51,.05)}[dir=ltr] .xTpaH,[dir=rtl] .xTpaH{left:0;right:0}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-image/converter/image-converter.js

@@ -52,6 +52,9 @@ const imageConverter = {
         return void 0;
       }
       const imageNode = node.content?.find(({ type }) => type === TIPTAP_IMAGE_TYPE);
+      if (!imageNode) {
+        return void 0;
+      }
       const { id, ...imageData } = imageNode?.attrs || {};
       const [captionNode] = visit?.(node) ?? [];
       const captionPlainText = extractCaptionInPlainText(node);

package/dist/es/plugin-image/converter/image-converter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/converter/image-converter.ts"],
-  "sourcesContent": ["import type { PmNodeConverter, PmNodeJson } from './../../pm-converters/types';\nimport {\n  generateId,\n  TIPTAP_CAPTION_TYPE,\n  TIPTAP_FIGURE_TYPE,\n  TIPTAP_IMAGE_TYPE,\n} from './../../ricos-content';\nimport type { Decoration, Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { ImageNode } from './../../ricos-types';\n\nexport const imageConverter: PmNodeConverter = {\n  toPm: {\n    types: [Node_Type.IMAGE],\n    convert: (node: ImageNode, visit: (node: Node) => PmNodeJson[]) => {\n      const { containerData, caption: imageCaption, ...imageData } = node.imageData;\n\n      const fallbackCaption: Node = {\n        id: generateId(),\n        type: Node_Type.CAPTION,\n        nodes:\n          typeof imageCaption === 'string' && imageCaption.length\n            ? [\n                {\n                  type: Node_Type.TEXT,\n                  id: '',\n                  nodes: [],\n                  textData: {\n                    text: imageCaption,\n                    decorations: [] as Decoration[],\n                  },\n                },\n              ]\n            : [],\n      };\n\n      const fallBackNodeWithCaoption = { ...node, nodes: [fallbackCaption] };\n\n      return {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_IMAGE_TYPE,\n            attrs: {\n              ...imageData,\n              containerData,\n              id: node.id,\n            },\n          },\n          ...visit(node.nodes?.length > 0 ? node : fallBackNodeWithCaoption),\n        ],\n      };\n    },\n  },\n  fromPm: {\n    types: [TIPTAP_FIGURE_TYPE, TIPTAP_IMAGE_TYPE],\n    convert: (node, visit) => {\n      if (node.type === TIPTAP_IMAGE_TYPE) {\n        return undefined;\n      }\n\n      const imageNode = node.content?.find(({ type }) => type === TIPTAP_IMAGE_TYPE);\n      const { id, ...imageData } = imageNode?.attrs || {};\n\n      const [captionNode] = visit?.(node) ?? [];\n      const captionPlainText = extractCaptionInPlainText(node);\n\n      return {\n        type: Node_Type.IMAGE,\n        id: id ?? generateId(),\n        nodes: captionPlainText ? [captionNode] : [],\n        imageData: { ...imageData, caption: captionPlainText },\n      };\n    },\n  },\n};\n\nconst extractCaptionInPlainText = (node: PmNodeJson): string | undefined => {\n  const captionNode = node.content?.find(({ type }) => type === TIPTAP_CAPTION_TYPE) as PmNodeJson;\n\n  return (\n    captionNode?.content?.reduce((acc, { text }) => (text !== undefined ? acc + text : acc), '') ||\n    undefined\n  );\n};\n"],
-  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iBAAiB;AAGnB,MAAM,iBAAkC;AAAA,EAC7C,MAAM;AAAA,IACJ,OAAO,CAAC,UAAU,KAAK;AAAA,IACvB,SAAS,CAAC,MAAiB,UAAwC;AACjE,YAAM,EAAE,eAAe,SAAS,cAAc,GAAG,UAAU,IAAI,KAAK;AAEpE,YAAM,kBAAwB;AAAA,QAC5B,IAAI,WAAW;AAAA,QACf,MAAM,UAAU;AAAA,QAChB,OACE,OAAO,iBAAiB,YAAY,aAAa,SAC7C;AAAA,UACE;AAAA,YACE,MAAM,UAAU;AAAA,YAChB,IAAI;AAAA,YACJ,OAAO,CAAC;AAAA,YACR,UAAU;AAAA,cACR,MAAM;AAAA,cACN,aAAa,CAAC;AAAA,YAChB;AAAA,UACF;AAAA,QACF,IACA,CAAC;AAAA,MACT;AAEA,YAAM,2BAA2B,EAAE,GAAG,MAAM,OAAO,CAAC,eAAe,EAAE;AAErE,aAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,UACL,IAAI,WAAW;AAAA,QACjB;AAAA,QACA,SAAS;AAAA,UACP;AAAA,YACE,MAAM;AAAA,YACN,OAAO;AAAA,cACL,GAAG;AAAA,cACH;AAAA,cACA,IAAI,KAAK;AAAA,YACX;AAAA,UACF;AAAA,UACA,GAAG,MAAM,KAAK,OAAO,SAAS,IAAI,OAAO,wBAAwB;AAAA,QACnE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,CAAC,oBAAoB,iBAAiB;AAAA,IAC7C,SAAS,CAAC,MAAM,UAAU;AACxB,UAAI,KAAK,SAAS,mBAAmB;AACnC,eAAO;AAAA,MACT;AAEA,YAAM,YAAY,KAAK,SAAS,KAAK,CAAC,EAAE,KAAK,MAAM,SAAS,iBAAiB;AAC7E,YAAM,EAAE,IAAI,GAAG,UAAU,IAAI,WAAW,SAAS,CAAC;AAElD,YAAM,CAAC,WAAW,IAAI,QAAQ,IAAI,KAAK,CAAC;AACxC,YAAM,mBAAmB,0BAA0B,IAAI;AAEvD,aAAO;AAAA,QACL,MAAM,UAAU;AAAA,QAChB,IAAI,MAAM,WAAW;AAAA,QACrB,OAAO,mBAAmB,CAAC,WAAW,IAAI,CAAC;AAAA,QAC3C,WAAW,EAAE,GAAG,WAAW,SAAS,iBAAiB;AAAA,MACvD;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,4BAA4B,CAAC,SAAyC;AAC1E,QAAM,cAAc,KAAK,SAAS,KAAK,CAAC,EAAE,KAAK,MAAM,SAAS,mBAAmB;AAEjF,SACE,aAAa,SAAS,OAAO,CAAC,KAAK,EAAE,KAAK,MAAO,SAAS,SAAY,MAAM,OAAO,KAAM,EAAE,KAC3F;AAEJ;",
+  "sourcesContent": ["import type { PmNodeConverter, PmNodeJson } from './../../pm-converters/types';\nimport {\n  generateId,\n  TIPTAP_CAPTION_TYPE,\n  TIPTAP_FIGURE_TYPE,\n  TIPTAP_IMAGE_TYPE,\n} from './../../ricos-content';\nimport type { Decoration, Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { ImageNode } from './../../ricos-types';\n\nexport const imageConverter: PmNodeConverter = {\n  toPm: {\n    types: [Node_Type.IMAGE],\n    convert: (node: ImageNode, visit: (node: Node) => PmNodeJson[]) => {\n      const { containerData, caption: imageCaption, ...imageData } = node.imageData;\n\n      const fallbackCaption: Node = {\n        id: generateId(),\n        type: Node_Type.CAPTION,\n        nodes:\n          typeof imageCaption === 'string' && imageCaption.length\n            ? [\n                {\n                  type: Node_Type.TEXT,\n                  id: '',\n                  nodes: [],\n                  textData: {\n                    text: imageCaption,\n                    decorations: [] as Decoration[],\n                  },\n                },\n              ]\n            : [],\n      };\n\n      const fallBackNodeWithCaoption = { ...node, nodes: [fallbackCaption] };\n\n      return {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_IMAGE_TYPE,\n            attrs: {\n              ...imageData,\n              containerData,\n              id: node.id,\n            },\n          },\n          ...visit(node.nodes?.length > 0 ? node : fallBackNodeWithCaoption),\n        ],\n      };\n    },\n  },\n  fromPm: {\n    types: [TIPTAP_FIGURE_TYPE, TIPTAP_IMAGE_TYPE],\n    convert: (node, visit) => {\n      if (node.type === TIPTAP_IMAGE_TYPE) {\n        return undefined;\n      }\n\n      const imageNode = node.content?.find(({ type }) => type === TIPTAP_IMAGE_TYPE);\n\n      if (!imageNode) {\n        return undefined;\n      }\n\n      const { id, ...imageData } = imageNode?.attrs || {};\n\n      const [captionNode] = visit?.(node) ?? [];\n      const captionPlainText = extractCaptionInPlainText(node);\n\n      return {\n        type: Node_Type.IMAGE,\n        id: id ?? generateId(),\n        nodes: captionPlainText ? [captionNode] : [],\n        imageData: { ...imageData, caption: captionPlainText },\n      };\n    },\n  },\n};\n\nconst extractCaptionInPlainText = (node: PmNodeJson): string | undefined => {\n  const captionNode = node.content?.find(({ type }) => type === TIPTAP_CAPTION_TYPE) as PmNodeJson;\n\n  return (\n    captionNode?.content?.reduce((acc, { text }) => (text !== undefined ? acc + text : acc), '') ||\n    undefined\n  );\n};\n"],
+  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iBAAiB;AAGnB,MAAM,iBAAkC;AAAA,EAC7C,MAAM;AAAA,IACJ,OAAO,CAAC,UAAU,KAAK;AAAA,IACvB,SAAS,CAAC,MAAiB,UAAwC;AACjE,YAAM,EAAE,eAAe,SAAS,cAAc,GAAG,UAAU,IAAI,KAAK;AAEpE,YAAM,kBAAwB;AAAA,QAC5B,IAAI,WAAW;AAAA,QACf,MAAM,UAAU;AAAA,QAChB,OACE,OAAO,iBAAiB,YAAY,aAAa,SAC7C;AAAA,UACE;AAAA,YACE,MAAM,UAAU;AAAA,YAChB,IAAI;AAAA,YACJ,OAAO,CAAC;AAAA,YACR,UAAU;AAAA,cACR,MAAM;AAAA,cACN,aAAa,CAAC;AAAA,YAChB;AAAA,UACF;AAAA,QACF,IACA,CAAC;AAAA,MACT;AAEA,YAAM,2BAA2B,EAAE,GAAG,MAAM,OAAO,CAAC,eAAe,EAAE;AAErE,aAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,UACL,IAAI,WAAW;AAAA,QACjB;AAAA,QACA,SAAS;AAAA,UACP;AAAA,YACE,MAAM;AAAA,YACN,OAAO;AAAA,cACL,GAAG;AAAA,cACH;AAAA,cACA,IAAI,KAAK;AAAA,YACX;AAAA,UACF;AAAA,UACA,GAAG,MAAM,KAAK,OAAO,SAAS,IAAI,OAAO,wBAAwB;AAAA,QACnE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,CAAC,oBAAoB,iBAAiB;AAAA,IAC7C,SAAS,CAAC,MAAM,UAAU;AACxB,UAAI,KAAK,SAAS,mBAAmB;AACnC,eAAO;AAAA,MACT;AAEA,YAAM,YAAY,KAAK,SAAS,KAAK,CAAC,EAAE,KAAK,MAAM,SAAS,iBAAiB;AAE7E,UAAI,CAAC,WAAW;AACd,eAAO;AAAA,MACT;AAEA,YAAM,EAAE,IAAI,GAAG,UAAU,IAAI,WAAW,SAAS,CAAC;AAElD,YAAM,CAAC,WAAW,IAAI,QAAQ,IAAI,KAAK,CAAC;AACxC,YAAM,mBAAmB,0BAA0B,IAAI;AAEvD,aAAO;AAAA,QACL,MAAM,UAAU;AAAA,QAChB,IAAI,MAAM,WAAW;AAAA,QACrB,OAAO,mBAAmB,CAAC,WAAW,IAAI,CAAC;AAAA,QAC3C,WAAW,EAAE,GAAG,WAAW,SAAS,iBAAiB;AAAA,MACvD;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,4BAA4B,CAAC,SAAyC;AAC1E,QAAM,cAAc,KAAK,SAAS,KAAK,CAAC,EAAE,KAAK,MAAM,SAAS,mBAAmB;AAEjF,SACE,aAAa,SAAS,OAAO,CAAC,KAAK,EAAE,KAAK,MAAO,SAAS,SAAY,MAAM,OAAO,KAAM,EAAE,KAC3F;AAEJ;",
   "names": []
 }

package/dist/es/plugin-image/statics/styles/image-settings-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "564bc9fe";
+var styleDataHash = "ed0dc791";
 const injectCss = () => {
-  var css = `._02rMl{color:var(--ricos-settings-text-color,#333);display:flex;flex:1 1 auto;flex-direction:column;position:unset;z-index:5}[dir] ._02rMl{background:#fff}[dir=ltr] ._02rMl{left:0;right:0;text-align:left}[dir=rtl] ._02rMl{left:0;right:0;text-align:right}.X8O-W{font-size:20px;position:absolute}[dir=ltr] .X8O-W{margin:24px 0 24px 24px}[dir=rtl] .X8O-W{margin:24px 24px 24px 0}[dir] .Ek2VC{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .Ek2VC{padding:20px 20px 0}}}@container (width < 640px){[dir] .Ek2VC{padding:20px 20px 0}}.A8x1J{display:flex;height:240px;justify-content:center;width:100%}[dir] .A8x1J{background-color:rgba(51,51,51,.1)}._7yU0U{font-size:14px;position:relative}[dir] ._7yU0U{padding:20px 0 0}[dir] .iv5OM{margin-bottom:5px}.PqeeT{height:calc(100% - 170px);overflow:scroll;position:absolute;top:70px;width:100%}[dir] .PqeeT{margin:0;padding-bottom:30px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.PqeeT{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.PqeeT{height:calc(100% - 50px);top:50px}}[dir] .UPiXq{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .UPiXq{padding:0 20px}}}@container (width < 640px){[dir] .UPiXq{padding:0 20px}}[dir] .J2PAc{margin:0 auto}.O4Ghq{z-index:6}.qc1gl{visibility:hidden}`;
+  var css = `.ynYGF{color:var(--ricos-settings-text-color,#333);display:flex;flex:1 1 auto;flex-direction:column;position:unset;z-index:5}[dir] .ynYGF{background:#fff}[dir=ltr] .ynYGF{left:0;right:0;text-align:left}[dir=rtl] .ynYGF{left:0;right:0;text-align:right}.Yam-G{font-size:20px;position:absolute}[dir=ltr] .Yam-G{margin:24px 0 24px 24px}[dir=rtl] .Yam-G{margin:24px 24px 24px 0}[dir] .yugEc{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .yugEc{padding:20px 20px 0}}}@container (width < 640px){[dir] .yugEc{padding:20px 20px 0}}._81xEZ{display:flex;height:240px;justify-content:center;width:100%}[dir] ._81xEZ{background-color:rgba(51,51,51,.1)}.HKQDN{font-size:14px;position:relative}[dir] .HKQDN{padding:20px 0 0}[dir] .-Nwy8{margin-bottom:5px}.PeOPg{height:calc(100% - 170px);overflow:scroll;position:absolute;top:70px;width:100%}[dir] .PeOPg{margin:0;padding-bottom:30px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.PeOPg{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.PeOPg{height:calc(100% - 50px);top:50px}}[dir] .N2lOu{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .N2lOu{padding:0 20px}}}@container (width < 640px){[dir] .N2lOu{padding:0 20px}}[dir] .Ybf3s{margin:0 auto}.HU67y{z-index:6}._6MHE6{visibility:hidden}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,17 +21,17 @@ const injectCss = () => {
 };
 injectCss();
 var image_settings_default = {
-  "imageSettings": "_02rMl",
-  "imageSettingsTitle": "X8O-W",
-  "imageSettingsImageSection": "Ek2VC",
-  "imageSettingsImage": "A8x1J",
-  "imageSettingsSection": "_7yU0U",
-  "imageSettingsLabel": "iv5OM",
-  "imageSettings_scrollContainer": "PqeeT",
-  "imageSettings_inputsWrapper": "UPiXq",
-  "imageSettings_mobile": "J2PAc",
-  "imageSettings_footer": "O4Ghq",
-  "imageSettings_hidden": "qc1gl"
+  "imageSettings": "ynYGF",
+  "imageSettingsTitle": "Yam-G",
+  "imageSettingsImageSection": "yugEc",
+  "imageSettingsImage": "_81xEZ",
+  "imageSettingsSection": "HKQDN",
+  "imageSettingsLabel": "-Nwy8",
+  "imageSettings_scrollContainer": "PeOPg",
+  "imageSettings_inputsWrapper": "N2lOu",
+  "imageSettings_mobile": "Ybf3s",
+  "imageSettings_footer": "HU67y",
+  "imageSettings_hidden": "_6MHE6"
 };
 export {
   image_settings_default as default,

package/dist/es/plugin-image/statics/styles/image-settings-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/image-settings.scss"],
-  "sourcesContent": ["var styleDataHash = '564bc9fe';  \nexport const injectCss = (() => {\n  var css = `._02rMl{color:var(--ricos-settings-text-color,#333);display:flex;flex:1 1 auto;flex-direction:column;position:unset;z-index:5}[dir] ._02rMl{background:#fff}[dir=ltr] ._02rMl{left:0;right:0;text-align:left}[dir=rtl] ._02rMl{left:0;right:0;text-align:right}.X8O-W{font-size:20px;position:absolute}[dir=ltr] .X8O-W{margin:24px 0 24px 24px}[dir=rtl] .X8O-W{margin:24px 24px 24px 0}[dir] .Ek2VC{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .Ek2VC{padding:20px 20px 0}}}@container (width < 640px){[dir] .Ek2VC{padding:20px 20px 0}}.A8x1J{display:flex;height:240px;justify-content:center;width:100%}[dir] .A8x1J{background-color:rgba(51,51,51,.1)}._7yU0U{font-size:14px;position:relative}[dir] ._7yU0U{padding:20px 0 0}[dir] .iv5OM{margin-bottom:5px}.PqeeT{height:calc(100% - 170px);overflow:scroll;position:absolute;top:70px;width:100%}[dir] .PqeeT{margin:0;padding-bottom:30px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.PqeeT{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.PqeeT{height:calc(100% - 50px);top:50px}}[dir] .UPiXq{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .UPiXq{padding:0 20px}}}@container (width < 640px){[dir] .UPiXq{padding:0 20px}}[dir] .J2PAc{margin:0 auto}.O4Ghq{z-index:6}.qc1gl{visibility:hidden}`;\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  \"imageSettings\": \"_02rMl\",\n  \"imageSettingsTitle\": \"X8O-W\",\n  \"imageSettingsImageSection\": \"Ek2VC\",\n  \"imageSettingsImage\": \"A8x1J\",\n  \"imageSettingsSection\": \"_7yU0U\",\n  \"imageSettingsLabel\": \"iv5OM\",\n  \"imageSettings_scrollContainer\": \"PqeeT\",\n  \"imageSettings_inputsWrapper\": \"UPiXq\",\n  \"imageSettings_mobile\": \"J2PAc\",\n  \"imageSettings_footer\": \"O4Ghq\",\n  \"imageSettings_hidden\": \"qc1gl\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'ed0dc791';  \nexport const injectCss = (() => {\n  var css = `.ynYGF{color:var(--ricos-settings-text-color,#333);display:flex;flex:1 1 auto;flex-direction:column;position:unset;z-index:5}[dir] .ynYGF{background:#fff}[dir=ltr] .ynYGF{left:0;right:0;text-align:left}[dir=rtl] .ynYGF{left:0;right:0;text-align:right}.Yam-G{font-size:20px;position:absolute}[dir=ltr] .Yam-G{margin:24px 0 24px 24px}[dir=rtl] .Yam-G{margin:24px 24px 24px 0}[dir] .yugEc{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .yugEc{padding:20px 20px 0}}}@container (width < 640px){[dir] .yugEc{padding:20px 20px 0}}._81xEZ{display:flex;height:240px;justify-content:center;width:100%}[dir] ._81xEZ{background-color:rgba(51,51,51,.1)}.HKQDN{font-size:14px;position:relative}[dir] .HKQDN{padding:20px 0 0}[dir] .-Nwy8{margin-bottom:5px}.PeOPg{height:calc(100% - 170px);overflow:scroll;position:absolute;top:70px;width:100%}[dir] .PeOPg{margin:0;padding-bottom:30px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.PeOPg{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.PeOPg{height:calc(100% - 50px);top:50px}}[dir] .N2lOu{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .N2lOu{padding:0 20px}}}@container (width < 640px){[dir] .N2lOu{padding:0 20px}}[dir] .Ybf3s{margin:0 auto}.HU67y{z-index:6}._6MHE6{visibility:hidden}`;\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  \"imageSettings\": \"ynYGF\",\n  \"imageSettingsTitle\": \"Yam-G\",\n  \"imageSettingsImageSection\": \"yugEc\",\n  \"imageSettingsImage\": \"_81xEZ\",\n  \"imageSettingsSection\": \"HKQDN\",\n  \"imageSettingsLabel\": \"-Nwy8\",\n  \"imageSettings_scrollContainer\": \"PeOPg\",\n  \"imageSettings_inputsWrapper\": \"N2lOu\",\n  \"imageSettings_mobile\": \"Ybf3s\",\n  \"imageSettings_footer\": \"HU67y\",\n  \"imageSettings_hidden\": \"_6MHE6\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,yBAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,+BAA+B;AAAA,EAC/B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,wBAAwB;AAC1B;",
   "names": []
 }

package/dist/es/plugin-image/statics/styles/image-viewer.rtlignore-scss.js

@@ -1,18 +1,18 @@
 var image_viewer_rtlignore_default = {
-  "fontElementMap": "De-F5",
-  "imageFigure": "Cp7qz",
-  "imageContainer": "hlGHG",
-  "expandContainer": "hkDxm",
-  "expandIcon": "cghlv",
-  "pointer": "SLc47",
-  "imageWrapper": "HZ7Ax",
-  "imageRatio": "Qp-EL",
-  "image": "F-jUg",
-  "imageOverlay": "qxQo1",
-  "imagePreload": "_29Dnv",
-  "imageHighres": "_76Z1l",
-  "onlyHighRes": "tSQre",
-  "image_loading": "ac9pa"
+  "fontElementMap": "uJxh-",
+  "imageFigure": "FPTw7",
+  "imageContainer": "vS5Jy",
+  "expandContainer": "AkBW8",
+  "expandIcon": "_7RstM",
+  "pointer": "RH2Yr",
+  "imageWrapper": "-zq9j",
+  "imageRatio": "jc4RX",
+  "image": "DBhLe",
+  "imageOverlay": "wocC-",
+  "imagePreload": "dG5V-",
+  "imageHighres": "o0REP",
+  "onlyHighRes": "_52V-B",
+  "image_loading": "hQ89C"
 };
 export {
   image_viewer_rtlignore_default as default

package/dist/es/plugin-image/statics/styles/image-viewer.rtlignore-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/image-viewer.rtlignore.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"De-F5\",\n  \"imageFigure\": \"Cp7qz\",\n  \"imageContainer\": \"hlGHG\",\n  \"expandContainer\": \"hkDxm\",\n  \"expandIcon\": \"cghlv\",\n  \"pointer\": \"SLc47\",\n  \"imageWrapper\": \"HZ7Ax\",\n  \"imageRatio\": \"Qp-EL\",\n  \"image\": \"F-jUg\",\n  \"imageOverlay\": \"qxQo1\",\n  \"imagePreload\": \"_29Dnv\",\n  \"imageHighres\": \"_76Z1l\",\n  \"onlyHighRes\": \"tSQre\",\n  \"image_loading\": \"ac9pa\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"uJxh-\",\n  \"imageFigure\": \"FPTw7\",\n  \"imageContainer\": \"vS5Jy\",\n  \"expandContainer\": \"AkBW8\",\n  \"expandIcon\": \"_7RstM\",\n  \"pointer\": \"RH2Yr\",\n  \"imageWrapper\": \"-zq9j\",\n  \"imageRatio\": \"jc4RX\",\n  \"image\": \"DBhLe\",\n  \"imageOverlay\": \"wocC-\",\n  \"imagePreload\": \"dG5V-\",\n  \"imageHighres\": \"o0REP\",\n  \"onlyHighRes\": \"_52V-B\",\n  \"image_loading\": \"hQ89C\"\n};"],
   "mappings": "AAAA,IAAO,iCAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AACnB;",
   "names": []
 }

package/dist/es/plugin-image/statics/styles/in-plugin-input-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "73835115";
+var styleDataHash = "6680a8a4";
 const injectCss = () => {
-  var css = `.glob_fontElementMap,.teHZ4{font-family:var(--ricos-font-family,unset)}.wKJRm{color:var(--ricos-custom-p-color,unset);color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));line-height:21px;font:inherit;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-size:14px;font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);position:inherit;resize:none;text-decoration:var(--ricos-custom-p-text-decoration,unset);width:100%;z-index:1}[dir] .wKJRm{border:none}[dir] .wKJRm>span>a,[dir] .wKJRm>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.wKJRm{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.wKJRm{font-size:var(--ricos-custom-p-font-size,unset)}}[dir] .wKJRm[readonly]{cursor:pointer}`;
+  var css = `.glob_fontElementMap,.l-dKY{font-family:var(--ricos-font-family,unset)}.QCU-3{color:var(--ricos-custom-p-color,unset);color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));line-height:21px;font:inherit;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-size:14px;font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);position:inherit;resize:none;text-decoration:var(--ricos-custom-p-text-decoration,unset);width:100%;z-index:1}[dir] .QCU-3{border:none}[dir] .QCU-3>span>a,[dir] .QCU-3>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.QCU-3{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.QCU-3{font-size:var(--ricos-custom-p-font-size,unset)}}[dir] .QCU-3[readonly]{cursor:pointer}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = () => {
 };
 injectCss();
 var in_plugin_input_default = {
-  "fontElementMap": "teHZ4",
-  "inPluginInput": "wKJRm"
+  "fontElementMap": "l-dKY",
+  "inPluginInput": "QCU-3"
 };
 export {
   in_plugin_input_default as default,

package/dist/es/plugin-image/statics/styles/in-plugin-input-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/in-plugin-input.scss"],
-  "sourcesContent": ["var styleDataHash = '73835115';  \nexport const injectCss = (() => {\n  var css = `.glob_fontElementMap,.teHZ4{font-family:var(--ricos-font-family,unset)}.wKJRm{color:var(--ricos-custom-p-color,unset);color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));line-height:21px;font:inherit;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-size:14px;font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);position:inherit;resize:none;text-decoration:var(--ricos-custom-p-text-decoration,unset);width:100%;z-index:1}[dir] .wKJRm{border:none}[dir] .wKJRm>span>a,[dir] .wKJRm>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.wKJRm{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.wKJRm{font-size:var(--ricos-custom-p-font-size,unset)}}[dir] .wKJRm[readonly]{cursor:pointer}`;\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\": \"teHZ4\",\n  \"inPluginInput\": \"wKJRm\"\n};"],
+  "sourcesContent": ["var styleDataHash = '6680a8a4';  \nexport const injectCss = (() => {\n  var css = `.glob_fontElementMap,.l-dKY{font-family:var(--ricos-font-family,unset)}.QCU-3{color:var(--ricos-custom-p-color,unset);color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));line-height:21px;font:inherit;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-size:14px;font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);position:inherit;resize:none;text-decoration:var(--ricos-custom-p-text-decoration,unset);width:100%;z-index:1}[dir] .QCU-3{border:none}[dir] .QCU-3>span>a,[dir] .QCU-3>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.QCU-3{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.QCU-3{font-size:var(--ricos-custom-p-font-size,unset)}}[dir] .QCU-3[readonly]{cursor:pointer}`;\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\": \"l-dKY\",\n  \"inPluginInput\": \"QCU-3\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,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,0BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/es/plugin-image/tiptap/image-tiptap-extension.js

@@ -1,6 +1,4 @@
 import { findParentNodeClosestToPos } from "@tiptap/core";
-import { Fragment, Slice } from "@tiptap/pm/model";
-import { NodeSelection } from "@tiptap/pm/state";
 import {
   generateId,
   TIPTAP_CAPTION_TYPE,
@@ -25,91 +23,6 @@ const imageTiptapExtension = createRicosNodeExtension({
     })
   }),
   Component: Image,
-  renderingOptions: {
-    onDragStart({ editor, dragHandle, event }) {
-      const target = event.target;
-      if (!this.dom || this.contentDOM?.contains(target) || !dragHandle) {
-        return;
-      }
-      if (this.dom === dragHandle) {
-        event.dataTransfer?.setDragImage(this.dom, 0, 0);
-      } else {
-        const domBox = this.dom.getBoundingClientRect();
-        const handleBox = dragHandle.getBoundingClientRect();
-        const nativeEvent = "nativeEvent" in event ? event.nativeEvent : event;
-        const x = handleBox.x - domBox.x + nativeEvent.offsetX;
-        const y = handleBox.y - domBox.y + nativeEvent.offsetY;
-        event.dataTransfer?.setDragImage(this.dom, x, y);
-      }
-      const selection = NodeSelection.create(editor.view.state.doc, this.getPos() - 1);
-      const transaction = editor.view.state.tr.setSelection(selection);
-      editor.view.dispatch(transaction);
-    },
-    stopEvent({ event }) {
-      const target = event.target;
-      const isInElement = this.dom.contains(target) && !this.contentDOM?.contains(target);
-      if (!isInElement) {
-        return false;
-      }
-      const isDragEvent = event.type.startsWith("drag");
-      const isDropEvent = event.type === "drop";
-      const isInput = ["INPUT", "BUTTON", "SELECT", "TEXTAREA"].includes(target.tagName) || target.isContentEditable;
-      if (isInput && !isDropEvent && !isDragEvent) {
-        return true;
-      }
-      const { isEditable } = this.editor;
-      const { isDragging } = this;
-      const isDraggable = true;
-      const isSelectable = NodeSelection.isSelectable(this.node);
-      const isCopyEvent = event.type === "copy";
-      const isPasteEvent = event.type === "paste";
-      const isCutEvent = event.type === "cut";
-      const isClickEvent = event.type === "mousedown";
-      if (!isDraggable && isSelectable && isDragEvent) {
-        event.preventDefault();
-      }
-      if (isDraggable && isDragEvent && !isDragging) {
-        event.preventDefault();
-        return false;
-      }
-      if (isDraggable && isEditable && !isDragging && isClickEvent) {
-        const dragHandle = target.closest("[data-drag-handle]");
-        const isValidDragHandle = this.dom.closest(".node-IMAGE")?.contains(dragHandle);
-        if (isValidDragHandle) {
-          this.isDragging = true;
-          const selection = NodeSelection.create(this.editor.view.state.doc, this.getPos());
-          const transaction = this.editor.view.state.tr.setSelection(selection);
-          this.editor.view.dispatch(transaction);
-          this.editor.view.focus();
-          document.addEventListener(
-            "dragend",
-            () => {
-              this.isDragging = false;
-            },
-            { once: true }
-          );
-          document.addEventListener(
-            "drop",
-            () => {
-              this.isDragging = false;
-            },
-            { once: true }
-          );
-          document.addEventListener(
-            "mouseup",
-            () => {
-              this.isDragging = false;
-            },
-            { once: true }
-          );
-        }
-      }
-      if (isDragging || isDropEvent || isCopyEvent || isPasteEvent || isCutEvent || isClickEvent && isSelectable) {
-        return false;
-      }
-      return true;
-    }
-  },
   createExtensionConfig({ Plugin, PluginKey }) {
     const insertAndUploadImage = ({
       commands,
@@ -154,7 +67,7 @@ const imageTiptapExtension = createRicosNodeExtension({
        * to shortcuts to work
        */
       priority: 102,
-      group: "block",
+      group: "block figure",
       selectable: true,
       draggable: true,
       addAttributes: () => tiptapImageAttributeDefaults,
@@ -163,20 +76,6 @@ const imageTiptapExtension = createRicosNodeExtension({
           new Plugin({
             key: new PluginKey("handlePasteImage"),
             props: {
-              transformCopied: (slice, { state }) => {
-                const node = slice.content.firstChild;
-                if (slice.content.size === 1 && node?.type.name === TIPTAP_IMAGE_TYPE) {
-                  const imagePos = findNodeById(state.tr, node.attrs.id)[0]?.pos;
-                  const figureNode = state.doc.resolve(imagePos).parent;
-                  const newSlice = new Slice(
-                    Fragment.from(figureNode),
-                    slice.openStart,
-                    slice.openEnd
-                  );
-                  return newSlice;
-                }
-                return slice;
-              },
               handlePaste: (editor, event) => {
                 const { state } = editor;
                 const { selection } = state;

package/dist/es/plugin-image/tiptap/image-tiptap-extension.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/tiptap/image-tiptap-extension.ts"],
-  "sourcesContent": ["import type { Editor, SingleCommands } from '@tiptap/core';\nimport { findParentNodeClosestToPos } from '@tiptap/core';\nimport { Fragment, Slice } from '@tiptap/pm/model';\nimport { NodeSelection } from '@tiptap/pm/state';\n\nimport type { UploadService } from './../../ricos-common';\nimport {\n  type FileComponentData,\n  generateId,\n  type ImageComponentData,\n  TIPTAP_CAPTION_TYPE,\n  TIPTAP_FIGURE_TYPE,\n  TIPTAP_IMAGE_TYPE,\n  type UpdateEntityFunc,\n  type VideoComponentData,\n} from './../../ricos-content';\nimport type { ExtensionProps, NodeConfig, RicosExtension, RicosServices } from './../../ricos-types';\nimport { createRicosNodeExtension, Uploader } from './../../plugin-commons';\nimport { findNodeById } from './../../tiptap-editor/helpers';\n\nimport { RICOS_DEFAULTS, tiptapImageAttributeDefaults } from '../consts';\nimport { ImagePluginService } from '../toolbar/imagePluginService';\nimport { Image } from './image';\n\nexport type FileUploadHandlerFn = (\n  file: File,\n  updateEntity: UpdateEntityFunc<ImageComponentData | VideoComponentData | FileComponentData>\n) => void;\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    image: {\n      /**\n       * Toggle a paragraph\n       */\n      setImageUrl: (url: string) => ReturnType;\n      /**\n       * Update Image's loading state\n       */\n      setImageLoading: (isLoading: boolean) => ReturnType;\n      /**\n       * Save image from file\n       */\n      insertImageFromFile: (file: File, position: 'above' | 'below') => ReturnType;\n    };\n  }\n}\n\nexport const imageTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  name: TIPTAP_IMAGE_TYPE,\n  groups: ['not-overtypable', 'spoilerable', 'resizable', 'custom-styles', 'shortcuts-enabled'],\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>,\n    services: RicosServices\n  ) => ({\n    ...config,\n    addOptions: () => ({\n      services,\n      imagePluginService: new ImagePluginService(),\n      ...settings,\n    }),\n  }),\n  Component: Image,\n  renderingOptions: {\n    onDragStart({ editor, dragHandle, event }) {\n      const target = event.target as HTMLElement;\n      if (!this.dom || this.contentDOM?.contains(target) || !dragHandle) {\n        return;\n      }\n\n      if (this.dom === dragHandle) {\n        event.dataTransfer?.setDragImage(this.dom, 0, 0);\n      } else {\n        const domBox = this.dom.getBoundingClientRect();\n        const handleBox = dragHandle.getBoundingClientRect();\n        const nativeEvent = 'nativeEvent' in event ? event.nativeEvent : event;\n\n        const x = handleBox.x - domBox.x + nativeEvent.offsetX;\n        const y = handleBox.y - domBox.y + nativeEvent.offsetY;\n        event.dataTransfer?.setDragImage(this.dom, x, y);\n      }\n\n      const selection = NodeSelection.create(editor.view.state.doc, this.getPos() - 1); // minus one to select whole figure\n      const transaction = editor.view.state.tr.setSelection(selection);\n      editor.view.dispatch(transaction);\n    },\n    stopEvent({ event }) {\n      const target = event.target as HTMLElement;\n      const isInElement = this.dom.contains(target) && !this.contentDOM?.contains(target);\n      // any event from child nodes should be handled by ProseMirror\n      if (!isInElement) {\n        return false;\n      }\n      const isDragEvent = event.type.startsWith('drag');\n      const isDropEvent = event.type === 'drop';\n      const isInput =\n        ['INPUT', 'BUTTON', 'SELECT', 'TEXTAREA'].includes(target.tagName) ||\n        target.isContentEditable;\n      // any input event within node views should be ignored by ProseMirror\n      if (isInput && !isDropEvent && !isDragEvent) {\n        return true;\n      }\n      const { isEditable } = this.editor;\n      const { isDragging } = this;\n      const isDraggable = true;\n      const isSelectable = NodeSelection.isSelectable(this.node);\n      const isCopyEvent = event.type === 'copy';\n      const isPasteEvent = event.type === 'paste';\n      const isCutEvent = event.type === 'cut';\n      const isClickEvent = event.type === 'mousedown';\n      // ProseMirror tries to drag selectable nodes\n      // even if `draggable` is set to `false`\n      // this fix prevents that\n      if (!isDraggable && isSelectable && isDragEvent) {\n        event.preventDefault();\n      }\n      if (isDraggable && isDragEvent && !isDragging) {\n        event.preventDefault();\n        return false;\n      }\n      // we have to store that dragging started\n      if (isDraggable && isEditable && !isDragging && isClickEvent) {\n        const dragHandle = target.closest('[data-drag-handle]');\n        const isValidDragHandle = this.dom.closest('.node-IMAGE')?.contains(dragHandle);\n        if (isValidDragHandle) {\n          this.isDragging = true;\n\n          // we want to set correct selection when dragging starts when image is not selected\n          const selection = NodeSelection.create(this.editor.view.state.doc, this.getPos());\n          const transaction = this.editor.view.state.tr.setSelection(selection);\n          this.editor.view.dispatch(transaction);\n          this.editor.view.focus();\n\n          document.addEventListener(\n            'dragend',\n            () => {\n              this.isDragging = false;\n            },\n            { once: true }\n          );\n\n          document.addEventListener(\n            'drop',\n            () => {\n              this.isDragging = false;\n            },\n            { once: true }\n          );\n\n          document.addEventListener(\n            'mouseup',\n            () => {\n              this.isDragging = false;\n            },\n            { once: true }\n          );\n        }\n      }\n      // these events are handled by prosemirror\n      if (\n        isDragging ||\n        isDropEvent ||\n        isCopyEvent ||\n        isPasteEvent ||\n        isCutEvent ||\n        (isClickEvent && isSelectable)\n      ) {\n        return false;\n      }\n\n      return true;\n    },\n  },\n  createExtensionConfig({ Plugin, PluginKey }) {\n    const insertAndUploadImage = ({\n      commands,\n      pos,\n      file,\n      uploadService,\n      handleFileUpload,\n      imagePluginService,\n    }: {\n      commands: SingleCommands;\n      pos: number;\n      file: File;\n      uploadService: UploadService;\n      handleFileUpload: FileUploadHandlerFn;\n      imagePluginService: ImagePluginService;\n    }): string => {\n      const imageNodeId = generateId();\n      commands.insertContentAt(pos, {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_IMAGE_TYPE,\n            attrs: {\n              id: imageNodeId,\n              containerData: RICOS_DEFAULTS.containerData,\n            },\n          },\n          {\n            type: TIPTAP_CAPTION_TYPE,\n          },\n        ],\n      });\n      uploadService?.uploadFile(\n        file,\n        imageNodeId,\n        new Uploader(handleFileUpload),\n        TIPTAP_FIGURE_TYPE,\n        imagePluginService\n      );\n\n      return imageNodeId;\n    };\n\n    return {\n      name: this.name,\n      /*\n       * Priority should be higher than ricos-common-plugin list-item extension in order\n       * to shortcuts to work\n       */\n      priority: 102,\n      group: 'block',\n      selectable: true,\n      draggable: true,\n      addAttributes: () => tiptapImageAttributeDefaults,\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('handlePasteImage'),\n            props: {\n              transformCopied: (slice, { state }) => {\n                const node = slice.content.firstChild;\n                if (slice.content.size === 1 && node?.type.name === TIPTAP_IMAGE_TYPE) {\n                  const imagePos = findNodeById(state.tr, node.attrs.id)[0]?.pos;\n                  const figureNode = state.doc.resolve(imagePos).parent;\n                  const newSlice = new Slice(\n                    Fragment.from(figureNode),\n                    slice.openStart,\n                    slice.openEnd\n                  );\n\n                  return newSlice;\n                }\n\n                return slice;\n              },\n              handlePaste: (editor, event) => {\n                const { state } = editor;\n                const { selection } = state;\n\n                let hasFiles = false;\n\n                // Prefer text to images.\n                // This check solves issue with MacOS + MS Word, where copied text\n                // will also have `image/png` inside clipboardData, resulting in pasting\n                // image instead of text\n                if (event?.clipboardData?.types.includes('text/plain')) {\n                  return false;\n                }\n\n                this.editor\n                  .chain()\n                  .command(({ tr, commands }) => {\n                    const ids = Array.from(event?.clipboardData?.files || [])\n                      .filter((file: File) => file.type.startsWith('image'))\n                      .map(file => {\n                        return insertAndUploadImage({\n                          commands,\n                          pos: selection.$to.pos,\n                          file,\n                          uploadService: this.options.services?.uploadService,\n                          handleFileUpload: this.options.handleFileUpload,\n                          imagePluginService: this.options.imagePluginService,\n                        });\n                      });\n\n                    const last = ids[ids.length - 1];\n\n                    hasFiles = ids.length > 0;\n\n                    if (last) {\n                      const nodeWithPos = findNodeById(tr, last)[0];\n                      if (nodeWithPos) {\n                        return commands.setNodeSelection(nodeWithPos.pos as number);\n                      }\n                    }\n\n                    return true;\n                  })\n                  .run();\n\n                if (hasFiles) {\n                  event.preventDefault();\n                  return true;\n                }\n                return false;\n              },\n            },\n          }),\n        ];\n      },\n      addCommands() {\n        return {\n          setImageUrl:\n            url =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { image: { src: { custom: url } } });\n            },\n          setImageLoading:\n            loading =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { loading });\n            },\n          insertImageFromFile:\n            (file, insertPosition) =>\n            ({ commands, tr }) => {\n              let position: number;\n\n              const from = tr.selection.from;\n              const to = tr.selection.to;\n              const blockRange = tr.selection.$from.blockRange(tr.selection.$to);\n\n              if (insertPosition === 'above') {\n                const depth = tr.selection.$from.depth;\n                const adjustedPos = blockRange?.start ?? tr.doc.resolve(from).start(depth);\n                position = Math.max(adjustedPos, 0);\n              } else {\n                const depth = tr.selection.$to.depth;\n                const pos = blockRange?.end ?? tr.doc.resolve(to).end(depth);\n                position = pos + (blockRange ? 0 : 1);\n              }\n\n              const id = insertAndUploadImage({\n                commands,\n                pos: position,\n                file,\n                uploadService: this.options.services?.uploadService,\n                handleFileUpload: this.options.handleFileUpload,\n                imagePluginService: this.options.imagePluginService,\n              });\n\n              const nodeWithPos = findNodeById(tr, id)[0];\n              if (nodeWithPos) {\n                return commands.setNodeSelection(nodeWithPos.pos as number);\n              }\n\n              return true;\n            },\n        };\n      },\n      addKeyboardShortcuts() {\n        const newLine = ({ editor }: { editor: Editor }) => {\n          const imageFigure = getImageFigure(editor);\n          if (!imageFigure) {\n            return false;\n          }\n          editor\n            .chain()\n            .setTextSelection(imageFigure.start + imageFigure.node.nodeSize - 1)\n            .createParagraphNear()\n            .focus()\n            .run();\n          return true;\n        };\n\n        const tiptapKeyboardShortcuts = {\n          Enter: newLine,\n        };\n\n        const newLineShortcuts: any = [];\n        this.options.services.shortcuts.shortcuts.forEach(shortcut => {\n          if (shortcut.shortcut.name === 'NewLine') {\n            newLineShortcuts.push(shortcut);\n          }\n        });\n\n        newLineShortcuts.forEach(newLineShortcut => {\n          const modifier = newLineShortcut.keys.macOs.modifiers[0];\n          const key = newLineShortcut.keys.macOs.key;\n          const shortcutKey = modifier ? `${modifier}-${key}` : key;\n          tiptapKeyboardShortcuts[shortcutKey] = newLine;\n        });\n\n        return tiptapKeyboardShortcuts;\n      },\n    };\n  },\n});\n\nconst getImageFigure = (editor: Editor) =>\n  findParentNodeClosestToPos(\n    editor.state.selection.$from,\n    node => node.type.name === TIPTAP_FIGURE_TYPE\n  );\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Editor, SingleCommands } from '@tiptap/core';\nimport { findParentNodeClosestToPos } from '@tiptap/core';\n\nimport type { UploadService } from './../../ricos-common';\nimport {\n  type FileComponentData,\n  generateId,\n  type ImageComponentData,\n  TIPTAP_CAPTION_TYPE,\n  TIPTAP_FIGURE_TYPE,\n  TIPTAP_IMAGE_TYPE,\n  type UpdateEntityFunc,\n  type VideoComponentData,\n} from './../../ricos-content';\nimport type { ExtensionProps, NodeConfig, RicosExtension, RicosServices } from './../../ricos-types';\nimport { createRicosNodeExtension, Uploader } from './../../plugin-commons';\nimport { findNodeById } from './../../tiptap-editor/helpers';\n\nimport { RICOS_DEFAULTS, tiptapImageAttributeDefaults } from '../consts';\nimport { ImagePluginService } from '../toolbar/imagePluginService';\nimport { Image } from './image';\n\nexport type FileUploadHandlerFn = (\n  file: File,\n  updateEntity: UpdateEntityFunc<ImageComponentData | VideoComponentData | FileComponentData>\n) => void;\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    image: {\n      /**\n       * Toggle a paragraph\n       */\n      setImageUrl: (url: string) => ReturnType;\n      /**\n       * Update Image's loading state\n       */\n      setImageLoading: (isLoading: boolean) => ReturnType;\n      /**\n       * Save image from file\n       */\n      insertImageFromFile: (file: File, position: 'above' | 'below') => ReturnType;\n    };\n  }\n}\n\nexport const imageTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  name: TIPTAP_IMAGE_TYPE,\n  groups: ['not-overtypable', 'spoilerable', 'resizable', 'custom-styles', 'shortcuts-enabled'],\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>,\n    services: RicosServices\n  ) => ({\n    ...config,\n    addOptions: () => ({\n      services,\n      imagePluginService: new ImagePluginService(),\n      ...settings,\n    }),\n  }),\n  Component: Image,\n  createExtensionConfig({ Plugin, PluginKey }) {\n    const insertAndUploadImage = ({\n      commands,\n      pos,\n      file,\n      uploadService,\n      handleFileUpload,\n      imagePluginService,\n    }: {\n      commands: SingleCommands;\n      pos: number;\n      file: File;\n      uploadService: UploadService;\n      handleFileUpload: FileUploadHandlerFn;\n      imagePluginService: ImagePluginService;\n    }): string => {\n      const imageNodeId = generateId();\n      commands.insertContentAt(pos, {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_IMAGE_TYPE,\n            attrs: {\n              id: imageNodeId,\n              containerData: RICOS_DEFAULTS.containerData,\n            },\n          },\n          {\n            type: TIPTAP_CAPTION_TYPE,\n          },\n        ],\n      });\n      uploadService?.uploadFile(\n        file,\n        imageNodeId,\n        new Uploader(handleFileUpload),\n        TIPTAP_FIGURE_TYPE,\n        imagePluginService\n      );\n\n      return imageNodeId;\n    };\n\n    return {\n      name: this.name,\n      /*\n       * Priority should be higher than ricos-common-plugin list-item extension in order\n       * to shortcuts to work\n       */\n      priority: 102,\n      group: 'block figure',\n      selectable: true,\n      draggable: true,\n      addAttributes: () => tiptapImageAttributeDefaults,\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('handlePasteImage'),\n            props: {\n              handlePaste: (editor, event) => {\n                const { state } = editor;\n                const { selection } = state;\n\n                let hasFiles = false;\n\n                // Prefer text to images.\n                // This check solves issue with MacOS + MS Word, where copied text\n                // will also have `image/png` inside clipboardData, resulting in pasting\n                // image instead of text\n                if (event?.clipboardData?.types.includes('text/plain')) {\n                  return false;\n                }\n\n                this.editor\n                  .chain()\n                  .command(({ tr, commands }) => {\n                    const ids = Array.from(event?.clipboardData?.files || [])\n                      .filter((file: File) => file.type.startsWith('image'))\n                      .map(file => {\n                        return insertAndUploadImage({\n                          commands,\n                          pos: selection.$to.pos,\n                          file,\n                          uploadService: this.options.services?.uploadService,\n                          handleFileUpload: this.options.handleFileUpload,\n                          imagePluginService: this.options.imagePluginService,\n                        });\n                      });\n\n                    const last = ids[ids.length - 1];\n\n                    hasFiles = ids.length > 0;\n\n                    if (last) {\n                      const nodeWithPos = findNodeById(tr, last)[0];\n                      if (nodeWithPos) {\n                        return commands.setNodeSelection(nodeWithPos.pos as number);\n                      }\n                    }\n\n                    return true;\n                  })\n                  .run();\n\n                if (hasFiles) {\n                  event.preventDefault();\n                  return true;\n                }\n                return false;\n              },\n            },\n          }),\n        ];\n      },\n      addCommands() {\n        return {\n          setImageUrl:\n            url =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { image: { src: { custom: url } } });\n            },\n          setImageLoading:\n            loading =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { loading });\n            },\n          insertImageFromFile:\n            (file, insertPosition) =>\n            ({ commands, tr }) => {\n              let position: number;\n\n              const from = tr.selection.from;\n              const to = tr.selection.to;\n              const blockRange = tr.selection.$from.blockRange(tr.selection.$to);\n\n              if (insertPosition === 'above') {\n                const depth = tr.selection.$from.depth;\n                const adjustedPos = blockRange?.start ?? tr.doc.resolve(from).start(depth);\n                position = Math.max(adjustedPos, 0);\n              } else {\n                const depth = tr.selection.$to.depth;\n                const pos = blockRange?.end ?? tr.doc.resolve(to).end(depth);\n                position = pos + (blockRange ? 0 : 1);\n              }\n\n              const id = insertAndUploadImage({\n                commands,\n                pos: position,\n                file,\n                uploadService: this.options.services?.uploadService,\n                handleFileUpload: this.options.handleFileUpload,\n                imagePluginService: this.options.imagePluginService,\n              });\n\n              const nodeWithPos = findNodeById(tr, id)[0];\n              if (nodeWithPos) {\n                return commands.setNodeSelection(nodeWithPos.pos as number);\n              }\n\n              return true;\n            },\n        };\n      },\n      addKeyboardShortcuts() {\n        const newLine = ({ editor }: { editor: Editor }) => {\n          const imageFigure = getImageFigure(editor);\n          if (!imageFigure) {\n            return false;\n          }\n          editor\n            .chain()\n            .setTextSelection(imageFigure.start + imageFigure.node.nodeSize - 1)\n            .createParagraphNear()\n            .focus()\n            .run();\n          return true;\n        };\n\n        const tiptapKeyboardShortcuts = {\n          Enter: newLine,\n        };\n\n        const newLineShortcuts: any = [];\n        this.options.services.shortcuts.shortcuts.forEach(shortcut => {\n          if (shortcut.shortcut.name === 'NewLine') {\n            newLineShortcuts.push(shortcut);\n          }\n        });\n\n        newLineShortcuts.forEach(newLineShortcut => {\n          const modifier = newLineShortcut.keys.macOs.modifiers[0];\n          const key = newLineShortcut.keys.macOs.key;\n          const shortcutKey = modifier ? `${modifier}-${key}` : key;\n          tiptapKeyboardShortcuts[shortcutKey] = newLine;\n        });\n\n        return tiptapKeyboardShortcuts;\n      },\n    };\n  },\n});\n\nconst getImageFigure = (editor: Editor) =>\n  findParentNodeClosestToPos(\n    editor.state.selection.$from,\n    node => node.type.name === TIPTAP_FIGURE_TYPE\n  );\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/plugin-image/viewer/common-types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=common-types.js.map

package/dist/es/plugin-image/viewer/common-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/es/plugin-image/viewer/image-container.js

@@ -2,7 +2,8 @@ import React from "react";
 import { ROOT } from "../dataHooks";
 import styles from "../statics/styles/image-viewer.rtlignore-scss";
 const ImageContainer = (props) => {
-  const { type, disableDownload, children } = props;
+  const { type, children } = props;
+  const handleOnContextMenu = props.disableDownload === true ? (e) => e.preventDefault() : void 0;
   const hasOnClick = "onClick" in props;
   const onClick = hasOnClick ? props.onClick : void 0;
   const onKeyDown = onClick ? (e) => {
@@ -13,9 +14,9 @@ const ImageContainer = (props) => {
   const interactions = {
     onClick,
     onKeyDown,
-    onContextMenu: disableDownload
+    onContextMenu: handleOnContextMenu
   };
-  const role = hasOnClick || type === "regular" && !!disableDownload ? "button" : void 0;
+  const role = hasOnClick || type === "regular" && !!handleOnContextMenu ? "button" : void 0;
   const tabIndex = role === "button" ? 0 : void 0;
   return /* @__PURE__ */ React.createElement(
     "div",

package/dist/es/plugin-image/viewer/image-container.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/viewer/image-container.tsx"],
-  "sourcesContent": ["import type { ReactNode } from 'react';\nimport React from 'react';\n\nimport { ROOT } from '../dataHooks';\nimport styles from '../statics/styles/image-viewer.rtlignore-scss';\nimport type {\n  ImageClickActionConfig,\n  ImageClickActionHandle,\n} from './get-image-click-action-config';\n\ntype ImageContainerProps = ImageClickActionConfig & {\n  disableDownload?: ImageClickActionHandle;\n  children: ReactNode;\n};\n\nexport const ImageContainer = (props: ImageContainerProps) => {\n  const { type, disableDownload, children } = props;\n\n  const hasOnClick = 'onClick' in props;\n\n  const onClick = hasOnClick ? props.onClick : undefined;\n\n  const onKeyDown = onClick\n    ? (e: React.KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          onClick(e);\n        }\n      }\n    : undefined;\n\n  const interactions = {\n    onClick,\n    onKeyDown,\n    onContextMenu: disableDownload,\n  };\n\n  const role = hasOnClick || (type === 'regular' && !!disableDownload) ? 'button' : undefined;\n  const tabIndex = role === 'button' ? 0 : undefined;\n\n  return (\n    <div\n      {...(role === 'button' ? interactions : {})}\n      role={role}\n      data-hook={ROOT}\n      tabIndex={tabIndex}\n      className={styles.imageContainer}\n      aria-haspopup={role === 'button' ? true : undefined}\n    >\n      {children}\n    </div>\n  );\n};\n"],
-  "mappings": "AACA,OAAO,WAAW;AAElB,SAAS,YAAY;AACrB,OAAO,YAAY;AAWZ,MAAM,iBAAiB,CAAC,UAA+B;AAC5D,QAAM,EAAE,MAAM,iBAAiB,SAAS,IAAI;AAE5C,QAAM,aAAa,aAAa;AAEhC,QAAM,UAAU,aAAa,MAAM,UAAU;AAE7C,QAAM,YAAY,UACd,CAAC,MAA2B;AAC1B,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,cAAQ,CAAC;AAAA,IACX;AAAA,EACF,IACA;AAEJ,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB;AAEA,QAAM,OAAO,cAAe,SAAS,aAAa,CAAC,CAAC,kBAAmB,WAAW;AAClF,QAAM,WAAW,SAAS,WAAW,IAAI;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,SAAS,WAAW,eAAe,CAAC;AAAA,MACzC;AAAA,MACA,aAAW;AAAA,MACX;AAAA,MACA,WAAW,OAAO;AAAA,MAClB,iBAAe,SAAS,WAAW,OAAO;AAAA;AAAA,IAEzC;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import type { ReactNode } from 'react';\nimport React from 'react';\n\nimport { ROOT } from '../dataHooks';\nimport styles from '../statics/styles/image-viewer.rtlignore-scss';\nimport type { ImageClickActionConfig } from './common-types';\n\ntype ImageContainerProps = ImageClickActionConfig & {\n  disableDownload: boolean | undefined;\n  children: ReactNode;\n};\n\nexport const ImageContainer = (props: ImageContainerProps) => {\n  const { type, children } = props;\n\n  const handleOnContextMenu =\n    props.disableDownload === true ? (e: React.MouseEvent) => e.preventDefault() : undefined;\n\n  const hasOnClick = 'onClick' in props;\n\n  const onClick = hasOnClick ? props.onClick : undefined;\n\n  const onKeyDown = onClick\n    ? (e: React.KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          onClick(e);\n        }\n      }\n    : undefined;\n\n  const interactions = {\n    onClick,\n    onKeyDown,\n    onContextMenu: handleOnContextMenu,\n  };\n\n  const role = hasOnClick || (type === 'regular' && !!handleOnContextMenu) ? 'button' : undefined;\n  const tabIndex = role === 'button' ? 0 : undefined;\n\n  return (\n    <div\n      {...(role === 'button' ? interactions : {})}\n      role={role}\n      data-hook={ROOT}\n      tabIndex={tabIndex}\n      className={styles.imageContainer}\n      aria-haspopup={role === 'button' ? true : undefined}\n    >\n      {children}\n    </div>\n  );\n};\n"],
+  "mappings": "AACA,OAAO,WAAW;AAElB,SAAS,YAAY;AACrB,OAAO,YAAY;AAQZ,MAAM,iBAAiB,CAAC,UAA+B;AAC5D,QAAM,EAAE,MAAM,SAAS,IAAI;AAE3B,QAAM,sBACJ,MAAM,oBAAoB,OAAO,CAAC,MAAwB,EAAE,eAAe,IAAI;AAEjF,QAAM,aAAa,aAAa;AAEhC,QAAM,UAAU,aAAa,MAAM,UAAU;AAE7C,QAAM,YAAY,UACd,CAAC,MAA2B;AAC1B,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,cAAQ,CAAC;AAAA,IACX;AAAA,EACF,IACA;AAEJ,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB;AAEA,QAAM,OAAO,cAAe,SAAS,aAAa,CAAC,CAAC,sBAAuB,WAAW;AACtF,QAAM,WAAW,SAAS,WAAW,IAAI;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,SAAS,WAAW,eAAe,CAAC;AAAA,MACzC;AAAA,MACA,aAAW;AAAA,MACX;AAAA,MACA,WAAW,OAAO;AAAA,MAClB,iBAAe,SAAS,WAAW,OAAO;AAAA;AAAA,IAEzC;AAAA,EACH;AAEJ;",
   "names": []
 }

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

@@ -25,7 +25,6 @@ const Image = ({
   const containerData = node.imageData?.containerData || RICOS_DEFAULTS.containerData;
   const { image, altText } = node.imageData || {};
   const { src } = image || {};
-  const disableDownload = node.imageData?.disableDownload === true ? (e) => e.preventDefault() : void 0;
   const imageSource = useMemo(() => {
     if (dataUrl) {
       return dataUrl;
@@ -59,7 +58,7 @@ const Image = ({
     height: image?.height
   });
   const doDimensionsExist = width !== void 0 && height !== void 0;
-  return /* @__PURE__ */ React.createElement(ImageContainer, { ...imageClickActionConfig, disableDownload }, doDimensionsExist && imageSource && /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(ImageContainer, { ...imageClickActionConfig, disableDownload: node.imageData?.disableDownload }, doDimensionsExist && imageSource && /* @__PURE__ */ React.createElement(
     ImageComp,
     {
       id: node.imageData?.image?.src?.id ?? imageSource,