@ckeditor/ckeditor5-comments 42.0.2 → 43.0.0-alpha.1

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

@@ -5,7 +5,7 @@
 /**
  * @module comments/comments/ui/view/commentinputview
  */
-import { View, ButtonView } from 'ckeditor5/src/ui.js';
+import { View, FocusCycler, ButtonView, type FocusableView, type ViewCollection } from 'ckeditor5/src/ui.js';
 import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';
 import { type EditorConfig, type DataApi } from 'ckeditor5/src/core.js';
 import CommentEditor from '../commenteditor/commenteditor.js';
@@ -56,6 +56,14 @@ export default class CommentInputView extends View {
      * Focus tracker for the view.
      */
     focusTracker: FocusTracker;
+    /**
+     * Collection of focusable sub-views in the input component.
+     */
+    focusables: ViewCollection<FocusableView>;
+    /**
+     * Helps providing keyboard navigation between {@link #focusables}.
+     */
+    focusCycler: FocusCycler;
     /**
      * Button view for the button which submits the comment.
      */
@@ -78,9 +86,16 @@ export default class CommentInputView extends View {
     /**
      * Focuses the view.
      */
-    focus(): void;
+    focus(direction?: 1 | -1): void;
     /**
      * @inheritDoc
      */
     destroy(): Promise<void>;
 }
+/**
+ * An event fired when a user successfully submits a comment. The event carries the comment content.
+ */
+export type CommentInputSubmitEvent = {
+    name: 'submit';
+    args: [cotnent: string];
+};

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

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x4052e5=_0x1f76;(function(_0x48b4db,_0x4fb7ce){const _0x33c18a=_0x1f76,_0x97040b=_0x48b4db();while(!![]){try{const _0x15c448=-parseInt(_0x33c18a(0x152))/0x1+-parseInt(_0x33c18a(0x137))/0x2+-parseInt(_0x33c18a(0x158))/0x3+-parseInt(_0x33c18a(0x13e))/0x4*(-parseInt(_0x33c18a(0x156))/0x5)+parseInt(_0x33c18a(0x154))/0x6+parseInt(_0x33c18a(0x121))/0x7+parseInt(_0x33c18a(0x15a))/0x8;if(_0x15c448===_0x4fb7ce)break;else _0x97040b['push'](_0x97040b['shift']());}catch(_0x3181ec){_0x97040b['push'](_0x97040b['shift']());}}}(_0x4c8e,0xe06d6));function _0x4c8e(){const _0x314d03=['ck-comment__input-actions','bindTemplate','fire','extendTemplate','setTemplate','Esc','stop','cancel','ck-comment__input-wrapper','placeholder','submit','Reply','shift\x20+\x20tab','getData','ck-comment__input-actions--cancel','high','5429949CBiSRa','focusNext','low','focusPrevious','insertBefore','showButtons','editorReady','value','firstChild','_isDestroyed','focusTracker','setData','focus','cancelButtonView','view','change','initialData','_createCancelButton','withText','ck-comment__input-actions--submit','disabledSubmit','create','789038LIpkqQ','listenTo','trim','model','then','label','div','60516yHVELg','_editorConfig','submitLabel','element','TOO_LONG_COMMENT_ALERT','Cancel','ck-comment__input-actions--active','editorDestroyed','_initializeFocusCycling','render','add','isEnabled','keystrokes','editor','tab','_editorCreationPromise','submitButtonView','set','destroy','document','587556bKRnHy','createEditor','1892628KPrdSl','Reply...','340rAPbHd','execute','1445544RmdfVN','length','2106080BFTErq','_createSubmitButton','bind','forEach'];_0x4c8e=function(){return _0x314d03;};return _0x4c8e();}import{View as _0x578d44,ViewCollection as _0x633da1,FocusCycler as _0x4541ed,ButtonView as _0x5d1bcd}from'ckeditor5/src/ui.js';import{FocusTracker as _0x5eb10f,KeystrokeHandler as _0x3122a2}from'ckeditor5/src/utils.js';function _0x1f76(_0x5e47ac,_0x59945e){const _0x4c8ece=_0x4c8e();return _0x1f76=function(_0x1f76d8,_0x26d93f){_0x1f76d8=_0x1f76d8-0x114;let _0x79f197=_0x4c8ece[_0x1f76d8];return _0x79f197;},_0x1f76(_0x5e47ac,_0x59945e);}import _0x52b8b4 from'../commenteditor/commenteditor.js';import{getTranslation as _0x23a97d}from'../../../utils/common-translations.js';export default class ei extends _0x578d44{constructor(_0x43cbbc,_0x312f86={}){const _0x540521=_0x1f76;super(_0x43cbbc),this[_0x540521(0x14b)]=null,this[_0x540521(0x13f)]=_0x312f86,this[_0x540521(0x14a)]=new _0x3122a2(),this[_0x540521(0x12b)]=new _0x5eb10f(),this[_0x540521(0x14f)](_0x540521(0x128),_0x312f86[_0x540521(0x131)]||''),this[_0x540521(0x14f)](_0x540521(0x135),!0x1),this[_0x540521(0x14f)](_0x540521(0x126),!0x0),this[_0x540521(0x14f)](_0x540521(0x11a),_0x23a97d(_0x43cbbc,_0x540521(0x155))),this[_0x540521(0x14f)](_0x540521(0x140),_0x23a97d(_0x43cbbc,_0x540521(0x11c))),this[_0x540521(0x14e)]=this[_0x540521(0x15b)](),this[_0x540521(0x12e)]=this[_0x540521(0x132)](),this[_0x540521(0x115)]({'tag':_0x540521(0x13d),'attributes':{'class':[_0x540521(0x119)]},'children':[{'tag':_0x540521(0x13d),'attributes':{'class':[_0x540521(0x15e),this[_0x540521(0x15f)]['if'](_0x540521(0x126),_0x540521(0x144))]},'children':[this[_0x540521(0x14e)],this[_0x540521(0x12e)]]}]}),this[_0x540521(0x14a)][_0x540521(0x14f)](_0x540521(0x116),(_0x1c4f74,_0x55e843)=>{const _0x394cc2=_0x540521;this[_0x394cc2(0x12e)][_0x394cc2(0x160)](_0x394cc2(0x157)),_0x55e843();}),this['on'](_0x540521(0x11b),(_0x144c26,_0x52ebab)=>{const _0x39da4e=_0x540521;_0x52ebab[_0x39da4e(0x159)]>0xfde8?(alert(_0x23a97d(_0x43cbbc,_0x39da4e(0x142),[_0x52ebab[_0x39da4e(0x159)],0xfde8])),_0x144c26[_0x39da4e(0x117)]()):this[_0x39da4e(0x14b)][_0x39da4e(0x12c)]('');},{'priority':_0x540521(0x120)});}[_0x4052e5(0x147)](){const _0x4bf2ab=_0x4052e5;super[_0x4bf2ab(0x147)](),this[_0x4bf2ab(0x14a)][_0x4bf2ab(0x138)](this[_0x4bf2ab(0x141)]),this[_0x4bf2ab(0x12b)][_0x4bf2ab(0x148)](this[_0x4bf2ab(0x141)]);}[_0x4052e5(0x153)](){const _0x42bdfc=_0x4052e5;return this[_0x42bdfc(0x14b)]||(this[_0x42bdfc(0x14b)]=new _0x52b8b4(this[_0x42bdfc(0x13f)]),this[_0x42bdfc(0x14d)]=this[_0x42bdfc(0x14b)][_0x42bdfc(0x136)]()[_0x42bdfc(0x13b)](()=>{const _0x362a5f=_0x42bdfc;if(this[_0x362a5f(0x12a)])return;const _0x7898f7=this[_0x362a5f(0x14b)];this[_0x362a5f(0x141)][_0x362a5f(0x125)](_0x7898f7['ui'][_0x362a5f(0x141)],this[_0x362a5f(0x141)][_0x362a5f(0x129)]),_0x7898f7[_0x362a5f(0x13a)][_0x362a5f(0x151)]['on'](_0x362a5f(0x130),()=>this[_0x362a5f(0x128)]=_0x7898f7[_0x362a5f(0x11e)]()),_0x7898f7[_0x362a5f(0x15c)](_0x362a5f(0x11a))['to'](this),this[_0x362a5f(0x146)](this[_0x362a5f(0x14b)]),this[_0x362a5f(0x160)](_0x362a5f(0x127),this[_0x362a5f(0x14b)]);})),this[_0x42bdfc(0x14d)];}[_0x4052e5(0x12d)](){const _0x4df401=_0x4052e5;this[_0x4df401(0x14b)]&&this[_0x4df401(0x14b)][_0x4df401(0x12d)]();}async[_0x4052e5(0x150)](){const _0x24cbeb=_0x4052e5;this[_0x24cbeb(0x12a)]||(this[_0x24cbeb(0x12a)]=!0x0,this[_0x24cbeb(0x14b)]&&(await this[_0x24cbeb(0x14d)],await this[_0x24cbeb(0x14b)][_0x24cbeb(0x150)](),this[_0x24cbeb(0x160)](_0x24cbeb(0x145),this[_0x24cbeb(0x14b)])),await super[_0x24cbeb(0x150)]());}[_0x4052e5(0x15b)](){const _0x3ddc25=_0x4052e5,{locale:_0x179216}=this,_0x3ac9e9=new _0x5d1bcd(_0x179216);return _0x3ac9e9[_0x3ddc25(0x114)]({'attributes':{'class':[_0x3ddc25(0x134)]}}),_0x3ac9e9[_0x3ddc25(0x133)]=!0x0,_0x3ac9e9[_0x3ddc25(0x15c)](_0x3ddc25(0x13c))['to'](this,_0x3ddc25(0x140)),_0x3ac9e9['on'](_0x3ddc25(0x157),()=>{const _0x24a0b2=_0x3ddc25;this[_0x24a0b2(0x160)](_0x24a0b2(0x11b),this[_0x24a0b2(0x128)]);}),_0x3ac9e9[_0x3ddc25(0x15c)](_0x3ddc25(0x149))['to'](this,_0x3ddc25(0x128),this,_0x3ddc25(0x135),(_0x2986ad,_0x3f71d6)=>!_0x3f71d6&&!!_0x2986ad[_0x3ddc25(0x139)]()),_0x3ac9e9;}[_0x4052e5(0x132)](){const _0x587dd8=_0x4052e5,{locale:_0x57e74e}=this,_0x4e8427=new _0x5d1bcd(_0x57e74e);return _0x4e8427[_0x587dd8(0x114)]({'attributes':{'class':[_0x587dd8(0x11f)]}}),_0x4e8427[_0x587dd8(0x13c)]=_0x23a97d(_0x57e74e,_0x587dd8(0x143)),_0x4e8427[_0x587dd8(0x133)]=!0x0,_0x4e8427['on'](_0x587dd8(0x157),()=>{const _0xa8b501=_0x587dd8;this[_0xa8b501(0x14b)][_0xa8b501(0x12c)](''),this[_0xa8b501(0x160)](_0xa8b501(0x118));}),_0x4e8427;}[_0x4052e5(0x146)](_0x130d3c){const _0x51581f=_0x4052e5,_0x58cf07=this[_0x51581f(0x12b)],_0x4bf24c=new _0x633da1();[_0x130d3c['ui'][_0x51581f(0x12f)],this[_0x51581f(0x14e)],this[_0x51581f(0x12e)]][_0x51581f(0x15d)](_0x45ddff=>{const _0x6f71da=_0x51581f;_0x4bf24c[_0x6f71da(0x148)](_0x45ddff),_0x58cf07[_0x6f71da(0x148)](_0x45ddff[_0x6f71da(0x141)]);});const _0x51e664=new _0x4541ed({'focusables':_0x4bf24c,'focusTracker':_0x58cf07});this[_0x51581f(0x14a)][_0x51581f(0x14f)](_0x51581f(0x14c),(_0x42b170,_0x269d9b)=>{const _0x384148=_0x51581f;_0x51e664[_0x384148(0x122)](),_0x269d9b();},{'priority':_0x51581f(0x123)}),this[_0x51581f(0x14a)][_0x51581f(0x14f)](_0x51581f(0x11d),(_0x3fa3a2,_0x3e7bdb)=>{const _0x5e6128=_0x51581f;_0x51e664[_0x5e6128(0x124)](),_0x3e7bdb();},{'priority':_0x51581f(0x123)});}}
+const _0x36ae62=_0x5f44;(function(_0x5711a1,_0x4fef12){const _0x53d2b0=_0x5f44,_0x4ac28d=_0x5711a1();while(!![]){try{const _0x1fb7c9=parseInt(_0x53d2b0(0x10d))/0x1*(parseInt(_0x53d2b0(0xfd))/0x2)+-parseInt(_0x53d2b0(0xdc))/0x3*(-parseInt(_0x53d2b0(0xf2))/0x4)+parseInt(_0x53d2b0(0xf4))/0x5*(-parseInt(_0x53d2b0(0x111))/0x6)+parseInt(_0x53d2b0(0xce))/0x7+-parseInt(_0x53d2b0(0x11e))/0x8*(-parseInt(_0x53d2b0(0x104))/0x9)+-parseInt(_0x53d2b0(0xe9))/0xa*(parseInt(_0x53d2b0(0xf8))/0xb)+-parseInt(_0x53d2b0(0xff))/0xc;if(_0x1fb7c9===_0x4fef12)break;else _0x4ac28d['push'](_0x4ac28d['shift']());}catch(_0x503c10){_0x4ac28d['push'](_0x4ac28d['shift']());}}}(_0xbdb0,0x237fd));function _0x5f44(_0x4af089,_0x31951c){const _0xbdb089=_0xbdb0();return _0x5f44=function(_0x5f44d4,_0x37f190){_0x5f44d4=_0x5f44d4-0xcd;let _0x597330=_0xbdb089[_0x5f44d4];return _0x597330;},_0x5f44(_0x4af089,_0x31951c);}import{View as _0x4d1d5e,FocusCycler as _0x705093,ButtonView as _0x89a90a}from'ckeditor5/src/ui.js';import{FocusTracker as _0x526bd4,KeystrokeHandler as _0x4a252e}from'ckeditor5/src/utils.js';import _0x425698 from'../commenteditor/commenteditor.js';import{getTranslation as _0x1f0ad3}from'../../../utils/common-translations.js';export default class rs extends _0x4d1d5e{constructor(_0xde9878,_0x1f060b={}){const _0x179a70=_0x5f44;super(_0xde9878),this[_0x179a70(0x119)]=null,this[_0x179a70(0xcf)]=_0x1f060b,this[_0x179a70(0xde)](_0x179a70(0xd5),_0x1f060b[_0x179a70(0xea)]||''),this[_0x179a70(0xde)](_0x179a70(0xfe),!0x1),this[_0x179a70(0xde)](_0x179a70(0x109),!0x0),this[_0x179a70(0xde)](_0x179a70(0x107),_0x1f0ad3(_0xde9878,_0x179a70(0xf5))),this[_0x179a70(0xde)](_0x179a70(0xd6),_0x1f0ad3(_0xde9878,_0x179a70(0xdf))),this[_0x179a70(0xe4)]=this[_0x179a70(0x121)](),this[_0x179a70(0x10a)]=this[_0x179a70(0xda)](),this[_0x179a70(0x122)]=this[_0x179a70(0x10b)]([this[_0x179a70(0xe4)],this[_0x179a70(0x10a)]]),this[_0x179a70(0x116)]=new _0x4a252e(),this[_0x179a70(0xd9)]=new _0x526bd4(),this[_0x179a70(0xe8)]=new _0x705093({'focusables':this[_0x179a70(0x122)],'focusTracker':this[_0x179a70(0xd9)],'keystrokeHandler':this[_0x179a70(0x116)],'actions':{'focusPrevious':_0x179a70(0x103),'focusNext':_0x179a70(0x10e)}}),this[_0x179a70(0x120)]({'tag':_0x179a70(0xf3),'attributes':{'class':[_0x179a70(0x10f)]},'children':[{'tag':_0x179a70(0xf3),'attributes':{'class':[_0x179a70(0xe6),this[_0x179a70(0xd3)]['if'](_0x179a70(0x109),_0x179a70(0xf1))]},'children':[this[_0x179a70(0xe4)],this[_0x179a70(0x10a)]]}]}),this[_0x179a70(0x116)][_0x179a70(0xde)](_0x179a70(0x10c),(_0x17c839,_0xa6855f)=>{const _0x564565=_0x179a70;this[_0x564565(0x10a)][_0x564565(0xf7)](_0x564565(0xd8)),_0xa6855f();}),this[_0x179a70(0x116)][_0x179a70(0xde)](_0x179a70(0x113),(_0x2c9f27,_0x3325b4)=>{const _0x285b70=_0x179a70;this[_0x285b70(0xe4)][_0x285b70(0xfa)]&&(this[_0x285b70(0xe4)][_0x285b70(0xf7)](_0x285b70(0xd8)),_0x3325b4());}),this['on'](_0x179a70(0xe5),(_0x32c5f9,_0xbcc2dd)=>{const _0x2308fc=_0x179a70;_0xbcc2dd[_0x2308fc(0x117)]>0xfde8?(alert(_0x1f0ad3(_0xde9878,_0x2308fc(0x100),[_0xbcc2dd[_0x2308fc(0x117)],0xfde8])),_0x32c5f9[_0x2308fc(0x108)]()):this[_0x2308fc(0x119)][_0x2308fc(0x11b)]('');},{'priority':_0x179a70(0x101)});}[_0x36ae62(0xe2)](){const _0x426737=_0x36ae62;super[_0x426737(0xe2)](),this[_0x426737(0xeb)]();}[_0x36ae62(0xef)](){const _0x41ac96=_0x36ae62;return this[_0x41ac96(0x119)]||(this[_0x41ac96(0x119)]=new _0x425698(this[_0x41ac96(0xcf)]),this[_0x41ac96(0xed)]=this[_0x41ac96(0x119)][_0x41ac96(0x114)]()[_0x41ac96(0xec)](()=>{const _0x1ee2bc=_0x41ac96;if(this[_0x1ee2bc(0x11d)])return;const _0x289829=this[_0x1ee2bc(0x119)];this[_0x1ee2bc(0xfc)][_0x1ee2bc(0x102)](_0x289829['ui'][_0x1ee2bc(0xfc)],this[_0x1ee2bc(0xfc)][_0x1ee2bc(0xee)]),_0x289829[_0x1ee2bc(0x11f)][_0x1ee2bc(0xe0)]['on'](_0x1ee2bc(0xdb),()=>this[_0x1ee2bc(0xd5)]=_0x289829[_0x1ee2bc(0xf9)]()),_0x289829[_0x1ee2bc(0x115)](_0x1ee2bc(0x107))['to'](this),this[_0x1ee2bc(0x122)][_0x1ee2bc(0x105)](_0x289829['ui'][_0x1ee2bc(0x11c)],0x0),this[_0x1ee2bc(0xf7)](_0x1ee2bc(0x118),this[_0x1ee2bc(0x119)]);})),this[_0x41ac96(0xed)];}[_0x36ae62(0xd7)](_0x429b0e){const _0x129db0=_0x36ae62;-0x1===_0x429b0e?(this[_0x129db0(0xe8)][_0x129db0(0xf0)](),this[_0x129db0(0xe8)][_0x129db0(0x123)]()):this[_0x129db0(0xe8)][_0x129db0(0xf0)]();}async[_0x36ae62(0x110)](){const _0xf92b93=_0x36ae62;this[_0xf92b93(0x11d)]||(this[_0xf92b93(0x11d)]=!0x0,this[_0xf92b93(0x119)]&&(await this[_0xf92b93(0xed)],await this[_0xf92b93(0x119)][_0xf92b93(0x110)](),this[_0xf92b93(0xf7)](_0xf92b93(0xcd),this[_0xf92b93(0x119)])),await super[_0xf92b93(0x110)]());}[_0x36ae62(0x121)](){const _0x17efd2=_0x36ae62,{locale:_0x3e2dc4}=this,_0x16305b=new _0x89a90a(_0x3e2dc4);return _0x16305b[_0x17efd2(0xf6)]({'attributes':{'class':[_0x17efd2(0xe1)]}}),_0x16305b[_0x17efd2(0xd0)]=!0x0,_0x16305b[_0x17efd2(0x115)](_0x17efd2(0xe3))['to'](this,_0x17efd2(0xd6)),_0x16305b['on'](_0x17efd2(0xd8),()=>{const _0x2e5098=_0x17efd2;this[_0x2e5098(0xf7)](_0x2e5098(0xe5),this[_0x2e5098(0xd5)]);}),_0x16305b[_0x17efd2(0x115)](_0x17efd2(0xfa))['to'](this,_0x17efd2(0xd5),this,_0x17efd2(0xfe),(_0x1676d2,_0x554740)=>!_0x554740&&!!_0x1676d2[_0x17efd2(0x11a)]()),_0x16305b;}[_0x36ae62(0xda)](){const _0x5ef7ba=_0x36ae62,{locale:_0x3e2e3b}=this,_0x6e2772=new _0x89a90a(_0x3e2e3b);return _0x6e2772[_0x5ef7ba(0xf6)]({'attributes':{'class':[_0x5ef7ba(0xdd)]}}),_0x6e2772[_0x5ef7ba(0xe3)]=_0x1f0ad3(_0x3e2e3b,_0x5ef7ba(0x112)),_0x6e2772[_0x5ef7ba(0xd0)]=!0x0,_0x6e2772['on'](_0x5ef7ba(0xd8),()=>{const _0x13558b=_0x5ef7ba;this[_0x13558b(0x119)][_0x13558b(0x11b)](''),this[_0x13558b(0xf7)](_0x13558b(0xd2));}),_0x6e2772;}[_0x36ae62(0xeb)](){const _0xda83c=_0x36ae62;this[_0xda83c(0x116)][_0xda83c(0xfb)](this[_0xda83c(0xfc)]),this[_0xda83c(0x122)][_0xda83c(0x106)](_0x3e9d4d=>{const _0x3f894e=_0xda83c;this[_0x3f894e(0xd9)][_0x3f894e(0x105)](_0x3e9d4d[_0x3f894e(0xfc)]);}),this[_0xda83c(0x122)]['on'](_0xda83c(0xdb),(_0x31c768,_0x481a04)=>{const _0x40a5f3=_0xda83c;for(const _0x158d9e of Array[_0x40a5f3(0xd4)](_0x481a04[_0x40a5f3(0xe7)])[_0x40a5f3(0xd1)]())this[_0x40a5f3(0xd9)][_0x40a5f3(0x105)](_0x158d9e[_0x40a5f3(0xfc)]);});}}function _0xbdb0(){const _0x2bd39b=['submitLabel','focus','execute','focusTracker','_createCancelButton','change','12kOlGIY','ck-comment__input-actions--cancel','set','Reply','document','ck-comment__input-actions--submit','render','label','submitButtonView','submit','ck-comment__input-actions','added','focusCycler','4510SwaISG','initialData','_setupKeyboardNavigation','then','_editorCreationPromise','firstChild','createEditor','focusFirst','ck-comment__input-actions--active','239916xNwKPt','div','23825DXDuMT','Reply...','extendTemplate','fire','1914dOigMi','getData','isEnabled','listenTo','element','211634StzvJl','disabledSubmit','2872944jbQMNn','TOO_LONG_COMMENT_ALERT','high','insertBefore','shift+tab','333DBVpYm','add','forEach','placeholder','stop','showButtons','cancelButtonView','createCollection','Esc','1eqXJLG','tab','ck-comment__input-wrapper','destroy','324RdkXbh','Cancel','Ctrl+Enter','create','bind','keystrokes','length','editorReady','editor','trim','setData','view','_isDestroyed','59112ipZybC','model','setTemplate','_createSubmitButton','focusables','focusLast','editorDestroyed','710325omwEDE','_editorConfig','withText','reverse','cancel','bindTemplate','from','value'];_0xbdb0=function(){return _0x2bd39b;};return _0xbdb0();}

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

@@ -5,19 +5,27 @@
 /**
  * @module comments/comments/ui/view/commentslistview
  */
-import { View, type ViewCollection } from 'ckeditor5/src/ui.js';
-import { type Locale } from 'ckeditor5/src/utils.js';
+import { View, FocusCycler, type ViewCollection, type FocusableView } from 'ckeditor5/src/ui.js';
+import { FocusTracker, type Locale } from 'ckeditor5/src/utils.js';
 import type AnnotationView from '../../../annotations/view/annotationview.js';
 /**
  * A view representing the content of comments archive.
  */
-export default class CommentsArchiveView extends View {
+export default class CommentsArchiveView extends View implements FocusableView {
     /**
      * The flag indicating whether there are items to display in the comments archive.
      *
      * @observable
      */
     isEmpty: boolean;
+    /**
+     * Tracks information about the DOM focus in the comments archive.
+     */
+    readonly focusTracker: FocusTracker;
+    /**
+     * Helps cycling over {@link #_focusables} in the form.
+     */
+    readonly focusCycler: FocusCycler;
     /**
      * @param locale The localization service instance.
      * @param annotationViews Resolved comment thread annotation views to render inside the comments archive.

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

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x333ce4=_0x2c82;(function(_0x29c707,_0x28d7e9){const _0x33f6cb=_0x2c82,_0x42b940=_0x29c707();while(!![]){try{const _0x14d667=-parseInt(_0x33f6cb(0x13c))/0x1+-parseInt(_0x33f6cb(0x146))/0x2+-parseInt(_0x33f6cb(0x13b))/0x3*(parseInt(_0x33f6cb(0x14c))/0x4)+parseInt(_0x33f6cb(0x157))/0x5*(parseInt(_0x33f6cb(0x135))/0x6)+parseInt(_0x33f6cb(0x13d))/0x7*(parseInt(_0x33f6cb(0x13f))/0x8)+-parseInt(_0x33f6cb(0x161))/0x9*(-parseInt(_0x33f6cb(0x158))/0xa)+-parseInt(_0x33f6cb(0x14b))/0xb*(-parseInt(_0x33f6cb(0x139))/0xc);if(_0x14d667===_0x28d7e9)break;else _0x42b940['push'](_0x42b940['shift']());}catch(_0x73729e){_0x42b940['push'](_0x42b940['shift']());}}}(_0x1833,0x730af));function _0x2c82(_0x514e26,_0x13c84c){const _0x1833ee=_0x1833();return _0x2c82=function(_0x2c82e9,_0x1f4259){_0x2c82e9=_0x2c82e9-0x135;let _0x546f88=_0x1833ee[_0x2c82e9];return _0x546f88;},_0x2c82(_0x514e26,_0x13c84c);}import{View as _0x988b1c,FocusCycler as _0x50fa7b}from'ckeditor5/src/ui.js';import{FocusTracker as _0x1fe6e4,KeystrokeHandler as _0x84518}from'ckeditor5/src/utils.js';function _0x1833(){const _0x38be01=['15nqBzia','821346fAIQEt','3922114SifODU','isEmpty','8dlfYhy','set','remove','ck-comments-archive__info','_keystrokes','_focusCycler','listenTo','1064548AYHpyV','bindTemplate','element','render','setTemplate','2111835FqYcow','38492ZympBV','arrowleft','stopPropagation','_focusables','_focusTracker','arrowright','arrowup','EMPTY_COMMENTS_ARCHIVE','length','arrowdown','tab','5GkOGKX','562220FhkcMv','auto','ck-comments-archive','focus','selectstart','isActive','add','ck-comments-archive__content','destroy','63sxMqwQ','4362654HxFxbi','div','shift\x20+\x20tab','ck-hidden','12rgaVmr','high'];_0x1833=function(){return _0x38be01;};return _0x1833();}import{getTranslation as _0x500c8c}from'../../../utils/common-translations.js';export default class X extends _0x988b1c{constructor(_0x2bec9e,_0x4516f9){const _0x277574=_0x2c82;super(_0x2bec9e),this[_0x277574(0x140)](_0x277574(0x13e),!_0x4516f9[_0x277574(0x154)]),this[_0x277574(0x150)]=new _0x1fe6e4(),this[_0x277574(0x143)]=new _0x84518(),this[_0x277574(0x14f)]=_0x4516f9,this[_0x277574(0x144)]=new _0x50fa7b({'focusables':this[_0x277574(0x14f)],'focusTracker':this[_0x277574(0x150)],'keystrokeHandler':this[_0x277574(0x143)],'actions':{'focusPrevious':_0x277574(0x137),'focusNext':_0x277574(0x156)}}),this[_0x277574(0x145)](_0x4516f9,_0x277574(0x15e),()=>{const _0x2308a0=_0x277574;this[_0x2308a0(0x13e)]=!0x1;}),this[_0x277574(0x145)](_0x4516f9,_0x277574(0x141),(_0x46df6f,_0x1e9d10)=>{const _0x34535d=_0x277574;_0x1e9d10[_0x34535d(0x15d)]&&this[_0x34535d(0x15b)](),_0x4516f9[_0x34535d(0x154)]||(this[_0x34535d(0x13e)]=!0x0);});const _0x2ecb40=this[_0x277574(0x147)];this[_0x277574(0x14a)]({'tag':_0x277574(0x136),'attributes':{'dir':_0x277574(0x159),'class':['ck',_0x277574(0x15a)],'tabindex':-0x1},'children':[{'tag':_0x277574(0x136),'attributes':{'class':[_0x277574(0x15f)]},'children':[{'tag':_0x277574(0x136),'children':_0x4516f9},{'tag':'p','attributes':{'class':[_0x277574(0x142),_0x2ecb40['if'](_0x277574(0x13e),_0x277574(0x138),_0x165f74=>!_0x165f74)]},'children':[{'text':_0x500c8c(_0x2bec9e,_0x277574(0x153))}]}]}]});}[_0x333ce4(0x149)](){const _0x349438=_0x333ce4;super[_0x349438(0x149)](),this[_0x349438(0x143)][_0x349438(0x145)](this[_0x349438(0x148)]);const _0x58563d=_0x42fdef=>_0x42fdef[_0x349438(0x14e)]();this[_0x349438(0x143)][_0x349438(0x140)](_0x349438(0x151),_0x58563d),this[_0x349438(0x143)][_0x349438(0x140)](_0x349438(0x14d),_0x58563d),this[_0x349438(0x143)][_0x349438(0x140)](_0x349438(0x152),_0x58563d),this[_0x349438(0x143)][_0x349438(0x140)](_0x349438(0x155),_0x58563d),this[_0x349438(0x145)](this[_0x349438(0x148)],_0x349438(0x15c),(_0x12b46f,_0x50239b)=>{const _0x540649=_0x349438;_0x50239b[_0x540649(0x14e)]();},{'priority':_0x349438(0x13a)});}[_0x333ce4(0x160)](){const _0x1b4dba=_0x333ce4;super[_0x1b4dba(0x160)](),this[_0x1b4dba(0x150)][_0x1b4dba(0x160)](),this[_0x1b4dba(0x143)][_0x1b4dba(0x160)]();}[_0x333ce4(0x15b)](){const _0x203eb2=_0x333ce4;this[_0x203eb2(0x148)][_0x203eb2(0x15b)]();}}
+function _0x2739(){const _0x15f27d=['929850RIbAze','length','first','3656cCytDU','arrowdown','isEmpty','listenTo','set','298420okSxGX','destroy','setTemplate','EMPTY_COMMENTS_ARCHIVE','focusPrevious','div','369118djChIp','delegate','3521721xmXNNJ','focus','bindTemplate','9534hZmtPY','ck-hidden','focusNext','focusTracker','list','arrowup','11266029FVklpC','auto','ck-comments-archive','_setupKeyboardNavigation','isActive','_annotationViews','focusCycler','ck-comments-archive__content','COMMENTS_ARCHIVE_LIST_LABEL','ck-comments-archive__info','focusFirst','render','change','3246300JJlXcs','element','presentation','95tKQoKy','add','remove'];_0x2739=function(){return _0x15f27d;};return _0x2739();}const _0x48ec6a=_0x1372;(function(_0x447f22,_0x512ee4){const _0x48f6ca=_0x1372,_0x36e3d7=_0x447f22();while(!![]){try{const _0x12f8f3=parseInt(_0x48f6ca(0xff))/0x1+-parseInt(_0x48f6ca(0xf1))/0x2+parseInt(_0x48f6ca(0x101))/0x3+-parseInt(_0x48f6ca(0xf9))/0x4*(parseInt(_0x48f6ca(0xee))/0x5)+parseInt(_0x48f6ca(0x117))/0x6+parseInt(_0x48f6ca(0x104))/0x7*(-parseInt(_0x48f6ca(0xf4))/0x8)+parseInt(_0x48f6ca(0x10a))/0x9;if(_0x12f8f3===_0x512ee4)break;else _0x36e3d7['push'](_0x36e3d7['shift']());}catch(_0x806143){_0x36e3d7['push'](_0x36e3d7['shift']());}}}(_0x2739,0xcae1a));import{View as _0x4ec566,FocusCycler as _0x325180}from'ckeditor5/src/ui.js';import{FocusTracker as _0x924595}from'ckeditor5/src/utils.js';function _0x1372(_0x4ac336,_0x204d11){const _0x273904=_0x2739();return _0x1372=function(_0x137243,_0x1e4d69){_0x137243=_0x137243-0xec;let _0x418b16=_0x273904[_0x137243];return _0x418b16;},_0x1372(_0x4ac336,_0x204d11);}import{getTranslation as _0x3cfeb6}from'../../../utils/common-translations.js';export default class Y extends _0x4ec566{constructor(_0x502f10,_0x21954e){const _0x27e241=_0x1372;super(_0x502f10),this[_0x27e241(0xf8)](_0x27e241(0xf6),!_0x21954e[_0x27e241(0xf2)]),this[_0x27e241(0x107)]=new _0x924595(),this[_0x27e241(0x10f)]=_0x21954e,this[_0x27e241(0x10f)][_0x27e241(0x100)](_0x27e241(0x109),_0x27e241(0xf5))['to'](this),this['on'](_0x27e241(0x109),()=>{const _0x2dd0b6=_0x27e241;this[_0x2dd0b6(0x110)][_0x2dd0b6(0xfd)]();}),this['on'](_0x27e241(0xf5),()=>{const _0x57de8d=_0x27e241;this[_0x57de8d(0x110)][_0x57de8d(0x106)]();}),this[_0x27e241(0x110)]=new _0x325180({'focusables':_0x21954e,'focusTracker':this[_0x27e241(0x107)]}),this[_0x27e241(0xf7)](_0x21954e,_0x27e241(0xef),()=>{const _0x45ea21=_0x27e241;this[_0x45ea21(0xf6)]=!0x1;}),this[_0x27e241(0xf7)](_0x21954e,_0x27e241(0xf0),(_0x46706c,_0xf0dd89)=>{const _0x1986ee=_0x27e241;_0xf0dd89[_0x1986ee(0x10e)]&&this[_0x1986ee(0x102)](),_0x21954e[_0x1986ee(0xf2)]||(this[_0x1986ee(0xf6)]=!0x0);});const _0x1a289c=this[_0x27e241(0x103)];this[_0x27e241(0xfb)]({'tag':_0x27e241(0xfe),'attributes':{'dir':_0x27e241(0x10b),'class':['ck',_0x27e241(0x10c)],'tabindex':-0x1,'role':_0x27e241(0x108),'aria-label':_0x3cfeb6(_0x502f10,_0x27e241(0x112))},'children':[{'tag':_0x27e241(0xfe),'attributes':{'class':[_0x27e241(0x111)],'role':_0x27e241(0xed)},'children':[{'tag':_0x27e241(0xfe),'attributes':{'role':_0x27e241(0xed)},'children':_0x21954e},{'tag':'p','attributes':{'class':[_0x27e241(0x113),_0x1a289c['if'](_0x27e241(0xf6),_0x27e241(0x105),_0x1e34f9=>!_0x1e34f9)]},'children':[{'text':_0x3cfeb6(_0x502f10,_0x27e241(0xfc))}]}]}]});}[_0x48ec6a(0x115)](){const _0x578dbc=_0x48ec6a;super[_0x578dbc(0x115)](),this[_0x578dbc(0x10d)]();}[_0x48ec6a(0xfa)](){const _0x248dc0=_0x48ec6a;super[_0x248dc0(0xfa)](),this[_0x248dc0(0x107)][_0x248dc0(0xfa)]();}[_0x48ec6a(0x102)](){const _0x738cb1=_0x48ec6a;this[_0x738cb1(0x110)][_0x738cb1(0xf3)]?this[_0x738cb1(0x110)][_0x738cb1(0x114)]():this[_0x738cb1(0xec)][_0x738cb1(0x102)]();}[_0x48ec6a(0x10d)](){const _0x4c6ef9=_0x48ec6a;for(const _0x25e216 of this[_0x4c6ef9(0x10f)])this[_0x4c6ef9(0x107)][_0x4c6ef9(0xef)](_0x25e216[_0x4c6ef9(0xec)]);this[_0x4c6ef9(0x10f)]['on'](_0x4c6ef9(0x116),(_0x237fe4,{added:_0x2a4db8,removed:_0x1b00cc})=>{const _0x301ce6=_0x4c6ef9;for(const _0x1dfac9 of _0x2a4db8)this[_0x301ce6(0x107)][_0x301ce6(0xef)](_0x1dfac9[_0x301ce6(0xec)]);for(const _0x7a6b5d of _0x1b00cc)this[_0x301ce6(0x107)][_0x301ce6(0xf0)](_0x7a6b5d[_0x301ce6(0xec)]);});}}

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

@@ -5,15 +5,15 @@
 /**
  * @module comments/comments/ui/view/commentslistview
  */
-import { View, type ViewCollection } from 'ckeditor5/src/ui.js';
-import { type Locale } from 'ckeditor5/src/utils.js';
+import { View, FocusCycler, type ViewCollection, type FocusableView } from 'ckeditor5/src/ui.js';
+import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';
 import type { CommentThread } from '../../commentsrepository.js';
 import type CommentView from './commentview.js';
 import type { CommentThreadConfig } from '../../../config.js';
 /**
  * A view representing the list of comments. It should be used as a part of the comment thread view.
  */
-export default class CommentsListView extends View {
+export default class CommentsListView extends View implements FocusableView {
     locale: Locale;
     /**
      * Informs whether the list contains any comment view that is in the editing mode.
@@ -46,13 +46,25 @@ export default class CommentsListView extends View {
      *
      * @readonly
      */
-    readonly commentViews: ViewCollection;
+    readonly commentViews: ViewCollection<CommentView>;
     /**
      * Comment view used to display information that comment has been resolved.
      *
      * @readonly
      */
     resolvedCommentView: CommentView | null;
+    /**
+     * Tracks information about DOM focus in the comments list.
+     */
+    readonly focusTracker: FocusTracker;
+    /**
+     * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
+     */
+    readonly keystrokes: KeystrokeHandler;
+    /**
+     * Helps cycling over focusable {@link #commentViews} in the list.
+     */
+    readonly focusCycler: FocusCycler;
     /**
      * @param locale The localization service instance.
      * @param model The model on which the view will base.
@@ -66,7 +78,7 @@ export default class CommentsListView extends View {
     /**
      * Focuses the view.
      */
-    focus(): void;
+    focus(direction?: 1 | -1): void;
     /**
      * @inheritDoc
      */

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

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x41a1ff=_0x215f;(function(_0x229405,_0x241ea2){const _0x17ad93=_0x215f,_0x5229c1=_0x229405();while(!![]){try{const _0x5642cc=-parseInt(_0x17ad93(0x17e))/0x1*(parseInt(_0x17ad93(0x164))/0x2)+-parseInt(_0x17ad93(0x182))/0x3+-parseInt(_0x17ad93(0x17f))/0x4*(-parseInt(_0x17ad93(0x14f))/0x5)+parseInt(_0x17ad93(0x191))/0x6+-parseInt(_0x17ad93(0x16e))/0x7+parseInt(_0x17ad93(0x168))/0x8+parseInt(_0x17ad93(0x192))/0x9;if(_0x5642cc===_0x241ea2)break;else _0x5229c1['push'](_0x5229c1['shift']());}catch(_0x3f9820){_0x5229c1['push'](_0x5229c1['shift']());}}}(_0xa9f6,0x575e2));import{View as _0x34c04a}from'ckeditor5/src/ui.js';import{diff as _0x1369f2,Collection as _0x4e741c}from'ckeditor5/src/utils.js';import{getTranslation as _0x2d7cbb}from'../../../utils/common-translations.js';import _0x1091ee from'./collapsedcommentsview.js';export default class xt extends _0x34c04a{constructor(_0x54deed,_0x1037cd,_0x488054){const _0xc42d66=_0x215f;super(_0x54deed),this[_0xc42d66(0x179)](_0xc42d66(0x190),!0x1),this[_0xc42d66(0x179)](_0xc42d66(0x156),_0x1037cd[_0xc42d66(0x172)][_0xc42d66(0x156)]),this[_0xc42d66(0x179)](_0xc42d66(0x199),!0x1),this[_0xc42d66(0x188)]=_0x1037cd,this[_0xc42d66(0x17a)]=_0x488054,this[_0xc42d66(0x16d)]=this[_0xc42d66(0x195)](),this[_0xc42d66(0x185)]=this[_0xc42d66(0x195)](),this[_0xc42d66(0x157)]=null,this[_0xc42d66(0x194)]=new _0x1091ee(_0x54deed),this[_0xc42d66(0x194)][_0xc42d66(0x187)](_0xc42d66(0x162))['to'](this,_0xc42d66(0x156),_0x596bc1=>_0x596bc1-this[_0xc42d66(0x17a)][_0xc42d66(0x18e)]);for(const _0x23909e of _0x1037cd[_0xc42d66(0x172)])this[_0xc42d66(0x193)](_0x23909e);this[_0xc42d66(0x180)](),this[_0xc42d66(0x17b)](_0x1037cd[_0xc42d66(0x172)],_0xc42d66(0x173),(_0x8f0511,_0x374527)=>{const _0x292b7f=_0xc42d66,_0x49a59e=this[_0x292b7f(0x14e)](_0x374527);this[_0x292b7f(0x156)]++,this[_0x292b7f(0x193)](_0x374527,_0x49a59e),this[_0x292b7f(0x15f)]();}),this[_0xc42d66(0x17b)](_0x1037cd[_0xc42d66(0x172)],_0xc42d66(0x196),(_0x5339db,_0x453bf7)=>{const _0x3f773f=_0xc42d66;this[_0x3f773f(0x156)]--,this[_0x3f773f(0x178)](_0x453bf7),this[_0x3f773f(0x15f)]();}),this[_0xc42d66(0x17b)](_0x1037cd,_0xc42d66(0x171),()=>this[_0xc42d66(0x15f)]()),this[_0xc42d66(0x17b)](_0x1037cd,_0xc42d66(0x174),()=>this[_0xc42d66(0x180)]()),this['on'](_0xc42d66(0x150),()=>this[_0xc42d66(0x15f)]()),this['on'](_0xc42d66(0x18d),()=>this[_0xc42d66(0x15f)]()),this[_0xc42d66(0x18b)]({'tag':'ul','attributes':{'class':[_0xc42d66(0x176)]},'children':this[_0xc42d66(0x185)]});}get[_0x41a1ff(0x160)](){const _0x275a48=_0x41a1ff;return this[_0x275a48(0x188)][_0x275a48(0x159)]>this[_0x275a48(0x17a)][_0x275a48(0x161)]&&!this[_0x275a48(0x199)]&&!this[_0x275a48(0x190)];}[_0x41a1ff(0x15e)](){const _0x2575ed=_0x41a1ff;super[_0x2575ed(0x15e)](),this[_0x2575ed(0x15f)]();}[_0x41a1ff(0x183)](){const _0xd73ad6=_0x41a1ff;this[_0xd73ad6(0x181)][_0xd73ad6(0x183)]();}[_0x41a1ff(0x16a)](){const _0x4d4892=_0x41a1ff;this[_0x4d4892(0x194)][_0x4d4892(0x16a)]();for(const _0x3622ed of this[_0x4d4892(0x16d)])_0x3622ed[_0x4d4892(0x16a)]();super[_0x4d4892(0x16a)]();}[_0x41a1ff(0x15f)](){const _0x439f3f=_0x41a1ff;this[_0x439f3f(0x160)]?this[_0x439f3f(0x17d)]():this[_0x439f3f(0x17c)]();}[_0x41a1ff(0x193)](_0x7318cf,_0x25c9d5){const _0x3d5f81=_0x41a1ff,_0x4e5a5c=new this[(_0x3d5f81(0x17a))][(_0x3d5f81(0x151))](this[_0x3d5f81(0x197)],_0x7318cf,{'maxCommentCharsWhenCollapsed':this[_0x3d5f81(0x17a)][_0x3d5f81(0x155)],'formatDateTime':this[_0x3d5f81(0x17a)][_0x3d5f81(0x184)],'editorConfig':this[_0x3d5f81(0x17a)][_0x3d5f81(0x153)]});_0x4e5a5c[_0x3d5f81(0x16f)]=_0x7318cf['id'],_0x4e5a5c[_0x3d5f81(0x177)](_0x3d5f81(0x15c))['to'](this),_0x4e5a5c[_0x3d5f81(0x177)](_0x3d5f81(0x170))['to'](this),_0x4e5a5c[_0x3d5f81(0x177)](_0x3d5f81(0x175))['to'](this),_0x4e5a5c[_0x3d5f81(0x177)](_0x3d5f81(0x158))['to'](this),_0x4e5a5c[_0x3d5f81(0x177)](_0x3d5f81(0x163))['to'](this),this[_0x3d5f81(0x17b)](_0x4e5a5c,_0x3d5f81(0x15b),()=>this[_0x3d5f81(0x154)]()),this[_0x3d5f81(0x16d)][_0x3d5f81(0x173)](_0x4e5a5c,_0x25c9d5);}[_0x41a1ff(0x14e)](_0x3b6ad9){const _0x29d38e=_0x41a1ff,_0x13af28=this[_0x29d38e(0x188)][_0x29d38e(0x189)](_0x3b6ad9);return this[_0x29d38e(0x157)]?this[_0x29d38e(0x157)][_0x29d38e(0x165)]>_0x3b6ad9[_0x29d38e(0x165)]?_0x13af28-0x1:_0x13af28:_0x13af28-0x1;}[_0x41a1ff(0x180)](){const _0x3458b9=_0x41a1ff;if(this[_0x3458b9(0x188)][_0x3458b9(0x169)]&&this[_0x3458b9(0x188)][_0x3458b9(0x186)]){const _0x5aff6f={'id':_0x3458b9(0x198),'author':this[_0x3458b9(0x188)][_0x3458b9(0x169)],'authoredAt':this[_0x3458b9(0x188)][_0x3458b9(0x186)],'content':_0x2d7cbb(this[_0x3458b9(0x197)],_0x3458b9(0x18f)),'attributes':{}};this[_0x3458b9(0x157)]=new this[(_0x3458b9(0x17a))][(_0x3458b9(0x151))](this[_0x3458b9(0x197)],_0x5aff6f,{'maxCommentCharsWhenCollapsed':this[_0x3458b9(0x17a)][_0x3458b9(0x155)],'formatDateTime':this[_0x3458b9(0x17a)][_0x3458b9(0x184)],'editorConfig':this[_0x3458b9(0x17a)][_0x3458b9(0x153)],'isSystemComment':!0x0}),this[_0x3458b9(0x16d)][_0x3458b9(0x173)](this[_0x3458b9(0x157)],this[_0x3458b9(0x188)][_0x3458b9(0x189)](_0x5aff6f));}else this[_0x3458b9(0x157)]&&(this[_0x3458b9(0x16d)][_0x3458b9(0x196)](this[_0x3458b9(0x157)]),this[_0x3458b9(0x157)][_0x3458b9(0x16a)](),this[_0x3458b9(0x157)]=null);this[_0x3458b9(0x15f)]();}[_0x41a1ff(0x178)](_0x97ef13){const _0x591f33=_0x41a1ff,_0x5a39b9=this[_0x591f33(0x16d)][_0x591f33(0x196)](_0x97ef13['id']);this[_0x591f33(0x166)](_0x5a39b9),_0x5a39b9[_0x591f33(0x16b)]&&this[_0x591f33(0x154)](),_0x5a39b9[_0x591f33(0x16a)]();}[_0x41a1ff(0x154)](){const _0x264fa5=_0x41a1ff;this[_0x264fa5(0x190)]=Array[_0x264fa5(0x16c)](this[_0x264fa5(0x16d)])[_0x264fa5(0x15a)](_0x4de28e=>_0x4de28e[_0x264fa5(0x16b)]);}[_0x41a1ff(0x17d)](){const _0x167d3d=_0x41a1ff,_0x2fd755=function(_0x5206c8){const _0x4198e3=_0x215f,_0x48b3c1=new _0x4e741c();for(const _0x55b82b of _0x5206c8)_0x48b3c1[_0x4198e3(0x173)](_0x55b82b);return _0x48b3c1;}(this[_0x167d3d(0x16d)]),_0x3d8447=this[_0x167d3d(0x194)][_0x167d3d(0x162)];for(let _0x4b8b71=0x1;_0x4b8b71<=_0x3d8447;_0x4b8b71++)_0x2fd755[_0x167d3d(0x196)](0x1);for(const _0x5784b4 of _0x2fd755)_0x5784b4[_0x167d3d(0x152)]();_0x3d8447>0x0&&_0x2fd755[_0x167d3d(0x173)](this[_0x167d3d(0x194)],0x1),is(_0x1369f2(Array[_0x167d3d(0x16c)](this[_0x167d3d(0x185)]),Array[_0x167d3d(0x16c)](_0x2fd755)),this[_0x167d3d(0x185)],_0x2fd755);}[_0x41a1ff(0x17c)](){const _0x23cb1f=_0x41a1ff;is(_0x1369f2(Array[_0x23cb1f(0x16c)](this[_0x23cb1f(0x185)]),Array[_0x23cb1f(0x16c)](this[_0x23cb1f(0x16d)])),this[_0x23cb1f(0x185)],this[_0x23cb1f(0x16d)]);for(const _0x258567 of this[_0x23cb1f(0x185)])_0x258567[_0x23cb1f(0x18c)]();}}function _0x215f(_0x9d0cd9,_0x16d092){const _0xa9f66=_0xa9f6();return _0x215f=function(_0x215fc4,_0xfd16a5){_0x215fc4=_0x215fc4-0x14e;let _0x1dc960=_0xa9f66[_0x215fc4];return _0x1dc960;},_0x215f(_0x9d0cd9,_0x16d092);}function _0xa9f6(){const _0x592263=['742015leLDaX','change:isActive','CommentView','collapse','editorConfig','_updateHasDirtyComment','maxCommentCharsWhenCollapsed','length','resolvedCommentView','editorReady','weight','some','change:isEditMode','removeComment','delete','render','refreshVisibleViews','_shouldCollapse','maxThreadTotalWeight','count','editorDestroyed','64MbIuzx','authoredAt','stopListening','equal','55728VFIxKc','resolvedBy','destroy','isEditMode','from','commentViews','331835JdXhNA','viewUid','updateComment','commentUpdated','comments','add','change:isResolved','resolveCommentThread','ck-thread__comments','delegate','_handleRemoveCommentModel','set','_config','listenTo','_rearrangeExpand','_rearrangeCollapse','8408IZYGTU','4hFCZOR','_handleInfoComment','element','728154DQBdrh','focus','formatDateTime','visibleViews','resolvedAt','bind','_model','_findOptimalIndex','insert','setTemplate','expand','change:hasDirtyComment','maxCommentsWhenCollapsed','Marked\x20as\x20resolved','hasDirtyComment','3782916VcneiT','1180638GIeFLo','_handleNewCommentModel','_collapsedCommentsView','createCollection','remove','locale','resolved','isActive','get','_calculatePosition'];_0xa9f6=function(){return _0x592263;};return _0xa9f6();}function is(_0xf1aac5,_0x19393c,_0x2b7fda){const _0x568ec3=_0x41a1ff;let _0x2c94b4=0x0;for(const _0x21428d of _0xf1aac5)switch(_0x21428d){case _0x568ec3(0x18a):_0x19393c[_0x568ec3(0x173)](_0x2b7fda[_0x568ec3(0x19a)](_0x2c94b4),_0x2c94b4),_0x2c94b4++;break;case _0x568ec3(0x15d):_0x19393c[_0x568ec3(0x196)](_0x2c94b4);break;case _0x568ec3(0x167):_0x2c94b4++;}}
+const _0x42abc8=_0x3589;(function(_0x387b9c,_0x1910fc){const _0x6fb01e=_0x3589,_0x390d4d=_0x387b9c();while(!![]){try{const _0x3a4375=parseInt(_0x6fb01e(0x101))/0x1*(parseInt(_0x6fb01e(0x103))/0x2)+-parseInt(_0x6fb01e(0x11e))/0x3*(-parseInt(_0x6fb01e(0xd9))/0x4)+-parseInt(_0x6fb01e(0x114))/0x5*(parseInt(_0x6fb01e(0x115))/0x6)+parseInt(_0x6fb01e(0xf4))/0x7+parseInt(_0x6fb01e(0x124))/0x8*(parseInt(_0x6fb01e(0xe1))/0x9)+-parseInt(_0x6fb01e(0x131))/0xa+parseInt(_0x6fb01e(0xdd))/0xb*(-parseInt(_0x6fb01e(0xdf))/0xc);if(_0x3a4375===_0x1910fc)break;else _0x390d4d['push'](_0x390d4d['shift']());}catch(_0x1dd722){_0x390d4d['push'](_0x390d4d['shift']());}}}(_0x3071,0x9e751));import{View as _0x167d34,FocusCycler as _0x52ce59}from'ckeditor5/src/ui.js';function _0x3589(_0x569f91,_0x3fcd5c){const _0x3071bb=_0x3071();return _0x3589=function(_0x3589fd,_0x281e28){_0x3589fd=_0x3589fd-0xd7;let _0x39ec6e=_0x3071bb[_0x3589fd];return _0x39ec6e;},_0x3589(_0x569f91,_0x3fcd5c);}import{diff as _0x50ce40,Collection as _0x4a8dcf,FocusTracker as _0x104a06,KeystrokeHandler as _0x989aac}from'ckeditor5/src/utils.js';import{getTranslation as _0x216ebd}from'../../../utils/common-translations.js';import _0x1beeb6 from'./collapsedcommentsview.js';function _0x3071(){const _0x59449c=['map','_calculatePosition','_setupKeyboardNavigation','change:hasDirtyComment','Thread\x20comments','editorConfig','count','render','_handleInfoComment','6GQpNzx','resolvedCommentView','275958ecjkiT','add','authoredAt','collapse','some','focusTracker','expand','stopListening','insert','target','_rearrangeCollapse','viewUid','visibleViews','focusLast','maxCommentCharsWhenCollapsed','editorReady','change','5Hdyvtf','863682lVxfny','reverse','_handleRemoveCommentModel','_findOptimalIndex','keystrokes','_handleNewCommentModel','editorDestroyed','delegate','includes','3789qjDNqy','Marked\x20as\x20resolved','arrowup','commentViews','equal','element','2408goqouM','forEach','set','weight','focusFirst','isActive','hasDirtyComment','bind','listenTo','removeComment','ck-thread__comments','length','destroy','1643430yXHPVN','_model','from','isEditMode','maxCommentsWhenCollapsed','_shouldCollapse','updateComment','change:isResolved','formatDateTime','ck-hidden','change:isActive','3324RgTiRl','_rearrangeExpand','maxThreadTotalWeight','CommentView','2244143DDaFGN','locale','120lELKIl','_collapsedCommentsView','23553pYhZYF','commentUpdated','remove','focusCycler','removed','focus','resolveCommentThread','change:isEditMode','bindTemplate','resolved','_config','createCollection','refreshVisibleViews','comments','arrowdown','setTemplate','_updateHasDirtyComment','added','resolvedBy','2326219Xkwyfz','resolvedAt','delete','get'];_0x3071=function(){return _0x59449c;};return _0x3071();}export default class kt extends _0x167d34{constructor(_0x11092f,_0x3b9646,_0x680090){const _0x296078=_0x3589;super(_0x11092f);const _0x2b4dcc=this[_0x296078(0xe9)];this[_0x296078(0x126)](_0x296078(0x12a),!0x1),this[_0x296078(0x126)](_0x296078(0x12f),_0x3b9646[_0x296078(0xee)][_0x296078(0x12f)]),this[_0x296078(0x126)](_0x296078(0x129),!0x1),this[_0x296078(0x132)]=_0x3b9646,this[_0x296078(0xeb)]=_0x680090,this[_0x296078(0x121)]=this[_0x296078(0xec)](),this[_0x296078(0x10f)]=this[_0x296078(0xec)](),this[_0x296078(0x102)]=null,this[_0x296078(0x108)]=new _0x104a06(),this[_0x296078(0x119)]=new _0x989aac(),this[_0x296078(0xe4)]=new _0x52ce59({'focusables':this[_0x296078(0x121)],'focusTracker':this[_0x296078(0x108)],'keystrokeHandler':this[_0x296078(0x119)],'keystrokeHandlerOptions':{'filter':_0x2a8047=>this[_0x296078(0x121)][_0x296078(0xf8)](_0x37700d=>_0x37700d[_0x296078(0x123)])[_0x296078(0x11d)](_0x2a8047[_0x296078(0x10c)])},'actions':{'focusPrevious':_0x296078(0x120),'focusNext':_0x296078(0xef)}}),this[_0x296078(0xe0)]=new _0x1beeb6(_0x11092f),this[_0x296078(0xe0)][_0x296078(0x12b)](_0x296078(0xfe))['to'](this,_0x296078(0x12f),_0x4bee7f=>_0x4bee7f-this[_0x296078(0xeb)][_0x296078(0x135)]);for(const _0x66f850 of _0x3b9646[_0x296078(0xee)])this[_0x296078(0x11a)](_0x66f850);this[_0x296078(0x100)](),this[_0x296078(0x12c)](_0x3b9646[_0x296078(0xee)],_0x296078(0x104),(_0x46b2d2,_0x32bb70)=>{const _0x19d6ab=_0x296078,_0x1d35af=this[_0x19d6ab(0xf9)](_0x32bb70);this[_0x19d6ab(0x12f)]++,this[_0x19d6ab(0x11a)](_0x32bb70,_0x1d35af),this[_0x19d6ab(0xed)]();}),this[_0x296078(0x12c)](_0x3b9646[_0x296078(0xee)],_0x296078(0xe3),(_0x288b9c,_0x1b7f02)=>{const _0x1cc31a=_0x296078;this[_0x1cc31a(0x12f)]--,this[_0x1cc31a(0x117)](_0x1b7f02),this[_0x1cc31a(0xed)]();}),this[_0x296078(0x12c)](_0x3b9646,_0x296078(0xe2),()=>this[_0x296078(0xed)]()),this[_0x296078(0x12c)](_0x3b9646,_0x296078(0x138),()=>this[_0x296078(0x100)]()),this['on'](_0x296078(0xd8),()=>this[_0x296078(0xed)]()),this['on'](_0x296078(0xfb),()=>this[_0x296078(0xed)]()),this[_0x296078(0xf0)]({'tag':'ul','attributes':{'class':[_0x296078(0x12e),_0x2b4dcc['if'](_0x296078(0x12f),_0x296078(0xd7),_0x21a3a9=>!_0x21a3a9)],'aria-label':_0x216ebd(_0x11092f,_0x296078(0xfc))},'children':this[_0x296078(0x10f)]});}get[_0x42abc8(0x136)](){const _0x6a8aaa=_0x42abc8;return this[_0x6a8aaa(0x132)][_0x6a8aaa(0x127)]>this[_0x6a8aaa(0xeb)][_0x6a8aaa(0xdb)]&&!this[_0x6a8aaa(0x129)]&&!this[_0x6a8aaa(0x12a)];}[_0x42abc8(0xff)](){const _0x5ac5a9=_0x42abc8;super[_0x5ac5a9(0xff)](),this[_0x5ac5a9(0xed)](),this[_0x5ac5a9(0xfa)]();}[_0x42abc8(0xe6)](_0x27b20d){const _0x15f4f8=_0x42abc8;-0x1===_0x27b20d?this[_0x15f4f8(0xe4)][_0x15f4f8(0x110)]():this[_0x15f4f8(0xe4)][_0x15f4f8(0x128)]();}[_0x42abc8(0x130)](){const _0x411077=_0x42abc8;this[_0x411077(0xe0)][_0x411077(0x130)]();for(const _0x45cfb4 of this[_0x411077(0x121)])_0x45cfb4[_0x411077(0x130)]();super[_0x411077(0x130)]();}[_0x42abc8(0xed)](){const _0x10364c=_0x42abc8;this[_0x10364c(0x136)]?this[_0x10364c(0x10d)]():this[_0x10364c(0xda)]();}[_0x42abc8(0x11a)](_0x5ddafb,_0x5386eb){const _0x4a970c=_0x42abc8,_0x22b154=new this[(_0x4a970c(0xeb))][(_0x4a970c(0xdc))](this[_0x4a970c(0xde)],_0x5ddafb,{'maxCommentCharsWhenCollapsed':this[_0x4a970c(0xeb)][_0x4a970c(0x111)],'formatDateTime':this[_0x4a970c(0xeb)][_0x4a970c(0x139)],'editorConfig':this[_0x4a970c(0xeb)][_0x4a970c(0xfd)]});_0x22b154[_0x4a970c(0x10e)]=_0x5ddafb['id'],_0x22b154[_0x4a970c(0x11c)](_0x4a970c(0x12d))['to'](this),_0x22b154[_0x4a970c(0x11c)](_0x4a970c(0x137))['to'](this),_0x22b154[_0x4a970c(0x11c)](_0x4a970c(0xe7))['to'](this),_0x22b154[_0x4a970c(0x11c)](_0x4a970c(0x112))['to'](this),_0x22b154[_0x4a970c(0x11c)](_0x4a970c(0x11b))['to'](this),this[_0x4a970c(0x12c)](_0x22b154,_0x4a970c(0xe8),()=>this[_0x4a970c(0xf1)]()),this[_0x4a970c(0x121)][_0x4a970c(0x104)](_0x22b154,_0x5386eb);}[_0x42abc8(0xf9)](_0x2149fd){const _0x393499=_0x42abc8,_0x5e942e=this[_0x393499(0x132)][_0x393499(0x118)](_0x2149fd);return this[_0x393499(0x102)]?this[_0x393499(0x102)][_0x393499(0x105)]>_0x2149fd[_0x393499(0x105)]?_0x5e942e-0x1:_0x5e942e:_0x5e942e-0x1;}[_0x42abc8(0x100)](){const _0x547855=_0x42abc8;if(this[_0x547855(0x132)][_0x547855(0xf3)]&&this[_0x547855(0x132)][_0x547855(0xf5)]){const _0x1fb349={'id':_0x547855(0xea),'author':this[_0x547855(0x132)][_0x547855(0xf3)],'authoredAt':this[_0x547855(0x132)][_0x547855(0xf5)],'content':_0x216ebd(this[_0x547855(0xde)],_0x547855(0x11f)),'attributes':{}};this[_0x547855(0x102)]=new this[(_0x547855(0xeb))][(_0x547855(0xdc))](this[_0x547855(0xde)],_0x1fb349,{'maxCommentCharsWhenCollapsed':this[_0x547855(0xeb)][_0x547855(0x111)],'formatDateTime':this[_0x547855(0xeb)][_0x547855(0x139)],'editorConfig':this[_0x547855(0xeb)][_0x547855(0xfd)],'isSystemComment':!0x0}),this[_0x547855(0x121)][_0x547855(0x104)](this[_0x547855(0x102)],this[_0x547855(0x132)][_0x547855(0x118)](_0x1fb349));}else this[_0x547855(0x102)]&&(this[_0x547855(0x121)][_0x547855(0xe3)](this[_0x547855(0x102)]),this[_0x547855(0x102)][_0x547855(0x130)](),this[_0x547855(0x102)]=null);this[_0x547855(0xed)]();}[_0x42abc8(0x117)](_0x59923b){const _0x55502a=_0x42abc8,_0x377a39=this[_0x55502a(0x121)][_0x55502a(0xe3)](_0x59923b['id']);this[_0x55502a(0x10a)](_0x377a39),_0x377a39[_0x55502a(0x134)]&&this[_0x55502a(0xf1)](),_0x377a39[_0x55502a(0x130)]();}[_0x42abc8(0xf1)](){const _0x599e1d=_0x42abc8;this[_0x599e1d(0x12a)]=Array[_0x599e1d(0x133)](this[_0x599e1d(0x121)])[_0x599e1d(0x107)](_0xa3f0f0=>_0xa3f0f0[_0x599e1d(0x134)]);}[_0x42abc8(0x10d)](){const _0x5b8ce6=_0x42abc8,_0x4fa6e2=function(_0x524762){const _0x353b9a=_0x3589,_0x3caa3b=new _0x4a8dcf();for(const _0x16b1da of _0x524762)_0x3caa3b[_0x353b9a(0x104)](_0x16b1da);return _0x3caa3b;}(this[_0x5b8ce6(0x121)]),_0x592d12=this[_0x5b8ce6(0xe0)][_0x5b8ce6(0xfe)];for(let _0x4bc44d=0x1;_0x4bc44d<=_0x592d12;_0x4bc44d++)_0x4fa6e2[_0x5b8ce6(0xe3)](0x1);for(const _0x44551a of _0x4fa6e2)_0x44551a[_0x5b8ce6(0x106)]();_0x592d12>0x0&&_0x4fa6e2[_0x5b8ce6(0x104)](this[_0x5b8ce6(0xe0)],0x1),ms(_0x50ce40(Array[_0x5b8ce6(0x133)](this[_0x5b8ce6(0x10f)]),Array[_0x5b8ce6(0x133)](_0x4fa6e2)),this[_0x5b8ce6(0x10f)],_0x4fa6e2);}[_0x42abc8(0xda)](){const _0x15888e=_0x42abc8;ms(_0x50ce40(Array[_0x15888e(0x133)](this[_0x15888e(0x10f)]),Array[_0x15888e(0x133)](this[_0x15888e(0x121)])),this[_0x15888e(0x10f)],this[_0x15888e(0x121)]);for(const _0x559b6d of this[_0x15888e(0x10f)])_0x559b6d[_0x15888e(0x109)]();}[_0x42abc8(0xfa)](){const _0x2a40f0=_0x42abc8;this[_0x2a40f0(0x121)][_0x2a40f0(0x125)](_0x3e36f6=>{const _0x4518c6=_0x2a40f0;this[_0x4518c6(0x108)][_0x4518c6(0x104)](_0x3e36f6[_0x4518c6(0x123)]),this[_0x4518c6(0x119)][_0x4518c6(0x12c)](_0x3e36f6[_0x4518c6(0x123)]);}),this[_0x2a40f0(0x121)]['on'](_0x2a40f0(0x113),(_0x56e913,_0xcb2506)=>{const _0x4f00a9=_0x2a40f0;for(const _0x49f8e7 of _0xcb2506[_0x4f00a9(0xe5)])this[_0x4f00a9(0x108)][_0x4f00a9(0xe3)](_0x49f8e7[_0x4f00a9(0x123)]),this[_0x4f00a9(0x119)][_0x4f00a9(0x10a)](_0x49f8e7[_0x4f00a9(0x123)]);for(const _0x1db844 of Array[_0x4f00a9(0x133)](_0xcb2506[_0x4f00a9(0xf2)])[_0x4f00a9(0x116)]())this[_0x4f00a9(0x108)][_0x4f00a9(0x104)](_0x1db844[_0x4f00a9(0x123)]),this[_0x4f00a9(0x119)][_0x4f00a9(0x12c)](_0x1db844[_0x4f00a9(0x123)]);});}}function ms(_0x3bd3ab,_0xde83fd,_0x58b1e0){const _0x1a656c=_0x42abc8;let _0x23f4b3=0x0;for(const _0x4d1c54 of _0x3bd3ab)switch(_0x4d1c54){case _0x1a656c(0x10b):_0xde83fd[_0x1a656c(0x104)](_0x58b1e0[_0x1a656c(0xf7)](_0x23f4b3),_0x23f4b3),_0x23f4b3++;break;case _0x1a656c(0xf6):_0xde83fd[_0x1a656c(0xe3)](_0x23f4b3);break;case _0x1a656c(0x122):_0x23f4b3++;}}

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

@@ -0,0 +1,21 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+import { View, type FocusableView } from 'ckeditor5/src/ui.js';
+import type { Locale } from 'ckeditor5/src/utils.js';
+/**
+ * A view displaying the context of a comment thread. The context is a piece of text from editor content
+ * that comment was created on. It gives users a better understanding of what is discussed in the thread.
+ */
+export default class CommentThreadHeaderContextView extends View implements FocusableView {
+    /**
+     * The text of the content, it corresponds to some of the content in the editor.
+     */
+    contextValue: string;
+    constructor(locale: Locale);
+    /**
+     * @inheritDoc
+     */
+    focus(): void;
+}

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

@@ -0,0 +1,23 @@
+/*
+ *             Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ *
+ *
+ *
+ *
+ *          +---------------------------------------------------------------------------------+
+ *          |                                                                                 |
+ *          |                                 Hello stranger!                                 |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          |   What you're currently looking at is the source code of a legally protected,   |
+ *          |    proprietary software. Any attempts to deobfuscate / disassemble this code    |
+ *          |               are forbidden and will result in legal consequences.              |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          +---------------------------------------------------------------------------------+
+ *
+ *
+ *
+ *
+ */
+const _0x3dff0f=_0x24aa;(function(_0x55d076,_0x4e29d8){const _0xe5c265=_0x24aa,_0x54f4d6=_0x55d076();while(!![]){try{const _0x4247c8=-parseInt(_0xe5c265(0x121))/0x1+-parseInt(_0xe5c265(0x118))/0x2*(-parseInt(_0xe5c265(0x112))/0x3)+-parseInt(_0xe5c265(0x120))/0x4+parseInt(_0xe5c265(0x10f))/0x5*(-parseInt(_0xe5c265(0x119))/0x6)+-parseInt(_0xe5c265(0x11e))/0x7*(parseInt(_0xe5c265(0x111))/0x8)+parseInt(_0xe5c265(0x113))/0x9+parseInt(_0xe5c265(0x11c))/0xa*(parseInt(_0xe5c265(0x110))/0xb);if(_0x4247c8===_0x4e29d8)break;else _0x54f4d6['push'](_0x54f4d6['shift']());}catch(_0x469250){_0x54f4d6['push'](_0x54f4d6['shift']());}}}(_0x2d84,0x7fad6));import{View as _0x407f53}from'ckeditor5/src/ui.js';function _0x2d84(){const _0x23224e=['span','set','setTemplate','2LFlyYy','43062GLCMWj','bindTemplate','element','109930OAvRGc','focus','104531VMuleN','ck-context__value','3600064CfGcAd','879993pQXFYL','THREAD_CONTEXT_LABEL','45CjSPrV','869zXZSVX','8JHShrt','1461399oGZJAH','9242289HfdXhR','contextValue'];_0x2d84=function(){return _0x23224e;};return _0x2d84();}function _0x24aa(_0x3c672e,_0x302a7e){const _0x2d84a4=_0x2d84();return _0x24aa=function(_0x24aa2c,_0x40bf10){_0x24aa2c=_0x24aa2c-0x10f;let _0x1f07d4=_0x2d84a4[_0x24aa2c];return _0x1f07d4;},_0x24aa(_0x3c672e,_0x302a7e);}import{getTranslation as _0x96306d}from'../../../utils/common-translations.js';export default class ls extends _0x407f53{constructor(_0x43faed){const _0x2b2e67=_0x24aa;super(_0x43faed);const _0x4ddcc4=this[_0x2b2e67(0x11a)];this[_0x2b2e67(0x116)](_0x2b2e67(0x114),''),this[_0x2b2e67(0x117)]({'tag':_0x2b2e67(0x115),'attributes':{'class':['ck',_0x2b2e67(0x11f)],'aria-label':_0x4ddcc4['to'](_0x2b2e67(0x114),_0x4aad8d=>_0x96306d(_0x43faed,_0x2b2e67(0x122),_0x4aad8d)),'tabindex':-0x1},'children':[{'text':_0x4ddcc4['to'](_0x2b2e67(0x114))}]});}[_0x3dff0f(0x11d)](){const _0x36d906=_0x3dff0f;this[_0x36d906(0x11b)][_0x36d906(0x11d)]();}}

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

@@ -5,14 +5,15 @@
 /**
  * @module comments/comments/ui/view/commentthreadheaderview
  */
-import { View, ButtonView } from 'ckeditor5/src/ui.js';
-import type { Locale } from 'ckeditor5/src/utils.js';
+import { View, ButtonView, FocusCycler, type FocusableView, type ViewCollection } from 'ckeditor5/src/ui.js';
+import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';
 import type { CommentThread } from '../../commentsrepository.js';
+import CommentThreadHeaderContextView from './commentthreadheadercontextview.js';
 export declare const MAX_CONTENT_LENGTH = 150;
 /**
  * A view for the comment thread header.
  */
-export default class CommentThreadHeaderView extends View {
+export default class CommentThreadHeaderView extends View implements FocusableView {
     locale: Locale;
     /**
      * Defines whether the context value exists.
@@ -30,6 +31,27 @@ export default class CommentThreadHeaderView extends View {
      * Button view for the button which reopen the comment thread.
      */
     reopenButtonView: ButtonView;
+    /**
+     * The view that displays the context of the comment thread to the user, for instance,
+     * the part of text the thread (first comment) relates to.
+     */
+    contextView: CommentThreadHeaderContextView;
+    /**
+     * The collection of focusable sub-views in the header.
+     */
+    readonly focusables: ViewCollection<FocusableView>;
+    /**
+     * Tracks information about DOM focus in the header view.
+     */
+    readonly focusTracker: FocusTracker;
+    /**
+     * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
+     */
+    readonly keystrokes: KeystrokeHandler;
+    /**
+     * Helps cycling over focusable {@link #commentThreadChildren} in the header view.
+     */
+    readonly focusCycler: FocusCycler;
     /**
      * @inheritDoc
      */
@@ -38,6 +60,10 @@ export default class CommentThreadHeaderView extends View {
      * @inheritDoc
      */
     render(): void;
+    /**
+     * @inheritDoc
+     */
+    focus(): void;
 }
 /**
  * Fired when a user performed an action that should lead to reopen the resolved comment thread.

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

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x39d9ca=_0x543c;function _0x47d1(){const _0x34963a=['.ck-context','querySelector','setTemplate','isResolvable','2449870HXRdcO','bindTemplate','isResolved','2714024EfYnuo','.ck-context__value','substring','ck-context-wrapper','lastIndexOf','isEnabled','59396ucVGAH','...','_trimContextValue','mouseleave','execute','isVisible','classList','ck-context--quotes','icon','2tXVBFi','reopenCommentThread','ck-context','_model','length','hasContext','overlay','span','scrollWidth','37812VvdnaN','contextValue','Comment\x20was\x20made\x20on\x20an\x20element','_attachContextActions','354199KKJoBR','ck-annotation__actions','98dvBIjP','locale','offsetWidth','tooltip','isReadOnly','bind','fire','mouseenter','ck-context__value','div','label','render','ck-thread__header','element','value','context','listenTo','30sRIEwe','add','2991312jRtNdW','Reopen','859623xmgoyM','_createReopenButton','remove','reopenButtonView'];_0x47d1=function(){return _0x34963a;};return _0x47d1();}(function(_0x10d390,_0x13930d){const _0x4ea9c2=_0x543c,_0x45ce53=_0x10d390();while(!![]){try{const _0x39df14=parseInt(_0x4ea9c2(0x1e5))/0x1*(-parseInt(_0x4ea9c2(0x1d8))/0x2)+parseInt(_0x4ea9c2(0x1be))/0x3+parseInt(_0x4ea9c2(0x1cf))/0x4*(-parseInt(_0x4ea9c2(0x1ba))/0x5)+-parseInt(_0x4ea9c2(0x1e1))/0x6*(-parseInt(_0x4ea9c2(0x1e7))/0x7)+parseInt(_0x4ea9c2(0x1c9))/0x8+-parseInt(_0x4ea9c2(0x1bc))/0x9+parseInt(_0x4ea9c2(0x1c6))/0xa;if(_0x39df14===_0x13930d)break;else _0x45ce53['push'](_0x45ce53['shift']());}catch(_0x506894){_0x45ce53['push'](_0x45ce53['shift']());}}}(_0x47d1,0x2cc34));import{View as _0x17ab30,ButtonView as _0x435027}from'ckeditor5/src/ui.js';import{getTranslation as _0x1f8980}from'../../../utils/common-translations.js';function _0x543c(_0x30ec42,_0x496e26){const _0x47d1ca=_0x47d1();return _0x543c=function(_0x543c6d,_0x3b6ea9){_0x543c6d=_0x543c6d-0x1b0;let _0x31fca1=_0x47d1ca[_0x543c6d];return _0x31fca1;},_0x543c(_0x30ec42,_0x496e26);}import _0x2ee567 from'../../../../theme/icons/undo.svg';export const MAX_CONTENT_LENGTH=0x96;export default class Zt extends _0x17ab30{constructor(_0x505ffb,_0x5828dc){const _0x87c27e=_0x543c;super(_0x505ffb);const _0x1543f8=this[_0x87c27e(0x1c7)];this[_0x87c27e(0x1db)]=_0x5828dc,this[_0x87c27e(0x1c1)]=this[_0x87c27e(0x1bf)](),this[_0x87c27e(0x1ec)](_0x87c27e(0x1dd))['to'](this[_0x87c27e(0x1db)],_0x87c27e(0x1b8),_0x1d56d9=>!!_0x1d56d9),this[_0x87c27e(0x1ec)](_0x87c27e(0x1e2))['to'](this[_0x87c27e(0x1db)],_0x87c27e(0x1b8),_0x53a9d5=>_0x53a9d5&&_0x53a9d5[_0x87c27e(0x1b7)]?this[_0x87c27e(0x1d1)](_0x53a9d5[_0x87c27e(0x1b7)]):_0x1f8980(this[_0x87c27e(0x1e8)],_0x87c27e(0x1e3))),this[_0x87c27e(0x1c4)]({'tag':_0x87c27e(0x1b2),'attributes':{'class':[_0x87c27e(0x1b5)]},'children':[{'tag':_0x87c27e(0x1b2),'attributes':{'class':[_0x87c27e(0x1cc)]},'children':[{'tag':_0x87c27e(0x1b2),'attributes':{'class':[_0x87c27e(0x1da),_0x1543f8['if'](_0x87c27e(0x1dd),_0x87c27e(0x1d6))]},'children':[{'tag':_0x87c27e(0x1df),'attributes':{'class':[_0x87c27e(0x1b1)]},'children':[{'text':_0x1543f8['to'](_0x87c27e(0x1e2))}]}]}]},{'tag':_0x87c27e(0x1b2),'attributes':{'class':[_0x87c27e(0x1e6)]},'children':[this[_0x87c27e(0x1c1)]]}]});}[_0x39d9ca(0x1b4)](){const _0x2ff663=_0x39d9ca;super[_0x2ff663(0x1b4)](),this[_0x2ff663(0x1e4)]();}[_0x39d9ca(0x1bf)](){const _0xded083=_0x39d9ca,_0x36e5ac=new _0x435027(this[_0xded083(0x1e8)]);return _0x36e5ac[_0xded083(0x1b3)]=_0x1f8980(this[_0xded083(0x1e8)],_0xded083(0x1bd)),_0x36e5ac[_0xded083(0x1ea)]=_0x1f8980(this[_0xded083(0x1e8)],_0xded083(0x1bd)),_0x36e5ac[_0xded083(0x1d7)]=_0x2ee567,_0x36e5ac[_0xded083(0x1ec)](_0xded083(0x1ce))['to'](this[_0xded083(0x1db)],_0xded083(0x1eb),_0x504300=>!_0x504300),_0x36e5ac[_0xded083(0x1ec)](_0xded083(0x1d4))['to'](this[_0xded083(0x1db)],_0xded083(0x1c5),this[_0xded083(0x1db)],_0xded083(0x1c8),(_0x2da901,_0x50e5a1)=>_0x2da901&&_0x50e5a1),_0x36e5ac['on'](_0xded083(0x1d3),()=>{const _0x867167=_0xded083;this[_0x867167(0x1ed)](_0x867167(0x1d9),this[_0x867167(0x1db)]['id']);}),_0x36e5ac;}[_0x39d9ca(0x1d1)](_0x10e7fb){const _0x98c3fd=_0x39d9ca;if(_0x10e7fb[_0x98c3fd(0x1dc)]<0x96)return _0x10e7fb;const _0x2a322f=_0x10e7fb[_0x98c3fd(0x1cd)]('\x20',0x93);return _0x10e7fb[_0x98c3fd(0x1cb)](0x0,_0x2a322f>-0x1?_0x2a322f:0x93)+_0x98c3fd(0x1d0);}[_0x39d9ca(0x1e4)](){const _0x363063=_0x39d9ca,_0x57ce18=this[_0x363063(0x1b6)][_0x363063(0x1c3)](_0x363063(0x1c2)),_0x21ff05=_0x57ce18[_0x363063(0x1c3)](_0x363063(0x1ca));this[_0x363063(0x1b9)](_0x57ce18,_0x363063(0x1b0),()=>{const _0x14702e=_0x363063;_0x21ff05[_0x14702e(0x1e9)]<_0x21ff05[_0x14702e(0x1e0)]&&_0x57ce18[_0x14702e(0x1d5)][_0x14702e(0x1bb)](_0x14702e(0x1de));}),this[_0x363063(0x1b9)](_0x57ce18,_0x363063(0x1d2),()=>{const _0x419ecb=_0x363063;_0x57ce18[_0x419ecb(0x1d5)][_0x419ecb(0x1c0)](_0x419ecb(0x1de));});}}
+const _0xa6511=_0x5670;(function(_0x2931e2,_0x2b3c1e){const _0x3eeefb=_0x5670,_0x19b780=_0x2931e2();while(!![]){try{const _0x5f4d3b=parseInt(_0x3eeefb(0x1ee))/0x1*(-parseInt(_0x3eeefb(0x1cd))/0x2)+parseInt(_0x3eeefb(0x1fa))/0x3+parseInt(_0x3eeefb(0x1d1))/0x4*(-parseInt(_0x3eeefb(0x205))/0x5)+parseInt(_0x3eeefb(0x1d5))/0x6+-parseInt(_0x3eeefb(0x1d4))/0x7+parseInt(_0x3eeefb(0x1fc))/0x8*(-parseInt(_0x3eeefb(0x1ce))/0x9)+-parseInt(_0x3eeefb(0x1ff))/0xa*(-parseInt(_0x3eeefb(0x1f8))/0xb);if(_0x5f4d3b===_0x2b3c1e)break;else _0x19b780['push'](_0x19b780['shift']());}catch(_0x1a3940){_0x19b780['push'](_0x19b780['shift']());}}}(_0x2fe8,0x22798));import{View as _0x4a3d65,ButtonView as _0x285dc0,FocusCycler as _0x25239c}from'ckeditor5/src/ui.js';function _0x2fe8(){const _0x2afd36=['65466VEBxoc','Comment\x20was\x20made\x20on\x20an\x20element','280demipu','execute','icon','710ArijKU','...','substring','isReadOnly','locale','createCollection','48535CLVsJO','shift+tab','ck-context','classList','_createContextView','Reopen','.ck-context__value','mouseleave','isVisible','reopenButtonView','contextView','contextValue','focusTracker','_model','div','focusFirst','isResolvable','8404QTCvHP','32931UgBnkR','keystrokes','focus','8THPWBo','.ck-context','ck-annotation__actions','1688645Mngxgg','1675674KvJzUP','focusCycler','hasContext','bindTemplate','isEnabled','ck-thread__header','tab','ck-context-wrapper','lastIndexOf','context','value','scrollWidth','_createReopenButton','focusables','element','tooltip','_attachContextActions','ck-context--quotes','bind','isResolved','overlay','label','length','mouseenter','remove','61WnrqVr','render','reopenCommentThread','_setupKeyboardNavigation','querySelector','_trimContextValue','setTemplate','listenTo','add','offsetWidth','75163ldFccf','fire'];_0x2fe8=function(){return _0x2afd36;};return _0x2fe8();}function _0x5670(_0x1cc98c,_0x4cd3da){const _0x2fe816=_0x2fe8();return _0x5670=function(_0x5670e1,_0x28a8db){_0x5670e1=_0x5670e1-0x1c2;let _0x24284b=_0x2fe816[_0x5670e1];return _0x24284b;},_0x5670(_0x1cc98c,_0x4cd3da);}import{FocusTracker as _0x160676,KeystrokeHandler as _0x18e9fd}from'ckeditor5/src/utils.js';import{getTranslation as _0x1b4208}from'../../../utils/common-translations.js';import _0x2201b1 from'../../../../theme/icons/undo.svg';import _0xcbdfbf from'./commentthreadheadercontextview.js';export const MAX_CONTENT_LENGTH=0x96;export default class ts extends _0x4a3d65{constructor(_0x313277,_0x30f39e){const _0x1c4e09=_0x5670;super(_0x313277);const _0x4577e7=this[_0x1c4e09(0x1d8)];this[_0x1c4e09(0x1c9)]=_0x30f39e,this[_0x1c4e09(0x1c5)]=this[_0x1c4e09(0x1e1)](),this[_0x1c4e09(0x1c6)]=this[_0x1c4e09(0x209)](),this[_0x1c4e09(0x1e2)]=this[_0x1c4e09(0x204)]([this[_0x1c4e09(0x1c6)],this[_0x1c4e09(0x1c5)]]),this[_0x1c4e09(0x1c8)]=new _0x160676(),this[_0x1c4e09(0x1cf)]=new _0x18e9fd(),this[_0x1c4e09(0x1d6)]=new _0x25239c({'focusables':this[_0x1c4e09(0x1e2)],'focusTracker':this[_0x1c4e09(0x1c8)],'keystrokeHandler':this[_0x1c4e09(0x1cf)],'actions':{'focusPrevious':_0x1c4e09(0x206),'focusNext':_0x1c4e09(0x1db)}}),this[_0x1c4e09(0x1e7)](_0x1c4e09(0x1d7))['to'](this[_0x1c4e09(0x1c9)],_0x1c4e09(0x1de),_0x14bb94=>!!_0x14bb94),this[_0x1c4e09(0x1e7)](_0x1c4e09(0x1c7))['to'](this[_0x1c4e09(0x1c9)],_0x1c4e09(0x1de),_0x471d3c=>_0x471d3c&&_0x471d3c[_0x1c4e09(0x1df)]?this[_0x1c4e09(0x1f3)](_0x471d3c[_0x1c4e09(0x1df)]):_0x1b4208(this[_0x1c4e09(0x203)],_0x1c4e09(0x1fb))),this[_0x1c4e09(0x1f4)]({'tag':_0x1c4e09(0x1ca),'attributes':{'class':[_0x1c4e09(0x1da)]},'children':[{'tag':_0x1c4e09(0x1ca),'attributes':{'class':[_0x1c4e09(0x1dc)]},'children':[{'tag':_0x1c4e09(0x1ca),'attributes':{'class':[_0x1c4e09(0x207),_0x4577e7['if'](_0x1c4e09(0x1d7),_0x1c4e09(0x1e6))]},'children':[this[_0x1c4e09(0x1c6)]]}]},{'tag':_0x1c4e09(0x1ca),'attributes':{'class':[_0x1c4e09(0x1d3)]},'children':[this[_0x1c4e09(0x1c5)]]}]});}[_0xa6511(0x1ef)](){const _0x217735=_0xa6511;super[_0x217735(0x1ef)](),this[_0x217735(0x1e5)](),this[_0x217735(0x1f1)]();}[_0xa6511(0x1d0)](){const _0xe977b0=_0xa6511;this[_0xe977b0(0x1d6)][_0xe977b0(0x1cb)]();}[_0xa6511(0x1e1)](){const _0x38c1ad=_0xa6511,_0x34990d=new _0x285dc0(this[_0x38c1ad(0x203)]);return _0x34990d[_0x38c1ad(0x1ea)]=_0x1b4208(this[_0x38c1ad(0x203)],_0x38c1ad(0x20a)),_0x34990d[_0x38c1ad(0x1e4)]=_0x1b4208(this[_0x38c1ad(0x203)],_0x38c1ad(0x20a)),_0x34990d[_0x38c1ad(0x1fe)]=_0x2201b1,_0x34990d[_0x38c1ad(0x1e7)](_0x38c1ad(0x1d9))['to'](this[_0x38c1ad(0x1c9)],_0x38c1ad(0x202),_0x28cf3b=>!_0x28cf3b),_0x34990d[_0x38c1ad(0x1e7)](_0x38c1ad(0x1c4))['to'](this[_0x38c1ad(0x1c9)],_0x38c1ad(0x1cc),this[_0x38c1ad(0x1c9)],_0x38c1ad(0x1e8),(_0x77d3b8,_0x2c85c0)=>_0x77d3b8&&_0x2c85c0),_0x34990d['on'](_0x38c1ad(0x1fd),()=>{const _0x285dc5=_0x38c1ad;this[_0x285dc5(0x1f9)](_0x285dc5(0x1f0),this[_0x285dc5(0x1c9)]['id']);}),_0x34990d;}[_0xa6511(0x1f3)](_0x17a53b){const _0x2d1514=_0xa6511;if(_0x17a53b[_0x2d1514(0x1eb)]<0x96)return _0x17a53b;const _0x2ee85f=_0x17a53b[_0x2d1514(0x1dd)]('\x20',0x93);return _0x17a53b[_0x2d1514(0x201)](0x0,_0x2ee85f>-0x1?_0x2ee85f:0x93)+_0x2d1514(0x200);}[_0xa6511(0x1e5)](){const _0x7ba988=_0xa6511,_0x58da55=this[_0x7ba988(0x1e3)][_0x7ba988(0x1f2)](_0x7ba988(0x1d2)),_0x469b88=_0x58da55[_0x7ba988(0x1f2)](_0x7ba988(0x1c2));this[_0x7ba988(0x1f5)](_0x58da55,_0x7ba988(0x1ec),()=>{const _0x4c950a=_0x7ba988;_0x469b88[_0x4c950a(0x1f7)]<_0x469b88[_0x4c950a(0x1e0)]&&_0x58da55[_0x4c950a(0x208)][_0x4c950a(0x1f6)](_0x4c950a(0x1e9));}),this[_0x7ba988(0x1f5)](_0x58da55,_0x7ba988(0x1c3),()=>{const _0xe37efb=_0x7ba988;_0x58da55[_0xe37efb(0x208)][_0xe37efb(0x1ed)](_0xe37efb(0x1e9));});}[_0xa6511(0x1f1)](){const _0x37f523=_0xa6511;this[_0x37f523(0x1cf)][_0x37f523(0x1f5)](this[_0x37f523(0x1e3)]);for(const _0x59d6d5 of this[_0x37f523(0x1e2)])this[_0x37f523(0x1c8)][_0x37f523(0x1f6)](_0x59d6d5[_0x37f523(0x1e3)]),this[_0x37f523(0x1cf)][_0x37f523(0x1f5)](_0x59d6d5[_0x37f523(0x1e3)]);}[_0xa6511(0x209)](){const _0x22f9db=_0xa6511,_0x55f210=new _0xcbdfbf(this[_0x22f9db(0x203)]);return _0x55f210[_0x22f9db(0x1e7)](_0x22f9db(0x1c7))['to'](this),_0x55f210;}}

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

@@ -5,7 +5,7 @@
 /**
  * @module comments/comments/ui/view/commentthreadinputview
  */
-import { View } from 'ckeditor5/src/ui.js';
+import { type FocusableView, type FocusCycler, View } from 'ckeditor5/src/ui.js';
 import CommentInputView from './commentinputview.js';
 import type { Locale } from 'ckeditor5/src/utils.js';
 import type { EditorConfig } from 'ckeditor5/src/core.js';
@@ -13,7 +13,7 @@ import { UserView, type User } from 'ckeditor5-collaboration/src/collaboration-c
 /**
  * View that represents comment input area for a comment thread. Includes editor, user view and buttons.
  */
-export default class CommentThreadInputView extends View {
+export default class CommentThreadInputView extends View implements FocusableView {
     /**
      * Specifies whether the comment input view should be visible (`true`) or hidden (`false`).
      *
@@ -24,6 +24,13 @@ export default class CommentThreadInputView extends View {
      * Comment input view.
      */
     commentInputView: CommentInputView;
+    /**
+     * Helps move focus between focusable elements.
+     *
+     * **Note:** This property is a proxy is exposed for parent views to discover and use focus cycling capabilities of the view
+     * while in fact the actual implementation is in the {@link #commentInputView}.
+     */
+    focusCycler: FocusCycler;
     /**
      * User view for the input area. Presents the local user.
      */
@@ -38,4 +45,8 @@ export default class CommentThreadInputView extends View {
      * @inheritDoc
      */
     destroy(): Promise<void>;
+    /**
+     * @inheritDoc
+     */
+    focus(direction?: 1 | -1): void;
 }

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

@@ -20,4 +20,4 @@
  *
  *
  */
-function _0x1af7(_0x1bfa51,_0x49b722){var _0x27b7db=_0x27b7();return _0x1af7=function(_0x1af70a,_0x4c4f82){_0x1af70a=_0x1af70a-0x10a;var _0x2f6734=_0x27b7db[_0x1af70a];return _0x2f6734;},_0x1af7(_0x1bfa51,_0x49b722);}var _0x2914b3=_0x1af7;(function(_0x26c4f2,_0x4c98a5){var _0x12c710=_0x1af7,_0x3e0dd5=_0x26c4f2();while(!![]){try{var _0x45d447=-parseInt(_0x12c710(0x11b))/0x1+-parseInt(_0x12c710(0x10c))/0x2*(parseInt(_0x12c710(0x124))/0x3)+parseInt(_0x12c710(0x110))/0x4+-parseInt(_0x12c710(0x10a))/0x5*(-parseInt(_0x12c710(0x125))/0x6)+parseInt(_0x12c710(0x111))/0x7*(-parseInt(_0x12c710(0x118))/0x8)+parseInt(_0x12c710(0x12a))/0x9*(-parseInt(_0x12c710(0x115))/0xa)+parseInt(_0x12c710(0x11a))/0xb;if(_0x45d447===_0x4c98a5)break;else _0x3e0dd5['push'](_0x3e0dd5['shift']());}catch(_0x2e2606){_0x3e0dd5['push'](_0x3e0dd5['shift']());}}}(_0x27b7,0xdb2aa));import{View as _0x288fa5}from'ckeditor5/src/ui.js';import _0x504d70 from'./commentinputview.js';function _0x27b7(){var _0x83be92=['isFocused','333rtLutC','bindTemplate','delegate','editor','259040umUqml','editorReady','54968sqhBFp','createEditor','div','then','5181476ArntRh','14vPoPMi','userView','commentInputView','destroy','141060ooXERL','showInput','showButtons','1345216CBldOh','bind','9818259YGwbTy','420614XqLwRh','ck-comment__input-container','value','change:showInput','ck-thread__input','focusTracker','ck-thread__user','editorDestroyed','set','120eaEtqq','126ZifCjg','setTemplate','extendTemplate','ck-comment__input-container--active'];_0x27b7=function(){return _0x83be92;};return _0x27b7();}import{UserView as _0x5fec4d}from'ckeditor5-collaboration/src/collaboration-core.js';export default class Tt extends _0x288fa5{constructor(_0x1085eb,_0xcbc56f,_0x226e4d){var _0x147938=_0x1af7;super(_0x1085eb),this[_0x147938(0x113)]=new _0x504d70(_0x1085eb,_0x226e4d),this[_0x147938(0x113)][_0x147938(0x119)](_0x147938(0x117))['to'](this[_0x147938(0x113)][_0x147938(0x120)],_0x147938(0x129),this[_0x147938(0x113)],_0x147938(0x11d),(_0x1a733d,_0x32ff08)=>_0x1a733d||!!_0x32ff08),this[_0x147938(0x123)](_0x147938(0x116),!0x1),this['on'](_0x147938(0x11e),()=>{var _0xdf9b57=_0x147938;this[_0xdf9b57(0x116)]&&!this[_0xdf9b57(0x113)][_0xdf9b57(0x12d)]&&this[_0xdf9b57(0x113)][_0xdf9b57(0x10d)]();}),this[_0x147938(0x113)][_0x147938(0x12c)](_0x147938(0x10b))['to'](this),this[_0x147938(0x113)][_0x147938(0x12c)](_0x147938(0x122))['to'](this),this[_0x147938(0x112)]=new _0x5fec4d(_0x1085eb,_0xcbc56f),this[_0x147938(0x112)][_0x147938(0x127)]({'attributes':{'class':_0x147938(0x121)}}),this[_0x147938(0x113)][_0x147938(0x127)]({'attributes':{'class':_0x147938(0x11f)}}),this[_0x147938(0x126)]({'tag':_0x147938(0x10e),'attributes':{'class':[_0x147938(0x11c),this[_0x147938(0x12b)]['if'](_0x147938(0x116),_0x147938(0x128))]},'children':[this[_0x147938(0x112)],this[_0x147938(0x113)]]});}[_0x2914b3(0x114)](){var _0x6f804f=_0x2914b3;return this[_0x6f804f(0x113)][_0x6f804f(0x114)]()[_0x6f804f(0x10f)](()=>super[_0x6f804f(0x114)]());}}
+var _0x38b82c=_0x41d0;(function(_0x550ae0,_0x25e61f){var _0x277b7d=_0x41d0,_0x516661=_0x550ae0();while(!![]){try{var _0x18f5fb=-parseInt(_0x277b7d(0x170))/0x1+-parseInt(_0x277b7d(0x18d))/0x2+parseInt(_0x277b7d(0x177))/0x3*(parseInt(_0x277b7d(0x174))/0x4)+-parseInt(_0x277b7d(0x18e))/0x5+parseInt(_0x277b7d(0x16f))/0x6+parseInt(_0x277b7d(0x185))/0x7+parseInt(_0x277b7d(0x17e))/0x8;if(_0x18f5fb===_0x25e61f)break;else _0x516661['push'](_0x516661['shift']());}catch(_0x394279){_0x516661['push'](_0x516661['shift']());}}}(_0x3f03,0xa648e));function _0x41d0(_0x3f3968,_0x222602){var _0x3f0348=_0x3f03();return _0x41d0=function(_0x41d020,_0x5a208e){_0x41d020=_0x41d020-0x16e;var _0x35165f=_0x3f0348[_0x41d020];return _0x35165f;},_0x41d0(_0x3f3968,_0x222602);}import{View as _0x5f4672}from'ckeditor5/src/ui.js';import _0x5be659 from'./commentinputview.js';function _0x3f03(){var _0x41fab9=['bindTemplate','isFocused','value','then','delegate','6300344FuIxLM','destroy','focusTracker','ck-comment__input-container--active','createEditor','userView','showInput','6538469yFxrlU','change:showInput','ck-thread__input','setTemplate','ck-thread__user','extendTemplate','set','editorDestroyed','1179598cFnrvI','5101895ntOrMT','editorReady','bind','editor','2032488gAEpVM','97809aXkwti','focusCycler','focus','div','1314924GMQtyM','ck-comment__input-container','commentInputView','3ArNyeO','showButtons'];_0x3f03=function(){return _0x41fab9;};return _0x3f03();}import{UserView as _0x19a6c7}from'ckeditor5-collaboration/src/collaboration-core.js';export default class xt extends _0x5f4672{constructor(_0x312384,_0x26e85c,_0x4822b8){var _0x59da5c=_0x41d0;super(_0x312384),this[_0x59da5c(0x176)]=new _0x5be659(_0x312384,_0x4822b8),this[_0x59da5c(0x171)]=this[_0x59da5c(0x176)][_0x59da5c(0x171)],this[_0x59da5c(0x176)][_0x59da5c(0x190)](_0x59da5c(0x178))['to'](this[_0x59da5c(0x176)][_0x59da5c(0x180)],_0x59da5c(0x17a),this[_0x59da5c(0x176)],_0x59da5c(0x17b),(_0x18d13a,_0x13909e)=>_0x18d13a||!!_0x13909e),this[_0x59da5c(0x18b)](_0x59da5c(0x184),!0x1),this['on'](_0x59da5c(0x186),()=>{var _0x1d504b=_0x59da5c;this[_0x1d504b(0x184)]&&!this[_0x1d504b(0x176)][_0x1d504b(0x16e)]&&this[_0x1d504b(0x176)][_0x1d504b(0x182)]();}),this[_0x59da5c(0x176)][_0x59da5c(0x17d)](_0x59da5c(0x18f))['to'](this),this[_0x59da5c(0x176)][_0x59da5c(0x17d)](_0x59da5c(0x18c))['to'](this),this[_0x59da5c(0x183)]=new _0x19a6c7(_0x312384,_0x26e85c),this[_0x59da5c(0x183)][_0x59da5c(0x18a)]({'attributes':{'class':_0x59da5c(0x189),'aria-hidden':!0x0}}),this[_0x59da5c(0x176)][_0x59da5c(0x18a)]({'attributes':{'class':_0x59da5c(0x187)}}),this[_0x59da5c(0x188)]({'tag':_0x59da5c(0x173),'attributes':{'class':[_0x59da5c(0x175),this[_0x59da5c(0x179)]['if'](_0x59da5c(0x184),_0x59da5c(0x181))]},'children':[this[_0x59da5c(0x183)],this[_0x59da5c(0x176)]]});}[_0x38b82c(0x17f)](){var _0xa71b6f=_0x38b82c;return this[_0xa71b6f(0x176)][_0xa71b6f(0x17f)]()[_0xa71b6f(0x17c)](()=>super[_0xa71b6f(0x17f)]());}[_0x38b82c(0x172)](_0x3bf9d9){var _0x470b9b=_0x38b82c;this[_0x470b9b(0x176)][_0x470b9b(0x172)](_0x3bf9d9);}}

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

@@ -7,8 +7,8 @@
  * @publicApi
  */
 import { type Locale } from 'ckeditor5/src/utils.js';
-import { type User } from 'ckeditor5-collaboration/src/collaboration-core.js';
-import { ButtonView, type TemplateDefinition, type ViewCollection } from 'ckeditor5/src/ui.js';
+import { LateFocusButtonView, type User } from 'ckeditor5-collaboration/src/collaboration-core.js';
+import { type View, type ViewWithFocusCycler, type TemplateDefinition, type ViewCollection } from 'ckeditor5/src/ui.js';
 import BaseCommentThreadView from './basecommentthreadview.js';
 import type { CommentThread } from '../../commentsrepository.js';
 import type { CommentThreadConfig } from '../../../config.js';
@@ -16,7 +16,7 @@ declare const CommentThreadView_base: import("ckeditor5/src/utils.js").Mixed<typ
 /**
  * The default view for comment thread.
  */
-export default class CommentThreadView extends /* #__PURE__ -- @preserve */ CommentThreadView_base {
+export default class CommentThreadView extends /* #__PURE__ -- @preserve */ CommentThreadView_base implements ViewWithFocusCycler {
     isConfirm: boolean;
     cancelConfirm: () => void;
     showConfirm: (key: string, element: unknown) => Promise<void>;
@@ -46,7 +46,7 @@ export default class CommentThreadView extends /* #__PURE__ -- @preserve */ Comm
      *
      * @readonly
      */
-    readonly commentThreadChildren: ViewCollection;
+    readonly commentThreadChildren: ViewCollection<View>;
     /**
      * `ConfirmView` uses this element as a container for confirmation dialog.
      *
@@ -60,7 +60,7 @@ export default class CommentThreadView extends /* #__PURE__ -- @preserve */ Comm
      *
      * @readonly
      */
-    readonly resolveButton: ButtonView;
+    readonly resolveButton: LateFocusButtonView;
     /**
      * @inheritDoc
      */
@@ -80,8 +80,10 @@ export default class CommentThreadView extends /* #__PURE__ -- @preserve */ Comm
      *
      * 	attributes: {
      * 		class: [
+     * 			'ck',
      * 			'ck-thread',
      * 			'ck-reset_all-excluded',
+     * 			'ck-rounded-corners',
      * 			bind.if( 'isActive', 'ck-thread--active' ),
      * 			bind.if( 'isUnlinked', 'ck-thread--unlinked' ),
      * 			bind.if( 'isConfirm', 'ck-thread--remove-confirmation' ),
@@ -89,7 +91,10 @@ export default class CommentThreadView extends /* #__PURE__ -- @preserve */ Comm
      * 		],
      * 		'data-thread-id': this._model.id,
      * 		// Needed for managing focus after adding new comment.
-     * 		tabindex: -1
+     * 		tabindex: 0,
+     * 		role: 'listitem',
+     * 		'aria-label': bind.to( 'ariaLabel' ),
+     * 		'aria-describedby': this.ariaDescriptionView.id
      * 	},
      *
      * 	children: [