@ckeditor/ckeditor5-comments 36.0.1 → 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 _0x24c2=['Esc','insertBefore','focusTracker','cancel','set','getData','model','_initializeFocusCycling','execute','length','_createCancelButton','low','_isDestroyed','render','keystrokes','disabledSubmit','editorReady','ck-comment__input-wrapper','tab','firstChild','initialData','bindTemplate','createEditor','label','change','focus','_createSubmitButton','Reply...','ck-comment__input-actions--cancel','ck-comment__input-actions--active','stop','element','document','destroy','cancelButtonView','forEach','ck-comment__input-actions','submitButtonView','editor','_editorConfig','focusPrevious','bind','high','submit','fire','_editorCreationPromise','isEnabled','extendTemplate','setData','placeholder','then','setTemplate','showButtons','icon','value','add','div','trim'];(function(_0x419b0c,_0x24c279){const _0x12091b=function(_0x42765c){while(--_0x42765c){_0x419b0c['push'](_0x419b0c['shift']());}};_0x12091b(++_0x24c279);}(_0x24c2,0x177));const _0x1209=function(_0x419b0c,_0x24c279){_0x419b0c=_0x419b0c-0x0;let _0x12091b=_0x24c2[_0x419b0c];return _0x12091b;};import{View as _0x20a802,ViewCollection as _0x350831,FocusCycler as _0x45eb3d,ButtonView as _0x163772}from'ckeditor5/src/ui';import{FocusTracker as _0x2a806d,KeystrokeHandler as _0x5d06e5}from'ckeditor5/src/utils';import{icons as _0x1dca17}from'ckeditor5/src/core';import _0x564f95 from'../commenteditor/commenteditor';import{getTranslation as _0x4700ae}from'../../../utils/common-translations';export default class St extends _0x20a802{constructor(_0x3ad983,_0xcb4d28={}){super(_0x3ad983),this[_0x1209('0xb')]=null,this[_0x1209('0xc')]=_0xcb4d28,this[_0x1209('0x2d')]=new _0x5d06e5(),this['focusTracker']=new _0x2a806d(),this[_0x1209('0x23')](_0x1209('0x1b'),_0xcb4d28[_0x1209('0x33')]||''),this['set'](_0x1209('0x2e'),!0x1),this[_0x1209('0x23')]('showButtons',!0x0),this['set'](_0x1209('0x16'),_0x4700ae(_0x3ad983,_0x1209('0x0'))),this[_0x1209('0xa')]=this[_0x1209('0x39')](),this[_0x1209('0x7')]=this[_0x1209('0x29')](),this[_0x1209('0x18')]({'tag':_0x1209('0x1d'),'attributes':{'class':[_0x1209('0x30')]},'children':[{'tag':_0x1209('0x1d'),'attributes':{'class':[_0x1209('0x9'),this[_0x1209('0x34')]['if'](_0x1209('0x19'),_0x1209('0x2'))]},'children':[this[_0x1209('0xa')],this[_0x1209('0x7')]]}]}),this['keystrokes'][_0x1209('0x23')](_0x1209('0x1f'),(_0x1b7b8c,_0x56ed5a)=>{this[_0x1209('0x7')][_0x1209('0x11')](_0x1209('0x27')),_0x56ed5a();}),this['on'](_0x1209('0x10'),(_0x3697fb,_0x28ccac)=>{_0x28ccac[_0x1209('0x28')]>0xfde8?(alert(_0x4700ae(_0x3ad983,'TOO_LONG_COMMENT_ALERT',[_0x28ccac['length'],0xfde8])),_0x3697fb[_0x1209('0x3')]()):this[_0x1209('0xb')][_0x1209('0x15')]('');},{'priority':_0x1209('0xf')});}[_0x1209('0x2c')](){super[_0x1209('0x2c')](),this[_0x1209('0x2d')]['listenTo'](this['element']),this[_0x1209('0x21')][_0x1209('0x1c')](this[_0x1209('0x4')]);}[_0x1209('0x35')](){return this['editor']||(this[_0x1209('0xb')]=new _0x564f95(this['_editorConfig']),this[_0x1209('0x12')]=this[_0x1209('0xb')]['create']()[_0x1209('0x17')](()=>{this[_0x1209('0x2b')]||(this['element'][_0x1209('0x20')](this[_0x1209('0xb')]['ui']['element'],this[_0x1209('0x4')][_0x1209('0x32')]),this[_0x1209('0xb')][_0x1209('0x25')][_0x1209('0x5')]['on'](_0x1209('0x37'),()=>this[_0x1209('0x1b')]=this[_0x1209('0xb')][_0x1209('0x24')]()),this[_0x1209('0xb')][_0x1209('0xe')]('placeholder')['to'](this),this[_0x1209('0x26')](this['editor']),this[_0x1209('0x11')](_0x1209('0x2f')));})),this[_0x1209('0x12')];}['focus'](){this[_0x1209('0xb')]&&this['editor'][_0x1209('0x38')]();}async['destroy'](){this[_0x1209('0x2b')]||(this['_isDestroyed']=!0x0,this[_0x1209('0xb')]&&(await this[_0x1209('0x12')],await this[_0x1209('0xb')][_0x1209('0x6')]()),await super['destroy']());}[_0x1209('0x39')](){const {locale:_0xf03bdc}=this,_0x2d4c80=new _0x163772(_0xf03bdc);return _0x2d4c80[_0x1209('0x14')]({'attributes':{'class':['ck-comment__input-actions--submit']}}),_0x2d4c80['label']=_0x4700ae(_0xf03bdc,'Submit'),_0x2d4c80[_0x1209('0x1a')]=_0x1dca17['check'],_0x2d4c80['on']('execute',()=>{this['fire']('submit',this[_0x1209('0x1b')]);}),_0x2d4c80['bind'](_0x1209('0x13'))['to'](this,_0x1209('0x1b'),this,_0x1209('0x2e'),(_0x4fd535,_0x4253de)=>!_0x4253de&&!!_0x4fd535[_0x1209('0x1e')]()),_0x2d4c80;}['_createCancelButton'](){const {locale:_0x1fa418}=this,_0x57bbea=new _0x163772(_0x1fa418);return _0x57bbea[_0x1209('0x14')]({'attributes':{'class':[_0x1209('0x1')]}}),_0x57bbea[_0x1209('0x36')]=_0x4700ae(_0x1fa418,'Cancel'),_0x57bbea[_0x1209('0x1a')]=_0x1dca17[_0x1209('0x22')],_0x57bbea['on'](_0x1209('0x27'),()=>{this[_0x1209('0xb')]['setData'](''),this[_0x1209('0x11')](_0x1209('0x22'));}),_0x57bbea;}['_initializeFocusCycling'](_0x67e616){const _0x4b80cb=this['focusTracker'],_0x5f0587=new _0x350831();[_0x67e616['ui']['view'],this[_0x1209('0xa')],this[_0x1209('0x7')]][_0x1209('0x8')](_0x46cfdd=>{_0x5f0587[_0x1209('0x1c')](_0x46cfdd),_0x4b80cb['add'](_0x46cfdd[_0x1209('0x4')]);});const _0x3908b1=new _0x45eb3d({'focusables':_0x5f0587,'focusTracker':_0x4b80cb});this[_0x1209('0x2d')][_0x1209('0x23')](_0x1209('0x31'),(_0x37408d,_0x35838f)=>{_0x3908b1['focusNext'](),_0x35838f();},{'priority':_0x1209('0x2a')}),this[_0x1209('0x2d')][_0x1209('0x23')]('shift\x20+\x20tab',(_0x110756,_0x497877)=>{_0x3908b1[_0x1209('0xd')](),_0x497877();},{'priority':_0x1209('0x2a')});}}
+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 _0xaa3a=['set','createCollection','_shouldCollapse','equal','setTemplate','length','delete','_handleNewCommentModel','listenTo','_model','add','render','refreshVisibleViews','change:isActive','isActive','maxThreadTotalWeight','some','change:isEditMode','maxCommentCharsWhenCollapsed','_collapsedCommentsView','commentViews','ck-thread__comments','CommentView','_updateHasDirtyComment','insert','_config','editorConfig','remove','delegate','from','hasDirtyComment','element','_handleRemoveCommentModel','stopListening','change:hasDirtyComment','destroy','formatDateTime','comments','visibleViews','removeComment','commentUpdated','_rearrangeCollapse','maxCommentsWhenCollapsed','isEditMode','count','weight'];(function(_0x4f86ae,_0xaa3a82){const _0x5e6264=function(_0x36a5c4){while(--_0x36a5c4){_0x4f86ae['push'](_0x4f86ae['shift']());}};_0x5e6264(++_0xaa3a82);}(_0xaa3a,0x1b2));const _0x5e62=function(_0x4f86ae,_0xaa3a82){_0x4f86ae=_0x4f86ae-0x0;let _0x5e6264=_0xaa3a[_0x4f86ae];return _0x5e6264;};import{View as _0x2d1e02}from'ckeditor5/src/ui';import{diff as _0x22e5b6,Collection as _0x375906}from'ckeditor5/src/utils';import _0x2f5189 from'./collapsedcommentsview';export default class dt extends _0x2d1e02{constructor(_0x2faff5,_0x301182,_0x47f377){super(_0x2faff5),this['set'](_0x5e62('0xa'),!0x1),this[_0x5e62('0x1a')](_0x5e62('0x1f'),_0x301182[_0x5e62('0x11')]['length']),this[_0x5e62('0x1a')]('isActive',!0x1),this[_0x5e62('0x23')]=_0x301182,this[_0x5e62('0x5')]=_0x47f377,this[_0x5e62('0x0')]=this[_0x5e62('0x1b')](),this[_0x5e62('0x12')]=this[_0x5e62('0x1b')](),this[_0x5e62('0x2d')]=new _0x2f5189(_0x2faff5),this[_0x5e62('0x2d')]['bind'](_0x5e62('0x18'))['to'](this,_0x5e62('0x1f'),_0x884420=>_0x884420-this['_config'][_0x5e62('0x16')]);for(const _0x1494f4 of _0x301182[_0x5e62('0x11')])this[_0x5e62('0x21')](_0x1494f4);this[_0x5e62('0x22')](_0x301182['comments'],'add',(_0x497aee,_0x6b15eb)=>{this[_0x5e62('0x1f')]++,this[_0x5e62('0x21')](_0x6b15eb),this[_0x5e62('0x26')]();}),this[_0x5e62('0x22')](_0x301182[_0x5e62('0x11')],_0x5e62('0x7'),(_0x299031,_0x1ca232)=>{this[_0x5e62('0x1f')]--,this[_0x5e62('0xc')](_0x1ca232),this[_0x5e62('0x26')]();}),this['listenTo'](_0x301182,_0x5e62('0x14'),()=>this[_0x5e62('0x26')]()),this['on'](_0x5e62('0x27'),()=>this['refreshVisibleViews']()),this['on'](_0x5e62('0xe'),()=>this[_0x5e62('0x26')]()),this[_0x5e62('0x1e')]({'tag':'ul','attributes':{'class':[_0x5e62('0x1')]},'children':this[_0x5e62('0x12')]});}get[_0x5e62('0x1c')](){return this[_0x5e62('0x23')][_0x5e62('0x19')]>this[_0x5e62('0x5')][_0x5e62('0x29')]&&!this[_0x5e62('0x28')]&&!this[_0x5e62('0xa')];}[_0x5e62('0x25')](){super['render'](),this[_0x5e62('0x26')]();}['focus'](){this[_0x5e62('0xb')]['focus']();}[_0x5e62('0xf')](){this[_0x5e62('0x2d')]['destroy']();for(const _0x2cf0d6 of this[_0x5e62('0x0')])_0x2cf0d6['destroy']();super[_0x5e62('0xf')]();}[_0x5e62('0x26')](){this[_0x5e62('0x1c')]?this['_rearrangeCollapse']():this['_rearrangeExpand']();}['_handleNewCommentModel'](_0x160c7e){const _0x29a7db=new this[(_0x5e62('0x5'))][(_0x5e62('0x2'))](this['locale'],_0x160c7e,{'maxCommentCharsWhenCollapsed':this['_config'][_0x5e62('0x2c')],'formatDateTime':this[_0x5e62('0x5')][_0x5e62('0x10')],'editorConfig':this[_0x5e62('0x5')][_0x5e62('0x6')]});_0x29a7db['viewUid']=_0x160c7e['id'],_0x29a7db[_0x5e62('0x8')](_0x5e62('0x13'))['to'](this),_0x29a7db[_0x5e62('0x8')]('updateComment')['to'](this),this[_0x5e62('0x22')](_0x29a7db,_0x5e62('0x2b'),()=>this[_0x5e62('0x3')]()),this[_0x5e62('0x0')][_0x5e62('0x24')](_0x29a7db);}[_0x5e62('0xc')](_0x4557d2){const _0x38fa1f=this[_0x5e62('0x0')][_0x5e62('0x7')](_0x4557d2['id']);this[_0x5e62('0xd')](_0x38fa1f),_0x38fa1f['isEditMode']&&this[_0x5e62('0x3')](),_0x38fa1f[_0x5e62('0xf')]();}['_updateHasDirtyComment'](){this['hasDirtyComment']=Array[_0x5e62('0x9')](this[_0x5e62('0x0')])[_0x5e62('0x2a')](_0x3e6df1=>_0x3e6df1[_0x5e62('0x17')]);}[_0x5e62('0x15')](){const _0x4d2846=function(_0x298d25){const _0x427fdb=new _0x375906();for(const _0x4d7408 of _0x298d25)_0x427fdb[_0x5e62('0x24')](_0x4d7408);return _0x427fdb;}(this[_0x5e62('0x0')]),_0x418aa7=this['_collapsedCommentsView'][_0x5e62('0x18')];for(let _0x34faa2=0x1;_0x34faa2<=_0x418aa7;_0x34faa2++)_0x4d2846[_0x5e62('0x7')](0x1);for(const _0x46aad0 of _0x4d2846)_0x46aad0['collapse']();_0x418aa7>0x0&&_0x4d2846['add'](this['_collapsedCommentsView'],0x1),Wt(_0x22e5b6(Array['from'](this[_0x5e62('0x12')]),Array[_0x5e62('0x9')](_0x4d2846)),this['visibleViews'],_0x4d2846);}['_rearrangeExpand'](){Wt(_0x22e5b6(Array['from'](this[_0x5e62('0x12')]),Array[_0x5e62('0x9')](this['commentViews'])),this[_0x5e62('0x12')],this[_0x5e62('0x0')]);for(const _0x4495e3 of this[_0x5e62('0x12')])_0x4495e3['expand']();}}function Wt(_0x4287ef,_0x496983,_0x3323a5){let _0x4937ce=0x0;for(const _0x3c892a of _0x4287ef)switch(_0x3c892a){case _0x5e62('0x4'):_0x496983[_0x5e62('0x24')](_0x3323a5['get'](_0x4937ce),_0x4937ce),_0x4937ce++;break;case _0x5e62('0x20'):_0x496983[_0x5e62('0x7')](_0x4937ce);break;case _0x5e62('0x1d'):_0x4937ce++;}}
+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 _0x3052=['destroy','ck-thread__input','div','bind','then','value','userView','editor','ck-comment__input-container--active','set','commentInputView','createEditor','ck-thread__user','showInput'];(function(_0x38b1d3,_0x3052f1){var _0x5448cd=function(_0x11be1b){while(--_0x11be1b){_0x38b1d3['push'](_0x38b1d3['shift']());}};_0x5448cd(++_0x3052f1);}(_0x3052,0x152));var _0x5448=function(_0x38b1d3,_0x3052f1){_0x38b1d3=_0x38b1d3-0x0;var _0x5448cd=_0x3052[_0x38b1d3];return _0x5448cd;};import{View as _0x1dad78}from'ckeditor5/src/ui';import _0x25e027 from'./commentinputview';import{UserView as _0xd2f6ed}from'ckeditor5-collaboration/src/collaboration-core';export default class ut extends _0x1dad78{constructor(_0x40b0d4,_0x48884e,_0x4cc47d){super(_0x40b0d4),this[_0x5448('0x8')]=new _0x25e027(_0x40b0d4,_0x4cc47d),this[_0x5448('0x8')][_0x5448('0x1')]('showButtons')['to'](this['commentInputView']['focusTracker'],'isFocused',this['commentInputView'],_0x5448('0x3'),(_0x94c53d,_0x2369cd)=>_0x94c53d||!!_0x2369cd),this[_0x5448('0x7')](_0x5448('0xb'),!0x1),this['on']('change:showInput',()=>{this[_0x5448('0xb')]&&!this[_0x5448('0x8')][_0x5448('0x5')]&&this[_0x5448('0x8')][_0x5448('0x9')]();}),this[_0x5448('0x4')]=new _0xd2f6ed(_0x40b0d4,_0x48884e),this[_0x5448('0x4')]['extendTemplate']({'attributes':{'class':_0x5448('0xa')}}),this[_0x5448('0x8')]['extendTemplate']({'attributes':{'class':_0x5448('0xd')}}),this['setTemplate']({'tag':_0x5448('0x0'),'attributes':{'class':['ck-comment__input-container',this['bindTemplate']['if']('showInput',_0x5448('0x6'))]},'children':[this['userView'],this[_0x5448('0x8')]]});}[_0x5448('0xc')](){return this[_0x5448('0x8')][_0x5448('0xc')]()[_0x5448('0x2')](()=>super[_0x5448('0xc')]());}}
+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 {};