jodit-pro 4.12.34 → 4.12.37

package/es2021.en/plugins/button-generator/button-generator.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.34
+ * Version: v4.12.37
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -13,7 +13,7 @@
  * Released under the MIT License.
  */.a-color-picker{background-color:#fff;padding:0;display:inline-flex;flex-direction:column;user-select:none;width:232px;font:400 10px Helvetica,Arial,sans-serif;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.25)}.a-color-picker,.a-color-picker-row,.a-color-picker input{box-sizing:border-box}.a-color-picker-row{padding:15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;user-select:none}.a-color-picker-row-top{padding:0}.a-color-picker-row:not(:first-child){border-top:1px solid #f5f5f5}.a-color-picker-column{display:flex;flex-direction:column}.a-color-picker-cell{flex:1 1 auto;margin-bottom:4px}.a-color-picker-cell:last-child{margin-bottom:0}.a-color-picker-stack{position:relative}.a-color-picker-dot{position:absolute;width:14px;height:14px;top:0;left:0;background:#fff;pointer-events:none;border-radius:50px;z-index:1000;box-shadow:0 1px 2px rgba(0,0,0,.75)}.a-color-picker-a,.a-color-picker-h,.a-color-picker-sl{cursor:cell}.a-color-picker-a+.a-color-picker-dot,.a-color-picker-h+.a-color-picker-dot{top:-2px}.a-color-picker-a,.a-color-picker-h{border-radius:2px}.a-color-picker-preview{box-sizing:border-box;width:30px;height:30px;user-select:none;border-radius:15px}.a-color-picker-circle{border-radius:50px;border:1px solid #eee}.a-color-picker-hsl,.a-color-picker-rgb,.a-color-picker-single-input{justify-content:space-evenly}.a-color-picker-hsl>label,.a-color-picker-rgb>label,.a-color-picker-single-input>label{padding:0 8px;flex:0 0 auto;color:#969696}.a-color-picker-hsl>input,.a-color-picker-rgb>input,.a-color-picker-single-input>input{text-align:center;padding:2px 0;width:0;flex:1 1 auto;border:1px solid #e0e0e0;line-height:20px}.a-color-picker-hsl>input::-webkit-inner-spin-button,.a-color-picker-rgb>input::-webkit-inner-spin-button,.a-color-picker-single-input>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.a-color-picker-hsl>input:focus,.a-color-picker-rgb>input:focus,.a-color-picker-single-input>input:focus{border-color:#04a9f4;outline:none}.a-color-picker-transparent{background-image:linear-gradient(-45deg,#cdcdcd 25%,transparent 0),linear-gradient(45deg,#cdcdcd 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#cdcdcd 0),linear-gradient(45deg,transparent 75%,#cdcdcd 0);background-size:11px 11px;background-position:0 0,0 -5.5px,-5.5px 5.5px,5.5px 0}.a-color-picker-sl{border-radius:3px 3px 0 0}.a-color-picker.hide-alpha [show-on-alpha],.a-color-picker.hide-hsl [show-on-hsl],.a-color-picker.hide-rgb [show-on-rgb],.a-color-picker.hide-single-input [show-on-single-input]{display:none}.a-color-picker-clipbaord{width:100%;height:100%;opacity:0;cursor:pointer}.a-color-picker-palette{flex-flow:wrap;flex-direction:row;justify-content:flex-start;padding:10px}.a-color-picker-palette-color{width:15px;height:15px;flex:0 1 15px;margin:3px;box-sizing:border-box;cursor:pointer;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.a-color-picker-palette-add{text-align:center;line-height:13px;color:#607d8b}.a-color-picker.hidden{display:none}`,""])},function(t,s){t.exports=function(t){var s=[];return s.toString=function(){return this.map(function(s){var r=function(t,s){var r=t[1]||"",o=t[3];if(!o)return r;if(s&&"function"==typeof btoa){var i="/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */";return[r].concat(o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"})).concat([i]).join(`
 `)}return[r].join(`
-`)}(s,t);return s[2]?"@media "+s[2]+"{"+r+"}":r}).join("")},s.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},i=0;i<this.length;i++){var a=this[i][0];"number"==typeof a&&(o[a]=!0)}for(i=0;i<t.length;i++){var n=t[i];"number"==typeof n[0]&&o[n[0]]||(r&&!n[2]?n[2]=r:r&&(n[2]="("+n[2]+") and ("+r+")"),s.push(n))}},s}}],s={};function r(o){if(s[o])return s[o].exports;var i=s[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=t,r.c=s,r.d=function(t,s,o){r.o(t,s)||Object.defineProperty(t,s,{enumerable:!0,get:o})},r.r=function(t){"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,s){if(1&s&&(t=r(t)),8&s||4&s&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&s&&"string"!=typeof t)for(var i in t)r.d(o,i,(function(s){return t[s]}).bind(null,i));return o},r.n=function(t){var s=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(s,"a",s),s},r.o=function(t,s){return Object.prototype.hasOwnProperty.call(t,s)},r.p="",r(r.s=1)}()},62357:function(t,s,r){"use strict";r.d(s,{UIRange:function(){return p}});var o=r(82749),i=r(31635),a=r(65478),n=r(21537),l=r(67510);class p extends l.UIInput{className(){return"UIRange"}appendUIRange(){let t=this.j.create.div(this.getFullElName("slider"));this.container.appendChild(t);let s=this.j.create.div(this.getFullElName("handle"));t.appendChild(s);let r=this.j.create.div(this.getFullElName("log")),o=this.getElm("label");o&&o.appendChild(r)}onDragStart(t){this.startValue=parseFloat(this.value)||0,this.startX=t.clientX;let s=this.getElm("slider");(0,n.assert)(null!=s,"slider element does not exists"),this.width=s.offsetWidth,this.j.e.on(this.j.ow,"mousemove",this.onDrag)}onDrag(t){let{min:s,max:r,step:o=1}=this.state,i=(t.clientX-this.startX)/this.width*(this.state.max-this.state.min),a=this.startValue+i;a<s&&(a=s),a>r&&(a=r),a=Math.round(a/o)*o,this.value=a.toFixed(10)}onDragEnd(){this.j.e.off(this.j.ow,"mousemove",this.onDrag)}onChangeSelfValue(){let t=this.getElm("handle"),s=parseFloat(this.value)||0;(0,n.assert)(null!=t,"Handle element does not exist"),(0,n.css)(t,{left:(s-this.state.min)/(this.state.max-this.state.min)*100+"%"});let r=this.getElm("log");(0,n.assert)(null!=r,"log element does not exist"),r.innerText=s.toString()}destruct(){return this.onDragEnd(),super.destruct()}constructor(t,s){super(t,{...s,type:"hidden"}),(0,o._)(this,"state",{...l.UIInput.defaultState,min:0,max:100,step:1}),(0,o._)(this,"startValue",0),(0,o._)(this,"startX",0),(0,o._)(this,"width",100),Object.assign(this.state,s),this.appendUIRange(),this.onChangeSelfValue()}}(0,i.__decorate)([(0,a.watch)(["handle:mousedown","handle:touchstart"])],p.prototype,"onDragStart",null),(0,i.__decorate)([a.autobind],p.prototype,"onDrag",null),(0,i.__decorate)([(0,a.watch)(["j.ow:mouseup","j.ow:touchend"])],p.prototype,"onDragEnd",null),(0,i.__decorate)([(0,a.watch)(":change")],p.prototype,"onChangeSelfValue",null),p=(0,i.__decorate)([a.component],p)},45632:function(t,s,r){"use strict";r.r(s),r.d(s,{buttonGenerator:function(){return b}});var o=r(82749),i=r(31635);r(82158);var a=r(82520),n=r(35987),l=r(65478),p=r(2748),c=r(50911),u=r(62843),h=r(78584),f=r(2692);class b extends c.Plugin{afterInit(t){t.e.on("toggleButtonGenerator",this.toggleButtonGenerator).on("isButtonGeneratorOpened",()=>this.__dialog?.isOpened)}toggleButtonGenerator(t){this.__dialog||(this.__dialog=new h.Dialog({language:this.j.o.language,theme:this.j.o.theme}),this.__ui=new n.UIButtonGenerator(this.__dialog),this.__dialog.setHeader("Button Generator").setContent(this.__ui).setSize(730,700)),t&&!p.Dom.isTag(t,new Set(["button","a"]))&&(t=void 0);let s=this.__ui,r=this.__dialog;r.isOpened?r.close():(t&&a.UIGButton.extractStyle(s.state,t),s.target=t,s.update(),r.setFooter([(0,u.Button)(r,"cancel","Cancel","default").onAction(()=>r.close()),(0,u.Button)(r,"ok",t?"Update":"Insert","primary").onAction(()=>{t||(t=this.j.createInside.element(s.state.href?"a":"button"),this.j.s.insertNode(t,!0,!1)),a.UIGButton.applyStyle(s.state,t),t.className=s.state.className||"",this.jodit.e.fire("synchro"),r.close()})]).open())}onDblClick(t){p.Dom.isTag(t.target,"button")&&this.toggleButtonGenerator(t.target)}beforeDestruct(t){this.__dialog?.destruct()}constructor(...t){super(...t),(0,o._)(this,"hasStyle",!f.JoditPro.fatMode),(0,o._)(this,"buttons",[{group:"form",name:"buttonGenerator"}]),(0,o._)(this,"__dialog",void 0),(0,o._)(this,"__ui",void 0)}}(0,o._)(b,"requires",["license","color-picker"]),(0,i.__decorate)([l.autobind],b.prototype,"toggleButtonGenerator",null),(0,i.__decorate)([(0,l.watch)(":dblclick")],b.prototype,"onDblClick",null),f.JoditPro.plugins.add("button-generator",b)},82158:function(t,s,r){"use strict";var o=r(34586),i=r.n(o),a=r(6441),n=r(68345);a.Config.prototype.controls.buttonGenerator={tooltip:"Button generator",icon:i(),isActive:t=>!!t.e.fire("isButtonGeneratorOpened"),exec(t,s){t.e.fire("toggleButtonGenerator",s)}},a.Config.prototype.popup.button=["buttonGenerator"],(0,n.isArray)(a.Config.prototype.popup.a)&&a.Config.prototype.popup.a.push("buttonGenerator")},82520:function(t,s,r){"use strict";r.d(s,{UIGButton:function(){return u}});var o=r(82749),i=r(31635),a=r(65478),n=r(21537),l=r(27613),p=r(38837),c=r(67510);class u extends c.UIElement{className(){return"UIGButton"}__updateStyles(){let{style:t}=this,s=this.getElm("button");(0,p.assert)(null!=s,"button element does not exist");let r=this.getElm("wrapper");(0,p.assert)(null!=r,"wrapper element does not exist"),r.style.backgroundColor=t.previewBgColor,u.applyStyle(t,s)}static applyStyle(t,s){let r=t=>(0,l.isString)(t)?t:t+"px";s.innerText=t.text||"css",s.setAttribute("href",t.href),(0,n.css)(s,{background:t.solid?null:`linear-gradient(to bottom, ${t.bgStart} 5%, ${t.bgEnd} 100%)`,backgroundColor:t.bgStart,borderRadius:r(t.borderRadius),border:`${r(t.borderSize)} solid ${t.borderColor}`,display:"inline-block",cursor:"pointer",color:t.fontColor,fontFamily:t.fontFamily,fontSize:r(t.fontSize),fontWeight:t.fontWeight?"bold":null,fontStyle:t.fontItalic?"italic":null,padding:`${r(t.paddingY)} ${r(t.paddingX)}`,textDecoration:"none"}),(0,n.css)(s,{textShadow:t.textShadow?[t.textShadowOffsetX,t.textShadowOffsetY,t.textShadowBlurRadius,t.textShadowColor].map(r).join(" "):null}),(0,n.css)(s,{boxShadow:t.boxShadow?[t.boxShadowInset?"inset":"",t.boxShadowOffsetX,t.boxShadowOffsetY,t.boxShadowBlurRadius,t.boxShadowSpreadRadius,t.boxShadowColor].map(r).join(" "):null})}update(){this.__updateStyles()}render(){return`<div>
+`)}(s,t);return s[2]?"@media "+s[2]+"{"+r+"}":r}).join("")},s.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},i=0;i<this.length;i++){var a=this[i][0];"number"==typeof a&&(o[a]=!0)}for(i=0;i<t.length;i++){var n=t[i];"number"==typeof n[0]&&o[n[0]]||(r&&!n[2]?n[2]=r:r&&(n[2]="("+n[2]+") and ("+r+")"),s.push(n))}},s}}],s={};function r(o){if(s[o])return s[o].exports;var i=s[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=t,r.c=s,r.d=function(t,s,o){r.o(t,s)||Object.defineProperty(t,s,{enumerable:!0,get:o})},r.r=function(t){"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,s){if(1&s&&(t=r(t)),8&s||4&s&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&s&&"string"!=typeof t)for(var i in t)r.d(o,i,(function(s){return t[s]}).bind(null,i));return o},r.n=function(t){var s=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(s,"a",s),s},r.o=function(t,s){return Object.prototype.hasOwnProperty.call(t,s)},r.p="",r(r.s=1)}()},62357:function(t,s,r){"use strict";r.d(s,{UIRange:function(){return p}});var o=r(82749),i=r(31635),a=r(65478),n=r(21537),l=r(67510);class p extends l.UIInput{className(){return"UIRange"}appendUIRange(){let t=this.j.create.div(this.getFullElName("slider"));this.container.appendChild(t);let s=this.j.create.div(this.getFullElName("handle"));t.appendChild(s);let r=this.j.create.div(this.getFullElName("log")),o=this.getElm("label");o&&o.appendChild(r)}onDragStart(t){this.startValue=parseFloat(this.value)||0,this.startX=t.clientX;let s=this.getElm("slider");(0,n.assert)(null!=s,"slider element does not exists"),this.width=s.offsetWidth,this.j.e.on(this.j.ow,"mousemove",this.onDrag)}onDrag(t){let{min:s,max:r,step:o=1}=this.state,i=(t.clientX-this.startX)/this.width*(this.state.max-this.state.min),a=this.startValue+i;a<s&&(a=s),a>r&&(a=r),a=Math.round(a/o)*o,this.value=a.toFixed(10)}onDragEnd(){this.j.e.off(this.j.ow,"mousemove",this.onDrag)}onChangeSelfValue(){let t=this.getElm("handle"),s=parseFloat(this.value)||0;(0,n.assert)(null!=t,"Handle element does not exist"),(0,n.css)(t,{left:(s-this.state.min)/(this.state.max-this.state.min)*100+"%"});let r=this.getElm("log");(0,n.assert)(null!=r,"log element does not exist"),r.innerText=s.toString()}destruct(){return this.onDragEnd(),super.destruct()}constructor(t,s){super(t,{...s,type:"hidden"}),(0,o._)(this,"state",{...l.UIInput.defaultState,min:0,max:100,step:1}),(0,o._)(this,"startValue",0),(0,o._)(this,"startX",0),(0,o._)(this,"width",100),Object.assign(this.state,s),this.appendUIRange(),this.onChangeSelfValue()}}(0,i.__decorate)([(0,a.watch)(["handle:mousedown","handle:touchstart"])],p.prototype,"onDragStart",null),(0,i.__decorate)([a.autobind],p.prototype,"onDrag",null),(0,i.__decorate)([(0,a.watch)(["j.ow:mouseup","j.ow:touchend"])],p.prototype,"onDragEnd",null),(0,i.__decorate)([(0,a.watch)(":change")],p.prototype,"onChangeSelfValue",null),p=(0,i.__decorate)([a.component],p)},45632:function(t,s,r){"use strict";r.r(s),r.d(s,{buttonGenerator:function(){return b}});var o=r(82749),i=r(31635);r(82158);var a=r(82520),n=r(35987),l=r(65478),p=r(2748),c=r(50911),u=r(62843),h=r(78584),f=r(2692);class b extends c.Plugin{afterInit(t){t.e.on("toggleButtonGenerator",this.toggleButtonGenerator).on("isButtonGeneratorOpened",()=>this.__dialog?.isOpened)}toggleButtonGenerator(t){this.__dialog||(this.__dialog=new h.Dialog({language:this.j.o.language,theme:this.j.o.theme,shadowRoot:this.j.o.shadowRoot}),this.__ui=new n.UIButtonGenerator(this.__dialog),this.__dialog.setHeader("Button Generator").setContent(this.__ui).setSize(730,700)),t&&!p.Dom.isTag(t,new Set(["button","a"]))&&(t=void 0);let s=this.__ui,r=this.__dialog;r.isOpened?r.close():(t&&a.UIGButton.extractStyle(s.state,t),s.target=t,s.update(),r.setFooter([(0,u.Button)(r,"cancel","Cancel","default").onAction(()=>r.close()),(0,u.Button)(r,"ok",t?"Update":"Insert","primary").onAction(()=>{t||(t=this.j.createInside.element(s.state.href?"a":"button"),this.j.s.insertNode(t,!0,!1)),a.UIGButton.applyStyle(s.state,t),t.className=s.state.className||"",this.jodit.e.fire("synchro"),r.close()})]).open())}onDblClick(t){p.Dom.isTag(t.target,"button")&&this.toggleButtonGenerator(t.target)}beforeDestruct(t){this.__dialog?.destruct()}constructor(...t){super(...t),(0,o._)(this,"hasStyle",!f.JoditPro.fatMode),(0,o._)(this,"buttons",[{group:"form",name:"buttonGenerator"}]),(0,o._)(this,"__dialog",void 0),(0,o._)(this,"__ui",void 0)}}(0,o._)(b,"requires",["license","color-picker"]),(0,i.__decorate)([l.autobind],b.prototype,"toggleButtonGenerator",null),(0,i.__decorate)([(0,l.watch)(":dblclick")],b.prototype,"onDblClick",null),f.JoditPro.plugins.add("button-generator",b)},82158:function(t,s,r){"use strict";var o=r(34586),i=r.n(o),a=r(6441),n=r(68345);a.Config.prototype.controls.buttonGenerator={tooltip:"Button generator",icon:i(),isActive:t=>!!t.e.fire("isButtonGeneratorOpened"),exec(t,s){t.e.fire("toggleButtonGenerator",s)}},a.Config.prototype.popup.button=["buttonGenerator"],(0,n.isArray)(a.Config.prototype.popup.a)&&a.Config.prototype.popup.a.push("buttonGenerator")},82520:function(t,s,r){"use strict";r.d(s,{UIGButton:function(){return u}});var o=r(82749),i=r(31635),a=r(65478),n=r(21537),l=r(27613),p=r(38837),c=r(67510);class u extends c.UIElement{className(){return"UIGButton"}__updateStyles(){let{style:t}=this,s=this.getElm("button");(0,p.assert)(null!=s,"button element does not exist");let r=this.getElm("wrapper");(0,p.assert)(null!=r,"wrapper element does not exist"),r.style.backgroundColor=t.previewBgColor,u.applyStyle(t,s)}static applyStyle(t,s){let r=t=>(0,l.isString)(t)?t:t+"px";s.innerText=t.text||"css",s.setAttribute("href",t.href),(0,n.css)(s,{background:t.solid?null:`linear-gradient(to bottom, ${t.bgStart} 5%, ${t.bgEnd} 100%)`,backgroundColor:t.bgStart,borderRadius:r(t.borderRadius),border:`${r(t.borderSize)} solid ${t.borderColor}`,display:"inline-block",cursor:"pointer",color:t.fontColor,fontFamily:t.fontFamily,fontSize:r(t.fontSize),fontWeight:t.fontWeight?"bold":null,fontStyle:t.fontItalic?"italic":null,padding:`${r(t.paddingY)} ${r(t.paddingX)}`,textDecoration:"none"}),(0,n.css)(s,{textShadow:t.textShadow?[t.textShadowOffsetX,t.textShadowOffsetY,t.textShadowBlurRadius,t.textShadowColor].map(r).join(" "):null}),(0,n.css)(s,{boxShadow:t.boxShadow?[t.boxShadowInset?"inset":"",t.boxShadowOffsetX,t.boxShadowOffsetY,t.boxShadowBlurRadius,t.boxShadowSpreadRadius,t.boxShadowColor].map(r).join(" "):null})}update(){this.__updateStyles()}render(){return`<div>
 			<div class='&__wrapper'>
 				<button class='&__button'>css</button>
 			</div>

package/es2021.en/plugins/change-case/change-case.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.34
+ * Version: v4.12.37
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */

package/es2021.en/plugins/change-case/change-case.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.34
+ * Version: v4.12.37
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */

package/es2021.en/plugins/color-picker/color-picker.css

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.34
+ * Version: v4.12.37
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */

package/es2021.en/plugins/color-picker/color-picker.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.34
+ * Version: v4.12.37
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */

package/es2021.en/plugins/color-picker/color-picker.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.34
+ * Version: v4.12.37
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */

package/es2021.en/plugins/emoji/emoji.css

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.34
+ * Version: v4.12.37
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */

package/es2021.en/plugins/emoji/emoji.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.34
+ * Version: v4.12.37
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -229,8 +229,15 @@ class Emoji extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_5__.UIElement {
             newActive.classList.add(activeClass);
         }
         if (scrollIntoView) {
-            const titles = this.getElms('category-title');
-            titles[index].scrollIntoView();
+            const title = this.getElms('category-title')[index];
+            // Scroll the plugin's own list container directly instead of calling
+            // `title.scrollIntoView()`. Inside a Shadow DOM (the `shadowRoot`
+            // option) `scrollIntoView()` can pick the wrong scroll container and
+            // scroll the whole page, leaving the editor unusable. Setting
+            // `scrollTop` is deterministic and mirrors the math in `onScrollList`.
+            if (title) {
+                this.list.scrollTop = title.offsetTop - this.list.offsetTop;
+            }
         }
         this.activeIndex = index;
     }