@ckeditor/ckeditor5-comments 40.0.0 → 40.1.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 _0x664d=['icon','_trimContextValue','...','remove','substring','scrollWidth','mouseenter','ck-context--quotes','render','contextValue','add','hasContext','reopenCommentThread','lastIndexOf','ck-context__value','div','bind','fire','length','.ck-context__value','span','label','Comment\x20was\x20made\x20on\x20an\x20element','isReadOnly','Reopen','ck-thread__header','context','locale','_createReopenButton','bindTemplate','isVisible','isResolvable','reopenButtonView','querySelector','listenTo','ck-context','_attachContextActions','_model','setTemplate','value','overlay','isResolved'];(function(_0x5c27c3,_0x664dd9){const _0x1104b2=function(_0x56b5f9){while(--_0x56b5f9){_0x5c27c3['push'](_0x5c27c3['shift']());}};_0x1104b2(++_0x664dd9);}(_0x664d,0x1e7));const _0x1104=function(_0x5c27c3,_0x664dd9){_0x5c27c3=_0x5c27c3-0x0;let _0x1104b2=_0x664d[_0x5c27c3];return _0x1104b2;};import{View as _0x120636,ButtonView as _0x5ec2c0}from'ckeditor5/src/ui';import{getTranslation as _0x90bacd}from'../../../utils/common-translations';import _0x4a8ed5 from'../../../../theme/icons/undo.svg';export const MAX_CONTENT_LENGTH=0x96;export default class Tt extends _0x120636{constructor(_0x34fa81,_0x5e9ab1){super(_0x34fa81);const _0x5c33c6=this[_0x1104('0x4')];this[_0x1104('0xc')]=_0x5e9ab1,this[_0x1104('0x7')]=this[_0x1104('0x3')](),this['bind']('hasContext')['to'](this[_0x1104('0xc')],_0x1104('0x1'),_0x560fc7=>!!_0x560fc7),this[_0x1104('0x21')](_0x1104('0x1a'))['to'](this[_0x1104('0xc')],_0x1104('0x1'),_0x1b0c78=>_0x1b0c78&&_0x1b0c78[_0x1104('0xe')]?this[_0x1104('0x12')](_0x1b0c78['value']):_0x90bacd(this[_0x1104('0x2')],_0x1104('0x27'))),this[_0x1104('0xd')]({'tag':_0x1104('0x20'),'attributes':{'class':[_0x1104('0x0')]},'children':[{'tag':_0x1104('0x20'),'attributes':{'class':['ck-context-wrapper']},'children':[{'tag':'div','attributes':{'class':[_0x1104('0xa'),_0x5c33c6['if'](_0x1104('0x1c'),_0x1104('0x18'))]},'children':[{'tag':_0x1104('0x25'),'attributes':{'class':[_0x1104('0x1f')]},'children':[{'text':_0x5c33c6['to'](_0x1104('0x1a'))}]}]}]},{'tag':_0x1104('0x20'),'attributes':{'class':['ck-annotation__actions']},'children':[this[_0x1104('0x7')]]}]});}[_0x1104('0x19')](){super[_0x1104('0x19')](),this[_0x1104('0xb')]();}[_0x1104('0x3')](){const _0x38a7d2=new _0x5ec2c0(this['locale']);return _0x38a7d2[_0x1104('0x26')]=_0x90bacd(this['locale'],_0x1104('0x29')),_0x38a7d2['tooltip']=_0x90bacd(this[_0x1104('0x2')],_0x1104('0x29')),_0x38a7d2[_0x1104('0x11')]=_0x4a8ed5,_0x38a7d2[_0x1104('0x21')]('isEnabled')['to'](this['_model'],_0x1104('0x28'),_0x35eeb9=>!_0x35eeb9),_0x38a7d2[_0x1104('0x21')](_0x1104('0x5'))['to'](this[_0x1104('0xc')],_0x1104('0x6'),this['_model'],_0x1104('0x10'),(_0x3f79a4,_0x5337b1)=>_0x3f79a4&&_0x5337b1),_0x38a7d2['on']('execute',()=>{this[_0x1104('0x22')](_0x1104('0x1d'),this['_model']['id']);}),_0x38a7d2;}[_0x1104('0x12')](_0x4a33e3){if(_0x4a33e3[_0x1104('0x23')]<0x96)return _0x4a33e3;const _0x1b38e4=_0x4a33e3[_0x1104('0x1e')]('\x20',0x93);return _0x4a33e3[_0x1104('0x15')](0x0,_0x1b38e4>-0x1?_0x1b38e4:0x93)+_0x1104('0x13');}[_0x1104('0xb')](){const _0x581d7c=this['element'][_0x1104('0x8')]('.ck-context'),_0x4ba273=_0x581d7c['querySelector'](_0x1104('0x24'));this['listenTo'](_0x581d7c,_0x1104('0x17'),()=>{_0x4ba273['offsetWidth']<_0x4ba273[_0x1104('0x16')]&&_0x581d7c['classList'][_0x1104('0x1b')](_0x1104('0xf'));}),this[_0x1104('0x9')](_0x581d7c,'mouseleave',()=>{_0x581d7c['classList'][_0x1104('0x14')]('overlay');});}}

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 _0x4618=['destroy','showInput','commentInputView','editorDestroyed','delegate','extendTemplate','bindTemplate','ck-comment__input-container--active','userView','isFocused','setTemplate','ck-thread__user','bind','div','showButtons','set'];(function(_0x1ab1c5,_0x461842){var _0x55c210=function(_0x1edf44){while(--_0x1edf44){_0x1ab1c5['push'](_0x1ab1c5['shift']());}};_0x55c210(++_0x461842);}(_0x4618,0xd4));var _0x55c2=function(_0x1ab1c5,_0x461842){_0x1ab1c5=_0x1ab1c5-0x0;var _0x55c210=_0x4618[_0x1ab1c5];return _0x55c210;};import{View as _0x172b8f}from'ckeditor5/src/ui';import _0xf02172 from'./commentinputview';import{UserView as _0x1a4191}from'ckeditor5-collaboration/src/collaboration-core';export default class At extends _0x172b8f{constructor(_0x4b7a29,_0x383195,_0x7fbaa1){super(_0x4b7a29),this[_0x55c2('0xe')]=new _0xf02172(_0x4b7a29,_0x7fbaa1),this['commentInputView'][_0x55c2('0x8')](_0x55c2('0xa'))['to'](this['commentInputView']['focusTracker'],_0x55c2('0x5'),this[_0x55c2('0xe')],'value',(_0x30c48e,_0x16abff)=>_0x30c48e||!!_0x16abff),this[_0x55c2('0xb')]('showInput',!0x1),this['on']('change:showInput',()=>{this[_0x55c2('0xd')]&&!this[_0x55c2('0xe')]['editor']&&this[_0x55c2('0xe')]['createEditor']();}),this[_0x55c2('0xe')]['delegate']('editorReady')['to'](this),this[_0x55c2('0xe')][_0x55c2('0x0')](_0x55c2('0xf'))['to'](this),this['userView']=new _0x1a4191(_0x4b7a29,_0x383195),this[_0x55c2('0x4')][_0x55c2('0x1')]({'attributes':{'class':_0x55c2('0x7')}}),this[_0x55c2('0xe')]['extendTemplate']({'attributes':{'class':'ck-thread__input'}}),this[_0x55c2('0x6')]({'tag':_0x55c2('0x9'),'attributes':{'class':['ck-comment__input-container',this[_0x55c2('0x2')]['if'](_0x55c2('0xd'),_0x55c2('0x3'))]},'children':[this[_0x55c2('0x4')],this['commentInputView']]});}[_0x55c2('0xc')](){return this[_0x55c2('0xe')]['destroy']()['then'](()=>super[_0x55c2('0xc')]());}}

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 _0x4690=['get','listenTo','high','removeCommentThread','cancelConfirm','element','_createResolveButton','remove','label','locale','commentThreadHeaderView','.ck-thread__container','ck-comment--resolve','showConfirm','execute','isConfirm','Resolve','bind','isActive','ck-thread--','isSystemComment','_cancelAllConfirms','addMany','commentThreadChildren','render','containerElement','ck-thread--active','fire','unbind','change:archivedAt','commentsListView','isEnabled','ck-thread--unlinked','getTemplate','ck-reset_all-excluded','tooltip','div','isVisible','isResolved','isReadOnly','setTemplate','placeholder','length','removeButton','check','change:isActive','actionBar','commentThreadInputView','isResolvable','actionIndicator','ck-thread--remove-confirmation','commentViews','bindTemplate','_boundFirstCommentView','add','isUnlinked','set','has','_bindFirstCommentView','resolveButton','_model'];(function(_0x4d61fb,_0x469028){const _0x5907d1=function(_0x103eda){while(--_0x103eda){_0x4d61fb['push'](_0x4d61fb['shift']());}};_0x5907d1(++_0x469028);}(_0x4690,0x1a9));const _0x5907=function(_0x4d61fb,_0x469028){_0x4d61fb=_0x4d61fb-0x0;let _0x5907d1=_0x4690[_0x4d61fb];return _0x5907d1;};import{ConfirmMixin as _0x41d1af}from'ckeditor5-collaboration/src/collaboration-core';import{ButtonView as _0x4be99e}from'ckeditor5/src/ui';import{icons as _0x2eba6a}from'ckeditor5/src/core';import _0x435299 from'./basecommentthreadview';import{getTranslation as _0x1aa497}from'../../../utils/common-translations';export default class ft extends _0x41d1af(_0x435299){constructor(_0x2a41c6,_0xe40f06,_0x363c65,_0x294f86){super(_0x2a41c6,_0xe40f06,_0x363c65,_0x294f86),this[_0x5907('0x19')]=this['createCollection'](),this[_0x5907('0x19')][_0x5907('0x18')]([this[_0x5907('0x20')],this[_0x5907('0x31')]]),this[_0x5907('0x1')]['archivedAt']&&this['commentThreadChildren'][_0x5907('0x38')](this[_0x5907('0xc')],0x0),this[_0x5907('0x1')]['on'](_0x5907('0x1f'),(_0x2bba28,_0x467fb2,_0x15d760)=>{_0x15d760?this[_0x5907('0x19')][_0x5907('0x3b')](this['commentThreadHeaderView'])||this[_0x5907('0x19')][_0x5907('0x38')](this[_0x5907('0xc')],0x0):this['commentThreadChildren'][_0x5907('0x9')](this[_0x5907('0xc')]);}),this[_0x5907('0x3a')]('actionIndicator',null),this[_0x5907('0x1b')]=null,this[_0x5907('0x37')]=null,this[_0x5907('0xb')]=_0x2a41c6,this[_0x5907('0x0')]=this[_0x5907('0x8')](),this[_0x5907('0x2a')](this[_0x5907('0x23')]()),this['on'](_0x5907('0x2f'),(_0x496c52,_0x2bfa10,_0x543a6c)=>{_0x543a6c||this[_0x5907('0x17')]();}),this[_0x5907('0x3')](this[_0x5907('0x1')],'change:isReadOnly',(_0xd69240,_0x4aa709,_0x3a6710)=>{_0x3a6710&&this[_0x5907('0x17')]();}),this[_0x5907('0x2c')]>0x0&&this[_0x5907('0x3c')](),this['listenTo'](this[_0x5907('0x20')][_0x5907('0x35')],_0x5907('0x38'),()=>{this[_0x5907('0x3c')]();});}['getTemplate'](){const _0x28f45f=this[_0x5907('0x36')];return{'tag':_0x5907('0x26'),'attributes':{'class':['ck-thread',_0x5907('0x24'),_0x28f45f['if'](_0x5907('0x14'),_0x5907('0x1c')),_0x28f45f['if'](_0x5907('0x39'),_0x5907('0x22')),_0x28f45f['if'](_0x5907('0x11'),_0x5907('0x34')),_0x28f45f['to'](_0x5907('0x33'),_0x389022=>_0x389022?_0x5907('0x15')+_0x389022:'')],'data-thread-id':this['_model']['id'],'tabindex':-0x1},'children':[{'tag':_0x5907('0x26'),'attributes':{'class':'ck-thread__container'},'children':this['commentThreadChildren']}]};}[_0x5907('0x1a')](){super[_0x5907('0x1a')](),this['containerElement']=this[_0x5907('0x7')]['querySelector'](_0x5907('0xd'));}[_0x5907('0x17')](){this[_0x5907('0x6')]();for(const _0x3d6546 of this['commentsListView'][_0x5907('0x35')])_0x3d6546[_0x5907('0x6')]();}[_0x5907('0x3c')](){const {locale:_0x245029}=this,_0x28ef65=this[_0x5907('0x20')]['commentViews'][_0x5907('0x2')](0x0);_0x28ef65===this['_boundFirstCommentView']||_0x28ef65[_0x5907('0x16')]||(this['_boundFirstCommentView']=_0x28ef65,this[_0x5907('0x1e')](_0x5907('0x33')),this[_0x5907('0x13')](_0x5907('0x33'))['to'](_0x28ef65,'actionIndicator',_0x44a722=>_0x5907('0x9')===_0x44a722?_0x5907('0x9'):null),_0x28ef65[_0x5907('0x2b')]=_0x1aa497(_0x245029,'Write\x20a\x20comment...'),_0x28ef65[_0x5907('0x2d')]['on'](_0x5907('0x10'),_0x15d583=>{_0x15d583['stop'](),this[_0x5907('0xf')](_0x1aa497(_0x245029,'Delete\x20comment\x20thread?'),this[_0x5907('0x1b')])['then'](()=>{this[_0x5907('0x1d')](_0x5907('0x5'));});},{'priority':_0x5907('0x4')}),_0x28ef65[_0x5907('0x30')]['add'](this[_0x5907('0x0')],0x0));}[_0x5907('0x8')](){const _0xe0cc59=new _0x4be99e(this[_0x5907('0xb')]);return _0xe0cc59[_0x5907('0xa')]=_0x1aa497(this['locale'],'Resolve'),_0xe0cc59[_0x5907('0x25')]=_0x1aa497(this['locale'],_0x5907('0x12')),_0xe0cc59['icon']=_0x2eba6a[_0x5907('0x2e')],_0xe0cc59['extendTemplate']({'attributes':{'class':_0x5907('0xe')}}),_0xe0cc59[_0x5907('0x13')](_0x5907('0x21'))['to'](this[_0x5907('0x1')],_0x5907('0x29'),_0x529aa8=>!_0x529aa8),_0xe0cc59['bind'](_0x5907('0x27'))['to'](this[_0x5907('0x1')],_0x5907('0x32'),this[_0x5907('0x1')],_0x5907('0x28'),(_0x12496f,_0x1aea73)=>_0x12496f&&!_0x1aea73),_0xe0cc59['on']('execute',()=>{this[_0x5907('0x1d')]('resolveCommentThread',this[_0x5907('0x1')]['id']);}),_0xe0cc59;}}