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

package/src/comments/ui/commenteditor/commenteditor.js

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x4ea3=['create','placeholderElement','getRoot','init','fire','config','name','placeholder','document','view','childCount','plugins','assign','get','end','defaultPlugins','getChild','editing','initPlugins','initialData','model','then','_updatePlaceholder','change','data','focus','destroy','set','createRoot','low','change:placeholder'];(function(_0x5bd152,_0x4ea333){const _0x76364c=function(_0x5d8586){while(--_0x5d8586){_0x5bd152['push'](_0x5bd152['shift']());}};_0x76364c(++_0x4ea333);}(_0x4ea3,0x1e6));const _0x7636=function(_0x5bd152,_0x4ea333){_0x5bd152=_0x5bd152-0x0;let _0x76364c=_0x4ea3[_0x5bd152];return _0x76364c;};import{Editor as _0x3ff759,DataApiMixin as _0x15d8d0}from'ckeditor5/src/core';import _0x26fea6 from'./commenteditorui';import{mix as _0x3172a6,ObservableMixin as _0x3f04de}from'ckeditor5/src/utils';import{enablePlaceholder as _0x3e8657,disablePlaceholder as _0x375a9a}from'ckeditor5/src/engine';import{Clipboard as _0x376621}from'ckeditor5/src/clipboard';import{Enter as _0x88601e,ShiftEnter as _0x858201}from'ckeditor5/src/enter';import{SelectAll as _0x10d8b9}from'ckeditor5/src/select-all';import{Typing as _0xc06e4}from'ckeditor5/src/typing';import{Undo as _0x31e916}from'ckeditor5/src/undo';import{Paragraph as _0x2e9dce}from'ckeditor5/src/paragraph';export default class Bt extends _0x3ff759{constructor(_0x58ad6e={}){(_0x58ad6e=Object[_0x7636('0x16')]({},_0x58ad6e))[_0x7636('0x15')]||(_0x58ad6e[_0x7636('0x15')]=Bt[_0x7636('0x19')]),super(_0x58ad6e),this['ui']=new _0x26fea6(this),this[_0x7636('0x6')](_0x7636('0x11'),''),this[_0x7636('0x1e')][_0x7636('0x12')]['on'](_0x7636('0x2'),()=>this[_0x7636('0x1')](),{'priority':_0x7636('0x8')}),this['on'](_0x7636('0x9'),()=>this[_0x7636('0x1')]()),this[_0x7636('0x1e')][_0x7636('0x12')][_0x7636('0x7')]();}[_0x7636('0xa')](){const _0x5b24e2=this[_0x7636('0xf')][_0x7636('0x17')](_0x7636('0x1d'))||'';return this[_0x7636('0x1c')]()[_0x7636('0x0')](()=>this['ui'][_0x7636('0xd')]())[_0x7636('0x0')](()=>this[_0x7636('0x3')][_0x7636('0xd')](_0x5b24e2))['then'](()=>this[_0x7636('0xe')]('ready'));}[_0x7636('0x5')](){return super[_0x7636('0x5')]()['then'](()=>this['ui'][_0x7636('0x5')]());}[_0x7636('0x4')](){this[_0x7636('0x1e')][_0x7636('0x2')](_0x3e41cc=>{const _0x3ff1e0=this['model'][_0x7636('0x12')]['getRoot'](),_0xf7dd74=_0x3ff1e0['getChild'](_0x3ff1e0[_0x7636('0x14')]-0x1);_0x3e41cc['setSelection'](_0xf7dd74,_0x7636('0x18')),this['editing']['view']['focus']();});}[_0x7636('0x1')](){const _0x2076b8=this[_0x7636('0x1b')][_0x7636('0x13')],_0x560ab6=_0x2076b8[_0x7636('0x12')][_0x7636('0xc')](),_0x51d25c=_0x560ab6[_0x7636('0x1a')](0x0);_0x560ab6['childCount']>0x1||!_0x51d25c||'p'!=_0x51d25c[_0x7636('0x10')]?this[_0x7636('0xb')]&&(_0x375a9a(_0x2076b8,this[_0x7636('0xb')]),this[_0x7636('0xb')]=void 0x0):(_0x3e8657({'view':_0x2076b8,'element':_0x51d25c,'text':this['placeholder'],'keepOnFocus':!0x0}),this[_0x7636('0xb')]=_0x51d25c);}}_0x3172a6(Bt,_0x3f04de),_0x3172a6(Bt,_0x15d8d0),Bt['defaultPlugins']=[_0x376621,_0x88601e,_0x858201,_0x10d8b9,_0xc06e4,_0x31e916,_0x2e9dce];
+const _0x463e=['_updatePlaceholder','getRoot','createRoot','defaultPlugins','get','destroy','init','create','placeholder','view','getChild','change','end','childCount','low','initialData','model','document','focus','then','assign','setSelection','set','editing','placeholderElement'];(function(_0x3780d2,_0x463e3c){const _0x5123e1=function(_0x2b0ab2){while(--_0x2b0ab2){_0x3780d2['push'](_0x3780d2['shift']());}};_0x5123e1(++_0x463e3c);}(_0x463e,0x14d));const _0x5123=function(_0x3780d2,_0x463e3c){_0x3780d2=_0x3780d2-0x0;let _0x5123e1=_0x463e[_0x3780d2];return _0x5123e1;};import{Editor as _0x11841d,DataApiMixin as _0x3cea9e}from'ckeditor5/src/core';import _0x520b13 from'./commenteditorui';import{ObservableMixin as _0x4732f3}from'ckeditor5/src/utils';import{enablePlaceholder as _0x2ae715,disablePlaceholder as _0x71a514}from'ckeditor5/src/engine';import{Clipboard as _0x576fcf}from'ckeditor5/src/clipboard';import{Enter as _0x27ec04,ShiftEnter as _0x581c5f}from'ckeditor5/src/enter';import{SelectAll as _0x4d51a4}from'ckeditor5/src/select-all';import{Typing as _0x88aa9d}from'ckeditor5/src/typing';import{Undo as _0x275e08}from'ckeditor5/src/undo';import{Paragraph as _0x48222b}from'ckeditor5/src/paragraph';const Jt=[_0x576fcf,_0x27ec04,_0x581c5f,_0x4d51a4,_0x88aa9d,_0x275e08,_0x48222b];export default class Kt extends _0x4732f3(_0x3cea9e(_0x11841d)){constructor(_0x822afb={}){(_0x822afb=Object[_0x5123('0xc')]({},_0x822afb))['plugins']||(_0x822afb['plugins']=Kt[_0x5123('0x14')]),super(_0x822afb),this['ui']=new _0x520b13(this),this[_0x5123('0xe')](_0x5123('0x0'),''),this[_0x5123('0x8')][_0x5123('0x9')]['on'](_0x5123('0x3'),()=>this[_0x5123('0x11')](),{'priority':_0x5123('0x6')}),this['on']('change:placeholder',()=>this[_0x5123('0x11')]()),this['model'][_0x5123('0x9')][_0x5123('0x13')]();}[_0x5123('0x18')](){const _0x14f6b5=this['config'][_0x5123('0x15')](_0x5123('0x7'))||'';return this['initPlugins']()['then'](()=>this['ui'][_0x5123('0x17')]())[_0x5123('0xb')](()=>this['data']['init'](_0x14f6b5))[_0x5123('0xb')](()=>this['fire']('ready'));}[_0x5123('0x16')](){return super[_0x5123('0x16')]()[_0x5123('0xb')](()=>this['ui'][_0x5123('0x16')]());}[_0x5123('0xa')](){this[_0x5123('0x8')]['change'](_0x431d7b=>{const _0x445bd5=this['model'][_0x5123('0x9')][_0x5123('0x12')](),_0x5acb76=_0x445bd5&&_0x445bd5[_0x5123('0x2')](_0x445bd5[_0x5123('0x5')]-0x1);_0x431d7b[_0x5123('0xd')](_0x5acb76,_0x5123('0x4')),this[_0x5123('0xf')][_0x5123('0x1')]['focus']();});}[_0x5123('0x11')](){const _0x20231e=this[_0x5123('0xf')][_0x5123('0x1')],_0x1a15c6=_0x20231e[_0x5123('0x9')][_0x5123('0x12')](),_0x5e2c78=_0x1a15c6[_0x5123('0x2')](0x0);_0x1a15c6[_0x5123('0x5')]>0x1||!_0x5e2c78||'p'!=_0x5e2c78['name']?this['placeholderElement']&&(_0x71a514(_0x20231e,this[_0x5123('0x10')]),this['placeholderElement']=void 0x0):(_0x2ae715({'view':_0x20231e,'element':_0x5e2c78,'text':this[_0x5123('0x0')],'keepOnFocus':!0x0}),this[_0x5123('0x10')]=_0x5e2c78);}}Kt['defaultPlugins']=Jt;

package/src/comments/ui/commenteditor/commenteditorui.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @module comments/comments/ui/commenteditor/commenteditorui
+ */
+import { EditorUI } from 'ckeditor5/src/ui';
+import type { Editor } from 'ckeditor5/src/core';
+import CommentEditorUIView from './commenteditoruiview';
+export default class CommentEditorUI extends EditorUI {
+    /**
+     * The main (top–most) view of the editor UI.
+     */
+    readonly view: CommentEditorUIView;
+    /**
+     * Creates an instance of the classic editor UI class.
+     *
+     * @param editor The editor instance.
+     */
+    constructor(editor: Editor);
+    /**
+     * @inheritDoc
+     */
+    get element(): HTMLElement | null;
+    init(): void;
+    /**
+     * @inheritDoc
+     */
+    destroy(): void;
+}

package/src/comments/ui/commenteditor/commenteditorui.js

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x2873=['render','ready','init','document','name','fire','locale','view','isFocused','bind','getRoot','element','destroy','rootName','editable'];(function(_0x1516cb,_0x28735d){const _0x2b56e3=function(_0x2e1d4c){while(--_0x2e1d4c){_0x1516cb['push'](_0x1516cb['shift']());}};_0x2b56e3(++_0x28735d);}(_0x2873,0xbc));const _0x2b56=function(_0x1516cb,_0x28735d){_0x1516cb=_0x1516cb-0x0;let _0x2b56e3=_0x2873[_0x1516cb];return _0x2b56e3;};import{EditorUI as _0x331411}from'ckeditor5/src/ui';import _0x4d6c29 from'./commenteditoruiview';export default class xt extends _0x331411{constructor(_0x3877cc){super(_0x3877cc),this[_0x2b56('0xe')]=new _0x4d6c29(_0x3877cc[_0x2b56('0xd')],_0x3877cc['editing'][_0x2b56('0xe')]);}get[_0x2b56('0x3')](){return this[_0x2b56('0xe')][_0x2b56('0x3')];}[_0x2b56('0x9')](){const _0x5158d3=this['editor']['editing'][_0x2b56('0xe')],_0x217ce9=this['view'][_0x2b56('0x6')],_0x5ee7cb=_0x5158d3[_0x2b56('0xa')][_0x2b56('0x2')]();_0x217ce9[_0x2b56('0xb')]=_0x5ee7cb[_0x2b56('0x5')],this[_0x2b56('0xe')][_0x2b56('0x7')]();const _0x127288=_0x217ce9[_0x2b56('0x3')];this['setEditableElement'](_0x217ce9[_0x2b56('0xb')],_0x127288),this['view'][_0x2b56('0x6')][_0x2b56('0x1')](_0x2b56('0x0'))['to'](this['focusTracker']),_0x5158d3['attachDomRoot'](_0x127288),this[_0x2b56('0xc')](_0x2b56('0x8'));}[_0x2b56('0x4')](){super[_0x2b56('0x4')](),this[_0x2b56('0xe')][_0x2b56('0x4')]();}}
+const _0x1ad7=['getRoot','name','destroy','view','editing','rootName','element','editor','render','bind','ready','editable','attachDomRoot','isFocused','setEditableElement'];(function(_0x5d5c82,_0x1ad7f6){const _0x2de100=function(_0x569beb){while(--_0x569beb){_0x5d5c82['push'](_0x5d5c82['shift']());}};_0x2de100(++_0x1ad7f6);}(_0x1ad7,0x1ec));const _0x2de1=function(_0x5d5c82,_0x1ad7f6){_0x5d5c82=_0x5d5c82-0x0;let _0x2de100=_0x1ad7[_0x5d5c82];return _0x2de100;};import{EditorUI as _0x43395d}from'ckeditor5/src/ui';import _0xa50d53 from'./commenteditoruiview';export default class Dt extends _0x43395d{constructor(_0x12959e){super(_0x12959e),this[_0x2de1('0x6')]=new _0xa50d53(_0x12959e['locale'],_0x12959e[_0x2de1('0x7')][_0x2de1('0x6')]);}get['element'](){return this['view'][_0x2de1('0x9')];}['init'](){const _0x1a7d35=this[_0x2de1('0xa')][_0x2de1('0x7')][_0x2de1('0x6')],_0x989f0e=this[_0x2de1('0x6')]['editable'],_0x5190c2=_0x1a7d35['document'][_0x2de1('0x3')]();_0x989f0e[_0x2de1('0x4')]=_0x5190c2[_0x2de1('0x8')],this[_0x2de1('0x6')][_0x2de1('0xb')]();const _0x268318=_0x989f0e[_0x2de1('0x9')];this[_0x2de1('0x2')](_0x989f0e['name'],_0x268318),this[_0x2de1('0x6')][_0x2de1('0xe')][_0x2de1('0xc')](_0x2de1('0x1'))['to'](this['focusTracker']),_0x1a7d35[_0x2de1('0x0')](_0x268318),this['fire'](_0x2de1('0xd'));}['destroy'](){super['destroy'](),this['view'][_0x2de1('0x5')]();}}

package/src/comments/ui/commenteditor/commenteditoruiview.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @module comments/comments/ui/commenteditor/commenteditoruiview
+ */
+import { InlineEditableUIView, EditorUIView, type ViewCollection } from 'ckeditor5/src/ui';
+import { type Locale } from 'ckeditor5/src/utils';
+import type { View } from 'ckeditor5/src/engine';
+export default class CommentEditorUIView extends EditorUIView {
+    /**
+     * Collection of the child views located in the main (`.ck-editor__main`)
+     * area of the UI.
+     */
+    readonly main: ViewCollection;
+    /**
+     * Editable UI view.
+     */
+    editable: InlineEditableUIView;
+    /**
+     * Creates an instance of the comments editor UI view.
+     *
+     * @param locale The locale instance.
+     * @param editingView The editing view instance this view is related to.
+     */
+    constructor(locale: Locale, editingView: View);
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+    /**
+     * Focusable interface required by a FocusCycler.
+     */
+    focus(): void;
+}

package/src/comments/ui/commenteditor/commenteditoruiview.js

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x562a=['focus','createCollection','extendTemplate','ck-voice-label','setTemplate','editable','text','ck-editor__main','comment','ck-editor','ck-editor__aria-label_','cke-editor__aria-label_','main','element','Comment\x20editor','add','render'];(function(_0x56c4cc,_0x562a3c){const _0x109f50=function(_0x58b786){while(--_0x58b786){_0x56c4cc['push'](_0x56c4cc['shift']());}};_0x109f50(++_0x562a3c);}(_0x562a,0x1d0));const _0x109f=function(_0x56c4cc,_0x562a3c){_0x56c4cc=_0x56c4cc-0x0;let _0x109f50=_0x562a[_0x56c4cc];return _0x109f50;};import{InlineEditableUIView as _0x260539,EditorUIView as _0x34d7e9,LabelView as _0x3a87f0}from'ckeditor5/src/ui';import{uid as _0x7a5fb2}from'ckeditor5/src/utils';import{getTranslation as _0x214614}from'../../../utils/common-translations';export default class Et extends _0x34d7e9{constructor(_0x560a4e,_0x519cee){super(_0x560a4e);const _0xbf1f1a=_0x7a5fb2();this[_0x109f('0x7')]=this[_0x109f('0xd')](),this[_0x109f('0x0')]=new _0x260539(_0x560a4e,_0x519cee),this['_voiceLabelView']=this['_createVoiceLabel'](_0xbf1f1a,_0x560a4e),this[_0x109f('0x10')]({'tag':'div','attributes':{'class':['ck-reset',_0x109f('0x4'),'ck-rounded-corners','ck-comment__input'],'role':_0x109f('0x3'),'dir':_0x560a4e['uiLanguageDirection'],'lang':_0x560a4e['uiLanguage'],'aria-labelledby':_0x109f('0x6')+_0xbf1f1a},'children':[this['_voiceLabelView'],{'tag':'div','attributes':{'class':_0x109f('0x2'),'role':'presentation'},'children':this[_0x109f('0x7')]}]});}[_0x109f('0xb')](){super[_0x109f('0xb')](),this[_0x109f('0x7')][_0x109f('0xa')](this[_0x109f('0x0')]);}[_0x109f('0xc')](){this[_0x109f('0x0')][_0x109f('0x8')][_0x109f('0xc')]();}['_createVoiceLabel'](_0x346ec0,_0x2d15a3){const _0x3c7735=new _0x3a87f0();return _0x3c7735[_0x109f('0x1')]=_0x214614(_0x2d15a3,_0x109f('0x9')),_0x3c7735[_0x109f('0xe')]({'attributes':{'id':_0x109f('0x5')+_0x346ec0,'class':_0x109f('0xf')}}),_0x3c7735;}}
+const _0x456b=['text','editable','div','createCollection','main','setTemplate','ck-comment__input','focus','presentation','Comment\x20editor','uiLanguageDirection','add','ck-rounded-corners','_createVoiceLabel','ck-voice-label','ck-editor__aria-label_','render','uiLanguage','extendTemplate','ck-editor__main','cke-editor__aria-label_','ck-reset','ck-editor'];(function(_0x4d3832,_0x456b23){const _0x42416e=function(_0x7015c){while(--_0x7015c){_0x4d3832['push'](_0x4d3832['shift']());}};_0x42416e(++_0x456b23);}(_0x456b,0x1a8));const _0x4241=function(_0x4d3832,_0x456b23){_0x4d3832=_0x4d3832-0x0;let _0x42416e=_0x456b[_0x4d3832];return _0x42416e;};import{InlineEditableUIView as _0xff886e,EditorUIView as _0x188c1d,LabelView as _0x29f472}from'ckeditor5/src/ui';import{uid as _0x5363eb}from'ckeditor5/src/utils';import{getTranslation as _0x4b26e6}from'../../../utils/common-translations';export default class Nt extends _0x188c1d{constructor(_0x3eaa62,_0x40768b){super(_0x3eaa62);const _0x21dea0=_0x5363eb();this['main']=this[_0x4241('0x10')](),this[_0x4241('0xe')]=new _0xff886e(_0x3eaa62,_0x40768b),this['_voiceLabelView']=this[_0x4241('0x3')](_0x21dea0,_0x3eaa62),this[_0x4241('0x12')]({'tag':_0x4241('0xf'),'attributes':{'class':[_0x4241('0xb'),_0x4241('0xc'),_0x4241('0x2'),_0x4241('0x13')],'role':'comment','dir':_0x3eaa62[_0x4241('0x0')],'lang':_0x3eaa62[_0x4241('0x7')],'aria-labelledby':_0x4241('0xa')+_0x21dea0},'children':[this['_voiceLabelView'],{'tag':_0x4241('0xf'),'attributes':{'class':_0x4241('0x9'),'role':_0x4241('0x15')},'children':this[_0x4241('0x11')]}]});}[_0x4241('0x6')](){super[_0x4241('0x6')](),this[_0x4241('0x11')][_0x4241('0x1')](this[_0x4241('0xe')]);}[_0x4241('0x14')](){this[_0x4241('0xe')]['element']['focus']();}[_0x4241('0x3')](_0xf645a0,_0x2370ab){const _0x414e03=new _0x29f472();return _0x414e03[_0x4241('0xd')]=_0x4b26e6(_0x2370ab,_0x4241('0x16')),_0x414e03[_0x4241('0x8')]({'attributes':{'id':_0x4241('0x5')+_0xf645a0,'class':_0x4241('0x4')}}),_0x414e03;}}

package/src/comments/ui/commentthreadcontroller.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @module comments/comments/ui/commentthreadcontroller
+ * @publicApi
+ */
+import type { CommentThread } from '../commentsrepository';
+import type BaseCommentThreadView from './view/basecommentthreadview';
+declare const CommentThreadController_base: {
+    new (): import("ckeditor5/src/utils").Observable;
+    prototype: import("ckeditor5/src/utils").Observable;
+};
+/**
+ * Controller for a comment thread.
+ *
+ * It takes a comment thread view, listens to events fired by that view and based on them performs actions on a comment thread model.
+ */
+export default class CommentThreadController extends CommentThreadController_base {
+    model: CommentThread;
+    view: BaseCommentThreadView;
+    /**
+     * @param model Comment thread model.
+     * @param view Comment thread view.
+     */
+    constructor(model: CommentThread, view: BaseCommentThreadView);
+    /**
+     * Submits the comment thread.
+     */
+    submit(): void;
+    /**
+     * Removes the comment thread.
+     */
+    remove(): void;
+    /**
+     * Resolves the comment thread.
+     */
+    resolve(): void;
+    /**
+     * Reopens the comment thread.
+     */
+    reopen(): void;
+    /**
+     * Adds a comment to the comment thread.
+     *
+     * @param commentContent Comment content.
+     */
+    addComment(commentContent: string): void;
+    /**
+     * Updates a comment that belongs to the comment thread.
+     *
+     * @param commentId Id of the comment to update.
+     * @param commentContent Updated comment content.
+     */
+    updateComment(commentId: string, commentContent: string): void;
+    /**
+     * Removes a comment from the comment thread.
+     *
+     * @param commentId Id of the comment to remove.
+     */
+    removeComment(commentId: string): void;
+    /**
+     * Destroys `CommentThreadController` instance.
+     */
+    destroy(): void;
+}
+export {};

package/src/comments/ui/commentthreadcontroller.js

@@ -20,4 +20,4 @@
  *
  *
  */
-var _0x374b=['remove','update','view','stopListening','addComment','getComment','removeComment','listenTo','destroy','removeCommentThread','model','updateComment'];(function(_0x5eb7b7,_0x374b97){var _0x3430f0=function(_0x324676){while(--_0x324676){_0x5eb7b7['push'](_0x5eb7b7['shift']());}};_0x3430f0(++_0x374b97);}(_0x374b,0x1f2));var _0x3430=function(_0x5eb7b7,_0x374b97){_0x5eb7b7=_0x5eb7b7-0x0;var _0x3430f0=_0x374b[_0x5eb7b7];return _0x3430f0;};import{ObservableMixin as _0x28b3c7,mix as _0x2bc0b1}from'ckeditor5/src/utils';export default class ot{constructor(_0x5a1330,_0x3eb4a5){this['model']=_0x5a1330,this[_0x3430('0x4')]['_isAttached']=!0x0,this[_0x3430('0x8')]=_0x3eb4a5,this[_0x3430('0x1')](_0x3eb4a5,_0x3430('0x3'),()=>this[_0x3430('0x6')]()),this['listenTo'](_0x3eb4a5,_0x3430('0xa'),(_0x2a8499,_0x594e99)=>this[_0x3430('0xa')](_0x594e99)),this['listenTo'](_0x3eb4a5,'updateComment',(_0x3e67c6,_0x1bc6cf,_0x5bc003)=>this[_0x3430('0x5')](_0x1bc6cf,_0x5bc003)),this['listenTo'](_0x3eb4a5,_0x3430('0x0'),(_0x243057,_0x56f969)=>this[_0x3430('0x0')](_0x56f969));}[_0x3430('0x6')](){this[_0x3430('0x4')][_0x3430('0x6')]();}[_0x3430('0xa')](_0x45b332){this[_0x3430('0x4')]['addComment']({'content':_0x45b332,'authorId':this[_0x3430('0x8')]['_localUser']['id']});}['updateComment'](_0x1d3f0f,_0x35dd26){this[_0x3430('0x4')][_0x3430('0xb')](_0x1d3f0f)[_0x3430('0x7')]({'content':_0x35dd26});}[_0x3430('0x0')](_0x519765){this['model'][_0x3430('0xb')](_0x519765)['remove']();}[_0x3430('0x2')](){this[_0x3430('0x9')](),this[_0x3430('0x4')]['_isAttached']=!0x1;}}_0x2bc0b1(ot,_0x28b3c7);
+var _0x5ced=['remove','reopenCommentThread','resolveCommentThread','listenTo','view','updateComment','_isAttached','_localUser','submitCommentThread','stopListening','reopen','submit','update','getComment','removeComment','resolve','removeCommentThread','model','addComment','isResolved'];(function(_0x41f304,_0x5cede3){var _0x1dab92=function(_0x4b695b){while(--_0x4b695b){_0x41f304['push'](_0x41f304['shift']());}};_0x1dab92(++_0x5cede3);}(_0x5ced,0x179));var _0x1dab=function(_0x41f304,_0x5cede3){_0x41f304=_0x41f304-0x0;var _0x1dab92=_0x5ced[_0x41f304];return _0x1dab92;};import{ObservableMixin as _0x2fcaf6}from'ckeditor5/src/utils';export default class at extends _0x2fcaf6(){constructor(_0x465a57,_0x2da391){super(),this[_0x1dab('0x0')]=_0x465a57,this['model'][_0x1dab('0x9')]=!0x0,this[_0x1dab('0x7')]=_0x2da391,this[_0x1dab('0x6')](_0x2da391,_0x1dab('0xb'),()=>this['submit']()),this[_0x1dab('0x6')](_0x2da391,_0x1dab('0x13'),()=>this['remove']()),this[_0x1dab('0x6')](_0x2da391,_0x1dab('0x5'),()=>this[_0x1dab('0x12')]()),this[_0x1dab('0x6')](_0x2da391,_0x1dab('0x4'),()=>this[_0x1dab('0xd')]()),this[_0x1dab('0x6')](_0x2da391,_0x1dab('0x1'),(_0xad713c,_0x43ff2c)=>this['addComment'](_0x43ff2c)),this[_0x1dab('0x6')](_0x2da391,_0x1dab('0x8'),(_0x472820,_0x5f9d43,_0x188912)=>this[_0x1dab('0x8')](_0x5f9d43,_0x188912)),this['listenTo'](_0x2da391,_0x1dab('0x11'),(_0x4137a7,_0x2b7bf3)=>this[_0x1dab('0x11')](_0x2b7bf3));}[_0x1dab('0xe')](){this[_0x1dab('0x0')][_0x1dab('0xe')]();}[_0x1dab('0x3')](){this[_0x1dab('0x0')][_0x1dab('0x3')]();}[_0x1dab('0x12')](){this[_0x1dab('0x0')][_0x1dab('0x2')]||this[_0x1dab('0x0')][_0x1dab('0x12')]();}['reopen'](){this['model'][_0x1dab('0x2')]&&this[_0x1dab('0x0')][_0x1dab('0xd')]();}[_0x1dab('0x1')](_0x386704){this[_0x1dab('0x0')][_0x1dab('0x1')]({'content':_0x386704,'authorId':this[_0x1dab('0x7')][_0x1dab('0xa')]['id']});}[_0x1dab('0x8')](_0x38f641,_0x4d6e29){this['model'][_0x1dab('0x10')](_0x38f641)[_0x1dab('0xf')]({'content':_0x4d6e29});}['removeComment'](_0x3d5ea8){this[_0x1dab('0x0')]['getComment'](_0x3d5ea8)[_0x1dab('0x3')]();}['destroy'](){this[_0x1dab('0xc')](),this[_0x1dab('0x0')]['_isAttached']=!0x1;}}

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

@@ -0,0 +1,108 @@
+/**
+ * @module comments/comments/ui/view/basecommentthreadview
+ * @publicApi
+ */
+import { View } from 'ckeditor5/src/ui';
+import type { Locale } from 'ckeditor5/src/utils';
+import CommentThreadInputView from './commentthreadinputview';
+import CommentsListView from './commentslistview';
+import CommentThreadHeaderView from './commentthreadheaderview';
+import type { User } from 'ckeditor5-collaboration/src/collaboration-core';
+import type { CommentThread } from '../../commentsrepository';
+import type { CommentThreadConfig } from '../../../config';
+/**
+ * An abstract comment thread view class that should be used as a base for comment thread view implementations.
+ * It provides some behaviors, flags and building blocks to use when creating a custom comment thread view class.
+ *
+ * For the usage examples check the {@glink features/collaboration/annotations/annotations-custom-view Custom annotation view} guide.
+ */
+export default class BaseCommentThreadView extends View {
+    locale: Locale;
+    /**
+     * Informs whether the comment thread view is in active state ("highlighted").
+     * A comment thread view is in this state when it is focused or was activated by the user in any other way.
+     *
+     * @observable
+     */
+    isActive: boolean;
+    /**
+     * Informs whether the comment thread has any changes that have not been saved.
+     *
+     * @observable
+     */
+    isDirty: boolean;
+    /**
+     * The number of comments.
+     *
+     * @observable
+     */
+    readonly length: number;
+    /**
+     * The list of comment views. It should be used as a part of the view template.
+     *
+     * @readonly
+     */
+    readonly commentsListView: CommentsListView;
+    /**
+     * The comment thread header. It should be used as a part of the view template.
+     * This header is used only for resolved comment threads.
+     *
+     * @readonly
+     */
+    readonly commentThreadHeaderView: CommentThreadHeaderView;
+    /**
+     * The comment input area view. It should be used as a part of the view template.
+     *
+     * @readonly
+     */
+    readonly commentThreadInputView: CommentThreadInputView;
+    /**
+     * @param locale The localization service instance.
+     * @param model The model on which the view will base.
+     * @param localUser The current local user.
+     * @param config Additional view configuration.
+     */
+    constructor(locale: Locale, model: CommentThread, localUser: User, config: CommentThreadConfig);
+    /**
+     * Focuses the view.
+     */
+    focus(): void;
+    /**
+     * @inheritDoc
+     */
+    destroy(): void;
+}
+/**
+ * Fired when a user created a first comment in the comment thread. Then the comment thread is submitted and saved.
+ *
+ * @eventName ~BaseCommentThreadView#submitCommentThread
+ */
+export type UISubmitCommentThreadEvent = {
+    name: 'submitCommentThread';
+    args: [];
+};
+/**
+ * Fired when a user performed an action that should lead to removing the comment thread.
+ *
+ * This event is not fired by default by any component created by `BaseCommentThreadView`.
+ * If you create a view class extending `BaseCommentThreadView`, you should provide
+ * a UI element that will fire this event.
+ *
+ * This event is fired by default when an empty comment thread view (with no comments)
+ * loses focus.
+ *
+ * @eventName ~BaseCommentThreadView#removeCommentThread
+ */
+export type UIRemoveCommentThreadEvent = {
+    name: 'removeCommentThread';
+    args: [];
+};
+/**
+ * Fired when a user performed an action that should lead to resolve the comment thread.
+ *
+ * @eventName ~BaseCommentThreadView#resolveCommentThread
+ */
+export type UIResolveCommentThreadEvent = {
+    name: 'resolveCommentThread';
+    args: [id: string];
+};

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

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x4f87=['cancel','placeholder','isReadOnly','_createCommentThreadInputView','set','focus','disabledSubmit','Reply...','assign','fire','element','length','commentThreadInputView','_config','addComment','stop','change:isActive','destroy','commentsListView','isDirty','removeComment','locale','value','_localUser','submit','hasDirtyComment','delegate','_model','commentInputView','updateComment','removeCommentThread','bind','isActive','Write\x20a\x20comment...'];(function(_0x5bb518,_0x4f87f3){const _0xd06874=function(_0x2453f6){while(--_0x2453f6){_0x5bb518['push'](_0x5bb518['shift']());}};_0xd06874(++_0x4f87f3);}(_0x4f87,0x1e5));const _0xd068=function(_0x5bb518,_0x4f87f3){_0x5bb518=_0x5bb518-0x0;let _0xd06874=_0x4f87[_0x5bb518];return _0xd06874;};import{View as _0x12b732}from'ckeditor5/src/ui';import _0x88cc88 from'./commentthreadinputview';import _0x11d658 from'./commentslistview';import{getTranslation as _0x3fb138}from'../../../utils/common-translations';export default class Rt extends _0x12b732{constructor(_0x538012,_0x392717,_0x42c1ef,_0x17dc66){super(_0x538012),this[_0xd068('0x1d')](_0xd068('0x17'),!0x1),this[_0xd068('0x1d')]('isDirty',!0x1),this[_0xd068('0x12')]=_0x392717,this[_0xd068('0xe')]=_0x42c1ef,this['_config']=_0x17dc66,this[_0xd068('0x9')]=new _0x11d658(_0x538012,_0x392717,Object[_0xd068('0x21')]({'CommentView':this[_0xd068('0x4')]['CommentView']},_0x17dc66)),this[_0xd068('0x9')]['delegate'](_0xd068('0xb'))['to'](this),this[_0xd068('0x9')][_0xd068('0x11')](_0xd068('0x14'))['to'](this),this[_0xd068('0x9')][_0xd068('0x16')](_0xd068('0x17'))['to'](this),this[_0xd068('0x1d')](_0xd068('0x2'),this['commentsListView'][_0xd068('0x2')]),this[_0xd068('0x16')](_0xd068('0x2'))['to'](this[_0xd068('0x9')],'length'),this[_0xd068('0x3')]=this['_createCommentThreadInputView'](),this['on'](_0xd068('0xb'),()=>this['focus']()),this[_0xd068('0x16')](_0xd068('0xa'))['to'](this[_0xd068('0x9')],_0xd068('0x10'),this[_0xd068('0x3')]['commentInputView'],_0xd068('0xd'),(_0xc55d26,_0x44cc22)=>_0xc55d26||!!_0x44cc22);}[_0xd068('0x1e')](){this[_0xd068('0x1')][_0xd068('0x1e')]();}[_0xd068('0x8')](){this['isDirty']=!0x1,this['commentsListView']['destroy'](),this[_0xd068('0x3')][_0xd068('0x8')](),super[_0xd068('0x8')]();}[_0xd068('0x1c')](){const _0x46f5ee=new _0x88cc88(this[_0xd068('0xc')],this[_0xd068('0xe')],this['_config']['editorConfig']),_0x236c10=_0x46f5ee[_0xd068('0x13')];return _0x46f5ee[_0xd068('0x16')]('showInput')['to'](this,'isActive',this[_0xd068('0x12')],_0xd068('0x1b'),_0x236c10,_0xd068('0xd'),(_0x20a792,_0x3183c1,_0x3141c0)=>!!_0x3141c0||_0x20a792&&!_0x3183c1),_0x236c10[_0xd068('0x16')](_0xd068('0x1a'))['to'](this,'length',_0x1b895=>_0x3fb138(this[_0xd068('0xc')],_0x1b895?_0xd068('0x20'):_0xd068('0x18'))),_0x236c10['on'](_0xd068('0xf'),(_0x2e4e34,_0x49a14d)=>{this['fire'](_0xd068('0x5'),_0x49a14d);}),_0x236c10['on'](_0xd068('0x19'),()=>{this[_0xd068('0x1e')]();}),_0x236c10['bind'](_0xd068('0x1f'))['to'](this[_0xd068('0x12')],'isReadOnly'),_0x236c10['on'](_0xd068('0x19'),_0x28a3c2=>{0x0==this[_0xd068('0x2')]&&(this[_0xd068('0x0')](_0xd068('0x15')),_0x28a3c2[_0xd068('0x6')]());}),this['on'](_0xd068('0x7'),(_0x12c58f,_0x47ccce,_0x176aed)=>{_0x176aed||this[_0xd068('0x2')]||_0x236c10['value']||this[_0xd068('0x0')](_0xd068('0x15'));}),_0x46f5ee;}}
+const _0x5223=['_config','commentsListView','locale','stop','commentInputView','isReadOnly','commentThreadHeaderView','value','Reply...','focus','removeCommentThread','assign','element','destroy','resolveCommentThread','submitCommentThread','disabledSubmit','isActive','resolvedAt','hasDirtyComment','length','isResolvable','_model','isDirty','delegate','set','updateComment','placeholder','reopenCommentThread','isSubmitted','Reply\x20to\x20reopen\x20discussion...','removeComment','_localUser','bind','change:isActive','_createCommentThreadInputView','CommentView','commentThreadInputView','isResolved','fire'];(function(_0x4aa25c,_0x522330){const _0x3fc8f8=function(_0x349173){while(--_0x349173){_0x4aa25c['push'](_0x4aa25c['shift']());}};_0x3fc8f8(++_0x522330);}(_0x5223,0x19d));const _0x3fc8=function(_0x4aa25c,_0x522330){_0x4aa25c=_0x4aa25c-0x0;let _0x3fc8f8=_0x5223[_0x4aa25c];return _0x3fc8f8;};import{View as _0x502322}from'ckeditor5/src/ui';import _0x401837 from'./commentthreadinputview';import _0x263b50 from'./commentslistview';import _0x140461 from'./commentthreadheaderview';import{getTranslation as _0x32663f}from'../../../utils/common-translations';export default class Rt extends _0x502322{constructor(_0x43ca49,_0x12a363,_0x3a705d,_0x4e3068){super(_0x43ca49),this[_0x3fc8('0xc')](_0x3fc8('0x4'),!0x1),this[_0x3fc8('0xc')](_0x3fc8('0xa'),!0x1),this[_0x3fc8('0x9')]=_0x12a363,this[_0x3fc8('0x13')]=_0x3a705d,this['_config']=_0x4e3068,this[_0x3fc8('0x21')]=new _0x140461(_0x43ca49,_0x12a363),this[_0x3fc8('0x21')]['delegate'](_0x3fc8('0xf'))['to'](this),this[_0x3fc8('0x1c')]=new _0x263b50(_0x43ca49,_0x12a363,Object[_0x3fc8('0x26')]({'CommentView':this[_0x3fc8('0x1b')][_0x3fc8('0x17')]},_0x4e3068)),this[_0x3fc8('0x1c')][_0x3fc8('0xb')](_0x3fc8('0x12'))['to'](this),this[_0x3fc8('0x1c')][_0x3fc8('0xb')](_0x3fc8('0xd'))['to'](this),this['commentsListView'][_0x3fc8('0xb')](_0x3fc8('0x1'))['to'](this),this[_0x3fc8('0x1c')]['bind'](_0x3fc8('0x4'))['to'](this),this['set']('length',this['commentsListView'][_0x3fc8('0x7')]),this['bind'](_0x3fc8('0x7'))['to'](this['commentsListView'],_0x3fc8('0x7')),this[_0x3fc8('0x18')]=this[_0x3fc8('0x16')](),this['on']('removeComment',()=>this[_0x3fc8('0x24')]()),this[_0x3fc8('0x14')](_0x3fc8('0xa'))['to'](this['commentsListView'],_0x3fc8('0x6'),this[_0x3fc8('0x18')][_0x3fc8('0x1f')],_0x3fc8('0x22'),(_0x2a5947,_0x576b7a)=>_0x2a5947||!!_0x576b7a);}[_0x3fc8('0x24')](){this[_0x3fc8('0x27')]['focus']();}[_0x3fc8('0x0')](){this['isDirty']=!0x1,this['commentsListView']['destroy'](),this[_0x3fc8('0x18')][_0x3fc8('0x0')](),super[_0x3fc8('0x0')]();}[_0x3fc8('0x16')](){const _0x5b7b95=new _0x401837(this[_0x3fc8('0x1d')],this[_0x3fc8('0x13')],this[_0x3fc8('0x1b')]['editorConfig']),_0x3c8969=_0x5b7b95[_0x3fc8('0x1f')];return _0x5b7b95[_0x3fc8('0x14')]('showInput')['to'](this,_0x3fc8('0x4'),this[_0x3fc8('0x9')],_0x3fc8('0x20'),this[_0x3fc8('0x9')],'isResolved',_0x3c8969,'value',(_0x4a6f99,_0x88696a,_0x2d767b,_0x354935)=>!!_0x354935||_0x2d767b||_0x4a6f99&&!_0x88696a),_0x3c8969[_0x3fc8('0x14')](_0x3fc8('0xe'))['to'](this,_0x3fc8('0x7'),this['_model'],_0x3fc8('0x8'),this[_0x3fc8('0x9')],_0x3fc8('0x5'),(_0x5706c4,_0x23139c,_0x5bff07)=>{let _0x56cadb;return _0x56cadb=_0x5bff07&&_0x23139c?_0x3fc8('0x11'):_0x5706c4?_0x3fc8('0x23'):'Write\x20a\x20comment...',_0x32663f(this['locale'],_0x56cadb);}),_0x3c8969['on']('submit',(_0x27ef87,_0x41d3b9)=>{this[_0x3fc8('0x1a')]('addComment',_0x41d3b9),this['_model'][_0x3fc8('0x19')]&&this['_model'][_0x3fc8('0x8')]&&this['fire'](_0x3fc8('0xf'),this[_0x3fc8('0x9')]['id']),this[_0x3fc8('0x9')][_0x3fc8('0x10')]||this[_0x3fc8('0x1a')](_0x3fc8('0x2'));}),_0x3c8969['on']('cancel',()=>{this[_0x3fc8('0x24')]();}),_0x3c8969[_0x3fc8('0x14')](_0x3fc8('0x3'))['to'](this[_0x3fc8('0x9')],_0x3fc8('0x20')),_0x3c8969['on']('cancel',_0x3376f6=>{0x0==this['length']&&(this[_0x3fc8('0x1a')](_0x3fc8('0x25')),_0x3376f6[_0x3fc8('0x1e')]());}),this['on'](_0x3fc8('0x15'),(_0x56cf13,_0x313540,_0x3e0d47)=>{_0x3e0d47||this[_0x3fc8('0x7')]||_0x3c8969[_0x3fc8('0x22')]||this['fire'](_0x3fc8('0x25'));}),_0x5b7b95;}}

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

@@ -0,0 +1,108 @@
+/**
+ * @module comments/comments/ui/view/basecommentview
+ * @publicApi
+ */
+import { View, type ViewCollection } from 'ckeditor5/src/ui';
+import type { Locale } from 'ckeditor5/src/utils';
+import type { Comment } from '../../commentsrepository';
+import type { CommentViewConfig } from '../../../config';
+/**
+ * An abstract comment view class that should be used as a base for comment view implementations.
+ *
+ * It provides some behaviors, flags and building blocks to use when creating a custom comment view class.
+ */
+export default class BaseCommentView extends View {
+    locale: Locale;
+    /**
+     * Informs whether the comment view is in the editing mode.
+     *
+     * @observable
+     */
+    isEditMode: boolean;
+    /**
+     * Flag indicating whether the comment view displays an actual comment (`false`) or is a system message (`true`).
+     * System message comment should not include any UI elements which allow for editing the comment as it is not an actual comment.
+     *
+     * @readonly
+     */
+    isSystemComment: boolean;
+    /**
+     * Stores the currently displayed sub-view.
+     *
+     * This is a collection that always includes one view: comment content view or comment input view.
+     * Depending whether the comment is in editing mode or not, one of the views is in the collection.
+     * When the comment mode changes, the content of this collection also changes.
+     *
+     * By default, the comment is in the "content mode" and this view collection stores the comment content view.
+     */
+    readonly visibleView: ViewCollection;
+    /**
+     * @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: Comment, config: CommentViewConfig);
+    /**
+     * Expands the view.
+     */
+    expand(): void;
+    /**
+     * Collapses the view.
+     */
+    collapse(): void;
+    /**
+     * Focuses the view.
+     */
+    focus(): void;
+    /**
+     * @inheritDoc
+     */
+    destroy(): Promise<void>;
+    /**
+     * Switches the comment to the editing mode.
+     */
+    switchToEditMode(): void;
+    /**
+     * Switches the comment back from the editing mode to the content display mode.
+     */
+    switchToDisplayMode(): void;
+}
+/**
+ * Fired when a user performed an action that should lead to creating a new comment in the comment thread.
+ *
+ * This event is fired by default when the comment input field of the comment thread is submitted.
+ *
+ * @eventName ~BaseCommentView#addComment
+ * @param content The content of the new comment.
+ */
+export type UIAddCommentEvent = {
+    name: 'addComment';
+    args: [content: string];
+};
+/**
+ * Fired when a user performed an action that should lead to updating the comment content.
+ *
+ * This event is fired by default when the comment input field of a comment is submitted.
+ *
+ * @param commentId The ID of the updated comment.
+ * @param commentContent The updated comment content.
+ * @eventName ~BaseCommentView#updateComment
+ */
+export type UIUpdateCommentEvent = {
+    name: 'updateComment';
+    args: [commentId: string, commentContent: string];
+};
+/**
+ * Fired when a user performed an action that should lead to removing a comment.
+ *
+ * This event is not fired by default by any component created by {@link module:comments/comments/ui/view/basecommentview~BaseCommentView}.
+ * If you create a view class extending {@link module:comments/comments/ui/view/basecommentview~BaseCommentView} you should provide
+ * a UI element that will fire this event.
+ *
+ * @param commentId The ID of the removed comment.
+ * @eventName ~BaseCommentView#removeComment
+ */
+export type UIRemoveCommentEvent = {
+    name: 'removeComment';
+    args: [commentId: string];
+};

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

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x4539=['set','editorConfig','element','createEditor','collapse','disabledSubmit','_createCommentContentView','_model','_config','maxCommentCharsWhenCollapsed','value','initialData','bind','content','focus','add','isReadOnly','switchToDisplayMode','locale','isCollapsed','get','visibleView','isEditMode','editorReady','switchToEditMode','expand','once','_createCommentInputView','destroy','fire','submit'];(function(_0x1036e2,_0x4539e4){const _0x1d387c=function(_0x44ef21){while(--_0x44ef21){_0x1036e2['push'](_0x1036e2['shift']());}};_0x1d387c(++_0x4539e4);}(_0x4539,0x68));const _0x1d38=function(_0x1036e2,_0x4539e4){_0x1036e2=_0x1036e2-0x0;let _0x1d387c=_0x4539[_0x1036e2];return _0x1d387c;};import{View as _0x130eae}from'ckeditor5/src/ui';import{trimHtml as _0x38d826}from'ckeditor5-collaboration/src/collaboration-core';import _0x222bf0 from'./commentcontentview';import _0x5d60c9 from'./commentinputview';export default class Gt extends _0x130eae{constructor(_0x27b2ad,_0x5482b1,_0x583154){super(_0x27b2ad),this[_0x1d38('0x1b')]=_0x5482b1,this['_config']=_0x583154,this[_0x1d38('0x14')](_0x1d38('0xb'),!0x1),this[_0x1d38('0x14')](_0x1d38('0x8'),!0x0),this[_0x1d38('0xa')]=this['createCollection'](),this[_0x1d38('0xa')][_0x1d38('0x4')](this['_createCommentContentView']());}[_0x1d38('0xe')](){this['isCollapsed']=!0x1;}[_0x1d38('0x18')](){this['isEditMode']||(this[_0x1d38('0x8')]=!0x0);}[_0x1d38('0x3')](){this[_0x1d38('0x16')][_0x1d38('0x3')]();}async[_0x1d38('0x11')](){await this[_0x1d38('0xa')][_0x1d38('0x9')](0x0)[_0x1d38('0x11')](),super['destroy']();}[_0x1d38('0xd')](){this[_0x1d38('0xb')]||(this[_0x1d38('0xb')]=!0x0,this[_0x1d38('0xa')]['remove'](0x0)[_0x1d38('0x11')](),this[_0x1d38('0xa')]['add'](this['_createCommentInputView']()));}[_0x1d38('0x6')](){this[_0x1d38('0xb')]&&(this[_0x1d38('0xb')]=!0x1,this['visibleView']['remove'](0x0)[_0x1d38('0x11')](),this[_0x1d38('0xa')][_0x1d38('0x4')](this[_0x1d38('0x1a')]()));}[_0x1d38('0x1a')](){const _0x54d3a3=new _0x222bf0(this['locale']);return _0x54d3a3['bind'](_0x1d38('0x2'))['to'](this[_0x1d38('0x1b')],'content',this,_0x1d38('0x8'),(_0x16ec12,_0x3177b4)=>_0x3177b4?_0x38d826(_0x16ec12,{'limit':this[_0x1d38('0x1c')][_0x1d38('0x1d')]}):_0x16ec12),_0x54d3a3;}[_0x1d38('0x10')](){this['_config'][_0x1d38('0x15')]||(this[_0x1d38('0x1c')][_0x1d38('0x15')]={}),this[_0x1d38('0x1c')][_0x1d38('0x15')][_0x1d38('0x0')]=this[_0x1d38('0x1b')][_0x1d38('0x2')];const _0x462ede=new _0x5d60c9(this[_0x1d38('0x7')],this['_config'][_0x1d38('0x15')]);return _0x462ede[_0x1d38('0x1e')]=this[_0x1d38('0x1b')][_0x1d38('0x2')],_0x462ede[_0x1d38('0x1')](_0x1d38('0x19'))['to'](this[_0x1d38('0x1b')],_0x1d38('0x5')),_0x462ede['on'](_0x1d38('0x13'),(_0x15260d,_0x223083)=>{this[_0x1d38('0x12')]('updateComment',this[_0x1d38('0x1b')]['id'],_0x223083),this[_0x1d38('0x6')](),this[_0x1d38('0x3')]();}),_0x462ede['on']('cancel',()=>{this[_0x1d38('0x6')](),this[_0x1d38('0x3')]();}),_0x462ede[_0x1d38('0xf')](_0x1d38('0xc'),()=>{_0x462ede[_0x1d38('0x3')]();}),_0x462ede[_0x1d38('0x17')](),_0x462ede;}}
+const _0x3003=['_config','_createCommentInputView','disabledSubmit','value','editorConfig','submit','createEditor','_model','element','createCollection','initialData','locale','switchToEditMode','get','fire','remove','bind','collapse','set','add','_createCommentContentView','content','switchToDisplayMode','isCollapsed','isEditMode','destroy','updateComment','visibleView','maxCommentCharsWhenCollapsed','focus','expand','once','isReadOnly','isSystemComment'];(function(_0x2f5cec,_0x3003ef){const _0x287b6c=function(_0x3af382){while(--_0x3af382){_0x2f5cec['push'](_0x2f5cec['shift']());}};_0x287b6c(++_0x3003ef);}(_0x3003,0x12b));const _0x287b=function(_0x2f5cec,_0x3003ef){_0x2f5cec=_0x2f5cec-0x0;let _0x287b6c=_0x3003[_0x2f5cec];return _0x287b6c;};import{View as _0x15c350}from'ckeditor5/src/ui';import{trimHtml as _0x162e32}from'ckeditor5-collaboration/src/collaboration-core';import _0x3e6cf5 from'./commentcontentview';import _0x5d5524 from'./commentinputview';export default class Xt extends _0x15c350{constructor(_0x4135f7,_0x235540,_0xd11112){super(_0x4135f7),this[_0x287b('0xe')]=_0x235540,this[_0x287b('0x7')]=_0xd11112,this[_0x287b('0x6')]=!!this[_0x287b('0x7')][_0x287b('0x6')],this[_0x287b('0x19')](_0x287b('0x1f'),!0x1),this[_0x287b('0x19')](_0x287b('0x1e'),!0x0),this[_0x287b('0x0')]=this[_0x287b('0x10')](),this[_0x287b('0x0')]['add'](this['_createCommentContentView']());}[_0x287b('0x3')](){this[_0x287b('0x1e')]=!0x1;}[_0x287b('0x18')](){this['isEditMode']||(this['isCollapsed']=!0x0);}['focus'](){this[_0x287b('0xf')]['focus']();}async[_0x287b('0x20')](){await this[_0x287b('0x0')][_0x287b('0x14')](0x0)[_0x287b('0x20')](),super['destroy']();}[_0x287b('0x13')](){this[_0x287b('0x1f')]||(this[_0x287b('0x1f')]=!0x0,this[_0x287b('0x0')][_0x287b('0x16')](0x0)['destroy'](),this[_0x287b('0x0')]['add'](this[_0x287b('0x8')]()));}[_0x287b('0x1d')](){this['isEditMode']&&(this[_0x287b('0x1f')]=!0x1,this[_0x287b('0x0')][_0x287b('0x16')](0x0)[_0x287b('0x20')](),this[_0x287b('0x0')][_0x287b('0x1a')](this[_0x287b('0x1b')]()));}[_0x287b('0x1b')](){const _0x54f18=new _0x3e6cf5(this[_0x287b('0x12')]);return _0x54f18[_0x287b('0x17')](_0x287b('0x1c'))['to'](this[_0x287b('0xe')],_0x287b('0x1c'),this,_0x287b('0x1e'),(_0x34542b,_0x15477b)=>_0x15477b?_0x162e32(_0x34542b,{'limit':this[_0x287b('0x7')][_0x287b('0x1')]}):_0x34542b),_0x54f18;}[_0x287b('0x8')](){this['_config'][_0x287b('0xb')]||(this[_0x287b('0x7')][_0x287b('0xb')]={}),this[_0x287b('0x7')][_0x287b('0xb')][_0x287b('0x11')]=this[_0x287b('0xe')][_0x287b('0x1c')];const _0x447781=new _0x5d5524(this[_0x287b('0x12')],this[_0x287b('0x7')][_0x287b('0xb')]);return _0x447781[_0x287b('0xa')]=this['_model'][_0x287b('0x1c')],_0x447781[_0x287b('0x17')](_0x287b('0x9'))['to'](this[_0x287b('0xe')],_0x287b('0x5')),_0x447781['on'](_0x287b('0xc'),(_0x240b1a,_0x45c63a)=>{this[_0x287b('0x15')](_0x287b('0x21'),this[_0x287b('0xe')]['id'],_0x45c63a),this['switchToDisplayMode'](),this[_0x287b('0x2')]();}),_0x447781['on']('cancel',()=>{this['switchToDisplayMode'](),this[_0x287b('0x2')]();}),_0x447781[_0x287b('0x4')]('editorReady',()=>{_0x447781[_0x287b('0x2')]();}),_0x447781[_0x287b('0xd')](),_0x447781;}}

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

@@ -0,0 +1,9 @@
+/**
+ * @module comments/comments/ui/view/collapsedcommentsview
+ */
+import { View } from 'ckeditor5/src/ui';
+import type { Locale } from 'ckeditor5/src/utils';
+export default class CollapsedCommentsView extends View {
+    count: number | undefined;
+    constructor(locale: Locale);
+}

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

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x2ea3=['count','setTemplate','bindTemplate','NUMBER_OF_COMMENTS'];(function(_0x5311d1,_0x2ea334){const _0x1e5cee=function(_0x4817e3){while(--_0x4817e3){_0x5311d1['push'](_0x5311d1['shift']());}};_0x1e5cee(++_0x2ea334);}(_0x2ea3,0x1c1));const _0x1e5c=function(_0x5311d1,_0x2ea334){_0x5311d1=_0x5311d1-0x0;let _0x1e5cee=_0x2ea3[_0x5311d1];return _0x1e5cee;};import{View as _0x20fcf0}from'ckeditor5/src/ui';import{getTranslation as _0x187678}from'../../../utils/common-translations';export default class Nt extends _0x20fcf0{constructor(_0x4b5ce9){super(_0x4b5ce9);const _0x1e44d3=this[_0x1e5c('0x1')];this['set']('count'),this[_0x1e5c('0x0')]({'tag':'li','attributes':{'class':'ck-thread__comment-count'},'children':[{'text':_0x1e44d3['to'](_0x1e5c('0x3'),_0x3c8bc6=>_0x187678(_0x4b5ce9,_0x1e5c('0x2'),_0x3c8bc6))}]});}}
+const _0x46fd=['NUMBER_OF_COMMENTS','count','setTemplate','bindTemplate','set','ck-thread__comment-count'];(function(_0x416142,_0x46fdf6){const _0x1c1859=function(_0x405f44){while(--_0x405f44){_0x416142['push'](_0x416142['shift']());}};_0x1c1859(++_0x46fdf6);}(_0x46fd,0x75));const _0x1c18=function(_0x416142,_0x46fdf6){_0x416142=_0x416142-0x0;let _0x1c1859=_0x46fd[_0x416142];return _0x1c1859;};import{View as _0x775240}from'ckeditor5/src/ui';import{getTranslation as _0x4aaed3}from'../../../utils/common-translations';export default class Yt extends _0x775240{constructor(_0x25f0b4){super(_0x25f0b4);const _0xcad456=this[_0x1c18('0x0')];this[_0x1c18('0x1')]('count',void 0x0),this[_0x1c18('0x5')]({'tag':'li','attributes':{'class':_0x1c18('0x2')},'children':[{'text':_0xcad456['to'](_0x1c18('0x4'),_0x406bc7=>_0x4aaed3(_0x25f0b4,_0x1c18('0x3'),_0x406bc7))}]});}}

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

@@ -0,0 +1,10 @@
+/**
+ * @module comments/comments/ui/view/commentcontentview
+ */
+import { View } from 'ckeditor5/src/ui';
+import type { Locale } from 'ckeditor5/src/utils';
+export default class CommentContentView extends View {
+    content: string;
+    constructor(locale: Locale);
+    render(): void;
+}

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

@@ -20,4 +20,4 @@
  *
  *
  */
-var _0x35c3=['innerHTML','setTemplate','div','ck-comment__content','render','element','content','set'];(function(_0x31f0eb,_0x35c355){var _0x5a934f=function(_0x3abcdd){while(--_0x3abcdd){_0x31f0eb['push'](_0x31f0eb['shift']());}};_0x5a934f(++_0x35c355);}(_0x35c3,0x135));var _0x5a93=function(_0x31f0eb,_0x35c355){_0x31f0eb=_0x31f0eb-0x0;var _0x5a934f=_0x35c3[_0x31f0eb];return _0x5a934f;};import{View as _0x3ac39a}from'ckeditor5/src/ui';export default class Tt extends _0x3ac39a{constructor(_0x288377){super(_0x288377),this[_0x5a93('0x2')](_0x5a93('0x1'),''),this[_0x5a93('0x4')]({'tag':_0x5a93('0x5'),'attributes':{'class':[_0x5a93('0x6'),'ck-annotation__content']}});}[_0x5a93('0x7')](){super[_0x5a93('0x7')](),this['on']('change:content',(_0x1a91c0,_0x10bd86,_0x5f48f4)=>{this[_0x5a93('0x0')]['innerHTML']=_0x5f48f4;}),this[_0x5a93('0x0')][_0x5a93('0x3')]=this['content'];}}
+var _0x5bfe=['ck-comment__content','set','change:content','element','render','innerHTML','content'];(function(_0x30bbaf,_0x5bfe0f){var _0x3248df=function(_0x21fdc8){while(--_0x21fdc8){_0x30bbaf['push'](_0x30bbaf['shift']());}};_0x3248df(++_0x5bfe0f);}(_0x5bfe,0x70));var _0x3248=function(_0x30bbaf,_0x5bfe0f){_0x30bbaf=_0x30bbaf-0x0;var _0x3248df=_0x5bfe[_0x30bbaf];return _0x3248df;};import{View as _0x440cba}from'ckeditor5/src/ui';export default class Ut extends _0x440cba{constructor(_0x34f59a){super(_0x34f59a),this[_0x3248('0x1')](_0x3248('0x6'),''),this['setTemplate']({'tag':'div','attributes':{'class':[_0x3248('0x0'),'ck-annotation__content']}});}[_0x3248('0x4')](){super[_0x3248('0x4')](),this['on'](_0x3248('0x2'),(_0x10a346,_0x5c2f5c,_0x909b3d)=>{this[_0x3248('0x3')][_0x3248('0x5')]=_0x909b3d;}),this['element']['innerHTML']=this['content'];}}