@ckeditor/ckeditor5-comments 36.0.1 → 37.0.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 _0x1fff=['element','extendTemplate','editorReady','_editorConfig','ck-comment__input-actions','setTemplate','model','destroy','view','disabledSubmit','trim','submitButtonView','ck-comment__input-actions--submit','document','Reply...','value','submit','focusNext','change','initialData','Esc','div','render','keystrokes','setData','focusTracker','cancelButtonView','focusPrevious','check','length','set','fire','placeholder','_initializeFocusCycling','getData','execute','_createSubmitButton','low','TOO_LONG_COMMENT_ALERT','icon','showButtons','editor','forEach','ck-comment__input-actions--cancel','bindTemplate','_isDestroyed','tab','create','Submit','ck-comment__input-wrapper','high','bind','cancel','label','add','firstChild','Cancel','ck-comment__input-actions--active','_editorCreationPromise'];(function(_0x18129d,_0x1fffeb){const _0xeebf72=function(_0x52c066){while(--_0x52c066){_0x18129d['push'](_0x18129d['shift']());}};_0xeebf72(++_0x1fffeb);}(_0x1fff,0xc9));const _0xeebf=function(_0x18129d,_0x1fffeb){_0x18129d=_0x18129d-0x0;let _0xeebf72=_0x1fff[_0x18129d];return _0xeebf72;};import{View as _0x539c71,ViewCollection as _0x2d457b,FocusCycler as _0x275f4b,ButtonView as _0x1fbbf8}from'ckeditor5/src/ui';import{FocusTracker as _0x245544,KeystrokeHandler as _0x2a7f1a}from'ckeditor5/src/utils';import{icons as _0x173133}from'ckeditor5/src/core';import _0x1d435d from'../commenteditor/commenteditor';import{getTranslation as _0x36a6a1}from'../../../utils/common-translations';export default class Wt extends _0x539c71{constructor(_0x26bd63,_0x30d499={}){super(_0x26bd63),this[_0xeebf('0x11')]=null,this['_editorConfig']=_0x30d499,this[_0xeebf('0x3a')]=new _0x2a7f1a(),this[_0xeebf('0x1')]=new _0x245544(),this[_0xeebf('0x6')](_0xeebf('0x32'),_0x30d499[_0xeebf('0x36')]||''),this['set'](_0xeebf('0x2c'),!0x1),this['set'](_0xeebf('0x10'),!0x0),this[_0xeebf('0x6')](_0xeebf('0x8'),_0x36a6a1(_0x26bd63,_0xeebf('0x31'))),this[_0xeebf('0x2e')]=this[_0xeebf('0xc')](),this[_0xeebf('0x2')]=this['_createCancelButton'](),this[_0xeebf('0x28')]({'tag':_0xeebf('0x38'),'attributes':{'class':[_0xeebf('0x19')]},'children':[{'tag':_0xeebf('0x38'),'attributes':{'class':[_0xeebf('0x27'),this[_0xeebf('0x14')]['if']('showButtons',_0xeebf('0x21'))]},'children':[this[_0xeebf('0x2e')],this[_0xeebf('0x2')]]}]}),this[_0xeebf('0x3a')][_0xeebf('0x6')](_0xeebf('0x37'),(_0x33981f,_0x1153e6)=>{this[_0xeebf('0x2')][_0xeebf('0x7')](_0xeebf('0xb')),_0x1153e6();}),this['on'](_0xeebf('0x33'),(_0x5b91ea,_0x10e63c)=>{_0x10e63c[_0xeebf('0x5')]>0xfde8?(alert(_0x36a6a1(_0x26bd63,_0xeebf('0xe'),[_0x10e63c['length'],0xfde8])),_0x5b91ea['stop']()):this[_0xeebf('0x11')]['setData']('');},{'priority':_0xeebf('0x1a')});}[_0xeebf('0x39')](){super['render'](),this['keystrokes']['listenTo'](this[_0xeebf('0x23')]),this[_0xeebf('0x1')][_0xeebf('0x1e')](this['element']);}['createEditor'](){return this[_0xeebf('0x11')]||(this['editor']=new _0x1d435d(this[_0xeebf('0x26')]),this[_0xeebf('0x22')]=this[_0xeebf('0x11')][_0xeebf('0x17')]()['then'](()=>{if(this['_isDestroyed'])return;const _0x2cbf13=this[_0xeebf('0x11')];this[_0xeebf('0x23')]['insertBefore'](_0x2cbf13['ui'][_0xeebf('0x23')],this[_0xeebf('0x23')][_0xeebf('0x1f')]),_0x2cbf13[_0xeebf('0x29')][_0xeebf('0x30')]['on'](_0xeebf('0x35'),()=>this[_0xeebf('0x32')]=_0x2cbf13[_0xeebf('0xa')]()),_0x2cbf13[_0xeebf('0x1b')](_0xeebf('0x8'))['to'](this),this[_0xeebf('0x9')](this[_0xeebf('0x11')]),this[_0xeebf('0x7')](_0xeebf('0x25'));})),this[_0xeebf('0x22')];}['focus'](){this[_0xeebf('0x11')]&&this['editor']['focus']();}async[_0xeebf('0x2a')](){this[_0xeebf('0x15')]||(this['_isDestroyed']=!0x0,this['editor']&&(await this[_0xeebf('0x22')],await this[_0xeebf('0x11')][_0xeebf('0x2a')]()),await super[_0xeebf('0x2a')]());}[_0xeebf('0xc')](){const {locale:_0x527d90}=this,_0x183f6b=new _0x1fbbf8(_0x527d90);return _0x183f6b[_0xeebf('0x24')]({'attributes':{'class':[_0xeebf('0x2f')]}}),_0x183f6b[_0xeebf('0x1d')]=_0x36a6a1(_0x527d90,_0xeebf('0x18')),_0x183f6b[_0xeebf('0xf')]=_0x173133[_0xeebf('0x4')],_0x183f6b['on'](_0xeebf('0xb'),()=>{this[_0xeebf('0x7')](_0xeebf('0x33'),this['value']);}),_0x183f6b[_0xeebf('0x1b')]('isEnabled')['to'](this,_0xeebf('0x32'),this,_0xeebf('0x2c'),(_0x724ad3,_0x27a9e5)=>!_0x27a9e5&&!!_0x724ad3[_0xeebf('0x2d')]()),_0x183f6b;}['_createCancelButton'](){const {locale:_0x541fef}=this,_0x381d56=new _0x1fbbf8(_0x541fef);return _0x381d56[_0xeebf('0x24')]({'attributes':{'class':[_0xeebf('0x13')]}}),_0x381d56['label']=_0x36a6a1(_0x541fef,_0xeebf('0x20')),_0x381d56[_0xeebf('0xf')]=_0x173133[_0xeebf('0x1c')],_0x381d56['on'](_0xeebf('0xb'),()=>{this['editor'][_0xeebf('0x0')](''),this[_0xeebf('0x7')]('cancel');}),_0x381d56;}[_0xeebf('0x9')](_0x3dd99e){const _0x3684ab=this[_0xeebf('0x1')],_0x55deb5=new _0x2d457b();[_0x3dd99e['ui'][_0xeebf('0x2b')],this[_0xeebf('0x2e')],this[_0xeebf('0x2')]][_0xeebf('0x12')](_0x43ba0e=>{_0x55deb5[_0xeebf('0x1e')](_0x43ba0e),_0x3684ab[_0xeebf('0x1e')](_0x43ba0e[_0xeebf('0x23')]);});const _0xd9ccff=new _0x275f4b({'focusables':_0x55deb5,'focusTracker':_0x3684ab});this[_0xeebf('0x3a')][_0xeebf('0x6')](_0xeebf('0x16'),(_0x1ca423,_0x4be506)=>{_0xd9ccff[_0xeebf('0x34')](),_0x4be506();},{'priority':_0xeebf('0xd')}),this[_0xeebf('0x3a')][_0xeebf('0x6')]('shift\x20+\x20tab',(_0x44ac9d,_0x115372)=>{_0xd9ccff[_0xeebf('0x3')](),_0x115372();},{'priority':_0xeebf('0xd')});}}

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 _0x1ece=['ck-comments-archive','element','focus','setTemplate','bindTemplate','ck-comments-archive__info','shift\x20+\x20tab','stopPropagation','isActive','length','arrowup','_focusCycler','selectstart','_keystrokes','set','destroy','div','high','ck-comments-archive__header\x20','arrowleft','ck-comments-archive__content','isEmpty','_focusTracker','tab','listenTo'];(function(_0x3b446a,_0x1ece34){const _0x4668ce=function(_0x149453){while(--_0x149453){_0x3b446a['push'](_0x3b446a['shift']());}};_0x4668ce(++_0x1ece34);}(_0x1ece,0x15d));const _0x4668=function(_0x3b446a,_0x1ece34){_0x3b446a=_0x3b446a-0x0;let _0x4668ce=_0x1ece[_0x3b446a];return _0x4668ce;};import{View as _0x30aad9,FocusCycler as _0x3a31ab}from'ckeditor5/src/ui';import{FocusTracker as _0x48ef28,KeystrokeHandler as _0x9aee7b}from'ckeditor5/src/utils';import{getTranslation as _0x547f45}from'../../../utils/common-translations';export default class K extends _0x30aad9{constructor(_0x4e25f1,_0x300c8c){super(_0x4e25f1),this[_0x4668('0xf')](_0x4668('0x16'),!_0x300c8c['length']),this[_0x4668('0x17')]=new _0x48ef28(),this[_0x4668('0xe')]=new _0x9aee7b(),this['_focusables']=_0x300c8c,this[_0x4668('0xc')]=new _0x3a31ab({'focusables':this['_focusables'],'focusTracker':this[_0x4668('0x17')],'keystrokeHandler':this[_0x4668('0xe')],'actions':{'focusPrevious':_0x4668('0x7'),'focusNext':_0x4668('0x18')}}),this['listenTo'](_0x300c8c,'add',()=>{this[_0x4668('0x16')]=!0x1;}),this[_0x4668('0x0')](_0x300c8c,'remove',(_0x454c6d,_0x2cae2f)=>{_0x2cae2f[_0x4668('0x9')]&&this[_0x4668('0x3')](),_0x300c8c[_0x4668('0xa')]||(this['isEmpty']=!0x0);});const _0x1999e2=this[_0x4668('0x5')];this[_0x4668('0x4')]({'tag':_0x4668('0x11'),'attributes':{'dir':'auto','class':['ck',_0x4668('0x1')],'tabindex':-0x1},'children':[{'tag':'p','attributes':{'class':[_0x4668('0x13')]},'children':[{'text':_0x547f45(_0x4e25f1,'COMMENTS_ARCHIVE')}]},{'tag':_0x4668('0x11'),'attributes':{'class':[_0x4668('0x15')]},'children':[{'tag':_0x4668('0x11'),'children':_0x300c8c},{'tag':'p','attributes':{'class':[_0x4668('0x6'),_0x1999e2['if'](_0x4668('0x16'),'ck-hidden',_0x1f6377=>!_0x1f6377)]},'children':[{'text':_0x547f45(_0x4e25f1,'EMPTY_COMMENTS_ARCHIVE')}]}]}]});}['render'](){super['render'](),this[_0x4668('0xe')]['listenTo'](this[_0x4668('0x2')]);const _0x28d25e=_0xeb1594=>_0xeb1594['stopPropagation']();this[_0x4668('0xe')][_0x4668('0xf')]('arrowright',_0x28d25e),this[_0x4668('0xe')]['set'](_0x4668('0x14'),_0x28d25e),this[_0x4668('0xe')][_0x4668('0xf')](_0x4668('0xb'),_0x28d25e),this[_0x4668('0xe')][_0x4668('0xf')]('arrowdown',_0x28d25e),this[_0x4668('0x0')](this[_0x4668('0x2')],_0x4668('0xd'),(_0x1e5832,_0x1de7e8)=>{_0x1de7e8[_0x4668('0x8')]();},{'priority':_0x4668('0x12')});}[_0x4668('0x10')](){super[_0x4668('0x10')](),this['_focusTracker'][_0x4668('0x10')](),this[_0x4668('0xe')][_0x4668('0x10')]();}['focus'](){this[_0x4668('0x2')][_0x4668('0x3')]();}}

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 _0x1161=['authoredAt','formatDateTime','_config','isEditMode','isResolved','from','CommentView','add','change:isResolved','_collapsedCommentsView','change:hasDirtyComment','resolveCommentThread','set','_updateHasDirtyComment','maxCommentCharsWhenCollapsed','visibleViews','resolved','length','element','removeComment','remove','locale','collapse','count','delete','render','resolvedAt','_findOptimalIndex','_rearrangeExpand','resolvedBy','focus','stopListening','change:isActive','equal','maxCommentsWhenCollapsed','expand','refreshVisibleViews','_calculatePosition','commentViews','updateComment','destroy','isActive','_model','Marked\x20as\x20resolved','editorConfig','_handleRemoveCommentModel','hasDirtyComment','_rearrangeCollapse','setTemplate','comments','_handleNewCommentModel','commentUpdated','delegate','listenTo','viewUid','ck-thread__comments','resolvedCommentView','_handleInfoComment','get'];(function(_0x23c387,_0x11617e){const _0x3dedb1=function(_0x108296){while(--_0x108296){_0x23c387['push'](_0x23c387['shift']());}};_0x3dedb1(++_0x11617e);}(_0x1161,0xfa));const _0x3ded=function(_0x23c387,_0x11617e){_0x23c387=_0x23c387-0x0;let _0x3dedb1=_0x1161[_0x23c387];return _0x3dedb1;};import{View as _0x57c969}from'ckeditor5/src/ui';import{diff as _0x1699c3,Collection as _0x317462}from'ckeditor5/src/utils';import{getTranslation as _0x1e0c53}from'../../../utils/common-translations';import _0x20ff99 from'./collapsedcommentsview';export default class vt extends _0x57c969{constructor(_0x4df269,_0x25ddda,_0x257ad7){super(_0x4df269),this[_0x3ded('0x39')](_0x3ded('0x20'),!0x1),this[_0x3ded('0x39')]('length',_0x25ddda[_0x3ded('0x23')]['length']),this[_0x3ded('0x39')]('isActive',!0x1),this['_model']=_0x25ddda,this[_0x3ded('0x2f')]=_0x257ad7,this['commentViews']=this['createCollection'](),this[_0x3ded('0x1')]=this['createCollection'](),this['resolvedCommentView']=null,this[_0x3ded('0x36')]=new _0x20ff99(_0x4df269),this['_collapsedCommentsView']['bind'](_0x3ded('0x9'))['to'](this,_0x3ded('0x3'),_0x546cc8=>_0x546cc8-this[_0x3ded('0x2f')][_0x3ded('0x14')]);for(const _0xe5d768 of _0x25ddda[_0x3ded('0x23')])this['_handleNewCommentModel'](_0xe5d768);this['_handleInfoComment'](),this['listenTo'](_0x25ddda['comments'],_0x3ded('0x34'),(_0x80aa7a,_0x213083)=>{const _0x367f1f=this[_0x3ded('0x17')](_0x213083);this[_0x3ded('0x3')]++,this[_0x3ded('0x24')](_0x213083,_0x367f1f),this[_0x3ded('0x16')]();}),this[_0x3ded('0x27')](_0x25ddda[_0x3ded('0x23')],'remove',(_0x3f1736,_0x454d21)=>{this[_0x3ded('0x3')]--,this[_0x3ded('0x1f')](_0x454d21),this['refreshVisibleViews']();}),this['listenTo'](_0x25ddda,_0x3ded('0x25'),()=>this[_0x3ded('0x16')]()),this[_0x3ded('0x27')](_0x25ddda,_0x3ded('0x35'),()=>this['_handleInfoComment']()),this['on'](_0x3ded('0x12'),()=>this[_0x3ded('0x16')]()),this['on'](_0x3ded('0x37'),()=>this[_0x3ded('0x16')]()),this[_0x3ded('0x22')]({'tag':'ul','attributes':{'class':[_0x3ded('0x29')]},'children':this['visibleViews']});}get['_shouldCollapse'](){return this[_0x3ded('0x1c')]['weight']>this[_0x3ded('0x2f')]['maxThreadTotalWeight']&&!this[_0x3ded('0x1b')]&&!this['hasDirtyComment'];}['render'](){super[_0x3ded('0xb')](),this[_0x3ded('0x16')]();}[_0x3ded('0x10')](){this[_0x3ded('0x4')]['focus']();}[_0x3ded('0x1a')](){this[_0x3ded('0x36')][_0x3ded('0x1a')]();for(const _0x1976fc of this['commentViews'])_0x1976fc[_0x3ded('0x1a')]();super[_0x3ded('0x1a')]();}[_0x3ded('0x16')](){this['_shouldCollapse']?this['_rearrangeCollapse']():this[_0x3ded('0xe')]();}[_0x3ded('0x24')](_0x5870cd,_0x3fdd9a){const _0x4f89b6=new this['_config'][(_0x3ded('0x33'))](this['locale'],_0x5870cd,{'maxCommentCharsWhenCollapsed':this[_0x3ded('0x2f')][_0x3ded('0x0')],'formatDateTime':this['_config'][_0x3ded('0x2e')],'editorConfig':this[_0x3ded('0x2f')]['editorConfig']});_0x4f89b6[_0x3ded('0x28')]=_0x5870cd['id'],_0x4f89b6[_0x3ded('0x26')](_0x3ded('0x5'))['to'](this),_0x4f89b6[_0x3ded('0x26')](_0x3ded('0x19'))['to'](this),_0x4f89b6[_0x3ded('0x26')](_0x3ded('0x38'))['to'](this),this['listenTo'](_0x4f89b6,'change:isEditMode',()=>this['_updateHasDirtyComment']()),this[_0x3ded('0x18')][_0x3ded('0x34')](_0x4f89b6,_0x3fdd9a);}[_0x3ded('0x17')](_0x1a4f4a){const _0x287bcb=this['_model'][_0x3ded('0xd')](_0x1a4f4a);return this[_0x3ded('0x2a')]?this['resolvedCommentView'][_0x3ded('0x2d')]>_0x1a4f4a[_0x3ded('0x2d')]?_0x287bcb-0x1:_0x287bcb:_0x287bcb-0x1;}[_0x3ded('0x2b')](){if(this[_0x3ded('0x1c')][_0x3ded('0x31')]){const _0x499725={'id':_0x3ded('0x2'),'author':this[_0x3ded('0x1c')][_0x3ded('0xf')],'authoredAt':this['_model'][_0x3ded('0xc')],'content':_0x1e0c53(this['locale'],_0x3ded('0x1d')),'attributes':{}};this[_0x3ded('0x2a')]=new this['_config'][(_0x3ded('0x33'))](this[_0x3ded('0x7')],_0x499725,{'maxCommentCharsWhenCollapsed':this[_0x3ded('0x2f')]['maxCommentCharsWhenCollapsed'],'formatDateTime':this[_0x3ded('0x2f')]['formatDateTime'],'editorConfig':this[_0x3ded('0x2f')][_0x3ded('0x1e')],'isSystemComment':!0x0}),this[_0x3ded('0x18')][_0x3ded('0x34')](this[_0x3ded('0x2a')],this[_0x3ded('0x1c')][_0x3ded('0xd')](_0x499725));}else this[_0x3ded('0x2a')]&&(this[_0x3ded('0x18')][_0x3ded('0x6')](this[_0x3ded('0x2a')]),this[_0x3ded('0x2a')]['destroy'](),this[_0x3ded('0x2a')]=null);this['refreshVisibleViews']();}[_0x3ded('0x1f')](_0x5187f2){const _0x52e7cb=this[_0x3ded('0x18')][_0x3ded('0x6')](_0x5187f2['id']);this[_0x3ded('0x11')](_0x52e7cb),_0x52e7cb[_0x3ded('0x30')]&&this[_0x3ded('0x3a')](),_0x52e7cb['destroy']();}[_0x3ded('0x3a')](){this[_0x3ded('0x20')]=Array['from'](this[_0x3ded('0x18')])['some'](_0x262344=>_0x262344[_0x3ded('0x30')]);}[_0x3ded('0x21')](){const _0x1b2307=function(_0x5f23e0){const _0x330483=new _0x317462();for(const _0x21122d of _0x5f23e0)_0x330483[_0x3ded('0x34')](_0x21122d);return _0x330483;}(this['commentViews']),_0x15194f=this[_0x3ded('0x36')]['count'];for(let _0x147a52=0x1;_0x147a52<=_0x15194f;_0x147a52++)_0x1b2307[_0x3ded('0x6')](0x1);for(const _0x3a0b2d of _0x1b2307)_0x3a0b2d[_0x3ded('0x8')]();_0x15194f>0x0&&_0x1b2307[_0x3ded('0x34')](this['_collapsedCommentsView'],0x1),ss(_0x1699c3(Array[_0x3ded('0x32')](this['visibleViews']),Array[_0x3ded('0x32')](_0x1b2307)),this[_0x3ded('0x1')],_0x1b2307);}[_0x3ded('0xe')](){ss(_0x1699c3(Array['from'](this[_0x3ded('0x1')]),Array['from'](this[_0x3ded('0x18')])),this[_0x3ded('0x1')],this['commentViews']);for(const _0x2b2b83 of this[_0x3ded('0x1')])_0x2b2b83[_0x3ded('0x15')]();}}function ss(_0x228db1,_0x4e1d39,_0x34dcb7){let _0x1ba1a8=0x0;for(const _0x4c4cfe of _0x228db1)switch(_0x4c4cfe){case'insert':_0x4e1d39[_0x3ded('0x34')](_0x34dcb7[_0x3ded('0x2c')](_0x1ba1a8),_0x1ba1a8),_0x1ba1a8++;break;case _0x3ded('0xa'):_0x4e1d39['remove'](_0x1ba1a8);break;case _0x3ded('0x13'):_0x1ba1a8++;}}

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 _0x2b35=['length','value','render','tooltip','overlay','locale','remove','.ck-context','reopenCommentThread','isVisible','querySelector','setTemplate','bindTemplate','mouseleave','label','add','ck-context','contextValue','_createReopenButton','_trimContextValue','lastIndexOf','mouseenter','isResolvable','.ck-context__value','substring','listenTo','_model','context','ck-context-wrapper','hasContext','reopenButtonView','ck-thread__header','offsetWidth','ck-context--quotes','ck-annotation__actions','div','_attachContextActions','Reopen','classList','bind'];(function(_0x34bf3a,_0x2b3574){const _0x10bf0f=function(_0x4b85cb){while(--_0x4b85cb){_0x34bf3a['push'](_0x34bf3a['shift']());}};_0x10bf0f(++_0x2b3574);}(_0x2b35,0x141));const _0x10bf=function(_0x34bf3a,_0x2b3574){_0x34bf3a=_0x34bf3a-0x0;let _0x10bf0f=_0x2b35[_0x34bf3a];return _0x10bf0f;};import{View as _0x2e645a,ButtonView as _0x5842ad}from'ckeditor5/src/ui';import{getTranslation as _0x34c580}from'../../../utils/common-translations';import _0x10288a from'../../../../theme/icons/undo.svg';export const MAX_CONTENT_LENGTH=0x96;export default class Tt extends _0x2e645a{constructor(_0x4a4cf4,_0x386186){super(_0x4a4cf4);const _0xac9a5a=this[_0x10bf('0xb')];this[_0x10bf('0x19')]=_0x386186,this[_0x10bf('0x1d')]=this[_0x10bf('0x11')](),this['bind']('hasContext')['to'](this[_0x10bf('0x19')],_0x10bf('0x1a'),_0x21f381=>!!_0x21f381),this[_0x10bf('0x26')](_0x10bf('0x10'))['to'](this['_model'],_0x10bf('0x1a'),_0x3b0e16=>_0x3b0e16&&_0x3b0e16[_0x10bf('0x0')]?this['_trimContextValue'](_0x3b0e16[_0x10bf('0x0')]):_0x34c580(this[_0x10bf('0x4')],'Comment\x20was\x20made\x20on\x20an\x20element')),this[_0x10bf('0xa')]({'tag':_0x10bf('0x22'),'attributes':{'class':[_0x10bf('0x1e')]},'children':[{'tag':_0x10bf('0x22'),'attributes':{'class':[_0x10bf('0x1b')]},'children':[{'tag':'div','attributes':{'class':[_0x10bf('0xf'),_0xac9a5a['if'](_0x10bf('0x1c'),_0x10bf('0x20'))]},'children':[{'tag':'span','attributes':{'class':['ck-context__value']},'children':[{'text':_0xac9a5a['to']('contextValue')}]}]}]},{'tag':_0x10bf('0x22'),'attributes':{'class':[_0x10bf('0x21')]},'children':[this['reopenButtonView']]}]});}[_0x10bf('0x1')](){super['render'](),this[_0x10bf('0x23')]();}['_createReopenButton'](){const _0x555f3e=new _0x5842ad(this[_0x10bf('0x4')]);return _0x555f3e[_0x10bf('0xd')]=_0x34c580(this[_0x10bf('0x4')],'Reopen'),_0x555f3e[_0x10bf('0x2')]=_0x34c580(this['locale'],_0x10bf('0x24')),_0x555f3e['icon']=_0x10288a,_0x555f3e[_0x10bf('0x26')](_0x10bf('0x8'))['to'](this[_0x10bf('0x19')],_0x10bf('0x15')),_0x555f3e['on']('execute',()=>{this['fire'](_0x10bf('0x7'),this[_0x10bf('0x19')]['id']);}),_0x555f3e;}[_0x10bf('0x12')](_0x3dd266){if(_0x3dd266[_0x10bf('0x27')]<0x96)return _0x3dd266;const _0x556732=_0x3dd266[_0x10bf('0x13')]('\x20',0x93);return _0x3dd266[_0x10bf('0x17')](0x0,_0x556732>-0x1?_0x556732:0x93)+'...';}[_0x10bf('0x23')](){const _0xfd08e1=this['element'][_0x10bf('0x9')](_0x10bf('0x6')),_0x2bab84=_0xfd08e1['querySelector'](_0x10bf('0x16'));this[_0x10bf('0x18')](_0xfd08e1,_0x10bf('0x14'),()=>{_0x2bab84[_0x10bf('0x1f')]<_0x2bab84['scrollWidth']&&_0xfd08e1[_0x10bf('0x25')][_0x10bf('0xe')](_0x10bf('0x3'));}),this[_0x10bf('0x18')](_0xfd08e1,_0x10bf('0xc'),()=>{_0xfd08e1['classList'][_0x10bf('0x5')](_0x10bf('0x3'));});}}

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 _0x4105=['bindTemplate','userView','destroy','isFocused','change:showInput','then','showInput','setTemplate','ck-thread__user','commentInputView','extendTemplate','editor','ck-comment__input-container--active','focusTracker','bind'];(function(_0x3bee46,_0x410576){var _0x26eb45=function(_0x3aa8b5){while(--_0x3aa8b5){_0x3bee46['push'](_0x3bee46['shift']());}};_0x26eb45(++_0x410576);}(_0x4105,0x15f));var _0x26eb=function(_0x3bee46,_0x410576){_0x3bee46=_0x3bee46-0x0;var _0x26eb45=_0x4105[_0x3bee46];return _0x26eb45;};import{View as _0x5d2f1c}from'ckeditor5/src/ui';import _0x340cc1 from'./commentinputview';import{UserView as _0x51abf4}from'ckeditor5-collaboration/src/collaboration-core';export default class wt extends _0x5d2f1c{constructor(_0x3a082b,_0x10052b,_0x556b77){super(_0x3a082b),this[_0x26eb('0x3')]=new _0x340cc1(_0x3a082b,_0x556b77),this[_0x26eb('0x3')][_0x26eb('0x8')]('showButtons')['to'](this[_0x26eb('0x3')][_0x26eb('0x7')],_0x26eb('0xc'),this[_0x26eb('0x3')],'value',(_0x460b4f,_0x454942)=>_0x460b4f||!!_0x454942),this['set'](_0x26eb('0x0'),!0x1),this['on'](_0x26eb('0xd'),()=>{this[_0x26eb('0x0')]&&!this['commentInputView'][_0x26eb('0x5')]&&this[_0x26eb('0x3')]['createEditor']();}),this[_0x26eb('0xa')]=new _0x51abf4(_0x3a082b,_0x10052b),this[_0x26eb('0xa')][_0x26eb('0x4')]({'attributes':{'class':_0x26eb('0x2')}}),this[_0x26eb('0x3')][_0x26eb('0x4')]({'attributes':{'class':'ck-thread__input'}}),this[_0x26eb('0x1')]({'tag':'div','attributes':{'class':['ck-comment__input-container',this[_0x26eb('0x9')]['if'](_0x26eb('0x0'),_0x26eb('0x6'))]},'children':[this[_0x26eb('0xa')],this[_0x26eb('0x3')]]});}[_0x26eb('0xb')](){return this[_0x26eb('0x3')][_0x26eb('0xb')]()[_0x26eb('0xe')](()=>super[_0x26eb('0xb')]());}}

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 {};