@ckeditor/ckeditor5-comments 40.0.0 → 40.1.0

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

@@ -1,119 +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 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];
-};
+/**
+ * @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 _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;}}
+const _0x5908=['hasDirtyComment','change:isActive','commentThreadHeaderView','updateComment','reopenCommentThread','submit','commentThreadInputView','removeComment','destroy','addComment','removeCommentThread','editorReady','delegate','length','stop','Reply','cancel','submitLabel','showInput','focus','unlinkedAt','commentsListView','value','isReadOnly','placeholder','isActive','isResolved','Reply\x20to\x20reopen\x20discussion...','_createCommentThreadInputView','isUnlinked','isDirty','_model','fire','listenTo','archivedAt','editorConfig','Comment','bind','_config','isSubmitted','set','isResolvable','resolveCommentThread','commentInputView','assign','_localUser','locale','Write\x20a\x20comment...'];(function(_0x5d6db3,_0x5908a2){const _0x130bce=function(_0x22ab0a){while(--_0x22ab0a){_0x5d6db3['push'](_0x5d6db3['shift']());}};_0x130bce(++_0x5908a2);}(_0x5908,0x1ec));const _0x130b=function(_0x5d6db3,_0x5908a2){_0x5d6db3=_0x5d6db3-0x0;let _0x130bce=_0x5908[_0x5d6db3];return _0x130bce;};import{View as _0x393511}from'ckeditor5/src/ui';import _0x4633a4 from'./commentthreadinputview';import _0x22548e from'./commentslistview';import _0x42683c from'./commentthreadheaderview';import{getTranslation as _0xea8397}from'../../../utils/common-translations';export default class Ut extends _0x393511{constructor(_0x2f3b1b,_0x429b42,_0x2e5827,_0x15d588){super(_0x2f3b1b),this['set'](_0x130b('0xd'),!0x1),this[_0x130b('0x1c')](_0x130b('0x12'),!0x1),this[_0x130b('0x13')]=_0x429b42,this['_localUser']=_0x2e5827,this[_0x130b('0x1a')]=_0x15d588,this[_0x130b('0x26')]=new _0x42683c(_0x2f3b1b,_0x429b42),this['commentThreadHeaderView'][_0x130b('0x0')](_0x130b('0x28'))['to'](this),this[_0x130b('0x15')](this,_0x130b('0x28'),()=>{this['focus']();}),this[_0x130b('0x9')]=new _0x22548e(_0x2f3b1b,_0x429b42,Object[_0x130b('0x20')]({'CommentView':this[_0x130b('0x1a')]['CommentView']},_0x15d588)),this[_0x130b('0x9')][_0x130b('0x0')](_0x130b('0x2b'))['to'](this),this['commentsListView'][_0x130b('0x0')](_0x130b('0x27'))['to'](this),this['commentsListView']['delegate']('resolveCommentThread')['to'](this),this[_0x130b('0x9')][_0x130b('0x0')]('editorReady')['to'](this),this[_0x130b('0x9')]['delegate']('editorDestroyed')['to'](this),this[_0x130b('0x9')]['bind'](_0x130b('0xd'))['to'](this),this[_0x130b('0x15')](this,_0x130b('0x1e'),()=>{this[_0x130b('0x7')]();}),this[_0x130b('0x1c')](_0x130b('0x1'),this[_0x130b('0x9')][_0x130b('0x1')]),this[_0x130b('0x19')](_0x130b('0x1'))['to'](this[_0x130b('0x9')],_0x130b('0x1')),this[_0x130b('0x2a')]=this[_0x130b('0x10')](),this[_0x130b('0x2a')][_0x130b('0x0')](_0x130b('0x2f'))['to'](this),this[_0x130b('0x2a')]['delegate']('editorDestroyed')['to'](this),this['on'](_0x130b('0x2b'),()=>this[_0x130b('0x7')]()),this[_0x130b('0x19')](_0x130b('0x12'))['to'](this[_0x130b('0x9')],_0x130b('0x24'),this[_0x130b('0x2a')][_0x130b('0x1f')],_0x130b('0xa'),(_0x508bea,_0x22b7d5)=>_0x508bea||!!_0x22b7d5),this[_0x130b('0x19')](_0x130b('0x11'))['to'](_0x429b42,_0x130b('0x8'),_0x3363af=>!!_0x3363af);}['focus'](){this['element'][_0x130b('0x7')]();}async[_0x130b('0x2c')](){this['isDirty']=!0x1,this[_0x130b('0x9')][_0x130b('0x2c')](),await this['commentThreadInputView'][_0x130b('0x2c')](),super['destroy']();}[_0x130b('0x10')](){const _0x5b5a7d=new _0x4633a4(this[_0x130b('0x22')],this[_0x130b('0x21')],this[_0x130b('0x1a')][_0x130b('0x17')]),_0x320a6c=_0x5b5a7d[_0x130b('0x1f')];return _0x5b5a7d[_0x130b('0x19')](_0x130b('0x6'))['to'](this,'isActive',this['_model'],_0x130b('0xb'),this[_0x130b('0x13')],'canComment',this[_0x130b('0x13')],_0x130b('0x16'),_0x320a6c,_0x130b('0xa'),(_0x324a56,_0x346b50,_0x3313b7,_0x106bd0,_0x85ab29)=>!!_0x85ab29||!!_0x106bd0&&_0x3313b7&&!_0x346b50||_0x324a56&&_0x3313b7&&!_0x346b50),_0x320a6c['bind'](_0x130b('0xc'))['to'](this,_0x130b('0x1'),this[_0x130b('0x13')],_0x130b('0x1d'),this['_model'],_0x130b('0xe'),(_0x420c32,_0x5e090c,_0x1bea9a)=>{let _0x13f046;return _0x13f046=_0x1bea9a&&_0x5e090c?_0x130b('0xf'):_0x420c32?'Reply...':_0x130b('0x23'),_0xea8397(this['locale'],_0x13f046);}),_0x320a6c[_0x130b('0x19')](_0x130b('0x5'))['to'](this,'length',_0xca3597=>_0xea8397(this[_0x130b('0x22')],_0xca3597?_0x130b('0x3'):_0x130b('0x18'))),_0x320a6c['on'](_0x130b('0x29'),(_0x16ea61,_0x35ebb3)=>{this[_0x130b('0x14')](_0x130b('0x2d'),_0x35ebb3),this[_0x130b('0x13')][_0x130b('0xe')]&&this['_model'][_0x130b('0x1d')]&&this[_0x130b('0x14')](_0x130b('0x28'),this[_0x130b('0x13')]['id']),this[_0x130b('0x13')][_0x130b('0x1b')]||this[_0x130b('0x14')]('submitCommentThread');}),_0x320a6c['on'](_0x130b('0x4'),()=>{this['focus']();}),_0x320a6c['bind']('disabledSubmit')['to'](this[_0x130b('0x13')],_0x130b('0xb')),_0x320a6c['on'](_0x130b('0x4'),_0x346273=>{0x0==this[_0x130b('0x1')]&&(this[_0x130b('0x14')]('removeCommentThread'),_0x346273[_0x130b('0x2')]());}),this['on'](_0x130b('0x25'),(_0x483ba5,_0x1f4e83,_0x3b4526)=>{_0x3b4526||this['length']||_0x320a6c[_0x130b('0xa')]||this[_0x130b('0x14')](_0x130b('0x2e'));}),_0x5b5a7d;}}

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 _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;}}
+const _0x5697=['collapse','isSystemComment','add','submitLabel','focus','_createCommentInputView','createEditor','visibleView','once','editorReady','value','content','set','remove','_model','maxCommentCharsWhenCollapsed','disabledSubmit','editorConfig','switchToDisplayMode','editorDestroyed','_config','submit','isEditMode','destroy','updateComment','cancel','switchToEditMode','Save','locale','isCollapsed','bind','delegate','initialData','_createCommentContentView'];(function(_0x2d785e,_0x5697db){const _0x5da951=function(_0x278953){while(--_0x278953){_0x2d785e['push'](_0x2d785e['shift']());}};_0x5da951(++_0x5697db);}(_0x5697,0x123));const _0x5da9=function(_0x2d785e,_0x5697db){_0x2d785e=_0x2d785e-0x0;let _0x5da951=_0x5697[_0x2d785e];return _0x5da951;};import{View as _0x153643}from'ckeditor5/src/ui';import{trimHtml as _0x559fdc}from'ckeditor5-collaboration/src/collaboration-core';import _0x90ab25 from'./commentcontentview';import _0x254b0d from'./commentinputview';import{getTranslation as _0x493959}from'../../../utils/common-translations';export default class ti extends _0x153643{constructor(_0x43da63,_0x268b6e,_0x22a43a){super(_0x43da63),this[_0x5da9('0x1d')]=_0x268b6e,this[_0x5da9('0x1')]=_0x22a43a,this[_0x5da9('0x10')]=!!this[_0x5da9('0x1')][_0x5da9('0x10')],this[_0x5da9('0x1b')](_0x5da9('0x3'),!0x1),this['set'](_0x5da9('0xa'),!0x0),this[_0x5da9('0x16')]=this['createCollection'](),this[_0x5da9('0x16')]['add'](this[_0x5da9('0xe')]());}['expand'](){this[_0x5da9('0xa')]=!0x1;}[_0x5da9('0xf')](){this[_0x5da9('0x3')]||(this[_0x5da9('0xa')]=!0x0);}[_0x5da9('0x13')](){this['element'][_0x5da9('0x13')]();}async[_0x5da9('0x4')](){await this[_0x5da9('0x16')]['get'](0x0)[_0x5da9('0x4')](),super[_0x5da9('0x4')]();}[_0x5da9('0x7')](){this[_0x5da9('0x3')]||(this[_0x5da9('0x3')]=!0x0,this['visibleView'][_0x5da9('0x1c')](0x0)[_0x5da9('0x4')](),this['visibleView'][_0x5da9('0x11')](this[_0x5da9('0x14')]()));}['switchToDisplayMode'](){this['isEditMode']&&(this[_0x5da9('0x3')]=!0x1,this[_0x5da9('0x16')][_0x5da9('0x1c')](0x0)[_0x5da9('0x4')](),this['visibleView']['add'](this[_0x5da9('0xe')]()));}[_0x5da9('0xe')](){const _0x326016=new _0x90ab25(this[_0x5da9('0x9')]);return _0x326016['bind'](_0x5da9('0x1a'))['to'](this['_model'],_0x5da9('0x1a'),this,'isCollapsed',(_0x42cc4c,_0x172725)=>_0x172725?_0x559fdc(_0x42cc4c,{'limit':this[_0x5da9('0x1')][_0x5da9('0x1e')]}):_0x42cc4c),_0x326016;}[_0x5da9('0x14')](){this['_config'][_0x5da9('0x20')]||(this[_0x5da9('0x1')][_0x5da9('0x20')]={}),this[_0x5da9('0x1')]['editorConfig'][_0x5da9('0xd')]=this[_0x5da9('0x1d')][_0x5da9('0x1a')];const _0x2606df=new _0x254b0d(this['locale'],this['_config'][_0x5da9('0x20')]);return _0x2606df[_0x5da9('0x19')]=this[_0x5da9('0x1d')][_0x5da9('0x1a')],_0x2606df[_0x5da9('0xb')](_0x5da9('0x1f'))['to'](this[_0x5da9('0x1d')],'isReadOnly'),_0x2606df[_0x5da9('0x12')]=_0x493959(this['locale'],_0x5da9('0x8')),_0x2606df['on'](_0x5da9('0x2'),(_0x4bae93,_0x20cf6d)=>{this['fire'](_0x5da9('0x5'),this[_0x5da9('0x1d')]['id'],_0x20cf6d),this[_0x5da9('0x21')](),this[_0x5da9('0x13')]();}),_0x2606df['on'](_0x5da9('0x6'),()=>{this[_0x5da9('0x21')](),this[_0x5da9('0x13')]();}),_0x2606df[_0x5da9('0x17')](_0x5da9('0x18'),()=>{_0x2606df[_0x5da9('0x13')]();}),_0x2606df[_0x5da9('0x15')](),_0x2606df['delegate'](_0x5da9('0x18'))['to'](this),_0x2606df[_0x5da9('0xc')](_0x5da9('0x0'))['to'](this),_0x2606df;}}

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 _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))}]});}}
+const _0x29f1=['NUMBER_OF_COMMENTS','setTemplate','bindTemplate','count'];(function(_0x20db72,_0x29f1bf){const _0x5367bd=function(_0x51602a){while(--_0x51602a){_0x20db72['push'](_0x20db72['shift']());}};_0x5367bd(++_0x29f1bf);}(_0x29f1,0xee));const _0x5367=function(_0x20db72,_0x29f1bf){_0x20db72=_0x20db72-0x0;let _0x5367bd=_0x29f1[_0x20db72];return _0x5367bd;};import{View as _0x5237d3}from'ckeditor5/src/ui';import{getTranslation as _0x1d72d8}from'../../../utils/common-translations';export default class to extends _0x5237d3{constructor(_0x476fcc){super(_0x476fcc);const _0x57777f=this[_0x5367('0x0')];this['set'](_0x5367('0x1'),void 0x0),this[_0x5367('0x3')]({'tag':'li','attributes':{'class':'ck-thread__comment-count'},'children':[{'text':_0x57777f['to']('count',_0x414bc8=>_0x1d72d8(_0x476fcc,_0x5367('0x2'),_0x414bc8))}]});}}

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