@ckeditor/ckeditor5-comments 38.1.0 → 38.1.1

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

@@ -1,108 +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];
-};
+/**
+ * @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 _0x2d09=['isResolvable','isActive','value','commentThreadHeaderView','removeCommentThread','length','placeholder','Reply...','cancel','CommentView','Reply','isDirty','isResolved','isSubmitted','commentsListView','focus','reopenCommentThread','locale','assign','addComment','commentThreadInputView','_model','_createCommentThreadInputView','submitCommentThread','hasDirtyComment','element','_config','Reply\x20to\x20reopen\x20discussion...','destroy','editorConfig','set','isReadOnly','Comment','delegate','stop','bind','updateComment','resolveCommentThread','commentInputView','_localUser','fire','submitLabel','change:isActive','submit'];(function(_0x4fe2c9,_0x2d09b7){const _0xcacdd1=function(_0x224a2b){while(--_0x224a2b){_0x4fe2c9['push'](_0x4fe2c9['shift']());}};_0xcacdd1(++_0x2d09b7);}(_0x2d09,0x1b3));const _0xcacd=function(_0x4fe2c9,_0x2d09b7){_0x4fe2c9=_0x4fe2c9-0x0;let _0xcacdd1=_0x2d09[_0x4fe2c9];return _0xcacdd1;};import{View as _0x38dac9}from'ckeditor5/src/ui';import _0x1b7975 from'./commentthreadinputview';import _0x45f86f from'./commentslistview';import _0x31ab5b from'./commentthreadheaderview';import{getTranslation as _0x5b4f51}from'../../../utils/common-translations';export default class St extends _0x38dac9{constructor(_0x25d538,_0x2ea3d8,_0x3d6743,_0x516866){super(_0x25d538),this['set'](_0xcacd('0x6'),!0x1),this[_0xcacd('0x23')](_0xcacd('0x10'),!0x1),this[_0xcacd('0x1a')]=_0x2ea3d8,this[_0xcacd('0x0')]=_0x3d6743,this[_0xcacd('0x1f')]=_0x516866,this[_0xcacd('0x8')]=new _0x31ab5b(_0x25d538,_0x2ea3d8),this['commentThreadHeaderView'][_0xcacd('0x26')](_0xcacd('0x15'))['to'](this),this[_0xcacd('0x13')]=new _0x45f86f(_0x25d538,_0x2ea3d8,Object[_0xcacd('0x17')]({'CommentView':this[_0xcacd('0x1f')][_0xcacd('0xe')]},_0x516866)),this[_0xcacd('0x13')]['delegate']('removeComment')['to'](this),this[_0xcacd('0x13')][_0xcacd('0x26')](_0xcacd('0x29'))['to'](this),this[_0xcacd('0x13')]['delegate'](_0xcacd('0x2a'))['to'](this),this[_0xcacd('0x13')][_0xcacd('0x28')](_0xcacd('0x6'))['to'](this),this['set'](_0xcacd('0xa'),this[_0xcacd('0x13')][_0xcacd('0xa')]),this[_0xcacd('0x28')](_0xcacd('0xa'))['to'](this[_0xcacd('0x13')],_0xcacd('0xa')),this[_0xcacd('0x19')]=this[_0xcacd('0x1b')](),this['on']('removeComment',()=>this[_0xcacd('0x14')]()),this[_0xcacd('0x28')](_0xcacd('0x10'))['to'](this[_0xcacd('0x13')],_0xcacd('0x1d'),this[_0xcacd('0x19')][_0xcacd('0x2b')],'value',(_0x38d442,_0x51ccda)=>_0x38d442||!!_0x51ccda);}['focus'](){this[_0xcacd('0x1e')][_0xcacd('0x14')]();}[_0xcacd('0x21')](){this['isDirty']=!0x1,this['commentsListView'][_0xcacd('0x21')](),this['commentThreadInputView'][_0xcacd('0x21')](),super[_0xcacd('0x21')]();}['_createCommentThreadInputView'](){const _0x3e152c=new _0x1b7975(this[_0xcacd('0x16')],this[_0xcacd('0x0')],this[_0xcacd('0x1f')][_0xcacd('0x22')]),_0x1cc039=_0x3e152c['commentInputView'];return _0x3e152c[_0xcacd('0x28')]('showInput')['to'](this,_0xcacd('0x6'),this[_0xcacd('0x1a')],_0xcacd('0x24'),this[_0xcacd('0x1a')],'isResolved',_0x1cc039,_0xcacd('0x7'),(_0x521fa3,_0x14754a,_0x1a0c56,_0x2e9c3b)=>!!_0x2e9c3b||_0x1a0c56&&!_0x14754a||_0x521fa3&&!_0x14754a),_0x1cc039[_0xcacd('0x28')](_0xcacd('0xb'))['to'](this,_0xcacd('0xa'),this[_0xcacd('0x1a')],_0xcacd('0x5'),this[_0xcacd('0x1a')],_0xcacd('0x11'),(_0x1f0f3e,_0x8de57f,_0x551fb3)=>{let _0x46ecd0;return _0x46ecd0=_0x551fb3&&_0x8de57f?_0xcacd('0x20'):_0x1f0f3e?_0xcacd('0xc'):'Write\x20a\x20comment...',_0x5b4f51(this[_0xcacd('0x16')],_0x46ecd0);}),_0x1cc039[_0xcacd('0x28')](_0xcacd('0x2'))['to'](this,'length',_0x228485=>_0x5b4f51(this[_0xcacd('0x16')],_0x228485?_0xcacd('0xf'):_0xcacd('0x25'))),_0x1cc039['on'](_0xcacd('0x4'),(_0x38a876,_0x547c80)=>{this[_0xcacd('0x1')](_0xcacd('0x18'),_0x547c80),this['_model'][_0xcacd('0x11')]&&this[_0xcacd('0x1a')][_0xcacd('0x5')]&&this['fire']('reopenCommentThread',this['_model']['id']),this[_0xcacd('0x1a')][_0xcacd('0x12')]||this[_0xcacd('0x1')](_0xcacd('0x1c'));}),_0x1cc039['on'](_0xcacd('0xd'),()=>{this[_0xcacd('0x14')]();}),_0x1cc039['bind']('disabledSubmit')['to'](this[_0xcacd('0x1a')],_0xcacd('0x24')),_0x1cc039['on'](_0xcacd('0xd'),_0x3a4e91=>{0x0==this['length']&&(this['fire'](_0xcacd('0x9')),_0x3a4e91[_0xcacd('0x27')]());}),this['on'](_0xcacd('0x3'),(_0x4db267,_0x1c5077,_0x570ef0)=>{_0x570ef0||this['length']||_0x1cc039[_0xcacd('0x7')]||this['fire']('removeCommentThread');}),_0x3e152c;}}
+const _0x4b39=['isDirty','fire','resolveCommentThread','isActive','commentsListView','_config','_createCommentThreadInputView','_model','stop','reopenCommentThread','commentThreadHeaderView','value','disabledSubmit','isResolved','submit','updateComment','isReadOnly','delegate','addComment','element','set','removeCommentThread','submitCommentThread','Reply','Reply...','destroy','cancel','commentInputView','_localUser','focus','commentThreadInputView','placeholder','showInput','length','bind','removeComment','locale','Write\x20a\x20comment...','change:isActive','Comment','isSubmitted'];(function(_0x3f0ca7,_0x4b39d4){const _0x8b59d0=function(_0x56dcc5){while(--_0x56dcc5){_0x3f0ca7['push'](_0x3f0ca7['shift']());}};_0x8b59d0(++_0x4b39d4);}(_0x4b39,0x16d));const _0x8b59=function(_0x3f0ca7,_0x4b39d4){_0x3f0ca7=_0x3f0ca7-0x0;let _0x8b59d0=_0x4b39[_0x3f0ca7];return _0x8b59d0;};import{View as _0x33deca}from'ckeditor5/src/ui';import _0x2b9a52 from'./commentthreadinputview';import _0x369807 from'./commentslistview';import _0x311551 from'./commentthreadheaderview';import{getTranslation as _0x241351}from'../../../utils/common-translations';export default class St extends _0x33deca{constructor(_0x3a43cc,_0x4f10f5,_0xab7cc4,_0x122ad9){super(_0x3a43cc),this[_0x8b59('0x18')](_0x8b59('0x7'),!0x1),this[_0x8b59('0x18')](_0x8b59('0x4'),!0x1),this[_0x8b59('0xb')]=_0x4f10f5,this[_0x8b59('0x20')]=_0xab7cc4,this['_config']=_0x122ad9,this[_0x8b59('0xe')]=new _0x311551(_0x3a43cc,_0x4f10f5),this[_0x8b59('0xe')][_0x8b59('0x15')]('reopenCommentThread')['to'](this),this[_0x8b59('0x8')]=new _0x369807(_0x3a43cc,_0x4f10f5,Object['assign']({'CommentView':this[_0x8b59('0x9')]['CommentView']},_0x122ad9)),this[_0x8b59('0x8')]['delegate'](_0x8b59('0x27'))['to'](this),this['commentsListView']['delegate'](_0x8b59('0x13'))['to'](this),this[_0x8b59('0x8')][_0x8b59('0x15')](_0x8b59('0x6'))['to'](this),this[_0x8b59('0x8')][_0x8b59('0x26')](_0x8b59('0x7'))['to'](this),this['set'](_0x8b59('0x25'),this[_0x8b59('0x8')][_0x8b59('0x25')]),this[_0x8b59('0x26')]('length')['to'](this[_0x8b59('0x8')],'length'),this['commentThreadInputView']=this[_0x8b59('0xa')](),this['on']('removeComment',()=>this[_0x8b59('0x21')]()),this[_0x8b59('0x26')](_0x8b59('0x4'))['to'](this['commentsListView'],'hasDirtyComment',this[_0x8b59('0x22')][_0x8b59('0x1f')],'value',(_0x463b6b,_0x18e53e)=>_0x463b6b||!!_0x18e53e);}[_0x8b59('0x21')](){this[_0x8b59('0x17')][_0x8b59('0x21')]();}[_0x8b59('0x1d')](){this[_0x8b59('0x4')]=!0x1,this[_0x8b59('0x8')][_0x8b59('0x1d')](),this[_0x8b59('0x22')][_0x8b59('0x1d')](),super[_0x8b59('0x1d')]();}[_0x8b59('0xa')](){const _0x8ac476=new _0x2b9a52(this['locale'],this[_0x8b59('0x20')],this[_0x8b59('0x9')]['editorConfig']),_0x11ac09=_0x8ac476['commentInputView'];return _0x8ac476['bind'](_0x8b59('0x24'))['to'](this,_0x8b59('0x7'),this[_0x8b59('0xb')],_0x8b59('0x14'),this[_0x8b59('0xb')],'isResolved',_0x11ac09,_0x8b59('0xf'),(_0x50084b,_0x5b7e75,_0xe84677,_0x2e4927)=>!!_0x2e4927||_0xe84677&&!_0x5b7e75||_0x50084b&&!_0x5b7e75),_0x11ac09['bind'](_0x8b59('0x23'))['to'](this,_0x8b59('0x25'),this[_0x8b59('0xb')],'isResolvable',this[_0x8b59('0xb')],_0x8b59('0x11'),(_0x7abbca,_0x35d1f0,_0x483a4e)=>{let _0x328d66;return _0x328d66=_0x483a4e&&_0x35d1f0?'Reply\x20to\x20reopen\x20discussion...':_0x7abbca?_0x8b59('0x1c'):_0x8b59('0x0'),_0x241351(this[_0x8b59('0x28')],_0x328d66);}),_0x11ac09['bind']('submitLabel')['to'](this,_0x8b59('0x25'),_0x340452=>_0x241351(this[_0x8b59('0x28')],_0x340452?_0x8b59('0x1b'):_0x8b59('0x2'))),_0x11ac09['on'](_0x8b59('0x12'),(_0x1d2279,_0x1f70db)=>{this[_0x8b59('0x5')](_0x8b59('0x16'),_0x1f70db),this['_model']['isResolved']&&this['_model']['isResolvable']&&this[_0x8b59('0x5')](_0x8b59('0xd'),this[_0x8b59('0xb')]['id']),this[_0x8b59('0xb')][_0x8b59('0x3')]||this[_0x8b59('0x5')](_0x8b59('0x1a'));}),_0x11ac09['on'](_0x8b59('0x1e'),()=>{this[_0x8b59('0x21')]();}),_0x11ac09[_0x8b59('0x26')](_0x8b59('0x10'))['to'](this['_model'],_0x8b59('0x14')),_0x11ac09['on']('cancel',_0x2caf79=>{0x0==this['length']&&(this[_0x8b59('0x5')](_0x8b59('0x19')),_0x2caf79[_0x8b59('0xc')]());}),this['on'](_0x8b59('0x1'),(_0x23ddbb,_0x3f703e,_0x30d7cc)=>{_0x30d7cc||this[_0x8b59('0x25')]||_0x11ac09[_0x8b59('0xf')]||this[_0x8b59('0x5')](_0x8b59('0x19'));}),_0x8ac476;}}

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

@@ -1,108 +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];
-};
+/**
+ * @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 _0x4fb3=['_createCommentContentView','content','add','locale','isSystemComment','bind','cancel','remove','visibleView','updateComment','collapse','isEditMode','editorReady','get','destroy','once','createEditor','value','element','isCollapsed','switchToEditMode','_config','Save','focus','set','initialData','disabledSubmit','maxCommentCharsWhenCollapsed','editorConfig','expand','switchToDisplayMode','_model'];(function(_0x14b4cb,_0x4fb318){const _0x5bbdb0=function(_0x1478ae){while(--_0x1478ae){_0x14b4cb['push'](_0x14b4cb['shift']());}};_0x5bbdb0(++_0x4fb318);}(_0x4fb3,0xbb));const _0x5bbd=function(_0x14b4cb,_0x4fb318){_0x14b4cb=_0x14b4cb-0x0;let _0x5bbdb0=_0x4fb3[_0x14b4cb];return _0x5bbdb0;};import{View as _0xab871e}from'ckeditor5/src/ui';import{trimHtml as _0x5ad76d}from'ckeditor5-collaboration/src/collaboration-core';import _0x133291 from'./commentcontentview';import _0x4016ca from'./commentinputview';import{getTranslation as _0x4c3a5c}from'../../../utils/common-translations';export default class Zt extends _0xab871e{constructor(_0x53946b,_0x4266ba,_0x5a9a4d){super(_0x53946b),this[_0x5bbd('0x4')]=_0x4266ba,this[_0x5bbd('0x1a')]=_0x5a9a4d,this[_0x5bbd('0x9')]=!!this['_config']['isSystemComment'],this[_0x5bbd('0x1d')]('isEditMode',!0x1),this[_0x5bbd('0x1d')]('isCollapsed',!0x0),this[_0x5bbd('0xd')]=this['createCollection'](),this['visibleView'][_0x5bbd('0x7')](this['_createCommentContentView']());}[_0x5bbd('0x2')](){this[_0x5bbd('0x18')]=!0x1;}[_0x5bbd('0xf')](){this[_0x5bbd('0x10')]||(this[_0x5bbd('0x18')]=!0x0);}[_0x5bbd('0x1c')](){this[_0x5bbd('0x17')]['focus']();}async[_0x5bbd('0x13')](){await this[_0x5bbd('0xd')][_0x5bbd('0x12')](0x0)[_0x5bbd('0x13')](),super[_0x5bbd('0x13')]();}[_0x5bbd('0x19')](){this[_0x5bbd('0x10')]||(this[_0x5bbd('0x10')]=!0x0,this[_0x5bbd('0xd')][_0x5bbd('0xc')](0x0)[_0x5bbd('0x13')](),this['visibleView'][_0x5bbd('0x7')](this['_createCommentInputView']()));}[_0x5bbd('0x3')](){this[_0x5bbd('0x10')]&&(this[_0x5bbd('0x10')]=!0x1,this[_0x5bbd('0xd')][_0x5bbd('0xc')](0x0)['destroy'](),this[_0x5bbd('0xd')][_0x5bbd('0x7')](this[_0x5bbd('0x5')]()));}[_0x5bbd('0x5')](){const _0x15bcd2=new _0x133291(this[_0x5bbd('0x8')]);return _0x15bcd2[_0x5bbd('0xa')](_0x5bbd('0x6'))['to'](this[_0x5bbd('0x4')],_0x5bbd('0x6'),this,'isCollapsed',(_0x1aa1a9,_0x387185)=>_0x387185?_0x5ad76d(_0x1aa1a9,{'limit':this[_0x5bbd('0x1a')][_0x5bbd('0x0')]}):_0x1aa1a9),_0x15bcd2;}['_createCommentInputView'](){this[_0x5bbd('0x1a')][_0x5bbd('0x1')]||(this[_0x5bbd('0x1a')]['editorConfig']={}),this['_config'][_0x5bbd('0x1')][_0x5bbd('0x1e')]=this[_0x5bbd('0x4')][_0x5bbd('0x6')];const _0x4b110a=new _0x4016ca(this[_0x5bbd('0x8')],this[_0x5bbd('0x1a')]['editorConfig']);return _0x4b110a[_0x5bbd('0x16')]=this['_model'][_0x5bbd('0x6')],_0x4b110a['bind'](_0x5bbd('0x1f'))['to'](this['_model'],'isReadOnly'),_0x4b110a['submitLabel']=_0x4c3a5c(this[_0x5bbd('0x8')],_0x5bbd('0x1b')),_0x4b110a['on']('submit',(_0x17e623,_0x548bed)=>{this['fire'](_0x5bbd('0xe'),this[_0x5bbd('0x4')]['id'],_0x548bed),this[_0x5bbd('0x3')](),this[_0x5bbd('0x1c')]();}),_0x4b110a['on'](_0x5bbd('0xb'),()=>{this[_0x5bbd('0x3')](),this[_0x5bbd('0x1c')]();}),_0x4b110a[_0x5bbd('0x14')](_0x5bbd('0x11'),()=>{_0x4b110a[_0x5bbd('0x1c')]();}),_0x4b110a[_0x5bbd('0x15')](),_0x4b110a;}}
+const _0x2b86=['disabledSubmit','createEditor','isEditMode','_createCommentContentView','destroy','updateComment','isCollapsed','editorReady','set','initialData','isSystemComment','add','focus','locale','switchToEditMode','content','once','_model','submit','fire','visibleView','bind','Save','value','_createCommentInputView','isReadOnly','editorConfig','switchToDisplayMode','remove','submitLabel','_config'];(function(_0x3bfe2e,_0x2b860c){const _0x3c4c15=function(_0x426a71){while(--_0x426a71){_0x3bfe2e['push'](_0x3bfe2e['shift']());}};_0x3c4c15(++_0x2b860c);}(_0x2b86,0x160));const _0x3c4c=function(_0x3bfe2e,_0x2b860c){_0x3bfe2e=_0x3bfe2e-0x0;let _0x3c4c15=_0x2b86[_0x3bfe2e];return _0x3c4c15;};import{View as _0x14002d}from'ckeditor5/src/ui';import{trimHtml as _0x2eba70}from'ckeditor5-collaboration/src/collaboration-core';import _0x5bd04b from'./commentcontentview';import _0x38db30 from'./commentinputview';import{getTranslation as _0x492346}from'../../../utils/common-translations';export default class Zt extends _0x14002d{constructor(_0x5cc51a,_0x3f0e2c,_0x1016d7){super(_0x5cc51a),this[_0x3c4c('0x6')]=_0x3f0e2c,this[_0x3c4c('0x13')]=_0x1016d7,this['isSystemComment']=!!this['_config'][_0x3c4c('0x1e')],this['set'](_0x3c4c('0x16'),!0x1),this[_0x3c4c('0x1c')]('isCollapsed',!0x0),this[_0x3c4c('0x9')]=this['createCollection'](),this[_0x3c4c('0x9')][_0x3c4c('0x0')](this['_createCommentContentView']());}['expand'](){this[_0x3c4c('0x1a')]=!0x1;}['collapse'](){this['isEditMode']||(this[_0x3c4c('0x1a')]=!0x0);}[_0x3c4c('0x1')](){this['element'][_0x3c4c('0x1')]();}async[_0x3c4c('0x18')](){await this[_0x3c4c('0x9')]['get'](0x0)[_0x3c4c('0x18')](),super[_0x3c4c('0x18')]();}[_0x3c4c('0x3')](){this[_0x3c4c('0x16')]||(this[_0x3c4c('0x16')]=!0x0,this[_0x3c4c('0x9')]['remove'](0x0)[_0x3c4c('0x18')](),this[_0x3c4c('0x9')][_0x3c4c('0x0')](this[_0x3c4c('0xd')]()));}[_0x3c4c('0x10')](){this['isEditMode']&&(this[_0x3c4c('0x16')]=!0x1,this[_0x3c4c('0x9')][_0x3c4c('0x11')](0x0)[_0x3c4c('0x18')](),this[_0x3c4c('0x9')][_0x3c4c('0x0')](this[_0x3c4c('0x17')]()));}[_0x3c4c('0x17')](){const _0xb69846=new _0x5bd04b(this[_0x3c4c('0x2')]);return _0xb69846[_0x3c4c('0xa')](_0x3c4c('0x4'))['to'](this['_model'],_0x3c4c('0x4'),this,_0x3c4c('0x1a'),(_0x45f8b8,_0x34ad36)=>_0x34ad36?_0x2eba70(_0x45f8b8,{'limit':this[_0x3c4c('0x13')]['maxCommentCharsWhenCollapsed']}):_0x45f8b8),_0xb69846;}['_createCommentInputView'](){this[_0x3c4c('0x13')][_0x3c4c('0xf')]||(this[_0x3c4c('0x13')]['editorConfig']={}),this[_0x3c4c('0x13')][_0x3c4c('0xf')][_0x3c4c('0x1d')]=this[_0x3c4c('0x6')][_0x3c4c('0x4')];const _0x3d4ce8=new _0x38db30(this[_0x3c4c('0x2')],this[_0x3c4c('0x13')]['editorConfig']);return _0x3d4ce8[_0x3c4c('0xc')]=this[_0x3c4c('0x6')][_0x3c4c('0x4')],_0x3d4ce8[_0x3c4c('0xa')](_0x3c4c('0x14'))['to'](this[_0x3c4c('0x6')],_0x3c4c('0xe')),_0x3d4ce8[_0x3c4c('0x12')]=_0x492346(this['locale'],_0x3c4c('0xb')),_0x3d4ce8['on'](_0x3c4c('0x7'),(_0x9e3841,_0x197764)=>{this[_0x3c4c('0x8')](_0x3c4c('0x19'),this[_0x3c4c('0x6')]['id'],_0x197764),this[_0x3c4c('0x10')](),this[_0x3c4c('0x1')]();}),_0x3d4ce8['on']('cancel',()=>{this[_0x3c4c('0x10')](),this[_0x3c4c('0x1')]();}),_0x3d4ce8[_0x3c4c('0x5')](_0x3c4c('0x1b'),()=>{_0x3d4ce8[_0x3c4c('0x1')]();}),_0x3d4ce8[_0x3c4c('0x15')](),_0x3d4ce8;}}

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

@@ -1,9 +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);
-}
+/**
+ * @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 _0x545e=['NUMBER_OF_COMMENTS','count','bindTemplate'];(function(_0x544e09,_0x545e62){const _0x38d6be=function(_0x4b0300){while(--_0x4b0300){_0x544e09['push'](_0x544e09['shift']());}};_0x38d6be(++_0x545e62);}(_0x545e,0x1c6));const _0x38d6=function(_0x544e09,_0x545e62){_0x544e09=_0x544e09-0x0;let _0x38d6be=_0x545e[_0x544e09];return _0x38d6be;};import{View as _0x580121}from'ckeditor5/src/ui';import{getTranslation as _0x469b13}from'../../../utils/common-translations';export default class to extends _0x580121{constructor(_0x3f12f9){super(_0x3f12f9);const _0x59ab81=this[_0x38d6('0x1')];this['set'](_0x38d6('0x0'),void 0x0),this['setTemplate']({'tag':'li','attributes':{'class':'ck-thread__comment-count'},'children':[{'text':_0x59ab81['to'](_0x38d6('0x0'),_0xc0a348=>_0x469b13(_0x3f12f9,_0x38d6('0x2'),_0xc0a348))}]});}}
+const _0x2eff=['setTemplate','set','NUMBER_OF_COMMENTS','count','bindTemplate'];(function(_0xc33260,_0x2eff0f){const _0x15b572=function(_0x1f1c72){while(--_0x1f1c72){_0xc33260['push'](_0xc33260['shift']());}};_0x15b572(++_0x2eff0f);}(_0x2eff,0x97));const _0x15b5=function(_0xc33260,_0x2eff0f){_0xc33260=_0xc33260-0x0;let _0x15b572=_0x2eff[_0xc33260];return _0x15b572;};import{View as _0x414714}from'ckeditor5/src/ui';import{getTranslation as _0x39e6e2}from'../../../utils/common-translations';export default class to extends _0x414714{constructor(_0x369612){super(_0x369612);const _0x4e9996=this[_0x15b5('0x3')];this[_0x15b5('0x0')](_0x15b5('0x2'),void 0x0),this[_0x15b5('0x4')]({'tag':'li','attributes':{'class':'ck-thread__comment-count'},'children':[{'text':_0x4e9996['to'](_0x15b5('0x2'),_0x47ac80=>_0x39e6e2(_0x369612,_0x15b5('0x1'),_0x47ac80))}]});}}

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

@@ -1,10 +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;
-}
+/**
+ * @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 _0x111e=['set','innerHTML','ck-annotation__content','render','element','change:content','ck-comment__content','setTemplate'];(function(_0x108b18,_0x111e11){var _0x1e2742=function(_0x5ef97e){while(--_0x5ef97e){_0x108b18['push'](_0x108b18['shift']());}};_0x1e2742(++_0x111e11);}(_0x111e,0x68));var _0x1e27=function(_0x108b18,_0x111e11){_0x108b18=_0x108b18-0x0;var _0x1e2742=_0x111e[_0x108b18];return _0x1e2742;};import{View as _0x557d37}from'ckeditor5/src/ui';export default class Xt extends _0x557d37{constructor(_0x374d32){super(_0x374d32),this[_0x1e27('0x0')]('content',''),this[_0x1e27('0x7')]({'tag':'div','attributes':{'class':[_0x1e27('0x6'),_0x1e27('0x2')]}});}[_0x1e27('0x3')](){super[_0x1e27('0x3')](),this['on'](_0x1e27('0x5'),(_0x493f9e,_0x57f5af,_0x3eeeae)=>{this[_0x1e27('0x4')][_0x1e27('0x1')]=_0x3eeeae;}),this[_0x1e27('0x4')][_0x1e27('0x1')]=this['content'];}}
+var _0x2cdf=['innerHTML','ck-annotation__content','set','render','content','setTemplate','element','div'];(function(_0x3e9aa8,_0x2cdf7c){var _0x7e6698=function(_0x87b1d2){while(--_0x87b1d2){_0x3e9aa8['push'](_0x3e9aa8['shift']());}};_0x7e6698(++_0x2cdf7c);}(_0x2cdf,0x16b));var _0x7e66=function(_0x3e9aa8,_0x2cdf7c){_0x3e9aa8=_0x3e9aa8-0x0;var _0x7e6698=_0x2cdf[_0x3e9aa8];return _0x7e6698;};import{View as _0x55bbde}from'ckeditor5/src/ui';export default class Xt extends _0x55bbde{constructor(_0x3d876e){super(_0x3d876e),this[_0x7e66('0x7')](_0x7e66('0x1'),''),this[_0x7e66('0x2')]({'tag':_0x7e66('0x4'),'attributes':{'class':['ck-comment__content',_0x7e66('0x6')]}});}[_0x7e66('0x0')](){super[_0x7e66('0x0')](),this['on']('change:content',(_0x2f2787,_0x3535b8,_0x258d60)=>{this[_0x7e66('0x3')][_0x7e66('0x5')]=_0x258d60;}),this[_0x7e66('0x3')]['innerHTML']=this['content'];}}