@wix/ricos 11.24.1 → 11.26.0

package/dist/es/plugin-html/tiptap/ai-widget-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-html/tiptap/ai-widget.scss"],
-  "sourcesContent": ["var styleDataHash = 'ad5f6e03';  \nexport const injectCss = (() => {\n  var css = `._3jdFW{position:relative}._3jdFW:after{background-color:#fff;border:1px solid #dfe5eb;border-radius:10px;bottom:-12px;box-shadow:0 0 18px 0 rgba(0,6,36,.1);content:\"\";left:-12px;position:absolute;right:-12px;top:-12px;z-index:-1}.Nfhzb{box-shadow:none;margin-inline:-12px}`;\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\": \"_3jdFW\",\n  \"promptInputArea\": \"Nfhzb\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'd841bf2a';  \nexport const injectCss = (() => {\n  var css = `._3ok-X{position:relative}._3ok-X:after{background-color:#fff;border:1px solid #dfe5eb;border-radius:10px;bottom:-12px;box-shadow:0 0 18px 0 rgba(0,6,36,.1);content:\"\";left:-12px;position:absolute;right:-12px;top:-12px;z-index:-1}.gguBo{box-shadow:none;margin-inline:-12px}`;\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\": \"_3ok-X\",\n  \"promptInputArea\": \"gguBo\"\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,oBAAQ;AAAA,EACb,WAAW;AAAA,EACX,mBAAmB;AACrB;",
   "names": []
 }

package/dist/es/plugin-html/tiptap/loader-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "d015e3af";
+var styleDataHash = "033ce427";
 const injectCss = (() => {
-  var css = `.DbmWI{align-items:center;display:flex;flex-direction:row;gap:18px;height:162px}.ZiR9t{align-items:center;display:flex;flex-direction:column;gap:8px}.Xxv9w{max-height:162px;width:162px}.hJSQ8{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;padding-inline:1rem}.Xxv9w[data-animated=true]{mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);-webkit-mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);overflow:hidden}.Xxv9w[data-animated=true] .hJSQ8{animation:nWSkw 5s linear infinite;flex-wrap:nowrap;height:max-content}@keyframes nWSkw{to{transform:translateY(calc(-50% - .5rem))}}.Z27O-{color:#116dff;opacity:0;position:absolute}.Z27O-._5VApl{animation:I0ab6 1.5s ease-in-out forwards}@keyframes I0ab6{0%{opacity:1;transform:rotate(-1turn)}10%{opacity:1;transform:rotate(0deg)}75%{opacity:1;transform:rotate(0deg)}85%{opacity:1;transform:rotate(-45deg)}to{opacity:.5;transform:rotate(45deg)}}.D-ymF{background:linear-gradient(180deg,#e7f0ff 0,#a8caff 70%);border-radius:1px;height:124px;width:2px}`;
+  var css = `.a8YSo{align-items:center;display:flex;flex-direction:row;gap:18px;height:162px}.jgK0s{align-items:center;display:flex;flex-direction:column;gap:8px}.ZjnWi{max-height:162px;width:162px}._2HazR{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;padding-inline:1rem}.ZjnWi[data-animated=true]{mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);-webkit-mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);overflow:hidden}.ZjnWi[data-animated=true] ._2HazR{animation:_8kT8M 5s linear infinite;flex-wrap:nowrap;height:max-content}@keyframes _8kT8M{to{transform:translateY(calc(-50% - .5rem))}}.Hwgdk{color:#116dff;opacity:0;position:absolute}.Hwgdk.oHa6x{animation:_8JAGB 1.5s ease-in-out forwards}@keyframes _8JAGB{0%{opacity:1;transform:rotate(-1turn)}10%{opacity:1;transform:rotate(0deg)}75%{opacity:1;transform:rotate(0deg)}85%{opacity:1;transform:rotate(-45deg)}to{opacity:.5;transform:rotate(45deg)}}.KzVto{background:linear-gradient(180deg,#e7f0ff 0,#a8caff 70%);border-radius:1px;height:124px;width:2px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,15 +21,15 @@ const injectCss = (() => {
 });
 injectCss();
 var loader_default = {
-  "root": "DbmWI",
-  "leftSide": "ZiR9t",
-  "scroller": "Xxv9w",
-  "scrollerInner": "hJSQ8",
-  "scroll": "nWSkw",
-  "icon": "Z27O-",
-  "visible": "_5VApl",
-  "lifecycle": "I0ab6",
-  "line": "D-ymF"
+  "root": "a8YSo",
+  "leftSide": "jgK0s",
+  "scroller": "ZjnWi",
+  "scrollerInner": "_2HazR",
+  "scroll": "_8kT8M",
+  "icon": "Hwgdk",
+  "visible": "oHa6x",
+  "lifecycle": "_8JAGB",
+  "line": "KzVto"
 };
 export {
   loader_default as default,

package/dist/es/plugin-html/tiptap/loader-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-html/tiptap/loader.scss"],
-  "sourcesContent": ["var styleDataHash = 'd015e3af';  \nexport const injectCss = (() => {\n  var css = `.DbmWI{align-items:center;display:flex;flex-direction:row;gap:18px;height:162px}.ZiR9t{align-items:center;display:flex;flex-direction:column;gap:8px}.Xxv9w{max-height:162px;width:162px}.hJSQ8{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;padding-inline:1rem}.Xxv9w[data-animated=true]{mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);-webkit-mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);overflow:hidden}.Xxv9w[data-animated=true] .hJSQ8{animation:nWSkw 5s linear infinite;flex-wrap:nowrap;height:max-content}@keyframes nWSkw{to{transform:translateY(calc(-50% - .5rem))}}.Z27O-{color:#116dff;opacity:0;position:absolute}.Z27O-._5VApl{animation:I0ab6 1.5s ease-in-out forwards}@keyframes I0ab6{0%{opacity:1;transform:rotate(-1turn)}10%{opacity:1;transform:rotate(0deg)}75%{opacity:1;transform:rotate(0deg)}85%{opacity:1;transform:rotate(-45deg)}to{opacity:.5;transform:rotate(45deg)}}.D-ymF{background:linear-gradient(180deg,#e7f0ff 0,#a8caff 70%);border-radius:1px;height:124px;width:2px}`;\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  \"root\": \"DbmWI\",\n  \"leftSide\": \"ZiR9t\",\n  \"scroller\": \"Xxv9w\",\n  \"scrollerInner\": \"hJSQ8\",\n  \"scroll\": \"nWSkw\",\n  \"icon\": \"Z27O-\",\n  \"visible\": \"_5VApl\",\n  \"lifecycle\": \"I0ab6\",\n  \"line\": \"D-ymF\"\n};"],
+  "sourcesContent": ["var styleDataHash = '033ce427';  \nexport const injectCss = (() => {\n  var css = `.a8YSo{align-items:center;display:flex;flex-direction:row;gap:18px;height:162px}.jgK0s{align-items:center;display:flex;flex-direction:column;gap:8px}.ZjnWi{max-height:162px;width:162px}._2HazR{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;padding-inline:1rem}.ZjnWi[data-animated=true]{mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);-webkit-mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);overflow:hidden}.ZjnWi[data-animated=true] ._2HazR{animation:_8kT8M 5s linear infinite;flex-wrap:nowrap;height:max-content}@keyframes _8kT8M{to{transform:translateY(calc(-50% - .5rem))}}.Hwgdk{color:#116dff;opacity:0;position:absolute}.Hwgdk.oHa6x{animation:_8JAGB 1.5s ease-in-out forwards}@keyframes _8JAGB{0%{opacity:1;transform:rotate(-1turn)}10%{opacity:1;transform:rotate(0deg)}75%{opacity:1;transform:rotate(0deg)}85%{opacity:1;transform:rotate(-45deg)}to{opacity:.5;transform:rotate(45deg)}}.KzVto{background:linear-gradient(180deg,#e7f0ff 0,#a8caff 70%);border-radius:1px;height:124px;width:2px}`;\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  \"root\": \"a8YSo\",\n  \"leftSide\": \"jgK0s\",\n  \"scroller\": \"ZjnWi\",\n  \"scrollerInner\": \"_2HazR\",\n  \"scroll\": \"_8kT8M\",\n  \"icon\": \"Hwgdk\",\n  \"visible\": \"oHa6x\",\n  \"lifecycle\": \"_8JAGB\",\n  \"line\": \"KzVto\"\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,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA,EACb,QAAQ;AACV;",
   "names": []
 }

package/dist/es/plugin-html/tiptap/preset-bar/preset-bar-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "daad41c5";
+var styleDataHash = "0fe52156";
 const injectCss = (() => {
-  var css = `.Ynyzh{white-space:nowrap}.Ynyzh>:not(hr){flex-shrink:0}.Ynyzh hr{height:unset;margin-inline:6px}.Wlfpw{align-items:center;appearance:none;background-color:var(--wds-color-fill-standard-tertiary,var(--wsr-color-D80,#fff));block-size:var(--wds-tag-size-small,auto);border-radius:var(--wds-tag-border-radius-small,12px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--wds-tag-label-font-size-small,14px);line-height:var(--wds-tag-label-font-line-height-small,18px);max-block-size:var(--wds-tag-size-small,24px);max-inline-size:stretch;min-block-size:var(--wds-tag-size-tiny,18px);outline:var(--wds-border-width-100,1px) solid var(--wds-color-border-standard-tertiary,var(--wsr-color-D60,#dfe5eb));outline-offset:-1px;padding:var(--wds-tag-padding-vertical-small,3px) var(--wds-tag-padding-horizontal-small,12px);transition:background-color .3s ease;white-space:nowrap}.Wlfpw:where(:hover,:focus-visible){background-color:var(--wds-color-fill-standard-tertiary-hover,var(--wsr-color-B50,#e7f0ff));outline-color:var(--wds-color-border-standard-tertiary-hover,var(--wsr-color-B30,#a8caff))}.Wlfpw:where(:focus-visible){box-shadow:var(--wds-shadow-focus-standard,0 0 0 3px var(--wsr-color-F00,#a6d0ff))}.Wlfpw>svg{block-size:18px;inline-size:18px;margin-inline-end:var(--wds-space-100,3px);margin-inline-start:calc(var(--wds-space-100, 3px)*-.5)}`;
+  var css = `._4A5SX{white-space:nowrap}._4A5SX>:not(hr){flex-shrink:0}._4A5SX hr{height:unset;margin-inline:6px}.h3qGf{align-items:center;appearance:none;background-color:var(--wds-color-fill-standard-tertiary,var(--wsr-color-D80,#fff));block-size:var(--wds-tag-size-small,auto);border-radius:var(--wds-tag-border-radius-small,12px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--wds-tag-label-font-size-small,14px);line-height:var(--wds-tag-label-font-line-height-small,18px);max-block-size:var(--wds-tag-size-small,24px);max-inline-size:stretch;min-block-size:var(--wds-tag-size-tiny,18px);outline:var(--wds-border-width-100,1px) solid var(--wds-color-border-standard-tertiary,var(--wsr-color-D60,#dfe5eb));outline-offset:-1px;padding:var(--wds-tag-padding-vertical-small,3px) var(--wds-tag-padding-horizontal-small,12px);transition:background-color .3s ease;white-space:nowrap}.h3qGf:where(:hover,:focus-visible){background-color:var(--wds-color-fill-standard-tertiary-hover,var(--wsr-color-B50,#e7f0ff));outline-color:var(--wds-color-border-standard-tertiary-hover,var(--wsr-color-B30,#a8caff))}.h3qGf:where(:focus-visible){box-shadow:var(--wds-shadow-focus-standard,0 0 0 3px var(--wsr-color-F00,#a6d0ff))}.h3qGf>svg{block-size:18px;inline-size:18px;margin-inline-end:var(--wds-space-100,3px);margin-inline-start:calc(var(--wds-space-100, 3px)*-.5)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var preset_bar_default = {
-  "root": "Ynyzh",
-  "presetListItem": "Wlfpw"
+  "root": "_4A5SX",
+  "presetListItem": "h3qGf"
 };
 export {
   preset_bar_default as default,

package/dist/es/plugin-html/tiptap/preset-bar/preset-bar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-html/tiptap/preset-bar/preset-bar.scss"],
-  "sourcesContent": ["var styleDataHash = 'daad41c5';  \nexport const injectCss = (() => {\n  var css = `.Ynyzh{white-space:nowrap}.Ynyzh>:not(hr){flex-shrink:0}.Ynyzh hr{height:unset;margin-inline:6px}.Wlfpw{align-items:center;appearance:none;background-color:var(--wds-color-fill-standard-tertiary,var(--wsr-color-D80,#fff));block-size:var(--wds-tag-size-small,auto);border-radius:var(--wds-tag-border-radius-small,12px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--wds-tag-label-font-size-small,14px);line-height:var(--wds-tag-label-font-line-height-small,18px);max-block-size:var(--wds-tag-size-small,24px);max-inline-size:stretch;min-block-size:var(--wds-tag-size-tiny,18px);outline:var(--wds-border-width-100,1px) solid var(--wds-color-border-standard-tertiary,var(--wsr-color-D60,#dfe5eb));outline-offset:-1px;padding:var(--wds-tag-padding-vertical-small,3px) var(--wds-tag-padding-horizontal-small,12px);transition:background-color .3s ease;white-space:nowrap}.Wlfpw:where(:hover,:focus-visible){background-color:var(--wds-color-fill-standard-tertiary-hover,var(--wsr-color-B50,#e7f0ff));outline-color:var(--wds-color-border-standard-tertiary-hover,var(--wsr-color-B30,#a8caff))}.Wlfpw:where(:focus-visible){box-shadow:var(--wds-shadow-focus-standard,0 0 0 3px var(--wsr-color-F00,#a6d0ff))}.Wlfpw>svg{block-size:18px;inline-size:18px;margin-inline-end:var(--wds-space-100,3px);margin-inline-start:calc(var(--wds-space-100, 3px)*-.5)}`;\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  \"root\": \"Ynyzh\",\n  \"presetListItem\": \"Wlfpw\"\n};"],
+  "sourcesContent": ["var styleDataHash = '0fe52156';  \nexport const injectCss = (() => {\n  var css = `._4A5SX{white-space:nowrap}._4A5SX>:not(hr){flex-shrink:0}._4A5SX hr{height:unset;margin-inline:6px}.h3qGf{align-items:center;appearance:none;background-color:var(--wds-color-fill-standard-tertiary,var(--wsr-color-D80,#fff));block-size:var(--wds-tag-size-small,auto);border-radius:var(--wds-tag-border-radius-small,12px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--wds-tag-label-font-size-small,14px);line-height:var(--wds-tag-label-font-line-height-small,18px);max-block-size:var(--wds-tag-size-small,24px);max-inline-size:stretch;min-block-size:var(--wds-tag-size-tiny,18px);outline:var(--wds-border-width-100,1px) solid var(--wds-color-border-standard-tertiary,var(--wsr-color-D60,#dfe5eb));outline-offset:-1px;padding:var(--wds-tag-padding-vertical-small,3px) var(--wds-tag-padding-horizontal-small,12px);transition:background-color .3s ease;white-space:nowrap}.h3qGf:where(:hover,:focus-visible){background-color:var(--wds-color-fill-standard-tertiary-hover,var(--wsr-color-B50,#e7f0ff));outline-color:var(--wds-color-border-standard-tertiary-hover,var(--wsr-color-B30,#a8caff))}.h3qGf:where(:focus-visible){box-shadow:var(--wds-shadow-focus-standard,0 0 0 3px var(--wsr-color-F00,#a6d0ff))}.h3qGf>svg{block-size:18px;inline-size:18px;margin-inline-end:var(--wds-space-100,3px);margin-inline-start:calc(var(--wds-space-100, 3px)*-.5)}`;\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  \"root\": \"_4A5SX\",\n  \"presetListItem\": \"h3qGf\"\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,qBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,kBAAkB;AACpB;",
   "names": []
 }

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

@@ -24,6 +24,22 @@ import { IframeWidget } from "../iframe-widget.js";
 import htmlStyles from "../statics/styles/HtmlComponent-scss.js";
 const LAZY_ROOT_MARGIN = "100% 0px";
 const HEIGHT_SETTLE_MS = 2e3;
+const MAX_USED_EMBEDS = 3;
+const FOCUS_POLL_MS = 1e3;
+const usedEmbeds = [];
+const setEmbedUsed = (setIsUsed, isUsed) => {
+  const index = usedEmbeds.indexOf(setIsUsed);
+  if (index !== -1) {
+    usedEmbeds.splice(index, 1);
+  }
+  if (isUsed) {
+    usedEmbeds.push(setIsUsed);
+    if (usedEmbeds.length > MAX_USED_EMBEDS) {
+      usedEmbeds.shift()?.(false);
+    }
+  }
+  setIsUsed(isUsed);
+};
 const getPageURL = (siteDomain) => {
   if (!siteDomain) {
     return;
@@ -88,6 +104,8 @@ const HtmlViewer = React.forwardRef(
     const [isNearViewport, setIsNearViewport] = useState(!isLazy);
     const [isHeightSettled, setIsHeightSettled] = useState(!reportsHeight);
     const [isIframeRendered, setIsIframeRendered] = useState(!isLazy);
+    const [isUsed, setIsUsed] = useState(false);
+    const hasFocus = () => !!rootRef.current?.contains(document.activeElement);
     useEffect(() => {
       const root = rootRef.current;
       if (!isLazy || !root || typeof IntersectionObserver === "undefined") {
@@ -109,17 +127,32 @@ const HtmlViewer = React.forwardRef(
       const timeout = setTimeout(() => setIsHeightSettled(true), HEIGHT_SETTLE_MS);
       return () => clearTimeout(timeout);
     }, [isLazy, iframeHeight]);
+    useEffect(() => {
+      if (!isLazy || !isIframeRendered) {
+        return;
+      }
+      const interval = setInterval(
+        () => hasFocus() && setEmbedUsed(setIsUsed, true),
+        FOCUS_POLL_MS
+      );
+      return () => clearInterval(interval);
+    }, [isLazy, isIframeRendered]);
     useEffect(() => {
       if (isNearViewport) {
         setIsIframeRendered(true);
-      } else if (isHeightSettled) {
+      } else if (isHeightSettled && !isUsed) {
+        if (hasFocus()) {
+          setEmbedUsed(setIsUsed, true);
+          return;
+        }
         clearTimeout(heightLockRef.current?.release);
         heightLockRef.current = iframeHeight && rootRef.current ? { height: iframeHeight, width: rootRef.current.offsetWidth } : void 0;
         setIsIframeRendered(false);
       }
-    }, [isNearViewport, isHeightSettled]);
+    }, [isNearViewport, isHeightSettled, isUsed]);
     useEffect(
       () => () => {
+        setEmbedUsed(setIsUsed, false);
         clearTimeout(heightLockRef.current?.release);
         heightLockRef.current = void 0;
       },

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-html/viewer/html-viewer.tsx"],
-  "sourcesContent": ["import React, {\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\nimport type { HTMLData } from './../../ricos-schema/next-schema/index.js';\nimport type { LegacyEditorPluginConfig } from './../../ricos-types/index.js';\nimport { containsUrl } from './../../_shared/link/contains-url.js';\nimport { normalizeUrl } from './../../_shared/link/normalize-url.js';\n\nimport { HTML_VIEWER_ROOT } from '../data-hooks.js';\nimport {\n  INIT_HEIGHT,\n  INIT_WIDTH,\n  SRC_TYPE_HTML,\n  SRC_TYPE_URL,\n  SRC_TYPE_WIDGET,\n} from '../defaults.js';\nimport { htmlFixer } from '../html-fixer.js';\nimport { IframeHtml } from '../iframe-html.js';\nimport { IframeUrl } from '../iframe-url.js';\nimport { IframeWidget } from '../iframe-widget.js';\nimport htmlStyles from '../statics/styles/HtmlComponent-scss.js';\n\n// Mobile Safari kills a tab that keeps dozens of embed iframes alive (RICH-2296), so the mobile\n// viewer keeps an embed's iframe only while the embed is within a screen of the viewport\nconst LAZY_ROOT_MARGIN = '100% 0px';\n// How long a height must stay unchanged to count as final, both before an embed is unloaded\n// and before a reloaded embed's new height replaces the one it kept\nconst HEIGHT_SETTLE_MS = 2000;\n\nconst getPageURL = (siteDomain: string) => {\n  if (!siteDomain) {\n    return;\n  }\n\n  const regex = /http.+com/gm;\n  const res = regex.exec(siteDomain);\n  if (res) {\n    return res[0];\n  }\n};\n\nexport type HtmlViewerProps = {\n  settings: LegacyEditorPluginConfig;\n  htmlData: HTMLData;\n  iframeSandboxDomain?: string;\n  isViewer?: boolean;\n  onIframeHeightChange?: (height: number) => void;\n};\n\nexport const HtmlViewer = React.forwardRef<HTMLDivElement, HtmlViewerProps>(\n  ({ settings, htmlData, iframeSandboxDomain, onIframeHeightChange, isViewer = false }, ref) => {\n    const { isMobile } = useContext(RicosContext);\n    const isLazy = isMobile && isViewer;\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement);\n    const [iframeHeight, setIframeHeight] = useState<number | undefined>();\n    const heightLockRef = useRef<{\n      height: number;\n      width: number;\n      candidate?: number;\n      release?: ReturnType<typeof setTimeout>;\n    }>();\n\n    const setHeight = (height: number) => {\n      // Also drops malformed messages, whose height can be NaN or missing\n      if (!(height > 0)) {\n        return;\n      }\n      const lock = heightLockRef.current;\n      if (lock && lock.width === rootRef.current?.offsetWidth && height !== lock.height) {\n        // A reloaded iframe reports heights before its content renders; keep the measured one\n        // until the reload reports it again or settles on a new one, so reloading never shifts\n        // the page. The sandbox repeats unchanged heights, so only a new one restarts the wait\n        if (height !== lock.candidate) {\n          clearTimeout(lock.release);\n          lock.candidate = height;\n          lock.release = setTimeout(() => {\n            heightLockRef.current = undefined;\n            setIframeHeight(height);\n          }, HEIGHT_SETTLE_MS);\n        }\n        return;\n      }\n      clearTimeout(lock?.release);\n      heightLockRef.current = undefined;\n      setIframeHeight(height);\n    };\n\n    const getIframeHeight = useMemo(() => {\n      const { containerData, autoHeight } = htmlData;\n\n      if (autoHeight !== false && iframeHeight) {\n        onIframeHeightChange?.(iframeHeight);\n\n        return iframeHeight;\n      }\n\n      const customHeight = containerData?.height?.custom;\n\n      const parsedCustomHeight = parseInt(customHeight || '');\n      if (\n        !customHeight ||\n        (typeof customHeight === 'string' && customHeight.endsWith('%')) ||\n        isNaN(parsedCustomHeight)\n      ) {\n        return iframeHeight || settings.height || INIT_HEIGHT;\n      }\n\n      return parsedCustomHeight;\n    }, [htmlData, settings.height, iframeHeight]);\n\n    const style = {\n      width: isMobile\n        ? 'auto'\n        : htmlData.containerData?.width?.custom || settings.width || INIT_WIDTH + 'px',\n      height: getIframeHeight + 'px',\n      maxHeight: getIframeHeight + 'px',\n    };\n\n    const html = useMemo(() => {\n      const pageURL = getPageURL(settings.siteDomain);\n      return htmlFixer(htmlData.html, pageURL);\n    }, [htmlData.html]);\n\n    const reportsHeight = !!htmlData.widgetId || !!html;\n    const [isNearViewport, setIsNearViewport] = useState(!isLazy);\n    const [isHeightSettled, setIsHeightSettled] = useState(!reportsHeight);\n    const [isIframeRendered, setIsIframeRendered] = useState(!isLazy);\n\n    useEffect(() => {\n      const root = rootRef.current;\n      if (!isLazy || !root || typeof IntersectionObserver === 'undefined') {\n        // Also renders embeds that were unloaded before the viewer left mobile mode\n        setIsNearViewport(true);\n        return;\n      }\n      const observer = new IntersectionObserver(\n        ([entry]) => setIsNearViewport(entry.isIntersecting),\n        { rootMargin: LAZY_ROOT_MARGIN }\n      );\n      observer.observe(root);\n      return () => observer.disconnect();\n    }, [isLazy]);\n\n    useEffect(() => {\n      if (!isLazy || !iframeHeight) {\n        return;\n      }\n      setIsHeightSettled(false);\n      const timeout = setTimeout(() => setIsHeightSettled(true), HEIGHT_SETTLE_MS);\n      return () => clearTimeout(timeout);\n    }, [isLazy, iframeHeight]);\n\n    useEffect(() => {\n      if (isNearViewport) {\n        setIsIframeRendered(true);\n      } else if (isHeightSettled) {\n        // The container keeps its explicit height, so removing the iframe doesn't move the page\n        clearTimeout(heightLockRef.current?.release);\n        heightLockRef.current =\n          iframeHeight && rootRef.current\n            ? { height: iframeHeight, width: rootRef.current.offsetWidth }\n            : undefined;\n        setIsIframeRendered(false);\n      }\n    }, [isNearViewport, isHeightSettled]);\n\n    // A kept height belongs to the content it was measured for\n    useEffect(\n      () => () => {\n        clearTimeout(heightLockRef.current?.release);\n        heightLockRef.current = undefined;\n      },\n      [html, htmlData.url, htmlData.widgetId]\n    );\n\n    return (\n      <div\n        className={htmlStyles.htmlComponent}\n        style={style}\n        data-hook={HTML_VIEWER_ROOT}\n        ref={rootRef}\n      >\n        {!isIframeRendered ? null : htmlData.widgetId ? (\n          <IframeWidget\n            key={SRC_TYPE_WIDGET}\n            widgetId={htmlData.widgetId}\n            isViewer={isViewer}\n            onHeightChange={setHeight}\n            colorPalette={settings.getColorPalette?.()}\n          />\n        ) : html ? (\n          <IframeHtml\n            iframeSandboxDomain={iframeSandboxDomain || 'https://www.filesusr.com'}\n            key={SRC_TYPE_HTML}\n            html={html}\n            onHeightChange={setHeight}\n            isViewer={isViewer}\n          />\n        ) : htmlData.url && containsUrl(htmlData.url) ? (\n          <IframeUrl\n            key={SRC_TYPE_URL}\n            // @ts-ignore\n            tabIndex={0}\n            src={normalizeUrl(htmlData.url)}\n            isViewer={isViewer}\n          />\n        ) : (\n          <div className={htmlStyles.htmlComponent_placeholder} />\n        )}\n      </div>\n    );\n  }\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, {\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\nimport type { HTMLData } from './../../ricos-schema/next-schema/index.js';\nimport type { LegacyEditorPluginConfig } from './../../ricos-types/index.js';\nimport { containsUrl } from './../../_shared/link/contains-url.js';\nimport { normalizeUrl } from './../../_shared/link/normalize-url.js';\n\nimport { HTML_VIEWER_ROOT } from '../data-hooks.js';\nimport {\n  INIT_HEIGHT,\n  INIT_WIDTH,\n  SRC_TYPE_HTML,\n  SRC_TYPE_URL,\n  SRC_TYPE_WIDGET,\n} from '../defaults.js';\nimport { htmlFixer } from '../html-fixer.js';\nimport { IframeHtml } from '../iframe-html.js';\nimport { IframeUrl } from '../iframe-url.js';\nimport { IframeWidget } from '../iframe-widget.js';\nimport htmlStyles from '../statics/styles/HtmlComponent-scss.js';\n\n// Mobile Safari kills a tab that keeps dozens of embed iframes alive (RICH-2296), so the mobile\n// viewer keeps an embed's iframe only while the embed is within a screen of the viewport\nconst LAZY_ROOT_MARGIN = '100% 0px';\n// How long a height must stay unchanged to count as final, both before an embed is unloaded\n// and before a reloaded embed's new height replaces the one it kept\nconst HEIGHT_SETTLE_MS = 2000;\n// Unloading an embed stops the audio or video playing in it, and the page can't see what a\n// cross-origin iframe plays. Sound only starts after a tap, and a tap moves focus into the\n// iframe, so embeds that took focus stay loaded: the latest few, to keep memory bounded.\n// Focus moving from one iframe to another fires no event in the page, so it is polled\nconst MAX_USED_EMBEDS = 3;\nconst FOCUS_POLL_MS = 1000;\nconst usedEmbeds: ((isUsed: boolean) => void)[] = [];\n\nconst setEmbedUsed = (setIsUsed: (isUsed: boolean) => void, isUsed: boolean) => {\n  const index = usedEmbeds.indexOf(setIsUsed);\n  if (index !== -1) {\n    usedEmbeds.splice(index, 1);\n  }\n  if (isUsed) {\n    usedEmbeds.push(setIsUsed);\n    if (usedEmbeds.length > MAX_USED_EMBEDS) {\n      usedEmbeds.shift()?.(false);\n    }\n  }\n  setIsUsed(isUsed);\n};\n\nconst getPageURL = (siteDomain: string) => {\n  if (!siteDomain) {\n    return;\n  }\n\n  const regex = /http.+com/gm;\n  const res = regex.exec(siteDomain);\n  if (res) {\n    return res[0];\n  }\n};\n\nexport type HtmlViewerProps = {\n  settings: LegacyEditorPluginConfig;\n  htmlData: HTMLData;\n  iframeSandboxDomain?: string;\n  isViewer?: boolean;\n  onIframeHeightChange?: (height: number) => void;\n};\n\nexport const HtmlViewer = React.forwardRef<HTMLDivElement, HtmlViewerProps>(\n  ({ settings, htmlData, iframeSandboxDomain, onIframeHeightChange, isViewer = false }, ref) => {\n    const { isMobile } = useContext(RicosContext);\n    const isLazy = isMobile && isViewer;\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement);\n    const [iframeHeight, setIframeHeight] = useState<number | undefined>();\n    const heightLockRef = useRef<{\n      height: number;\n      width: number;\n      candidate?: number;\n      release?: ReturnType<typeof setTimeout>;\n    }>();\n\n    const setHeight = (height: number) => {\n      // Also drops malformed messages, whose height can be NaN or missing\n      if (!(height > 0)) {\n        return;\n      }\n      const lock = heightLockRef.current;\n      if (lock && lock.width === rootRef.current?.offsetWidth && height !== lock.height) {\n        // A reloaded iframe reports heights before its content renders; keep the measured one\n        // until the reload reports it again or settles on a new one, so reloading never shifts\n        // the page. The sandbox repeats unchanged heights, so only a new one restarts the wait\n        if (height !== lock.candidate) {\n          clearTimeout(lock.release);\n          lock.candidate = height;\n          lock.release = setTimeout(() => {\n            heightLockRef.current = undefined;\n            setIframeHeight(height);\n          }, HEIGHT_SETTLE_MS);\n        }\n        return;\n      }\n      clearTimeout(lock?.release);\n      heightLockRef.current = undefined;\n      setIframeHeight(height);\n    };\n\n    const getIframeHeight = useMemo(() => {\n      const { containerData, autoHeight } = htmlData;\n\n      if (autoHeight !== false && iframeHeight) {\n        onIframeHeightChange?.(iframeHeight);\n\n        return iframeHeight;\n      }\n\n      const customHeight = containerData?.height?.custom;\n\n      const parsedCustomHeight = parseInt(customHeight || '');\n      if (\n        !customHeight ||\n        (typeof customHeight === 'string' && customHeight.endsWith('%')) ||\n        isNaN(parsedCustomHeight)\n      ) {\n        return iframeHeight || settings.height || INIT_HEIGHT;\n      }\n\n      return parsedCustomHeight;\n    }, [htmlData, settings.height, iframeHeight]);\n\n    const style = {\n      width: isMobile\n        ? 'auto'\n        : htmlData.containerData?.width?.custom || settings.width || INIT_WIDTH + 'px',\n      height: getIframeHeight + 'px',\n      maxHeight: getIframeHeight + 'px',\n    };\n\n    const html = useMemo(() => {\n      const pageURL = getPageURL(settings.siteDomain);\n      return htmlFixer(htmlData.html, pageURL);\n    }, [htmlData.html]);\n\n    const reportsHeight = !!htmlData.widgetId || !!html;\n    const [isNearViewport, setIsNearViewport] = useState(!isLazy);\n    const [isHeightSettled, setIsHeightSettled] = useState(!reportsHeight);\n    const [isIframeRendered, setIsIframeRendered] = useState(!isLazy);\n    const [isUsed, setIsUsed] = useState(false);\n    const hasFocus = () => !!rootRef.current?.contains(document.activeElement);\n\n    useEffect(() => {\n      const root = rootRef.current;\n      if (!isLazy || !root || typeof IntersectionObserver === 'undefined') {\n        // Also renders embeds that were unloaded before the viewer left mobile mode\n        setIsNearViewport(true);\n        return;\n      }\n      const observer = new IntersectionObserver(\n        ([entry]) => setIsNearViewport(entry.isIntersecting),\n        { rootMargin: LAZY_ROOT_MARGIN }\n      );\n      observer.observe(root);\n      return () => observer.disconnect();\n    }, [isLazy]);\n\n    useEffect(() => {\n      if (!isLazy || !iframeHeight) {\n        return;\n      }\n      setIsHeightSettled(false);\n      const timeout = setTimeout(() => setIsHeightSettled(true), HEIGHT_SETTLE_MS);\n      return () => clearTimeout(timeout);\n    }, [isLazy, iframeHeight]);\n\n    useEffect(() => {\n      if (!isLazy || !isIframeRendered) {\n        return;\n      }\n      const interval = setInterval(\n        () => hasFocus() && setEmbedUsed(setIsUsed, true),\n        FOCUS_POLL_MS\n      );\n      return () => clearInterval(interval);\n    }, [isLazy, isIframeRendered]);\n\n    useEffect(() => {\n      if (isNearViewport) {\n        setIsIframeRendered(true);\n      } else if (isHeightSettled && !isUsed) {\n        // The embed can leave before the next poll\n        if (hasFocus()) {\n          setEmbedUsed(setIsUsed, true);\n          return;\n        }\n        // The container keeps its explicit height, so removing the iframe doesn't move the page\n        clearTimeout(heightLockRef.current?.release);\n        heightLockRef.current =\n          iframeHeight && rootRef.current\n            ? { height: iframeHeight, width: rootRef.current.offsetWidth }\n            : undefined;\n        setIsIframeRendered(false);\n      }\n    }, [isNearViewport, isHeightSettled, isUsed]);\n\n    // A kept height belongs to the content it was measured for, and so does having been used\n    useEffect(\n      () => () => {\n        setEmbedUsed(setIsUsed, false);\n        clearTimeout(heightLockRef.current?.release);\n        heightLockRef.current = undefined;\n      },\n      [html, htmlData.url, htmlData.widgetId]\n    );\n\n    return (\n      <div\n        className={htmlStyles.htmlComponent}\n        style={style}\n        data-hook={HTML_VIEWER_ROOT}\n        ref={rootRef}\n      >\n        {!isIframeRendered ? null : htmlData.widgetId ? (\n          <IframeWidget\n            key={SRC_TYPE_WIDGET}\n            widgetId={htmlData.widgetId}\n            isViewer={isViewer}\n            onHeightChange={setHeight}\n            colorPalette={settings.getColorPalette?.()}\n          />\n        ) : html ? (\n          <IframeHtml\n            iframeSandboxDomain={iframeSandboxDomain || 'https://www.filesusr.com'}\n            key={SRC_TYPE_HTML}\n            html={html}\n            onHeightChange={setHeight}\n            isViewer={isViewer}\n          />\n        ) : htmlData.url && containsUrl(htmlData.url) ? (\n          <IframeUrl\n            key={SRC_TYPE_URL}\n            // @ts-ignore\n            tabIndex={0}\n            src={normalizeUrl(htmlData.url)}\n            isViewer={isViewer}\n          />\n        ) : (\n          <div className={htmlStyles.htmlComponent_placeholder} />\n        )}\n      </div>\n    );\n  }\n);\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = '93173d6c';  
+var styleDataHash = '63795c41';  
 export const injectCss = (() => {
-  var css = `.pF8gB{border:0;height:100%;overflow:hidden;width:100%}.dtNk7{height:100%;max-width:100%;position:relative;width:100%}.X6B5s{background:rgba(51,51,51,.05);bottom:0;left:0;position:absolute;right:0;top:0}`;
+  var css = `.B7hAB{border:0;height:100%;overflow:hidden;width:100%}._1xOvm{height:100%;max-width:100%;position:relative;width:100%}.tC7p1{background:rgba(51,51,51,.05);bottom:0;left:0;position:absolute;right:0;top: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/components/corner-radius-handles-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "80b380d9";
+var styleDataHash = "5a8934e4";
 const injectCss = (() => {
-  var css = `.wDpI2{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}.AS0T8{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:flex;height:10px;justify-content:center;outline:1px solid rgba(0,6,36,.302);outline:1px solid #116dff;pointer-events:auto;position:absolute;transition:color .15s ease,background-color .15s ease;width:10px;z-index:7}.AS0T8:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.AS0T8:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.AS0T8:active{cursor:grabbing}._8X1ai{background:#116dff;border-radius:50%;flex-shrink:0;height:4px;width:4px}.AS0T8:active ._8X1ai,.AS0T8:hover ._8X1ai{background:#fff}.hWgJC{background:#116dff;border-radius:4px;color:#fff;font-size:12px;font-weight:500;line-height:1.2;padding:2px 6px;pointer-events:none;position:absolute;white-space:nowrap;z-index:8}`;
+  var css = `.pTcr-{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}.VOqU7{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:flex;height:10px;justify-content:center;outline:1px solid rgba(0,6,36,.302);outline:1px solid #116dff;pointer-events:auto;position:absolute;transition:color .15s ease,background-color .15s ease;width:10px;z-index:7}.VOqU7:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.VOqU7:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.VOqU7:active{cursor:grabbing}.CCYS6{background:#116dff;border-radius:50%;flex-shrink:0;height:4px;width:4px}.VOqU7:active .CCYS6,.VOqU7:hover .CCYS6{background:#fff}.j-9-a{background:#116dff;border-radius:4px;color:#fff;font-size:12px;font-weight:500;line-height:1.2;padding:2px 6px;pointer-events:none;position:absolute;white-space:nowrap;z-index:8}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,10 +21,10 @@ const injectCss = (() => {
 });
 injectCss();
 var corner_radius_handles_default = {
-  "overlay": "wDpI2",
-  "handle": "AS0T8",
-  "handleDot": "_8X1ai",
-  "radiusLabel": "hWgJC"
+  "overlay": "pTcr-",
+  "handle": "VOqU7",
+  "handleDot": "CCYS6",
+  "radiusLabel": "j-9-a"
 };
 export {
   corner_radius_handles_default as default,

package/dist/es/plugin-image/components/corner-radius-handles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/components/corner-radius-handles.scss"],
-  "sourcesContent": ["var styleDataHash = '80b380d9';  \nexport const injectCss = (() => {\n  var css = `.wDpI2{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}.AS0T8{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:flex;height:10px;justify-content:center;outline:1px solid rgba(0,6,36,.302);outline:1px solid #116dff;pointer-events:auto;position:absolute;transition:color .15s ease,background-color .15s ease;width:10px;z-index:7}.AS0T8:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.AS0T8:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.AS0T8:active{cursor:grabbing}._8X1ai{background:#116dff;border-radius:50%;flex-shrink:0;height:4px;width:4px}.AS0T8:active ._8X1ai,.AS0T8:hover ._8X1ai{background:#fff}.hWgJC{background:#116dff;border-radius:4px;color:#fff;font-size:12px;font-weight:500;line-height:1.2;padding:2px 6px;pointer-events:none;position:absolute;white-space:nowrap;z-index:8}`;\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  \"overlay\": \"wDpI2\",\n  \"handle\": \"AS0T8\",\n  \"handleDot\": \"_8X1ai\",\n  \"radiusLabel\": \"hWgJC\"\n};"],
+  "sourcesContent": ["var styleDataHash = '5a8934e4';  \nexport const injectCss = (() => {\n  var css = `.pTcr-{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}.VOqU7{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:flex;height:10px;justify-content:center;outline:1px solid rgba(0,6,36,.302);outline:1px solid #116dff;pointer-events:auto;position:absolute;transition:color .15s ease,background-color .15s ease;width:10px;z-index:7}.VOqU7:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.VOqU7:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.VOqU7:active{cursor:grabbing}.CCYS6{background:#116dff;border-radius:50%;flex-shrink:0;height:4px;width:4px}.VOqU7:active .CCYS6,.VOqU7:hover .CCYS6{background:#fff}.j-9-a{background:#116dff;border-radius:4px;color:#fff;font-size:12px;font-weight:500;line-height:1.2;padding:2px 6px;pointer-events:none;position:absolute;white-space:nowrap;z-index:8}`;\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  \"overlay\": \"pTcr-\",\n  \"handle\": \"VOqU7\",\n  \"handleDot\": \"CCYS6\",\n  \"radiusLabel\": \"j-9-a\"\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;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,eAAe;AACjB;",
   "names": []
 }

package/dist/es/plugin-image/components/crop-edge-handles-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "5c9560ac";
+var styleDataHash = "7b644df4";
 const injectCss = (() => {
-  var css = `.xv4zB{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}`;
+  var css = `.GM-g5{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var crop_edge_handles_default = {
-  "overlay": "xv4zB"
+  "overlay": "GM-g5"
 };
 export {
   crop_edge_handles_default as default,

package/dist/es/plugin-image/components/crop-edge-handles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/components/crop-edge-handles.scss"],
-  "sourcesContent": ["var styleDataHash = '5c9560ac';  \nexport const injectCss = (() => {\n  var css = `.xv4zB{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}`;\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  \"overlay\": \"xv4zB\"\n};"],
+  "sourcesContent": ["var styleDataHash = '7b644df4';  \nexport const injectCss = (() => {\n  var css = `.GM-g5{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}`;\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  \"overlay\": \"GM-g5\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,4BAAQ;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/es/plugin-image/crop-overlay/crop-overlay-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "3f8a17b6";
+var styleDataHash = "9dff0123";
 const injectCss = (() => {
-  var css = `[data-hook^=figure-][data-cropping] [data-hook=add-caption-button],[data-hook^=figure-][data-cropping] [data-resize-handle]{display:none!important;pointer-events:none!important}[data-hook^=figure-][data-cropping] [data-hook^=image-viewer-]{visibility:hidden!important}.HXpQj{left:0;overflow:visible;position:absolute;top:0;touch-action:none;user-select:none}._3njvz{overflow:hidden;position:absolute}.bgNR-{display:block;height:100%;width:100%;-webkit-user-drag:none}.s-xFS{box-shadow:0 0 0 9999px rgba(0,0,0,.55);pointer-events:none;position:absolute}.fcrkS{background:rgba(0,0,0,.35);display:block;pointer-events:none;position:absolute}.odXcB{border:1.5px solid #116dff;box-sizing:border-box;cursor:move;position:absolute}._2KkVI{background-image:linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35)),linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35)),linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35)),linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35));background-position:33.333% 0,66.666% 0,0 33.333%,0 66.666%;background-repeat:no-repeat;background-size:1px 100%,1px 100%,100% 1px,100% 1px;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s ease}.odXcB:active ._2KkVI,.odXcB:hover ._2KkVI{opacity:1}.SD89k{position:absolute;z-index:1;--bracket-fill:var(--wsr-color-D80,#fff);--bracket-border:var(--wsr-color-D50,#b6c1cd)}.SD89k:hover{--bracket-fill:var(--wsr-color-B10,#116dff);--bracket-border:var(--wsr-color-D80,#fff)}.SD89k[data-active]{--bracket-fill:var(--wsr-color-B00,#084ebd);--bracket-border:var(--wsr-color-D80,#fff)}.SD89k[data-direction=bottomLeft],.SD89k[data-direction=bottomRight],.SD89k[data-direction=topLeft],.SD89k[data-direction=topRight]{height:20px;width:20px}.SD89k[data-direction=topLeft]{cursor:nwse-resize;left:-5px;top:-5px}.SD89k[data-direction=topRight]{cursor:nesw-resize;right:-5px;top:-5px}.SD89k[data-direction=bottomLeft]{bottom:-5px;cursor:nesw-resize;left:-5px}.SD89k[data-direction=bottomRight]{bottom:-5px;cursor:nwse-resize;right:-5px}.SD89k[data-direction=bottom]:after,.SD89k[data-direction=left]:after,.SD89k[data-direction=right]:after,.SD89k[data-direction=top]:after{background:var(--bracket-fill);border-radius:100px;box-shadow:0 0 0 1px var(--bracket-border);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.SD89k[data-direction=bottom],.SD89k[data-direction=top]{cursor:ns-resize;height:16px;left:50%;margin-left:-24px;width:48px}.SD89k[data-direction=bottom]:after,.SD89k[data-direction=top]:after{height:4px;width:32px}.SD89k[data-direction=top]{top:-8px}.SD89k[data-direction=bottom]{bottom:-8px}.SD89k[data-direction=left],.SD89k[data-direction=right]{cursor:ew-resize;height:48px;margin-top:-24px;top:50%;width:16px}.SD89k[data-direction=left]:after,.SD89k[data-direction=right]:after{height:32px;width:4px}.SD89k[data-direction=left]{left:-8px}.SD89k[data-direction=right]{right:-8px}.eK3Ps{display:block;height:100%;width:100%}.eK3Ps path{fill:none;stroke-linecap:round;stroke-linejoin:round}.SD89k[data-direction=topRight] .eK3Ps{transform:rotate(90deg)}.SD89k[data-direction=bottomRight] .eK3Ps{transform:rotate(180deg)}.SD89k[data-direction=bottomLeft] .eK3Ps{transform:rotate(270deg)}.xQyxQ{stroke:var(--bracket-border);stroke-width:6}.mm1O-{stroke:var(--bracket-fill);stroke-width:4}._0E7rp{display:flex;gap:8px;margin-top:8px;position:absolute;transform:translateX(-100%);z-index:2}.EerAc,.GZRAx{align-items:center;border:1px solid transparent;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;width:32px}.EerAc svg,.GZRAx svg{height:20px;width:20px}.EerAc{background:#fff;border-color:rgba(0,0,0,.15);box-shadow:0 1px 4px rgba(0,0,0,.25);color:#000}.EerAc:hover{background:#f0f0f0}.GZRAx{background:#116dff;box-shadow:0 1px 4px rgba(0,0,0,.25);color:#fff}.GZRAx:hover{filter:brightness(1.1)}`;
+  var css = `[data-hook^=figure-][data-cropping] [data-hook=add-caption-button],[data-hook^=figure-][data-cropping] [data-resize-handle]{display:none!important;pointer-events:none!important}[data-hook^=figure-][data-cropping] [data-hook^=image-viewer-]{visibility:hidden!important}.tI9g9{left:0;overflow:visible;position:absolute;top:0;touch-action:none;user-select:none}.zHq4T{overflow:hidden;position:absolute}._3m1MZ{display:block;height:100%;width:100%;-webkit-user-drag:none}.yTFOv{box-shadow:0 0 0 9999px rgba(0,0,0,.55);pointer-events:none;position:absolute}.aP4-R{background:rgba(0,0,0,.35);display:block;pointer-events:none;position:absolute}.D8ZsB{border:1.5px solid #116dff;box-sizing:border-box;cursor:move;position:absolute}.DVpJp{background-image:linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35)),linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35)),linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35)),linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35));background-position:33.333% 0,66.666% 0,0 33.333%,0 66.666%;background-repeat:no-repeat;background-size:1px 100%,1px 100%,100% 1px,100% 1px;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s ease}.D8ZsB:active .DVpJp,.D8ZsB:hover .DVpJp{opacity:1}.kV-g4{position:absolute;z-index:1;--bracket-fill:var(--wsr-color-D80,#fff);--bracket-border:var(--wsr-color-D50,#b6c1cd)}.kV-g4:hover{--bracket-fill:var(--wsr-color-B10,#116dff);--bracket-border:var(--wsr-color-D80,#fff)}.kV-g4[data-active]{--bracket-fill:var(--wsr-color-B00,#084ebd);--bracket-border:var(--wsr-color-D80,#fff)}.kV-g4[data-direction=bottomLeft],.kV-g4[data-direction=bottomRight],.kV-g4[data-direction=topLeft],.kV-g4[data-direction=topRight]{height:20px;width:20px}.kV-g4[data-direction=topLeft]{cursor:nwse-resize;left:-5px;top:-5px}.kV-g4[data-direction=topRight]{cursor:nesw-resize;right:-5px;top:-5px}.kV-g4[data-direction=bottomLeft]{bottom:-5px;cursor:nesw-resize;left:-5px}.kV-g4[data-direction=bottomRight]{bottom:-5px;cursor:nwse-resize;right:-5px}.kV-g4[data-direction=bottom]:after,.kV-g4[data-direction=left]:after,.kV-g4[data-direction=right]:after,.kV-g4[data-direction=top]:after{background:var(--bracket-fill);border-radius:100px;box-shadow:0 0 0 1px var(--bracket-border);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.kV-g4[data-direction=bottom],.kV-g4[data-direction=top]{cursor:ns-resize;height:16px;left:50%;margin-left:-24px;width:48px}.kV-g4[data-direction=bottom]:after,.kV-g4[data-direction=top]:after{height:4px;width:32px}.kV-g4[data-direction=top]{top:-8px}.kV-g4[data-direction=bottom]{bottom:-8px}.kV-g4[data-direction=left],.kV-g4[data-direction=right]{cursor:ew-resize;height:48px;margin-top:-24px;top:50%;width:16px}.kV-g4[data-direction=left]:after,.kV-g4[data-direction=right]:after{height:32px;width:4px}.kV-g4[data-direction=left]{left:-8px}.kV-g4[data-direction=right]{right:-8px}._6jp-i{display:block;height:100%;width:100%}._6jp-i path{fill:none;stroke-linecap:round;stroke-linejoin:round}.kV-g4[data-direction=topRight] ._6jp-i{transform:rotate(90deg)}.kV-g4[data-direction=bottomRight] ._6jp-i{transform:rotate(180deg)}.kV-g4[data-direction=bottomLeft] ._6jp-i{transform:rotate(270deg)}.mm5un{stroke:var(--bracket-border);stroke-width:6}.HY38C{stroke:var(--bracket-fill);stroke-width:4}.a5CYk{display:flex;gap:8px;margin-top:8px;position:absolute;transform:translateX(-100%);z-index:2}.L8dTj,.zQNwN{align-items:center;border:1px solid transparent;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;width:32px}.L8dTj svg,.zQNwN svg{height:20px;width:20px}.zQNwN{background:#fff;border-color:rgba(0,0,0,.15);box-shadow:0 1px 4px rgba(0,0,0,.25);color:#000}.zQNwN:hover{background:#f0f0f0}.L8dTj{background:#116dff;box-shadow:0 1px 4px rgba(0,0,0,.25);color:#fff}.L8dTj:hover{filter:brightness(1.1)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,20 +21,20 @@ const injectCss = (() => {
 });
 injectCss();
 var crop_overlay_default = {
-  "overlay": "HXpQj",
-  "fullLayer": "_3njvz",
-  "fullImage": "bgNR-",
-  "mask": "s-xFS",
-  "shapePreview": "fcrkS",
-  "frame": "odXcB",
-  "frameGrid": "_2KkVI",
-  "handle": "SD89k",
-  "bracket": "eK3Ps",
-  "bracketBorder": "xQyxQ",
-  "bracketBody": "mm1O-",
-  "actions": "_0E7rp",
-  "cancelButton": "EerAc",
-  "applyButton": "GZRAx"
+  "overlay": "tI9g9",
+  "fullLayer": "zHq4T",
+  "fullImage": "_3m1MZ",
+  "mask": "yTFOv",
+  "shapePreview": "aP4-R",
+  "frame": "D8ZsB",
+  "frameGrid": "DVpJp",
+  "handle": "kV-g4",
+  "bracket": "_6jp-i",
+  "bracketBorder": "mm5un",
+  "bracketBody": "HY38C",
+  "actions": "a5CYk",
+  "cancelButton": "zQNwN",
+  "applyButton": "L8dTj"
 };
 export {
   crop_overlay_default as default,

package/dist/es/plugin-image/crop-overlay/crop-overlay-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/crop-overlay/crop-overlay.scss"],
-  "sourcesContent": ["var styleDataHash = '3f8a17b6';  \nexport const injectCss = (() => {\n  var css = `[data-hook^=figure-][data-cropping] [data-hook=add-caption-button],[data-hook^=figure-][data-cropping] [data-resize-handle]{display:none!important;pointer-events:none!important}[data-hook^=figure-][data-cropping] [data-hook^=image-viewer-]{visibility:hidden!important}.HXpQj{left:0;overflow:visible;position:absolute;top:0;touch-action:none;user-select:none}._3njvz{overflow:hidden;position:absolute}.bgNR-{display:block;height:100%;width:100%;-webkit-user-drag:none}.s-xFS{box-shadow:0 0 0 9999px rgba(0,0,0,.55);pointer-events:none;position:absolute}.fcrkS{background:rgba(0,0,0,.35);display:block;pointer-events:none;position:absolute}.odXcB{border:1.5px solid #116dff;box-sizing:border-box;cursor:move;position:absolute}._2KkVI{background-image:linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35)),linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35)),linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35)),linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35));background-position:33.333% 0,66.666% 0,0 33.333%,0 66.666%;background-repeat:no-repeat;background-size:1px 100%,1px 100%,100% 1px,100% 1px;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s ease}.odXcB:active ._2KkVI,.odXcB:hover ._2KkVI{opacity:1}.SD89k{position:absolute;z-index:1;--bracket-fill:var(--wsr-color-D80,#fff);--bracket-border:var(--wsr-color-D50,#b6c1cd)}.SD89k:hover{--bracket-fill:var(--wsr-color-B10,#116dff);--bracket-border:var(--wsr-color-D80,#fff)}.SD89k[data-active]{--bracket-fill:var(--wsr-color-B00,#084ebd);--bracket-border:var(--wsr-color-D80,#fff)}.SD89k[data-direction=bottomLeft],.SD89k[data-direction=bottomRight],.SD89k[data-direction=topLeft],.SD89k[data-direction=topRight]{height:20px;width:20px}.SD89k[data-direction=topLeft]{cursor:nwse-resize;left:-5px;top:-5px}.SD89k[data-direction=topRight]{cursor:nesw-resize;right:-5px;top:-5px}.SD89k[data-direction=bottomLeft]{bottom:-5px;cursor:nesw-resize;left:-5px}.SD89k[data-direction=bottomRight]{bottom:-5px;cursor:nwse-resize;right:-5px}.SD89k[data-direction=bottom]:after,.SD89k[data-direction=left]:after,.SD89k[data-direction=right]:after,.SD89k[data-direction=top]:after{background:var(--bracket-fill);border-radius:100px;box-shadow:0 0 0 1px var(--bracket-border);content:\"\";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.SD89k[data-direction=bottom],.SD89k[data-direction=top]{cursor:ns-resize;height:16px;left:50%;margin-left:-24px;width:48px}.SD89k[data-direction=bottom]:after,.SD89k[data-direction=top]:after{height:4px;width:32px}.SD89k[data-direction=top]{top:-8px}.SD89k[data-direction=bottom]{bottom:-8px}.SD89k[data-direction=left],.SD89k[data-direction=right]{cursor:ew-resize;height:48px;margin-top:-24px;top:50%;width:16px}.SD89k[data-direction=left]:after,.SD89k[data-direction=right]:after{height:32px;width:4px}.SD89k[data-direction=left]{left:-8px}.SD89k[data-direction=right]{right:-8px}.eK3Ps{display:block;height:100%;width:100%}.eK3Ps path{fill:none;stroke-linecap:round;stroke-linejoin:round}.SD89k[data-direction=topRight] .eK3Ps{transform:rotate(90deg)}.SD89k[data-direction=bottomRight] .eK3Ps{transform:rotate(180deg)}.SD89k[data-direction=bottomLeft] .eK3Ps{transform:rotate(270deg)}.xQyxQ{stroke:var(--bracket-border);stroke-width:6}.mm1O-{stroke:var(--bracket-fill);stroke-width:4}._0E7rp{display:flex;gap:8px;margin-top:8px;position:absolute;transform:translateX(-100%);z-index:2}.EerAc,.GZRAx{align-items:center;border:1px solid transparent;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;width:32px}.EerAc svg,.GZRAx svg{height:20px;width:20px}.EerAc{background:#fff;border-color:rgba(0,0,0,.15);box-shadow:0 1px 4px rgba(0,0,0,.25);color:#000}.EerAc:hover{background:#f0f0f0}.GZRAx{background:#116dff;box-shadow:0 1px 4px rgba(0,0,0,.25);color:#fff}.GZRAx:hover{filter:brightness(1.1)}`;\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  \"overlay\": \"HXpQj\",\n  \"fullLayer\": \"_3njvz\",\n  \"fullImage\": \"bgNR-\",\n  \"mask\": \"s-xFS\",\n  \"shapePreview\": \"fcrkS\",\n  \"frame\": \"odXcB\",\n  \"frameGrid\": \"_2KkVI\",\n  \"handle\": \"SD89k\",\n  \"bracket\": \"eK3Ps\",\n  \"bracketBorder\": \"xQyxQ\",\n  \"bracketBody\": \"mm1O-\",\n  \"actions\": \"_0E7rp\",\n  \"cancelButton\": \"EerAc\",\n  \"applyButton\": \"GZRAx\"\n};"],
+  "sourcesContent": ["var styleDataHash = '9dff0123';  \nexport const injectCss = (() => {\n  var css = `[data-hook^=figure-][data-cropping] [data-hook=add-caption-button],[data-hook^=figure-][data-cropping] [data-resize-handle]{display:none!important;pointer-events:none!important}[data-hook^=figure-][data-cropping] [data-hook^=image-viewer-]{visibility:hidden!important}.tI9g9{left:0;overflow:visible;position:absolute;top:0;touch-action:none;user-select:none}.zHq4T{overflow:hidden;position:absolute}._3m1MZ{display:block;height:100%;width:100%;-webkit-user-drag:none}.yTFOv{box-shadow:0 0 0 9999px rgba(0,0,0,.55);pointer-events:none;position:absolute}.aP4-R{background:rgba(0,0,0,.35);display:block;pointer-events:none;position:absolute}.D8ZsB{border:1.5px solid #116dff;box-sizing:border-box;cursor:move;position:absolute}.DVpJp{background-image:linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35)),linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35)),linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35)),linear-gradient(hsla(0,0%,100%,.35),hsla(0,0%,100%,.35));background-position:33.333% 0,66.666% 0,0 33.333%,0 66.666%;background-repeat:no-repeat;background-size:1px 100%,1px 100%,100% 1px,100% 1px;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s ease}.D8ZsB:active .DVpJp,.D8ZsB:hover .DVpJp{opacity:1}.kV-g4{position:absolute;z-index:1;--bracket-fill:var(--wsr-color-D80,#fff);--bracket-border:var(--wsr-color-D50,#b6c1cd)}.kV-g4:hover{--bracket-fill:var(--wsr-color-B10,#116dff);--bracket-border:var(--wsr-color-D80,#fff)}.kV-g4[data-active]{--bracket-fill:var(--wsr-color-B00,#084ebd);--bracket-border:var(--wsr-color-D80,#fff)}.kV-g4[data-direction=bottomLeft],.kV-g4[data-direction=bottomRight],.kV-g4[data-direction=topLeft],.kV-g4[data-direction=topRight]{height:20px;width:20px}.kV-g4[data-direction=topLeft]{cursor:nwse-resize;left:-5px;top:-5px}.kV-g4[data-direction=topRight]{cursor:nesw-resize;right:-5px;top:-5px}.kV-g4[data-direction=bottomLeft]{bottom:-5px;cursor:nesw-resize;left:-5px}.kV-g4[data-direction=bottomRight]{bottom:-5px;cursor:nwse-resize;right:-5px}.kV-g4[data-direction=bottom]:after,.kV-g4[data-direction=left]:after,.kV-g4[data-direction=right]:after,.kV-g4[data-direction=top]:after{background:var(--bracket-fill);border-radius:100px;box-shadow:0 0 0 1px var(--bracket-border);content:\"\";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.kV-g4[data-direction=bottom],.kV-g4[data-direction=top]{cursor:ns-resize;height:16px;left:50%;margin-left:-24px;width:48px}.kV-g4[data-direction=bottom]:after,.kV-g4[data-direction=top]:after{height:4px;width:32px}.kV-g4[data-direction=top]{top:-8px}.kV-g4[data-direction=bottom]{bottom:-8px}.kV-g4[data-direction=left],.kV-g4[data-direction=right]{cursor:ew-resize;height:48px;margin-top:-24px;top:50%;width:16px}.kV-g4[data-direction=left]:after,.kV-g4[data-direction=right]:after{height:32px;width:4px}.kV-g4[data-direction=left]{left:-8px}.kV-g4[data-direction=right]{right:-8px}._6jp-i{display:block;height:100%;width:100%}._6jp-i path{fill:none;stroke-linecap:round;stroke-linejoin:round}.kV-g4[data-direction=topRight] ._6jp-i{transform:rotate(90deg)}.kV-g4[data-direction=bottomRight] ._6jp-i{transform:rotate(180deg)}.kV-g4[data-direction=bottomLeft] ._6jp-i{transform:rotate(270deg)}.mm5un{stroke:var(--bracket-border);stroke-width:6}.HY38C{stroke:var(--bracket-fill);stroke-width:4}.a5CYk{display:flex;gap:8px;margin-top:8px;position:absolute;transform:translateX(-100%);z-index:2}.L8dTj,.zQNwN{align-items:center;border:1px solid transparent;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;width:32px}.L8dTj svg,.zQNwN svg{height:20px;width:20px}.zQNwN{background:#fff;border-color:rgba(0,0,0,.15);box-shadow:0 1px 4px rgba(0,0,0,.25);color:#000}.zQNwN:hover{background:#f0f0f0}.L8dTj{background:#116dff;box-shadow:0 1px 4px rgba(0,0,0,.25);color:#fff}.L8dTj:hover{filter:brightness(1.1)}`;\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  \"overlay\": \"tI9g9\",\n  \"fullLayer\": \"zHq4T\",\n  \"fullImage\": \"_3m1MZ\",\n  \"mask\": \"yTFOv\",\n  \"shapePreview\": \"aP4-R\",\n  \"frame\": \"D8ZsB\",\n  \"frameGrid\": \"DVpJp\",\n  \"handle\": \"kV-g4\",\n  \"bracket\": \"_6jp-i\",\n  \"bracketBorder\": \"mm5un\",\n  \"bracketBody\": \"HY38C\",\n  \"actions\": \"a5CYk\",\n  \"cancelButton\": \"zQNwN\",\n  \"applyButton\": \"L8dTj\"\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,uBAAQ;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AACjB;",
   "names": []
 }

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

@@ -1,24 +1,24 @@
 var image_viewer_default = {
-  "fontElementMap": "qUKCx",
-  "imageContainer": "RNLi6",
-  "expandButton": "UBmtX",
-  "expandIcon": "nAj3y",
-  "pointer": "Iqlih",
-  "imageWrapper": "Cm-gg",
-  "cropClip": "mSbUw",
-  "imageLayer": "RUjne",
-  "cropFullLayer": "_9HSbX",
-  "cropResetButton": "_4gJyX",
-  "cropResetButtonInner": "_2uUjh",
-  "cropResetIcon": "cvCoa",
-  "cropResetMeasurement": "d2yEd",
-  "iconOnly": "_3e-s1",
-  "image": "_7J7qz",
-  "imageOverlay": "n7jye",
-  "imagePreload": "WLObm",
-  "imageHighres": "QP46E",
-  "onlyHighRes": "_6VwWe",
-  "image_loading": "_6Vuxi"
+  "fontElementMap": "RreF9",
+  "imageContainer": "d3Kkv",
+  "expandButton": "ZBjZI",
+  "expandIcon": "z-ldO",
+  "pointer": "_2bk7H",
+  "imageWrapper": "OfSgs",
+  "cropClip": "xasdq",
+  "imageLayer": "acV-s",
+  "cropFullLayer": "uxt8-",
+  "cropResetButton": "pNtxE",
+  "cropResetButtonInner": "xhoWW",
+  "cropResetIcon": "N8Qxn",
+  "cropResetMeasurement": "NJCcy",
+  "iconOnly": "MwV1a",
+  "image": "j5DU2",
+  "imageOverlay": "IVYO2",
+  "imagePreload": "UxVNn",
+  "imageHighres": "eur6w",
+  "onlyHighRes": "_3jPDo",
+  "image_loading": "EwWyy"
 };
 export {
   image_viewer_default as default

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/image-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"qUKCx\",\n  \"imageContainer\": \"RNLi6\",\n  \"expandButton\": \"UBmtX\",\n  \"expandIcon\": \"nAj3y\",\n  \"pointer\": \"Iqlih\",\n  \"imageWrapper\": \"Cm-gg\",\n  \"cropClip\": \"mSbUw\",\n  \"imageLayer\": \"RUjne\",\n  \"cropFullLayer\": \"_9HSbX\",\n  \"cropResetButton\": \"_4gJyX\",\n  \"cropResetButtonInner\": \"_2uUjh\",\n  \"cropResetIcon\": \"cvCoa\",\n  \"cropResetMeasurement\": \"d2yEd\",\n  \"iconOnly\": \"_3e-s1\",\n  \"image\": \"_7J7qz\",\n  \"imageOverlay\": \"n7jye\",\n  \"imagePreload\": \"WLObm\",\n  \"imageHighres\": \"QP46E\",\n  \"onlyHighRes\": \"_6VwWe\",\n  \"image_loading\": \"_6Vuxi\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"RreF9\",\n  \"imageContainer\": \"d3Kkv\",\n  \"expandButton\": \"ZBjZI\",\n  \"expandIcon\": \"z-ldO\",\n  \"pointer\": \"_2bk7H\",\n  \"imageWrapper\": \"OfSgs\",\n  \"cropClip\": \"xasdq\",\n  \"imageLayer\": \"acV-s\",\n  \"cropFullLayer\": \"uxt8-\",\n  \"cropResetButton\": \"pNtxE\",\n  \"cropResetButtonInner\": \"xhoWW\",\n  \"cropResetIcon\": \"N8Qxn\",\n  \"cropResetMeasurement\": \"NJCcy\",\n  \"iconOnly\": \"MwV1a\",\n  \"image\": \"j5DU2\",\n  \"imageOverlay\": \"IVYO2\",\n  \"imagePreload\": \"UxVNn\",\n  \"imageHighres\": \"eur6w\",\n  \"onlyHighRes\": \"_3jPDo\",\n  \"image_loading\": \"EwWyy\"\n};"],
   "mappings": "AAAA,IAAO,uBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,iBAAiB;AAAA,EACjB,wBAAwB;AAAA,EACxB,YAAY;AAAA,EACZ,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/settings-modal-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "0ddee75f";
+var styleDataHash = "e6dc0216";
 const injectCss = (() => {
-  var css = `.AfFmQ{--wds-tabs-padding-horizontal-medium:12px;--wds-font-size-body-medium:14px;--wds-font-weight-regular:500}`;
+  var css = `.N-ph3{--wds-tabs-padding-horizontal-medium:12px;--wds-font-size-body-medium:14px;--wds-font-weight-regular:500}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var settings_modal_default = {
-  "tabs": "AfFmQ"
+  "tabs": "N-ph3"
 };
 export {
   settings_modal_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/settings-modal.scss"],
-  "sourcesContent": ["var styleDataHash = '0ddee75f';  \nexport const injectCss = (() => {\n  var css = `.AfFmQ{--wds-tabs-padding-horizontal-medium:12px;--wds-font-size-body-medium:14px;--wds-font-weight-regular:500}`;\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  \"tabs\": \"AfFmQ\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'e6dc0216';  \nexport const injectCss = (() => {\n  var css = `.N-ph3{--wds-tabs-padding-horizontal-medium:12px;--wds-font-size-body-medium:14px;--wds-font-weight-regular:500}`;\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  \"tabs\": \"N-ph3\"\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,yBAAQ;AAAA,EACb,QAAQ;AACV;",
   "names": []
 }

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

@@ -1,7 +1,8 @@
-import { TIPTAP_FIGURE_TYPE, TIPTAP_IMAGE_TYPE } from "./../../ricos-content/index.js";
+import { IMAGE_TYPE, TIPTAP_FIGURE_TYPE, TIPTAP_IMAGE_TYPE } from "./../../ricos-content/index.js";
 import { findParentNodeClosestToPos } from "./../../tiptap/index.js";
 import { createRicosNodeExtension } from "./../../plugin-commons/index.js";
 import { handleImageUpload } from "./../handle-image-upload.js";
+import { RICOS_DEFAULTS } from "../consts.js";
 import { Image } from "./image.js";
 const imageTiptapExtension = createRicosNodeExtension({
   type: "react-node",
@@ -132,25 +133,23 @@ const imageTiptapExtension = createRicosNodeExtension({
             return commands.updateAttributes(this.name, { loading });
           },
           insertImageFromFile: (file, insertPosition, publicCommands) => ({ tr }) => {
-            let position;
-            const from = tr.selection.from;
-            const to = tr.selection.to;
-            const blockRange = tr.selection.$from.blockRange(tr.selection.$to);
-            if (insertPosition === "above") {
-              const depth = tr.selection.$from.depth;
-              const adjustedPos = blockRange?.start ?? tr.doc.resolve(from).start(depth);
-              position = Math.max(adjustedPos, 0);
-            } else {
-              const depth = tr.selection.$to.depth;
-              const pos = blockRange?.end ?? tr.doc.resolve(to).end(depth);
-              position = pos + (blockRange ? 0 : 1);
-            }
             handleImageUpload({
               services: this.options.services,
               config: this.options,
               publicCommands,
               files: [file],
-              pos: position
+              pos: getImageInsertionPosition(tr, insertPosition)
+            });
+            return true;
+          },
+          insertImageFromMedia: (imageData, insertPosition, publicCommands) => ({ tr }) => {
+            const pos = getImageInsertionPosition(tr, insertPosition);
+            setTimeout(() => {
+              publicCommands.insertBlockWithBlankLines(
+                IMAGE_TYPE,
+                { ...RICOS_DEFAULTS, ...imageData },
+                { pos, updateSelection: true }
+              );
             });
             return true;
           }
@@ -185,6 +184,11 @@ const imageTiptapExtension = createRicosNodeExtension({
     };
   }
 });
+const getImageInsertionPosition = (tr, position) => {
+  const { $from, $to } = tr.selection;
+  const blockRange = $from.blockRange($to);
+  return position === "above" ? Math.max(blockRange?.start ?? $from.start(), 0) : (blockRange?.end ?? $to.end()) + (blockRange ? 0 : 1);
+};
 const getImageFigure = (editor) => findParentNodeClosestToPos(
   editor.state.selection.$from,
   (node) => node.type.name === TIPTAP_FIGURE_TYPE