@ckeditor/ckeditor5-comments 36.0.0 → 37.0.0-rc.0

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

@@ -0,0 +1,76 @@
+/**
+ * @module comments/comments/ui/view/commentinputview
+ */
+import { View, ButtonView } from 'ckeditor5/src/ui';
+import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils';
+import { type EditorConfig, type DataApi } from 'ckeditor5/src/core';
+import CommentEditor from '../commenteditor/commenteditor';
+/**
+ * A view for the comment input section that includes a comment editor.
+ */
+export default class CommentInputView extends View {
+    /**
+     * Comment editor.
+     */
+    editor: CommentEditor & DataApi | null;
+    /**
+     * The input value (comment editor content).
+     *
+     * @observable
+     */
+    value: string;
+    /**
+     * When set to `true` it is not possible to submit the commit.
+     *
+     * @observable
+     */
+    disabledSubmit: boolean;
+    /**
+     * Specifies whether the buttons should be visible (`true`) or hidden (`false`).
+     *
+     * @observable
+     */
+    showButtons: boolean;
+    /**
+     * The comment editor placeholder.
+     *
+     * @observable
+     */
+    placeholder: string;
+    element: HTMLElement;
+    /**
+     * Keystroke handler for the view.
+     */
+    keystrokes: KeystrokeHandler;
+    /**
+     * Focus tracker for the view.
+     */
+    focusTracker: FocusTracker;
+    /**
+     * Button view for the button which submits the comment.
+     */
+    submitButtonView: ButtonView;
+    /**
+     * Button view for the button which cancels comment input.
+     */
+    cancelButtonView: ButtonView;
+    constructor(locale: Locale, editorConfig?: EditorConfig);
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+    /**
+     * Creates the comment editor instance.
+     *
+     * @returns Promise resolved after the editor instance is initialized.
+     */
+    createEditor(): Promise<CommentEditor | undefined>;
+    /**
+     * Focuses the view.
+     */
+    focus(): void;
+    /**
+     * @inheritDoc
+     */
+    destroy(): Promise<void>;
+}

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

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x14d3=['isEnabled','createEditor','length','_editorConfig','_createCancelButton','listenTo','ck-comment__input-actions--active','fire','editor','TOO_LONG_COMMENT_ALERT','placeholder','getData','_editorCreationPromise','Submit','destroy','label','bindTemplate','focus','document','render','model','Esc','then','value','trim','initialData','stop','div','bind','_createSubmitButton','focusNext','create','extendTemplate','check','add','keystrokes','forEach','insertBefore','cancelButtonView','setData','icon','focusPrevious','element','low','set','_initializeFocusCycling','ck-comment__input-actions--cancel','focusTracker','execute','submit','submitButtonView','_isDestroyed','view','showButtons','ck-comment__input-wrapper','cancel','firstChild','disabledSubmit'];(function(_0x22d4ae,_0x14d374){const _0x1259b6=function(_0x4041d7){while(--_0x4041d7){_0x22d4ae['push'](_0x22d4ae['shift']());}};_0x1259b6(++_0x14d374);}(_0x14d3,0xf6));const _0x1259=function(_0x22d4ae,_0x14d374){_0x22d4ae=_0x22d4ae-0x0;let _0x1259b6=_0x14d3[_0x22d4ae];return _0x1259b6;};import{View as _0x5d0f5f,ViewCollection as _0x584e43,FocusCycler as _0x504c2f,ButtonView as _0x5b7371}from'ckeditor5/src/ui';import{FocusTracker as _0x7d6fe9,KeystrokeHandler as _0x38a999}from'ckeditor5/src/utils';import{icons as _0x5025cf}from'ckeditor5/src/core';import _0x2a435d from'../commenteditor/commenteditor';import{getTranslation as _0x4525fb}from'../../../utils/common-translations';export default class St extends _0x5d0f5f{constructor(_0x24f5b5,_0x5634dc={}){super(_0x24f5b5),this[_0x1259('0x34')]=null,this[_0x1259('0x2f')]=_0x5634dc,this[_0x1259('0x15')]=new _0x38a999(),this[_0x1259('0x21')]=new _0x7d6fe9(),this['set']('value',_0x5634dc[_0x1259('0xb')]||''),this[_0x1259('0x1e')](_0x1259('0x2b'),!0x1),this[_0x1259('0x1e')]('showButtons',!0x0),this[_0x1259('0x1e')](_0x1259('0x36'),_0x4525fb(_0x24f5b5,'Reply...')),this[_0x1259('0x24')]=this[_0x1259('0xf')](),this[_0x1259('0x18')]=this[_0x1259('0x30')](),this['setTemplate']({'tag':_0x1259('0xd'),'attributes':{'class':[_0x1259('0x28')]},'children':[{'tag':_0x1259('0xd'),'attributes':{'class':['ck-comment__input-actions',this[_0x1259('0x2')]['if'](_0x1259('0x27'),_0x1259('0x32'))]},'children':[this[_0x1259('0x24')],this[_0x1259('0x18')]]}]}),this[_0x1259('0x15')][_0x1259('0x1e')](_0x1259('0x7'),(_0x240215,_0xe9d149)=>{this['cancelButtonView'][_0x1259('0x33')](_0x1259('0x22')),_0xe9d149();}),this['on'](_0x1259('0x23'),(_0x59f5a0,_0x5c8660)=>{_0x5c8660['length']>0xfde8?(alert(_0x4525fb(_0x24f5b5,_0x1259('0x35'),[_0x5c8660[_0x1259('0x2e')],0xfde8])),_0x59f5a0[_0x1259('0xc')]()):this[_0x1259('0x34')][_0x1259('0x19')]('');},{'priority':'high'});}[_0x1259('0x5')](){super[_0x1259('0x5')](),this[_0x1259('0x15')][_0x1259('0x31')](this[_0x1259('0x1c')]),this[_0x1259('0x21')]['add'](this[_0x1259('0x1c')]);}[_0x1259('0x2d')](){return this['editor']||(this['editor']=new _0x2a435d(this[_0x1259('0x2f')]),this[_0x1259('0x38')]=this['editor'][_0x1259('0x11')]()[_0x1259('0x8')](()=>{this[_0x1259('0x25')]||(this[_0x1259('0x1c')][_0x1259('0x17')](this[_0x1259('0x34')]['ui'][_0x1259('0x1c')],this[_0x1259('0x1c')][_0x1259('0x2a')]),this[_0x1259('0x34')][_0x1259('0x6')][_0x1259('0x4')]['on']('change',()=>this[_0x1259('0x9')]=this[_0x1259('0x34')][_0x1259('0x37')]()),this[_0x1259('0x34')][_0x1259('0xe')](_0x1259('0x36'))['to'](this),this[_0x1259('0x1f')](this[_0x1259('0x34')]),this[_0x1259('0x33')]('editorReady'));})),this['_editorCreationPromise'];}['focus'](){this[_0x1259('0x34')]&&this[_0x1259('0x34')][_0x1259('0x3')]();}async['destroy'](){this[_0x1259('0x25')]||(this[_0x1259('0x25')]=!0x0,this[_0x1259('0x34')]&&(await this[_0x1259('0x38')],await this[_0x1259('0x34')][_0x1259('0x0')]()),await super[_0x1259('0x0')]());}[_0x1259('0xf')](){const {locale:_0x163e2d}=this,_0xf42c69=new _0x5b7371(_0x163e2d);return _0xf42c69[_0x1259('0x12')]({'attributes':{'class':['ck-comment__input-actions--submit']}}),_0xf42c69['label']=_0x4525fb(_0x163e2d,_0x1259('0x39')),_0xf42c69[_0x1259('0x1a')]=_0x5025cf[_0x1259('0x13')],_0xf42c69['on'](_0x1259('0x22'),()=>{this['fire'](_0x1259('0x23'),this['value']);}),_0xf42c69[_0x1259('0xe')](_0x1259('0x2c'))['to'](this,_0x1259('0x9'),this,_0x1259('0x2b'),(_0x13288a,_0x7873af)=>!_0x7873af&&!!_0x13288a[_0x1259('0xa')]()),_0xf42c69;}[_0x1259('0x30')](){const {locale:_0x320477}=this,_0x4e8a7b=new _0x5b7371(_0x320477);return _0x4e8a7b[_0x1259('0x12')]({'attributes':{'class':[_0x1259('0x20')]}}),_0x4e8a7b[_0x1259('0x1')]=_0x4525fb(_0x320477,'Cancel'),_0x4e8a7b[_0x1259('0x1a')]=_0x5025cf[_0x1259('0x29')],_0x4e8a7b['on']('execute',()=>{this[_0x1259('0x34')][_0x1259('0x19')](''),this['fire'](_0x1259('0x29'));}),_0x4e8a7b;}[_0x1259('0x1f')](_0x363ddc){const _0xf8fb83=this[_0x1259('0x21')],_0x1c5138=new _0x584e43();[_0x363ddc['ui'][_0x1259('0x26')],this[_0x1259('0x24')],this[_0x1259('0x18')]][_0x1259('0x16')](_0x5717d4=>{_0x1c5138['add'](_0x5717d4),_0xf8fb83[_0x1259('0x14')](_0x5717d4['element']);});const _0x3bf77a=new _0x504c2f({'focusables':_0x1c5138,'focusTracker':_0xf8fb83});this['keystrokes'][_0x1259('0x1e')]('tab',(_0x52bf1d,_0x5ddd96)=>{_0x3bf77a[_0x1259('0x10')](),_0x5ddd96();},{'priority':_0x1259('0x1d')}),this[_0x1259('0x15')][_0x1259('0x1e')]('shift\x20+\x20tab',(_0x244efa,_0x53bfbb)=>{_0x3bf77a[_0x1259('0x1b')](),_0x53bfbb();},{'priority':_0x1259('0x1d')});}}
+const _0x2ce1=['then','element','change','_initializeFocusCycling','editor','fire','document','keystrokes','disabledSubmit','ck-comment__input-actions','check','icon','createEditor','_editorCreationPromise','ck-comment__input-actions--submit','value','editorReady','div','Cancel','_editorConfig','trim','execute','ck-comment__input-actions--cancel','_createSubmitButton','listenTo','extendTemplate','bind','isEnabled','label','focus','cancel','Esc','render','low','focusNext','forEach','getData','view','stop','high','_isDestroyed','firstChild','submit','cancelButtonView','submitButtonView','shift\x20+\x20tab','_createCancelButton','Reply...','focusTracker','placeholder','model','setData','length','create','set','TOO_LONG_COMMENT_ALERT','add'];(function(_0x4ea645,_0x2ce153){const _0x2a290c=function(_0x2dd118){while(--_0x2dd118){_0x4ea645['push'](_0x4ea645['shift']());}};_0x2a290c(++_0x2ce153);}(_0x2ce1,0x1ae));const _0x2a29=function(_0x4ea645,_0x2ce153){_0x4ea645=_0x4ea645-0x0;let _0x2a290c=_0x2ce1[_0x4ea645];return _0x2a290c;};import{View as _0x51b2ea,ViewCollection as _0x4f7d9e,FocusCycler as _0x58b63a,ButtonView as _0x538096}from'ckeditor5/src/ui';import{FocusTracker as _0xf1f17d,KeystrokeHandler as _0x3041bb}from'ckeditor5/src/utils';import{icons as _0x2afc29}from'ckeditor5/src/core';import _0x46393d from'../commenteditor/commenteditor';import{getTranslation as _0xe247c8}from'../../../utils/common-translations';export default class Wt extends _0x51b2ea{constructor(_0x2df5ed,_0x2ec008={}){super(_0x2df5ed),this[_0x2a29('0x1e')]=null,this[_0x2a29('0x2d')]=_0x2ec008,this[_0x2a29('0x21')]=new _0x3041bb(),this[_0x2a29('0x11')]=new _0xf1f17d(),this[_0x2a29('0x17')]('value',_0x2ec008['initialData']||''),this['set'](_0x2a29('0x22'),!0x1),this[_0x2a29('0x17')]('showButtons',!0x0),this['set'](_0x2a29('0x12'),_0xe247c8(_0x2df5ed,_0x2a29('0x10'))),this[_0x2a29('0xd')]=this[_0x2a29('0x31')](),this[_0x2a29('0xc')]=this[_0x2a29('0xf')](),this['setTemplate']({'tag':_0x2a29('0x2b'),'attributes':{'class':['ck-comment__input-wrapper']},'children':[{'tag':_0x2a29('0x2b'),'attributes':{'class':[_0x2a29('0x23'),this['bindTemplate']['if']('showButtons','ck-comment__input-actions--active')]},'children':[this[_0x2a29('0xd')],this[_0x2a29('0xc')]]}]}),this[_0x2a29('0x21')][_0x2a29('0x17')](_0x2a29('0x0'),(_0x3481f9,_0x25d183)=>{this['cancelButtonView']['fire'](_0x2a29('0x2f')),_0x25d183();}),this['on'](_0x2a29('0xb'),(_0x49fb2b,_0x131b4c)=>{_0x131b4c[_0x2a29('0x15')]>0xfde8?(alert(_0xe247c8(_0x2df5ed,_0x2a29('0x18'),[_0x131b4c[_0x2a29('0x15')],0xfde8])),_0x49fb2b[_0x2a29('0x7')]()):this[_0x2a29('0x1e')][_0x2a29('0x14')]('');},{'priority':_0x2a29('0x8')});}[_0x2a29('0x1')](){super[_0x2a29('0x1')](),this[_0x2a29('0x21')][_0x2a29('0x32')](this[_0x2a29('0x1b')]),this['focusTracker']['add'](this['element']);}[_0x2a29('0x26')](){return this['editor']||(this[_0x2a29('0x1e')]=new _0x46393d(this[_0x2a29('0x2d')]),this[_0x2a29('0x27')]=this[_0x2a29('0x1e')][_0x2a29('0x16')]()[_0x2a29('0x1a')](()=>{if(this[_0x2a29('0x9')])return;const _0x48fe48=this[_0x2a29('0x1e')];this[_0x2a29('0x1b')]['insertBefore'](_0x48fe48['ui'][_0x2a29('0x1b')],this['element'][_0x2a29('0xa')]),_0x48fe48[_0x2a29('0x13')][_0x2a29('0x20')]['on'](_0x2a29('0x1c'),()=>this[_0x2a29('0x29')]=_0x48fe48[_0x2a29('0x5')]()),_0x48fe48['bind'](_0x2a29('0x12'))['to'](this),this[_0x2a29('0x1d')](this[_0x2a29('0x1e')]),this[_0x2a29('0x1f')](_0x2a29('0x2a'));})),this[_0x2a29('0x27')];}[_0x2a29('0x37')](){this[_0x2a29('0x1e')]&&this[_0x2a29('0x1e')][_0x2a29('0x37')]();}async['destroy'](){this[_0x2a29('0x9')]||(this[_0x2a29('0x9')]=!0x0,this[_0x2a29('0x1e')]&&(await this[_0x2a29('0x27')],await this[_0x2a29('0x1e')]['destroy']()),await super['destroy']());}['_createSubmitButton'](){const {locale:_0x5207fc}=this,_0x2a9aff=new _0x538096(_0x5207fc);return _0x2a9aff[_0x2a29('0x33')]({'attributes':{'class':[_0x2a29('0x28')]}}),_0x2a9aff[_0x2a29('0x36')]=_0xe247c8(_0x5207fc,'Submit'),_0x2a9aff[_0x2a29('0x25')]=_0x2afc29[_0x2a29('0x24')],_0x2a9aff['on'](_0x2a29('0x2f'),()=>{this['fire'](_0x2a29('0xb'),this[_0x2a29('0x29')]);}),_0x2a9aff[_0x2a29('0x34')](_0x2a29('0x35'))['to'](this,'value',this,_0x2a29('0x22'),(_0x164fba,_0x4445ad)=>!_0x4445ad&&!!_0x164fba[_0x2a29('0x2e')]()),_0x2a9aff;}[_0x2a29('0xf')](){const {locale:_0x3ec8ad}=this,_0x15598e=new _0x538096(_0x3ec8ad);return _0x15598e['extendTemplate']({'attributes':{'class':[_0x2a29('0x30')]}}),_0x15598e[_0x2a29('0x36')]=_0xe247c8(_0x3ec8ad,_0x2a29('0x2c')),_0x15598e[_0x2a29('0x25')]=_0x2afc29[_0x2a29('0x38')],_0x15598e['on']('execute',()=>{this[_0x2a29('0x1e')][_0x2a29('0x14')](''),this[_0x2a29('0x1f')]('cancel');}),_0x15598e;}[_0x2a29('0x1d')](_0xd3991b){const _0x356cb1=this['focusTracker'],_0x1f0b49=new _0x4f7d9e();[_0xd3991b['ui'][_0x2a29('0x6')],this[_0x2a29('0xd')],this[_0x2a29('0xc')]][_0x2a29('0x4')](_0x295000=>{_0x1f0b49[_0x2a29('0x19')](_0x295000),_0x356cb1[_0x2a29('0x19')](_0x295000['element']);});const _0x33700a=new _0x58b63a({'focusables':_0x1f0b49,'focusTracker':_0x356cb1});this[_0x2a29('0x21')][_0x2a29('0x17')]('tab',(_0x591309,_0x18726a)=>{_0x33700a[_0x2a29('0x3')](),_0x18726a();},{'priority':'low'}),this[_0x2a29('0x21')][_0x2a29('0x17')](_0x2a29('0xe'),(_0x67d799,_0x15290f)=>{_0x33700a['focusPrevious'](),_0x15290f();},{'priority':_0x2a29('0x2')});}}

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

@@ -0,0 +1,34 @@
+/**
+ * @module comments/comments/ui/view/commentslistview
+ */
+import { View, type ViewCollection } from 'ckeditor5/src/ui';
+import { type Locale } from 'ckeditor5/src/utils';
+import type AnnotationView from '../../../annotations/view/annotationview';
+/**
+ * A view representing the content of comments archive.
+ */
+export default class CommentsArchiveView extends View {
+    /**
+     * The flag indicating whether there are items to display in the comments archive.
+     *
+     * @observable
+     */
+    isEmpty: boolean;
+    /**
+     * @param locale The localization service instance.
+     * @param annotationViews Resolved comment thread annotation views to render inside the comments archive.
+     */
+    constructor(locale: Locale, annotationViews: ViewCollection<AnnotationView>);
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+    /**
+     * @inheritDoc
+     */
+    destroy(): void;
+    /**
+     * @inheritDoc
+     */
+    focus(): void;
+}

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

@@ -0,0 +1,23 @@
+/*
+ *             Copyright (c) 2016 - 2023, 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 _0x4502=['EMPTY_COMMENTS_ARCHIVE','_focusables','stopPropagation','arrowright','_keystrokes','isActive','arrowdown','length','destroy','listenTo','div','setTemplate','ck-comments-archive','bindTemplate','add','ck-hidden','_focusCycler','arrowup','shift\x20+\x20tab','high','render','tab','ck-comments-archive__content','element','ck-comments-archive__header\x20','set','isEmpty','focus','_focusTracker'];(function(_0x43cd7e,_0x4502f5){const _0x93e579=function(_0x1d2ba4){while(--_0x1d2ba4){_0x43cd7e['push'](_0x43cd7e['shift']());}};_0x93e579(++_0x4502f5);}(_0x4502,0x181));const _0x93e5=function(_0x43cd7e,_0x4502f5){_0x43cd7e=_0x43cd7e-0x0;let _0x93e579=_0x4502[_0x43cd7e];return _0x93e579;};import{View as _0x217820,FocusCycler as _0x1d2737}from'ckeditor5/src/ui';import{FocusTracker as _0x5260c1,KeystrokeHandler as _0x5dc400}from'ckeditor5/src/utils';import{getTranslation as _0x1a8430}from'../../../utils/common-translations';export default class K extends _0x217820{constructor(_0x28705e,_0x26cc2c){super(_0x28705e),this[_0x93e5('0x11')](_0x93e5('0x12'),!_0x26cc2c[_0x93e5('0x1c')]),this[_0x93e5('0x14')]=new _0x5260c1(),this[_0x93e5('0x19')]=new _0x5dc400(),this['_focusables']=_0x26cc2c,this[_0x93e5('0x8')]=new _0x1d2737({'focusables':this[_0x93e5('0x16')],'focusTracker':this[_0x93e5('0x14')],'keystrokeHandler':this[_0x93e5('0x19')],'actions':{'focusPrevious':_0x93e5('0xa'),'focusNext':_0x93e5('0xd')}}),this[_0x93e5('0x1')](_0x26cc2c,_0x93e5('0x6'),()=>{this[_0x93e5('0x12')]=!0x1;}),this['listenTo'](_0x26cc2c,'remove',(_0x326d31,_0x2b4d8d)=>{_0x2b4d8d[_0x93e5('0x1a')]&&this[_0x93e5('0x13')](),_0x26cc2c[_0x93e5('0x1c')]||(this['isEmpty']=!0x0);});const _0x3f660d=this[_0x93e5('0x5')];this[_0x93e5('0x3')]({'tag':_0x93e5('0x2'),'attributes':{'dir':'auto','class':['ck',_0x93e5('0x4')],'tabindex':-0x1},'children':[{'tag':'p','attributes':{'class':[_0x93e5('0x10')]},'children':[{'text':_0x1a8430(_0x28705e,'COMMENTS_ARCHIVE')}]},{'tag':_0x93e5('0x2'),'attributes':{'class':[_0x93e5('0xe')]},'children':[{'tag':'div','children':_0x26cc2c},{'tag':'p','attributes':{'class':['ck-comments-archive__info',_0x3f660d['if'](_0x93e5('0x12'),_0x93e5('0x7'),_0x2d289a=>!_0x2d289a)]},'children':[{'text':_0x1a8430(_0x28705e,_0x93e5('0x15'))}]}]}]});}[_0x93e5('0xc')](){super[_0x93e5('0xc')](),this[_0x93e5('0x19')]['listenTo'](this[_0x93e5('0xf')]);const _0xec6b91=_0x20914e=>_0x20914e[_0x93e5('0x17')]();this[_0x93e5('0x19')][_0x93e5('0x11')](_0x93e5('0x18'),_0xec6b91),this[_0x93e5('0x19')][_0x93e5('0x11')]('arrowleft',_0xec6b91),this['_keystrokes'][_0x93e5('0x11')](_0x93e5('0x9'),_0xec6b91),this[_0x93e5('0x19')][_0x93e5('0x11')](_0x93e5('0x1b'),_0xec6b91),this[_0x93e5('0x1')](this[_0x93e5('0xf')],'selectstart',(_0x166ed8,_0xb5d26)=>{_0xb5d26['stopPropagation']();},{'priority':_0x93e5('0xb')});}[_0x93e5('0x0')](){super[_0x93e5('0x0')](),this[_0x93e5('0x14')][_0x93e5('0x0')](),this[_0x93e5('0x19')][_0x93e5('0x0')]();}[_0x93e5('0x13')](){this[_0x93e5('0xf')][_0x93e5('0x13')]();}}

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

@@ -0,0 +1,96 @@
+/**
+ * @module comments/comments/ui/view/commentslistview
+ */
+import { View, type ViewCollection } from 'ckeditor5/src/ui';
+import { type Locale } from 'ckeditor5/src/utils';
+import type { CommentThread } from '../../commentsrepository';
+import type CommentView from './commentview';
+import type { CommentThreadConfig } from '../../../config';
+/**
+ * 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 {
+    locale: Locale;
+    /**
+     * Informs whether the list contains any comment view that is in the editing mode.
+     *
+     * @observable
+     */
+    hasDirtyComment: boolean;
+    /**
+     * Number of comments in the list.
+     *
+     * @observable
+     */
+    length: number;
+    /**
+     * Informs whether the comments list view is in the active state ("highlighted").
+     * Comment list view is in that state when it is focused or it was activated by the user in any different way.
+     *
+     * @observable
+     */
+    isActive: boolean;
+    /**
+     * View collection which holds all comment views to be displayed.
+     * It may also contain collapsed count view if the comments list view is collapsed and some comment views are hidden.
+     *
+     * @readonly
+     */
+    readonly visibleViews: ViewCollection;
+    /**
+     * View collection which holds all comment views created for given comment thread.
+     *
+     * @readonly
+     */
+    readonly commentViews: ViewCollection;
+    /**
+     * Comment view used to display information that comment has been resolved.
+     *
+     * @readonly
+     */
+    resolvedCommentView: CommentView | null;
+    /**
+     * @param locale The localization service instance.
+     * @param model The model on which the view will base.
+     * @param config Additional view configuration.
+     */
+    constructor(locale: Locale, model: CommentThread, config: CommentThreadConfig);
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+    /**
+     * Focuses the view.
+     */
+    focus(): void;
+    /**
+     * @inheritDoc
+     */
+    destroy(): void;
+    /**
+     * Refreshes the list of the visible views.
+     *
+     * When doing so, it performs a minimal amount of changes, so that views are not re-added, which might cause undesirable effects
+     * like focus loss or glitches due to CSS animations.
+     *
+     * The comments list may be collapsed or expanded:
+     *
+     * * it is expanded, if it {@link ~#isActive is active},
+     * * it is expanded, if {@link module:comments/comments/commentsrepository~CommentThread#weight comment thread weight}
+     * is lower than allowed (`config.comments.maxThreadTotalWeight`),
+     * * it is expanded, if it {@link ~#hasDirtyComment has any comments in edit mode},
+     * * it is collapsed, if neither of above is true.
+     *
+     * When comments list is in collapsed state, it displays at most `config.comments.maxCommentsWhenCollapsed` comment views:
+     *
+     * * first comment view,
+     * * {@link ~#_collapsedCommentsView collapsed comments counter} (if there are any hidden views),
+     * * appropriate number of the comments from the bottom of the thread.
+     *
+     * All the comments are also {@link module:comments/comments/ui/view/basecommentview~BaseCommentView#collapse set to collapsed state}.
+     *
+     * When comments list in in expanded state, it displays all comment views for all comments. All the comments are also
+     * {@link module:comments/comments/ui/view/basecommentview~BaseCommentView#expand set to expanded state}.
+     */
+    refreshVisibleViews(): void;
+}

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

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x77b5=['from','formatDateTime','element','createCollection','_collapsedCommentsView','_config','render','maxCommentCharsWhenCollapsed','destroy','delete','stopListening','equal','removeComment','_handleRemoveCommentModel','comments','change:isActive','focus','count','set','commentViews','listenTo','refreshVisibleViews','get','length','updateComment','hasDirtyComment','remove','maxThreadTotalWeight','add','_shouldCollapse','insert','_rearrangeCollapse','_updateHasDirtyComment','_handleNewCommentModel','_model','visibleViews','setTemplate','ck-thread__comments','delegate','maxCommentsWhenCollapsed','expand','collapse','isEditMode','editorConfig'];(function(_0x5aec50,_0x77b595){const _0x2a30cd=function(_0x41078d){while(--_0x41078d){_0x5aec50['push'](_0x5aec50['shift']());}};_0x2a30cd(++_0x77b595);}(_0x77b5,0x1e2));const _0x2a30=function(_0x5aec50,_0x77b595){_0x5aec50=_0x5aec50-0x0;let _0x2a30cd=_0x77b5[_0x5aec50];return _0x2a30cd;};import{View as _0x247425}from'ckeditor5/src/ui';import{diff as _0x52b6f4,Collection as _0x2ac3d6}from'ckeditor5/src/utils';import _0xb79c17 from'./collapsedcommentsview';export default class dt extends _0x247425{constructor(_0x3c84df,_0x66a886,_0x46d5d3){super(_0x3c84df),this['set']('hasDirtyComment',!0x1),this[_0x2a30('0x14')](_0x2a30('0x19'),_0x66a886[_0x2a30('0x10')][_0x2a30('0x19')]),this[_0x2a30('0x14')]('isActive',!0x1),this[_0x2a30('0x24')]=_0x66a886,this[_0x2a30('0x7')]=_0x46d5d3,this[_0x2a30('0x15')]=this[_0x2a30('0x5')](),this[_0x2a30('0x25')]=this['createCollection'](),this['_collapsedCommentsView']=new _0xb79c17(_0x3c84df),this[_0x2a30('0x6')]['bind']('count')['to'](this,_0x2a30('0x19'),_0x37f9e6=>_0x37f9e6-this[_0x2a30('0x7')][_0x2a30('0x29')]);for(const _0x117894 of _0x66a886[_0x2a30('0x10')])this[_0x2a30('0x23')](_0x117894);this[_0x2a30('0x16')](_0x66a886[_0x2a30('0x10')],_0x2a30('0x1e'),(_0x2fb22c,_0x2b667c)=>{this[_0x2a30('0x19')]++,this[_0x2a30('0x23')](_0x2b667c),this['refreshVisibleViews']();}),this['listenTo'](_0x66a886[_0x2a30('0x10')],'remove',(_0x929221,_0x1667b7)=>{this[_0x2a30('0x19')]--,this[_0x2a30('0xf')](_0x1667b7),this['refreshVisibleViews']();}),this[_0x2a30('0x16')](_0x66a886,'commentUpdated',()=>this[_0x2a30('0x17')]()),this['on'](_0x2a30('0x11'),()=>this['refreshVisibleViews']()),this['on']('change:hasDirtyComment',()=>this[_0x2a30('0x17')]()),this[_0x2a30('0x26')]({'tag':'ul','attributes':{'class':[_0x2a30('0x27')]},'children':this[_0x2a30('0x25')]});}get[_0x2a30('0x1f')](){return this['_model']['weight']>this[_0x2a30('0x7')][_0x2a30('0x1d')]&&!this['isActive']&&!this[_0x2a30('0x1b')];}[_0x2a30('0x8')](){super[_0x2a30('0x8')](),this[_0x2a30('0x17')]();}[_0x2a30('0x12')](){this[_0x2a30('0x4')][_0x2a30('0x12')]();}[_0x2a30('0xa')](){this[_0x2a30('0x6')]['destroy']();for(const _0x59a2ab of this['commentViews'])_0x59a2ab[_0x2a30('0xa')]();super[_0x2a30('0xa')]();}['refreshVisibleViews'](){this['_shouldCollapse']?this[_0x2a30('0x21')]():this['_rearrangeExpand']();}['_handleNewCommentModel'](_0x6b9ba9){const _0x5158b6=new this[(_0x2a30('0x7'))]['CommentView'](this['locale'],_0x6b9ba9,{'maxCommentCharsWhenCollapsed':this['_config'][_0x2a30('0x9')],'formatDateTime':this[_0x2a30('0x7')][_0x2a30('0x3')],'editorConfig':this['_config'][_0x2a30('0x1')]});_0x5158b6['viewUid']=_0x6b9ba9['id'],_0x5158b6['delegate'](_0x2a30('0xe'))['to'](this),_0x5158b6[_0x2a30('0x28')](_0x2a30('0x1a'))['to'](this),this['listenTo'](_0x5158b6,'change:isEditMode',()=>this['_updateHasDirtyComment']()),this[_0x2a30('0x15')][_0x2a30('0x1e')](_0x5158b6);}['_handleRemoveCommentModel'](_0x581e6a){const _0x461bea=this[_0x2a30('0x15')]['remove'](_0x581e6a['id']);this[_0x2a30('0xc')](_0x461bea),_0x461bea[_0x2a30('0x0')]&&this[_0x2a30('0x22')](),_0x461bea[_0x2a30('0xa')]();}[_0x2a30('0x22')](){this['hasDirtyComment']=Array['from'](this[_0x2a30('0x15')])['some'](_0x4a44f5=>_0x4a44f5['isEditMode']);}[_0x2a30('0x21')](){const _0x331474=function(_0x3acb45){const _0x3ee11d=new _0x2ac3d6();for(const _0x2ef29b of _0x3acb45)_0x3ee11d[_0x2a30('0x1e')](_0x2ef29b);return _0x3ee11d;}(this[_0x2a30('0x15')]),_0x925e71=this[_0x2a30('0x6')][_0x2a30('0x13')];for(let _0x228e3b=0x1;_0x228e3b<=_0x925e71;_0x228e3b++)_0x331474[_0x2a30('0x1c')](0x1);for(const _0x2026b0 of _0x331474)_0x2026b0[_0x2a30('0x2b')]();_0x925e71>0x0&&_0x331474[_0x2a30('0x1e')](this[_0x2a30('0x6')],0x1),Wt(_0x52b6f4(Array[_0x2a30('0x2')](this['visibleViews']),Array[_0x2a30('0x2')](_0x331474)),this['visibleViews'],_0x331474);}['_rearrangeExpand'](){Wt(_0x52b6f4(Array['from'](this[_0x2a30('0x25')]),Array[_0x2a30('0x2')](this[_0x2a30('0x15')])),this[_0x2a30('0x25')],this[_0x2a30('0x15')]);for(const _0x50a5ca of this[_0x2a30('0x25')])_0x50a5ca[_0x2a30('0x2a')]();}}function Wt(_0x5279d9,_0x123614,_0xa15ff3){let _0x3b4d2b=0x0;for(const _0x244eae of _0x5279d9)switch(_0x244eae){case _0x2a30('0x20'):_0x123614[_0x2a30('0x1e')](_0xa15ff3[_0x2a30('0x18')](_0x3b4d2b),_0x3b4d2b),_0x3b4d2b++;break;case _0x2a30('0xb'):_0x123614[_0x2a30('0x1c')](_0x3b4d2b);break;case _0x2a30('0xd'):_0x3b4d2b++;}}
+const _0x13d8=['_model','resolved','viewUid','_findOptimalIndex','editorConfig','authoredAt','get','maxCommentsWhenCollapsed','_rearrangeExpand','_calculatePosition','maxCommentCharsWhenCollapsed','delegate','_handleInfoComment','add','setTemplate','remove','locale','comments','from','CommentView','Marked\x20as\x20resolved','insert','_handleNewCommentModel','isEditMode','_handleRemoveCommentModel','expand','refreshVisibleViews','hasDirtyComment','_updateHasDirtyComment','_collapsedCommentsView','change:isActive','_shouldCollapse','commentViews','count','isActive','ck-thread__comments','change:hasDirtyComment','resolvedBy','equal','_config','delete','listenTo','focus','resolvedCommentView','formatDateTime','element','bind','_rearrangeCollapse','isResolved','createCollection','render','length','some','set','destroy','commentUpdated','visibleViews'];(function(_0x2b55b1,_0x13d868){const _0x442f0c=function(_0x21276d){while(--_0x21276d){_0x2b55b1['push'](_0x2b55b1['shift']());}};_0x442f0c(++_0x13d868);}(_0x13d8,0x11a));const _0x442f=function(_0x2b55b1,_0x13d868){_0x2b55b1=_0x2b55b1-0x0;let _0x442f0c=_0x13d8[_0x2b55b1];return _0x442f0c;};import{View as _0xae62a1}from'ckeditor5/src/ui';import{diff as _0x9ea7a0,Collection as _0xea51fb}from'ckeditor5/src/utils';import{getTranslation as _0x48380e}from'../../../utils/common-translations';import _0x749f19 from'./collapsedcommentsview';export default class vt extends _0xae62a1{constructor(_0x3b31dc,_0x3e4d5a,_0x2feddb){super(_0x3b31dc),this[_0x442f('0x38')](_0x442f('0x1e'),!0x1),this[_0x442f('0x38')](_0x442f('0x36'),_0x3e4d5a['comments'][_0x442f('0x36')]),this[_0x442f('0x38')](_0x442f('0x25'),!0x1),this[_0x442f('0x3')]=_0x3e4d5a,this[_0x442f('0x2a')]=_0x2feddb,this[_0x442f('0x23')]=this[_0x442f('0x34')](),this[_0x442f('0x2')]=this['createCollection'](),this[_0x442f('0x2e')]=null,this[_0x442f('0x20')]=new _0x749f19(_0x3b31dc),this[_0x442f('0x20')][_0x442f('0x31')](_0x442f('0x24'))['to'](this,_0x442f('0x36'),_0x27b025=>_0x27b025-this[_0x442f('0x2a')][_0x442f('0xa')]);for(const _0x3237a8 of _0x3e4d5a[_0x442f('0x14')])this[_0x442f('0x19')](_0x3237a8);this[_0x442f('0xf')](),this['listenTo'](_0x3e4d5a['comments'],_0x442f('0x10'),(_0x5bba39,_0x429f5b)=>{const _0x4eb94f=this[_0x442f('0xc')](_0x429f5b);this[_0x442f('0x36')]++,this[_0x442f('0x19')](_0x429f5b,_0x4eb94f),this[_0x442f('0x1d')]();}),this['listenTo'](_0x3e4d5a['comments'],_0x442f('0x12'),(_0x5b1249,_0x43d7f2)=>{this[_0x442f('0x36')]--,this[_0x442f('0x1b')](_0x43d7f2),this[_0x442f('0x1d')]();}),this['listenTo'](_0x3e4d5a,_0x442f('0x1'),()=>this[_0x442f('0x1d')]()),this['listenTo'](_0x3e4d5a,'change:isResolved',()=>this['_handleInfoComment']()),this['on'](_0x442f('0x21'),()=>this[_0x442f('0x1d')]()),this['on'](_0x442f('0x27'),()=>this['refreshVisibleViews']()),this[_0x442f('0x11')]({'tag':'ul','attributes':{'class':[_0x442f('0x26')]},'children':this[_0x442f('0x2')]});}get[_0x442f('0x22')](){return this[_0x442f('0x3')]['weight']>this[_0x442f('0x2a')]['maxThreadTotalWeight']&&!this[_0x442f('0x25')]&&!this['hasDirtyComment'];}[_0x442f('0x35')](){super[_0x442f('0x35')](),this[_0x442f('0x1d')]();}['focus'](){this[_0x442f('0x30')][_0x442f('0x2d')]();}['destroy'](){this[_0x442f('0x20')][_0x442f('0x0')]();for(const _0x19aaa9 of this[_0x442f('0x23')])_0x19aaa9[_0x442f('0x0')]();super[_0x442f('0x0')]();}['refreshVisibleViews'](){this['_shouldCollapse']?this[_0x442f('0x32')]():this[_0x442f('0xb')]();}['_handleNewCommentModel'](_0x2b39ec,_0x1d9d3b){const _0x137468=new this[(_0x442f('0x2a'))]['CommentView'](this['locale'],_0x2b39ec,{'maxCommentCharsWhenCollapsed':this[_0x442f('0x2a')]['maxCommentCharsWhenCollapsed'],'formatDateTime':this[_0x442f('0x2a')][_0x442f('0x2f')],'editorConfig':this['_config']['editorConfig']});_0x137468[_0x442f('0x5')]=_0x2b39ec['id'],_0x137468['delegate']('removeComment')['to'](this),_0x137468[_0x442f('0xe')]('updateComment')['to'](this),_0x137468[_0x442f('0xe')]('resolveCommentThread')['to'](this),this[_0x442f('0x2c')](_0x137468,'change:isEditMode',()=>this['_updateHasDirtyComment']()),this[_0x442f('0x23')][_0x442f('0x10')](_0x137468,_0x1d9d3b);}['_calculatePosition'](_0x462d2b){const _0x215350=this[_0x442f('0x3')]['_findOptimalIndex'](_0x462d2b);return this[_0x442f('0x2e')]?this[_0x442f('0x2e')][_0x442f('0x8')]>_0x462d2b[_0x442f('0x8')]?_0x215350-0x1:_0x215350:_0x215350-0x1;}['_handleInfoComment'](){if(this['_model'][_0x442f('0x33')]){const _0x3007ef={'id':_0x442f('0x4'),'author':this[_0x442f('0x3')][_0x442f('0x28')],'authoredAt':this[_0x442f('0x3')]['resolvedAt'],'content':_0x48380e(this[_0x442f('0x13')],_0x442f('0x17')),'attributes':{}};this['resolvedCommentView']=new this['_config'][(_0x442f('0x16'))](this[_0x442f('0x13')],_0x3007ef,{'maxCommentCharsWhenCollapsed':this[_0x442f('0x2a')][_0x442f('0xd')],'formatDateTime':this[_0x442f('0x2a')][_0x442f('0x2f')],'editorConfig':this[_0x442f('0x2a')][_0x442f('0x7')],'isSystemComment':!0x0}),this[_0x442f('0x23')]['add'](this[_0x442f('0x2e')],this[_0x442f('0x3')][_0x442f('0x6')](_0x3007ef));}else this[_0x442f('0x2e')]&&(this[_0x442f('0x23')]['remove'](this[_0x442f('0x2e')]),this[_0x442f('0x2e')][_0x442f('0x0')](),this[_0x442f('0x2e')]=null);this[_0x442f('0x1d')]();}[_0x442f('0x1b')](_0x12bb25){const _0x47b5ba=this['commentViews'][_0x442f('0x12')](_0x12bb25['id']);this['stopListening'](_0x47b5ba),_0x47b5ba[_0x442f('0x1a')]&&this[_0x442f('0x1f')](),_0x47b5ba[_0x442f('0x0')]();}[_0x442f('0x1f')](){this[_0x442f('0x1e')]=Array[_0x442f('0x15')](this[_0x442f('0x23')])[_0x442f('0x37')](_0x3a8559=>_0x3a8559[_0x442f('0x1a')]);}[_0x442f('0x32')](){const _0x24438c=function(_0x21b8df){const _0x256e57=new _0xea51fb();for(const _0x517229 of _0x21b8df)_0x256e57['add'](_0x517229);return _0x256e57;}(this[_0x442f('0x23')]),_0x79fa3=this[_0x442f('0x20')]['count'];for(let _0x5a5cc6=0x1;_0x5a5cc6<=_0x79fa3;_0x5a5cc6++)_0x24438c[_0x442f('0x12')](0x1);for(const _0x13c022 of _0x24438c)_0x13c022['collapse']();_0x79fa3>0x0&&_0x24438c[_0x442f('0x10')](this[_0x442f('0x20')],0x1),ss(_0x9ea7a0(Array[_0x442f('0x15')](this[_0x442f('0x2')]),Array[_0x442f('0x15')](_0x24438c)),this[_0x442f('0x2')],_0x24438c);}[_0x442f('0xb')](){ss(_0x9ea7a0(Array['from'](this[_0x442f('0x2')]),Array[_0x442f('0x15')](this['commentViews'])),this[_0x442f('0x2')],this[_0x442f('0x23')]);for(const _0x3e5e91 of this[_0x442f('0x2')])_0x3e5e91[_0x442f('0x1c')]();}}function ss(_0x55f890,_0x312aa0,_0x56279a){let _0x3905e5=0x0;for(const _0x3af663 of _0x55f890)switch(_0x3af663){case _0x442f('0x18'):_0x312aa0['add'](_0x56279a[_0x442f('0x9')](_0x3905e5),_0x3905e5),_0x3905e5++;break;case _0x442f('0x2b'):_0x312aa0['remove'](_0x3905e5);break;case _0x442f('0x29'):_0x3905e5++;}}

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

@@ -0,0 +1,46 @@
+/**
+ * @module comments/comments/ui/view/commentthreadheaderview
+ */
+import { View, ButtonView } from 'ckeditor5/src/ui';
+import type { Locale } from 'ckeditor5/src/utils';
+import type { CommentThread } from '../../commentsrepository';
+export declare const MAX_CONTENT_LENGTH = 150;
+/**
+ * A view for the comment thread header.
+ */
+export default class CommentThreadHeaderView extends View {
+    locale: Locale;
+    /**
+     * Defines whether the context value exists.
+     *
+     * @observable
+     */
+    hasContext: boolean;
+    /**
+     * Context value to display in the header.
+     *
+     * @observable
+     */
+    contextValue: string;
+    /**
+     * Button view for the button which reopen the comment thread.
+     */
+    reopenButtonView: ButtonView;
+    /**
+     * @inheritDoc
+     */
+    constructor(locale: Locale, model: CommentThread);
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+}
+/**
+ * Fired when a user performed an action that should lead to reopen the resolved comment thread.
+ *
+ * @eventName ~CommentThreadHeaderView#reopenCommentThread
+ */
+export type UIReopenCommentThreadEvent = {
+    name: 'reopenCommentThread';
+    args: [id: string];
+};

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

@@ -0,0 +1,23 @@
+/*
+ *             Copyright (c) 2016 - 2023, 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 _0x35ef=['bindTemplate','contextValue','remove','value','div','_model','ck-context-wrapper','.ck-context','classList','...','querySelector','scrollWidth','_trimContextValue','ck-context','ck-thread__header','element','_attachContextActions','lastIndexOf','mouseleave','execute','tooltip','reopenButtonView','isResolvable','substring','isVisible','ck-annotation__actions','locale','label','fire','add','Reopen','Comment\x20was\x20made\x20on\x20an\x20element','ck-context--quotes','icon','_createReopenButton','render','bind','.ck-context__value'];(function(_0x1dec27,_0x35ef9b){const _0x34f77f=function(_0x3c564b){while(--_0x3c564b){_0x1dec27['push'](_0x1dec27['shift']());}};_0x34f77f(++_0x35ef9b);}(_0x35ef,0xe1));const _0x34f7=function(_0x1dec27,_0x35ef9b){_0x1dec27=_0x1dec27-0x0;let _0x34f77f=_0x35ef[_0x1dec27];return _0x34f77f;};import{View as _0x2d26a7,ButtonView as _0x2923af}from'ckeditor5/src/ui';import{getTranslation as _0x53564d}from'../../../utils/common-translations';import _0x86fc85 from'../../../../theme/icons/undo.svg';export const MAX_CONTENT_LENGTH=0x96;export default class Tt extends _0x2d26a7{constructor(_0x1e619a,_0x2a9a3b){super(_0x1e619a);const _0x562c8f=this[_0x34f7('0x3')];this[_0x34f7('0x8')]=_0x2a9a3b,this[_0x34f7('0x18')]=this[_0x34f7('0x25')](),this[_0x34f7('0x1')]('hasContext')['to'](this[_0x34f7('0x8')],'context',_0x3f3dc6=>!!_0x3f3dc6),this[_0x34f7('0x1')](_0x34f7('0x4'))['to'](this['_model'],'context',_0x48138e=>_0x48138e&&_0x48138e[_0x34f7('0x6')]?this[_0x34f7('0xf')](_0x48138e['value']):_0x53564d(this[_0x34f7('0x1d')],_0x34f7('0x22'))),this['setTemplate']({'tag':_0x34f7('0x7'),'attributes':{'class':[_0x34f7('0x11')]},'children':[{'tag':_0x34f7('0x7'),'attributes':{'class':[_0x34f7('0x9')]},'children':[{'tag':_0x34f7('0x7'),'attributes':{'class':[_0x34f7('0x10'),_0x562c8f['if']('hasContext',_0x34f7('0x23'))]},'children':[{'tag':'span','attributes':{'class':['ck-context__value']},'children':[{'text':_0x562c8f['to']('contextValue')}]}]}]},{'tag':_0x34f7('0x7'),'attributes':{'class':[_0x34f7('0x1c')]},'children':[this[_0x34f7('0x18')]]}]});}[_0x34f7('0x0')](){super[_0x34f7('0x0')](),this[_0x34f7('0x13')]();}[_0x34f7('0x25')](){const _0x10784c=new _0x2923af(this['locale']);return _0x10784c[_0x34f7('0x1e')]=_0x53564d(this[_0x34f7('0x1d')],_0x34f7('0x21')),_0x10784c[_0x34f7('0x17')]=_0x53564d(this[_0x34f7('0x1d')],_0x34f7('0x21')),_0x10784c[_0x34f7('0x24')]=_0x86fc85,_0x10784c[_0x34f7('0x1')](_0x34f7('0x1b'))['to'](this['_model'],_0x34f7('0x19')),_0x10784c['on'](_0x34f7('0x16'),()=>{this[_0x34f7('0x1f')]('reopenCommentThread',this[_0x34f7('0x8')]['id']);}),_0x10784c;}[_0x34f7('0xf')](_0x1d4fc5){if(_0x1d4fc5['length']<0x96)return _0x1d4fc5;const _0x2fc4a8=_0x1d4fc5[_0x34f7('0x14')]('\x20',0x93);return _0x1d4fc5[_0x34f7('0x1a')](0x0,_0x2fc4a8>-0x1?_0x2fc4a8:0x93)+_0x34f7('0xc');}[_0x34f7('0x13')](){const _0x26e464=this[_0x34f7('0x12')][_0x34f7('0xd')](_0x34f7('0xa')),_0x2f01fb=_0x26e464['querySelector'](_0x34f7('0x2'));this['listenTo'](_0x26e464,'mouseenter',()=>{_0x2f01fb['offsetWidth']<_0x2f01fb[_0x34f7('0xe')]&&_0x26e464[_0x34f7('0xb')][_0x34f7('0x20')]('overlay');}),this['listenTo'](_0x26e464,_0x34f7('0x15'),()=>{_0x26e464[_0x34f7('0xb')][_0x34f7('0x5')]('overlay');});}}

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

@@ -0,0 +1,37 @@
+/**
+ * @module comments/comments/ui/view/commentthreadinputview
+ */
+import { View } from 'ckeditor5/src/ui';
+import CommentInputView from './commentinputview';
+import type { Locale } from 'ckeditor5/src/utils';
+import type { EditorConfig } from 'ckeditor5/src/core';
+import { UserView, type User } from 'ckeditor5-collaboration/src/collaboration-core';
+/**
+ * View that represents comment input area for a comment thread. Includes editor, user view and buttons.
+ */
+export default class CommentThreadInputView extends View {
+    /**
+     * Specifies whether the comment input view should be visible (`true`) or hidden (`false`).
+     *
+     * @observable
+     */
+    showInput: boolean;
+    /**
+     * Comment input view.
+     */
+    commentInputView: CommentInputView;
+    /**
+     * User view for the input area. Presents the local user.
+     */
+    userView: UserView;
+    /**
+     * @param locale The localization service instance.
+     * @param localUser Current local user.
+     * @param editorConfig
+     */
+    constructor(locale: Locale, localUser: User, editorConfig: EditorConfig);
+    /**
+     * @inheritDoc
+     */
+    destroy(): Promise<void>;
+}

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

@@ -20,4 +20,4 @@
  *
  *
  */
-var _0x4830=['commentInputView','editor','userView','bind','ck-thread__input','extendTemplate','ck-comment__input-container','createEditor','set','change:showInput','showButtons','isFocused','value','then','showInput','div','setTemplate','destroy','bindTemplate','focusTracker'];(function(_0x23a24d,_0x4830ca){var _0x27fb77=function(_0x21eacc){while(--_0x21eacc){_0x23a24d['push'](_0x23a24d['shift']());}};_0x27fb77(++_0x4830ca);}(_0x4830,0xf9));var _0x27fb=function(_0x23a24d,_0x4830ca){_0x23a24d=_0x23a24d-0x0;var _0x27fb77=_0x4830[_0x23a24d];return _0x27fb77;};import{View as _0x44c319}from'ckeditor5/src/ui';import _0x7d30e2 from'./commentinputview';import{UserView as _0x2bdfb8}from'ckeditor5-collaboration/src/collaboration-core';export default class ut extends _0x44c319{constructor(_0xd609cc,_0x4e4d20,_0x529d0c){super(_0xd609cc),this[_0x27fb('0xb')]=new _0x7d30e2(_0xd609cc,_0x529d0c),this['commentInputView'][_0x27fb('0xe')](_0x27fb('0x1'))['to'](this['commentInputView'][_0x27fb('0xa')],_0x27fb('0x2'),this[_0x27fb('0xb')],_0x27fb('0x3'),(_0x24cb1e,_0x266c0f)=>_0x24cb1e||!!_0x266c0f),this[_0x27fb('0x13')](_0x27fb('0x5'),!0x1),this['on'](_0x27fb('0x0'),()=>{this['showInput']&&!this['commentInputView'][_0x27fb('0xc')]&&this['commentInputView'][_0x27fb('0x12')]();}),this[_0x27fb('0xd')]=new _0x2bdfb8(_0xd609cc,_0x4e4d20),this['userView'][_0x27fb('0x10')]({'attributes':{'class':'ck-thread__user'}}),this[_0x27fb('0xb')][_0x27fb('0x10')]({'attributes':{'class':_0x27fb('0xf')}}),this[_0x27fb('0x7')]({'tag':_0x27fb('0x6'),'attributes':{'class':[_0x27fb('0x11'),this[_0x27fb('0x9')]['if'](_0x27fb('0x5'),'ck-comment__input-container--active')]},'children':[this['userView'],this['commentInputView']]});}['destroy'](){return this['commentInputView'][_0x27fb('0x8')]()[_0x27fb('0x4')](()=>super[_0x27fb('0x8')]());}}
+var _0x59e0=['value','ck-thread__input','showInput','editor','set','commentInputView','ck-comment__input-container','isFocused','extendTemplate','ck-comment__input-container--active','change:showInput','setTemplate','showButtons','ck-thread__user','bind','bindTemplate','destroy','userView'];(function(_0x5467cd,_0x59e080){var _0x18be45=function(_0x31bef4){while(--_0x31bef4){_0x5467cd['push'](_0x5467cd['shift']());}};_0x18be45(++_0x59e080);}(_0x59e0,0x1c6));var _0x18be=function(_0x5467cd,_0x59e080){_0x5467cd=_0x5467cd-0x0;var _0x18be45=_0x59e0[_0x5467cd];return _0x18be45;};import{View as _0x2f42a6}from'ckeditor5/src/ui';import _0x2278ee from'./commentinputview';import{UserView as _0x5c0de9}from'ckeditor5-collaboration/src/collaboration-core';export default class wt extends _0x2f42a6{constructor(_0xfe40ca,_0x3fe03b,_0x15fedc){super(_0xfe40ca),this[_0x18be('0x1')]=new _0x2278ee(_0xfe40ca,_0x15fedc),this[_0x18be('0x1')][_0x18be('0xa')](_0x18be('0x8'))['to'](this[_0x18be('0x1')]['focusTracker'],_0x18be('0x3'),this['commentInputView'],_0x18be('0xe'),(_0x2f376f,_0x257941)=>_0x2f376f||!!_0x257941),this[_0x18be('0x0')](_0x18be('0x10'),!0x1),this['on'](_0x18be('0x6'),()=>{this['showInput']&&!this[_0x18be('0x1')][_0x18be('0x11')]&&this['commentInputView']['createEditor']();}),this[_0x18be('0xd')]=new _0x5c0de9(_0xfe40ca,_0x3fe03b),this[_0x18be('0xd')][_0x18be('0x4')]({'attributes':{'class':_0x18be('0x9')}}),this[_0x18be('0x1')][_0x18be('0x4')]({'attributes':{'class':_0x18be('0xf')}}),this[_0x18be('0x7')]({'tag':'div','attributes':{'class':[_0x18be('0x2'),this[_0x18be('0xb')]['if']('showInput',_0x18be('0x5'))]},'children':[this['userView'],this['commentInputView']]});}['destroy'](){return this[_0x18be('0x1')][_0x18be('0xc')]()['then'](()=>super[_0x18be('0xc')]());}}

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

@@ -0,0 +1,108 @@
+/**
+ * @module comments/comments/ui/view/commentthreadview
+ * @publicApi
+ */
+import { type Locale } from 'ckeditor5/src/utils';
+import { type User } from 'ckeditor5-collaboration/src/collaboration-core';
+import { ButtonView, type TemplateDefinition, type ViewCollection } from 'ckeditor5/src/ui';
+import BaseCommentThreadView from './basecommentthreadview';
+import type { CommentThread } from '../../commentsrepository';
+import type { CommentThreadConfig } from '../../../config';
+declare const CommentThreadView_base: import("ckeditor5/src/utils").Mixed<typeof BaseCommentThreadView, import("@ckeditor/ckeditor5-collaboration-core/src/utils/confirmmixin").ConfirmApi>;
+/**
+ * The default view for comment thread.
+ */
+export default class CommentThreadView extends CommentThreadView_base {
+    isConfirm: boolean;
+    cancelConfirm: () => void;
+    showConfirm: (key: string, element: unknown) => Promise<void>;
+    /**
+     * The locale instance.
+     */
+    readonly locale: Locale;
+    /**
+     * A property used by the template.
+     *
+     * It works as a visual indicator for the user that an action is about to be performed.
+     * The value of this property is used in setting the CSS class.
+     * The property is used when the user interacts with the view.
+     *
+     * @observable
+     */
+    actionIndicator: string | null;
+    /**
+     * View collection which holds all comment thread children elements.
+     *
+     * @readonly
+     */
+    readonly commentThreadChildren: ViewCollection;
+    /**
+     * `ConfirmView` uses this element as a container for confirmation dialog.
+     *
+     * The element is set after `view#render()` is called.
+     *
+     * @member {HTMLElement|null} #containerElement
+     */
+    containerElement: HTMLElement | null;
+    /**
+     * Resolve button view. Resolve button fires the 'resolveCommentThread' event when submitted.
+     *
+     * @readonly
+     */
+    readonly resolveButton: ButtonView;
+    /**
+     * @inheritDoc
+     */
+    constructor(locale: Locale, model: CommentThread, localUser: User, config: CommentThreadConfig);
+    /**
+     * Returns a template definition that will be passed to {@link module:ui/view~View#setTemplate}.
+     *
+     * Overwrite this method if you want to set a custom template for the comment thread view.
+     *
+     * The default template looks as follows:
+     *
+     * ```ts
+     * const bind = this.bindTemplate;
+     *
+     * {
+     * 	tag: 'div',
+     *
+     * 	attributes: {
+     * 		class: [
+     * 			'ck-thread',
+     * 			bind.if( 'isActive', 'ck-thread--active' ),
+     * 			bind.if( 'isConfirm', 'ck-thread--remove-confirmation' ),
+     * 			bind.to( 'actionIndicator', value => value ? `ck-thread--${ value }` : '' )
+     * 		],
+     * 		'data-thread-id': this._model.id,
+     * 		// Needed for managing focus after adding new comment.
+     * 		tabindex: -1
+     * 	},
+     *
+     * 	children: [
+     * 		{
+     * 			tag: 'div',
+     * 			attributes: {
+     * 				class: 'ck-thread__container'
+     * 			},
+     * 			children: [
+     * 				this.commentsListView,
+     * 				this.commentThreadInputView
+     * 			]
+     * 		}
+     * 	]
+     * };
+     * ```
+     *
+     * See the {@glink features/collaboration/annotations/annotations-custom-view Annotation custom view guide} to learn more about
+     * the possible annotation customizations.
+     *
+     * @returns The definition of a comment thread view's template.
+     */
+    getTemplate(): TemplateDefinition;
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+}
+export {};