@ckeditor/ckeditor5-comments 40.0.0 → 40.2.0

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

@@ -1,50 +1,50 @@
-/**
- * @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/commentthreadheaderview
- */
-import { View, ButtonView } from 'ckeditor5/src/ui';
-import type { Locale } from 'ckeditor5/src/utils';
-import type { CommentThread } from '../../commentsrepository';
-export declare const MAX_CONTENT_LENGTH = 150;
-/**
- * A view for the comment thread header.
- */
-export default class CommentThreadHeaderView extends View {
-    locale: Locale;
-    /**
-     * Defines whether the context value exists.
-     *
-     * @observable
-     */
-    hasContext: boolean;
-    /**
-     * Context value to display in the header.
-     *
-     * @observable
-     */
-    contextValue: string;
-    /**
-     * Button view for the button which reopen the comment thread.
-     */
-    reopenButtonView: ButtonView;
-    /**
-     * @inheritDoc
-     */
-    constructor(locale: Locale, model: CommentThread);
-    /**
-     * @inheritDoc
-     */
-    render(): void;
-}
-/**
- * Fired when a user performed an action that should lead to reopen the resolved comment thread.
- *
- * @eventName ~CommentThreadHeaderView#reopenCommentThread
- */
-export type UIReopenCommentThreadEvent = {
-    name: 'reopenCommentThread';
-    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/commentthreadheaderview
+ */
+import { View, ButtonView } from 'ckeditor5/src/ui';
+import type { Locale } from 'ckeditor5/src/utils';
+import type { CommentThread } from '../../commentsrepository';
+export declare const MAX_CONTENT_LENGTH = 150;
+/**
+ * A view for the comment thread header.
+ */
+export default class CommentThreadHeaderView extends View {
+    locale: Locale;
+    /**
+     * Defines whether the context value exists.
+     *
+     * @observable
+     */
+    hasContext: boolean;
+    /**
+     * Context value to display in the header.
+     *
+     * @observable
+     */
+    contextValue: string;
+    /**
+     * Button view for the button which reopen the comment thread.
+     */
+    reopenButtonView: ButtonView;
+    /**
+     * @inheritDoc
+     */
+    constructor(locale: Locale, model: CommentThread);
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+}
+/**
+ * Fired when a user performed an action that should lead to reopen the resolved comment thread.
+ *
+ * @eventName ~CommentThreadHeaderView#reopenCommentThread
+ */
+export type UIReopenCommentThreadEvent = {
+    name: 'reopenCommentThread';
+    args: [id: string];
+};

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

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x498a=['mouseenter','tooltip','offsetWidth','div','_attachContextActions','querySelector','Reopen','_model','execute','ck-context--quotes','ck-context__value','label','_createReopenButton','remove','ck-context-wrapper','lastIndexOf','value','context','bind','length','locale','overlay','ck-context','_trimContextValue','span','...','reopenCommentThread','element','hasContext','listenTo','mouseleave','Comment\x20was\x20made\x20on\x20an\x20element','reopenButtonView','isResolved','render','isResolvable','icon','setTemplate','classList'];(function(_0x15366e,_0x498a5e){const _0x62c5cd=function(_0xe7d970){while(--_0xe7d970){_0x15366e['push'](_0x15366e['shift']());}};_0x62c5cd(++_0x498a5e);}(_0x498a,0xbd));const _0x62c5=function(_0x15366e,_0x498a5e){_0x15366e=_0x15366e-0x0;let _0x62c5cd=_0x498a[_0x15366e];return _0x62c5cd;};import{View as _0x490116,ButtonView as _0x1f7f98}from'ckeditor5/src/ui';import{getTranslation as _0x3ab864}from'../../../utils/common-translations';import _0x5c8288 from'../../../../theme/icons/undo.svg';export const MAX_CONTENT_LENGTH=0x96;export default class Rt extends _0x490116{constructor(_0x4139a0,_0x2d0a0d){super(_0x4139a0);const _0x100aeb=this['bindTemplate'];this['_model']=_0x2d0a0d,this['reopenButtonView']=this[_0x62c5('0x12')](),this['bind'](_0x62c5('0x22'))['to'](this['_model'],'context',_0x58b48c=>!!_0x58b48c),this[_0x62c5('0x18')]('contextValue')['to'](this[_0x62c5('0xd')],_0x62c5('0x17'),_0x1193da=>_0x1193da&&_0x1193da['value']?this[_0x62c5('0x1d')](_0x1193da[_0x62c5('0x16')]):_0x3ab864(this[_0x62c5('0x1a')],_0x62c5('0x25'))),this[_0x62c5('0x4')]({'tag':_0x62c5('0x9'),'attributes':{'class':['ck-thread__header']},'children':[{'tag':_0x62c5('0x9'),'attributes':{'class':[_0x62c5('0x14')]},'children':[{'tag':_0x62c5('0x9'),'attributes':{'class':[_0x62c5('0x1c'),_0x100aeb['if'](_0x62c5('0x22'),_0x62c5('0xf'))]},'children':[{'tag':_0x62c5('0x1e'),'attributes':{'class':[_0x62c5('0x10')]},'children':[{'text':_0x100aeb['to']('contextValue')}]}]}]},{'tag':_0x62c5('0x9'),'attributes':{'class':['ck-annotation__actions']},'children':[this[_0x62c5('0x26')]]}]});}['render'](){super[_0x62c5('0x1')](),this[_0x62c5('0xa')]();}[_0x62c5('0x12')](){const _0x13aeb5=new _0x1f7f98(this[_0x62c5('0x1a')]);return _0x13aeb5[_0x62c5('0x11')]=_0x3ab864(this[_0x62c5('0x1a')],_0x62c5('0xc')),_0x13aeb5[_0x62c5('0x7')]=_0x3ab864(this[_0x62c5('0x1a')],_0x62c5('0xc')),_0x13aeb5[_0x62c5('0x3')]=_0x5c8288,_0x13aeb5['bind']('isEnabled')['to'](this['_model'],'isReadOnly',_0x491047=>!_0x491047),_0x13aeb5[_0x62c5('0x18')]('isVisible')['to'](this[_0x62c5('0xd')],_0x62c5('0x2'),this[_0x62c5('0xd')],_0x62c5('0x0'),(_0x172410,_0x450761)=>_0x172410&&_0x450761),_0x13aeb5['on'](_0x62c5('0xe'),()=>{this['fire'](_0x62c5('0x20'),this[_0x62c5('0xd')]['id']);}),_0x13aeb5;}[_0x62c5('0x1d')](_0x1a84d1){if(_0x1a84d1[_0x62c5('0x19')]<0x96)return _0x1a84d1;const _0x5e3872=_0x1a84d1[_0x62c5('0x15')]('\x20',0x93);return _0x1a84d1['substring'](0x0,_0x5e3872>-0x1?_0x5e3872:0x93)+_0x62c5('0x1f');}[_0x62c5('0xa')](){const _0x579ebf=this[_0x62c5('0x21')][_0x62c5('0xb')]('.ck-context'),_0x3bb31c=_0x579ebf[_0x62c5('0xb')]('.ck-context__value');this['listenTo'](_0x579ebf,_0x62c5('0x6'),()=>{_0x3bb31c[_0x62c5('0x8')]<_0x3bb31c['scrollWidth']&&_0x579ebf[_0x62c5('0x5')]['add']('overlay');}),this[_0x62c5('0x23')](_0x579ebf,_0x62c5('0x24'),()=>{_0x579ebf[_0x62c5('0x5')][_0x62c5('0x13')](_0x62c5('0x1b'));});}}
+const _0x38af=['Comment\x20was\x20made\x20on\x20an\x20element','isResolvable','tooltip','Reopen','locale','.ck-context','listenTo','add','.ck-context__value','render','ck-context-wrapper','_createReopenButton','hasContext','offsetWidth','_attachContextActions','classList','mouseenter','_trimContextValue','bind','reopenCommentThread','icon','querySelector','isResolved','_model','execute','ck-context__value','setTemplate','reopenButtonView','label','...','scrollWidth','fire','div','lastIndexOf','isReadOnly','isEnabled','value','ck-context','ck-thread__header','context','mouseleave','remove','span','overlay','contextValue'];(function(_0x1581f3,_0x38af64){const _0x3fb034=function(_0xc2507){while(--_0xc2507){_0x1581f3['push'](_0x1581f3['shift']());}};_0x3fb034(++_0x38af64);}(_0x38af,0x69));const _0x3fb0=function(_0x1581f3,_0x38af64){_0x1581f3=_0x1581f3-0x0;let _0x3fb034=_0x38af[_0x1581f3];return _0x3fb034;};import{View as _0x571c2b,ButtonView as _0x1618dd}from'ckeditor5/src/ui';import{getTranslation as _0x224545}from'../../../utils/common-translations';import _0x5dfe4c from'../../../../theme/icons/undo.svg';export const MAX_CONTENT_LENGTH=0x96;export default class Tt extends _0x571c2b{constructor(_0x5c7867,_0x48873b){super(_0x5c7867);const _0x24a940=this['bindTemplate'];this['_model']=_0x48873b,this[_0x3fb0('0xc')]=this['_createReopenButton'](),this[_0x3fb0('0x3')](_0x3fb0('0x2a'))['to'](this[_0x3fb0('0x8')],_0x3fb0('0x18'),_0x3f57cb=>!!_0x3f57cb),this[_0x3fb0('0x3')]('contextValue')['to'](this[_0x3fb0('0x8')],'context',_0x5c944e=>_0x5c944e&&_0x5c944e['value']?this['_trimContextValue'](_0x5c944e[_0x3fb0('0x15')]):_0x224545(this['locale'],_0x3fb0('0x1e'))),this[_0x3fb0('0xb')]({'tag':_0x3fb0('0x11'),'attributes':{'class':[_0x3fb0('0x17')]},'children':[{'tag':_0x3fb0('0x11'),'attributes':{'class':[_0x3fb0('0x28')]},'children':[{'tag':_0x3fb0('0x11'),'attributes':{'class':[_0x3fb0('0x16'),_0x24a940['if'](_0x3fb0('0x2a'),'ck-context--quotes')]},'children':[{'tag':_0x3fb0('0x1b'),'attributes':{'class':[_0x3fb0('0xa')]},'children':[{'text':_0x24a940['to'](_0x3fb0('0x1d'))}]}]}]},{'tag':_0x3fb0('0x11'),'attributes':{'class':['ck-annotation__actions']},'children':[this[_0x3fb0('0xc')]]}]});}['render'](){super[_0x3fb0('0x27')](),this[_0x3fb0('0x2c')]();}[_0x3fb0('0x29')](){const _0x2defbb=new _0x1618dd(this[_0x3fb0('0x22')]);return _0x2defbb[_0x3fb0('0xd')]=_0x224545(this[_0x3fb0('0x22')],_0x3fb0('0x21')),_0x2defbb[_0x3fb0('0x20')]=_0x224545(this[_0x3fb0('0x22')],'Reopen'),_0x2defbb[_0x3fb0('0x5')]=_0x5dfe4c,_0x2defbb[_0x3fb0('0x3')](_0x3fb0('0x14'))['to'](this[_0x3fb0('0x8')],_0x3fb0('0x13'),_0x61c6de=>!_0x61c6de),_0x2defbb[_0x3fb0('0x3')]('isVisible')['to'](this[_0x3fb0('0x8')],_0x3fb0('0x1f'),this[_0x3fb0('0x8')],_0x3fb0('0x7'),(_0xc512a8,_0x139e0d)=>_0xc512a8&&_0x139e0d),_0x2defbb['on'](_0x3fb0('0x9'),()=>{this[_0x3fb0('0x10')](_0x3fb0('0x4'),this['_model']['id']);}),_0x2defbb;}[_0x3fb0('0x2')](_0x251ef4){if(_0x251ef4['length']<0x96)return _0x251ef4;const _0x11a818=_0x251ef4[_0x3fb0('0x12')]('\x20',0x93);return _0x251ef4['substring'](0x0,_0x11a818>-0x1?_0x11a818:0x93)+_0x3fb0('0xe');}[_0x3fb0('0x2c')](){const _0x13ac24=this['element'][_0x3fb0('0x6')](_0x3fb0('0x23')),_0x19dcde=_0x13ac24[_0x3fb0('0x6')](_0x3fb0('0x26'));this['listenTo'](_0x13ac24,_0x3fb0('0x1'),()=>{_0x19dcde[_0x3fb0('0x2b')]<_0x19dcde[_0x3fb0('0xf')]&&_0x13ac24['classList'][_0x3fb0('0x25')]('overlay');}),this[_0x3fb0('0x24')](_0x13ac24,_0x3fb0('0x19'),()=>{_0x13ac24[_0x3fb0('0x0')][_0x3fb0('0x1a')](_0x3fb0('0x1c'));});}}

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

@@ -1,41 +1,41 @@
-/**
- * @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/commentthreadinputview
- */
-import { View } from 'ckeditor5/src/ui';
-import CommentInputView from './commentinputview';
-import type { Locale } from 'ckeditor5/src/utils';
-import type { EditorConfig } from 'ckeditor5/src/core';
-import { UserView, type User } from 'ckeditor5-collaboration/src/collaboration-core';
-/**
- * View that represents comment input area for a comment thread. Includes editor, user view and buttons.
- */
-export default class CommentThreadInputView extends View {
-    /**
-     * Specifies whether the comment input view should be visible (`true`) or hidden (`false`).
-     *
-     * @observable
-     */
-    showInput: boolean;
-    /**
-     * Comment input view.
-     */
-    commentInputView: CommentInputView;
-    /**
-     * User view for the input area. Presents the local user.
-     */
-    userView: UserView;
-    /**
-     * @param locale The localization service instance.
-     * @param localUser Current local user.
-     * @param editorConfig
-     */
-    constructor(locale: Locale, localUser: User, editorConfig: EditorConfig);
-    /**
-     * @inheritDoc
-     */
-    destroy(): Promise<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/commentthreadinputview
+ */
+import { View } from 'ckeditor5/src/ui';
+import CommentInputView from './commentinputview';
+import type { Locale } from 'ckeditor5/src/utils';
+import type { EditorConfig } from 'ckeditor5/src/core';
+import { UserView, type User } from 'ckeditor5-collaboration/src/collaboration-core';
+/**
+ * View that represents comment input area for a comment thread. Includes editor, user view and buttons.
+ */
+export default class CommentThreadInputView extends View {
+    /**
+     * Specifies whether the comment input view should be visible (`true`) or hidden (`false`).
+     *
+     * @observable
+     */
+    showInput: boolean;
+    /**
+     * Comment input view.
+     */
+    commentInputView: CommentInputView;
+    /**
+     * User view for the input area. Presents the local user.
+     */
+    userView: UserView;
+    /**
+     * @param locale The localization service instance.
+     * @param localUser Current local user.
+     * @param editorConfig
+     */
+    constructor(locale: Locale, localUser: User, editorConfig: EditorConfig);
+    /**
+     * @inheritDoc
+     */
+    destroy(): Promise<void>;
+}

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

@@ -20,4 +20,4 @@
  *
  *
  */
-var _0x24da=['div','bind','createEditor','editor','change:showInput','showButtons','delegate','ck-thread__user','destroy','editorDestroyed','ck-comment__input-container--active','ck-thread__input','value','bindTemplate','isFocused','set','showInput','setTemplate','focusTracker','then','commentInputView','userView'];(function(_0x48365e,_0x24da2f){var _0x552ac3=function(_0x271993){while(--_0x271993){_0x48365e['push'](_0x48365e['shift']());}};_0x552ac3(++_0x24da2f);}(_0x24da,0x193));var _0x552a=function(_0x48365e,_0x24da2f){_0x48365e=_0x48365e-0x0;var _0x552ac3=_0x24da[_0x48365e];return _0x552ac3;};import{View as _0x189add}from'ckeditor5/src/ui';import _0x21f2ac from'./commentinputview';import{UserView as _0x342c0d}from'ckeditor5-collaboration/src/collaboration-core';export default class Ct extends _0x189add{constructor(_0x37d541,_0x741611,_0x10ed32){super(_0x37d541),this[_0x552a('0xd')]=new _0x21f2ac(_0x37d541,_0x10ed32),this[_0x552a('0xd')][_0x552a('0x10')](_0x552a('0x14'))['to'](this[_0x552a('0xd')][_0x552a('0xb')],_0x552a('0x7'),this[_0x552a('0xd')],_0x552a('0x5'),(_0x5e18ed,_0x1c02b3)=>_0x5e18ed||!!_0x1c02b3),this[_0x552a('0x8')](_0x552a('0x9'),!0x1),this['on'](_0x552a('0x13'),()=>{this[_0x552a('0x9')]&&!this['commentInputView'][_0x552a('0x12')]&&this[_0x552a('0xd')][_0x552a('0x11')]();}),this['commentInputView'][_0x552a('0x15')]('editorReady')['to'](this),this[_0x552a('0xd')]['delegate'](_0x552a('0x2'))['to'](this),this[_0x552a('0xe')]=new _0x342c0d(_0x37d541,_0x741611),this[_0x552a('0xe')]['extendTemplate']({'attributes':{'class':_0x552a('0x0')}}),this['commentInputView']['extendTemplate']({'attributes':{'class':_0x552a('0x4')}}),this[_0x552a('0xa')]({'tag':_0x552a('0xf'),'attributes':{'class':['ck-comment__input-container',this[_0x552a('0x6')]['if']('showInput',_0x552a('0x3'))]},'children':[this[_0x552a('0xe')],this[_0x552a('0xd')]]});}[_0x552a('0x1')](){return this[_0x552a('0xd')][_0x552a('0x1')]()[_0x552a('0xc')](()=>super[_0x552a('0x1')]());}}
+var _0xbbc4=['value','editor','setTemplate','ck-comment__input-container--active','focusTracker','commentInputView','createEditor','userView','showInput','set','destroy','then','div','bind','editorReady','change:showInput','ck-thread__input','bindTemplate','extendTemplate','ck-comment__input-container','ck-thread__user'];(function(_0x376be5,_0xbbc4fd){var _0x3b7bb5=function(_0x53765e){while(--_0x53765e){_0x376be5['push'](_0x376be5['shift']());}};_0x3b7bb5(++_0xbbc4fd);}(_0xbbc4,0x14d));var _0x3b7b=function(_0x376be5,_0xbbc4fd){_0x376be5=_0x376be5-0x0;var _0x3b7bb5=_0xbbc4[_0x376be5];return _0x3b7bb5;};import{View as _0x5a4903}from'ckeditor5/src/ui';import _0x40f73d from'./commentinputview';import{UserView as _0x143110}from'ckeditor5-collaboration/src/collaboration-core';export default class At extends _0x5a4903{constructor(_0x7ead34,_0x1b4f6a,_0x31f6cd){super(_0x7ead34),this[_0x3b7b('0x8')]=new _0x40f73d(_0x7ead34,_0x31f6cd),this[_0x3b7b('0x8')][_0x3b7b('0x10')]('showButtons')['to'](this['commentInputView'][_0x3b7b('0x7')],'isFocused',this['commentInputView'],_0x3b7b('0x3'),(_0x9b7690,_0x2665f1)=>_0x9b7690||!!_0x2665f1),this[_0x3b7b('0xc')](_0x3b7b('0xb'),!0x1),this['on'](_0x3b7b('0x12'),()=>{this[_0x3b7b('0xb')]&&!this[_0x3b7b('0x8')][_0x3b7b('0x4')]&&this[_0x3b7b('0x8')][_0x3b7b('0x9')]();}),this[_0x3b7b('0x8')]['delegate'](_0x3b7b('0x11'))['to'](this),this[_0x3b7b('0x8')]['delegate']('editorDestroyed')['to'](this),this[_0x3b7b('0xa')]=new _0x143110(_0x7ead34,_0x1b4f6a),this['userView']['extendTemplate']({'attributes':{'class':_0x3b7b('0x2')}}),this['commentInputView'][_0x3b7b('0x0')]({'attributes':{'class':_0x3b7b('0x13')}}),this[_0x3b7b('0x5')]({'tag':_0x3b7b('0xf'),'attributes':{'class':[_0x3b7b('0x1'),this[_0x3b7b('0x14')]['if'](_0x3b7b('0xb'),_0x3b7b('0x6'))]},'children':[this[_0x3b7b('0xa')],this[_0x3b7b('0x8')]]});}[_0x3b7b('0xd')](){return this[_0x3b7b('0x8')]['destroy']()[_0x3b7b('0xe')](()=>super[_0x3b7b('0xd')]());}}

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

@@ -1,118 +1,118 @@
-/**
- * @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/commentthreadview
- * @publicApi
- */
-import { type Locale } from 'ckeditor5/src/utils';
-import { type User } from 'ckeditor5-collaboration/src/collaboration-core';
-import { ButtonView, type TemplateDefinition, type ViewCollection } from 'ckeditor5/src/ui';
-import BaseCommentThreadView from './basecommentthreadview';
-import type { CommentThread } from '../../commentsrepository';
-import type { CommentThreadConfig } from '../../../config';
-declare const CommentThreadView_base: import("ckeditor5/src/utils").Mixed<typeof BaseCommentThreadView, import("@ckeditor/ckeditor5-collaboration-core/src/utils/confirmmixin").ConfirmApi>;
-/**
- * The default view for comment thread.
- */
-export default class CommentThreadView extends CommentThreadView_base {
-    isConfirm: boolean;
-    cancelConfirm: () => void;
-    showConfirm: (key: string, element: unknown) => Promise<void>;
-    /**
-     * The locale instance.
-     */
-    readonly locale: Locale;
-    /**
-     * A property used by the template.
-     *
-     * It works as a visual indicator for the user that an action is about to be performed.
-     * The value of this property is used in setting the CSS class.
-     * The property is used when the user interacts with the view.
-     *
-     * @observable
-     */
-    actionIndicator: string | null;
-    /**
-     * View collection which holds all comment thread children elements.
-     *
-     * These views are:
-     *
-     * * {@link ~CommentThreadView#commentThreadHeaderView `commentThreadHeaderView`} (added at the beginning when the comment thread is
-     * resolved),
-     * * {@link ~CommentThreadView#commentsListView `commentsListView`},
-     * * {@link ~CommentThreadView#commentThreadInputView `commentThreadInputView`}.
-     *
-     * @readonly
-     */
-    readonly commentThreadChildren: ViewCollection;
-    /**
-     * `ConfirmView` uses this element as a container for confirmation dialog.
-     *
-     * The element is set after `view#render()` is called.
-     *
-     * @member {HTMLElement|null} #containerElement
-     */
-    containerElement: HTMLElement | null;
-    /**
-     * Resolve button view. Resolve button fires the 'resolveCommentThread' event when submitted.
-     *
-     * @readonly
-     */
-    readonly resolveButton: ButtonView;
-    /**
-     * @inheritDoc
-     */
-    constructor(locale: Locale, model: CommentThread, localUser: User, config: CommentThreadConfig);
-    /**
-     * Returns a template definition that will be passed to {@link module:ui/view~View#setTemplate}.
-     *
-     * Overwrite this method if you want to set a custom template for the comment thread view.
-     *
-     * The default template looks as follows:
-     *
-     * ```ts
-     * const bind = this.bindTemplate;
-     *
-     * {
-     * 	tag: 'div',
-     *
-     * 	attributes: {
-     * 		class: [
-     * 			'ck-thread',
-     * 			'ck-reset_all-excluded',
-     * 			bind.if( 'isActive', 'ck-thread--active' ),
-     * 			bind.if( 'isUnlinked', 'ck-thread--unlinked' ),
-     * 			bind.if( 'isConfirm', 'ck-thread--remove-confirmation' ),
-     * 			bind.to( 'actionIndicator', value => value ? `ck-thread--${ value }` : '' )
-     * 		],
-     * 		'data-thread-id': this._model.id,
-     * 		// Needed for managing focus after adding new comment.
-     * 		tabindex: -1
-     * 	},
-     *
-     * 	children: [
-     * 		{
-     * 			tag: 'div',
-     * 			attributes: {
-     * 				class: 'ck-thread__container'
-     * 			},
-     * 			children: this.commentThreadChildren
-     * 		}
-     * 	]
-     * };
-     * ```
-     *
-     * See the {@glink features/collaboration/annotations/annotations-custom-view Annotation custom view guide} to learn more about
-     * the possible annotation customizations.
-     *
-     * @returns The definition of a comment thread view's template.
-     */
-    getTemplate(): TemplateDefinition;
-    /**
-     * @inheritDoc
-     */
-    render(): void;
-}
-export {};
+/**
+ * @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/commentthreadview
+ * @publicApi
+ */
+import { type Locale } from 'ckeditor5/src/utils';
+import { type User } from 'ckeditor5-collaboration/src/collaboration-core';
+import { ButtonView, type TemplateDefinition, type ViewCollection } from 'ckeditor5/src/ui';
+import BaseCommentThreadView from './basecommentthreadview';
+import type { CommentThread } from '../../commentsrepository';
+import type { CommentThreadConfig } from '../../../config';
+declare const CommentThreadView_base: import("ckeditor5/src/utils").Mixed<typeof BaseCommentThreadView, import("@ckeditor/ckeditor5-collaboration-core/src/utils/confirmmixin").ConfirmApi>;
+/**
+ * The default view for comment thread.
+ */
+export default class CommentThreadView extends CommentThreadView_base {
+    isConfirm: boolean;
+    cancelConfirm: () => void;
+    showConfirm: (key: string, element: unknown) => Promise<void>;
+    /**
+     * The locale instance.
+     */
+    readonly locale: Locale;
+    /**
+     * A property used by the template.
+     *
+     * It works as a visual indicator for the user that an action is about to be performed.
+     * The value of this property is used in setting the CSS class.
+     * The property is used when the user interacts with the view.
+     *
+     * @observable
+     */
+    actionIndicator: string | null;
+    /**
+     * View collection which holds all comment thread children elements.
+     *
+     * These views are:
+     *
+     * * {@link ~CommentThreadView#commentThreadHeaderView `commentThreadHeaderView`} (added at the beginning when the comment thread is
+     * resolved),
+     * * {@link ~CommentThreadView#commentsListView `commentsListView`},
+     * * {@link ~CommentThreadView#commentThreadInputView `commentThreadInputView`}.
+     *
+     * @readonly
+     */
+    readonly commentThreadChildren: ViewCollection;
+    /**
+     * `ConfirmView` uses this element as a container for confirmation dialog.
+     *
+     * The element is set after `view#render()` is called.
+     *
+     * @member {HTMLElement|null} #containerElement
+     */
+    containerElement: HTMLElement | null;
+    /**
+     * Resolve button view. Resolve button fires the 'resolveCommentThread' event when submitted.
+     *
+     * @readonly
+     */
+    readonly resolveButton: ButtonView;
+    /**
+     * @inheritDoc
+     */
+    constructor(locale: Locale, model: CommentThread, localUser: User, config: CommentThreadConfig);
+    /**
+     * Returns a template definition that will be passed to {@link module:ui/view~View#setTemplate}.
+     *
+     * Overwrite this method if you want to set a custom template for the comment thread view.
+     *
+     * The default template looks as follows:
+     *
+     * ```ts
+     * const bind = this.bindTemplate;
+     *
+     * {
+     * 	tag: 'div',
+     *
+     * 	attributes: {
+     * 		class: [
+     * 			'ck-thread',
+     * 			'ck-reset_all-excluded',
+     * 			bind.if( 'isActive', 'ck-thread--active' ),
+     * 			bind.if( 'isUnlinked', 'ck-thread--unlinked' ),
+     * 			bind.if( 'isConfirm', 'ck-thread--remove-confirmation' ),
+     * 			bind.to( 'actionIndicator', value => value ? `ck-thread--${ value }` : '' )
+     * 		],
+     * 		'data-thread-id': this._model.id,
+     * 		// Needed for managing focus after adding new comment.
+     * 		tabindex: -1
+     * 	},
+     *
+     * 	children: [
+     * 		{
+     * 			tag: 'div',
+     * 			attributes: {
+     * 				class: 'ck-thread__container'
+     * 			},
+     * 			children: this.commentThreadChildren
+     * 		}
+     * 	]
+     * };
+     * ```
+     *
+     * See the {@glink features/collaboration/annotations/annotations-custom-view Annotation custom view guide} to learn more about
+     * the possible annotation customizations.
+     *
+     * @returns The definition of a comment thread view's template.
+     */
+    getTemplate(): TemplateDefinition;
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+}
+export {};

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

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x40a4=['remove','removeCommentThread','change:isReadOnly','change:archivedAt','Delete\x20comment\x20thread?','archivedAt','isReadOnly','unbind','actionIndicator','isUnlinked','change:isActive','querySelector','_model','resolveButton','_cancelAllConfirms','ck-reset_all-excluded','element','extendTemplate','set','cancelConfirm','isConfirm','isSystemComment','actionBar','then','commentThreadHeaderView','bindTemplate','containerElement','commentsListView','render','ck-thread__container','execute','get','commentThreadInputView','Write\x20a\x20comment...','commentViews','_createResolveButton','Resolve','length','_bindFirstCommentView','ck-thread--unlinked','ck-thread--remove-confirmation','getTemplate','listenTo','commentThreadChildren','bind','isEnabled','resolveCommentThread','isResolved','setTemplate','isResolvable','div','_boundFirstCommentView','has','add','locale','isVisible','ck-thread--active'];(function(_0x2a9ad,_0x40a4a6){const _0x243e52=function(_0x4c6942){while(--_0x4c6942){_0x2a9ad['push'](_0x2a9ad['shift']());}};_0x243e52(++_0x40a4a6);}(_0x40a4,0x64));const _0x243e=function(_0x2a9ad,_0x40a4a6){_0x2a9ad=_0x2a9ad-0x0;let _0x243e52=_0x40a4[_0x2a9ad];return _0x243e52;};import{ConfirmMixin as _0x5624a9}from'ckeditor5-collaboration/src/collaboration-core';import{ButtonView as _0x46562b}from'ckeditor5/src/ui';import{icons as _0x34af76}from'ckeditor5/src/core';import _0x53ae5f from'./basecommentthreadview';import{getTranslation as _0x287912}from'../../../utils/common-translations';export default class lt extends _0x5624a9(_0x53ae5f){constructor(_0x55bb98,_0x5019fd,_0x2c72c5,_0x1369f8){super(_0x55bb98,_0x5019fd,_0x2c72c5,_0x1369f8),this[_0x243e('0x0')]=this['createCollection'](),this[_0x243e('0x0')]['addMany']([this[_0x243e('0x29')],this[_0x243e('0x2e')]]),this[_0x243e('0x1a')][_0x243e('0x13')]&&this[_0x243e('0x0')][_0x243e('0xa')](this['commentThreadHeaderView'],0x0),this[_0x243e('0x1a')]['on'](_0x243e('0x11'),(_0xa00712,_0x457e80,_0x4d14dd)=>{_0x4d14dd?this[_0x243e('0x0')][_0x243e('0x9')](this['commentThreadHeaderView'])||this[_0x243e('0x0')][_0x243e('0xa')](this[_0x243e('0x26')],0x0):this['commentThreadChildren'][_0x243e('0xe')](this[_0x243e('0x26')]);}),this[_0x243e('0x20')](_0x243e('0x16'),null),this[_0x243e('0x28')]=null,this[_0x243e('0x8')]=null,this[_0x243e('0xb')]=_0x55bb98,this[_0x243e('0x1b')]=this[_0x243e('0x31')](),this[_0x243e('0x5')](this[_0x243e('0x37')]()),this['on'](_0x243e('0x18'),(_0x2c2e2d,_0x28e323,_0x11317c)=>{_0x11317c||this[_0x243e('0x1c')]();}),this[_0x243e('0x38')](this['_model'],_0x243e('0x10'),(_0xd80658,_0x2ee1da,_0x367262)=>{_0x367262&&this[_0x243e('0x1c')]();}),this[_0x243e('0x33')]>0x0&&this[_0x243e('0x34')](),this[_0x243e('0x38')](this[_0x243e('0x29')][_0x243e('0x30')],'add',()=>{this[_0x243e('0x34')]();});}[_0x243e('0x37')](){const _0x339e56=this[_0x243e('0x27')];return{'tag':'div','attributes':{'class':['ck-thread',_0x243e('0x1d'),_0x339e56['if']('isActive',_0x243e('0xd')),_0x339e56['if'](_0x243e('0x17'),_0x243e('0x35')),_0x339e56['if'](_0x243e('0x22'),_0x243e('0x36')),_0x339e56['to']('actionIndicator',_0x28e1ed=>_0x28e1ed?'ck-thread--'+_0x28e1ed:'')],'data-thread-id':this['_model']['id'],'tabindex':-0x1},'children':[{'tag':_0x243e('0x7'),'attributes':{'class':_0x243e('0x2b')},'children':this[_0x243e('0x0')]}]};}[_0x243e('0x2a')](){super[_0x243e('0x2a')](),this[_0x243e('0x28')]=this[_0x243e('0x1e')][_0x243e('0x19')]('.ck-thread__container');}['_cancelAllConfirms'](){this[_0x243e('0x21')]();for(const _0x5b59fd of this[_0x243e('0x29')][_0x243e('0x30')])_0x5b59fd[_0x243e('0x21')]();}[_0x243e('0x34')](){const {locale:_0x39416e}=this,_0x2b3ff2=this[_0x243e('0x29')]['commentViews'][_0x243e('0x2d')](0x0);_0x2b3ff2===this[_0x243e('0x8')]||_0x2b3ff2[_0x243e('0x23')]||(this[_0x243e('0x8')]=_0x2b3ff2,this[_0x243e('0x15')]('actionIndicator'),this[_0x243e('0x1')](_0x243e('0x16'))['to'](_0x2b3ff2,_0x243e('0x16'),_0x1b107f=>'remove'===_0x1b107f?'remove':null),_0x2b3ff2['placeholder']=_0x287912(_0x39416e,_0x243e('0x2f')),_0x2b3ff2['removeButton']['on'](_0x243e('0x2c'),_0x14c1d2=>{_0x14c1d2['stop'](),this['showConfirm'](_0x287912(_0x39416e,_0x243e('0x12')),this[_0x243e('0x28')])[_0x243e('0x25')](()=>{this['fire'](_0x243e('0xf'));});},{'priority':'high'}),_0x2b3ff2[_0x243e('0x24')]['add'](this[_0x243e('0x1b')],0x0));}[_0x243e('0x31')](){const _0x2675ac=new _0x46562b(this[_0x243e('0xb')]);return _0x2675ac['label']=_0x287912(this[_0x243e('0xb')],_0x243e('0x32')),_0x2675ac['tooltip']=_0x287912(this['locale'],_0x243e('0x32')),_0x2675ac['icon']=_0x34af76['check'],_0x2675ac[_0x243e('0x1f')]({'attributes':{'class':'ck-comment--resolve'}}),_0x2675ac[_0x243e('0x1')](_0x243e('0x2'))['to'](this[_0x243e('0x1a')],_0x243e('0x14'),_0x4236b1=>!_0x4236b1),_0x2675ac[_0x243e('0x1')](_0x243e('0xc'))['to'](this[_0x243e('0x1a')],_0x243e('0x6'),this['_model'],_0x243e('0x4'),(_0x3885d7,_0x1cf09d)=>_0x3885d7&&!_0x1cf09d),_0x2675ac['on'](_0x243e('0x2c'),()=>{this['fire'](_0x243e('0x3'),this[_0x243e('0x1a')]['id']);}),_0x2675ac;}}
+const _0x4281=['_boundFirstCommentView','commentsListView','isResolvable','bind','isVisible','actionIndicator','ck-thread--','ck-reset_all-excluded','change:isActive','stop','div','Write\x20a\x20comment...','ck-thread--active','isReadOnly','fire','locale','extendTemplate','set','commentViews','Delete\x20comment\x20thread?','removeCommentThread','add','resolveCommentThread','querySelector','label','ck-thread--unlinked','cancelConfirm','getTemplate','containerElement','archivedAt','render','_bindFirstCommentView','ck-thread--remove-confirmation','isEnabled','commentThreadHeaderView','tooltip','_cancelAllConfirms','actionBar','commentThreadChildren','resolveButton','placeholder','_model','length','remove','icon','element','bindTemplate','_createResolveButton','unbind','isActive','ck-thread__container','change:isReadOnly','createCollection','addMany','then','isSystemComment','ck-thread','ck-comment--resolve','isConfirm','removeButton','Resolve','execute'];(function(_0x5d05bb,_0x4281bc){const _0x560edf=function(_0x2f95d7){while(--_0x2f95d7){_0x5d05bb['push'](_0x5d05bb['shift']());}};_0x560edf(++_0x4281bc);}(_0x4281,0x1eb));const _0x560e=function(_0x5d05bb,_0x4281bc){_0x5d05bb=_0x5d05bb-0x0;let _0x560edf=_0x4281[_0x5d05bb];return _0x560edf;};import{ConfirmMixin as _0xc50d54}from'ckeditor5-collaboration/src/collaboration-core';import{ButtonView as _0x2319ca}from'ckeditor5/src/ui';import{icons as _0x30e61d}from'ckeditor5/src/core';import _0xdf9eb6 from'./basecommentthreadview';import{getTranslation as _0x3d4af4}from'../../../utils/common-translations';export default class ft extends _0xc50d54(_0xdf9eb6){constructor(_0x2774c1,_0x51d93f,_0x2bf94f,_0x9dcf2c){super(_0x2774c1,_0x51d93f,_0x2bf94f,_0x9dcf2c),this[_0x560e('0x2b')]=this[_0x560e('0x39')](),this['commentThreadChildren'][_0x560e('0x3a')]([this[_0x560e('0x6')],this['commentThreadInputView']]),this[_0x560e('0x2e')][_0x560e('0x22')]&&this[_0x560e('0x2b')]['add'](this[_0x560e('0x27')],0x0),this['_model']['on']('change:archivedAt',(_0x1b8045,_0x466a10,_0x5797ad)=>{_0x5797ad?this['commentThreadChildren']['has'](this[_0x560e('0x27')])||this[_0x560e('0x2b')]['add'](this[_0x560e('0x27')],0x0):this['commentThreadChildren'][_0x560e('0x30')](this[_0x560e('0x27')]);}),this[_0x560e('0x16')](_0x560e('0xa'),null),this[_0x560e('0x21')]=null,this[_0x560e('0x5')]=null,this[_0x560e('0x14')]=_0x2774c1,this[_0x560e('0x2c')]=this['_createResolveButton'](),this['setTemplate'](this[_0x560e('0x20')]()),this['on'](_0x560e('0xd'),(_0x31a484,_0x40553d,_0x176b5f)=>{_0x176b5f||this['_cancelAllConfirms']();}),this['listenTo'](this[_0x560e('0x2e')],_0x560e('0x38'),(_0xcb73db,_0x388f2f,_0x2fc039)=>{_0x2fc039&&this[_0x560e('0x29')]();}),this[_0x560e('0x2f')]>0x0&&this[_0x560e('0x24')](),this['listenTo'](this['commentsListView']['commentViews'],_0x560e('0x1a'),()=>{this[_0x560e('0x24')]();});}['getTemplate'](){const _0x195a5b=this[_0x560e('0x33')];return{'tag':_0x560e('0xf'),'attributes':{'class':[_0x560e('0x3d'),_0x560e('0xc'),_0x195a5b['if'](_0x560e('0x36'),_0x560e('0x11')),_0x195a5b['if']('isUnlinked',_0x560e('0x1e')),_0x195a5b['if'](_0x560e('0x1'),_0x560e('0x25')),_0x195a5b['to'](_0x560e('0xa'),_0x379dbc=>_0x379dbc?_0x560e('0xb')+_0x379dbc:'')],'data-thread-id':this['_model']['id'],'tabindex':-0x1},'children':[{'tag':_0x560e('0xf'),'attributes':{'class':_0x560e('0x37')},'children':this[_0x560e('0x2b')]}]};}[_0x560e('0x23')](){super[_0x560e('0x23')](),this[_0x560e('0x21')]=this[_0x560e('0x32')][_0x560e('0x1c')]('.ck-thread__container');}['_cancelAllConfirms'](){this[_0x560e('0x1f')]();for(const _0x33c2fc of this[_0x560e('0x6')]['commentViews'])_0x33c2fc['cancelConfirm']();}['_bindFirstCommentView'](){const {locale:_0x4c2ab3}=this,_0x28061f=this[_0x560e('0x6')][_0x560e('0x17')]['get'](0x0);_0x28061f===this[_0x560e('0x5')]||_0x28061f[_0x560e('0x3c')]||(this[_0x560e('0x5')]=_0x28061f,this[_0x560e('0x35')](_0x560e('0xa')),this[_0x560e('0x8')]('actionIndicator')['to'](_0x28061f,'actionIndicator',_0x11bdb4=>_0x560e('0x30')===_0x11bdb4?_0x560e('0x30'):null),_0x28061f[_0x560e('0x2d')]=_0x3d4af4(_0x4c2ab3,_0x560e('0x10')),_0x28061f[_0x560e('0x2')]['on']('execute',_0x5621c5=>{_0x5621c5[_0x560e('0xe')](),this['showConfirm'](_0x3d4af4(_0x4c2ab3,_0x560e('0x18')),this[_0x560e('0x21')])[_0x560e('0x3b')](()=>{this['fire'](_0x560e('0x19'));});},{'priority':'high'}),_0x28061f[_0x560e('0x2a')][_0x560e('0x1a')](this[_0x560e('0x2c')],0x0));}[_0x560e('0x34')](){const _0x22b790=new _0x2319ca(this[_0x560e('0x14')]);return _0x22b790[_0x560e('0x1d')]=_0x3d4af4(this[_0x560e('0x14')],_0x560e('0x3')),_0x22b790[_0x560e('0x28')]=_0x3d4af4(this['locale'],_0x560e('0x3')),_0x22b790[_0x560e('0x31')]=_0x30e61d['check'],_0x22b790[_0x560e('0x15')]({'attributes':{'class':_0x560e('0x0')}}),_0x22b790['bind'](_0x560e('0x26'))['to'](this[_0x560e('0x2e')],_0x560e('0x12'),_0x4caa4e=>!_0x4caa4e),_0x22b790[_0x560e('0x8')](_0x560e('0x9'))['to'](this[_0x560e('0x2e')],_0x560e('0x7'),this[_0x560e('0x2e')],'isResolved',(_0x4baa23,_0x24f2ea)=>_0x4baa23&&!_0x24f2ea),_0x22b790['on'](_0x560e('0x4'),()=>{this[_0x560e('0x13')](_0x560e('0x1b'),this[_0x560e('0x2e')]['id']);}),_0x22b790;}}