@ckeditor/ckeditor5-comments 38.1.1 → 38.2.0-alpha.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.js';
+import type { Locale } from 'ckeditor5/src/utils.js';
+import CommentThreadInputView from './commentthreadinputview.js';
+import CommentsListView from './commentslistview.js';
+import CommentThreadHeaderView from './commentthreadheaderview.js';
+import type { User } from 'ckeditor5-collaboration';
+import type { CommentThread } from '../../commentsrepository.js';
+import type { CommentThreadConfig } from '../../../config.js';
+/**
+ * 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 _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;}}
+const _0x7f08=['assign','Reply...','cancel','showInput','submit','isDirty','removeCommentThread','updateComment','hasDirtyComment','placeholder','commentThreadInputView','isResolved','focus','isActive','addComment','_createCommentThreadInputView','set','delegate','Reply','fire','bind','commentThreadHeaderView','Comment','_localUser','isReadOnly','length','isResolvable','editorConfig','CommentView','removeComment','_model','editorReady','isSubmitted','locale','destroy','disabledSubmit','value','stop','commentInputView','commentsListView','_config','reopenCommentThread','editorDestroyed'];(function(_0x286dd8,_0x7f08c7){const _0x60821d=function(_0x56fc0e){while(--_0x56fc0e){_0x286dd8['push'](_0x286dd8['shift']());}};_0x60821d(++_0x7f08c7);}(_0x7f08,0x10d));const _0x6082=function(_0x286dd8,_0x7f08c7){_0x286dd8=_0x286dd8-0x0;let _0x60821d=_0x7f08[_0x286dd8];return _0x60821d;};import{View as _0x43363f}from'ckeditor5/src/ui.js';import _0x4851bb from'./commentthreadinputview.js';import _0x159d60 from'./commentslistview.js';import _0x17b2a4 from'./commentthreadheaderview.js';import{getTranslation as _0x5c351a}from'../../../utils/common-translations.js';export default class Tt extends _0x43363f{constructor(_0x26cf1d,_0x3696f6,_0x5e3847,_0x3c39e9){super(_0x26cf1d),this[_0x6082('0x5')]('isActive',!0x1),this[_0x6082('0x5')](_0x6082('0x25'),!0x1),this[_0x6082('0x13')]=_0x3696f6,this[_0x6082('0xc')]=_0x5e3847,this['_config']=_0x3c39e9,this[_0x6082('0xa')]=new _0x17b2a4(_0x26cf1d,_0x3696f6),this['commentThreadHeaderView'][_0x6082('0x6')](_0x6082('0x1e'))['to'](this),this['commentsListView']=new _0x159d60(_0x26cf1d,_0x3696f6,Object[_0x6082('0x20')]({'CommentView':this[_0x6082('0x1d')][_0x6082('0x11')]},_0x3c39e9)),this[_0x6082('0x1c')][_0x6082('0x6')](_0x6082('0x12'))['to'](this),this['commentsListView']['delegate'](_0x6082('0x27'))['to'](this),this[_0x6082('0x1c')][_0x6082('0x6')]('resolveCommentThread')['to'](this),this[_0x6082('0x1c')][_0x6082('0x6')](_0x6082('0x14'))['to'](this),this[_0x6082('0x1c')][_0x6082('0x6')](_0x6082('0x1f'))['to'](this),this[_0x6082('0x1c')][_0x6082('0x9')](_0x6082('0x2'))['to'](this),this['set'](_0x6082('0xe'),this['commentsListView'][_0x6082('0xe')]),this[_0x6082('0x9')](_0x6082('0xe'))['to'](this[_0x6082('0x1c')],_0x6082('0xe')),this[_0x6082('0x2a')]=this['_createCommentThreadInputView'](),this['commentThreadInputView'][_0x6082('0x6')](_0x6082('0x14'))['to'](this),this[_0x6082('0x2a')][_0x6082('0x6')](_0x6082('0x1f'))['to'](this),this['on'](_0x6082('0x12'),()=>this[_0x6082('0x1')]()),this[_0x6082('0x9')](_0x6082('0x25'))['to'](this[_0x6082('0x1c')],_0x6082('0x28'),this['commentThreadInputView']['commentInputView'],_0x6082('0x19'),(_0x3b0e22,_0x5a3af2)=>_0x3b0e22||!!_0x5a3af2);}[_0x6082('0x1')](){this['element'][_0x6082('0x1')]();}['destroy'](){this[_0x6082('0x25')]=!0x1,this[_0x6082('0x1c')]['destroy'](),this[_0x6082('0x2a')][_0x6082('0x17')](),super[_0x6082('0x17')]();}[_0x6082('0x4')](){const _0x174838=new _0x4851bb(this['locale'],this[_0x6082('0xc')],this[_0x6082('0x1d')][_0x6082('0x10')]),_0x28e2fa=_0x174838[_0x6082('0x1b')];return _0x174838['bind'](_0x6082('0x23'))['to'](this,_0x6082('0x2'),this['_model'],_0x6082('0xd'),this[_0x6082('0x13')],_0x6082('0x0'),_0x28e2fa,_0x6082('0x19'),(_0x555cc5,_0x353c30,_0xfe2883,_0x476473)=>!!_0x476473||_0xfe2883&&!_0x353c30||_0x555cc5&&!_0x353c30),_0x28e2fa['bind'](_0x6082('0x29'))['to'](this,'length',this['_model'],_0x6082('0xf'),this[_0x6082('0x13')],_0x6082('0x0'),(_0x9051da,_0xd461ac,_0x4e6e7a)=>{let _0x34060e;return _0x34060e=_0x4e6e7a&&_0xd461ac?'Reply\x20to\x20reopen\x20discussion...':_0x9051da?_0x6082('0x21'):'Write\x20a\x20comment...',_0x5c351a(this[_0x6082('0x16')],_0x34060e);}),_0x28e2fa[_0x6082('0x9')]('submitLabel')['to'](this,'length',_0x523cf5=>_0x5c351a(this['locale'],_0x523cf5?_0x6082('0x7'):_0x6082('0xb'))),_0x28e2fa['on'](_0x6082('0x24'),(_0x294fdb,_0x402f3d)=>{this['fire'](_0x6082('0x3'),_0x402f3d),this['_model']['isResolved']&&this[_0x6082('0x13')]['isResolvable']&&this[_0x6082('0x8')](_0x6082('0x1e'),this[_0x6082('0x13')]['id']),this['_model'][_0x6082('0x15')]||this[_0x6082('0x8')]('submitCommentThread');}),_0x28e2fa['on'](_0x6082('0x22'),()=>{this[_0x6082('0x1')]();}),_0x28e2fa[_0x6082('0x9')](_0x6082('0x18'))['to'](this[_0x6082('0x13')],_0x6082('0xd')),_0x28e2fa['on'](_0x6082('0x22'),_0x547797=>{0x0==this[_0x6082('0xe')]&&(this['fire'](_0x6082('0x26')),_0x547797[_0x6082('0x1a')]());}),this['on']('change:isActive',(_0x21d6cd,_0x68ff79,_0x4f215e)=>{_0x4f215e||this['length']||_0x28e2fa[_0x6082('0x19')]||this[_0x6082('0x8')](_0x6082('0x26'));}),_0x174838;}}

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.js';
+import type { Locale } from 'ckeditor5/src/utils.js';
+import type { Comment } from '../../commentsrepository.js';
+import type { CommentViewConfig } from '../../../config.js';
+/**
+ * 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 _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;}}
+const _0x264d=['submit','switchToDisplayMode','isCollapsed','add','visibleView','maxCommentCharsWhenCollapsed','isReadOnly','collapse','once','set','content','editorReady','destroy','_createCommentInputView','fire','_createCommentContentView','_config','bind','focus','Save','expand','element','remove','get','createEditor','submitLabel','editorDestroyed','isSystemComment','isEditMode','disabledSubmit','_model','delegate','locale','editorConfig'];(function(_0x505f1e,_0x264d95){const _0xa9f4bd=function(_0x2ccda1){while(--_0x2ccda1){_0x505f1e['push'](_0x505f1e['shift']());}};_0xa9f4bd(++_0x264d95);}(_0x264d,0x1b5));const _0xa9f4=function(_0x505f1e,_0x264d95){_0x505f1e=_0x505f1e-0x0;let _0xa9f4bd=_0x264d[_0x505f1e];return _0xa9f4bd;};import{View as _0x187486}from'ckeditor5/src/ui.js';import{trimHtml as _0x178e8d}from'ckeditor5-collaboration';import _0x513c08 from'./commentcontentview.js';import _0x6ad2c6 from'./commentinputview.js';import{getTranslation as _0x1bd162}from'../../../utils/common-translations.js';export default class Yt extends _0x187486{constructor(_0x203ced,_0x4dbf55,_0x1ba9fa){super(_0x203ced),this[_0xa9f4('0x1')]=_0x4dbf55,this[_0xa9f4('0x15')]=_0x1ba9fa,this[_0xa9f4('0x20')]=!!this['_config'][_0xa9f4('0x20')],this[_0xa9f4('0xe')](_0xa9f4('0x21'),!0x1),this[_0xa9f4('0xe')](_0xa9f4('0x7'),!0x0),this[_0xa9f4('0x9')]=this['createCollection'](),this['visibleView'][_0xa9f4('0x8')](this['_createCommentContentView']());}[_0xa9f4('0x19')](){this[_0xa9f4('0x7')]=!0x1;}[_0xa9f4('0xc')](){this[_0xa9f4('0x21')]||(this[_0xa9f4('0x7')]=!0x0);}['focus'](){this[_0xa9f4('0x1a')][_0xa9f4('0x17')]();}async[_0xa9f4('0x11')](){await this[_0xa9f4('0x9')][_0xa9f4('0x1c')](0x0)[_0xa9f4('0x11')](),super[_0xa9f4('0x11')]();}['switchToEditMode'](){this[_0xa9f4('0x21')]||(this[_0xa9f4('0x21')]=!0x0,this[_0xa9f4('0x9')][_0xa9f4('0x1b')](0x0)[_0xa9f4('0x11')](),this[_0xa9f4('0x9')]['add'](this[_0xa9f4('0x12')]()));}[_0xa9f4('0x6')](){this[_0xa9f4('0x21')]&&(this['isEditMode']=!0x1,this[_0xa9f4('0x9')][_0xa9f4('0x1b')](0x0)[_0xa9f4('0x11')](),this[_0xa9f4('0x9')][_0xa9f4('0x8')](this[_0xa9f4('0x14')]()));}[_0xa9f4('0x14')](){const _0x5881b6=new _0x513c08(this[_0xa9f4('0x3')]);return _0x5881b6['bind'](_0xa9f4('0xf'))['to'](this[_0xa9f4('0x1')],'content',this,_0xa9f4('0x7'),(_0xa0037d,_0x2b7215)=>_0x2b7215?_0x178e8d(_0xa0037d,{'limit':this[_0xa9f4('0x15')][_0xa9f4('0xa')]}):_0xa0037d),_0x5881b6;}[_0xa9f4('0x12')](){this[_0xa9f4('0x15')]['editorConfig']||(this['_config'][_0xa9f4('0x4')]={}),this[_0xa9f4('0x15')][_0xa9f4('0x4')]['initialData']=this[_0xa9f4('0x1')][_0xa9f4('0xf')];const _0x37072b=new _0x6ad2c6(this['locale'],this['_config']['editorConfig']);return _0x37072b['value']=this[_0xa9f4('0x1')][_0xa9f4('0xf')],_0x37072b[_0xa9f4('0x16')](_0xa9f4('0x0'))['to'](this[_0xa9f4('0x1')],_0xa9f4('0xb')),_0x37072b[_0xa9f4('0x1e')]=_0x1bd162(this[_0xa9f4('0x3')],_0xa9f4('0x18')),_0x37072b['on'](_0xa9f4('0x5'),(_0x2bb7f3,_0xb57855)=>{this[_0xa9f4('0x13')]('updateComment',this[_0xa9f4('0x1')]['id'],_0xb57855),this[_0xa9f4('0x6')](),this[_0xa9f4('0x17')]();}),_0x37072b['on']('cancel',()=>{this[_0xa9f4('0x6')](),this[_0xa9f4('0x17')]();}),_0x37072b[_0xa9f4('0xd')](_0xa9f4('0x10'),()=>{_0x37072b[_0xa9f4('0x17')]();}),_0x37072b[_0xa9f4('0x1d')](),_0x37072b[_0xa9f4('0x2')](_0xa9f4('0x10'))['to'](this),_0x37072b[_0xa9f4('0x2')](_0xa9f4('0x1f'))['to'](this),_0x37072b;}}

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.js';
+import type { Locale } from 'ckeditor5/src/utils.js';
+export default class CollapsedCommentsView extends View {
+    count: number | undefined;
+    constructor(locale: Locale);
+}

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

@@ -20,4 +20,4 @@
  *
  *
  */
-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))}]});}}
+const _0x4379=['setTemplate','bindTemplate','count','set','NUMBER_OF_COMMENTS','ck-thread__comment-count'];(function(_0x329075,_0x4379e1){const _0x8d721a=function(_0x5655f0){while(--_0x5655f0){_0x329075['push'](_0x329075['shift']());}};_0x8d721a(++_0x4379e1);}(_0x4379,0x138));const _0x8d72=function(_0x329075,_0x4379e1){_0x329075=_0x329075-0x0;let _0x8d721a=_0x4379[_0x329075];return _0x8d721a;};import{View as _0x17b6cb}from'ckeditor5/src/ui.js';import{getTranslation as _0x1ee972}from'../../../utils/common-translations.js';export default class Zt extends _0x17b6cb{constructor(_0x5a6393){super(_0x5a6393);const _0x1db0a0=this[_0x8d72('0x1')];this[_0x8d72('0x3')](_0x8d72('0x2'),void 0x0),this[_0x8d72('0x0')]({'tag':'li','attributes':{'class':_0x8d72('0x5')},'children':[{'text':_0x1db0a0['to']('count',_0x4f8201=>_0x1ee972(_0x5a6393,_0x8d72('0x4'),_0x4f8201))}]});}}

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.js';
+import type { Locale } from 'ckeditor5/src/utils.js';
+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 _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'];}}
+var _0x3990=['element','setTemplate','div','content','set','render'];(function(_0x4faa1e,_0x399036){var _0x526331=function(_0x583847){while(--_0x583847){_0x4faa1e['push'](_0x4faa1e['shift']());}};_0x526331(++_0x399036);}(_0x3990,0x1b2));var _0x5263=function(_0x4faa1e,_0x399036){_0x4faa1e=_0x4faa1e-0x0;var _0x526331=_0x3990[_0x4faa1e];return _0x526331;};import{View as _0x25bf05}from'ckeditor5/src/ui.js';export default class Ut extends _0x25bf05{constructor(_0x31a186){super(_0x31a186),this[_0x5263('0x2')]('content',''),this[_0x5263('0x5')]({'tag':_0x5263('0x0'),'attributes':{'class':['ck-comment__content','ck-annotation__content']}});}[_0x5263('0x3')](){super[_0x5263('0x3')](),this['on']('change:content',(_0x57f9c2,_0x5de9a0,_0x536a8f)=>{this[_0x5263('0x4')]['innerHTML']=_0x536a8f;}),this[_0x5263('0x4')]['innerHTML']=this[_0x5263('0x1')];}}