@grapesjs/studio-sdk-plugins 1.0.17 → 1.0.18

package/dist/rteTinyMce/index.umd.js

@@ -1 +1,104 @@
-(function(h,y){typeof exports=="object"&&typeof module<"u"?module.exports=y():typeof define=="function"&&define.amd?define(y):(h=typeof globalThis<"u"?globalThis:h||self,h.StudioSdkPlugins_rteTinyMce=y())})(this,function(){"use strict";const h="app.grapesjs.com",y="app-stage.grapesjs.com",x=[h,y,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],I="license:check:start",M="license:check:end",B=()=>typeof window<"u",G=({isDev:e,isStage:s})=>`${e?"":`https://${s?y:h}`}/api`,_=()=>{const e=B()&&window.location.hostname;return!!e&&(x.includes(e)||x.some(s=>e.endsWith(s)))};async function N({path:e,baseApiUrl:s,method:o="GET",headers:a={},params:l,body:d}){const r=`${s||G({isDev:!1,isStage:!1})}${e}`,n={method:o,headers:{"Content-Type":"application/json",...a}};d&&(n.body=JSON.stringify(d));const i=l?new URLSearchParams(l).toString():"",t=i?`?${i}`:"",c=await fetch(`${r}${t}`,n);if(!c.ok)throw new Error(`HTTP error! status: ${c.status}`);return c.json()}var v=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(v||{}),w=(e=>(e.toastAdd="studio:toastAdd",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.projectFiles="studio:projectFiles",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e))(w||{}),k=(e=>(e.dark="dark",e.light="light",e.auto="auto",e))(k||{});const L={[v.free]:0,[v.startup]:10,[v.business]:20,[v.enterprise]:30};function U(e){const s=e;return s.init=o=>a=>e(a,o),s}const W=e=>U(e);async function j({editor:e,plan:s,pluginName:o,licenseKey:a,cleanup:l}){let d="",u=!1;const r=_(),n=t=>{console.warn("Cleanup plugin:",o,"Reason:",t),l()},i=(t={})=>{var f;const{error:c,sdkLicense:g}=t,p=(f=t.plan)==null?void 0:f.category;if(!(g||t.license)||c)n(c||"Invalid license");else if(p){const O=L[s],P=L[p];O>P&&n({pluginRequiredPlan:s,licensePlan:p})}};e.on(I,t=>{d=t==null?void 0:t.baseApiUrl,u=!0}),e.on(M,t=>{i(t)}),setTimeout(async()=>{if(!u){if(r)return;if(a){const t=await C({licenseKey:a,pluginName:o,baseApiUrl:d});t&&i(t)}else n("The `licenseKey` option not provided")}},2e3)}async function C(e){const{licenseKey:s,pluginName:o,baseApiUrl:a}=e;try{return(await N({baseApiUrl:a,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:o}})).result||{}}catch(l){return console.error("Error during SDK license check:",l),!1}}const $=e=>e.dispatchEvent(new CustomEvent("input"));function F(e,s){if(!s)return()=>{};const o=e.Components.events,a=t=>e.getSelectedAll().includes(t),l=t=>t.isInstanceOf("text")&&!t.isChildOf("text"),d=t=>t.isChildOf("text"),u=t=>e.getEditing()===t,r=(t,c={})=>{t.trigger("focus",c.event)},n=(t,c)=>{a(t)&&l(t)&&!u(t)&&r(t,c)},i=(t,c)=>{if(a(t)&&!l(t)&&d(t)){const g=t.parents().find(p=>p.isInstanceOf("text"));g&&(r(g,c),setTimeout(()=>e.select(g),0))}};return e.on(o.select,n),e.on(o.selectBefore,i),()=>{e.off(o.select,n),e.off(o.selectBefore,i)}}const E=new WeakMap,K=(e,s)=>{E.set(e,s)},q=e=>{E.delete(e)},R=e=>E.get(e),T=e=>{const s=e.target,o=s.closest(".tox"),a=s.matches(".ephox-snooker-resizer-bar");(o||a)&&e.stopPropagation()},A=e=>{e.stopPropagation(),e.preventDefault()},H=(e,s)=>{const o=e.getDoc(),a=e.getWin();if(s!=null&&s.event){const{event:l}=s,{clientX:d,clientY:u}=l;let r;if(o.caretRangeFromPoint)r=o.caretRangeFromPoint(d,u);else if(o.caretPositionFromPoint){const n=o.caretPositionFromPoint(d,u);r=o.createRange(),r==null||r.setStart(n.offsetNode,n.offset)}if(r){const n=a.getSelection();n==null||n.removeAllRanges(),n==null||n.addRange(r),e.selection.setRng(r)}}else e.execCommand("SelectAll")},z=e=>{var i,t;const{el:s,editor:o,componentView:a}=e,l=o.runCommand(w.getStateTheme),d=a.model,u={target:s,inline:!0,skin:(l==null?void 0:l.theme)===k.dark?"oxide-dark":"oxide",menubar:!1,image_advtab:!0,paste_data_images:!0,statusbar:!1,branding:!1,forced_root_block:"div",plugins:"advlist autolink lists link image media table",toolbar_mode:"sliding",toolbar:"bold italic underline strikethrough forecolor backcolor alignleft aligncenter alignright alignjustify link image | fontfamily fontsize bullist numlist outdent indent table"},r=((t=(i=e.pluginOpts)==null?void 0:i.loadConfig)==null?void 0:t.call(i,{config:u,editor:o,componentView:a,component:d}))||{};return{...u,...r}},D=(e,s=document)=>new Promise((o,a)=>{const l=Array.isArray(e)?[...e]:[e],{head:d}=s,u=r=>{if(r.length){const n=s.createElement("script");n.src=r.shift(),n.onload=u.bind(null,r),n.onerror=a,d.appendChild(n)}else o()};u(l)}),S="rteTinyMce";return W(function(e,s={}){const o={cdnScript:"https://cdn.jsdelivr.net/npm/tinymce@6.8.5/tinymce.min.js",...s},{cdnScript:a}=o,l=e.Canvas.events,d=async(n,i)=>{const t=n.ownerDocument,c=t.defaultView,g=i==null?void 0:i.view;if(!c||!g){console.warn("Missing required data",{win:c,componentView:g});return}const p=z({el:n,editor:e,componentView:g,pluginOpts:o}),f=(await c.tinymce.init(p))[0];if(!f)return;const P=(await window.tinymce.init({...p,target:document.createElement("div")}))[0];return f.ui.show(),t.body.addEventListener("mousedown",T),document.body.addEventListener("mousedown",T),f.on("Change",()=>$(n)),f.on("blur",()=>f.ui.show()),f.on("OpenWindow",function(){var m;const b=(m=t.querySelector(".tox-dialog"))==null?void 0:m.closest(".tox");b&&(b==null?void 0:b.ownerDocument)!==document&&(document.body.appendChild(b),f.once("CloseWindow",()=>{b&&b.ownerDocument===document&&t.body.appendChild(b)}))}),n.addEventListener("dragstart",A,{capture:!0}),e.runCommand(w.setStateContextMenu,{enabled:!1}),H(f,i),{rteEditor:f,rteEditorShallow:P}},u=(n,i)=>{n.ownerDocument.body.removeEventListener("mousedown",T),document.body.removeEventListener("mousedown",T),n.removeEventListener("dragstart",A,{capture:!0}),e.runCommand(w.setStateContextMenu,{enabled:!0}),i.rteEditor.destroy(),i.rteEditorShallow.destroy()};e.on(l.frameLoad,async({window:n})=>{D(a,n.document)}),e.onReady(()=>{D(a,document)}),e.setCustomRte({parseContent:!0,async enable(n,i,t){const c=R(n);if(c)return c.rteEditor;const g=await d(n,t);return g&&K(n,g),g==null?void 0:g.rteEditor},disable(n){const i=R(n);i&&(q(n),u(n,i))},getContent(n){var t,c;const i=R(n);return i?(c=(t=i.rteEditor).getContent)==null?void 0:c.call(t):n.innerHTML}});const r=F(e,o.enableOnClick);j({editor:e,licenseKey:o.licenseKey,plan:v.startup,pluginName:S,cleanup:()=>{e.RichTextEditor.customRte=void 0,r()}})})});
+(function(f,p){typeof exports=="object"&&typeof module<"u"?module.exports=p():typeof define=="function"&&define.amd?define(p):(f=typeof globalThis<"u"?globalThis:f||self,f.StudioSdkPlugins_rteTinyMce=p())})(this,function(){"use strict";var f=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(f||{}),p=(t=>(t.toastAdd="studio:toastAdd",t.dialogOpen="studio:dialogOpen",t.dialogClose="studio:dialogClose",t.sidebarLeftSet="studio:sidebarLeft:set",t.sidebarLeftGet="studio:sidebarLeft:get",t.sidebarLeftToggle="studio:sidebarLeft:toggle",t.sidebarRightSet="studio:sidebarRight:set",t.sidebarRightGet="studio:sidebarRight:get",t.sidebarRightToggle="studio:sidebarRight:toggle",t.sidebarTopSet="studio:sidebarTop:set",t.sidebarTopGet="studio:sidebarTop:get",t.sidebarTopToggle="studio:sidebarTop:toggle",t.sidebarBottomSet="studio:sidebarBottom:set",t.sidebarBottomGet="studio:sidebarBottom:get",t.sidebarBottomToggle="studio:sidebarBottom:toggle",t.symbolAdd="studio:symbolAdd",t.symbolDetach="studio:symbolDetach",t.symbolOverride="studio:symbolOverride",t.symbolPropagateStyles="studio:propagateStyles",t.getPagesConfig="studio:getPagesConfig",t.setPagesConfig="studio:setPagesConfig",t.getPageSettings="studio:getPageSettings",t.setPageSettings="studio:setPageSettings",t.projectFiles="studio:projectFiles",t.canvasReload="studio:canvasReload",t.getBlocksPanel="studio:getBlocksPanel",t.setBlocksPanel="studio:setBlocksPanel",t.getStateContextMenu="studio:getStateContextMenu",t.setStateContextMenu="studio:setStateContextMenu",t.contextMenuComponent="studio:contextMenuComponent",t.layoutAdd="studio:layoutAdd",t.layoutRemove="studio:layoutRemove",t.layoutToggle="studio:layoutToggle",t.layoutUpdate="studio:layoutUpdate",t.layoutGet="studio:layoutGet",t.layoutConfigGet="studio:layoutConfigGet",t.layoutConfigSet="studio:layoutConfigSet",t.getStateTheme="studio:getStateTheme",t.setStateTheme="studio:setStateTheme",t.assetProviderGet="studio:assetProviderGet",t.assetProviderAdd="studio:assetProviderAdd",t.assetProviderRemove="studio:assetProviderRemove",t.fontGet="studio:fontGet",t.fontAdd="studio:fontAdd",t.fontRemove="studio:fontRemove",t))(p||{}),k=(t=>(t.dark="dark",t.light="light",t.auto="auto",t))(k||{});const E="app.grapesjs.com",R="app-stage.grapesjs.com",_=[E,R,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],I="license:check:start",M="license:check:end",B=()=>typeof window<"u",C=({isDev:t,isStage:n})=>`${t?"":`https://${n?R:E}`}/api`,G=()=>{const t=B()&&window.location.hostname;return!!t&&(_.includes(t)||_.some(n=>t.endsWith(n)))};async function N({path:t,baseApiUrl:n,method:o="GET",headers:r={},params:c,body:l}){const a=`${n||C({isDev:!1,isStage:!1})}${t}`,i={method:o,headers:{"Content-Type":"application/json",...r}};l&&(i.body=JSON.stringify(l));const u=c?new URLSearchParams(c).toString():"",e=u?`?${u}`:"",s=await fetch(`${a}${e}`,i);if(!s.ok)throw new Error(`HTTP error! status: ${s.status}`);return s.json()}const P={[f.free]:0,[f.startup]:10,[f.business]:20,[f.enterprise]:30};function U(t){const n=t;return n.init=o=>r=>t(r,o),n}const W=t=>U(t);async function j({editor:t,plan:n,pluginName:o,licenseKey:r,cleanup:c}){let l="",g=!1;const a=G(),i=e=>{console.warn("Cleanup plugin:",o,"Reason:",e),c()},u=(e={})=>{var m;const{error:s,sdkLicense:d}=e,b=(m=e.plan)==null?void 0:m.category;if(!(d||e.license)||s)i(s||"Invalid license");else if(b){const D=P[n],x=P[b];D>x&&i({pluginRequiredPlan:n,licensePlan:b})}};t.on(I,e=>{l=e==null?void 0:e.baseApiUrl,g=!0}),t.on(M,e=>{u(e)}),setTimeout(async()=>{if(!g){if(a)return;if(r){const e=await $({licenseKey:r,pluginName:o,baseApiUrl:l});e&&u(e)}else i("The `licenseKey` option not provided")}},2e3)}async function $(t){const{licenseKey:n,pluginName:o,baseApiUrl:r}=t;try{return(await N({baseApiUrl:r,path:`/sdk/${n||"na"}`,method:"POST",params:{d:window.location.hostname,pn:o}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}const F=(t,n,o)=>{const{doc:r=document}=o,c=o.target||r.head,l=c.querySelector(`style[${t}]`)||r.createElement("style");l.setAttribute(t,"true"),l.innerHTML=n,!c.contains(l)&&c.appendChild(l)},K=t=>t.dispatchEvent(new CustomEvent("input"));function q(t,n){if(!n)return()=>{};const o=t.Components.events,r=e=>t.getSelectedAll().includes(e),c=e=>e.isInstanceOf("text")&&!e.isChildOf("text"),l=e=>e.isChildOf("text"),g=e=>t.getEditing()===e,a=(e,s={})=>{e.trigger("focus",s.event)},i=(e,s)=>{r(e)&&c(e)&&!g(e)&&a(e,s)},u=(e,s)=>{if(r(e)&&!c(e)&&l(e)){const d=e.parents().find(b=>b.isInstanceOf("text"));d&&(a(d,s),setTimeout(()=>t.select(d),0))}};return t.on(o.select,i),t.on(o.selectBefore,u),()=>{t.off(o.select,i),t.off(o.selectBefore,u)}}const H=`
+.tox .tox-toolbar,
+.tox .tox-toolbar__overflow,
+.tox .tox-toolbar__primary,
+.tox .tox-menu,
+.tox .tox-dialog,
+.tox .tox-toolbar-overlord,
+.tox .tox-dialog__header,
+.tox .tox-dialog__footer {
+    background-color: var(--gs-theme-cl-glb-bg3);
+    color: var(--gs-theme-cl-glb-txt);
+}
+
+.tox .tox-collection__item,
+.tox .tox-label,
+.tox .tox-toolbar-label {
+    color: var(--gs-theme-cl-glb-txt);
+}
+
+.tox.tox-tinymce-inline .tox-editor-header {
+    border-color: var(--gs-theme-cl-glb-br);
+    background-color: var(--gs-theme-cl-glb-bg3);
+}
+
+.tox .tox-button {
+    background-color: var(--gs-theme-cl-prm-bg1);
+    border-color: var(--gs-theme-cl-prm-bg1);
+}
+
+.tox .tox-button:hover:not(:disabled) {
+    background-color: var(--gs-theme-cl-prm-bgh);
+    border-color: var(--gs-theme-cl-prm-bgh);
+}
+
+.tox .tox-button--secondary {
+    background-color: var(--gs-theme-cl-glb-bg2);
+    border-color: var(--gs-theme-cl-glb-br);
+}
+
+.tox .tox-button--secondary:hover:not(:disabled) {
+    background-color: var(--gs-theme-cl-glb-bgh);
+    border-color: var(--gs-theme-cl-glb-bgh);
+}
+
+.tox .tox-tbtn {
+    color: currentColor;
+}
+
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea,
+.tox .tox-tbtn--bespoke,
+.tox .tox-textarea-wrap .tox-textarea:focus,
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield {
+    background-color: var(--gs-theme-cl-glb-bgh);
+}
+
+.tox .tox-custom-editor:focus-within,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea-wrap:focus-within,
+.tox .tox-textarea:focus,
+.tox .tox-textfield:focus {
+    background-color: var(--gs-theme-cl-glb-bgh);
+    border-color: var(--gs-theme-cl-prm-bg1);
+}
+
+.tox .tox-tbtn:hover,
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover,
+.tox .tox-tbtn:active,
+.tox .tox-tbtn:focus,
+.tox .tox-swatches__picker-btn:hover,
+.tox .tox-collection--list .tox-collection__item--enabled,
+.tox .tox-collection--toolbar .tox-collection__item--enabled,
+.tox .tox-split-button:focus {
+    background-color: var(--gs-theme-cl-prm-bg1);
+    color: var(--gs-theme-cl-prm-txt);
+}
+
+.tox .tox-collection--list .tox-collection__item--active,
+.tox .tox-collection--toolbar .tox-collection__item--active {
+    background-color: var(--gs-theme-cl-prm-bgh);
+    color: var(--gs-theme-cl-prm-txt) !important;
+}
+
+.tox .tox-split-button:hover {
+    box-shadow: 0 0 0 1px var(--gs-theme-cl-glb-bgh) inset;
+}
+
+.tox .tox-dialog__body-nav-item--active {
+    color: var(--gs-theme-cl-prm-bg1);
+    border-color: var(--gs-theme-cl-prm-bg1);
+}
+
+.tox .tox-tbtn svg,
+.tox .tox-tbtn:hover svg {
+    fill: currentColor;
+}
+
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+    background-color: var(--gs-theme-cl-prm-bg1);
+    border-color: var(--gs-theme-cl-prm-bg3);
+    opacity: 0.75;
+}`,w=new WeakMap,S=(t,n)=>{w.set(t,n)},z=t=>{w.delete(t)},T=t=>w.get(t),y=t=>{const n=t.target,o=n.closest(".tox"),r=n.matches(".ephox-snooker-resizer-bar");(o||r)&&t.stopPropagation()},L=t=>{t.stopPropagation(),t.preventDefault()},V=(t,n)=>{const o=t.getDoc(),r=t.getWin();if(n!=null&&n.event){const{event:c}=n,{clientX:l,clientY:g}=c;let a;if(o.caretRangeFromPoint)a=o.caretRangeFromPoint(l,g);else if(o.caretPositionFromPoint){const i=o.caretPositionFromPoint(l,g);a=o.createRange(),a==null||a.setStart(i.offsetNode,i.offset)}if(a){const i=r.getSelection();i==null||i.removeAllRanges(),i==null||i.addRange(a),t.selection.setRng(a)}}else t.execCommand("SelectAll")},J=t=>{var u,e;const{el:n,editor:o,componentView:r}=t,c=o.runCommand(p.getStateTheme),l=r.model,g={target:n,inline:!0,skin:(c==null?void 0:c.theme)===k.dark?"oxide-dark":"oxide",menubar:!1,image_advtab:!0,paste_data_images:!0,statusbar:!1,branding:!1,forced_root_block:"div",plugins:"advlist autolink lists link image media table",toolbar_mode:"sliding",toolbar:"bold italic underline strikethrough forecolor backcolor alignleft aligncenter alignright alignjustify link image | fontfamily fontsize bullist numlist outdent indent table"},a=((e=(u=t.pluginOpts)==null?void 0:u.loadConfig)==null?void 0:e.call(u,{config:g,editor:o,componentView:r,component:l}))||{};return{...g,...a}},A=(t,n=document)=>new Promise((o,r)=>{const c=Array.isArray(t)?[...t]:[t],{head:l}=n,g=a=>{if(a.length){const i=n.createElement("script");i.src=a.shift(),i.onload=g.bind(null,a),i.onerror=r,l.appendChild(i)}else o()};g(c)}),X="rteTinyMce";return W(function(t,n={}){const o={cdnScript:"https://cdn.jsdelivr.net/npm/tinymce@6.8.5/tinymce.min.js",...n},{cdnScript:r}=o,c=t.Canvas.events,l=!o.skipCustomTheme,g="gs-plg-tinymce-studio-theme",a=async(e,s)=>{const d=e.ownerDocument,b=d.defaultView,h=s==null?void 0:s.view;if(!b||!h){console.warn("Missing required data",{win:b,componentView:h});return}const m=J({el:e,editor:t,componentView:h,pluginOpts:o}),x=(await b.tinymce.init(m))[0];if(!x)return;const Y=(await window.tinymce.init({...m,target:document.createElement("div")}))[0];return x.ui.show(),d.body.addEventListener("mousedown",y),document.body.addEventListener("mousedown",y),x.on("Change",()=>K(e)),x.on("blur",()=>x.ui.show()),x.on("OpenWindow",function(){var O;const v=(O=d.querySelector(".tox-dialog"))==null?void 0:O.closest(".tox");v&&(v==null?void 0:v.ownerDocument)!==document&&(document.body.appendChild(v),x.once("CloseWindow",()=>{v&&v.ownerDocument===document&&d.body.appendChild(v)}))}),e.addEventListener("dragstart",L,{capture:!0}),t.runCommand(p.setStateContextMenu,{enabled:!1}),V(x,s),{rteEditor:x,rteEditorShallow:Y}},i=(e,s)=>{e.ownerDocument.body.removeEventListener("mousedown",y),document.body.removeEventListener("mousedown",y),e.removeEventListener("dragstart",L,{capture:!0}),t.runCommand(p.setStateContextMenu,{enabled:!0}),s.rteEditor.destroy(),s.rteEditorShallow.destroy()};t.on(c.frameLoad,async({window:e})=>{const s=e.document;A(r,s)}),t.onReady(()=>{A(r,document),l&&F(g,H,{target:document.body})}),t.setCustomRte({parseContent:!0,async enable(e,s,d){const b=T(e);if(b)return b.rteEditor;const h=await a(e,d);return h&&S(e,h),h==null?void 0:h.rteEditor},disable(e){const s=T(e);s&&(z(e),i(e,s))},getContent(e){var d,b;const s=T(e);return s?(b=(d=s.rteEditor).getContent)==null?void 0:b.call(d):e.innerHTML}});const u=q(t,o.enableOnClick);j({editor:t,licenseKey:o.licenseKey,plan:f.startup,pluginName:X,cleanup:()=>{t.RichTextEditor.customRte=void 0,u()}})})});

package/dist/rteTinyMce/styles.d.ts

@@ -0,0 +1 @@
+export declare const studioTheme = "\n.tox .tox-toolbar,\n.tox .tox-toolbar__overflow,\n.tox .tox-toolbar__primary,\n.tox .tox-menu,\n.tox .tox-dialog,\n.tox .tox-toolbar-overlord,\n.tox .tox-dialog__header,\n.tox .tox-dialog__footer {\n    background-color: var(--gs-theme-cl-glb-bg3);\n    color: var(--gs-theme-cl-glb-txt);\n}\n\n.tox .tox-collection__item,\n.tox .tox-label,\n.tox .tox-toolbar-label {\n    color: var(--gs-theme-cl-glb-txt);\n}\n\n.tox.tox-tinymce-inline .tox-editor-header {\n    border-color: var(--gs-theme-cl-glb-br);\n    background-color: var(--gs-theme-cl-glb-bg3);\n}\n\n.tox .tox-button {\n    background-color: var(--gs-theme-cl-prm-bg1);\n    border-color: var(--gs-theme-cl-prm-bg1);\n}\n\n.tox .tox-button:hover:not(:disabled) {\n    background-color: var(--gs-theme-cl-prm-bgh);\n    border-color: var(--gs-theme-cl-prm-bgh);\n}\n\n.tox .tox-button--secondary {\n    background-color: var(--gs-theme-cl-glb-bg2);\n    border-color: var(--gs-theme-cl-glb-br);\n}\n\n.tox .tox-button--secondary:hover:not(:disabled) {\n    background-color: var(--gs-theme-cl-glb-bgh);\n    border-color: var(--gs-theme-cl-glb-bgh);\n}\n\n.tox .tox-tbtn {\n    color: currentColor;\n}\n\n.tox .tox-listboxfield .tox-listbox--select,\n.tox .tox-textarea,\n.tox .tox-tbtn--bespoke,\n.tox .tox-textarea-wrap .tox-textarea:focus,\n.tox .tox-textfield,\n.tox .tox-toolbar-textfield {\n    background-color: var(--gs-theme-cl-glb-bgh);\n}\n\n.tox .tox-custom-editor:focus-within,\n.tox .tox-listboxfield .tox-listbox--select:focus,\n.tox .tox-textarea-wrap:focus-within,\n.tox .tox-textarea:focus,\n.tox .tox-textfield:focus {\n    background-color: var(--gs-theme-cl-glb-bgh);\n    border-color: var(--gs-theme-cl-prm-bg1);\n}\n\n.tox .tox-tbtn:hover,\n.tox .tox-tbtn--enabled,\n.tox .tox-tbtn--enabled:hover,\n.tox .tox-tbtn:active,\n.tox .tox-tbtn:focus,\n.tox .tox-swatches__picker-btn:hover,\n.tox .tox-collection--list .tox-collection__item--enabled,\n.tox .tox-collection--toolbar .tox-collection__item--enabled,\n.tox .tox-split-button:focus {\n    background-color: var(--gs-theme-cl-prm-bg1);\n    color: var(--gs-theme-cl-prm-txt);\n}\n\n.tox .tox-collection--list .tox-collection__item--active,\n.tox .tox-collection--toolbar .tox-collection__item--active {\n    background-color: var(--gs-theme-cl-prm-bgh);\n    color: var(--gs-theme-cl-prm-txt) !important;\n}\n\n.tox .tox-split-button:hover {\n    box-shadow: 0 0 0 1px var(--gs-theme-cl-glb-bgh) inset;\n}\n\n.tox .tox-dialog__body-nav-item--active {\n    color: var(--gs-theme-cl-prm-bg1);\n    border-color: var(--gs-theme-cl-prm-bg1);\n}\n\n.tox .tox-tbtn svg,\n.tox .tox-tbtn:hover svg {\n    fill: currentColor;\n}\n\n.tox .tox-insert-table-picker .tox-insert-table-picker__selected {\n    background-color: var(--gs-theme-cl-prm-bg1);\n    border-color: var(--gs-theme-cl-prm-bg3);\n    opacity: 0.75;\n}";

package/dist/rteTinyMce/typesSchema.d.ts

@@ -10,6 +10,11 @@ export interface RteTinyMceOptions extends SDKPluginOptions {
      * @default false
      */
     enableOnClick?: boolean;
+    /**
+     * Skip adding custom CSS styles for the toolbar based on the Studio theme.
+     * @default false
+     */
+    skipCustomTheme?: boolean;
     /**
      * Pass your custom configuration to the TinyMCE editor.
      * @examples

package/dist/utils.d.ts

@@ -56,6 +56,11 @@ export declare const getSetupDataFromTraits: (traitProps: StudioPluginTraits, op
  */
 export declare const initSdkPluginTraits: (cmp: Component, traits: StudioPluginTraitProperties[]) => void;
 export declare const updateSubTraits: (cmp: Component, traitId: string) => void;
+export declare const appendStyleLink: (styles: string[], doc?: Document) => void;
+export declare const appendStyle: (id: string, css: string, opts: {
+    doc?: Document;
+    target?: HTMLElement;
+}) => void;
 /**
  * This function allows to move props from kebab-case to camelCase.
  * It's useful when props are added via HTML attributes (eg. data-gjs-my-prop="value") but

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grapesjs/studio-sdk-plugins",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
@@ -12,7 +12,7 @@
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
-  "license": "MIT",
+  "license": "SEE LICENSE IN LICENSE.md",
   "sideEffects": false,
   "scripts": {
     "build": "tsx build",