@wix/ricos 11.20.3 → 11.20.5

package/dist/es/plugin-table/tiptap/decorations/tableHandles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-table/tiptap/decorations/tableHandles.scss"],
-  "sourcesContent": ["var styleDataHash = '39e07687';  \nexport const injectCss = (() => {\n  var css = `.YdfyF{align-items:center;background:#fff;border-radius:1000px;box-shadow:0 0 6px rgba(0,6,36,.05);box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);box-sizing:border-box;color:#000624;cursor:pointer;display:flex;justify-content:center;outline:1px solid rgba(0,6,36,.302);transition:color .15s ease,background-color .15s ease;z-index:2100}.YdfyF: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}.YdfyF: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}.YdfyF.Orq2a{background:#116dff;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline:none;transition:color .15s ease,background-color .15s ease}.YdfyF.Orq2a:hover{background:#0f62e6;color:#fff}.YdfyF.Orq2a:active{background:#084ebd;color:#fff}.YdfyF svg{display:block}._4vciS{height:18px;padding:0 12px;pointer-events:auto;position:absolute;top:0;transform:translate(-50%,-50%);width:42px}._4vciS.Orq2a{cursor:grab}._4vciS.Orq2a:active{cursor:grabbing}.VZ4fj{height:42px;left:0;padding:12px 0;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:18px}.VZ4fj.Orq2a{cursor:grab}.VZ4fj.Orq2a:active{cursor:grabbing}.XsHYd{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:50%;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);box-sizing:border-box;color:#000624;cursor:grab;display:flex;height:24px;justify-content:center;padding:0;transition:background-color .15s ease,border-color .15s ease;width:24px}.XsHYd:hover{background:#f4f5f5;border-color:#c1c7cd}.XsHYd:active{background:#e7e9ea;border-color:#a8adb3;cursor:grabbing}.XsHYd svg{display:block}.YvZz2{background:transparent;border:none;box-shadow:none;cursor:default;height:24px;opacity:0;width:24px}.EJtc0{align-items:center;background:#fff;border-radius:1000px;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05),0 1px 1px -1.5px rgba(0,6,36,0),1px 4px 4px 0 rgba(0,6,36,0);box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);box-sizing:border-box;color:#000624;cursor:pointer;display:flex;justify-content:center;outline:1px solid rgba(0,6,36,.302);transition:color .15s ease,background-color .15s ease}.EJtc0: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}.EJtc0: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}.EJtc0 svg{display:block;flex-shrink:0;height:18px;min-height:18px;min-width:18px;width:18px}.UE7Zv{height:18px;width:100%}.vydQq{height:100%;width:18px}`;\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  \"tableHandle\": \"YdfyF\",\n  \"selected\": \"Orq2a\",\n  \"columnHandle\": \"_4vciS YdfyF\",\n  \"rowHandle\": \"VZ4fj YdfyF\",\n  \"tableSelector\": \"XsHYd\",\n  \"tableSelectorAnchor\": \"YvZz2\",\n  \"addButton\": \"EJtc0\",\n  \"addRowButton\": \"UE7Zv EJtc0\",\n  \"addColButton\": \"vydQq EJtc0\"\n};"],
+  "sourcesContent": ["var styleDataHash = '59b866f5';  \nexport const injectCss = (() => {\n  var css = `._8b7Z-{align-items:center;background:#fff;border-radius:1000px;box-shadow:0 0 6px rgba(0,6,36,.05);box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);box-sizing:border-box;color:#000624;cursor:pointer;display:flex;justify-content:center;outline:1px solid rgba(0,6,36,.302);transition:color .15s ease,background-color .15s ease;z-index:2100}._8b7Z-: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}._8b7Z-: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}._8b7Z-.SxMVA{background:#116dff;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline:none;transition:color .15s ease,background-color .15s ease}._8b7Z-.SxMVA:hover{background:#0f62e6;color:#fff}._8b7Z-.SxMVA:active{background:#084ebd;color:#fff}._8b7Z- svg{display:block}.EJvcn{height:18px;padding:0 12px;pointer-events:auto;position:absolute;top:0;transform:translate(-50%,-50%);width:42px}.EJvcn.SxMVA{cursor:grab}.EJvcn.SxMVA:active{cursor:grabbing}.melS8{height:42px;left:0;padding:12px 0;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:18px}.melS8.SxMVA{cursor:grab}.melS8.SxMVA:active{cursor:grabbing}.sol-S{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:50%;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);box-sizing:border-box;color:#000624;cursor:grab;display:flex;height:24px;justify-content:center;padding:0;transition:background-color .15s ease,border-color .15s ease;width:24px}.sol-S:hover{background:#f4f5f5;border-color:#c1c7cd}.sol-S:active{background:#e7e9ea;border-color:#a8adb3;cursor:grabbing}.sol-S svg{display:block}._8-OoG{background:transparent;border:none;box-shadow:none;cursor:default;height:24px;opacity:0;width:24px}._8Aj5l{align-items:center;background:#fff;border-radius:1000px;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05),0 1px 1px -1.5px rgba(0,6,36,0),1px 4px 4px 0 rgba(0,6,36,0);box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);box-sizing:border-box;color:#000624;cursor:pointer;display:flex;justify-content:center;outline:1px solid rgba(0,6,36,.302);transition:color .15s ease,background-color .15s ease}._8Aj5l: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}._8Aj5l: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}._8Aj5l svg{display:block;flex-shrink:0;height:18px;min-height:18px;min-width:18px;width:18px}.GHaIb{height:18px;width:100%}.nBg0q{height:100%;width:18px}`;\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  \"tableHandle\": \"_8b7Z-\",\n  \"selected\": \"SxMVA\",\n  \"columnHandle\": \"EJvcn _8b7Z-\",\n  \"rowHandle\": \"melS8 _8b7Z-\",\n  \"tableSelector\": \"sol-S\",\n  \"tableSelectorAnchor\": \"_8-OoG\",\n  \"addButton\": \"_8Aj5l\",\n  \"addRowButton\": \"GHaIb _8Aj5l\",\n  \"addColButton\": \"nBg0q _8Aj5l\"\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,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAClB;",
   "names": []
 }

package/dist/es/plugin-table/tiptap/plugins/table-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "48541f43";
+var styleDataHash = "ca046d5b";
 const injectCss = (() => {
-  var css = `._0DxLH{position:absolute;z-index:2000}._0DxLH.SOvCC{cursor:col-resize;height:20px;right:0;top:0;width:5px}._0DxLH.SOvCC:hover{border-right:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}._0DxLH.RT4TC{bottom:0;left:0}._0DxLH.RT4TC:not(.Nu-GT){cursor:row-resize;height:5px;width:20px}._0DxLH.RT4TC:not(.Nu-GT):hover{border-bottom:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}@keyframes dcGAv{0%{opacity:0}to{opacity:1}}.IW3hz{overflow:visible;pointer-events:none;position:absolute;z-index:2000}.grR4w{cursor:col-resize;pointer-events:auto;position:absolute}.grR4w:before{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));bottom:0;content:"";left:50%;margin-left:-1.5px;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .15s ease-in-out;width:3px}.grR4w.VfxSe:before,.grR4w._97oF0:before,.grR4w:hover:before{opacity:1}.grR4w._97oF0:before{transition:none}.grR4w[data-table-edge=right]:before{left:auto;margin-left:0;right:0}._7sAnN{cursor:row-resize;pointer-events:auto;position:absolute}._7sAnN:before{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));content:"";height:3px;left:0;margin-top:-1.5px;opacity:0;pointer-events:none;position:absolute;right:0;top:50%;transition:opacity .15s ease-in-out}._7sAnN.VfxSe:before,._7sAnN._97oF0:before,._7sAnN:hover:before{opacity:1}._7sAnN._97oF0:before{transition:none}._7sAnN[data-table-edge=bottom]:before{bottom:0;margin-top:0;top:auto}.byQez{animation:dcGAv .15s ease-in-out;background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));bottom:calc(var(--ricos-internal-table-gap, 2px)*-.5);pointer-events:none;position:absolute;right:calc(-2px - var(--ricos-internal-table-gap, 0px)*.5);top:calc(var(--ricos-internal-table-gap, 2px)*-.5);width:3px;z-index:2000}.xf-5d{animation:dcGAv .15s ease-in-out;background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));bottom:calc(-2px - var(--ricos-internal-table-gap, 0px)*.5);height:3px;left:calc(var(--ricos-internal-table-gap, 2px)*-.5);pointer-events:none;position:absolute;right:calc(var(--ricos-internal-table-gap, 2px)*-.5);z-index:2000}.Q8ann tr{height:auto!important}.NPBlB{cursor:grabbing!important}.NPBlB *{cursor:grabbing!important}._37QwX{cursor:grabbing!important}._37QwX *{cursor:grabbing!important}.WK3vd{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));border-radius:2px;bottom:0;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:3px;z-index:2100}.Wv3TT{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));border-radius:2px;height:3px;left:0;pointer-events:none;position:absolute;right:0;transform:translateY(-50%);z-index:2100}._1AcB9{background-color:rgba(17,109,255,.15);border:2px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));border-radius:4px;box-sizing:border-box;pointer-events:none;z-index:2050}.z96R8{--ricos-internal-table-border-color:var(--ricos-custom-table-border-color,rgba(var(--ricos-text-color-tuple,33,33,33),0.2));--table-handle-gap:12px;--table-selection-handle-space:10px;--table-add-button-size:18px;--table-vertical-padding:16px;clear:both;overflow:visible;padding:0;position:relative;width:100%}@supports (color:rgb(from #000 r g b/0.1)){.z96R8{--ricos-internal-table-border-color:var(--ricos-custom-table-border-color,rgb(from var(--ricos-text-color,#212121) r g b/0.2))}}._6uvPi{margin-bottom:max(0px,16px - var(--table-border-bottom,1px));margin-left:4px;margin-right:3px;overflow-x:auto;overflow-y:hidden;padding:max(16px,var(--table-border-top,0px)) max(3px,var(--table-border-right,0px),var(--ricos-internal-table-gap,0px) * .5) var(--table-border-bottom,1px) max(10px,var(--table-border-left,0px),var(--ricos-internal-table-gap,0px) * .5);position:relative}[data-breakout] ._6uvPi{margin-left:calc(max(10px, var(--table-border-left, 0px), var(--ricos-internal-table-gap, 0px) * .5)*-1 + var(--table-border-left, 0px))}._6uvPi::-webkit-scrollbar{-webkit-appearance:none;height:10px}._6uvPi::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid #fff;border-radius:8px}.E-mo4{align-items:center;display:none;padding-left:16px;pointer-events:none;position:absolute;right:4px;z-index:2100}.E-mo4>*{pointer-events:auto}.Xwn27{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.Xwn27>*{pointer-events:auto}.XCdzn{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.XCdzn>*{pointer-events:auto}.amjIb .E-mo4,.amjIb .XCdzn,.amjIb .Xwn27{display:flex}.xQibV{position:relative}._6uvPi table{border-collapse:collapse;isolation:isolate;min-width:100%;position:relative;table-layout:fixed;width:100%}._6uvPi table th{background-color:var(--ricos-custom-table-background-color,rgba(var(--ricos-text-color-tuple,33,33,33),.04))}@supports (color:rgb(from #000 r g b/0.1)){._6uvPi table th{background-color:var(--ricos-custom-table-background-color,rgb(from var(--ricos-text-color,#212121) r g b/.04))}}._6uvPi table td,._6uvPi table th{border:none;box-sizing:border-box;cursor:default;padding:0;position:relative;text-align:initial;vertical-align:top}._6uvPi table td .BJ-da,._6uvPi table th .BJ-da{overflow:hidden;padding:var(--ricos-internal-table-cell-padding-top,10px) var(--ricos-internal-table-cell-padding-right,10px) var(--ricos-internal-table-cell-padding-bottom,10px) var(--ricos-internal-table-cell-padding-left,10px)}._6uvPi table td .BJ-da>*,._6uvPi table th .BJ-da>*{cursor:auto}._6uvPi table .IRgO6{background-color:var(--ricos-table-cell-background-color-preview)!important}._6uvPi table .IRgO6 .BJ-da{position:relative;z-index:1}._6uvPi table pre{margin-inline:0}.OteQn:after,.t0AWC:after{content:"";inset:.75px;outline:1.5px solid #116dff!important;pointer-events:none;position:absolute;z-index:var(--ricos-table-selection-overlay-z,2000)}.t0AWC:after{background-color:var(--ricos-table-preview-selection-color,rgba(var(--ricos-settings-action-color-tuple,var(--ricos-action-color-tuple,2,97,255)),.2))}@supports (color:rgb(from #000 r g b/0.1)){.t0AWC:after{background-color:var(--ricos-table-preview-selection-color,rgb(from var(--ricos-settings-action-color,var(--ricos-action-color,#116dff)) r g b/.2))}}._6uvPi table td,._6uvPi table th{background-clip:padding-box;border-bottom:0 solid transparent;border-left:0 solid transparent;border-left-width:var(--ricos-internal-table-gap,0);border-right:0 solid transparent;border-top:0 solid transparent;border-top-width:var(--ricos-internal-table-gap,0)}._6uvPi table ._0DGWT{background-color:var(--bt-c,transparent);height:var(--bt-w,0);left:var(--bt-es,0);pointer-events:none;position:absolute;right:var(--bt-ee,0);top:calc(var(--bt-w, 0px)/-2);z-index:var(--bt-z,1)}._6uvPi table .oCsVk{background-color:var(--bb-c,transparent);bottom:calc(var(--bb-w, 0px)/-2);height:var(--bb-w,0);left:var(--bb-es,0);pointer-events:none;position:absolute;right:var(--bb-ee,0);z-index:var(--bb-z,1)}._6uvPi table .ai1bo{background-color:var(--bl-c,transparent);bottom:var(--bl-ee,0);left:calc(var(--bl-w, 0px)/-2);pointer-events:none;position:absolute;top:var(--bl-es,0);width:var(--bl-w,0);z-index:var(--bl-z,1)}._6uvPi table .ziJSn{background-color:var(--br-c,transparent);bottom:var(--br-ee,0);pointer-events:none;position:absolute;right:calc(var(--br-w, 0px)/-2);top:var(--br-es,0);width:var(--br-w,0);z-index:var(--br-z,1)}._6uvPi table td[data-visual-col="0"],._6uvPi table th[data-visual-col="0"]{border-left-width:0}._6uvPi table td[data-visual-row="0"],._6uvPi table th[data-visual-row="0"]{border-top-width:0}[dir=rtl] ._6uvPi table ._0DGWT{left:var(--bt-ee,0);right:var(--bt-es,0)}[dir=rtl] ._6uvPi table .oCsVk{left:var(--bb-ee,0);right:var(--bb-es,0)}[dir=rtl] ._6uvPi table .ai1bo{left:unset;right:calc(var(--bl-w, 0px)/-2)}[dir=rtl] ._6uvPi table .ziJSn{left:calc(var(--br-w, 0px)/-2);right:unset}[dir=rtl] ._6uvPi table td,[dir=rtl] ._6uvPi table th{border-left-width:0;border-right-width:var(--ricos-internal-table-gap,0)}[dir=rtl] ._6uvPi table td[data-visual-col="0"],[dir=rtl] ._6uvPi table th[data-visual-col="0"]{border-right-width:0}`;
+  var css = `.pK1WB{position:absolute;z-index:2000}.pK1WB.ha43c{cursor:col-resize;height:20px;right:0;top:0;width:5px}.pK1WB.ha43c:hover{border-right:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}.pK1WB.BKblw{bottom:0;left:0}.pK1WB.BKblw:not(.Lch10){cursor:row-resize;height:5px;width:20px}.pK1WB.BKblw:not(.Lch10):hover{border-bottom:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}@keyframes pTn-a{0%{opacity:0}to{opacity:1}}.FGRot{overflow:visible;pointer-events:none;position:absolute;z-index:2000}._5ra-K{cursor:col-resize;pointer-events:auto;position:absolute}._5ra-K:before{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));bottom:0;content:"";left:50%;margin-left:-1.5px;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .15s ease-in-out;width:3px}._5ra-K.CzFRG:before,._5ra-K.sKp9U:before,._5ra-K:hover:before{opacity:1}._5ra-K.sKp9U:before{transition:none}._5ra-K[data-table-edge=right]:before{left:auto;margin-left:0;right:0}.bdrTq{cursor:row-resize;pointer-events:auto;position:absolute}.bdrTq:before{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));content:"";height:3px;left:0;margin-top:-1.5px;opacity:0;pointer-events:none;position:absolute;right:0;top:50%;transition:opacity .15s ease-in-out}.bdrTq.CzFRG:before,.bdrTq.sKp9U:before,.bdrTq:hover:before{opacity:1}.bdrTq.sKp9U:before{transition:none}.bdrTq[data-table-edge=bottom]:before{bottom:0;margin-top:0;top:auto}.eJ1fZ{animation:pTn-a .15s ease-in-out;background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));bottom:calc(var(--ricos-internal-table-gap, 2px)*-.5);pointer-events:none;position:absolute;right:calc(-2px - var(--ricos-internal-table-gap, 0px)*.5);top:calc(var(--ricos-internal-table-gap, 2px)*-.5);width:3px;z-index:2000}.pQRqD{animation:pTn-a .15s ease-in-out;background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));bottom:calc(-2px - var(--ricos-internal-table-gap, 0px)*.5);height:3px;left:calc(var(--ricos-internal-table-gap, 2px)*-.5);pointer-events:none;position:absolute;right:calc(var(--ricos-internal-table-gap, 2px)*-.5);z-index:2000}.JperE tr{height:auto!important}.Rzrb0{cursor:grabbing!important}.Rzrb0 *{cursor:grabbing!important}._7glY7{cursor:grabbing!important}._7glY7 *{cursor:grabbing!important}.mLbQp{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));border-radius:2px;bottom:0;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:3px;z-index:2100}.lCft3{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));border-radius:2px;height:3px;left:0;pointer-events:none;position:absolute;right:0;transform:translateY(-50%);z-index:2100}.Kq8my{background-color:rgba(17,109,255,.15);border:2px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));border-radius:4px;box-sizing:border-box;pointer-events:none;z-index:2050}.Igonw{--ricos-internal-table-border-color:var(--ricos-custom-table-border-color,rgba(var(--ricos-text-color-tuple,33,33,33),0.2));--table-handle-gap:12px;--table-selection-handle-space:10px;--table-add-button-size:18px;--table-vertical-padding:16px;clear:both;overflow:visible;padding:0;position:relative;width:100%}@supports (color:rgb(from #000 r g b/0.1)){.Igonw{--ricos-internal-table-border-color:var(--ricos-custom-table-border-color,rgb(from var(--ricos-text-color,#212121) r g b/0.2))}}.aoBj6{margin-bottom:max(0px,16px - var(--table-border-bottom,1px));margin-left:4px;margin-right:3px;overflow-x:auto;overflow-y:hidden;padding:max(16px,var(--table-border-top,0px)) max(3px,var(--table-border-right,0px),var(--ricos-internal-table-gap,0px) * .5) var(--table-border-bottom,1px) max(10px,var(--table-border-left,0px),var(--ricos-internal-table-gap,0px) * .5);position:relative}[data-breakout] .aoBj6{margin-left:calc(max(10px, var(--table-border-left, 0px), var(--ricos-internal-table-gap, 0px) * .5)*-1 + var(--table-border-left, 0px))}.aoBj6::-webkit-scrollbar{-webkit-appearance:none;height:10px}.aoBj6::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid #fff;border-radius:8px}.iqnlj{align-items:center;display:none;padding-left:16px;pointer-events:none;position:absolute;right:4px;z-index:2100}.iqnlj>*{pointer-events:auto}.cZP1-{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.cZP1->*{pointer-events:auto}.FPvkx{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.FPvkx>*{pointer-events:auto}.N8x9V .FPvkx,.N8x9V .cZP1-,.N8x9V .iqnlj{display:flex}._44ihJ{position:relative}.aoBj6 table{border-collapse:collapse;isolation:isolate;min-width:100%;position:relative;table-layout:fixed;width:100%}.aoBj6 table th{background-color:var(--ricos-custom-table-background-color,rgba(var(--ricos-text-color-tuple,33,33,33),.04))}@supports (color:rgb(from #000 r g b/0.1)){.aoBj6 table th{background-color:var(--ricos-custom-table-background-color,rgb(from var(--ricos-text-color,#212121) r g b/.04))}}.aoBj6 table td,.aoBj6 table th{border:none;box-sizing:border-box;cursor:default;padding:0;position:relative;text-align:initial;vertical-align:top}.aoBj6 table td ._5y33p,.aoBj6 table th ._5y33p{overflow:hidden;padding:var(--ricos-internal-table-cell-padding-top,10px) var(--ricos-internal-table-cell-padding-right,10px) var(--ricos-internal-table-cell-padding-bottom,10px) var(--ricos-internal-table-cell-padding-left,10px)}.aoBj6 table td ._5y33p>*,.aoBj6 table th ._5y33p>*{cursor:auto}.aoBj6 table .NvEMV{background-color:var(--ricos-table-cell-background-color-preview)!important}.aoBj6 table .NvEMV ._5y33p{position:relative;z-index:1}.aoBj6 table pre{margin-inline:0}.lXM-L:after,.m3rJ3:after{content:"";inset:.75px;outline:1.5px solid #116dff!important;pointer-events:none;position:absolute;z-index:var(--ricos-table-selection-overlay-z,2000)}.lXM-L:after{background-color:var(--ricos-table-preview-selection-color,rgba(var(--ricos-settings-action-color-tuple,var(--ricos-action-color-tuple,2,97,255)),.2))}@supports (color:rgb(from #000 r g b/0.1)){.lXM-L:after{background-color:var(--ricos-table-preview-selection-color,rgb(from var(--ricos-settings-action-color,var(--ricos-action-color,#116dff)) r g b/.2))}}.aoBj6 table td,.aoBj6 table th{background-clip:padding-box;border-bottom:0 solid transparent;border-left:0 solid transparent;border-left-width:var(--ricos-internal-table-gap,0);border-right:0 solid transparent;border-top:0 solid transparent;border-top-width:var(--ricos-internal-table-gap,0)}.aoBj6 table .e-27V{background-color:var(--bt-c,transparent);height:var(--bt-w,0);left:var(--bt-es,0);pointer-events:none;position:absolute;right:var(--bt-ee,0);top:calc(var(--bt-w, 0px)/-2);z-index:var(--bt-z,1)}.aoBj6 table .rKVIu{background-color:var(--bb-c,transparent);bottom:calc(var(--bb-w, 0px)/-2);height:var(--bb-w,0);left:var(--bb-es,0);pointer-events:none;position:absolute;right:var(--bb-ee,0);z-index:var(--bb-z,1)}.aoBj6 table .qIHi4{background-color:var(--bl-c,transparent);bottom:var(--bl-ee,0);left:calc(var(--bl-w, 0px)/-2);pointer-events:none;position:absolute;top:var(--bl-es,0);width:var(--bl-w,0);z-index:var(--bl-z,1)}.aoBj6 table .CXRfS{background-color:var(--br-c,transparent);bottom:var(--br-ee,0);pointer-events:none;position:absolute;right:calc(var(--br-w, 0px)/-2);top:var(--br-es,0);width:var(--br-w,0);z-index:var(--br-z,1)}.aoBj6 table td[data-visual-col="0"],.aoBj6 table th[data-visual-col="0"]{border-left-width:0}.aoBj6 table td[data-visual-row="0"],.aoBj6 table th[data-visual-row="0"]{border-top-width:0}[dir=rtl] .aoBj6 table .e-27V{left:var(--bt-ee,0);right:var(--bt-es,0)}[dir=rtl] .aoBj6 table .rKVIu{left:var(--bb-ee,0);right:var(--bb-es,0)}[dir=rtl] .aoBj6 table .qIHi4{left:unset;right:calc(var(--bl-w, 0px)/-2)}[dir=rtl] .aoBj6 table .CXRfS{left:calc(var(--br-w, 0px)/-2);right:unset}[dir=rtl] .aoBj6 table td,[dir=rtl] .aoBj6 table th{border-left-width:0;border-right-width:var(--ricos-internal-table-gap,0)}[dir=rtl] .aoBj6 table td[data-visual-col="0"],[dir=rtl] .aoBj6 table th[data-visual-col="0"]{border-right-width:0}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,39 +21,39 @@ const injectCss = (() => {
 });
 injectCss();
 var table_default = {
-  "resizer": "_0DxLH",
-  "horizonResizer": "SOvCC",
-  "verticalResizer": "RT4TC",
-  "highlightOnly": "Nu-GT",
-  "resizeOverlay": "IW3hz",
-  "columnResizeHitZone": "grR4w",
-  "peerHovered": "VfxSe",
-  "active": "_97oF0",
-  "rowResizeHitZone": "_7sAnN",
-  "columnResizeHandle": "byQez",
-  "resizeHandleFadeIn": "dcGAv",
-  "rowResizeHandle": "xf-5d",
-  "measuringRowHeight": "Q8ann",
-  "reorderCursorCol": "NPBlB",
-  "reorderCursorRow": "_37QwX",
-  "columnDropIndicator": "WK3vd",
-  "rowDropIndicator": "Wv3TT",
-  "dragGhost": "_1AcB9",
-  "tableContainer": "z96R8",
-  "tableViewport": "_6uvPi",
-  "addColBar": "E-mo4",
-  "addRowBar": "Xwn27",
-  "tableSelectorBar": "XCdzn",
-  "tableContainerFocused": "amjIb",
-  "tableWrapper": "xQibV",
-  "cell": "BJ-da",
-  "backgroundColorPreview": "IRgO6",
-  "selectedCells": "t0AWC",
-  "selectedCell": "OteQn",
-  "borderTop": "_0DGWT",
-  "borderBottom": "oCsVk",
-  "borderLeft": "ai1bo",
-  "borderRight": "ziJSn"
+  "resizer": "pK1WB",
+  "horizonResizer": "ha43c",
+  "verticalResizer": "BKblw",
+  "highlightOnly": "Lch10",
+  "resizeOverlay": "FGRot",
+  "columnResizeHitZone": "_5ra-K",
+  "peerHovered": "CzFRG",
+  "active": "sKp9U",
+  "rowResizeHitZone": "bdrTq",
+  "columnResizeHandle": "eJ1fZ",
+  "resizeHandleFadeIn": "pTn-a",
+  "rowResizeHandle": "pQRqD",
+  "measuringRowHeight": "JperE",
+  "reorderCursorCol": "Rzrb0",
+  "reorderCursorRow": "_7glY7",
+  "columnDropIndicator": "mLbQp",
+  "rowDropIndicator": "lCft3",
+  "dragGhost": "Kq8my",
+  "tableContainer": "Igonw",
+  "tableViewport": "aoBj6",
+  "addColBar": "iqnlj",
+  "addRowBar": "cZP1-",
+  "tableSelectorBar": "FPvkx",
+  "tableContainerFocused": "N8x9V",
+  "tableWrapper": "_44ihJ",
+  "cell": "_5y33p",
+  "backgroundColorPreview": "NvEMV",
+  "selectedCells": "lXM-L",
+  "selectedCell": "m3rJ3",
+  "borderTop": "e-27V",
+  "borderBottom": "rKVIu",
+  "borderLeft": "qIHi4",
+  "borderRight": "CXRfS"
 };
 export {
   table_default as default,

package/dist/es/plugin-table/tiptap/plugins/table-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-table/tiptap/plugins/table.scss"],
-  "sourcesContent": ["var styleDataHash = '48541f43';  \nexport const injectCss = (() => {\n  var css = `._0DxLH{position:absolute;z-index:2000}._0DxLH.SOvCC{cursor:col-resize;height:20px;right:0;top:0;width:5px}._0DxLH.SOvCC:hover{border-right:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}._0DxLH.RT4TC{bottom:0;left:0}._0DxLH.RT4TC:not(.Nu-GT){cursor:row-resize;height:5px;width:20px}._0DxLH.RT4TC:not(.Nu-GT):hover{border-bottom:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}@keyframes dcGAv{0%{opacity:0}to{opacity:1}}.IW3hz{overflow:visible;pointer-events:none;position:absolute;z-index:2000}.grR4w{cursor:col-resize;pointer-events:auto;position:absolute}.grR4w:before{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));bottom:0;content:\"\";left:50%;margin-left:-1.5px;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .15s ease-in-out;width:3px}.grR4w.VfxSe:before,.grR4w._97oF0:before,.grR4w:hover:before{opacity:1}.grR4w._97oF0:before{transition:none}.grR4w[data-table-edge=right]:before{left:auto;margin-left:0;right:0}._7sAnN{cursor:row-resize;pointer-events:auto;position:absolute}._7sAnN:before{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));content:\"\";height:3px;left:0;margin-top:-1.5px;opacity:0;pointer-events:none;position:absolute;right:0;top:50%;transition:opacity .15s ease-in-out}._7sAnN.VfxSe:before,._7sAnN._97oF0:before,._7sAnN:hover:before{opacity:1}._7sAnN._97oF0:before{transition:none}._7sAnN[data-table-edge=bottom]:before{bottom:0;margin-top:0;top:auto}.byQez{animation:dcGAv .15s ease-in-out;background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));bottom:calc(var(--ricos-internal-table-gap, 2px)*-.5);pointer-events:none;position:absolute;right:calc(-2px - var(--ricos-internal-table-gap, 0px)*.5);top:calc(var(--ricos-internal-table-gap, 2px)*-.5);width:3px;z-index:2000}.xf-5d{animation:dcGAv .15s ease-in-out;background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));bottom:calc(-2px - var(--ricos-internal-table-gap, 0px)*.5);height:3px;left:calc(var(--ricos-internal-table-gap, 2px)*-.5);pointer-events:none;position:absolute;right:calc(var(--ricos-internal-table-gap, 2px)*-.5);z-index:2000}.Q8ann tr{height:auto!important}.NPBlB{cursor:grabbing!important}.NPBlB *{cursor:grabbing!important}._37QwX{cursor:grabbing!important}._37QwX *{cursor:grabbing!important}.WK3vd{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));border-radius:2px;bottom:0;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:3px;z-index:2100}.Wv3TT{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));border-radius:2px;height:3px;left:0;pointer-events:none;position:absolute;right:0;transform:translateY(-50%);z-index:2100}._1AcB9{background-color:rgba(17,109,255,.15);border:2px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));border-radius:4px;box-sizing:border-box;pointer-events:none;z-index:2050}.z96R8{--ricos-internal-table-border-color:var(--ricos-custom-table-border-color,rgba(var(--ricos-text-color-tuple,33,33,33),0.2));--table-handle-gap:12px;--table-selection-handle-space:10px;--table-add-button-size:18px;--table-vertical-padding:16px;clear:both;overflow:visible;padding:0;position:relative;width:100%}@supports (color:rgb(from #000 r g b/0.1)){.z96R8{--ricos-internal-table-border-color:var(--ricos-custom-table-border-color,rgb(from var(--ricos-text-color,#212121) r g b/0.2))}}._6uvPi{margin-bottom:max(0px,16px - var(--table-border-bottom,1px));margin-left:4px;margin-right:3px;overflow-x:auto;overflow-y:hidden;padding:max(16px,var(--table-border-top,0px)) max(3px,var(--table-border-right,0px),var(--ricos-internal-table-gap,0px) * .5) var(--table-border-bottom,1px) max(10px,var(--table-border-left,0px),var(--ricos-internal-table-gap,0px) * .5);position:relative}[data-breakout] ._6uvPi{margin-left:calc(max(10px, var(--table-border-left, 0px), var(--ricos-internal-table-gap, 0px) * .5)*-1 + var(--table-border-left, 0px))}._6uvPi::-webkit-scrollbar{-webkit-appearance:none;height:10px}._6uvPi::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid #fff;border-radius:8px}.E-mo4{align-items:center;display:none;padding-left:16px;pointer-events:none;position:absolute;right:4px;z-index:2100}.E-mo4>*{pointer-events:auto}.Xwn27{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.Xwn27>*{pointer-events:auto}.XCdzn{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.XCdzn>*{pointer-events:auto}.amjIb .E-mo4,.amjIb .XCdzn,.amjIb .Xwn27{display:flex}.xQibV{position:relative}._6uvPi table{border-collapse:collapse;isolation:isolate;min-width:100%;position:relative;table-layout:fixed;width:100%}._6uvPi table th{background-color:var(--ricos-custom-table-background-color,rgba(var(--ricos-text-color-tuple,33,33,33),.04))}@supports (color:rgb(from #000 r g b/0.1)){._6uvPi table th{background-color:var(--ricos-custom-table-background-color,rgb(from var(--ricos-text-color,#212121) r g b/.04))}}._6uvPi table td,._6uvPi table th{border:none;box-sizing:border-box;cursor:default;padding:0;position:relative;text-align:initial;vertical-align:top}._6uvPi table td .BJ-da,._6uvPi table th .BJ-da{overflow:hidden;padding:var(--ricos-internal-table-cell-padding-top,10px) var(--ricos-internal-table-cell-padding-right,10px) var(--ricos-internal-table-cell-padding-bottom,10px) var(--ricos-internal-table-cell-padding-left,10px)}._6uvPi table td .BJ-da>*,._6uvPi table th .BJ-da>*{cursor:auto}._6uvPi table .IRgO6{background-color:var(--ricos-table-cell-background-color-preview)!important}._6uvPi table .IRgO6 .BJ-da{position:relative;z-index:1}._6uvPi table pre{margin-inline:0}.OteQn:after,.t0AWC:after{content:\"\";inset:.75px;outline:1.5px solid #116dff!important;pointer-events:none;position:absolute;z-index:var(--ricos-table-selection-overlay-z,2000)}.t0AWC:after{background-color:var(--ricos-table-preview-selection-color,rgba(var(--ricos-settings-action-color-tuple,var(--ricos-action-color-tuple,2,97,255)),.2))}@supports (color:rgb(from #000 r g b/0.1)){.t0AWC:after{background-color:var(--ricos-table-preview-selection-color,rgb(from var(--ricos-settings-action-color,var(--ricos-action-color,#116dff)) r g b/.2))}}._6uvPi table td,._6uvPi table th{background-clip:padding-box;border-bottom:0 solid transparent;border-left:0 solid transparent;border-left-width:var(--ricos-internal-table-gap,0);border-right:0 solid transparent;border-top:0 solid transparent;border-top-width:var(--ricos-internal-table-gap,0)}._6uvPi table ._0DGWT{background-color:var(--bt-c,transparent);height:var(--bt-w,0);left:var(--bt-es,0);pointer-events:none;position:absolute;right:var(--bt-ee,0);top:calc(var(--bt-w, 0px)/-2);z-index:var(--bt-z,1)}._6uvPi table .oCsVk{background-color:var(--bb-c,transparent);bottom:calc(var(--bb-w, 0px)/-2);height:var(--bb-w,0);left:var(--bb-es,0);pointer-events:none;position:absolute;right:var(--bb-ee,0);z-index:var(--bb-z,1)}._6uvPi table .ai1bo{background-color:var(--bl-c,transparent);bottom:var(--bl-ee,0);left:calc(var(--bl-w, 0px)/-2);pointer-events:none;position:absolute;top:var(--bl-es,0);width:var(--bl-w,0);z-index:var(--bl-z,1)}._6uvPi table .ziJSn{background-color:var(--br-c,transparent);bottom:var(--br-ee,0);pointer-events:none;position:absolute;right:calc(var(--br-w, 0px)/-2);top:var(--br-es,0);width:var(--br-w,0);z-index:var(--br-z,1)}._6uvPi table td[data-visual-col=\"0\"],._6uvPi table th[data-visual-col=\"0\"]{border-left-width:0}._6uvPi table td[data-visual-row=\"0\"],._6uvPi table th[data-visual-row=\"0\"]{border-top-width:0}[dir=rtl] ._6uvPi table ._0DGWT{left:var(--bt-ee,0);right:var(--bt-es,0)}[dir=rtl] ._6uvPi table .oCsVk{left:var(--bb-ee,0);right:var(--bb-es,0)}[dir=rtl] ._6uvPi table .ai1bo{left:unset;right:calc(var(--bl-w, 0px)/-2)}[dir=rtl] ._6uvPi table .ziJSn{left:calc(var(--br-w, 0px)/-2);right:unset}[dir=rtl] ._6uvPi table td,[dir=rtl] ._6uvPi table th{border-left-width:0;border-right-width:var(--ricos-internal-table-gap,0)}[dir=rtl] ._6uvPi table td[data-visual-col=\"0\"],[dir=rtl] ._6uvPi table th[data-visual-col=\"0\"]{border-right-width:0}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"resizer\": \"_0DxLH\",\n  \"horizonResizer\": \"SOvCC\",\n  \"verticalResizer\": \"RT4TC\",\n  \"highlightOnly\": \"Nu-GT\",\n  \"resizeOverlay\": \"IW3hz\",\n  \"columnResizeHitZone\": \"grR4w\",\n  \"peerHovered\": \"VfxSe\",\n  \"active\": \"_97oF0\",\n  \"rowResizeHitZone\": \"_7sAnN\",\n  \"columnResizeHandle\": \"byQez\",\n  \"resizeHandleFadeIn\": \"dcGAv\",\n  \"rowResizeHandle\": \"xf-5d\",\n  \"measuringRowHeight\": \"Q8ann\",\n  \"reorderCursorCol\": \"NPBlB\",\n  \"reorderCursorRow\": \"_37QwX\",\n  \"columnDropIndicator\": \"WK3vd\",\n  \"rowDropIndicator\": \"Wv3TT\",\n  \"dragGhost\": \"_1AcB9\",\n  \"tableContainer\": \"z96R8\",\n  \"tableViewport\": \"_6uvPi\",\n  \"addColBar\": \"E-mo4\",\n  \"addRowBar\": \"Xwn27\",\n  \"tableSelectorBar\": \"XCdzn\",\n  \"tableContainerFocused\": \"amjIb\",\n  \"tableWrapper\": \"xQibV\",\n  \"cell\": \"BJ-da\",\n  \"backgroundColorPreview\": \"IRgO6\",\n  \"selectedCells\": \"t0AWC\",\n  \"selectedCell\": \"OteQn\",\n  \"borderTop\": \"_0DGWT\",\n  \"borderBottom\": \"oCsVk\",\n  \"borderLeft\": \"ai1bo\",\n  \"borderRight\": \"ziJSn\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'ca046d5b';  \nexport const injectCss = (() => {\n  var css = `.pK1WB{position:absolute;z-index:2000}.pK1WB.ha43c{cursor:col-resize;height:20px;right:0;top:0;width:5px}.pK1WB.ha43c:hover{border-right:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}.pK1WB.BKblw{bottom:0;left:0}.pK1WB.BKblw:not(.Lch10){cursor:row-resize;height:5px;width:20px}.pK1WB.BKblw:not(.Lch10):hover{border-bottom:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}@keyframes pTn-a{0%{opacity:0}to{opacity:1}}.FGRot{overflow:visible;pointer-events:none;position:absolute;z-index:2000}._5ra-K{cursor:col-resize;pointer-events:auto;position:absolute}._5ra-K:before{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));bottom:0;content:\"\";left:50%;margin-left:-1.5px;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .15s ease-in-out;width:3px}._5ra-K.CzFRG:before,._5ra-K.sKp9U:before,._5ra-K:hover:before{opacity:1}._5ra-K.sKp9U:before{transition:none}._5ra-K[data-table-edge=right]:before{left:auto;margin-left:0;right:0}.bdrTq{cursor:row-resize;pointer-events:auto;position:absolute}.bdrTq:before{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));content:\"\";height:3px;left:0;margin-top:-1.5px;opacity:0;pointer-events:none;position:absolute;right:0;top:50%;transition:opacity .15s ease-in-out}.bdrTq.CzFRG:before,.bdrTq.sKp9U:before,.bdrTq:hover:before{opacity:1}.bdrTq.sKp9U:before{transition:none}.bdrTq[data-table-edge=bottom]:before{bottom:0;margin-top:0;top:auto}.eJ1fZ{animation:pTn-a .15s ease-in-out;background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));bottom:calc(var(--ricos-internal-table-gap, 2px)*-.5);pointer-events:none;position:absolute;right:calc(-2px - var(--ricos-internal-table-gap, 0px)*.5);top:calc(var(--ricos-internal-table-gap, 2px)*-.5);width:3px;z-index:2000}.pQRqD{animation:pTn-a .15s ease-in-out;background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));bottom:calc(-2px - var(--ricos-internal-table-gap, 0px)*.5);height:3px;left:calc(var(--ricos-internal-table-gap, 2px)*-.5);pointer-events:none;position:absolute;right:calc(var(--ricos-internal-table-gap, 2px)*-.5);z-index:2000}.JperE tr{height:auto!important}.Rzrb0{cursor:grabbing!important}.Rzrb0 *{cursor:grabbing!important}._7glY7{cursor:grabbing!important}._7glY7 *{cursor:grabbing!important}.mLbQp{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));border-radius:2px;bottom:0;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:3px;z-index:2100}.lCft3{background-color:var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));border-radius:2px;height:3px;left:0;pointer-events:none;position:absolute;right:0;transform:translateY(-50%);z-index:2100}.Kq8my{background-color:rgba(17,109,255,.15);border:2px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff));border-radius:4px;box-sizing:border-box;pointer-events:none;z-index:2050}.Igonw{--ricos-internal-table-border-color:var(--ricos-custom-table-border-color,rgba(var(--ricos-text-color-tuple,33,33,33),0.2));--table-handle-gap:12px;--table-selection-handle-space:10px;--table-add-button-size:18px;--table-vertical-padding:16px;clear:both;overflow:visible;padding:0;position:relative;width:100%}@supports (color:rgb(from #000 r g b/0.1)){.Igonw{--ricos-internal-table-border-color:var(--ricos-custom-table-border-color,rgb(from var(--ricos-text-color,#212121) r g b/0.2))}}.aoBj6{margin-bottom:max(0px,16px - var(--table-border-bottom,1px));margin-left:4px;margin-right:3px;overflow-x:auto;overflow-y:hidden;padding:max(16px,var(--table-border-top,0px)) max(3px,var(--table-border-right,0px),var(--ricos-internal-table-gap,0px) * .5) var(--table-border-bottom,1px) max(10px,var(--table-border-left,0px),var(--ricos-internal-table-gap,0px) * .5);position:relative}[data-breakout] .aoBj6{margin-left:calc(max(10px, var(--table-border-left, 0px), var(--ricos-internal-table-gap, 0px) * .5)*-1 + var(--table-border-left, 0px))}.aoBj6::-webkit-scrollbar{-webkit-appearance:none;height:10px}.aoBj6::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid #fff;border-radius:8px}.iqnlj{align-items:center;display:none;padding-left:16px;pointer-events:none;position:absolute;right:4px;z-index:2100}.iqnlj>*{pointer-events:auto}.cZP1-{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.cZP1->*{pointer-events:auto}.FPvkx{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.FPvkx>*{pointer-events:auto}.N8x9V .FPvkx,.N8x9V .cZP1-,.N8x9V .iqnlj{display:flex}._44ihJ{position:relative}.aoBj6 table{border-collapse:collapse;isolation:isolate;min-width:100%;position:relative;table-layout:fixed;width:100%}.aoBj6 table th{background-color:var(--ricos-custom-table-background-color,rgba(var(--ricos-text-color-tuple,33,33,33),.04))}@supports (color:rgb(from #000 r g b/0.1)){.aoBj6 table th{background-color:var(--ricos-custom-table-background-color,rgb(from var(--ricos-text-color,#212121) r g b/.04))}}.aoBj6 table td,.aoBj6 table th{border:none;box-sizing:border-box;cursor:default;padding:0;position:relative;text-align:initial;vertical-align:top}.aoBj6 table td ._5y33p,.aoBj6 table th ._5y33p{overflow:hidden;padding:var(--ricos-internal-table-cell-padding-top,10px) var(--ricos-internal-table-cell-padding-right,10px) var(--ricos-internal-table-cell-padding-bottom,10px) var(--ricos-internal-table-cell-padding-left,10px)}.aoBj6 table td ._5y33p>*,.aoBj6 table th ._5y33p>*{cursor:auto}.aoBj6 table .NvEMV{background-color:var(--ricos-table-cell-background-color-preview)!important}.aoBj6 table .NvEMV ._5y33p{position:relative;z-index:1}.aoBj6 table pre{margin-inline:0}.lXM-L:after,.m3rJ3:after{content:\"\";inset:.75px;outline:1.5px solid #116dff!important;pointer-events:none;position:absolute;z-index:var(--ricos-table-selection-overlay-z,2000)}.lXM-L:after{background-color:var(--ricos-table-preview-selection-color,rgba(var(--ricos-settings-action-color-tuple,var(--ricos-action-color-tuple,2,97,255)),.2))}@supports (color:rgb(from #000 r g b/0.1)){.lXM-L:after{background-color:var(--ricos-table-preview-selection-color,rgb(from var(--ricos-settings-action-color,var(--ricos-action-color,#116dff)) r g b/.2))}}.aoBj6 table td,.aoBj6 table th{background-clip:padding-box;border-bottom:0 solid transparent;border-left:0 solid transparent;border-left-width:var(--ricos-internal-table-gap,0);border-right:0 solid transparent;border-top:0 solid transparent;border-top-width:var(--ricos-internal-table-gap,0)}.aoBj6 table .e-27V{background-color:var(--bt-c,transparent);height:var(--bt-w,0);left:var(--bt-es,0);pointer-events:none;position:absolute;right:var(--bt-ee,0);top:calc(var(--bt-w, 0px)/-2);z-index:var(--bt-z,1)}.aoBj6 table .rKVIu{background-color:var(--bb-c,transparent);bottom:calc(var(--bb-w, 0px)/-2);height:var(--bb-w,0);left:var(--bb-es,0);pointer-events:none;position:absolute;right:var(--bb-ee,0);z-index:var(--bb-z,1)}.aoBj6 table .qIHi4{background-color:var(--bl-c,transparent);bottom:var(--bl-ee,0);left:calc(var(--bl-w, 0px)/-2);pointer-events:none;position:absolute;top:var(--bl-es,0);width:var(--bl-w,0);z-index:var(--bl-z,1)}.aoBj6 table .CXRfS{background-color:var(--br-c,transparent);bottom:var(--br-ee,0);pointer-events:none;position:absolute;right:calc(var(--br-w, 0px)/-2);top:var(--br-es,0);width:var(--br-w,0);z-index:var(--br-z,1)}.aoBj6 table td[data-visual-col=\"0\"],.aoBj6 table th[data-visual-col=\"0\"]{border-left-width:0}.aoBj6 table td[data-visual-row=\"0\"],.aoBj6 table th[data-visual-row=\"0\"]{border-top-width:0}[dir=rtl] .aoBj6 table .e-27V{left:var(--bt-ee,0);right:var(--bt-es,0)}[dir=rtl] .aoBj6 table .rKVIu{left:var(--bb-ee,0);right:var(--bb-es,0)}[dir=rtl] .aoBj6 table .qIHi4{left:unset;right:calc(var(--bl-w, 0px)/-2)}[dir=rtl] .aoBj6 table .CXRfS{left:calc(var(--br-w, 0px)/-2);right:unset}[dir=rtl] .aoBj6 table td,[dir=rtl] .aoBj6 table th{border-left-width:0;border-right-width:var(--ricos-internal-table-gap,0)}[dir=rtl] .aoBj6 table td[data-visual-col=\"0\"],[dir=rtl] .aoBj6 table th[data-visual-col=\"0\"]{border-right-width:0}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"resizer\": \"pK1WB\",\n  \"horizonResizer\": \"ha43c\",\n  \"verticalResizer\": \"BKblw\",\n  \"highlightOnly\": \"Lch10\",\n  \"resizeOverlay\": \"FGRot\",\n  \"columnResizeHitZone\": \"_5ra-K\",\n  \"peerHovered\": \"CzFRG\",\n  \"active\": \"sKp9U\",\n  \"rowResizeHitZone\": \"bdrTq\",\n  \"columnResizeHandle\": \"eJ1fZ\",\n  \"resizeHandleFadeIn\": \"pTn-a\",\n  \"rowResizeHandle\": \"pQRqD\",\n  \"measuringRowHeight\": \"JperE\",\n  \"reorderCursorCol\": \"Rzrb0\",\n  \"reorderCursorRow\": \"_7glY7\",\n  \"columnDropIndicator\": \"mLbQp\",\n  \"rowDropIndicator\": \"lCft3\",\n  \"dragGhost\": \"Kq8my\",\n  \"tableContainer\": \"Igonw\",\n  \"tableViewport\": \"aoBj6\",\n  \"addColBar\": \"iqnlj\",\n  \"addRowBar\": \"cZP1-\",\n  \"tableSelectorBar\": \"FPvkx\",\n  \"tableContainerFocused\": \"N8x9V\",\n  \"tableWrapper\": \"_44ihJ\",\n  \"cell\": \"_5y33p\",\n  \"backgroundColorPreview\": \"NvEMV\",\n  \"selectedCells\": \"lXM-L\",\n  \"selectedCell\": \"m3rJ3\",\n  \"borderTop\": \"e-27V\",\n  \"borderBottom\": \"rKVIu\",\n  \"borderLeft\": \"qIHi4\",\n  \"borderRight\": \"CXRfS\"\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,gBAAQ;AAAA,EACb,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,eAAe;AACjB;",
   "names": []
 }

package/dist/es/plugin-table/toolbar/modals/border-scope-selector-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "ff6378be";
+var styleDataHash = "5ce01bae";
 const injectCss = (() => {
-  var css = `.uq1bL .Bottom.border,.uq1bL .Left.border,.uq1bL .Middle.border.horizontal,.uq1bL .Middle.border.vertical,.uq1bL .Right.border,.uq1bL .Top.border{fill:#cfd1dc}.isyNa{inset:0;position:absolute}.isyNa .Top.border{fill:var(--border-top-fill)}.isyNa .Right.border{fill:var(--border-right-fill)}.isyNa .Bottom.border{fill:var(--border-bottom-fill)}.isyNa .Left.border{fill:var(--border-left-fill)}.isyNa .Middle.border.horizontal{fill:var(--border-middle-h-fill)}.isyNa .Middle.border.vertical{fill:var(--border-middle-v-fill)}`;
+  var css = `.q69RJ .Bottom.border,.q69RJ .Left.border,.q69RJ .Middle.border.horizontal,.q69RJ .Middle.border.vertical,.q69RJ .Right.border,.q69RJ .Top.border{fill:#cfd1dc}._20gN-{inset:0;position:absolute}._20gN- .Top.border{fill:var(--border-top-fill)}._20gN- .Right.border{fill:var(--border-right-fill)}._20gN- .Bottom.border{fill:var(--border-bottom-fill)}._20gN- .Left.border{fill:var(--border-left-fill)}._20gN- .Middle.border.horizontal{fill:var(--border-middle-h-fill)}._20gN- .Middle.border.vertical{fill:var(--border-middle-v-fill)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var border_scope_selector_default = {
-  "cellBordersIconBase": "uq1bL",
-  "cellBordersIconOverlay": "isyNa"
+  "cellBordersIconBase": "q69RJ",
+  "cellBordersIconOverlay": "_20gN-"
 };
 export {
   border_scope_selector_default as default,

package/dist/es/plugin-table/toolbar/modals/border-scope-selector-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-table/toolbar/modals/border-scope-selector.scss"],
-  "sourcesContent": ["var styleDataHash = 'ff6378be';  \nexport const injectCss = (() => {\n  var css = `.uq1bL .Bottom.border,.uq1bL .Left.border,.uq1bL .Middle.border.horizontal,.uq1bL .Middle.border.vertical,.uq1bL .Right.border,.uq1bL .Top.border{fill:#cfd1dc}.isyNa{inset:0;position:absolute}.isyNa .Top.border{fill:var(--border-top-fill)}.isyNa .Right.border{fill:var(--border-right-fill)}.isyNa .Bottom.border{fill:var(--border-bottom-fill)}.isyNa .Left.border{fill:var(--border-left-fill)}.isyNa .Middle.border.horizontal{fill:var(--border-middle-h-fill)}.isyNa .Middle.border.vertical{fill:var(--border-middle-v-fill)}`;\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  \"cellBordersIconBase\": \"uq1bL\",\n  \"cellBordersIconOverlay\": \"isyNa\"\n};"],
+  "sourcesContent": ["var styleDataHash = '5ce01bae';  \nexport const injectCss = (() => {\n  var css = `.q69RJ .Bottom.border,.q69RJ .Left.border,.q69RJ .Middle.border.horizontal,.q69RJ .Middle.border.vertical,.q69RJ .Right.border,.q69RJ .Top.border{fill:#cfd1dc}._20gN-{inset:0;position:absolute}._20gN- .Top.border{fill:var(--border-top-fill)}._20gN- .Right.border{fill:var(--border-right-fill)}._20gN- .Bottom.border{fill:var(--border-bottom-fill)}._20gN- .Left.border{fill:var(--border-left-fill)}._20gN- .Middle.border.horizontal{fill:var(--border-middle-h-fill)}._20gN- .Middle.border.vertical{fill:var(--border-middle-v-fill)}`;\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  \"cellBordersIconBase\": \"q69RJ\",\n  \"cellBordersIconOverlay\": \"_20gN-\"\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,uBAAuB;AAAA,EACvB,0BAA0B;AAC5B;",
   "names": []
 }

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

@@ -1,10 +1,10 @@
-var styleDataHash = '272080cb';  
+var styleDataHash = '32180c97';  
 export const injectCss = (() => {
-  var css = `._2J8MI{color:var(--ricos-custom-table-color,inherit);--ricos-internal-table-border-color:var(
+  var css = `.PwcMP{color:var(--ricos-custom-table-color,inherit);--ricos-internal-table-border-color:var(
     --ricos-custom-table-border-color,rgba(var(--ricos-text-color-tuple,33,33,33),0.2)
-  );clear:both}@supports (color:rgb(from #000 r g b/0.1)){._2J8MI{--ricos-internal-table-border-color:var(
+  );clear:both}@supports (color:rgb(from #000 r g b/0.1)){.PwcMP{--ricos-internal-table-border-color:var(
       --ricos-custom-table-border-color,rgb(from var(--ricos-text-color,#212121) r g b/0.2)
-    )}}._1yVyS:focus,._1yVyS>span:focus,._6kZ7M:focus,._6kZ7M>span:focus,._9GEFR:focus,._9GEFR>span:focus{outline:none}.wCDqc{margin-bottom:max(0px,var(--table-vertical-padding,16px) - var(--table-border-bottom,1px));overflow-x:auto;overflow-y:hidden;padding-bottom:var(--table-border-bottom,1px);padding-inline-end:var(--table-border-end,1px);padding-top:max(var(--table-vertical-padding,16px),var(--table-border-top,1px));padding-inline-start:var(--table-border-start,1px);position:relative}.wCDqc::-webkit-scrollbar{-webkit-appearance:none;height:10px}.wCDqc::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid #fff;border-radius:8px}._6kZ7M{isolation:isolate;min-width:100%;table-layout:fixed;width:100%}._6kZ7M thead{border-right:1px solid rgba(var(--ricos-text-color-tuple,33,33,33),.15)}@supports (color:rgb(from #000 r g b/0.1)){._6kZ7M thead{border-color:rgb(from var(--ricos-text-color,#212121) r g b/.15)}}._6kZ7M .Cq-JK{min-width:10px}._6kZ7M{border-collapse:separate;border-spacing:0}._6kZ7M td,._6kZ7M th{background-clip:padding-box;border-bottom:0 solid transparent;border-left:0 solid transparent;border-left-width:var(--ricos-internal-table-gap,0);border-right:0 solid transparent;border-top:0 solid transparent;border-top-width:var(--ricos-internal-table-gap,0)}._6kZ7M td[data-visual-col="0"],._6kZ7M th[data-visual-col="0"]{border-left-width:0}._6kZ7M td[data-visual-row="0"],._6kZ7M th[data-visual-row="0"]{border-top-width:0}[dir=rtl] ._6kZ7M td,[dir=rtl] ._6kZ7M th{border-left-width:0;border-right-width:var(--ricos-internal-table-gap,0)}[dir=rtl] ._6kZ7M td[data-visual-col="0"],[dir=rtl] ._6kZ7M th[data-visual-col="0"]{border-right-width:0}.R38Y4{background-color:transparent;border:none;overflow:visible;padding:0;position:relative;vertical-align:top}.R38Y4.wGMbf{background-color:var(--ricos-custom-table-background-color,rgba(var(--ricos-text-color-tuple,33,33,33),.04));font-weight:unset}@supports (color:rgb(from #000 r g b/0.1)){.R38Y4.wGMbf{background-color:var(--ricos-custom-table-background-color,rgb(from var(--ricos-text-color,#212121) r g b/.04))}}.R38Y4.V5m7S{z-index:2}.R38Y4 .BtV-h{background-color:var(--ricos-background-color,#fff);border:1px solid #ddd;box-shadow:0 0 7px 0 rgba(var(--ricos-text-color-tuple,33,33,33),.1);height:max-content;left:-20px;position:relative;top:0;width:calc(100% + 36px);z-index:1}@supports (color:rgb(from #000 r g b/0.1)){.R38Y4 .BtV-h{box-shadow:0 0 7px 0 rgb(from var(--ricos-text-color,#212121) r g b/.1)}}.R38Y4 .V5m7S{left:0;position:absolute;top:0;width:100%;z-index:1}.R38Y4 .V5m7S:not(.BtV-h):not(.k3qUU){background-color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-action-color-tuple,2,97,255)),.2)}@supports (color:rgb(from #000 r g b/0.1)){.R38Y4 .V5m7S:not(.BtV-h):not(.k3qUU){background-color:rgb(from var(--ricos-settings-action-color,var(--ricos-action-color,#116dff)) r g b/.2)}}.TkEvg._7rS96 .public-DraftEditor-content>div>:last-child{height:1px}.TkEvg.YaBC->div>div>div>:last-child{height:1px}._8tNrm._7rS96 .public-DraftEditor-content>div>:first-child{height:1px}._8tNrm.YaBC->div>div>div>:first-child{height:1px}@supports not (contain:inline-size){@media only screen and (min-width:640px){._7rS96:not(.BtV-h){pointer-events:none}}}@container (min-width: 640px){._7rS96:not(.BtV-h):where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){pointer-events:none}}@media (min-width:640px){._7rS96:not(.BtV-h):where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._7rS96:not(.BtV-h){pointer-events:none}}.wYXCm{caret-color:transparent;height:100%}.wYXCm.l8imj{caret-color:unset;padding:10px 26px 10px 29px;width:100%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.wYXCm.l8imj{padding:10px 0 10px 10px}}}@container (width < 640px){.wYXCm.l8imj:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){padding:10px 0 10px 10px}}@media (width < 640px){.wYXCm.l8imj:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .wYXCm.l8imj{padding:10px 0 10px 10px}}.wYXCm.wOJ7p{overflow:hidden;padding:var(--ricos-internal-table-cell-padding-top,10px) var(--ricos-internal-table-cell-padding-right,10px) var(--ricos-internal-table-cell-padding-bottom,10px) var(--ricos-internal-table-cell-padding-left,10px)}._-1Zwy{background-color:#fff;border:1px solid rgba(51,51,51,.1);border-radius:2px;box-shadow:0 0 10px 0 rgba(0,0,0,.06);position:absolute;top:-40px}.gE9JP{border:1px solid rgba(0,0,0,.4);height:20px;max-width:20px;padding:0;width:20px}.gE9JP.V5m7S{border:1px double var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}.aw8Wb{-webkit-tap-highlight-color:rgba(0,0,0,0)}.aw8Wb ::selection{background:transparent}.aw8Wb ::-moz-selection{background:transparent}`;
+    )}}.GRAWi:focus,.GRAWi>span:focus,.byNTb:focus,.byNTb>span:focus,.wzUt7:focus,.wzUt7>span:focus{outline:none}.XzZks{margin-bottom:max(0px,var(--table-vertical-padding,16px) - var(--table-border-bottom,1px));overflow-x:auto;overflow-y:hidden;padding-bottom:var(--table-border-bottom,1px);padding-inline-end:var(--table-border-end,1px);padding-top:max(var(--table-vertical-padding,16px),var(--table-border-top,1px));padding-inline-start:var(--table-border-start,1px);position:relative}.XzZks::-webkit-scrollbar{-webkit-appearance:none;height:10px}.XzZks::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid #fff;border-radius:8px}.byNTb{isolation:isolate;min-width:100%;table-layout:fixed;width:100%}.byNTb thead{border-right:1px solid rgba(var(--ricos-text-color-tuple,33,33,33),.15)}@supports (color:rgb(from #000 r g b/0.1)){.byNTb thead{border-color:rgb(from var(--ricos-text-color,#212121) r g b/.15)}}.byNTb .o61Vv{min-width:10px}.byNTb{border-collapse:separate;border-spacing:0}.byNTb td,.byNTb th{background-clip:padding-box;border-bottom:0 solid transparent;border-left:0 solid transparent;border-left-width:var(--ricos-internal-table-gap,0);border-right:0 solid transparent;border-top:0 solid transparent;border-top-width:var(--ricos-internal-table-gap,0)}.byNTb td[data-visual-col="0"],.byNTb th[data-visual-col="0"]{border-left-width:0}.byNTb td[data-visual-row="0"],.byNTb th[data-visual-row="0"]{border-top-width:0}[dir=rtl] .byNTb td,[dir=rtl] .byNTb th{border-left-width:0;border-right-width:var(--ricos-internal-table-gap,0)}[dir=rtl] .byNTb td[data-visual-col="0"],[dir=rtl] .byNTb th[data-visual-col="0"]{border-right-width:0}.qYnY4{background-color:transparent;border:none;overflow:visible;padding:0;position:relative;vertical-align:top}.qYnY4.-GEUL{background-color:var(--ricos-custom-table-background-color,rgba(var(--ricos-text-color-tuple,33,33,33),.04));font-weight:unset}@supports (color:rgb(from #000 r g b/0.1)){.qYnY4.-GEUL{background-color:var(--ricos-custom-table-background-color,rgb(from var(--ricos-text-color,#212121) r g b/.04))}}.qYnY4.QuDG0{z-index:2}.qYnY4 .Z3u26{background-color:var(--ricos-background-color,#fff);border:1px solid #ddd;box-shadow:0 0 7px 0 rgba(var(--ricos-text-color-tuple,33,33,33),.1);height:max-content;left:-20px;position:relative;top:0;width:calc(100% + 36px);z-index:1}@supports (color:rgb(from #000 r g b/0.1)){.qYnY4 .Z3u26{box-shadow:0 0 7px 0 rgb(from var(--ricos-text-color,#212121) r g b/.1)}}.qYnY4 .QuDG0{left:0;position:absolute;top:0;width:100%;z-index:1}.qYnY4 .QuDG0:not(.Z3u26):not(.V4Qi4){background-color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-action-color-tuple,2,97,255)),.2)}@supports (color:rgb(from #000 r g b/0.1)){.qYnY4 .QuDG0:not(.Z3u26):not(.V4Qi4){background-color:rgb(from var(--ricos-settings-action-color,var(--ricos-action-color,#116dff)) r g b/.2)}}.jMNjv.dHHeg .public-DraftEditor-content>div>:last-child{height:1px}.jMNjv.EBbKM>div>div>div>:last-child{height:1px}.gVRN1.dHHeg .public-DraftEditor-content>div>:first-child{height:1px}.gVRN1.EBbKM>div>div>div>:first-child{height:1px}@supports not (contain:inline-size){@media only screen and (min-width:640px){.dHHeg:not(.Z3u26){pointer-events:none}}}@container (min-width: 640px){.dHHeg:not(.Z3u26):where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){pointer-events:none}}@media (min-width:640px){.dHHeg:not(.Z3u26):where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .dHHeg:not(.Z3u26){pointer-events:none}}.qirxV{caret-color:transparent;height:100%}.qirxV.aaqee{caret-color:unset;padding:10px 26px 10px 29px;width:100%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.qirxV.aaqee{padding:10px 0 10px 10px}}}@container (width < 640px){.qirxV.aaqee:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){padding:10px 0 10px 10px}}@media (width < 640px){.qirxV.aaqee:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .qirxV.aaqee{padding:10px 0 10px 10px}}.qirxV.jEbsM{overflow:hidden;padding:var(--ricos-internal-table-cell-padding-top,10px) var(--ricos-internal-table-cell-padding-right,10px) var(--ricos-internal-table-cell-padding-bottom,10px) var(--ricos-internal-table-cell-padding-left,10px)}.CVl0D{background-color:#fff;border:1px solid rgba(51,51,51,.1);border-radius:2px;box-shadow:0 0 10px 0 rgba(0,0,0,.06);position:absolute;top:-40px}.rlIMt{border:1px solid rgba(0,0,0,.4);height:20px;max-width:20px;padding:0;width:20px}.rlIMt.QuDG0{border:1px double var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}.TpF5Z{-webkit-tap-highlight-color:rgba(0,0,0,0)}.TpF5Z ::selection{background:transparent}.TpF5Z ::-moz-selection{background:transparent}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-text-color/get-text-color-text-buttons.js

@@ -1,6 +1,8 @@
 import { TextColor } from "@wix/wix-ui-icons-common/lazy";
 import React from "react";
 import { Decoration_Type } from "./../ricos-types/index.js";
+import { memoLast } from "./../_shared/memo-last.js";
+import { resolveCssColor } from "./../_shared/resolve-css-color.js";
 import { getTextColorInSelection } from "./../_shared/resolvers/get-text-color-in-selection.js";
 import { isAlwaysVisible } from "./../_shared/resolvers/is-always-visible.js";
 import { isNodeSelected } from "./../_shared/resolvers/is-node-selected.js";
@@ -10,6 +12,13 @@ import { TEXT_BUTTON_TEXT_COLOR } from "./data-hooks.js";
 import classes from "./text-button-color-scss.js";
 import { TextColorPicker } from "./text-color-picker.js";
 const getTextColorTextButtons = (config = { type: "textColor" }) => {
+  const colorIcon = memoLast((color) => () => /* @__PURE__ */ React.createElement(
+    TextColor,
+    {
+      className: classes.textColorIcon,
+      style: { "--ricos-internal-text-color": color }
+    }
+  ));
   return [
     {
       id: `${Decoration_Type.COLOR}.foreground`,
@@ -17,16 +26,8 @@ const getTextColorTextButtons = (config = { type: "textColor" }) => {
       presentation: {
         dataHook: TEXT_BUTTON_TEXT_COLOR,
         tooltip: "TextColorButton_Tooltip",
-        getIcon({ publicCommands }) {
-          const color = publicCommands.getColor("ricos-text-color");
-          return () => /* @__PURE__ */ React.createElement(
-            TextColor,
-            {
-              className: classes.textColorIcon,
-              style: { "--ricos-internal-text-color": color }
-            }
-          );
-        },
+        // Theme tokens become CSS variables inside the editor, hex in external toolbars.
+        getIcon: ({ publicCommands, resolveColor = resolveCssColor }) => colorIcon(resolveColor(publicCommands.getColor("ricos-text-color"))),
         renderer: (toolbarItem) => /* @__PURE__ */ React.createElement(ColorPickerButton, { toolbarItem, modalId: TEXT_COLOR_MODAL_ID })
       },
       attributes: {

package/dist/es/plugin-text-color/get-text-color-text-buttons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-text-color/get-text-color-text-buttons.tsx"],
-  "sourcesContent": ["import { TextColor } from '@wix/wix-ui-icons-common/lazy';\nimport React from 'react';\n\nimport type { ModalService } from './../ricos-modals/modal-service.js';\nimport type { Modal, TextButton } from './../ricos-types/index.js';\nimport { Decoration_Type } from './../ricos-types/index.js';\nimport { getTextColorInSelection } from './../_shared/resolvers/get-text-color-in-selection.js';\nimport { isAlwaysVisible } from './../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../_shared/resolvers/is-node-selected.js';\nimport { ColorPickerButton } from './../toolbars-v3/components/buttons/TextColorButton/text-color-button.js';\n\nimport { TEXT_COLOR_MODAL_ID } from './constants.js';\nimport { TEXT_BUTTON_TEXT_COLOR } from './data-hooks.js';\nimport classes from './text-button-color-scss.js';\nimport { TextColorPicker } from './text-color-picker.js';\nimport type { TextColorPluginEditorConfig, TextHighlightPluginEditorConfig } from './types.js';\n\nexport const getTextColorTextButtons = (\n  config: TextColorPluginEditorConfig = { type: 'textColor' }\n): TextButton[] => {\n  return [\n    {\n      id: `${Decoration_Type.COLOR}.foreground`,\n      type: 'modal',\n      presentation: {\n        dataHook: TEXT_BUTTON_TEXT_COLOR,\n        tooltip: 'TextColorButton_Tooltip',\n        getIcon({ publicCommands }) {\n          const color = publicCommands.getColor('ricos-text-color');\n          return () => (\n            <TextColor\n              className={classes.textColorIcon}\n              style={{ '--ricos-internal-text-color': color } as React.CSSProperties}\n            />\n          );\n        },\n        renderer: toolbarItem => (\n          <ColorPickerButton toolbarItem={toolbarItem} modalId={TEXT_COLOR_MODAL_ID} />\n        ),\n      },\n      attributes: {\n        visible: isAlwaysVisible,\n        selectedTextColor: getTextColorInSelection,\n        disabled: isNodeSelected,\n      },\n      command:\n        ({ referenceElement, modalService }) =>\n        () => {\n          modalService.isModalOpen(TEXT_COLOR_MODAL_ID)\n            ? modalService.closeModal(TEXT_COLOR_MODAL_ID)\n            : openColorModal({\n                modalId: TEXT_COLOR_MODAL_ID,\n                modalType: 'ricos-text-color',\n                modalService,\n                config,\n                referenceElement,\n              });\n          return true;\n        },\n    },\n  ];\n};\n\nexport const openColorModal = ({\n  modalId,\n  modalType,\n  modalService,\n  referenceElement,\n  config,\n}: {\n  modalId: string;\n  modalService: ModalService;\n  onClickOutside?: Modal['onClickOutside'];\n  referenceElement?: HTMLElement | null;\n  modalType: 'ricos-text-color' | 'ricos-text-highlight';\n  config: TextColorPluginEditorConfig | TextHighlightPluginEditorConfig;\n}) => {\n  modalService.openModal({\n    id: modalId,\n    Component: TextColorPicker,\n    componentProps: {\n      referenceElement: referenceElement as HTMLDivElement,\n      type: modalType,\n      config,\n    },\n    layout: {\n      desktop: referenceElement ? 'floating' : 'dialog',\n      mobile: 'drawer',\n    },\n    noPadding: true,\n    ...(referenceElement && {\n      positioning: { placement: 'bottom', referenceElement },\n    }),\n    onClickOutside: {\n      on: 'pointerup',\n      handler: () => {},\n    },\n    returnFocusToEditor: true,\n    disableArrowNavigation: true,\n    dragHandleSelector: '[data-drag-handler]',\n    enableDrag: true,\n    withTransition: true,\n  });\n};\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,OAAO,WAAW;AAIlB,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,8BAA8B;AACvC,OAAO,aAAa;AACpB,SAAS,uBAAuB;AAGzB,MAAM,0BAA0B,CACrC,SAAsC,EAAE,MAAM,YAAY,MACzC;AACjB,SAAO;AAAA,IACL;AAAA,MACE,IAAI,GAAG,gBAAgB,KAAK;AAAA,MAC5B,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ,EAAE,eAAe,GAAG;AAC1B,gBAAM,QAAQ,eAAe,SAAS,kBAAkB;AACxD,iBAAO,MACL;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,QAAQ;AAAA,cACnB,OAAO,EAAE,+BAA+B,MAAM;AAAA;AAAA,UAChD;AAAA,QAEJ;AAAA,QACA,UAAU,iBACR,oCAAC,qBAAkB,aAA0B,SAAS,qBAAqB;AAAA,MAE/E;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,UAAU;AAAA,MACZ;AAAA,MACA,SACE,CAAC,EAAE,kBAAkB,aAAa,MAClC,MAAM;AACJ,qBAAa,YAAY,mBAAmB,IACxC,aAAa,WAAW,mBAAmB,IAC3C,eAAe;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AACL,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOM;AACJ,eAAa,UAAU;AAAA,IACrB,IAAI;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB;AAAA,MACd;AAAA,MACA,MAAM;AAAA,MACN;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,mBAAmB,aAAa;AAAA,MACzC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX,GAAI,oBAAoB;AAAA,MACtB,aAAa,EAAE,WAAW,UAAU,iBAAiB;AAAA,IACvD;AAAA,IACA,gBAAgB;AAAA,MACd,IAAI;AAAA,MACJ,SAAS,MAAM;AAAA,MAAC;AAAA,IAClB;AAAA,IACA,qBAAqB;AAAA,IACrB,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB,CAAC;AACH;",
+  "sourcesContent": ["import { TextColor } from '@wix/wix-ui-icons-common/lazy';\nimport React from 'react';\n\nimport type { ModalService } from './../ricos-modals/modal-service.js';\nimport type { Modal, TextButton } from './../ricos-types/index.js';\nimport { Decoration_Type } from './../ricos-types/index.js';\nimport { memoLast } from './../_shared/memo-last.js';\nimport { resolveCssColor } from './../_shared/resolve-css-color.js';\nimport { getTextColorInSelection } from './../_shared/resolvers/get-text-color-in-selection.js';\nimport { isAlwaysVisible } from './../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../_shared/resolvers/is-node-selected.js';\nimport { ColorPickerButton } from './../toolbars-v3/components/buttons/TextColorButton/text-color-button.js';\n\nimport { TEXT_COLOR_MODAL_ID } from './constants.js';\nimport { TEXT_BUTTON_TEXT_COLOR } from './data-hooks.js';\nimport classes from './text-button-color-scss.js';\nimport { TextColorPicker } from './text-color-picker.js';\nimport type { TextColorPluginEditorConfig, TextHighlightPluginEditorConfig } from './types.js';\n\nexport const getTextColorTextButtons = (\n  config: TextColorPluginEditorConfig = { type: 'textColor' }\n): TextButton[] => {\n  const colorIcon = memoLast((color: string | undefined) => () => (\n    <TextColor\n      className={classes.textColorIcon}\n      style={{ '--ricos-internal-text-color': color } as React.CSSProperties}\n    />\n  ));\n  return [\n    {\n      id: `${Decoration_Type.COLOR}.foreground`,\n      type: 'modal',\n      presentation: {\n        dataHook: TEXT_BUTTON_TEXT_COLOR,\n        tooltip: 'TextColorButton_Tooltip',\n        // Theme tokens become CSS variables inside the editor, hex in external toolbars.\n        getIcon: ({ publicCommands, resolveColor = resolveCssColor }) =>\n          colorIcon(resolveColor(publicCommands.getColor('ricos-text-color'))),\n        renderer: toolbarItem => (\n          <ColorPickerButton toolbarItem={toolbarItem} modalId={TEXT_COLOR_MODAL_ID} />\n        ),\n      },\n      attributes: {\n        visible: isAlwaysVisible,\n        selectedTextColor: getTextColorInSelection,\n        disabled: isNodeSelected,\n      },\n      command:\n        ({ referenceElement, modalService }) =>\n        () => {\n          modalService.isModalOpen(TEXT_COLOR_MODAL_ID)\n            ? modalService.closeModal(TEXT_COLOR_MODAL_ID)\n            : openColorModal({\n                modalId: TEXT_COLOR_MODAL_ID,\n                modalType: 'ricos-text-color',\n                modalService,\n                config,\n                referenceElement,\n              });\n          return true;\n        },\n    },\n  ];\n};\n\nexport const openColorModal = ({\n  modalId,\n  modalType,\n  modalService,\n  referenceElement,\n  config,\n}: {\n  modalId: string;\n  modalService: ModalService;\n  onClickOutside?: Modal['onClickOutside'];\n  referenceElement?: HTMLElement | null;\n  modalType: 'ricos-text-color' | 'ricos-text-highlight';\n  config: TextColorPluginEditorConfig | TextHighlightPluginEditorConfig;\n}) => {\n  modalService.openModal({\n    id: modalId,\n    Component: TextColorPicker,\n    componentProps: {\n      referenceElement: referenceElement as HTMLDivElement,\n      type: modalType,\n      config,\n    },\n    layout: {\n      desktop: referenceElement ? 'floating' : 'dialog',\n      mobile: 'drawer',\n    },\n    noPadding: true,\n    ...(referenceElement && {\n      positioning: { placement: 'bottom', referenceElement },\n    }),\n    onClickOutside: {\n      on: 'pointerup',\n      handler: () => {},\n    },\n    returnFocusToEditor: true,\n    disableArrowNavigation: true,\n    dragHandleSelector: '[data-drag-handler]',\n    enableDrag: true,\n    withTransition: true,\n  });\n};\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,OAAO,WAAW;AAIlB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,8BAA8B;AACvC,OAAO,aAAa;AACpB,SAAS,uBAAuB;AAGzB,MAAM,0BAA0B,CACrC,SAAsC,EAAE,MAAM,YAAY,MACzC;AACjB,QAAM,YAAY,SAAS,CAAC,UAA8B,MACxD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,QAAQ;AAAA,MACnB,OAAO,EAAE,+BAA+B,MAAM;AAAA;AAAA,EAChD,CACD;AACD,SAAO;AAAA,IACL;AAAA,MACE,IAAI,GAAG,gBAAgB,KAAK;AAAA,MAC5B,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA;AAAA,QAET,SAAS,CAAC,EAAE,gBAAgB,eAAe,gBAAgB,MACzD,UAAU,aAAa,eAAe,SAAS,kBAAkB,CAAC,CAAC;AAAA,QACrE,UAAU,iBACR,oCAAC,qBAAkB,aAA0B,SAAS,qBAAqB;AAAA,MAE/E;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,UAAU;AAAA,MACZ;AAAA,MACA,SACE,CAAC,EAAE,kBAAkB,aAAa,MAClC,MAAM;AACJ,qBAAa,YAAY,mBAAmB,IACxC,aAAa,WAAW,mBAAmB,IAC3C,eAAe;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AACL,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOM;AACJ,eAAa,UAAU;AAAA,IACrB,IAAI;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB;AAAA,MACd;AAAA,MACA,MAAM;AAAA,MACN;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,mBAAmB,aAAa;AAAA,MACzC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX,GAAI,oBAAoB;AAAA,MACtB,aAAa,EAAE,WAAW,UAAU,iBAAiB;AAAA,IACvD;AAAA,IACA,gBAAgB;AAAA,MACd,IAAI;AAAA,MACJ,SAAS,MAAM;AAAA,MAAC;AAAA,IAClB;AAAA,IACA,qBAAqB;AAAA,IACrB,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB,CAAC;AACH;",
   "names": []
 }

package/dist/es/plugin-text-color/sketch/text-highlight-button.js

@@ -3,6 +3,7 @@ import React, { useContext, useEffect, useState } from "react";
 import { EditorContext, RicosContext } from "./../../ricos-context/index.js";
 import { getIsModalOpen, useModalState } from "./../../ricos-modals/modal-service-provider.js";
 import { Decoration_Type, Mark_Type } from "./../../ricos-types/index.js";
+import { memoLast } from "./../../_shared/memo-last.js";
 import { resolveCssColor } from "./../../_shared/resolve-css-color.js";
 import { isAlwaysVisible } from "./../../_shared/resolvers/is-always-visible.js";
 import { isNodeSelected } from "./../../_shared/resolvers/is-node-selected.js";
@@ -26,6 +27,26 @@ const getMarkColor = (editor, markName) => {
   const cursorMark = editor.state.selection.$from.marks().find((mark) => mark.type.name === markName && mark.attrs.color);
   return cursorMark?.attrs.color;
 };
+const readHighlight = (editor) => {
+  if (editor.isActive(Mark_Type.SKETCH)) {
+    return { active: true, color: getMarkColor(editor, Mark_Type.SKETCH) ?? DEFAULT_COLOR };
+  }
+  if (editor.isActive(Mark_Type.COLOR_BACKGROUND)) {
+    return {
+      active: true,
+      color: getMarkColor(editor, Mark_Type.COLOR_BACKGROUND) ?? DEFAULT_COLOR
+    };
+  }
+  return { active: false, color: DEFAULT_COLOR };
+};
+const createHighlightIcon = () => memoLast((color) => () => /* @__PURE__ */ React.createElement(
+  TextHighlightColor,
+  {
+    className: classes.textHighlightIcon,
+    style: { "--ricos-internal-text-highlight": color }
+  }
+));
+const highlightIcon = createHighlightIcon();
 const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const { t } = useContext(RicosContext);
   const { adapter } = useContext(EditorContext);
@@ -33,21 +54,7 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const [referenceElement, setReferenceElement] = useState(null);
   const tooltip = t(toolbarItem.presentation?.tooltip);
   const isModalOpen = useModalState(getIsModalOpen(SKETCH_DESIGN_MODAL_ID));
-  const readMarkState = () => {
-    if (editor.isActive(Mark_Type.SKETCH)) {
-      return {
-        active: true,
-        color: getMarkColor(editor, Mark_Type.SKETCH) ?? DEFAULT_COLOR
-      };
-    }
-    if (editor.isActive(Mark_Type.COLOR_BACKGROUND)) {
-      return {
-        active: true,
-        color: getMarkColor(editor, Mark_Type.COLOR_BACKGROUND) ?? DEFAULT_COLOR
-      };
-    }
-    return { active: false, color: DEFAULT_COLOR };
-  };
+  const readMarkState = () => readHighlight(editor);
   const [markState, setMarkState] = useState(readMarkState);
   useEffect(() => {
     const update = () => setMarkState(readMarkState());
@@ -61,15 +68,7 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const onClick = (event) => {
     toolbarItem.commands.click({ referenceElement, clickFromKeyboard: !event.detail });
   };
-  const Icon = () => /* @__PURE__ */ React.createElement(
-    TextHighlightColor,
-    {
-      className: classes.textHighlightIcon,
-      style: {
-        "--ricos-internal-text-highlight": resolveCssColor(markState.color)
-      }
-    }
-  );
+  const Icon = highlightIcon(resolveCssColor(markState.color));
   return /* @__PURE__ */ React.createElement(
     ToolbarButton,
     {
@@ -84,57 +83,65 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
     }
   );
 };
-const getSketchHighlightTextButtons = (config) => [
-  {
-    id: `${Decoration_Type.COLOR}.background`,
-    type: "modal",
-    presentation: {
-      dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT,
-      tooltip: "TextHighlightButton_Tooltip",
-      icon: TextHighlightColor,
-      renderer: (toolbarItem) => /* @__PURE__ */ React.createElement(
-        TextHighlightDesignButton,
-        {
-          toolbarItem,
-          dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT
+const getSketchHighlightTextButtons = (config) => {
+  const externalIcon = createHighlightIcon();
+  return [
+    {
+      id: `${Decoration_Type.COLOR}.background`,
+      type: "modal",
+      presentation: {
+        dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT,
+        tooltip: "TextHighlightButton_Tooltip",
+        // External toolbars draw this icon, not the renderer. Without an applied highlight the
+        // droplet is left empty, so the theme's default color doesn't read as an active highlight.
+        getIcon: ({ editor, resolveColor = resolveCssColor }) => {
+          const highlight = editor && readHighlight(editor);
+          return externalIcon(highlight?.active ? resolveColor(highlight.color) : "transparent");
+        },
+        renderer: (toolbarItem) => /* @__PURE__ */ React.createElement(
+          TextHighlightDesignButton,
+          {
+            toolbarItem,
+            dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT
+          }
+        )
+      },
+      attributes: {
+        visible: isAlwaysVisible,
+        disabled: isNodeSelected
+      },
+      command: ({ modalService, referenceElement, isMobile }) => () => {
+        if (!referenceElement) {
+          return false;
         }
-      )
-    },
-    attributes: {
-      visible: isAlwaysVisible,
-      disabled: isNodeSelected
-    },
-    command: ({ modalService, referenceElement, isMobile }) => () => {
-      if (!referenceElement) {
-        return false;
-      }
-      modalService.togglePluginPanel({
-        id: SKETCH_DESIGN_MODAL_ID,
-        Component: SketchDesignModal,
-        componentProps: { config, referenceElement },
-        isMobile,
-        positioning: { referenceElement, placement: "bottom" },
-        focusReturnElement: referenceElement,
-        type: void 0,
-        // Default click-outside only knows the toolbar button; a click in
-        // the color-picker subpanel (a separately-mounted floating panel)
-        // would close us. Skip closing while the picker is open.
-        onClickOutside: {
-          on: "pointerup",
-          handler: (e) => {
-            if (modalService.isModalOpen(SKETCH_COLOR_PICKER_MODAL_ID)) {
-              return;
-            }
-            if (!referenceElement?.contains?.(e.target)) {
-              modalService.closeModal(SKETCH_DESIGN_MODAL_ID);
+        modalService.togglePluginPanel({
+          id: SKETCH_DESIGN_MODAL_ID,
+          Component: SketchDesignModal,
+          componentProps: { config, referenceElement },
+          isMobile,
+          positioning: { referenceElement, placement: "bottom" },
+          focusReturnElement: referenceElement,
+          type: void 0,
+          // Default click-outside only knows the toolbar button; a click in
+          // the color-picker subpanel (a separately-mounted floating panel)
+          // would close us. Skip closing while the picker is open.
+          onClickOutside: {
+            on: "pointerup",
+            handler: (e) => {
+              if (modalService.isModalOpen(SKETCH_COLOR_PICKER_MODAL_ID)) {
+                return;
+              }
+              if (!referenceElement?.contains?.(e.target)) {
+                modalService.closeModal(SKETCH_DESIGN_MODAL_ID);
+              }
             }
           }
-        }
-      });
-      return true;
+        });
+        return true;
+      }
     }
-  }
-];
+  ];
+};
 export {
   getSketchHighlightTextButtons
 };