@ckeditor/ckeditor5-comments 37.0.1 → 38.0.0-rc.0

package/src/comments/ui/view/commentview.d.ts

@@ -47,15 +47,25 @@ export default class CommentView extends CommentView_base {
      */
     resolvedAt: Date | null;
     /**
-     * Collection for action bar elements.
+     * Collection for UI elements that manage the comment.
+     *
+     * Elements that may be found in the action bar (depending on the comment view properties):
+     *
+     * * the resolve comment thread button (only if the comment is the first comment),
+     * * a dropdown with actions ({@link ~CommentView#dropdown `dropdown`}).
      */
     actionBar: ViewCollection;
     /**
      * View collection which holds all the comments dropdown elements.
+     *
+     * May include, depending on the view properties:
+     *
+     * * {@link ~CommentView#editButton `editButton`},
+     * * {@link ~CommentView#removeButton `removeButton`}.
      */
     items: ViewCollection<ButtonView>;
     /**
-     * Dropdown containing comment action buttons.
+     * Dropdown containing comment action buttons defined in {@link ~CommentView#items `items`}.
      */
     dropdown: DropdownView;
     /**
@@ -103,6 +113,7 @@ export default class CommentView extends CommentView_base {
      * 				class: [
      * 					'ck-comment',
      * 					'ck-annotation',
+     * 					bind.if( 'isSystemComment', 'ck-comment--info' ),
      * 					bind.if( 'isEditMode', 'ck-comment--edit' ),
      * 					bind.to( 'actionIndicator', value => value ? `ck-comment--${ value }` : '' )
      * 				],
@@ -169,10 +180,7 @@ export default class CommentView extends CommentView_base {
      * 								]
      * 							},
      *
-     * 							children: [
-     * 								this.editButton,
-     * 								this.removeButton
-     * 							]
+     * 							children: this.actionBar
      * 						},
      * 						{
      * 							tag: 'div',
@@ -191,7 +199,7 @@ export default class CommentView extends CommentView_base {
      * 							},
      *
      * 							children: [ {
-     * 								text: getTranslation( this.locale, 'EXTERNAL_COMMENT' )
+     * 								text: this.getExternalCommentNote()
      * 							} ]
      * 						}
      * 					]

package/src/comments/ui/view/commentview.js

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x54fa=['render','isEditable','ck-annotation__info','name','ck-comment--info','ck-comment--edit','ck-annotation__actions','ck-comment__main','getTemplate','threeVerticalDots','fire','push','getUserViewNotificationText','source','actionBar','ck-comment--remove','isReadOnly','extendTemplate','ck-annotation__user','attributes','buttonView','focus','time','Remove','bindTemplate','blur','label','ck-comment','bind','visibleView','some','isSystemComment','authoredAt','ck-annotation','Show\x20more\x20items','editButton','div','actionIndicator','_attachActions','isConfirm','ck-comment__external','removeButton','execute','getExternalCommentNote','author','panelView','_createRemoveButton','then','resolvedAt','isExternal','change:isVisible','ck-comment__actions--hidden','ck-comment__info-time','placeholder','listenTo','change:isEnabled','panelPosition','items','set','userView','_createDropdown','_model','EXTERNAL_IMPORT_WORD_COMMENT','change:isRemovable','ck-annotation__info-name','icon','mouseenter','pencil','isVisible','element','showConfirm','locale','dropdown','ck-comment--remove-confirmation','ck-annotation__content-wrapper','_createEditButton','setTemplate','_config','ck-comment--','Reply...','EXTERNAL_IMPORT_WORD_AVATAR','remove','ck-comment__info','createCollection','isEnabled','switchToEditMode','Edit','isRemovable','EXTERNAL_COMMENT','children','add','ck-annotation__main','isEditMode','edit','cancelConfirm','@external','mouseleave'];(function(_0x100fb2,_0x54fa7d){const _0x453fe6=function(_0xe262aa){while(--_0xe262aa){_0x100fb2['push'](_0x100fb2['shift']());}};_0x453fe6(++_0x54fa7d);}(_0x54fa,0xa7));const _0x453f=function(_0x100fb2,_0x54fa7d){_0x100fb2=_0x100fb2-0x0;let _0x453fe6=_0x54fa[_0x100fb2];return _0x453fe6;};import{ButtonView as _0x4e4cb3,createDropdown as _0x48fef9,ListView as _0x49d7af,ListItemView as _0x51ce5e}from'ckeditor5/src/ui';import{icons as _0x2c893f}from'ckeditor5/src/core';import{UserView as _0x4b399f,ConfirmMixin as _0x10e5a4}from'ckeditor5-collaboration/src/collaboration-core';import _0x686116 from'./basecommentview';import _0x46cfaa from'../../../../theme/icons/remove-comment.svg';import{getTranslation as _0x45f14c}from'../../../utils/common-translations';export default class lt extends _0x10e5a4(_0x686116){constructor(_0x1b3d20,_0x4fb104,_0x5475a2){super(_0x1b3d20,_0x4fb104,_0x5475a2),this[_0x453f('0x55')](_0x453f('0x40'),null),this[_0x453f('0x55')](_0x453f('0x50'),_0x45f14c(_0x1b3d20,_0x453f('0x9'))),this[_0x453f('0x37')]('authoredAt')['to'](_0x4fb104),this['bind'](_0x453f('0x4b'))['to'](_0x4fb104),this[_0x453f('0x29')]=this[_0x453f('0xd')](),this[_0x453f('0x3a')]||(this[_0x453f('0x3e')]=this[_0x453f('0x5')](),this[_0x453f('0x44')]=this['_createRemoveButton'](),this[_0x453f('0x54')]=this[_0x453f('0xd')](),this[_0x453f('0x54')]['addMany']([this['editButton'],this[_0x453f('0x44')]]),this[_0x453f('0x2')]=this[_0x453f('0x57')](),this['actionBar'][_0x453f('0x14')](this[_0x453f('0x2')])),this[_0x453f('0x56')]=new _0x4b399f(_0x1b3d20,_0x4fb104[_0x453f('0x47')],this[_0x453f('0x27')]()),this[_0x453f('0x56')][_0x453f('0x2c')]({'attributes':{'class':['ck-comment__user',_0x453f('0x2d')]}}),this['listenTo'](_0x4fb104,_0x453f('0x5a'),()=>this[_0x453f('0x18')]()),this[_0x453f('0x6')](this[_0x453f('0x23')]());}[_0x453f('0x23')](){const _0x2c51db=this[_0x453f('0x33')],_0x52ed5d=[{'tag':_0x453f('0x3f'),'attributes':{'class':[_0x453f('0xc'),_0x453f('0x1d')]},'children':[{'tag':'span','children':[{'text':this[_0x453f('0x56')][_0x453f('0x1e')]}],'attributes':{'class':['ck-comment__info-name',_0x453f('0x5b')]}},{'tag':_0x453f('0x31'),'attributes':{'datetime':_0x2c51db['to'](_0x453f('0x3b')),'class':[_0x453f('0x4f'),'ck-annotation__info-time']},'children':[{'text':_0x2c51db['to'](_0x453f('0x3b'),_0x4eabe3=>this[_0x453f('0x7')]['formatDateTime'](_0x4eabe3))}]}]},{'tag':_0x453f('0x3f'),'attributes':{'class':['ck-comment__actions',_0x453f('0x21'),_0x2c51db['if'](_0x453f('0x16'),_0x453f('0x4e')),_0x2c51db['if']('isEditMode','ck-annotation__actions--hidden')]},'children':this[_0x453f('0x29')]},{'tag':_0x453f('0x3f'),'attributes':{'class':[_0x453f('0x4')]},'children':this[_0x453f('0x38')]}];return this[_0x453f('0x58')][_0x453f('0x4c')]&&_0x52ed5d[_0x453f('0x26')]({'tag':_0x453f('0x3f'),'attributes':{'class':[_0x453f('0x43')]},'children':[{'text':this[_0x453f('0x46')]()}]}),{'tag':'li','attributes':{'class':['ck-comment__wrapper',_0x2c51db['if'](_0x453f('0x42'),_0x453f('0x3'))],'tabindex':-0x1},'children':[{'tag':_0x453f('0x3f'),'attributes':{'class':[_0x453f('0x36'),_0x453f('0x3c'),_0x2c51db['if'](_0x453f('0x16'),_0x453f('0x20')),_0x2c51db['if']('isSystemComment',_0x453f('0x1f')),_0x2c51db['to'](_0x453f('0x40'),_0x1d6e1c=>_0x1d6e1c?_0x453f('0x8')+_0x1d6e1c:'')],'data-author-id':this[_0x453f('0x58')][_0x453f('0x47')]['id'],'data-comment-id':this[_0x453f('0x58')]['id']},'children':[this[_0x453f('0x56')],{'tag':'div','attributes':{'class':[_0x453f('0x22'),_0x453f('0x15')]},'children':_0x52ed5d}]}]};}[_0x453f('0x5')](){const _0x1c80c2=new _0x4e4cb3(this['locale']);return _0x1c80c2[_0x453f('0x35')]=_0x45f14c(this['locale'],_0x453f('0x10')),_0x1c80c2[_0x453f('0x5c')]=_0x2c893f[_0x453f('0x5e')],_0x1c80c2['withText']=!0x0,_0x1c80c2[_0x453f('0x2c')]({'attributes':{'class':_0x453f('0x20')}}),_0x1c80c2[_0x453f('0x37')](_0x453f('0xe'))['to'](this[_0x453f('0x58')],'isReadOnly',_0x2e0ce3=>!_0x2e0ce3),_0x1c80c2[_0x453f('0x37')](_0x453f('0x5f'))['to'](this[_0x453f('0x58')],_0x453f('0x1c')),_0x1c80c2['on']('execute',()=>this[_0x453f('0xf')]()),_0x1c80c2;}[_0x453f('0x49')](){const _0x33a78a=new _0x4e4cb3(this[_0x453f('0x1')]);return _0x33a78a[_0x453f('0x35')]=_0x45f14c(this[_0x453f('0x1')],_0x453f('0x32')),_0x33a78a[_0x453f('0x5c')]=_0x46cfaa,_0x33a78a['withText']=!0x0,_0x33a78a[_0x453f('0x2c')]({'attributes':{'class':_0x453f('0x2a')}}),_0x33a78a[_0x453f('0x37')]('isEnabled')['to'](this[_0x453f('0x58')],_0x453f('0x2b'),_0x461774=>!_0x461774),_0x33a78a[_0x453f('0x37')](_0x453f('0x5f'))['to'](this[_0x453f('0x58')],_0x453f('0x11')),_0x33a78a['on'](_0x453f('0x45'),()=>{this[_0x453f('0x0')](_0x45f14c(this['locale'],'Delete\x20comment?'),this[_0x453f('0x60')])[_0x453f('0x4a')](()=>{this[_0x453f('0x25')]('removeComment',this[_0x453f('0x58')]['id']);});}),_0x33a78a;}[_0x453f('0x57')](){const _0x4695e6=_0x48fef9(this[_0x453f('0x1')]),_0x45a76f=_0x4695e6[_0x453f('0x48')][_0x453f('0x13')],_0x2dfde6=new _0x49d7af(this['locale']),_0x58b985=(_0x2f9b93,_0x44af28=-0x1)=>{const _0xf0bd03=new _0x51ce5e(this[_0x453f('0x1')]);_0xf0bd03[_0x453f('0x13')]['add'](_0x2f9b93);const _0x17dbf5=_0x44af28>-0x1?_0x44af28:_0x2dfde6['items']['length'];_0x2dfde6[_0x453f('0x54')]['add'](_0xf0bd03,_0x17dbf5),_0x4695e6[_0x453f('0x51')](_0x2f9b93,_0x453f('0x52'),()=>{_0x4695e6[_0x453f('0xe')]=[...this[_0x453f('0x54')]][_0x453f('0x39')](_0x27e39d=>_0x27e39d[_0x453f('0xe')]);}),_0x4695e6[_0x453f('0x51')](_0x2f9b93,_0x453f('0x4d'),()=>{_0x4695e6[_0x453f('0x2f')][_0x453f('0x5f')]=[...this[_0x453f('0x54')]][_0x453f('0x39')](_0x203cb8=>_0x203cb8['isVisible']);});};_0x4695e6[_0x453f('0x53')]='sw',_0x4695e6['buttonView'][_0x453f('0x55')]({'label':_0x45f14c(this[_0x453f('0x1')],_0x453f('0x3d')),'icon':_0x2c893f[_0x453f('0x24')]}),_0x4695e6[_0x453f('0xe')]=[...this[_0x453f('0x54')]][_0x453f('0x39')](_0x4ec3d1=>_0x4ec3d1['isEnabled']),_0x4695e6[_0x453f('0x2f')]['isVisible']=[...this[_0x453f('0x54')]][_0x453f('0x39')](_0x4c74ab=>_0x4c74ab['isVisible']);for(const _0x468700 of this[_0x453f('0x54')])_0x58b985(_0x468700);return _0x45a76f[_0x453f('0x14')](_0x2dfde6),_0x4695e6[_0x453f('0x51')](this[_0x453f('0x54')],'add',(_0x1920b9,_0x4f2b03,_0x27ead6)=>{_0x58b985(_0x4f2b03,_0x27ead6);}),_0x4695e6[_0x453f('0x51')](this[_0x453f('0x54')],'remove',(_0x4d7720,_0x40e47,_0x63e1d2)=>{_0x2dfde6[_0x453f('0x54')][_0x453f('0xb')](_0x63e1d2);}),_0x4695e6;}[_0x453f('0x41')](_0x24d967,_0x1384ff){const _0x277c8b=_0x24d967&&_0x24d967[_0x453f('0x60')];_0x277c8b&&(this[_0x453f('0x51')](_0x277c8b,_0x453f('0x5d'),()=>this[_0x453f('0x40')]=_0x1384ff),this[_0x453f('0x51')](_0x277c8b,_0x453f('0x30'),()=>this[_0x453f('0x40')]=_0x1384ff),this['listenTo'](_0x277c8b,_0x453f('0x1a'),()=>this[_0x453f('0x40')]=null),this['listenTo'](_0x277c8b,_0x453f('0x34'),()=>this['actionIndicator']=null));}['_createCommentInputView'](){const _0xf35e5d=super['_createCommentInputView']();return _0xf35e5d[_0x453f('0x37')](_0x453f('0x50'))['to'](this),_0xf35e5d;}[_0x453f('0x46')](){return'importWord'===this['_model'][_0x453f('0x2e')]['@external'][_0x453f('0x28')]?_0x45f14c(this['locale'],_0x453f('0x59')):_0x45f14c(this[_0x453f('0x1')],_0x453f('0x12'));}[_0x453f('0x27')](){return this['_model'][_0x453f('0x4c')]?'importWord'===this['_model'][_0x453f('0x2e')][_0x453f('0x19')][_0x453f('0x28')]?_0x45f14c(this[_0x453f('0x1')],_0x453f('0xa'),this[_0x453f('0x58')]['creator'][_0x453f('0x1e')]):_0x45f14c(this['locale'],'EXTERNAL_AVATAR',this[_0x453f('0x58')]['creator']['name']):null;}[_0x453f('0x1b')](){super[_0x453f('0x1b')](),this[_0x453f('0x41')](this[_0x453f('0x3e')],_0x453f('0x17')),this[_0x453f('0x41')](this['removeButton'],_0x453f('0xb'));}}
+const _0xc561=['isConfirm','ck-annotation','extendTemplate','length','actionIndicator','ck-comment__info','actionBar','icon','addMany','children','attributes','_createDropdown','add','mouseleave','isEditMode','authoredAt','Remove','bindTemplate','isVisible','isRemovable','source','_attachActions','Edit','element','div','ck-comment--remove','ck-comment--edit','some','_model','change:isEnabled','switchToEditMode','_createRemoveButton','ck-comment__main','createCollection','threeVerticalDots','change:isVisible','placeholder','set','items','ck-comment','withText','importWord','_createCommentInputView','getUserViewNotificationText','author','listenTo','panelView','cancelConfirm','push','Reply...','change:isRemovable','time','ck-annotation__content-wrapper','ck-annotation__info-name','removeButton','ck-comment__actions','ck-comment__user','dropdown','edit','ck-annotation__info','userView','getTemplate','name','ck-annotation__main','bind','isSystemComment','formatDateTime','ck-comment__external','ck-annotation__info-time','editButton','_config','getExternalCommentNote','ck-comment--info','_createEditButton','buttonView','visibleView','isEditable','render','isEnabled','remove','ck-comment__info-time','resolvedAt','execute','removeComment','ck-annotation__actions--hidden','ck-comment__actions--hidden','label','span','isReadOnly','locale','then','Show\x20more\x20items','@external'];(function(_0x1921e2,_0xc5611e){const _0x3a8b6b=function(_0xb77491){while(--_0xb77491){_0x1921e2['push'](_0x1921e2['shift']());}};_0x3a8b6b(++_0xc5611e);}(_0xc561,0xcd));const _0x3a8b=function(_0x1921e2,_0xc5611e){_0x1921e2=_0x1921e2-0x0;let _0x3a8b6b=_0xc561[_0x1921e2];return _0x3a8b6b;};import{ButtonView as _0x410649,createDropdown as _0xdd1a86,ListView as _0xa7c8d5,ListItemView as _0x4a0a3b}from'ckeditor5/src/ui';import{icons as _0x2016c3}from'ckeditor5/src/core';import{UserView as _0x19a7f3,ConfirmMixin as _0x1b02ac}from'ckeditor5-collaboration/src/collaboration-core';import _0x3bd831 from'./basecommentview';import _0x36a0d2 from'../../../../theme/icons/remove-comment.svg';import{getTranslation as _0x5109fa}from'../../../utils/common-translations';export default class ut extends _0x1b02ac(_0x3bd831){constructor(_0x4e4302,_0x37544f,_0xf5d823){super(_0x4e4302,_0x37544f,_0xf5d823),this['set'](_0x3a8b('0x4e'),null),this[_0x3a8b('0x12')](_0x3a8b('0x11'),_0x5109fa(_0x4e4302,_0x3a8b('0x1e'))),this[_0x3a8b('0x2d')](_0x3a8b('0x59'))['to'](_0x37544f),this[_0x3a8b('0x2d')](_0x3a8b('0x3e'))['to'](_0x37544f),this[_0x3a8b('0x50')]=this[_0x3a8b('0xe')](),this[_0x3a8b('0x2e')]||(this[_0x3a8b('0x32')]=this['_createEditButton'](),this['removeButton']=this[_0x3a8b('0xc')](),this['items']=this[_0x3a8b('0xe')](),this['items'][_0x3a8b('0x52')]([this['editButton'],this[_0x3a8b('0x23')]]),this[_0x3a8b('0x26')]=this[_0x3a8b('0x55')](),this[_0x3a8b('0x50')][_0x3a8b('0x56')](this[_0x3a8b('0x26')])),this[_0x3a8b('0x29')]=new _0x19a7f3(_0x4e4302,_0x37544f[_0x3a8b('0x19')],this[_0x3a8b('0x18')]()),this[_0x3a8b('0x29')]['extendTemplate']({'attributes':{'class':[_0x3a8b('0x25'),'ck-annotation__user']}}),this[_0x3a8b('0x1a')](_0x37544f,_0x3a8b('0x1f'),()=>this[_0x3a8b('0x1c')]()),this['setTemplate'](this[_0x3a8b('0x2a')]());}[_0x3a8b('0x2a')](){const _0xa445d5=this[_0x3a8b('0x5b')],_0x5e9f50=[{'tag':_0x3a8b('0x5'),'attributes':{'class':[_0x3a8b('0x4f'),_0x3a8b('0x28')]},'children':[{'tag':_0x3a8b('0x44'),'children':[{'text':this['userView']['name']}],'attributes':{'class':['ck-comment__info-name',_0x3a8b('0x22')]}},{'tag':_0x3a8b('0x20'),'attributes':{'datetime':_0xa445d5['to']('authoredAt'),'class':[_0x3a8b('0x3d'),_0x3a8b('0x31')]},'children':[{'text':_0xa445d5['to'](_0x3a8b('0x59'),_0x3c42fe=>this[_0x3a8b('0x33')][_0x3a8b('0x2f')](_0x3c42fe))}]}]},{'tag':_0x3a8b('0x5'),'attributes':{'class':[_0x3a8b('0x24'),'ck-annotation__actions',_0xa445d5['if']('isEditMode',_0x3a8b('0x42')),_0xa445d5['if'](_0x3a8b('0x58'),_0x3a8b('0x41'))]},'children':this[_0x3a8b('0x50')]},{'tag':_0x3a8b('0x5'),'attributes':{'class':[_0x3a8b('0x21')]},'children':this[_0x3a8b('0x38')]}];return this[_0x3a8b('0x9')]['isExternal']&&_0x5e9f50[_0x3a8b('0x1d')]({'tag':_0x3a8b('0x5'),'attributes':{'class':[_0x3a8b('0x30')]},'children':[{'text':this[_0x3a8b('0x34')]()}]}),{'tag':'li','attributes':{'class':['ck-comment__wrapper',_0xa445d5['if'](_0x3a8b('0x4a'),'ck-comment--remove-confirmation')],'tabindex':-0x1},'children':[{'tag':_0x3a8b('0x5'),'attributes':{'class':[_0x3a8b('0x14'),_0x3a8b('0x4b'),_0xa445d5['if'](_0x3a8b('0x58'),_0x3a8b('0x7')),_0xa445d5['if']('isSystemComment',_0x3a8b('0x35')),_0xa445d5['to']('actionIndicator',_0x407f57=>_0x407f57?'ck-comment--'+_0x407f57:'')],'data-author-id':this['_model'][_0x3a8b('0x19')]['id'],'data-comment-id':this[_0x3a8b('0x9')]['id']},'children':[this[_0x3a8b('0x29')],{'tag':_0x3a8b('0x5'),'attributes':{'class':[_0x3a8b('0xd'),_0x3a8b('0x2c')]},'children':_0x5e9f50}]}]};}[_0x3a8b('0x36')](){const _0x2b4c48=new _0x410649(this[_0x3a8b('0x46')]);return _0x2b4c48[_0x3a8b('0x43')]=_0x5109fa(this['locale'],_0x3a8b('0x3')),_0x2b4c48[_0x3a8b('0x51')]=_0x2016c3['pencil'],_0x2b4c48[_0x3a8b('0x15')]=!0x0,_0x2b4c48[_0x3a8b('0x4c')]({'attributes':{'class':_0x3a8b('0x7')}}),_0x2b4c48['bind'](_0x3a8b('0x3b'))['to'](this['_model'],'isReadOnly',_0x40e73b=>!_0x40e73b),_0x2b4c48[_0x3a8b('0x2d')](_0x3a8b('0x5c'))['to'](this[_0x3a8b('0x9')],_0x3a8b('0x39')),_0x2b4c48['on']('execute',()=>this[_0x3a8b('0xb')]()),_0x2b4c48;}['_createRemoveButton'](){const _0x477133=new _0x410649(this[_0x3a8b('0x46')]);return _0x477133[_0x3a8b('0x43')]=_0x5109fa(this[_0x3a8b('0x46')],_0x3a8b('0x5a')),_0x477133[_0x3a8b('0x51')]=_0x36a0d2,_0x477133[_0x3a8b('0x15')]=!0x0,_0x477133['extendTemplate']({'attributes':{'class':_0x3a8b('0x6')}}),_0x477133[_0x3a8b('0x2d')](_0x3a8b('0x3b'))['to'](this[_0x3a8b('0x9')],_0x3a8b('0x45'),_0x3cb959=>!_0x3cb959),_0x477133['bind'](_0x3a8b('0x5c'))['to'](this[_0x3a8b('0x9')],_0x3a8b('0x0')),_0x477133['on'](_0x3a8b('0x3f'),()=>{this['showConfirm'](_0x5109fa(this[_0x3a8b('0x46')],'Delete\x20comment?'),this[_0x3a8b('0x4')])[_0x3a8b('0x47')](()=>{this['fire'](_0x3a8b('0x40'),this[_0x3a8b('0x9')]['id']);});}),_0x477133;}[_0x3a8b('0x55')](){const _0x9b9cdb=_0xdd1a86(this[_0x3a8b('0x46')]),_0xc76dd9=_0x9b9cdb[_0x3a8b('0x1b')][_0x3a8b('0x53')],_0x110672=new _0xa7c8d5(this[_0x3a8b('0x46')]),_0x5e649e=(_0x2a9f7e,_0x4f8e93=-0x1)=>{const _0x299611=new _0x4a0a3b(this[_0x3a8b('0x46')]);_0x299611[_0x3a8b('0x53')]['add'](_0x2a9f7e);const _0x2b4830=_0x4f8e93>-0x1?_0x4f8e93:_0x110672[_0x3a8b('0x13')][_0x3a8b('0x4d')];_0x110672[_0x3a8b('0x13')][_0x3a8b('0x56')](_0x299611,_0x2b4830),_0x9b9cdb[_0x3a8b('0x1a')](_0x2a9f7e,_0x3a8b('0xa'),()=>{_0x9b9cdb[_0x3a8b('0x3b')]=[...this[_0x3a8b('0x13')]][_0x3a8b('0x8')](_0x4b7409=>_0x4b7409['isEnabled']);}),_0x9b9cdb[_0x3a8b('0x1a')](_0x2a9f7e,_0x3a8b('0x10'),()=>{_0x9b9cdb[_0x3a8b('0x37')]['isVisible']=[...this[_0x3a8b('0x13')]][_0x3a8b('0x8')](_0x439027=>_0x439027[_0x3a8b('0x5c')]);});};_0x9b9cdb['panelPosition']='sw',_0x9b9cdb[_0x3a8b('0x37')][_0x3a8b('0x12')]({'label':_0x5109fa(this['locale'],_0x3a8b('0x48')),'icon':_0x2016c3[_0x3a8b('0xf')]}),_0x9b9cdb['isEnabled']=[...this['items']][_0x3a8b('0x8')](_0x11f520=>_0x11f520['isEnabled']),_0x9b9cdb[_0x3a8b('0x37')][_0x3a8b('0x5c')]=[...this[_0x3a8b('0x13')]][_0x3a8b('0x8')](_0x442d46=>_0x442d46[_0x3a8b('0x5c')]);for(const _0x485e4c of this['items'])_0x5e649e(_0x485e4c);return _0xc76dd9[_0x3a8b('0x56')](_0x110672),_0x9b9cdb[_0x3a8b('0x1a')](this[_0x3a8b('0x13')],'add',(_0x1216be,_0x4b3d95,_0x2f465f)=>{_0x5e649e(_0x4b3d95,_0x2f465f);}),_0x9b9cdb[_0x3a8b('0x1a')](this[_0x3a8b('0x13')],_0x3a8b('0x3c'),(_0x4cca6c,_0x3836e7,_0x771bcc)=>{_0x110672['items'][_0x3a8b('0x3c')](_0x771bcc);}),_0x9b9cdb;}[_0x3a8b('0x2')](_0x5d2fef,_0x19e506){const _0x130f74=_0x5d2fef&&_0x5d2fef[_0x3a8b('0x4')];_0x130f74&&(this[_0x3a8b('0x1a')](_0x130f74,'mouseenter',()=>this[_0x3a8b('0x4e')]=_0x19e506),this[_0x3a8b('0x1a')](_0x130f74,'focus',()=>this[_0x3a8b('0x4e')]=_0x19e506),this[_0x3a8b('0x1a')](_0x130f74,_0x3a8b('0x57'),()=>this[_0x3a8b('0x4e')]=null),this[_0x3a8b('0x1a')](_0x130f74,'blur',()=>this[_0x3a8b('0x4e')]=null));}[_0x3a8b('0x17')](){const _0x498aaf=super[_0x3a8b('0x17')]();return _0x498aaf['bind'](_0x3a8b('0x11'))['to'](this),_0x498aaf;}[_0x3a8b('0x34')](){return _0x3a8b('0x16')===this['_model'][_0x3a8b('0x54')][_0x3a8b('0x49')]['source']?_0x5109fa(this['locale'],'EXTERNAL_IMPORT_WORD_COMMENT'):_0x5109fa(this[_0x3a8b('0x46')],'EXTERNAL_COMMENT');}[_0x3a8b('0x18')](){return this[_0x3a8b('0x9')]['isExternal']?_0x3a8b('0x16')===this['_model']['attributes'][_0x3a8b('0x49')][_0x3a8b('0x1')]?_0x5109fa(this['locale'],'EXTERNAL_IMPORT_WORD_AVATAR',this[_0x3a8b('0x9')]['creator'][_0x3a8b('0x2b')]):_0x5109fa(this['locale'],'EXTERNAL_AVATAR',this[_0x3a8b('0x9')]['creator'][_0x3a8b('0x2b')]):null;}[_0x3a8b('0x3a')](){super[_0x3a8b('0x3a')](),this['_attachActions'](this[_0x3a8b('0x32')],_0x3a8b('0x27')),this[_0x3a8b('0x2')](this[_0x3a8b('0x23')],'remove');}}

package/src/comments.js

@@ -20,4 +20,4 @@
  *
  *
  */
-var _0x59fa=['requires','Comments','pluginName'];(function(_0x40cf95,_0x59fa16){var _0x1e18d0=function(_0x1de0c4){while(--_0x1de0c4){_0x40cf95['push'](_0x40cf95['shift']());}};_0x1e18d0(++_0x59fa16);}(_0x59fa,0x174));var _0x1e18=function(_0x40cf95,_0x59fa16){_0x40cf95=_0x40cf95-0x0;var _0x1e18d0=_0x59fa[_0x40cf95];return _0x1e18d0;};import{Plugin as _0x2765c2}from'ckeditor5/src/core';import _0xb087d5 from'./comments/commentsrepository';import _0x345341 from'./comments/commentsediting';import _0x437742 from'./comments/commentsui';import _0x59eb92 from'./commentsonly';import _0x2d397a from'./annotations/widesidebar';import _0x48c2ee from'./annotations/narrowsidebar';import _0x3ea0da from'./annotations/inlineannotations';import _0x230a71 from'./comments/commentsarchiveui';import _0x3f261d from'./comments/commentsarchive';export default class f extends _0x2765c2{static get[_0x1e18('0x0')](){return[_0xb087d5,_0x345341,_0x437742,_0x3f261d,_0x230a71,_0x59eb92,_0x2d397a,_0x48c2ee,_0x3ea0da];}static get[_0x1e18('0x2')](){return _0x1e18('0x1');}}
+var _0x4d73=['requires','pluginName','Comments'];(function(_0x5c81ac,_0x4d7374){var _0x44d59d=function(_0x43ae65){while(--_0x43ae65){_0x5c81ac['push'](_0x5c81ac['shift']());}};_0x44d59d(++_0x4d7374);}(_0x4d73,0x1e8));var _0x44d5=function(_0x5c81ac,_0x4d7374){_0x5c81ac=_0x5c81ac-0x0;var _0x44d59d=_0x4d73[_0x5c81ac];return _0x44d59d;};import{Plugin as _0x1ead23}from'ckeditor5/src/core';import _0x5f3c5f from'./comments/commentsrepository';import _0x54bf10 from'./comments/commentsediting';import _0x4c96b5 from'./comments/commentsui';import _0x35b930 from'./commentsonly';import _0x1231f7 from'./annotations/widesidebar';import _0x3c59ff from'./annotations/narrowsidebar';import _0x50a7ce from'./annotations/inlineannotations';import _0x3ef86d from'./comments/commentsarchiveui';import _0x3579da from'./comments/commentsarchive';export default class f extends _0x1ead23{static get[_0x44d5('0x1')](){return[_0x5f3c5f,_0x54bf10,_0x4c96b5,_0x3579da,_0x3ef86d,_0x35b930,_0x1231f7,_0x3c59ff,_0x50a7ce];}static get[_0x44d5('0x2')](){return _0x44d5('0x0');}}

package/src/commentsonly.js

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x2d61=['CommentsOnly','forceDisabled','addCommentThread','set','stop','change:isEnabled','view','clearForceDisabled','editing','document','listenTo','requires','_enableCommentsOnlyMode','commands','plugins','get','clipboardInput','afterInit','editor','stopListening','commentsOnlyMode','delete','isEnabled','commentsOnly','config','highest','_disableCommentsOnlyMode','affectsData','cut'];(function(_0x5d2349,_0x2d614d){const _0x2cea71=function(_0x44a636){while(--_0x44a636){_0x5d2349['push'](_0x5d2349['shift']());}};_0x2cea71(++_0x2d614d);}(_0x2d61,0x1eb));const _0x2cea=function(_0x5d2349,_0x2d614d){_0x5d2349=_0x5d2349-0x0;let _0x2cea71=_0x2d61[_0x5d2349];return _0x2cea71;};import{Plugin as _0x95d092}from'ckeditor5/src/core';import _0x326ef5 from'./comments/commentsediting';export default class n extends _0x95d092{static get['pluginName'](){return _0x2cea('0x2');}static get[_0x2cea('0xd')](){return[_0x326ef5];}constructor(_0x33e40b){super(_0x33e40b),this[_0x2cea('0x5')](_0x2cea('0x18'),!0x1),this['on'](_0x2cea('0x7'),(_0x4c7e18,_0x46ac7d,_0xe79061)=>{_0xe79061?this[_0x2cea('0xe')]():this['_disableCommentsOnlyMode']();});}[_0x2cea('0x13')](){!this[_0x2cea('0x18')]&&this[_0x2cea('0x14')][_0x2cea('0x1a')][_0x2cea('0x11')](_0x2cea('0x19'))&&(this['isEnabled']=!0x0);}['_enableCommentsOnlyMode'](){for(const [_0x12aa46,_0x2bdcfa]of this[_0x2cea('0x14')]['commands'])_0x2bdcfa[_0x2cea('0x0')]&&'addCommentThread'!==_0x12aa46&&_0x2bdcfa[_0x2cea('0x3')](_0x2cea('0x16'));this['editor'][_0x2cea('0x10')]['has']('DragDrop')&&this[_0x2cea('0x14')][_0x2cea('0x10')]['get']('DragDrop')[_0x2cea('0x3')]('commentsOnlyMode');const _0x466651=this[_0x2cea('0x14')][_0x2cea('0xa')][_0x2cea('0x8')][_0x2cea('0xb')];this[_0x2cea('0xc')](_0x466651,_0x2cea('0x1'),_0x514c1d=>_0x514c1d[_0x2cea('0x6')](),{'priority':_0x2cea('0x1b')}),this[_0x2cea('0xc')](_0x466651,_0x2cea('0x12'),_0x3e38a3=>_0x3e38a3[_0x2cea('0x6')](),{'priority':_0x2cea('0x1b')}),this['listenTo'](_0x466651,_0x2cea('0x17'),_0x22fc74=>_0x22fc74[_0x2cea('0x6')](),{'priority':_0x2cea('0x1b')});}[_0x2cea('0x1c')](){for(const [_0x1793e3,_0x2fbaf3]of this[_0x2cea('0x14')][_0x2cea('0xf')])_0x2fbaf3[_0x2cea('0x0')]&&_0x2cea('0x4')!==_0x1793e3&&_0x2fbaf3[_0x2cea('0x9')](_0x2cea('0x16'));this[_0x2cea('0x15')](this[_0x2cea('0x14')][_0x2cea('0xa')]['view'][_0x2cea('0xb')]);}}
+const _0x36e0=['clipboardInput','forceDisabled','listenTo','highest','requires','plugins','affectsData','config','_enableCommentsOnlyMode','editing','commentsOnlyMode','_disableCommentsOnlyMode','stopListening','isEnabled','set','stop','clearForceDisabled','DragDrop','editor','document','commands','addCommentThread','cut','change:isEnabled','commentsOnly','pluginName'];(function(_0x4d5c43,_0x36e0dd){const _0x318c34=function(_0x25bc5d){while(--_0x25bc5d){_0x4d5c43['push'](_0x4d5c43['shift']());}};_0x318c34(++_0x36e0dd);}(_0x36e0,0x1a9));const _0x318c=function(_0x4d5c43,_0x36e0dd){_0x4d5c43=_0x4d5c43-0x0;let _0x318c34=_0x36e0[_0x4d5c43];return _0x318c34;};import{Plugin as _0x3dc6b0}from'ckeditor5/src/core';import _0x2fad0a from'./comments/commentsediting';export default class n extends _0x3dc6b0{static get[_0x318c('0x10')](){return'CommentsOnly';}static get[_0x318c('0x15')](){return[_0x2fad0a];}constructor(_0x23f7d7){super(_0x23f7d7),this[_0x318c('0x5')](_0x318c('0x4'),!0x1),this['on'](_0x318c('0xe'),(_0x32f4d5,_0x21c047,_0x3d322c)=>{_0x3d322c?this['_enableCommentsOnlyMode']():this['_disableCommentsOnlyMode']();});}['afterInit'](){!this[_0x318c('0x4')]&&this[_0x318c('0x9')][_0x318c('0x18')]['get'](_0x318c('0xf'))&&(this['isEnabled']=!0x0);}[_0x318c('0x19')](){for(const [_0x2fcff1,_0x4c9331]of this['editor'][_0x318c('0xb')])_0x4c9331[_0x318c('0x17')]&&_0x318c('0xc')!==_0x2fcff1&&_0x4c9331[_0x318c('0x12')](_0x318c('0x1'));this[_0x318c('0x9')][_0x318c('0x16')]['has'](_0x318c('0x8'))&&this['editor'][_0x318c('0x16')]['get']('DragDrop')['forceDisabled'](_0x318c('0x1'));const _0x156b40=this[_0x318c('0x9')]['editing']['view'][_0x318c('0xa')];this[_0x318c('0x13')](_0x156b40,_0x318c('0xd'),_0x100797=>_0x100797[_0x318c('0x6')](),{'priority':_0x318c('0x14')}),this[_0x318c('0x13')](_0x156b40,_0x318c('0x11'),_0x2bfb27=>_0x2bfb27['stop'](),{'priority':_0x318c('0x14')}),this[_0x318c('0x13')](_0x156b40,'delete',_0x2bef7c=>_0x2bef7c[_0x318c('0x6')](),{'priority':_0x318c('0x14')});}[_0x318c('0x2')](){for(const [_0xf1bf33,_0x3ebe83]of this[_0x318c('0x9')][_0x318c('0xb')])_0x3ebe83[_0x318c('0x17')]&&_0x318c('0xc')!==_0xf1bf33&&_0x3ebe83[_0x318c('0x7')](_0x318c('0x1'));this[_0x318c('0x3')](this['editor'][_0x318c('0x0')]['view'][_0x318c('0xa')]);}}

package/src/utils/common-translations.js

@@ -20,4 +20,4 @@
  *
  *
  */
-export function getTranslation(_0x295c64,_0x225ac5,_0x1626cc){const t=_0x295c64['t'];switch(_0x225ac5){case'PENDING_ACTION_COMMENT_THREAD':return t({'string':'Unsaved\x20change\x20in\x20comment\x20thread.','id':'PENDING_ACTION_COMMENT_THREAD'});case'Comment':return t('Comment');case'Reply...':return t('Reply...');case'Reply\x20to\x20reopen\x20discussion...':return t('Reply\x20to\x20reopen\x20discussion...');case'Write\x20a\x20comment...':return t('Write\x20a\x20comment...');case'Comment\x20was\x20made\x20on\x20an\x20element':return t('Comment\x20was\x20made\x20on\x20an\x20element');case'Comment\x20editor':return t('Comment\x20editor');case'Delete\x20comment\x20thread?':return t('Delete\x20comment\x20thread?');case'Delete\x20comment?':return t('Delete\x20comment?');case'Marked\x20as\x20resolved':return t('Marked\x20as\x20resolved');case'Show\x20more\x20items':return t('Show\x20more\x20items');case'Cancel':return t('Cancel');case'Edit':return t('Edit');case'Resolve':return t('Resolve');case'Reopen':return t('Reopen');case'Remove':return t('Remove');case'Submit':return t('Submit');case'NUMBER_OF_COMMENTS':return t({'string':'%0\x20Comment','plural':'%0\x20Comments','id':'NUMBER_OF_COMMENTS'},_0x1626cc);case'TOO_LONG_COMMENT_ALERT':return t({'string':'Comment\x20content\x20is\x20too\x20long.\x20Your\x20comment\x20has\x20%0\x20characters\x20but\x20the\x20limit\x20is\x20%1\x20characters.','id':'TOO_LONG_COMMENT_ALERT'},_0x1626cc);case'EXTERNAL_COMMENT':return t({'string':'This\x20comment\x20comes\x20from\x20an\x20external\x20source.','id':'EXTERNAL_COMMENT'});case'EXTERNAL_IMPORT_WORD_COMMENT':return t({'string':'This\x20comment\x20comes\x20from\x20an\x20imported\x20Word\x20file.','id':'EXTERNAL_IMPORT_WORD_COMMENT'});case'EXTERNAL_AVATAR':return t({'string':'Displayed\x20author\x20name\x20comes\x20from\x20external\x20source\x20(added\x20by\x20%0)','id':'EXTERNAL_AVATAR'},_0x1626cc);case'EXTERNAL_IMPORT_WORD_AVATAR':return t({'string':'Displayed\x20author\x20name\x20comes\x20from\x20a\x20Word\x20document\x20imported\x20by\x20%0','id':'EXTERNAL_IMPORT_WORD_AVATAR'},_0x1626cc);case'COMMENTS_ARCHIVE':return t({'string':'Comments\x20archive','id':'COMMENTS_ARCHIVE'});case'EMPTY_COMMENTS_ARCHIVE':return t({'string':'There\x20are\x20no\x20archived\x20comment\x20threads.','id':'EMPTY_COMMENTS_ARCHIVE'});default:return'';}}
+export function getTranslation(_0x5d86f9,_0x406380,_0x431430){const t=_0x5d86f9['t'];switch(_0x406380){case'PENDING_ACTION_COMMENT_THREAD':return t({'string':'Unsaved\x20change\x20in\x20comment\x20thread.','id':'PENDING_ACTION_COMMENT_THREAD'});case'Comment':return t('Comment');case'Reply...':return t('Reply...');case'Reply\x20to\x20reopen\x20discussion...':return t('Reply\x20to\x20reopen\x20discussion...');case'Write\x20a\x20comment...':return t('Write\x20a\x20comment...');case'Comment\x20was\x20made\x20on\x20an\x20element':return t('Comment\x20was\x20made\x20on\x20an\x20element');case'Comment\x20editor':return t('Comment\x20editor');case'Delete\x20comment\x20thread?':return t('Delete\x20comment\x20thread?');case'Delete\x20comment?':return t('Delete\x20comment?');case'Marked\x20as\x20resolved':return t('Marked\x20as\x20resolved');case'Show\x20more\x20items':return t('Show\x20more\x20items');case'Cancel':return t('Cancel');case'Edit':return t('Edit');case'Resolve':return t('Resolve');case'Reopen':return t('Reopen');case'Remove':return t('Remove');case'Reply':return t('Reply');case'Save':return t('Save');case'NUMBER_OF_COMMENTS':return t({'string':'%0\x20Comment','plural':'%0\x20Comments','id':'NUMBER_OF_COMMENTS'},_0x431430);case'TOO_LONG_COMMENT_ALERT':return t({'string':'Comment\x20content\x20is\x20too\x20long.\x20Your\x20comment\x20has\x20%0\x20characters\x20but\x20the\x20limit\x20is\x20%1\x20characters.','id':'TOO_LONG_COMMENT_ALERT'},_0x431430);case'EXTERNAL_COMMENT':return t({'string':'This\x20comment\x20comes\x20from\x20an\x20external\x20source.','id':'EXTERNAL_COMMENT'});case'EXTERNAL_IMPORT_WORD_COMMENT':return t({'string':'This\x20comment\x20comes\x20from\x20an\x20imported\x20Word\x20file.','id':'EXTERNAL_IMPORT_WORD_COMMENT'});case'EXTERNAL_AVATAR':return t({'string':'Displayed\x20author\x20name\x20comes\x20from\x20external\x20source\x20(added\x20by\x20%0)','id':'EXTERNAL_AVATAR'},_0x431430);case'EXTERNAL_IMPORT_WORD_AVATAR':return t({'string':'Displayed\x20author\x20name\x20comes\x20from\x20a\x20Word\x20document\x20imported\x20by\x20%0','id':'EXTERNAL_IMPORT_WORD_AVATAR'},_0x431430);case'COMMENTS_ARCHIVE':return t({'string':'Comments\x20archive','id':'COMMENTS_ARCHIVE'});case'EMPTY_COMMENTS_ARCHIVE':return t({'string':'There\x20are\x20no\x20archived\x20comment\x20threads.','id':'EMPTY_COMMENTS_ARCHIVE'});default:return'';}}

package/src/utils/createmutationobserver.js

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x17df=['observe','attributeName','type','disconnect','cancel','attributes','class'];(function(_0x3d537e,_0x17dfce){const _0x265a11=function(_0x3d0f70){while(--_0x3d0f70){_0x3d537e['push'](_0x3d537e['shift']());}};_0x265a11(++_0x17dfce);}(_0x17df,0x165));const _0x265a=function(_0x3d537e,_0x17dfce){_0x3d537e=_0x3d537e-0x0;let _0x265a11=_0x17df[_0x3d537e];return _0x265a11;};import{throttle as _0x322333}from'lodash-es';export default function xt(_0x5cdb9b){const _0x333581=_0x322333(_0x5cdb9b,0x1e),_0x35e643=new MutationObserver(_0x30171a=>{for(const _0x4429ca of _0x30171a)(_0x265a('0x5')==_0x4429ca[_0x265a('0x2')]&&_0x265a('0x6')==_0x4429ca[_0x265a('0x1')]||'childList'==_0x4429ca['type'])&&_0x333581();});return{'attach'(_0x5466d3){_0x35e643[_0x265a('0x0')](_0x5466d3,{'attributes':!0x0,'childList':!0x0,'subtree':!0x0});},'detach'(){_0x35e643[_0x265a('0x3')](),_0x333581[_0x265a('0x4')]();}};}
+const _0x4841=['type','childList','class','observe','attributeName','disconnect'];(function(_0x69792a,_0x48419c){const _0x3c26ff=function(_0x97aec7){while(--_0x97aec7){_0x69792a['push'](_0x69792a['shift']());}};_0x3c26ff(++_0x48419c);}(_0x4841,0x7f));const _0x3c26=function(_0x69792a,_0x48419c){_0x69792a=_0x69792a-0x0;let _0x3c26ff=_0x4841[_0x69792a];return _0x3c26ff;};import{throttle as _0xef00ca}from'lodash-es';export default function Lt(_0x36b9c5){const _0x10da92=_0xef00ca(_0x36b9c5,0x1e),_0x557a27=new MutationObserver(_0x365294=>{for(const _0x141392 of _0x365294)('attributes'==_0x141392[_0x3c26('0x5')]&&_0x3c26('0x1')==_0x141392[_0x3c26('0x3')]||_0x3c26('0x0')==_0x141392[_0x3c26('0x5')])&&_0x10da92();});return{'attach'(_0x5368ea){_0x557a27[_0x3c26('0x2')](_0x5368ea,{'attributes':!0x0,'childList':!0x0,'subtree':!0x0});},'detach'(){_0x557a27[_0x3c26('0x4')](),_0x10da92['cancel']();}};}

package/theme/comment.css

@@ -62,6 +62,10 @@
 	&::after {
 		opacity: 0;
 	}
+
+	.ck-comment__input-actions {
+		margin-top: var(--ck-spacing-standard);
+	}
 }
 
 .ck .ck-comment--info {
@@ -92,13 +96,18 @@
 	z-index: var(--ck-z-default);
 }
 
-/* We need specificity 030 to beat styles in `commentinput.css`. */
+	/* We need specificity 030 to beat styles in `commentinput.css`. */
 .ck-comment__input-actions .ck.ck-button.ck-comment__input-actions--submit {
-	color: var(--ck-color-button-save);
+	background: var(--ck-color-base-action);
+	color: white;
+
+	&:hover {
+		background: var(--ck-color-button-save);
+	}
 }
 
 .ck-comment__input-actions .ck.ck-button.ck-comment__input-actions--cancel {
-	color: var(--ck-color-button-cancel);
+	color: var(--ck-color-text);
 }
 
 /* Common styles for typography inside comment element and editable input.

package/theme/commentinput.css

@@ -68,15 +68,17 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
 		display: block;
 	}
 
-	& .ck-button {
+	& .ck.ck-button {
 		/* Overwrite CK5 button default styles. */
-		background-color: transparent;
-		min-width: unset;
-		min-height: unset;
+		display: inline-flex;
+		justify-content: center;
+		align-items: center;
 		cursor: pointer;
-		color: var(--ck-color-annotations-icon);
-		border-radius: var(--ck-border-radius);
+		min-height: var(--ck-ui-component-min-height);
+		min-width: 60px;
 		font-size: var(--ck-annotation-button-size);
+		margin-left: var(--ck-spacing-large);
+		padding: 0 var(--ck-spacing-medium);
 	}
 
 	& .ck-button.ck-disabled {

package/theme/commentsarchive.css

@@ -6,10 +6,15 @@
  * Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
  */
 
+.ck .ck-comments-archive-dropdown {
+	&.ck-dropdown__panel {
+		z-index: var( --ck-z-modal );
+	}
+}
+
 .ck .ck-comments-archive {
-	width: 315px;
+	width: 320px;
 	max-height: 450px;
-	overflow: auto;
 	box-sizing: content-box;
 
 	& .ck-annotation {
@@ -17,10 +22,13 @@
 	}
 
 	& .ck-comments-archive__header, & .ck-comments-archive__content {
+		overflow: auto;
+		max-height: 410px;
 		padding: var( --ck-spacing-large );
 	}
 
 	& .ck-comments-archive__header {
+		max-height: 40px;
 		line-height: var( --ck-font-size-base );
 		font-weight: bold;
 		border-bottom: 1px solid var( --ck-color-toolbar-border );