@wix/ricos 11.20.2 → 11.20.4

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 = 'cbf7dca4';  \nexport const injectCss = (() => {\n  var css = `.aY2U1{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}.aY2U1: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}.aY2U1: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}.aY2U1.AbukI{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}.aY2U1.AbukI:hover{background:#0f62e6;color:#fff}.aY2U1.AbukI:active{background:#084ebd;color:#fff}.aY2U1 svg{display:block}.VUr40{height:18px;padding:0 12px;pointer-events:auto;position:absolute;top:0;transform:translate(-50%,-50%);width:42px}.VUr40.AbukI{cursor:grab}.VUr40.AbukI:active{cursor:grabbing}.jmKBd{height:42px;left:0;padding:12px 0;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:18px}.jmKBd.AbukI{cursor:grab}.jmKBd.AbukI:active{cursor:grabbing}.lfFoc{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}.lfFoc:hover{background:#f4f5f5;border-color:#c1c7cd}.lfFoc:active{background:#e7e9ea;border-color:#a8adb3;cursor:grabbing}.lfFoc svg{display:block}.Kvts0{background:transparent;border:none;box-shadow:none;cursor:default;height:24px;opacity:0;width:24px}.vxDoY{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}.vxDoY: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}.vxDoY: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}.vxDoY svg{display:block;flex-shrink:0;height:18px;min-height:18px;min-width:18px;width:18px}.ocqj2{height:18px;width:100%}.-SEll{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\": \"aY2U1\",\n  \"selected\": \"AbukI\",\n  \"columnHandle\": \"VUr40 aY2U1\",\n  \"rowHandle\": \"jmKBd aY2U1\",\n  \"tableSelector\": \"lfFoc\",\n  \"tableSelectorAnchor\": \"Kvts0\",\n  \"addButton\": \"vxDoY\",\n  \"addRowButton\": \"ocqj2 vxDoY\",\n  \"addColButton\": \"-SEll vxDoY\"\n};"],
+  "sourcesContent": ["var styleDataHash = '1ce5e674';  \nexport const injectCss = (() => {\n  var css = `.EOwXv{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}.EOwXv: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}.EOwXv: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}.EOwXv.JCN9k{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}.EOwXv.JCN9k:hover{background:#0f62e6;color:#fff}.EOwXv.JCN9k:active{background:#084ebd;color:#fff}.EOwXv svg{display:block}.pEKBZ{height:18px;padding:0 12px;pointer-events:auto;position:absolute;top:0;transform:translate(-50%,-50%);width:42px}.pEKBZ.JCN9k{cursor:grab}.pEKBZ.JCN9k:active{cursor:grabbing}.xoTld{height:42px;left:0;padding:12px 0;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:18px}.xoTld.JCN9k{cursor:grab}.xoTld.JCN9k:active{cursor:grabbing}.O85v0{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}.O85v0:hover{background:#f4f5f5;border-color:#c1c7cd}.O85v0:active{background:#e7e9ea;border-color:#a8adb3;cursor:grabbing}.O85v0 svg{display:block}.lMPPW{background:transparent;border:none;box-shadow:none;cursor:default;height:24px;opacity:0;width:24px}.Qs5bF{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}.Qs5bF: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}.Qs5bF: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}.Qs5bF svg{display:block;flex-shrink:0;height:18px;min-height:18px;min-width:18px;width:18px}.ioPGM{height:18px;width:100%}.dcmAf{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\": \"EOwXv\",\n  \"selected\": \"JCN9k\",\n  \"columnHandle\": \"pEKBZ EOwXv\",\n  \"rowHandle\": \"xoTld EOwXv\",\n  \"tableSelector\": \"O85v0\",\n  \"tableSelectorAnchor\": \"lMPPW\",\n  \"addButton\": \"Qs5bF\",\n  \"addRowButton\": \"ioPGM Qs5bF\",\n  \"addColButton\": \"dcmAf Qs5bF\"\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 = "dee1cf53";
+var styleDataHash = "94996d7b";
 const injectCss = (() => {
-  var css = `.-e5ZU{position:absolute;z-index:2000}.-e5ZU.QEZJl{cursor:col-resize;height:20px;right:0;top:0;width:5px}.-e5ZU.QEZJl:hover{border-right:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}.-e5ZU.iGKFU{bottom:0;left:0}.-e5ZU.iGKFU:not(.o3CYa){cursor:row-resize;height:5px;width:20px}.-e5ZU.iGKFU:not(.o3CYa):hover{border-bottom:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}@keyframes nFX1R{0%{opacity:0}to{opacity:1}}.YUPgI{overflow:visible;pointer-events:none;position:absolute;z-index:2000}.z3AQo{cursor:col-resize;pointer-events:auto;position:absolute}.z3AQo: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}.z3AQo.-ZCjw:before,.z3AQo._9Rhdc:before,.z3AQo:hover:before{opacity:1}.z3AQo.-ZCjw:before{transition:none}.z3AQo[data-table-edge=right]:before{left:auto;margin-left:0;right:0}._6WRva{cursor:row-resize;pointer-events:auto;position:absolute}._6WRva: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}._6WRva.-ZCjw:before,._6WRva._9Rhdc:before,._6WRva:hover:before{opacity:1}._6WRva.-ZCjw:before{transition:none}._6WRva[data-table-edge=bottom]:before{bottom:0;margin-top:0;top:auto}.x6SHD{animation:nFX1R .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}.Or4GT{animation:nFX1R .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}.h-YEX tr{height:auto!important}.E4e9b{cursor:grabbing!important}.E4e9b *{cursor:grabbing!important}.K2LsV{cursor:grabbing!important}.K2LsV *{cursor:grabbing!important}.q8xui{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}.l07lx{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}._3dMhc{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}.dKmQ7{--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)){.dKmQ7{--ricos-internal-table-border-color:var(--ricos-custom-table-border-color,rgb(from var(--ricos-text-color,#212121) r g b/0.2))}}.NjIrZ{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] .NjIrZ{margin-left:calc(max(10px, var(--table-border-left, 0px), var(--ricos-internal-table-gap, 0px) * .5)*-1 + var(--table-border-left, 0px))}.NjIrZ::-webkit-scrollbar{-webkit-appearance:none;height:10px}.NjIrZ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid #fff;border-radius:8px}.-Fq82{align-items:center;display:none;padding-left:16px;pointer-events:none;position:absolute;right:4px;z-index:2100}.-Fq82>*{pointer-events:auto}.xrUsx{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.xrUsx>*{pointer-events:auto}.ehF77{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.ehF77>*{pointer-events:auto}.pcpgd .-Fq82,.pcpgd .ehF77,.pcpgd .xrUsx{display:flex}.aHbW3{position:relative}.NjIrZ table{border-collapse:collapse;isolation:isolate;min-width:100%;position:relative;table-layout:fixed;width:100%}.NjIrZ 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)){.NjIrZ table th{background-color:var(--ricos-custom-table-background-color,rgb(from var(--ricos-text-color,#212121) r g b/.04))}}.NjIrZ table td,.NjIrZ table th{border:none;box-sizing:border-box;cursor:default;padding:0;position:relative;text-align:initial;vertical-align:top}.NjIrZ table td ._9Z6sf,.NjIrZ table th ._9Z6sf{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)}.NjIrZ table td ._9Z6sf>*,.NjIrZ table th ._9Z6sf>*{cursor:auto}.NjIrZ table .-Ju6e{background-color:var(--ricos-table-cell-background-color-preview)!important}.NjIrZ table .-Ju6e ._9Z6sf{position:relative;z-index:1}.NjIrZ table pre{margin-inline:0}.GiCyl:after,.fFlVE:after{content:"";inset:.75px;outline:1.5px solid #116dff!important;pointer-events:none;position:absolute;z-index:var(--ricos-table-selection-overlay-z,2000)}.fFlVE: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)){.fFlVE: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))}}.NjIrZ table td,.NjIrZ 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)}.NjIrZ table .n-auo{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)}.NjIrZ table ._9T9Kd{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)}.NjIrZ table .PfXwL{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)}.NjIrZ table .iEFe7{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)}.NjIrZ table td[data-visual-col="0"],.NjIrZ table th[data-visual-col="0"]{border-left-width:0}.NjIrZ table td[data-visual-row="0"],.NjIrZ table th[data-visual-row="0"]{border-top-width:0}[dir=rtl] .NjIrZ table .n-auo{left:var(--bt-ee,0);right:var(--bt-es,0)}[dir=rtl] .NjIrZ table ._9T9Kd{left:var(--bb-ee,0);right:var(--bb-es,0)}[dir=rtl] .NjIrZ table .PfXwL{left:unset;right:calc(var(--bl-w, 0px)/-2)}[dir=rtl] .NjIrZ table .iEFe7{left:calc(var(--br-w, 0px)/-2);right:unset}[dir=rtl] .NjIrZ table td,[dir=rtl] .NjIrZ table th{border-left-width:0;border-right-width:var(--ricos-internal-table-gap,0)}[dir=rtl] .NjIrZ table td[data-visual-col="0"],[dir=rtl] .NjIrZ table th[data-visual-col="0"]{border-right-width:0}`;
+  var css = `.cFq-4{position:absolute;z-index:2000}.cFq-4.AbV0q{cursor:col-resize;height:20px;right:0;top:0;width:5px}.cFq-4.AbV0q:hover{border-right:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}.cFq-4._4dSAh{bottom:0;left:0}.cFq-4._4dSAh:not(._7i6o-){cursor:row-resize;height:5px;width:20px}.cFq-4._4dSAh:not(._7i6o-):hover{border-bottom:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}@keyframes kp-pV{0%{opacity:0}to{opacity:1}}.py-QH{overflow:visible;pointer-events:none;position:absolute;z-index:2000}._0lIm0{cursor:col-resize;pointer-events:auto;position:absolute}._0lIm0: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}._0lIm0.ceoSA:before,._0lIm0.xbHwY:before,._0lIm0:hover:before{opacity:1}._0lIm0.xbHwY:before{transition:none}._0lIm0[data-table-edge=right]:before{left:auto;margin-left:0;right:0}._4-4qn{cursor:row-resize;pointer-events:auto;position:absolute}._4-4qn: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}._4-4qn.ceoSA:before,._4-4qn.xbHwY:before,._4-4qn:hover:before{opacity:1}._4-4qn.xbHwY:before{transition:none}._4-4qn[data-table-edge=bottom]:before{bottom:0;margin-top:0;top:auto}._4G5-S{animation:kp-pV .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}.H-Vpr{animation:kp-pV .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}.x9igc tr{height:auto!important}.Gv8im{cursor:grabbing!important}.Gv8im *{cursor:grabbing!important}.cCvA2{cursor:grabbing!important}.cCvA2 *{cursor:grabbing!important}.TAG3A{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}.xSl9T{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}.lQj71{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}._5m-DB{--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)){._5m-DB{--ricos-internal-table-border-color:var(--ricos-custom-table-border-color,rgb(from var(--ricos-text-color,#212121) r g b/0.2))}}.-gQGS{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] .-gQGS{margin-left:calc(max(10px, var(--table-border-left, 0px), var(--ricos-internal-table-gap, 0px) * .5)*-1 + var(--table-border-left, 0px))}.-gQGS::-webkit-scrollbar{-webkit-appearance:none;height:10px}.-gQGS::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid #fff;border-radius:8px}._4ZuI6{align-items:center;display:none;padding-left:16px;pointer-events:none;position:absolute;right:4px;z-index:2100}._4ZuI6>*{pointer-events:auto}.bVobJ{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.bVobJ>*{pointer-events:auto}.erGfI{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.erGfI>*{pointer-events:auto}.iHpO- ._4ZuI6,.iHpO- .bVobJ,.iHpO- .erGfI{display:flex}.WxVLI{position:relative}.-gQGS table{border-collapse:collapse;isolation:isolate;min-width:100%;position:relative;table-layout:fixed;width:100%}.-gQGS 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)){.-gQGS table th{background-color:var(--ricos-custom-table-background-color,rgb(from var(--ricos-text-color,#212121) r g b/.04))}}.-gQGS table td,.-gQGS table th{border:none;box-sizing:border-box;cursor:default;padding:0;position:relative;text-align:initial;vertical-align:top}.-gQGS table td .mEBNX,.-gQGS table th .mEBNX{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)}.-gQGS table td .mEBNX>*,.-gQGS table th .mEBNX>*{cursor:auto}.-gQGS table .g5dsM{background-color:var(--ricos-table-cell-background-color-preview)!important}.-gQGS table .g5dsM .mEBNX{position:relative;z-index:1}.-gQGS table pre{margin-inline:0}._3kcgF:after,.oFWWq:after{content:"";inset:.75px;outline:1.5px solid #116dff!important;pointer-events:none;position:absolute;z-index:var(--ricos-table-selection-overlay-z,2000)}._3kcgF: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)){._3kcgF: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))}}.-gQGS table td,.-gQGS 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)}.-gQGS table .sne13{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)}.-gQGS table .T64F5{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)}.-gQGS table .j8r6T{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)}.-gQGS table .D96Yi{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)}.-gQGS table td[data-visual-col="0"],.-gQGS table th[data-visual-col="0"]{border-left-width:0}.-gQGS table td[data-visual-row="0"],.-gQGS table th[data-visual-row="0"]{border-top-width:0}[dir=rtl] .-gQGS table .sne13{left:var(--bt-ee,0);right:var(--bt-es,0)}[dir=rtl] .-gQGS table .T64F5{left:var(--bb-ee,0);right:var(--bb-es,0)}[dir=rtl] .-gQGS table .j8r6T{left:unset;right:calc(var(--bl-w, 0px)/-2)}[dir=rtl] .-gQGS table .D96Yi{left:calc(var(--br-w, 0px)/-2);right:unset}[dir=rtl] .-gQGS table td,[dir=rtl] .-gQGS table th{border-left-width:0;border-right-width:var(--ricos-internal-table-gap,0)}[dir=rtl] .-gQGS table td[data-visual-col="0"],[dir=rtl] .-gQGS 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": "-e5ZU",
-  "horizonResizer": "QEZJl",
-  "verticalResizer": "iGKFU",
-  "highlightOnly": "o3CYa",
-  "resizeOverlay": "YUPgI",
-  "columnResizeHitZone": "z3AQo",
-  "peerHovered": "_9Rhdc",
-  "active": "-ZCjw",
-  "rowResizeHitZone": "_6WRva",
-  "columnResizeHandle": "x6SHD",
-  "resizeHandleFadeIn": "nFX1R",
-  "rowResizeHandle": "Or4GT",
-  "measuringRowHeight": "h-YEX",
-  "reorderCursorCol": "E4e9b",
-  "reorderCursorRow": "K2LsV",
-  "columnDropIndicator": "q8xui",
-  "rowDropIndicator": "l07lx",
-  "dragGhost": "_3dMhc",
-  "tableContainer": "dKmQ7",
-  "tableViewport": "NjIrZ",
-  "addColBar": "-Fq82",
-  "addRowBar": "xrUsx",
-  "tableSelectorBar": "ehF77",
-  "tableContainerFocused": "pcpgd",
-  "tableWrapper": "aHbW3",
-  "cell": "_9Z6sf",
-  "backgroundColorPreview": "-Ju6e",
-  "selectedCells": "fFlVE",
-  "selectedCell": "GiCyl",
-  "borderTop": "n-auo",
-  "borderBottom": "_9T9Kd",
-  "borderLeft": "PfXwL",
-  "borderRight": "iEFe7"
+  "resizer": "cFq-4",
+  "horizonResizer": "AbV0q",
+  "verticalResizer": "_4dSAh",
+  "highlightOnly": "_7i6o-",
+  "resizeOverlay": "py-QH",
+  "columnResizeHitZone": "_0lIm0",
+  "peerHovered": "ceoSA",
+  "active": "xbHwY",
+  "rowResizeHitZone": "_4-4qn",
+  "columnResizeHandle": "_4G5-S",
+  "resizeHandleFadeIn": "kp-pV",
+  "rowResizeHandle": "H-Vpr",
+  "measuringRowHeight": "x9igc",
+  "reorderCursorCol": "Gv8im",
+  "reorderCursorRow": "cCvA2",
+  "columnDropIndicator": "TAG3A",
+  "rowDropIndicator": "xSl9T",
+  "dragGhost": "lQj71",
+  "tableContainer": "_5m-DB",
+  "tableViewport": "-gQGS",
+  "addColBar": "_4ZuI6",
+  "addRowBar": "bVobJ",
+  "tableSelectorBar": "erGfI",
+  "tableContainerFocused": "iHpO-",
+  "tableWrapper": "WxVLI",
+  "cell": "mEBNX",
+  "backgroundColorPreview": "g5dsM",
+  "selectedCells": "_3kcgF",
+  "selectedCell": "oFWWq",
+  "borderTop": "sne13",
+  "borderBottom": "T64F5",
+  "borderLeft": "j8r6T",
+  "borderRight": "D96Yi"
 };
 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 = 'dee1cf53';  \nexport const injectCss = (() => {\n  var css = `.-e5ZU{position:absolute;z-index:2000}.-e5ZU.QEZJl{cursor:col-resize;height:20px;right:0;top:0;width:5px}.-e5ZU.QEZJl:hover{border-right:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}.-e5ZU.iGKFU{bottom:0;left:0}.-e5ZU.iGKFU:not(.o3CYa){cursor:row-resize;height:5px;width:20px}.-e5ZU.iGKFU:not(.o3CYa):hover{border-bottom:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}@keyframes nFX1R{0%{opacity:0}to{opacity:1}}.YUPgI{overflow:visible;pointer-events:none;position:absolute;z-index:2000}.z3AQo{cursor:col-resize;pointer-events:auto;position:absolute}.z3AQo: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}.z3AQo.-ZCjw:before,.z3AQo._9Rhdc:before,.z3AQo:hover:before{opacity:1}.z3AQo.-ZCjw:before{transition:none}.z3AQo[data-table-edge=right]:before{left:auto;margin-left:0;right:0}._6WRva{cursor:row-resize;pointer-events:auto;position:absolute}._6WRva: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}._6WRva.-ZCjw:before,._6WRva._9Rhdc:before,._6WRva:hover:before{opacity:1}._6WRva.-ZCjw:before{transition:none}._6WRva[data-table-edge=bottom]:before{bottom:0;margin-top:0;top:auto}.x6SHD{animation:nFX1R .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}.Or4GT{animation:nFX1R .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}.h-YEX tr{height:auto!important}.E4e9b{cursor:grabbing!important}.E4e9b *{cursor:grabbing!important}.K2LsV{cursor:grabbing!important}.K2LsV *{cursor:grabbing!important}.q8xui{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}.l07lx{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}._3dMhc{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}.dKmQ7{--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)){.dKmQ7{--ricos-internal-table-border-color:var(--ricos-custom-table-border-color,rgb(from var(--ricos-text-color,#212121) r g b/0.2))}}.NjIrZ{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] .NjIrZ{margin-left:calc(max(10px, var(--table-border-left, 0px), var(--ricos-internal-table-gap, 0px) * .5)*-1 + var(--table-border-left, 0px))}.NjIrZ::-webkit-scrollbar{-webkit-appearance:none;height:10px}.NjIrZ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid #fff;border-radius:8px}.-Fq82{align-items:center;display:none;padding-left:16px;pointer-events:none;position:absolute;right:4px;z-index:2100}.-Fq82>*{pointer-events:auto}.xrUsx{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.xrUsx>*{pointer-events:auto}.ehF77{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.ehF77>*{pointer-events:auto}.pcpgd .-Fq82,.pcpgd .ehF77,.pcpgd .xrUsx{display:flex}.aHbW3{position:relative}.NjIrZ table{border-collapse:collapse;isolation:isolate;min-width:100%;position:relative;table-layout:fixed;width:100%}.NjIrZ 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)){.NjIrZ table th{background-color:var(--ricos-custom-table-background-color,rgb(from var(--ricos-text-color,#212121) r g b/.04))}}.NjIrZ table td,.NjIrZ table th{border:none;box-sizing:border-box;cursor:default;padding:0;position:relative;text-align:initial;vertical-align:top}.NjIrZ table td ._9Z6sf,.NjIrZ table th ._9Z6sf{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)}.NjIrZ table td ._9Z6sf>*,.NjIrZ table th ._9Z6sf>*{cursor:auto}.NjIrZ table .-Ju6e{background-color:var(--ricos-table-cell-background-color-preview)!important}.NjIrZ table .-Ju6e ._9Z6sf{position:relative;z-index:1}.NjIrZ table pre{margin-inline:0}.GiCyl:after,.fFlVE:after{content:\"\";inset:.75px;outline:1.5px solid #116dff!important;pointer-events:none;position:absolute;z-index:var(--ricos-table-selection-overlay-z,2000)}.fFlVE: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)){.fFlVE: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))}}.NjIrZ table td,.NjIrZ 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)}.NjIrZ table .n-auo{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)}.NjIrZ table ._9T9Kd{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)}.NjIrZ table .PfXwL{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)}.NjIrZ table .iEFe7{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)}.NjIrZ table td[data-visual-col=\"0\"],.NjIrZ table th[data-visual-col=\"0\"]{border-left-width:0}.NjIrZ table td[data-visual-row=\"0\"],.NjIrZ table th[data-visual-row=\"0\"]{border-top-width:0}[dir=rtl] .NjIrZ table .n-auo{left:var(--bt-ee,0);right:var(--bt-es,0)}[dir=rtl] .NjIrZ table ._9T9Kd{left:var(--bb-ee,0);right:var(--bb-es,0)}[dir=rtl] .NjIrZ table .PfXwL{left:unset;right:calc(var(--bl-w, 0px)/-2)}[dir=rtl] .NjIrZ table .iEFe7{left:calc(var(--br-w, 0px)/-2);right:unset}[dir=rtl] .NjIrZ table td,[dir=rtl] .NjIrZ table th{border-left-width:0;border-right-width:var(--ricos-internal-table-gap,0)}[dir=rtl] .NjIrZ table td[data-visual-col=\"0\"],[dir=rtl] .NjIrZ 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\": \"-e5ZU\",\n  \"horizonResizer\": \"QEZJl\",\n  \"verticalResizer\": \"iGKFU\",\n  \"highlightOnly\": \"o3CYa\",\n  \"resizeOverlay\": \"YUPgI\",\n  \"columnResizeHitZone\": \"z3AQo\",\n  \"peerHovered\": \"_9Rhdc\",\n  \"active\": \"-ZCjw\",\n  \"rowResizeHitZone\": \"_6WRva\",\n  \"columnResizeHandle\": \"x6SHD\",\n  \"resizeHandleFadeIn\": \"nFX1R\",\n  \"rowResizeHandle\": \"Or4GT\",\n  \"measuringRowHeight\": \"h-YEX\",\n  \"reorderCursorCol\": \"E4e9b\",\n  \"reorderCursorRow\": \"K2LsV\",\n  \"columnDropIndicator\": \"q8xui\",\n  \"rowDropIndicator\": \"l07lx\",\n  \"dragGhost\": \"_3dMhc\",\n  \"tableContainer\": \"dKmQ7\",\n  \"tableViewport\": \"NjIrZ\",\n  \"addColBar\": \"-Fq82\",\n  \"addRowBar\": \"xrUsx\",\n  \"tableSelectorBar\": \"ehF77\",\n  \"tableContainerFocused\": \"pcpgd\",\n  \"tableWrapper\": \"aHbW3\",\n  \"cell\": \"_9Z6sf\",\n  \"backgroundColorPreview\": \"-Ju6e\",\n  \"selectedCells\": \"fFlVE\",\n  \"selectedCell\": \"GiCyl\",\n  \"borderTop\": \"n-auo\",\n  \"borderBottom\": \"_9T9Kd\",\n  \"borderLeft\": \"PfXwL\",\n  \"borderRight\": \"iEFe7\"\n};"],
+  "sourcesContent": ["var styleDataHash = '94996d7b';  \nexport const injectCss = (() => {\n  var css = `.cFq-4{position:absolute;z-index:2000}.cFq-4.AbV0q{cursor:col-resize;height:20px;right:0;top:0;width:5px}.cFq-4.AbV0q:hover{border-right:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}.cFq-4._4dSAh{bottom:0;left:0}.cFq-4._4dSAh:not(._7i6o-){cursor:row-resize;height:5px;width:20px}.cFq-4._4dSAh:not(._7i6o-):hover{border-bottom:1px solid var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}@keyframes kp-pV{0%{opacity:0}to{opacity:1}}.py-QH{overflow:visible;pointer-events:none;position:absolute;z-index:2000}._0lIm0{cursor:col-resize;pointer-events:auto;position:absolute}._0lIm0: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}._0lIm0.ceoSA:before,._0lIm0.xbHwY:before,._0lIm0:hover:before{opacity:1}._0lIm0.xbHwY:before{transition:none}._0lIm0[data-table-edge=right]:before{left:auto;margin-left:0;right:0}._4-4qn{cursor:row-resize;pointer-events:auto;position:absolute}._4-4qn: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}._4-4qn.ceoSA:before,._4-4qn.xbHwY:before,._4-4qn:hover:before{opacity:1}._4-4qn.xbHwY:before{transition:none}._4-4qn[data-table-edge=bottom]:before{bottom:0;margin-top:0;top:auto}._4G5-S{animation:kp-pV .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}.H-Vpr{animation:kp-pV .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}.x9igc tr{height:auto!important}.Gv8im{cursor:grabbing!important}.Gv8im *{cursor:grabbing!important}.cCvA2{cursor:grabbing!important}.cCvA2 *{cursor:grabbing!important}.TAG3A{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}.xSl9T{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}.lQj71{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}._5m-DB{--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)){._5m-DB{--ricos-internal-table-border-color:var(--ricos-custom-table-border-color,rgb(from var(--ricos-text-color,#212121) r g b/0.2))}}.-gQGS{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] .-gQGS{margin-left:calc(max(10px, var(--table-border-left, 0px), var(--ricos-internal-table-gap, 0px) * .5)*-1 + var(--table-border-left, 0px))}.-gQGS::-webkit-scrollbar{-webkit-appearance:none;height:10px}.-gQGS::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid #fff;border-radius:8px}._4ZuI6{align-items:center;display:none;padding-left:16px;pointer-events:none;position:absolute;right:4px;z-index:2100}._4ZuI6>*{pointer-events:auto}.bVobJ{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.bVobJ>*{pointer-events:auto}.erGfI{display:none;justify-content:center;pointer-events:none;position:absolute;z-index:2100}.erGfI>*{pointer-events:auto}.iHpO- ._4ZuI6,.iHpO- .bVobJ,.iHpO- .erGfI{display:flex}.WxVLI{position:relative}.-gQGS table{border-collapse:collapse;isolation:isolate;min-width:100%;position:relative;table-layout:fixed;width:100%}.-gQGS 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)){.-gQGS table th{background-color:var(--ricos-custom-table-background-color,rgb(from var(--ricos-text-color,#212121) r g b/.04))}}.-gQGS table td,.-gQGS table th{border:none;box-sizing:border-box;cursor:default;padding:0;position:relative;text-align:initial;vertical-align:top}.-gQGS table td .mEBNX,.-gQGS table th .mEBNX{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)}.-gQGS table td .mEBNX>*,.-gQGS table th .mEBNX>*{cursor:auto}.-gQGS table .g5dsM{background-color:var(--ricos-table-cell-background-color-preview)!important}.-gQGS table .g5dsM .mEBNX{position:relative;z-index:1}.-gQGS table pre{margin-inline:0}._3kcgF:after,.oFWWq:after{content:\"\";inset:.75px;outline:1.5px solid #116dff!important;pointer-events:none;position:absolute;z-index:var(--ricos-table-selection-overlay-z,2000)}._3kcgF: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)){._3kcgF: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))}}.-gQGS table td,.-gQGS 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)}.-gQGS table .sne13{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)}.-gQGS table .T64F5{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)}.-gQGS table .j8r6T{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)}.-gQGS table .D96Yi{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)}.-gQGS table td[data-visual-col=\"0\"],.-gQGS table th[data-visual-col=\"0\"]{border-left-width:0}.-gQGS table td[data-visual-row=\"0\"],.-gQGS table th[data-visual-row=\"0\"]{border-top-width:0}[dir=rtl] .-gQGS table .sne13{left:var(--bt-ee,0);right:var(--bt-es,0)}[dir=rtl] .-gQGS table .T64F5{left:var(--bb-ee,0);right:var(--bb-es,0)}[dir=rtl] .-gQGS table .j8r6T{left:unset;right:calc(var(--bl-w, 0px)/-2)}[dir=rtl] .-gQGS table .D96Yi{left:calc(var(--br-w, 0px)/-2);right:unset}[dir=rtl] .-gQGS table td,[dir=rtl] .-gQGS table th{border-left-width:0;border-right-width:var(--ricos-internal-table-gap,0)}[dir=rtl] .-gQGS table td[data-visual-col=\"0\"],[dir=rtl] .-gQGS 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\": \"cFq-4\",\n  \"horizonResizer\": \"AbV0q\",\n  \"verticalResizer\": \"_4dSAh\",\n  \"highlightOnly\": \"_7i6o-\",\n  \"resizeOverlay\": \"py-QH\",\n  \"columnResizeHitZone\": \"_0lIm0\",\n  \"peerHovered\": \"ceoSA\",\n  \"active\": \"xbHwY\",\n  \"rowResizeHitZone\": \"_4-4qn\",\n  \"columnResizeHandle\": \"_4G5-S\",\n  \"resizeHandleFadeIn\": \"kp-pV\",\n  \"rowResizeHandle\": \"H-Vpr\",\n  \"measuringRowHeight\": \"x9igc\",\n  \"reorderCursorCol\": \"Gv8im\",\n  \"reorderCursorRow\": \"cCvA2\",\n  \"columnDropIndicator\": \"TAG3A\",\n  \"rowDropIndicator\": \"xSl9T\",\n  \"dragGhost\": \"lQj71\",\n  \"tableContainer\": \"_5m-DB\",\n  \"tableViewport\": \"-gQGS\",\n  \"addColBar\": \"_4ZuI6\",\n  \"addRowBar\": \"bVobJ\",\n  \"tableSelectorBar\": \"erGfI\",\n  \"tableContainerFocused\": \"iHpO-\",\n  \"tableWrapper\": \"WxVLI\",\n  \"cell\": \"mEBNX\",\n  \"backgroundColorPreview\": \"g5dsM\",\n  \"selectedCells\": \"_3kcgF\",\n  \"selectedCell\": \"oFWWq\",\n  \"borderTop\": \"sne13\",\n  \"borderBottom\": \"T64F5\",\n  \"borderLeft\": \"j8r6T\",\n  \"borderRight\": \"D96Yi\"\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 = "a0bc3b36";
+var styleDataHash = "c7361e37";
 const injectCss = (() => {
-  var css = `._4wVMh .Bottom.border,._4wVMh .Left.border,._4wVMh .Middle.border.horizontal,._4wVMh .Middle.border.vertical,._4wVMh .Right.border,._4wVMh .Top.border{fill:#cfd1dc}._7bXbQ{inset:0;position:absolute}._7bXbQ .Top.border{fill:var(--border-top-fill)}._7bXbQ .Right.border{fill:var(--border-right-fill)}._7bXbQ .Bottom.border{fill:var(--border-bottom-fill)}._7bXbQ .Left.border{fill:var(--border-left-fill)}._7bXbQ .Middle.border.horizontal{fill:var(--border-middle-h-fill)}._7bXbQ .Middle.border.vertical{fill:var(--border-middle-v-fill)}`;
+  var css = `.vj89I .Bottom.border,.vj89I .Left.border,.vj89I .Middle.border.horizontal,.vj89I .Middle.border.vertical,.vj89I .Right.border,.vj89I .Top.border{fill:#cfd1dc}.N4jfN{inset:0;position:absolute}.N4jfN .Top.border{fill:var(--border-top-fill)}.N4jfN .Right.border{fill:var(--border-right-fill)}.N4jfN .Bottom.border{fill:var(--border-bottom-fill)}.N4jfN .Left.border{fill:var(--border-left-fill)}.N4jfN .Middle.border.horizontal{fill:var(--border-middle-h-fill)}.N4jfN .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": "_4wVMh",
-  "cellBordersIconOverlay": "_7bXbQ"
+  "cellBordersIconBase": "vj89I",
+  "cellBordersIconOverlay": "N4jfN"
 };
 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 = 'a0bc3b36';  \nexport const injectCss = (() => {\n  var css = `._4wVMh .Bottom.border,._4wVMh .Left.border,._4wVMh .Middle.border.horizontal,._4wVMh .Middle.border.vertical,._4wVMh .Right.border,._4wVMh .Top.border{fill:#cfd1dc}._7bXbQ{inset:0;position:absolute}._7bXbQ .Top.border{fill:var(--border-top-fill)}._7bXbQ .Right.border{fill:var(--border-right-fill)}._7bXbQ .Bottom.border{fill:var(--border-bottom-fill)}._7bXbQ .Left.border{fill:var(--border-left-fill)}._7bXbQ .Middle.border.horizontal{fill:var(--border-middle-h-fill)}._7bXbQ .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\": \"_4wVMh\",\n  \"cellBordersIconOverlay\": \"_7bXbQ\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'c7361e37';  \nexport const injectCss = (() => {\n  var css = `.vj89I .Bottom.border,.vj89I .Left.border,.vj89I .Middle.border.horizontal,.vj89I .Middle.border.vertical,.vj89I .Right.border,.vj89I .Top.border{fill:#cfd1dc}.N4jfN{inset:0;position:absolute}.N4jfN .Top.border{fill:var(--border-top-fill)}.N4jfN .Right.border{fill:var(--border-right-fill)}.N4jfN .Bottom.border{fill:var(--border-bottom-fill)}.N4jfN .Left.border{fill:var(--border-left-fill)}.N4jfN .Middle.border.horizontal{fill:var(--border-middle-h-fill)}.N4jfN .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\": \"vj89I\",\n  \"cellBordersIconOverlay\": \"N4jfN\"\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 = 'ae8509a6';  
+var styleDataHash = 'ccd7507c';  
 export const injectCss = (() => {
-  var css = `.VW6Y5{color:var(--ricos-custom-table-color,inherit);--ricos-internal-table-border-color:var(
+  var css = `.dIFJ-{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)){.VW6Y5{--ricos-internal-table-border-color:var(
+  );clear:both}@supports (color:rgb(from #000 r g b/0.1)){.dIFJ-{--ricos-internal-table-border-color:var(
       --ricos-custom-table-border-color,rgb(from var(--ricos-text-color,#212121) r g b/0.2)
-    )}}.GKkU3:focus,.GKkU3>span:focus,.MG9gu:focus,.MG9gu>span:focus,._2MeUs:focus,._2MeUs>span:focus{outline:none}.qyOgc{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}.qyOgc::-webkit-scrollbar{-webkit-appearance:none;height:10px}.qyOgc::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid #fff;border-radius:8px}._2MeUs{isolation:isolate;min-width:100%;table-layout:fixed;width:100%}._2MeUs 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)){._2MeUs thead{border-color:rgb(from var(--ricos-text-color,#212121) r g b/.15)}}._2MeUs ._8w4Mp{min-width:10px}._2MeUs{border-collapse:separate;border-spacing:0}._2MeUs td,._2MeUs 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)}._2MeUs td[data-visual-col="0"],._2MeUs th[data-visual-col="0"]{border-left-width:0}._2MeUs td[data-visual-row="0"],._2MeUs th[data-visual-row="0"]{border-top-width:0}[dir=rtl] ._2MeUs td,[dir=rtl] ._2MeUs th{border-left-width:0;border-right-width:var(--ricos-internal-table-gap,0)}[dir=rtl] ._2MeUs td[data-visual-col="0"],[dir=rtl] ._2MeUs th[data-visual-col="0"]{border-right-width:0}.GGzBD{background-color:transparent;border:none;overflow:visible;padding:0;position:relative;vertical-align:top}.GGzBD.zCPiO{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)){.GGzBD.zCPiO{background-color:var(--ricos-custom-table-background-color,rgb(from var(--ricos-text-color,#212121) r g b/.04))}}.GGzBD.knhpj{z-index:2}.GGzBD .ZMyNH{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)){.GGzBD .ZMyNH{box-shadow:0 0 7px 0 rgb(from var(--ricos-text-color,#212121) r g b/.1)}}.GGzBD .knhpj{left:0;position:absolute;top:0;width:100%;z-index:1}.GGzBD .knhpj:not(.ZMyNH):not(.b39Ea){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)){.GGzBD .knhpj:not(.ZMyNH):not(.b39Ea){background-color:rgb(from var(--ricos-settings-action-color,var(--ricos-action-color,#116dff)) r g b/.2)}}.Ansic.QwsCC .public-DraftEditor-content>div>:last-child{height:1px}.Ansic.zMj-a>div>div>div>:last-child{height:1px}.yOaCf.QwsCC .public-DraftEditor-content>div>:first-child{height:1px}.yOaCf.zMj-a>div>div>div>:first-child{height:1px}@supports not (contain:inline-size){@media only screen and (min-width:640px){.QwsCC:not(.ZMyNH){pointer-events:none}}}@container (min-width: 640px){.QwsCC:not(.ZMyNH):where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){pointer-events:none}}@media (min-width:640px){.QwsCC:not(.ZMyNH):where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .QwsCC:not(.ZMyNH){pointer-events:none}}._6IPcj{caret-color:transparent;height:100%}._6IPcj.cAhfw{caret-color:unset;padding:10px 26px 10px 29px;width:100%}@supports not (contain:inline-size){@media only screen and (max-width:640px){._6IPcj.cAhfw{padding:10px 0 10px 10px}}}@container (width < 640px){._6IPcj.cAhfw:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){padding:10px 0 10px 10px}}@media (width < 640px){._6IPcj.cAhfw:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._6IPcj.cAhfw{padding:10px 0 10px 10px}}._6IPcj._2m3lk{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)}._5Mnot{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}.vC9Y9{border:1px solid rgba(0,0,0,.4);height:20px;max-width:20px;padding:0;width:20px}.vC9Y9.knhpj{border:1px double var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}.ivX4G{-webkit-tap-highlight-color:rgba(0,0,0,0)}.ivX4G ::selection{background:transparent}.ivX4G ::-moz-selection{background:transparent}`;
+    )}}.NLPS6:focus,.NLPS6>span:focus,._5ULrL:focus,._5ULrL>span:focus,._8MYys:focus,._8MYys>span:focus{outline:none}.HrV56{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}.HrV56::-webkit-scrollbar{-webkit-appearance:none;height:10px}.HrV56::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid #fff;border-radius:8px}._8MYys{isolation:isolate;min-width:100%;table-layout:fixed;width:100%}._8MYys 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)){._8MYys thead{border-color:rgb(from var(--ricos-text-color,#212121) r g b/.15)}}._8MYys .VYEnF{min-width:10px}._8MYys{border-collapse:separate;border-spacing:0}._8MYys td,._8MYys 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)}._8MYys td[data-visual-col="0"],._8MYys th[data-visual-col="0"]{border-left-width:0}._8MYys td[data-visual-row="0"],._8MYys th[data-visual-row="0"]{border-top-width:0}[dir=rtl] ._8MYys td,[dir=rtl] ._8MYys th{border-left-width:0;border-right-width:var(--ricos-internal-table-gap,0)}[dir=rtl] ._8MYys td[data-visual-col="0"],[dir=rtl] ._8MYys th[data-visual-col="0"]{border-right-width:0}.hJnfn{background-color:transparent;border:none;overflow:visible;padding:0;position:relative;vertical-align:top}.hJnfn._-4I7v{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)){.hJnfn._-4I7v{background-color:var(--ricos-custom-table-background-color,rgb(from var(--ricos-text-color,#212121) r g b/.04))}}.hJnfn._7MlaM{z-index:2}.hJnfn .EIo-a{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)){.hJnfn .EIo-a{box-shadow:0 0 7px 0 rgb(from var(--ricos-text-color,#212121) r g b/.1)}}.hJnfn ._7MlaM{left:0;position:absolute;top:0;width:100%;z-index:1}.hJnfn ._7MlaM:not(.EIo-a):not(._7deUh){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)){.hJnfn ._7MlaM:not(.EIo-a):not(._7deUh){background-color:rgb(from var(--ricos-settings-action-color,var(--ricos-action-color,#116dff)) r g b/.2)}}.iolh4.cRA3G .public-DraftEditor-content>div>:last-child{height:1px}.iolh4.sEG8i>div>div>div>:last-child{height:1px}.tUhQv.cRA3G .public-DraftEditor-content>div>:first-child{height:1px}.tUhQv.sEG8i>div>div>div>:first-child{height:1px}@supports not (contain:inline-size){@media only screen and (min-width:640px){.cRA3G:not(.EIo-a){pointer-events:none}}}@container (min-width: 640px){.cRA3G:not(.EIo-a):where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){pointer-events:none}}@media (min-width:640px){.cRA3G:not(.EIo-a):where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .cRA3G:not(.EIo-a){pointer-events:none}}.uPwb-{caret-color:transparent;height:100%}.uPwb-.L-CDL{caret-color:unset;padding:10px 26px 10px 29px;width:100%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.uPwb-.L-CDL{padding:10px 0 10px 10px}}}@container (width < 640px){.uPwb-.L-CDL:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){padding:10px 0 10px 10px}}@media (width < 640px){.uPwb-.L-CDL:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .uPwb-.L-CDL{padding:10px 0 10px 10px}}.uPwb-.xviLP{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)}._7ec-5{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}.SNk8L{border:1px solid rgba(0,0,0,.4);height:20px;max-width:20px;padding:0;width:20px}.SNk8L._7MlaM{border:1px double var(--ricos-settings-action-color,var(--ricos-action-color,#116dff))}.eGeog{-webkit-tap-highlight-color:rgba(0,0,0,0)}.eGeog ::selection{background:transparent}.eGeog ::-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
 };