@ckeditor/ckeditor5-comments 39.0.2 → 40.0.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 _0x3d3a=['isVisible','reopenButtonView','bindTemplate','setTemplate','render','overlay','mouseenter','locale','querySelector','ck-context--quotes','context','isEnabled','length','div','scrollWidth','...','_createReopenButton','_trimContextValue','contextValue','classList','listenTo','reopenCommentThread','add','element','Reopen','isReadOnly','lastIndexOf','hasContext','ck-annotation__actions','value','_attachContextActions','bind','.ck-context','ck-context-wrapper','tooltip','fire','execute','label','span','_model','substring','offsetWidth'];(function(_0x607b9b,_0x3d3a23){const _0xa14041=function(_0x254655){while(--_0x254655){_0x607b9b['push'](_0x607b9b['shift']());}};_0xa14041(++_0x3d3a23);}(_0x3d3a,0x7d));const _0xa140=function(_0x607b9b,_0x3d3a23){_0x607b9b=_0x607b9b-0x0;let _0xa14041=_0x3d3a[_0x607b9b];return _0xa14041;};import{View as _0x569b7e,ButtonView as _0x9773d6}from'ckeditor5/src/ui';import{getTranslation as _0x2f6f8f}from'../../../utils/common-translations';import _0x1b8ee5 from'../../../../theme/icons/undo.svg';export const MAX_CONTENT_LENGTH=0x96;export default class Rt extends _0x569b7e{constructor(_0x49f0b5,_0x5da88f){super(_0x49f0b5);const _0xfb188=this[_0xa140('0x3')];this['_model']=_0x5da88f,this['reopenButtonView']=this[_0xa140('0x11')](),this['bind'](_0xa140('0x1c'))['to'](this[_0xa140('0x28')],_0xa140('0xb'),_0x38e191=>!!_0x38e191),this['bind']('contextValue')['to'](this['_model'],_0xa140('0xb'),_0xebe11=>_0xebe11&&_0xebe11[_0xa140('0x1e')]?this[_0xa140('0x12')](_0xebe11[_0xa140('0x1e')]):_0x2f6f8f(this[_0xa140('0x8')],'Comment\x20was\x20made\x20on\x20an\x20element')),this[_0xa140('0x4')]({'tag':_0xa140('0xe'),'attributes':{'class':['ck-thread__header']},'children':[{'tag':_0xa140('0xe'),'attributes':{'class':[_0xa140('0x22')]},'children':[{'tag':'div','attributes':{'class':['ck-context',_0xfb188['if']('hasContext',_0xa140('0xa'))]},'children':[{'tag':_0xa140('0x27'),'attributes':{'class':['ck-context__value']},'children':[{'text':_0xfb188['to'](_0xa140('0x13'))}]}]}]},{'tag':_0xa140('0xe'),'attributes':{'class':[_0xa140('0x1d')]},'children':[this[_0xa140('0x2')]]}]});}[_0xa140('0x5')](){super['render'](),this[_0xa140('0x1f')]();}['_createReopenButton'](){const _0x5f3451=new _0x9773d6(this[_0xa140('0x8')]);return _0x5f3451[_0xa140('0x26')]=_0x2f6f8f(this[_0xa140('0x8')],_0xa140('0x19')),_0x5f3451[_0xa140('0x23')]=_0x2f6f8f(this[_0xa140('0x8')],_0xa140('0x19')),_0x5f3451['icon']=_0x1b8ee5,_0x5f3451[_0xa140('0x20')](_0xa140('0xc'))['to'](this[_0xa140('0x28')],_0xa140('0x1a'),_0x4f125e=>!_0x4f125e),_0x5f3451[_0xa140('0x20')](_0xa140('0x1'))['to'](this[_0xa140('0x28')],'isResolvable'),_0x5f3451['on'](_0xa140('0x25'),()=>{this[_0xa140('0x24')](_0xa140('0x16'),this[_0xa140('0x28')]['id']);}),_0x5f3451;}[_0xa140('0x12')](_0x294ac3){if(_0x294ac3[_0xa140('0xd')]<0x96)return _0x294ac3;const _0x20b63a=_0x294ac3[_0xa140('0x1b')]('\x20',0x93);return _0x294ac3[_0xa140('0x29')](0x0,_0x20b63a>-0x1?_0x20b63a:0x93)+_0xa140('0x10');}['_attachContextActions'](){const _0x198199=this[_0xa140('0x18')][_0xa140('0x9')](_0xa140('0x21')),_0x527be1=_0x198199['querySelector']('.ck-context__value');this['listenTo'](_0x198199,_0xa140('0x7'),()=>{_0x527be1[_0xa140('0x0')]<_0x527be1[_0xa140('0xf')]&&_0x198199[_0xa140('0x14')][_0xa140('0x17')]('overlay');}),this[_0xa140('0x15')](_0x198199,'mouseleave',()=>{_0x198199[_0xa140('0x14')]['remove'](_0xa140('0x6'));});}}
+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'));});}}

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 _0xbec9=['div','editorReady','then','showButtons','bind','delegate','bindTemplate','value','userView','editorDestroyed','setTemplate','destroy','ck-thread__user','extendTemplate','ck-comment__input-container','focusTracker','showInput','commentInputView'];(function(_0xf638d,_0xbec9f2){var _0x30fbca=function(_0x224190){while(--_0x224190){_0xf638d['push'](_0xf638d['shift']());}};_0x30fbca(++_0xbec9f2);}(_0xbec9,0x68));var _0x30fb=function(_0xf638d,_0xbec9f2){_0xf638d=_0xf638d-0x0;var _0x30fbca=_0xbec9[_0xf638d];return _0x30fbca;};import{View as _0x40f3d4}from'ckeditor5/src/ui';import _0xb458cf from'./commentinputview';import{UserView as _0x12880b}from'ckeditor5-collaboration/src/collaboration-core';export default class Ct extends _0x40f3d4{constructor(_0x3057e2,_0xda1be2,_0x40941c){super(_0x3057e2),this[_0x30fb('0x3')]=new _0xb458cf(_0x3057e2,_0x40941c),this[_0x30fb('0x3')][_0x30fb('0x8')](_0x30fb('0x7'))['to'](this[_0x30fb('0x3')][_0x30fb('0x1')],'isFocused',this['commentInputView'],_0x30fb('0xb'),(_0xd42faa,_0x510999)=>_0xd42faa||!!_0x510999),this['set']('showInput',!0x1),this['on']('change:showInput',()=>{this[_0x30fb('0x2')]&&!this[_0x30fb('0x3')]['editor']&&this[_0x30fb('0x3')]['createEditor']();}),this[_0x30fb('0x3')][_0x30fb('0x9')](_0x30fb('0x5'))['to'](this),this[_0x30fb('0x3')][_0x30fb('0x9')](_0x30fb('0xd'))['to'](this),this[_0x30fb('0xc')]=new _0x12880b(_0x3057e2,_0xda1be2),this[_0x30fb('0xc')][_0x30fb('0x11')]({'attributes':{'class':_0x30fb('0x10')}}),this[_0x30fb('0x3')][_0x30fb('0x11')]({'attributes':{'class':'ck-thread__input'}}),this[_0x30fb('0xe')]({'tag':_0x30fb('0x4'),'attributes':{'class':[_0x30fb('0x0'),this[_0x30fb('0xa')]['if']('showInput','ck-comment__input-container--active')]},'children':[this[_0x30fb('0xc')],this['commentInputView']]});}['destroy'](){return this['commentInputView'][_0x30fb('0xf')]()[_0x30fb('0x6')](()=>super['destroy']());}}
+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')]());}}

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

@@ -1,117 +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( '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 _0x3e11=['extendTemplate','element','commentViews','then','fire','execute','add','ck-thread__container','isSystemComment','showConfirm','commentsListView','actionBar','render','bind','removeButton','div','isResolved','tooltip','addMany','.ck-thread__container','resolveButton','cancelConfirm','createCollection','remove','isActive','ck-thread--active','stop','locale','check','getTemplate','listenTo','commentThreadInputView','_cancelAllConfirms','commentThreadChildren','get','querySelector','ck-comment--resolve','isReadOnly','Delete\x20comment\x20thread?','_model','change:isResolved','ck-thread--','isConfirm','containerElement','_boundFirstCommentView','bindTemplate','set','commentThreadHeaderView','change:isActive','setTemplate','ck-reset_all-excluded','removeCommentThread','_createResolveButton','Resolve','high','actionIndicator','resolveCommentThread','unbind','change:isReadOnly','_bindFirstCommentView','isResolvable'];(function(_0x116a89,_0x3e1172){const _0x40a031=function(_0x1da24f){while(--_0x1da24f){_0x116a89['push'](_0x116a89['shift']());}};_0x40a031(++_0x3e1172);}(_0x3e11,0xad));const _0x40a0=function(_0x116a89,_0x3e1172){_0x116a89=_0x116a89-0x0;let _0x40a031=_0x3e11[_0x116a89];return _0x40a031;};import{ConfirmMixin as _0x1e808d}from'ckeditor5-collaboration/src/collaboration-core';import{ButtonView as _0x74f749}from'ckeditor5/src/ui';import{icons as _0x30c860}from'ckeditor5/src/core';import _0x51a2d6 from'./basecommentthreadview';import{getTranslation as _0x32f0e1}from'../../../utils/common-translations';export default class lt extends _0x1e808d(_0x51a2d6){constructor(_0x8b37c5,_0x4719ea,_0x22f749,_0x4812c6){super(_0x8b37c5,_0x4719ea,_0x22f749,_0x4812c6),this[_0x40a0('0x2b')]=this[_0x40a0('0x20')](),this[_0x40a0('0x2b')][_0x40a0('0x1c')]([this[_0x40a0('0x14')],this[_0x40a0('0x29')]]),this[_0x40a0('0x31')][_0x40a0('0x1a')]&&this[_0x40a0('0x2b')][_0x40a0('0x10')](this[_0x40a0('0x39')],0x0),this[_0x40a0('0x31')]['on'](_0x40a0('0x32'),(_0x34d581,_0x81fea3,_0x4bf8af)=>{_0x4bf8af?this[_0x40a0('0x2b')][_0x40a0('0x10')](this[_0x40a0('0x39')],0x0):this['commentThreadChildren'][_0x40a0('0x21')](this[_0x40a0('0x39')]);}),this[_0x40a0('0x38')](_0x40a0('0x4'),null),this[_0x40a0('0x35')]=null,this[_0x40a0('0x36')]=null,this[_0x40a0('0x25')]=_0x8b37c5,this['resolveButton']=this[_0x40a0('0x1')](),this[_0x40a0('0x3b')](this[_0x40a0('0x27')]()),this['on'](_0x40a0('0x3a'),(_0x10c849,_0x38cb18,_0x40ec26)=>{_0x40ec26||this['_cancelAllConfirms']();}),this[_0x40a0('0x28')](this[_0x40a0('0x31')],_0x40a0('0x7'),(_0x3c5a81,_0x3d373f,_0x2266c2)=>{_0x2266c2&&this['_cancelAllConfirms']();}),this['length']>0x0&&this[_0x40a0('0x8')](),this[_0x40a0('0x28')](this[_0x40a0('0x14')][_0x40a0('0xc')],_0x40a0('0x10'),()=>{this[_0x40a0('0x8')]();});}['getTemplate'](){const _0x3af9dc=this[_0x40a0('0x37')];return{'tag':_0x40a0('0x19'),'attributes':{'class':['ck-thread',_0x40a0('0x3c'),_0x3af9dc['if'](_0x40a0('0x22'),_0x40a0('0x23')),_0x3af9dc['if'](_0x40a0('0x34'),'ck-thread--remove-confirmation'),_0x3af9dc['to'](_0x40a0('0x4'),_0x5b8586=>_0x5b8586?_0x40a0('0x33')+_0x5b8586:'')],'data-thread-id':this[_0x40a0('0x31')]['id'],'tabindex':-0x1},'children':[{'tag':_0x40a0('0x19'),'attributes':{'class':_0x40a0('0x11')},'children':this[_0x40a0('0x2b')]}]};}[_0x40a0('0x16')](){super[_0x40a0('0x16')](),this['containerElement']=this[_0x40a0('0xb')][_0x40a0('0x2d')](_0x40a0('0x1d'));}[_0x40a0('0x2a')](){this[_0x40a0('0x1f')]();for(const _0x1fe7c1 of this[_0x40a0('0x14')]['commentViews'])_0x1fe7c1['cancelConfirm']();}[_0x40a0('0x8')](){const {locale:_0x1b0da5}=this,_0x5b56ae=this['commentsListView']['commentViews'][_0x40a0('0x2c')](0x0);_0x5b56ae===this[_0x40a0('0x36')]||_0x5b56ae[_0x40a0('0x12')]||(this[_0x40a0('0x36')]=_0x5b56ae,this[_0x40a0('0x6')](_0x40a0('0x4')),this[_0x40a0('0x17')](_0x40a0('0x4'))['to'](_0x5b56ae,_0x40a0('0x4'),_0x2a5ae4=>'remove'===_0x2a5ae4?_0x40a0('0x21'):null),_0x5b56ae['placeholder']=_0x32f0e1(_0x1b0da5,'Write\x20a\x20comment...'),_0x5b56ae[_0x40a0('0x18')]['on'](_0x40a0('0xf'),_0x45a76f=>{_0x45a76f[_0x40a0('0x24')](),this[_0x40a0('0x13')](_0x32f0e1(_0x1b0da5,_0x40a0('0x30')),this[_0x40a0('0x35')])[_0x40a0('0xd')](()=>{this['fire'](_0x40a0('0x0'));});},{'priority':_0x40a0('0x3')}),_0x5b56ae[_0x40a0('0x15')][_0x40a0('0x10')](this[_0x40a0('0x1e')],0x0));}[_0x40a0('0x1')](){const _0x3f8a2b=new _0x74f749(this[_0x40a0('0x25')]);return _0x3f8a2b['label']=_0x32f0e1(this[_0x40a0('0x25')],_0x40a0('0x2')),_0x3f8a2b[_0x40a0('0x1b')]=_0x32f0e1(this[_0x40a0('0x25')],_0x40a0('0x2')),_0x3f8a2b['icon']=_0x30c860[_0x40a0('0x26')],_0x3f8a2b[_0x40a0('0xa')]({'attributes':{'class':_0x40a0('0x2e')}}),_0x3f8a2b[_0x40a0('0x17')]('isEnabled')['to'](this[_0x40a0('0x31')],_0x40a0('0x2f'),_0x442bd9=>!_0x442bd9),_0x3f8a2b[_0x40a0('0x17')]('isVisible')['to'](this[_0x40a0('0x31')],_0x40a0('0x9'),this['_model'],_0x40a0('0x1a'),(_0x4949d0,_0x23063a)=>_0x4949d0&&!_0x23063a),_0x3f8a2b['on']('execute',()=>{this[_0x40a0('0xe')](_0x40a0('0x5'),this[_0x40a0('0x31')]['id']);}),_0x3f8a2b;}}
+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;}}