@ckeditor/ckeditor5-comments 39.0.1 → 40.0.0

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

@@ -1,112 +1,119 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @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];
-};
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @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 view is in unlinked state.
+     * A comment thread view is in this state when its corresponding target has been removed from the content.
+     *
+     * @observable
+     */
+    isUnlinked: 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(): Promise<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 _0x4e95=['value','editorDestroyed','addComment','removeComment','placeholder','commentThreadHeaderView','isResolvable','submit','isSubmitted','bind','editorConfig','change:isActive','assign','showInput','locale','_model','destroy','_config','submitCommentThread','focus','canComment','updateComment','resolveCommentThread','cancel','Write\x20a\x20comment...','Reply','_localUser','disabledSubmit','commentsListView','stop','isResolved','isActive','set','commentInputView','CommentView','length','reopenCommentThread','fire','removeCommentThread','editorReady','isReadOnly','delegate','commentThreadInputView','isDirty','Comment'];(function(_0x3dc067,_0x4e95cc){const _0x9b64cb=function(_0x2b5fbd){while(--_0x2b5fbd){_0x3dc067['push'](_0x3dc067['shift']());}};_0x9b64cb(++_0x4e95cc);}(_0x4e95,0x167));const _0x9b64=function(_0x3dc067,_0x4e95cc){_0x3dc067=_0x3dc067-0x0;let _0x9b64cb=_0x4e95[_0x3dc067];return _0x9b64cb;};import{View as _0xcf3971}from'ckeditor5/src/ui';import _0x1c29da from'./commentthreadinputview';import _0x243af0 from'./commentslistview';import _0x40fd57 from'./commentthreadheaderview';import{getTranslation as _0x3b5300}from'../../../utils/common-translations';export default class Tt extends _0xcf3971{constructor(_0x238ef6,_0x1eeefa,_0x2a89ed,_0x167e9d){super(_0x238ef6),this[_0x9b64('0x21')](_0x9b64('0x20'),!0x1),this[_0x9b64('0x21')]('isDirty',!0x1),this[_0x9b64('0x10')]=_0x1eeefa,this[_0x9b64('0x1b')]=_0x2a89ed,this['_config']=_0x167e9d,this[_0x9b64('0x6')]=new _0x40fd57(_0x238ef6,_0x1eeefa),this['commentThreadHeaderView'][_0x9b64('0x2a')]('reopenCommentThread')['to'](this),this[_0x9b64('0x1d')]=new _0x243af0(_0x238ef6,_0x1eeefa,Object[_0x9b64('0xd')]({'CommentView':this['_config'][_0x9b64('0x23')]},_0x167e9d)),this[_0x9b64('0x1d')]['delegate'](_0x9b64('0x4'))['to'](this),this[_0x9b64('0x1d')][_0x9b64('0x2a')](_0x9b64('0x16'))['to'](this),this[_0x9b64('0x1d')]['delegate'](_0x9b64('0x17'))['to'](this),this['commentsListView']['delegate']('editorReady')['to'](this),this['commentsListView'][_0x9b64('0x2a')](_0x9b64('0x2'))['to'](this),this[_0x9b64('0x1d')][_0x9b64('0xa')](_0x9b64('0x20'))['to'](this),this['set']('length',this[_0x9b64('0x1d')][_0x9b64('0x24')]),this[_0x9b64('0xa')](_0x9b64('0x24'))['to'](this[_0x9b64('0x1d')],_0x9b64('0x24')),this[_0x9b64('0x2b')]=this['_createCommentThreadInputView'](),this[_0x9b64('0x2b')][_0x9b64('0x2a')](_0x9b64('0x28'))['to'](this),this['commentThreadInputView']['delegate'](_0x9b64('0x2'))['to'](this),this['on'](_0x9b64('0x4'),()=>this[_0x9b64('0x14')]()),this[_0x9b64('0xa')](_0x9b64('0x2c'))['to'](this[_0x9b64('0x1d')],'hasDirtyComment',this['commentThreadInputView'][_0x9b64('0x22')],_0x9b64('0x1'),(_0x540c6f,_0x1cf7db)=>_0x540c6f||!!_0x1cf7db);}['focus'](){this['element'][_0x9b64('0x14')]();}[_0x9b64('0x11')](){this[_0x9b64('0x2c')]=!0x1,this[_0x9b64('0x1d')][_0x9b64('0x11')](),this[_0x9b64('0x2b')][_0x9b64('0x11')](),super[_0x9b64('0x11')]();}['_createCommentThreadInputView'](){const _0x116dfa=new _0x1c29da(this[_0x9b64('0xf')],this['_localUser'],this[_0x9b64('0x12')][_0x9b64('0xb')]),_0x5a0ea9=_0x116dfa['commentInputView'];return _0x116dfa[_0x9b64('0xa')](_0x9b64('0xe'))['to'](this,'isActive',this['_model'],_0x9b64('0x29'),this[_0x9b64('0x10')],_0x9b64('0x15'),this[_0x9b64('0x10')],_0x9b64('0x1f'),_0x5a0ea9,_0x9b64('0x1'),(_0x5e26c2,_0x5a9c16,_0x377a40,_0x2dd620,_0x5ca671)=>!!_0x5ca671||_0x2dd620&&_0x377a40&&!_0x5a9c16||_0x5e26c2&&_0x377a40&&!_0x5a9c16),_0x5a0ea9['bind'](_0x9b64('0x5'))['to'](this,_0x9b64('0x24'),this[_0x9b64('0x10')],_0x9b64('0x7'),this[_0x9b64('0x10')],_0x9b64('0x1f'),(_0x23ef0c,_0x544aa1,_0x2bc400)=>{let _0x8d0c6c;return _0x8d0c6c=_0x2bc400&&_0x544aa1?'Reply\x20to\x20reopen\x20discussion...':_0x23ef0c?'Reply...':_0x9b64('0x19'),_0x3b5300(this['locale'],_0x8d0c6c);}),_0x5a0ea9[_0x9b64('0xa')]('submitLabel')['to'](this,_0x9b64('0x24'),_0x32ecca=>_0x3b5300(this[_0x9b64('0xf')],_0x32ecca?_0x9b64('0x1a'):_0x9b64('0x0'))),_0x5a0ea9['on'](_0x9b64('0x8'),(_0xc9cfb5,_0x3481c5)=>{this['fire'](_0x9b64('0x3'),_0x3481c5),this[_0x9b64('0x10')][_0x9b64('0x1f')]&&this[_0x9b64('0x10')]['isResolvable']&&this[_0x9b64('0x26')](_0x9b64('0x25'),this['_model']['id']),this['_model'][_0x9b64('0x9')]||this[_0x9b64('0x26')](_0x9b64('0x13'));}),_0x5a0ea9['on']('cancel',()=>{this['focus']();}),_0x5a0ea9[_0x9b64('0xa')](_0x9b64('0x1c'))['to'](this['_model'],_0x9b64('0x29')),_0x5a0ea9['on'](_0x9b64('0x18'),_0x1cebce=>{0x0==this[_0x9b64('0x24')]&&(this[_0x9b64('0x26')](_0x9b64('0x27')),_0x1cebce[_0x9b64('0x1e')]());}),this['on'](_0x9b64('0xc'),(_0x4c73f4,_0x1f3261,_0x22806a)=>{_0x22806a||this[_0x9b64('0x24')]||_0x5a0ea9[_0x9b64('0x1')]||this[_0x9b64('0x26')](_0x9b64('0x27'));}),_0x116dfa;}}
+const _0x1b6c=['_createCommentThreadInputView','Comment','showInput','resolveCommentThread','isActive','removeCommentThread','focus','editorConfig','listenTo','reopenCommentThread','addComment','bind','placeholder','length','stop','locale','editorReady','isReadOnly','canComment','Reply','fire','unlinkedAt','submitLabel','_config','Write\x20a\x20comment...','CommentView','isResolvable','Reply\x20to\x20reopen\x20discussion...','hasDirtyComment','set','_localUser','commentThreadHeaderView','value','editorDestroyed','_model','disabledSubmit','commentThreadInputView','element','delegate','commentsListView','archivedAt','change:isActive','isDirty','commentInputView','removeComment','destroy','cancel','isUnlinked'];(function(_0xee3074,_0x1b6cb9){const _0x5c2374=function(_0xdbab66){while(--_0xdbab66){_0xee3074['push'](_0xee3074['shift']());}};_0x5c2374(++_0x1b6cb9);}(_0x1b6c,0xa2));const _0x5c23=function(_0xee3074,_0x1b6cb9){_0xee3074=_0xee3074-0x0;let _0x5c2374=_0x1b6c[_0xee3074];return _0x5c2374;};import{View as _0x4044a1}from'ckeditor5/src/ui';import _0x47a6fe from'./commentthreadinputview';import _0x19ac68 from'./commentslistview';import _0x1bf516 from'./commentthreadheaderview';import{getTranslation as _0x3a447b}from'../../../utils/common-translations';export default class Tt extends _0x4044a1{constructor(_0x303ac1,_0x10e5c0,_0x53e414,_0x42f783){super(_0x303ac1),this[_0x5c23('0xb')](_0x5c23('0x22'),!0x1),this[_0x5c23('0xb')]('isDirty',!0x1),this['_model']=_0x10e5c0,this['_localUser']=_0x53e414,this[_0x5c23('0x5')]=_0x42f783,this[_0x5c23('0xd')]=new _0x1bf516(_0x303ac1,_0x10e5c0),this['commentThreadHeaderView']['delegate'](_0x5c23('0x27'))['to'](this),this[_0x5c23('0x26')](this,_0x5c23('0x27'),()=>{this[_0x5c23('0x24')]();}),this[_0x5c23('0x15')]=new _0x19ac68(_0x303ac1,_0x10e5c0,Object['assign']({'CommentView':this[_0x5c23('0x5')][_0x5c23('0x7')]},_0x42f783)),this['commentsListView'][_0x5c23('0x14')](_0x5c23('0x1a'))['to'](this),this['commentsListView'][_0x5c23('0x14')]('updateComment')['to'](this),this['commentsListView'][_0x5c23('0x14')](_0x5c23('0x21'))['to'](this),this[_0x5c23('0x15')][_0x5c23('0x14')](_0x5c23('0x2e'))['to'](this),this['commentsListView']['delegate'](_0x5c23('0xf'))['to'](this),this[_0x5c23('0x15')][_0x5c23('0x29')](_0x5c23('0x22'))['to'](this),this[_0x5c23('0x26')](this,_0x5c23('0x21'),()=>{this[_0x5c23('0x24')]();}),this[_0x5c23('0xb')](_0x5c23('0x2b'),this[_0x5c23('0x15')]['length']),this[_0x5c23('0x29')]('length')['to'](this[_0x5c23('0x15')],_0x5c23('0x2b')),this[_0x5c23('0x12')]=this[_0x5c23('0x1e')](),this[_0x5c23('0x12')]['delegate']('editorReady')['to'](this),this['commentThreadInputView'][_0x5c23('0x14')](_0x5c23('0xf'))['to'](this),this['on']('removeComment',()=>this[_0x5c23('0x24')]()),this[_0x5c23('0x29')]('isDirty')['to'](this[_0x5c23('0x15')],_0x5c23('0xa'),this['commentThreadInputView'][_0x5c23('0x19')],_0x5c23('0xe'),(_0x3e7135,_0x2a95e8)=>_0x3e7135||!!_0x2a95e8),this[_0x5c23('0x29')](_0x5c23('0x1d'))['to'](_0x10e5c0,_0x5c23('0x3'),_0x26fe4c=>!!_0x26fe4c);}[_0x5c23('0x24')](){this[_0x5c23('0x13')][_0x5c23('0x24')]();}async['destroy'](){this[_0x5c23('0x18')]=!0x1,this[_0x5c23('0x15')][_0x5c23('0x1b')](),await this['commentThreadInputView'][_0x5c23('0x1b')](),super[_0x5c23('0x1b')]();}[_0x5c23('0x1e')](){const _0x51bebd=new _0x47a6fe(this[_0x5c23('0x2d')],this[_0x5c23('0xc')],this[_0x5c23('0x5')][_0x5c23('0x25')]),_0x536da3=_0x51bebd[_0x5c23('0x19')];return _0x51bebd[_0x5c23('0x29')](_0x5c23('0x20'))['to'](this,_0x5c23('0x22'),this[_0x5c23('0x10')],_0x5c23('0x2f'),this[_0x5c23('0x10')],_0x5c23('0x0'),this['_model'],_0x5c23('0x16'),_0x536da3,'value',(_0x5d2cc6,_0x5a42bd,_0x45ee1a,_0x5e91ce,_0x3c40b0)=>!!_0x3c40b0||!!_0x5e91ce&&_0x45ee1a&&!_0x5a42bd||_0x5d2cc6&&_0x45ee1a&&!_0x5a42bd),_0x536da3[_0x5c23('0x29')](_0x5c23('0x2a'))['to'](this,_0x5c23('0x2b'),this['_model'],_0x5c23('0x8'),this[_0x5c23('0x10')],'isResolved',(_0x1b4b8d,_0x4b26f1,_0x107fc6)=>{let _0x3a446a;return _0x3a446a=_0x107fc6&&_0x4b26f1?_0x5c23('0x9'):_0x1b4b8d?'Reply...':_0x5c23('0x6'),_0x3a447b(this[_0x5c23('0x2d')],_0x3a446a);}),_0x536da3[_0x5c23('0x29')](_0x5c23('0x4'))['to'](this,_0x5c23('0x2b'),_0x5ed5c=>_0x3a447b(this[_0x5c23('0x2d')],_0x5ed5c?_0x5c23('0x1'):_0x5c23('0x1f'))),_0x536da3['on']('submit',(_0x5876fa,_0x15b011)=>{this['fire'](_0x5c23('0x28'),_0x15b011),this['_model']['isResolved']&&this[_0x5c23('0x10')]['isResolvable']&&this[_0x5c23('0x2')]('reopenCommentThread',this['_model']['id']),this[_0x5c23('0x10')]['isSubmitted']||this[_0x5c23('0x2')]('submitCommentThread');}),_0x536da3['on'](_0x5c23('0x1c'),()=>{this[_0x5c23('0x24')]();}),_0x536da3[_0x5c23('0x29')](_0x5c23('0x11'))['to'](this[_0x5c23('0x10')],'isReadOnly'),_0x536da3['on'](_0x5c23('0x1c'),_0x1423f5=>{0x0==this[_0x5c23('0x2b')]&&(this[_0x5c23('0x2')](_0x5c23('0x23')),_0x1423f5[_0x5c23('0x2c')]());}),this['on'](_0x5c23('0x17'),(_0x410219,_0x5e1c38,_0x529346)=>{_0x529346||this[_0x5c23('0x2b')]||_0x536da3['value']||this['fire'](_0x5c23('0x23'));}),_0x51bebd;}}

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

@@ -1,112 +1,112 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @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];
-};
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @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 _0xf96e=['switchToDisplayMode','isCollapsed','initialData','isSystemComment','once','fire','_createCommentContentView','updateComment','delegate','set','submitLabel','focus','bind','switchToEditMode','cancel','get','content','destroy','Save','disabledSubmit','expand','isReadOnly','editorConfig','_model','maxCommentCharsWhenCollapsed','_createCommentInputView','element','isEditMode','visibleView','add','remove','createEditor','_config','locale'];(function(_0x4dee08,_0xf96e6f){const _0x29fb98=function(_0x29d430){while(--_0x29d430){_0x4dee08['push'](_0x4dee08['shift']());}};_0x29fb98(++_0xf96e6f);}(_0xf96e,0x1ab));const _0x29fb=function(_0x4dee08,_0xf96e6f){_0x4dee08=_0x4dee08-0x0;let _0x29fb98=_0xf96e[_0x4dee08];return _0x29fb98;};import{View as _0x5cf5b2}from'ckeditor5/src/ui';import{trimHtml as _0xd06ceb}from'ckeditor5-collaboration/src/collaboration-core';import _0x7fe7e3 from'./commentcontentview';import _0x1e6e6f from'./commentinputview';import{getTranslation as _0x13d270}from'../../../utils/common-translations';export default class Yt extends _0x5cf5b2{constructor(_0x27b397,_0x342271,_0x106401){super(_0x27b397),this['_model']=_0x342271,this[_0x29fb('0xd')]=_0x106401,this[_0x29fb('0x12')]=!!this[_0x29fb('0xd')]['isSystemComment'],this[_0x29fb('0x18')](_0x29fb('0x8'),!0x1),this[_0x29fb('0x18')]('isCollapsed',!0x0),this['visibleView']=this['createCollection'](),this[_0x29fb('0x9')][_0x29fb('0xa')](this['_createCommentContentView']());}[_0x29fb('0x1')](){this[_0x29fb('0x10')]=!0x1;}['collapse'](){this[_0x29fb('0x8')]||(this['isCollapsed']=!0x0);}[_0x29fb('0x1a')](){this[_0x29fb('0x7')][_0x29fb('0x1a')]();}async['destroy'](){await this[_0x29fb('0x9')][_0x29fb('0x1e')](0x0)[_0x29fb('0x20')](),super[_0x29fb('0x20')]();}[_0x29fb('0x1c')](){this[_0x29fb('0x8')]||(this[_0x29fb('0x8')]=!0x0,this[_0x29fb('0x9')][_0x29fb('0xb')](0x0)['destroy'](),this[_0x29fb('0x9')][_0x29fb('0xa')](this[_0x29fb('0x6')]()));}[_0x29fb('0xf')](){this['isEditMode']&&(this['isEditMode']=!0x1,this[_0x29fb('0x9')][_0x29fb('0xb')](0x0)[_0x29fb('0x20')](),this[_0x29fb('0x9')][_0x29fb('0xa')](this['_createCommentContentView']()));}[_0x29fb('0x15')](){const _0x5c80dd=new _0x7fe7e3(this[_0x29fb('0xe')]);return _0x5c80dd[_0x29fb('0x1b')]('content')['to'](this[_0x29fb('0x4')],_0x29fb('0x1f'),this,_0x29fb('0x10'),(_0x47a2d0,_0x4dd333)=>_0x4dd333?_0xd06ceb(_0x47a2d0,{'limit':this[_0x29fb('0xd')][_0x29fb('0x5')]}):_0x47a2d0),_0x5c80dd;}[_0x29fb('0x6')](){this[_0x29fb('0xd')][_0x29fb('0x3')]||(this[_0x29fb('0xd')][_0x29fb('0x3')]={}),this[_0x29fb('0xd')][_0x29fb('0x3')][_0x29fb('0x11')]=this[_0x29fb('0x4')][_0x29fb('0x1f')];const _0x490975=new _0x1e6e6f(this[_0x29fb('0xe')],this['_config'][_0x29fb('0x3')]);return _0x490975['value']=this[_0x29fb('0x4')]['content'],_0x490975[_0x29fb('0x1b')](_0x29fb('0x0'))['to'](this[_0x29fb('0x4')],_0x29fb('0x2')),_0x490975[_0x29fb('0x19')]=_0x13d270(this[_0x29fb('0xe')],_0x29fb('0x21')),_0x490975['on']('submit',(_0x17d2d6,_0x4ed81a)=>{this[_0x29fb('0x14')](_0x29fb('0x16'),this['_model']['id'],_0x4ed81a),this[_0x29fb('0xf')](),this[_0x29fb('0x1a')]();}),_0x490975['on'](_0x29fb('0x1d'),()=>{this[_0x29fb('0xf')](),this[_0x29fb('0x1a')]();}),_0x490975[_0x29fb('0x13')]('editorReady',()=>{_0x490975[_0x29fb('0x1a')]();}),_0x490975[_0x29fb('0xc')](),_0x490975[_0x29fb('0x17')]('editorReady')['to'](this),_0x490975[_0x29fb('0x17')]('editorDestroyed')['to'](this),_0x490975;}}
+const _0x5b9d=['content','destroy','visibleView','add','focus','locale','editorDestroyed','set','isReadOnly','_model','createCollection','updateComment','collapse','submit','isEditMode','editorReady','_config','cancel','value','isCollapsed','isSystemComment','bind','fire','editorConfig','get','_createCommentInputView','switchToEditMode','createEditor','disabledSubmit','maxCommentCharsWhenCollapsed','delegate','element','_createCommentContentView','remove','Save','switchToDisplayMode','expand'];(function(_0x59c774,_0x5b9de8){const _0x238a3e=function(_0x4b86d8){while(--_0x4b86d8){_0x59c774['push'](_0x59c774['shift']());}};_0x238a3e(++_0x5b9de8);}(_0x5b9d,0x1dd));const _0x238a=function(_0x59c774,_0x5b9de8){_0x59c774=_0x59c774-0x0;let _0x238a3e=_0x5b9d[_0x59c774];return _0x238a3e;};import{View as _0x3b0ed9}from'ckeditor5/src/ui';import{trimHtml as _0x21531d}from'ckeditor5-collaboration/src/collaboration-core';import _0x31fb72 from'./commentcontentview';import _0x2dc584 from'./commentinputview';import{getTranslation as _0x49642d}from'../../../utils/common-translations';export default class Yt extends _0x3b0ed9{constructor(_0x4552f8,_0x3f88ed,_0x21c089){super(_0x4552f8),this[_0x238a('0xd')]=_0x3f88ed,this[_0x238a('0x14')]=_0x21c089,this[_0x238a('0x18')]=!!this[_0x238a('0x14')]['isSystemComment'],this[_0x238a('0xb')]('isEditMode',!0x1),this[_0x238a('0xb')]('isCollapsed',!0x0),this['visibleView']=this[_0x238a('0xe')](),this['visibleView'][_0x238a('0x7')](this[_0x238a('0x24')]());}[_0x238a('0x3')](){this[_0x238a('0x17')]=!0x1;}[_0x238a('0x10')](){this['isEditMode']||(this['isCollapsed']=!0x0);}[_0x238a('0x8')](){this[_0x238a('0x23')][_0x238a('0x8')]();}async[_0x238a('0x5')](){await this[_0x238a('0x6')][_0x238a('0x1c')](0x0)[_0x238a('0x5')](),super[_0x238a('0x5')]();}[_0x238a('0x1e')](){this[_0x238a('0x12')]||(this['isEditMode']=!0x0,this[_0x238a('0x6')][_0x238a('0x0')](0x0)[_0x238a('0x5')](),this[_0x238a('0x6')][_0x238a('0x7')](this[_0x238a('0x1d')]()));}[_0x238a('0x2')](){this['isEditMode']&&(this[_0x238a('0x12')]=!0x1,this[_0x238a('0x6')][_0x238a('0x0')](0x0)[_0x238a('0x5')](),this[_0x238a('0x6')][_0x238a('0x7')](this[_0x238a('0x24')]()));}[_0x238a('0x24')](){const _0x5ec9d0=new _0x31fb72(this[_0x238a('0x9')]);return _0x5ec9d0[_0x238a('0x19')](_0x238a('0x4'))['to'](this[_0x238a('0xd')],_0x238a('0x4'),this,'isCollapsed',(_0x11acaf,_0x39e40a)=>_0x39e40a?_0x21531d(_0x11acaf,{'limit':this[_0x238a('0x14')][_0x238a('0x21')]}):_0x11acaf),_0x5ec9d0;}[_0x238a('0x1d')](){this['_config'][_0x238a('0x1b')]||(this['_config'][_0x238a('0x1b')]={}),this['_config'][_0x238a('0x1b')]['initialData']=this[_0x238a('0xd')][_0x238a('0x4')];const _0x59f1c0=new _0x2dc584(this[_0x238a('0x9')],this[_0x238a('0x14')][_0x238a('0x1b')]);return _0x59f1c0[_0x238a('0x16')]=this[_0x238a('0xd')][_0x238a('0x4')],_0x59f1c0[_0x238a('0x19')](_0x238a('0x20'))['to'](this[_0x238a('0xd')],_0x238a('0xc')),_0x59f1c0['submitLabel']=_0x49642d(this['locale'],_0x238a('0x1')),_0x59f1c0['on'](_0x238a('0x11'),(_0x2e0233,_0x48e319)=>{this[_0x238a('0x1a')](_0x238a('0xf'),this['_model']['id'],_0x48e319),this[_0x238a('0x2')](),this[_0x238a('0x8')]();}),_0x59f1c0['on'](_0x238a('0x15'),()=>{this[_0x238a('0x2')](),this[_0x238a('0x8')]();}),_0x59f1c0['once'](_0x238a('0x13'),()=>{_0x59f1c0[_0x238a('0x8')]();}),_0x59f1c0[_0x238a('0x1f')](),_0x59f1c0['delegate'](_0x238a('0x13'))['to'](this),_0x59f1c0[_0x238a('0x22')](_0x238a('0xa'))['to'](this),_0x59f1c0;}}

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

@@ -1,13 +1,13 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @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);
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @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 _0x2084=['setTemplate','NUMBER_OF_COMMENTS','set','count','bindTemplate','ck-thread__comment-count'];(function(_0x209e50,_0x20843d){const _0xd2be33=function(_0x15f9f0){while(--_0x15f9f0){_0x209e50['push'](_0x209e50['shift']());}};_0xd2be33(++_0x20843d);}(_0x2084,0xed));const _0xd2be=function(_0x209e50,_0x20843d){_0x209e50=_0x209e50-0x0;let _0xd2be33=_0x2084[_0x209e50];return _0xd2be33;};import{View as _0x4921a4}from'ckeditor5/src/ui';import{getTranslation as _0x3527a4}from'../../../utils/common-translations';export default class Zt extends _0x4921a4{constructor(_0x219528){super(_0x219528);const _0x3f0c33=this[_0xd2be('0x1')];this[_0xd2be('0x5')]('count',void 0x0),this[_0xd2be('0x3')]({'tag':'li','attributes':{'class':_0xd2be('0x2')},'children':[{'text':_0x3f0c33['to'](_0xd2be('0x0'),_0x1a0fdd=>_0x3527a4(_0x219528,_0xd2be('0x4'),_0x1a0fdd))}]});}}
+const _0x1099=['ck-thread__comment-count','set','count','bindTemplate'];(function(_0x1bedd6,_0x10996b){const _0xba9f1a=function(_0x3bd25f){while(--_0x3bd25f){_0x1bedd6['push'](_0x1bedd6['shift']());}};_0xba9f1a(++_0x10996b);}(_0x1099,0xd9));const _0xba9f=function(_0x1bedd6,_0x10996b){_0x1bedd6=_0x1bedd6-0x0;let _0xba9f1a=_0x1099[_0x1bedd6];return _0xba9f1a;};import{View as _0x42856c}from'ckeditor5/src/ui';import{getTranslation as _0x1d556f}from'../../../utils/common-translations';export default class Zt extends _0x42856c{constructor(_0xd158e2){super(_0xd158e2);const _0x4633aa=this[_0xba9f('0x2')];this[_0xba9f('0x0')](_0xba9f('0x1'),void 0x0),this['setTemplate']({'tag':'li','attributes':{'class':_0xba9f('0x3')},'children':[{'text':_0x4633aa['to'](_0xba9f('0x1'),_0x4604a7=>_0x1d556f(_0xd158e2,'NUMBER_OF_COMMENTS',_0x4604a7))}]});}}

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

@@ -1,14 +1,14 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @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;
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @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 _0x8e20=['ck-comment__content','ck-annotation__content','change:content','innerHTML','setTemplate','element','content'];(function(_0x119528,_0x8e206){var _0x4f3134=function(_0x28dba6){while(--_0x28dba6){_0x119528['push'](_0x119528['shift']());}};_0x4f3134(++_0x8e206);}(_0x8e20,0xad));var _0x4f31=function(_0x119528,_0x8e206){_0x119528=_0x119528-0x0;var _0x4f3134=_0x8e20[_0x119528];return _0x4f3134;};import{View as _0x577ed0}from'ckeditor5/src/ui';export default class Ut extends _0x577ed0{constructor(_0x1575ec){super(_0x1575ec),this['set']('content',''),this[_0x4f31('0x6')]({'tag':'div','attributes':{'class':[_0x4f31('0x2'),_0x4f31('0x3')]}});}['render'](){super['render'](),this['on'](_0x4f31('0x4'),(_0x4522a4,_0x3d6a10,_0x56d255)=>{this['element'][_0x4f31('0x5')]=_0x56d255;}),this[_0x4f31('0x0')][_0x4f31('0x5')]=this[_0x4f31('0x1')];}}
+var _0x49a9=['render','set','content','innerHTML','ck-comment__content','setTemplate','change:content','element','ck-annotation__content'];(function(_0x5caf58,_0x49a96a){var _0x3fe726=function(_0x3eede3){while(--_0x3eede3){_0x5caf58['push'](_0x5caf58['shift']());}};_0x3fe726(++_0x49a96a);}(_0x49a9,0x1e9));var _0x3fe7=function(_0x5caf58,_0x49a96a){_0x5caf58=_0x5caf58-0x0;var _0x3fe726=_0x49a9[_0x5caf58];return _0x3fe726;};import{View as _0x2120c4}from'ckeditor5/src/ui';export default class Ut extends _0x2120c4{constructor(_0x150bbe){super(_0x150bbe),this[_0x3fe7('0x7')](_0x3fe7('0x8'),''),this[_0x3fe7('0x2')]({'tag':'div','attributes':{'class':[_0x3fe7('0x1'),_0x3fe7('0x5')]}});}['render'](){super[_0x3fe7('0x6')](),this['on'](_0x3fe7('0x3'),(_0x1bf29f,_0x91ac6e,_0xff661)=>{this[_0x3fe7('0x4')][_0x3fe7('0x0')]=_0xff661;}),this[_0x3fe7('0x4')]['innerHTML']=this[_0x3fe7('0x8')];}}