@ckeditor/ckeditor5-comments 38.0.1 → 38.1.1

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

@@ -1,46 +1,46 @@
-/**
- * @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];
-};
+/**
+ * @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 _0x5b1b=['label','substring','ck-context--quotes','ck-context-wrapper','isResolvable','scrollWidth','Reopen','ck-context','tooltip','_attachContextActions','contextValue','fire','bind','mouseleave','context','reopenButtonView','reopenCommentThread','mouseenter','ck-annotation__actions','hasContext','setTemplate','offsetWidth','listenTo','classList','length','.ck-context','span','ck-context__value','Comment\x20was\x20made\x20on\x20an\x20element','locale','element','.ck-context__value','div','render','querySelector','_trimContextValue','...','_createReopenButton','_model','overlay'];(function(_0x57f5c1,_0x5b1b41){const _0x2facef=function(_0x2d9d02){while(--_0x2d9d02){_0x57f5c1['push'](_0x57f5c1['shift']());}};_0x2facef(++_0x5b1b41);}(_0x5b1b,0x1d5));const _0x2fac=function(_0x57f5c1,_0x5b1b41){_0x57f5c1=_0x57f5c1-0x0;let _0x2facef=_0x5b1b[_0x57f5c1];return _0x2facef;};import{View as _0x5afdc2,ButtonView as _0x12d66d}from'ckeditor5/src/ui';import{getTranslation as _0x1065d7}from'../../../utils/common-translations';import _0x51ac2f from'../../../../theme/icons/undo.svg';export const MAX_CONTENT_LENGTH=0x96;export default class Tt extends _0x5afdc2{constructor(_0x90f055,_0x1e072f){super(_0x90f055);const _0x3fc4e3=this['bindTemplate'];this[_0x2fac('0x9')]=_0x1e072f,this[_0x2fac('0x1a')]=this[_0x2fac('0x8')](),this['bind'](_0x2fac('0x1e'))['to'](this[_0x2fac('0x9')],'context',_0x25e2c0=>!!_0x25e2c0),this[_0x2fac('0x17')](_0x2fac('0x15'))['to'](this[_0x2fac('0x9')],_0x2fac('0x19'),_0x2c71ad=>_0x2c71ad&&_0x2c71ad['value']?this['_trimContextValue'](_0x2c71ad['value']):_0x1065d7(this['locale'],_0x2fac('0x27'))),this[_0x2fac('0x1f')]({'tag':_0x2fac('0x3'),'attributes':{'class':['ck-thread__header']},'children':[{'tag':_0x2fac('0x3'),'attributes':{'class':[_0x2fac('0xe')]},'children':[{'tag':'div','attributes':{'class':[_0x2fac('0x12'),_0x3fc4e3['if']('hasContext',_0x2fac('0xd'))]},'children':[{'tag':_0x2fac('0x25'),'attributes':{'class':[_0x2fac('0x26')]},'children':[{'text':_0x3fc4e3['to'](_0x2fac('0x15'))}]}]}]},{'tag':'div','attributes':{'class':[_0x2fac('0x1d')]},'children':[this[_0x2fac('0x1a')]]}]});}[_0x2fac('0x4')](){super[_0x2fac('0x4')](),this[_0x2fac('0x14')]();}[_0x2fac('0x8')](){const _0x117fb0=new _0x12d66d(this[_0x2fac('0x0')]);return _0x117fb0[_0x2fac('0xb')]=_0x1065d7(this[_0x2fac('0x0')],_0x2fac('0x11')),_0x117fb0[_0x2fac('0x13')]=_0x1065d7(this[_0x2fac('0x0')],'Reopen'),_0x117fb0['icon']=_0x51ac2f,_0x117fb0[_0x2fac('0x17')]('isVisible')['to'](this['_model'],_0x2fac('0xf')),_0x117fb0['on']('execute',()=>{this[_0x2fac('0x16')](_0x2fac('0x1b'),this[_0x2fac('0x9')]['id']);}),_0x117fb0;}[_0x2fac('0x6')](_0x2fb099){if(_0x2fb099[_0x2fac('0x23')]<0x96)return _0x2fb099;const _0x3a34c1=_0x2fb099['lastIndexOf']('\x20',0x93);return _0x2fb099[_0x2fac('0xc')](0x0,_0x3a34c1>-0x1?_0x3a34c1:0x93)+_0x2fac('0x7');}[_0x2fac('0x14')](){const _0xa50421=this[_0x2fac('0x1')]['querySelector'](_0x2fac('0x24')),_0xa49e92=_0xa50421[_0x2fac('0x5')](_0x2fac('0x2'));this[_0x2fac('0x21')](_0xa50421,_0x2fac('0x1c'),()=>{_0xa49e92[_0x2fac('0x20')]<_0xa49e92[_0x2fac('0x10')]&&_0xa50421['classList']['add']('overlay');}),this[_0x2fac('0x21')](_0xa50421,_0x2fac('0x18'),()=>{_0xa50421[_0x2fac('0x22')]['remove'](_0x2fac('0xa'));});}}
+const _0x5874=['isEnabled','ck-context-wrapper','execute','querySelector','context','bind','listenTo','offsetWidth','bindTemplate','ck-context--quotes','lastIndexOf','length','reopenButtonView','Comment\x20was\x20made\x20on\x20an\x20element','substring','isVisible','label','ck-context__value','classList','div','mouseleave','scrollWidth','overlay','_attachContextActions','contextValue','isResolvable','fire','_createReopenButton','render','value','tooltip','_trimContextValue','...','.ck-context','locale','hasContext','mouseenter','reopenCommentThread','setTemplate','ck-thread__header','isReadOnly','span','_model','add'];(function(_0x161eef,_0x5874db){const _0x5b5b7b=function(_0xa5a862){while(--_0xa5a862){_0x161eef['push'](_0x161eef['shift']());}};_0x5b5b7b(++_0x5874db);}(_0x5874,0xc0));const _0x5b5b=function(_0x161eef,_0x5874db){_0x161eef=_0x161eef-0x0;let _0x5b5b7b=_0x5874[_0x161eef];return _0x5b5b7b;};import{View as _0x4970dc,ButtonView as _0x586cf4}from'ckeditor5/src/ui';import{getTranslation as _0x493f88}from'../../../utils/common-translations';import _0x36d0a1 from'../../../../theme/icons/undo.svg';export const MAX_CONTENT_LENGTH=0x96;export default class Tt extends _0x4970dc{constructor(_0x1d976a,_0x1c93d5){super(_0x1d976a);const _0x125f16=this[_0x5b5b('0x24')];this[_0x5b5b('0x1a')]=_0x1c93d5,this[_0x5b5b('0x28')]=this['_createReopenButton'](),this['bind'](_0x5b5b('0x13'))['to'](this[_0x5b5b('0x1a')],_0x5b5b('0x20'),_0x4919d9=>!!_0x4919d9),this[_0x5b5b('0x21')](_0x5b5b('0x8'))['to'](this['_model'],_0x5b5b('0x20'),_0x892379=>_0x892379&&_0x892379[_0x5b5b('0xd')]?this['_trimContextValue'](_0x892379[_0x5b5b('0xd')]):_0x493f88(this[_0x5b5b('0x12')],_0x5b5b('0x29'))),this[_0x5b5b('0x16')]({'tag':_0x5b5b('0x3'),'attributes':{'class':[_0x5b5b('0x17')]},'children':[{'tag':_0x5b5b('0x3'),'attributes':{'class':[_0x5b5b('0x1d')]},'children':[{'tag':_0x5b5b('0x3'),'attributes':{'class':['ck-context',_0x125f16['if'](_0x5b5b('0x13'),_0x5b5b('0x25'))]},'children':[{'tag':_0x5b5b('0x19'),'attributes':{'class':[_0x5b5b('0x1')]},'children':[{'text':_0x125f16['to']('contextValue')}]}]}]},{'tag':'div','attributes':{'class':['ck-annotation__actions']},'children':[this[_0x5b5b('0x28')]]}]});}[_0x5b5b('0xc')](){super['render'](),this[_0x5b5b('0x7')]();}[_0x5b5b('0xb')](){const _0x4d6e39=new _0x586cf4(this[_0x5b5b('0x12')]);return _0x4d6e39[_0x5b5b('0x0')]=_0x493f88(this[_0x5b5b('0x12')],'Reopen'),_0x4d6e39[_0x5b5b('0xe')]=_0x493f88(this['locale'],'Reopen'),_0x4d6e39['icon']=_0x36d0a1,_0x4d6e39[_0x5b5b('0x21')](_0x5b5b('0x1c'))['to'](this[_0x5b5b('0x1a')],_0x5b5b('0x18'),_0x3e9798=>!_0x3e9798),_0x4d6e39[_0x5b5b('0x21')](_0x5b5b('0x2b'))['to'](this[_0x5b5b('0x1a')],_0x5b5b('0x9')),_0x4d6e39['on'](_0x5b5b('0x1e'),()=>{this[_0x5b5b('0xa')](_0x5b5b('0x15'),this['_model']['id']);}),_0x4d6e39;}[_0x5b5b('0xf')](_0x14effc){if(_0x14effc[_0x5b5b('0x27')]<0x96)return _0x14effc;const _0x3578bc=_0x14effc[_0x5b5b('0x26')]('\x20',0x93);return _0x14effc[_0x5b5b('0x2a')](0x0,_0x3578bc>-0x1?_0x3578bc:0x93)+_0x5b5b('0x10');}[_0x5b5b('0x7')](){const _0x2294dc=this['element']['querySelector'](_0x5b5b('0x11')),_0x5a90ed=_0x2294dc[_0x5b5b('0x1f')]('.ck-context__value');this['listenTo'](_0x2294dc,_0x5b5b('0x14'),()=>{_0x5a90ed[_0x5b5b('0x23')]<_0x5a90ed[_0x5b5b('0x5')]&&_0x2294dc[_0x5b5b('0x2')][_0x5b5b('0x1b')](_0x5b5b('0x6'));}),this[_0x5b5b('0x22')](_0x2294dc,_0x5b5b('0x4'),()=>{_0x2294dc[_0x5b5b('0x2')]['remove']('overlay');});}}

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

@@ -1,37 +1,37 @@
-/**
- * @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>;
-}
+/**
+ * @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 _0x1936=['destroy','focusTracker','isFocused','commentInputView','ck-comment__input-container--active','extendTemplate','ck-thread__input','showInput','bindTemplate','editor','bind','ck-thread__user','value','change:showInput','ck-comment__input-container','userView','showButtons','set','div'];(function(_0xe9fa1e,_0x193616){var _0x5768d0=function(_0x46e7b1){while(--_0x46e7b1){_0xe9fa1e['push'](_0xe9fa1e['shift']());}};_0x5768d0(++_0x193616);}(_0x1936,0xa1));var _0x5768=function(_0xe9fa1e,_0x193616){_0xe9fa1e=_0xe9fa1e-0x0;var _0x5768d0=_0x1936[_0xe9fa1e];return _0x5768d0;};import{View as _0x39fc43}from'ckeditor5/src/ui';import _0x4b2cc9 from'./commentinputview';import{UserView as _0x375f7c}from'ckeditor5-collaboration/src/collaboration-core';export default class Ct extends _0x39fc43{constructor(_0x12c75c,_0x293a7b,_0x2d917c){super(_0x12c75c),this[_0x5768('0xd')]=new _0x4b2cc9(_0x12c75c,_0x2d917c),this[_0x5768('0xd')][_0x5768('0x1')](_0x5768('0x7'))['to'](this[_0x5768('0xd')][_0x5768('0xb')],_0x5768('0xc'),this[_0x5768('0xd')],_0x5768('0x3'),(_0x206165,_0x44618e)=>_0x206165||!!_0x44618e),this[_0x5768('0x8')](_0x5768('0x11'),!0x1),this['on'](_0x5768('0x4'),()=>{this[_0x5768('0x11')]&&!this[_0x5768('0xd')][_0x5768('0x0')]&&this['commentInputView']['createEditor']();}),this[_0x5768('0x6')]=new _0x375f7c(_0x12c75c,_0x293a7b),this[_0x5768('0x6')][_0x5768('0xf')]({'attributes':{'class':_0x5768('0x2')}}),this[_0x5768('0xd')][_0x5768('0xf')]({'attributes':{'class':_0x5768('0x10')}}),this['setTemplate']({'tag':_0x5768('0x9'),'attributes':{'class':[_0x5768('0x5'),this[_0x5768('0x12')]['if'](_0x5768('0x11'),_0x5768('0xe'))]},'children':[this[_0x5768('0x6')],this[_0x5768('0xd')]]});}[_0x5768('0xa')](){return this['commentInputView'][_0x5768('0xa')]()['then'](()=>super['destroy']());}}
+var _0x7a12=['set','change:showInput','createEditor','editor','focusTracker','userView','showInput','destroy','ck-comment__input-container--active','extendTemplate','ck-thread__input','ck-comment__input-container','commentInputView','then','value','bind','bindTemplate','showButtons','isFocused'];(function(_0x2eab6c,_0x7a12f1){var _0x11af23=function(_0x5386c1){while(--_0x5386c1){_0x2eab6c['push'](_0x2eab6c['shift']());}};_0x11af23(++_0x7a12f1);}(_0x7a12,0x128));var _0x11af=function(_0x2eab6c,_0x7a12f1){_0x2eab6c=_0x2eab6c-0x0;var _0x11af23=_0x7a12[_0x2eab6c];return _0x11af23;};import{View as _0x31bddb}from'ckeditor5/src/ui';import _0x4d8b04 from'./commentinputview';import{UserView as _0x46672c}from'ckeditor5-collaboration/src/collaboration-core';export default class Ct extends _0x31bddb{constructor(_0x94df9a,_0x144b84,_0x1b0467){super(_0x94df9a),this[_0x11af('0x1')]=new _0x4d8b04(_0x94df9a,_0x1b0467),this[_0x11af('0x1')][_0x11af('0x4')](_0x11af('0x6'))['to'](this[_0x11af('0x1')][_0x11af('0xc')],_0x11af('0x7'),this[_0x11af('0x1')],_0x11af('0x3'),(_0x4f8bd0,_0xe37c08)=>_0x4f8bd0||!!_0xe37c08),this[_0x11af('0x8')](_0x11af('0xe'),!0x1),this['on'](_0x11af('0x9'),()=>{this[_0x11af('0xe')]&&!this[_0x11af('0x1')][_0x11af('0xb')]&&this[_0x11af('0x1')][_0x11af('0xa')]();}),this[_0x11af('0xd')]=new _0x46672c(_0x94df9a,_0x144b84),this['userView']['extendTemplate']({'attributes':{'class':'ck-thread__user'}}),this['commentInputView'][_0x11af('0x11')]({'attributes':{'class':_0x11af('0x12')}}),this['setTemplate']({'tag':'div','attributes':{'class':[_0x11af('0x0'),this[_0x11af('0x5')]['if'](_0x11af('0xe'),_0x11af('0x10'))]},'children':[this['userView'],this[_0x11af('0x1')]]});}[_0x11af('0xf')](){return this['commentInputView'][_0x11af('0xf')]()[_0x11af('0x2')](()=>super[_0x11af('0xf')]());}}

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

@@ -1,113 +1,113 @@
-/**
- * @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( '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 {};
+/**
+ * @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( '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 _0x5f16=['locale','_model','Delete\x20comment\x20thread?','check','isVisible','ck-reset_all-excluded','commentsListView','commentViews','fire','ck-comment--resolve','_bindFirstCommentView','resolveButton','actionIndicator','unbind','bind','change:isResolved','commentThreadChildren','ck-thread','containerElement','change:isActive','_cancelAllConfirms','then','execute','createCollection','render','isReadOnly','_boundFirstCommentView','commentThreadHeaderView','querySelector','element','change:isReadOnly','icon','addMany','resolveCommentThread','_createResolveButton','ck-thread--','cancelConfirm','isEnabled','label','actionBar','removeButton','.ck-thread__container','ck-thread--active','setTemplate','isResolvable','commentThreadInputView','isActive','add','length','remove','placeholder','listenTo','Resolve','getTemplate','stop','removeCommentThread','isResolved'];(function(_0x1c05b2,_0x5f1644){const _0x45d65b=function(_0xe58ca2){while(--_0xe58ca2){_0x1c05b2['push'](_0x1c05b2['shift']());}};_0x45d65b(++_0x5f1644);}(_0x5f16,0xd9));const _0x45d6=function(_0x1c05b2,_0x5f1644){_0x1c05b2=_0x1c05b2-0x0;let _0x45d65b=_0x5f16[_0x1c05b2];return _0x45d65b;};import{ConfirmMixin as _0xc850b3}from'ckeditor5-collaboration/src/collaboration-core';import{ButtonView as _0x599400}from'ckeditor5/src/ui';import{icons as _0x3b2414}from'ckeditor5/src/core';import _0x4c3c74 from'./basecommentthreadview';import{getTranslation as _0x2a4eb6}from'../../../utils/common-translations';export default class lt extends _0xc850b3(_0x4c3c74){constructor(_0x38a651,_0x9a4eb1,_0x1a2fc7,_0x3c1bdd){super(_0x38a651,_0x9a4eb1,_0x1a2fc7,_0x3c1bdd),this['commentThreadChildren']=this[_0x45d6('0x22')](),this['commentThreadChildren'][_0x45d6('0x2b')]([this['commentsListView'],this[_0x45d6('0x38')]]),this['_model']['isResolved']&&this['commentThreadChildren'][_0x45d6('0x1')](this[_0x45d6('0x26')],0x0),this[_0x45d6('0xc')]['on'](_0x45d6('0x1a'),(_0xbfb721,_0x4ea0e1,_0x157f12)=>{_0x157f12?this[_0x45d6('0x1b')][_0x45d6('0x1')](this[_0x45d6('0x26')],0x0):this['commentThreadChildren'][_0x45d6('0x3')](this[_0x45d6('0x26')]);}),this['set'](_0x45d6('0x17'),null),this[_0x45d6('0x1d')]=null,this['_boundFirstCommentView']=null,this['locale']=_0x38a651,this[_0x45d6('0x16')]=this[_0x45d6('0x2d')](),this[_0x45d6('0x36')](this[_0x45d6('0x7')]()),this['on'](_0x45d6('0x1e'),(_0x5ebc65,_0x1999a3,_0x8036b3)=>{_0x8036b3||this[_0x45d6('0x1f')]();}),this[_0x45d6('0x5')](this[_0x45d6('0xc')],_0x45d6('0x29'),(_0x3f4866,_0x40b8e8,_0x5c15ec)=>{_0x5c15ec&&this['_cancelAllConfirms']();}),this[_0x45d6('0x2')]>0x0&&this['_bindFirstCommentView'](),this[_0x45d6('0x5')](this[_0x45d6('0x11')][_0x45d6('0x12')],_0x45d6('0x1'),()=>{this[_0x45d6('0x15')]();});}['getTemplate'](){const _0x3e4980=this['bindTemplate'];return{'tag':'div','attributes':{'class':[_0x45d6('0x1c'),_0x45d6('0x10'),_0x3e4980['if'](_0x45d6('0x0'),_0x45d6('0x35')),_0x3e4980['if']('isConfirm','ck-thread--remove-confirmation'),_0x3e4980['to']('actionIndicator',_0x4c8b63=>_0x4c8b63?_0x45d6('0x2e')+_0x4c8b63:'')],'data-thread-id':this[_0x45d6('0xc')]['id'],'tabindex':-0x1},'children':[{'tag':'div','attributes':{'class':'ck-thread__container'},'children':this[_0x45d6('0x1b')]}]};}[_0x45d6('0x23')](){super[_0x45d6('0x23')](),this[_0x45d6('0x1d')]=this[_0x45d6('0x28')][_0x45d6('0x27')](_0x45d6('0x34'));}[_0x45d6('0x1f')](){this['cancelConfirm']();for(const _0x234018 of this['commentsListView']['commentViews'])_0x234018[_0x45d6('0x2f')]();}[_0x45d6('0x15')](){const {locale:_0x48a8fb}=this,_0x387b83=this['commentsListView']['commentViews']['get'](0x0);_0x387b83===this['_boundFirstCommentView']||_0x387b83['isSystemComment']||(this[_0x45d6('0x25')]=_0x387b83,this[_0x45d6('0x18')](_0x45d6('0x17')),this[_0x45d6('0x19')](_0x45d6('0x17'))['to'](_0x387b83,_0x45d6('0x17'),_0xab8c6a=>'remove'===_0xab8c6a?_0x45d6('0x3'):null),_0x387b83[_0x45d6('0x4')]=_0x2a4eb6(_0x48a8fb,'Write\x20a\x20comment...'),_0x387b83[_0x45d6('0x33')]['on'](_0x45d6('0x21'),_0x3f7415=>{_0x3f7415[_0x45d6('0x8')](),this['showConfirm'](_0x2a4eb6(_0x48a8fb,_0x45d6('0xd')),this[_0x45d6('0x1d')])[_0x45d6('0x20')](()=>{this[_0x45d6('0x13')](_0x45d6('0x9'));});},{'priority':'high'}),_0x387b83[_0x45d6('0x32')][_0x45d6('0x1')](this['resolveButton'],0x0));}[_0x45d6('0x2d')](){const _0x24f77a=new _0x599400(this[_0x45d6('0xb')]);return _0x24f77a[_0x45d6('0x31')]=_0x2a4eb6(this[_0x45d6('0xb')],'Resolve'),_0x24f77a['tooltip']=_0x2a4eb6(this[_0x45d6('0xb')],_0x45d6('0x6')),_0x24f77a[_0x45d6('0x2a')]=_0x3b2414[_0x45d6('0xe')],_0x24f77a['extendTemplate']({'attributes':{'class':_0x45d6('0x14')}}),_0x24f77a[_0x45d6('0x19')](_0x45d6('0x30'))['to'](this[_0x45d6('0xc')],_0x45d6('0x24'),_0x43609a=>!_0x43609a),_0x24f77a[_0x45d6('0x19')](_0x45d6('0xf'))['to'](this['_model'],_0x45d6('0x37'),this['_model'],_0x45d6('0xa'),(_0x2ecb65,_0x155bfe)=>_0x2ecb65&&!_0x155bfe),_0x24f77a['on'](_0x45d6('0x21'),()=>{this[_0x45d6('0x13')](_0x45d6('0x2c'),this[_0x45d6('0xc')]['id']);}),_0x24f77a;}}
+const _0x1bbe=['_bindFirstCommentView','element','cancelConfirm','_model','querySelector','tooltip','resolveButton','ck-thread--remove-confirmation','isSystemComment','get','commentThreadChildren','removeButton','ck-reset_all-excluded','actionIndicator','ck-thread','fire','div','change:isReadOnly','check','render','.ck-thread__container','bind','Resolve','_createResolveButton','addMany','icon','commentViews','isResolved','unbind','_cancelAllConfirms','commentThreadInputView','length','add','showConfirm','set','ck-thread__container','_boundFirstCommentView','remove','commentsListView','Write\x20a\x20comment...','change:isResolved','listenTo','locale','label','isEnabled','isResolvable','ck-thread--active','resolveCommentThread','containerElement','high','ck-comment--resolve','isReadOnly','bindTemplate','stop','isActive'];(function(_0x264f63,_0x1bbe20){const _0x114206=function(_0x1769c2){while(--_0x1769c2){_0x264f63['push'](_0x264f63['shift']());}};_0x114206(++_0x1bbe20);}(_0x1bbe,0x105));const _0x1142=function(_0x264f63,_0x1bbe20){_0x264f63=_0x264f63-0x0;let _0x114206=_0x1bbe[_0x264f63];return _0x114206;};import{ConfirmMixin as _0x4bc22b}from'ckeditor5-collaboration/src/collaboration-core';import{ButtonView as _0x3e62bf}from'ckeditor5/src/ui';import{icons as _0x32e751}from'ckeditor5/src/core';import _0x660b62 from'./basecommentthreadview';import{getTranslation as _0x5de917}from'../../../utils/common-translations';export default class lt extends _0x4bc22b(_0x660b62){constructor(_0x2df31b,_0x569de2,_0xde8a42,_0x527970){super(_0x2df31b,_0x569de2,_0xde8a42,_0x527970),this[_0x1142('0x18')]=this['createCollection'](),this[_0x1142('0x18')][_0x1142('0x26')]([this[_0x1142('0x34')],this[_0x1142('0x2c')]]),this['_model'][_0x1142('0x29')]&&this[_0x1142('0x18')][_0x1142('0x2e')](this['commentThreadHeaderView'],0x0),this[_0x1142('0x11')]['on'](_0x1142('0x36'),(_0x5eeb48,_0x5a1848,_0x52812e)=>{_0x52812e?this[_0x1142('0x18')][_0x1142('0x2e')](this['commentThreadHeaderView'],0x0):this['commentThreadChildren'][_0x1142('0x33')](this['commentThreadHeaderView']);}),this[_0x1142('0x30')](_0x1142('0x1b'),null),this[_0x1142('0x7')]=null,this[_0x1142('0x32')]=null,this[_0x1142('0x1')]=_0x2df31b,this[_0x1142('0x14')]=this[_0x1142('0x25')](),this['setTemplate'](this['getTemplate']()),this['on']('change:isActive',(_0x42f7c1,_0x13a1e6,_0x588e12)=>{_0x588e12||this[_0x1142('0x2b')]();}),this['listenTo'](this[_0x1142('0x11')],_0x1142('0x1f'),(_0x4178c7,_0x3aa274,_0x5e3e22)=>{_0x5e3e22&&this['_cancelAllConfirms']();}),this[_0x1142('0x2d')]>0x0&&this[_0x1142('0xe')](),this[_0x1142('0x0')](this[_0x1142('0x34')]['commentViews'],_0x1142('0x2e'),()=>{this[_0x1142('0xe')]();});}['getTemplate'](){const _0x4d0437=this[_0x1142('0xb')];return{'tag':_0x1142('0x1e'),'attributes':{'class':[_0x1142('0x1c'),_0x1142('0x1a'),_0x4d0437['if'](_0x1142('0xd'),_0x1142('0x5')),_0x4d0437['if']('isConfirm',_0x1142('0x15')),_0x4d0437['to']('actionIndicator',_0x30574d=>_0x30574d?'ck-thread--'+_0x30574d:'')],'data-thread-id':this[_0x1142('0x11')]['id'],'tabindex':-0x1},'children':[{'tag':_0x1142('0x1e'),'attributes':{'class':_0x1142('0x31')},'children':this['commentThreadChildren']}]};}[_0x1142('0x21')](){super[_0x1142('0x21')](),this[_0x1142('0x7')]=this[_0x1142('0xf')][_0x1142('0x12')](_0x1142('0x22'));}[_0x1142('0x2b')](){this[_0x1142('0x10')]();for(const _0x6a013c of this['commentsListView'][_0x1142('0x28')])_0x6a013c[_0x1142('0x10')]();}[_0x1142('0xe')](){const {locale:_0x185e05}=this,_0x19c8ba=this[_0x1142('0x34')][_0x1142('0x28')][_0x1142('0x17')](0x0);_0x19c8ba===this[_0x1142('0x32')]||_0x19c8ba[_0x1142('0x16')]||(this[_0x1142('0x32')]=_0x19c8ba,this[_0x1142('0x2a')]('actionIndicator'),this[_0x1142('0x23')](_0x1142('0x1b'))['to'](_0x19c8ba,_0x1142('0x1b'),_0x9f5ba3=>_0x1142('0x33')===_0x9f5ba3?_0x1142('0x33'):null),_0x19c8ba['placeholder']=_0x5de917(_0x185e05,_0x1142('0x35')),_0x19c8ba[_0x1142('0x19')]['on']('execute',_0x7b7c8=>{_0x7b7c8[_0x1142('0xc')](),this[_0x1142('0x2f')](_0x5de917(_0x185e05,'Delete\x20comment\x20thread?'),this[_0x1142('0x7')])['then'](()=>{this[_0x1142('0x1d')]('removeCommentThread');});},{'priority':_0x1142('0x8')}),_0x19c8ba['actionBar'][_0x1142('0x2e')](this[_0x1142('0x14')],0x0));}[_0x1142('0x25')](){const _0x207de0=new _0x3e62bf(this[_0x1142('0x1')]);return _0x207de0[_0x1142('0x2')]=_0x5de917(this[_0x1142('0x1')],_0x1142('0x24')),_0x207de0[_0x1142('0x13')]=_0x5de917(this[_0x1142('0x1')],_0x1142('0x24')),_0x207de0[_0x1142('0x27')]=_0x32e751[_0x1142('0x20')],_0x207de0['extendTemplate']({'attributes':{'class':_0x1142('0x9')}}),_0x207de0['bind'](_0x1142('0x3'))['to'](this[_0x1142('0x11')],_0x1142('0xa'),_0x82dfc=>!_0x82dfc),_0x207de0[_0x1142('0x23')]('isVisible')['to'](this[_0x1142('0x11')],_0x1142('0x4'),this[_0x1142('0x11')],'isResolved',(_0x1ab464,_0x29afd4)=>_0x1ab464&&!_0x29afd4),_0x207de0['on']('execute',()=>{this[_0x1142('0x1d')](_0x1142('0x6'),this[_0x1142('0x11')]['id']);}),_0x207de0;}}