@ckeditor/ckeditor5-comments 38.0.1 → 38.1.1

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

@@ -1,239 +1,239 @@
-/**
- * @module comments/comments/ui/view/commentview
- * @publicApi
- */
-import { type Locale } from 'ckeditor5/src/utils';
-import { ButtonView, type TemplateDefinition, type ViewCollection, type DropdownView } from 'ckeditor5/src/ui';
-import { UserView } from 'ckeditor5-collaboration/src/collaboration-core';
-import BaseCommentView from './basecommentview';
-import type { Comment } from '../../commentsrepository';
-import type CommentInputView from './commentinputview';
-import type { CommentViewConfig } from '../../../config';
-declare const CommentView_base: import("ckeditor5/src/utils").Mixed<typeof BaseCommentView, import("@ckeditor/ckeditor5-collaboration-core/src/utils/confirmmixin").ConfirmApi>;
-/**
- * The default view for comment.
- */
-export default class CommentView extends CommentView_base {
-    locale: Locale;
-    isConfirm: boolean;
-    cancelConfirm: () => void;
-    showConfirm: (key: string, element: unknown) => Promise<void>;
-    /**
-     * 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;
-    /**
-     * Comment editor placeholder value.
-     *
-     * @observable
-     */
-    placeholder: string;
-    /**
-     * Comment creation date.
-     *
-     * @observable
-     */
-    authoredAt: Date;
-    /**
-     * Comment resolved date.
-     *
-     * @observable
-     */
-    resolvedAt: Date | null;
-    /**
-     * Collection for UI elements that manage the comment.
-     *
-     * Elements that may be found in the action bar (depending on the comment view properties):
-     *
-     * * the resolve comment thread button (only if the comment is the first comment),
-     * * a dropdown with actions ({@link ~CommentView#dropdown `dropdown`}).
-     */
-    actionBar: ViewCollection;
-    /**
-     * View collection which holds all the comments dropdown elements.
-     *
-     * May include, depending on the view properties:
-     *
-     * * {@link ~CommentView#editButton `editButton`},
-     * * {@link ~CommentView#removeButton `removeButton`}.
-     */
-    items: ViewCollection<ButtonView>;
-    /**
-     * Dropdown containing comment action buttons defined in {@link ~CommentView#items `items`}.
-     */
-    dropdown: DropdownView;
-    /**
-     * Edit button view. Edit button switches the comment to the editing mode.
-     */
-    editButton: ButtonView;
-    /**
-     * Remove button view. Remove button shows a confirmation box that fires the `removeComment` event when submitted.
-     */
-    removeButton: ButtonView;
-    /**
-     * User view for the comment. Presents the comment author.
-     */
-    userView: UserView;
-    /**
-     * @inheritDoc
-     */
-    constructor(locale: Locale, model: Comment, config: CommentViewConfig);
-    /**
-     * 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 view.
-     *
-     * The default template looks as follows:
-     *
-     * ```ts
-     * const bind = this.bindTemplate;
-     *
-     * {
-     * 	tag: 'li',
-     *
-     * 	attributes: {
-     * 		class: [
-     * 			'ck-comment__wrapper',
-     * 			bind.if( 'isConfirm', 'ck-comment--remove-confirmation' )
-     * 		],
-     * 		tabindex: -1
-     * 	},
-     *
-     * 	children: [
-     * 		{
-     * 			tag: 'div',
-     *
-     * 			attributes: {
-     * 				class: [
-     * 					'ck-comment',
-     * 					'ck-annotation',
-     * 					bind.if( 'isSystemComment', 'ck-comment--info' ),
-     * 					bind.if( 'isEditMode', 'ck-comment--edit' ),
-     * 					bind.to( 'actionIndicator', value => value ? `ck-comment--${ value }` : '' )
-     * 				],
-     * 				'data-author-id': this._model.author.id,
-     * 				'data-comment-id': this._model.id
-     * 			},
-     *
-     * 			children: [
-     * 				this.userView,
-     * 				{
-     * 					tag: 'div',
-     *
-     * 					attributes: {
-     * 						class: [ 'ck-comment__main', 'ck-annotation__main' ]
-     * 					},
-     *
-     * 					children: [
-     * 						{
-     * 							tag: 'div',
-     *
-     * 							attributes: {
-     * 								class: [ 'ck-comment__info', 'ck-annotation__info' ]
-     * 							},
-     *
-     * 							children: [
-     * 								{
-     * 									tag: 'span',
-     *
-     * 									children: [
-     * 										{
-     * 											text: this.userView.name
-     * 										}
-     * 									],
-     *
-     * 									attributes: {
-     * 										class: [ 'ck-comment__info-name', 'ck-annotation__info-name' ]
-     * 									}
-     * 								},
-     * 								{
-     * 									tag: 'time',
-     *
-     * 									attributes: {
-     * 										datetime: bind.to( 'authoredAt' ),
-     * 										class: [ 'ck-comment__info-time', 'ck-annotation__info-time' ]
-     * 									},
-     *
-     * 									children: [
-     * 										{
-     * 											text: bind.to( 'authoredAt', value => this._config.formatDateTime( value ) )
-     * 										}
-     * 									]
-     * 								}
-     * 							]
-     * 						},
-     * 						{
-     * 							tag: 'div',
-     *
-     * 							attributes: {
-     * 								class: [
-     * 									'ck-comment__actions',
-     * 									'ck-annotation__actions',
-     * 									bind.if( 'isEditMode', 'ck-comment__actions--hidden' ),
-     * 									bind.if( 'isEditMode', 'ck-annotation__actions--hidden' )
-     * 								]
-     * 							},
-     *
-     * 							children: this.actionBar
-     * 						},
-     * 						{
-     * 							tag: 'div',
-     *
-     * 							attributes: {
-     * 								class: [ 'ck-annotation__content-wrapper' ]
-     * 							},
-     *
-     * 							children: this.visibleView
-     * 						},
-     * 						{
-     * 							tag: 'div',
-     *
-     * 							attributes: {
-     * 								class: [ 'ck-comment__external' ]
-     * 							},
-     *
-     * 							children: [ {
-     * 								text: this.getExternalCommentNote()
-     * 							} ]
-     * 						}
-     * 					]
-     * 				}
-     *
-     * 			]
-     * 		}
-     * 	]
-     * }
-     * ```
-     *
-     * @returns Definition of comment thread view's template.
-     */
-    getTemplate(): TemplateDefinition;
-    /**
-     * @inheritDoc
-     */
-    protected _createCommentInputView(): CommentInputView;
-    /**
-     * Gets the translated note which indicates that the comment comes from an external source.
-     */
-    getExternalCommentNote(): string;
-    /**
-     * Gets the translated notification text which indicates that author name comes from an external source.
-     */
-    getUserViewNotificationText(): string | null;
-    /**
-     * @inheritDoc
-     */
-    render(): void;
-}
-declare module 'ckeditor5/src/ui' {
-    interface DropdownView {
-        isVisible: boolean;
-    }
-}
-export {};
+/**
+ * @module comments/comments/ui/view/commentview
+ * @publicApi
+ */
+import { type Locale } from 'ckeditor5/src/utils';
+import { ButtonView, type TemplateDefinition, type ViewCollection, type DropdownView } from 'ckeditor5/src/ui';
+import { UserView } from 'ckeditor5-collaboration/src/collaboration-core';
+import BaseCommentView from './basecommentview';
+import type { Comment } from '../../commentsrepository';
+import type CommentInputView from './commentinputview';
+import type { CommentViewConfig } from '../../../config';
+declare const CommentView_base: import("ckeditor5/src/utils").Mixed<typeof BaseCommentView, import("@ckeditor/ckeditor5-collaboration-core/src/utils/confirmmixin").ConfirmApi>;
+/**
+ * The default view for comment.
+ */
+export default class CommentView extends CommentView_base {
+    locale: Locale;
+    isConfirm: boolean;
+    cancelConfirm: () => void;
+    showConfirm: (key: string, element: unknown) => Promise<void>;
+    /**
+     * 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;
+    /**
+     * Comment editor placeholder value.
+     *
+     * @observable
+     */
+    placeholder: string;
+    /**
+     * Comment creation date.
+     *
+     * @observable
+     */
+    authoredAt: Date;
+    /**
+     * Comment resolved date.
+     *
+     * @observable
+     */
+    resolvedAt: Date | null;
+    /**
+     * Collection for UI elements that manage the comment.
+     *
+     * Elements that may be found in the action bar (depending on the comment view properties):
+     *
+     * * the resolve comment thread button (only if the comment is the first comment),
+     * * a dropdown with actions ({@link ~CommentView#dropdown `dropdown`}).
+     */
+    actionBar: ViewCollection;
+    /**
+     * View collection which holds all the comments dropdown elements.
+     *
+     * May include, depending on the view properties:
+     *
+     * * {@link ~CommentView#editButton `editButton`},
+     * * {@link ~CommentView#removeButton `removeButton`}.
+     */
+    items: ViewCollection<ButtonView>;
+    /**
+     * Dropdown containing comment action buttons defined in {@link ~CommentView#items `items`}.
+     */
+    dropdown: DropdownView;
+    /**
+     * Edit button view. Edit button switches the comment to the editing mode.
+     */
+    editButton: ButtonView;
+    /**
+     * Remove button view. Remove button shows a confirmation box that fires the `removeComment` event when submitted.
+     */
+    removeButton: ButtonView;
+    /**
+     * User view for the comment. Presents the comment author.
+     */
+    userView: UserView;
+    /**
+     * @inheritDoc
+     */
+    constructor(locale: Locale, model: Comment, config: CommentViewConfig);
+    /**
+     * 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 view.
+     *
+     * The default template looks as follows:
+     *
+     * ```ts
+     * const bind = this.bindTemplate;
+     *
+     * {
+     * 	tag: 'li',
+     *
+     * 	attributes: {
+     * 		class: [
+     * 			'ck-comment__wrapper',
+     * 			bind.if( 'isConfirm', 'ck-comment--remove-confirmation' )
+     * 		],
+     * 		tabindex: -1
+     * 	},
+     *
+     * 	children: [
+     * 		{
+     * 			tag: 'div',
+     *
+     * 			attributes: {
+     * 				class: [
+     * 					'ck-comment',
+     * 					'ck-annotation',
+     * 					bind.if( 'isSystemComment', 'ck-comment--info' ),
+     * 					bind.if( 'isEditMode', 'ck-comment--edit' ),
+     * 					bind.to( 'actionIndicator', value => value ? `ck-comment--${ value }` : '' )
+     * 				],
+     * 				'data-author-id': this._model.author.id,
+     * 				'data-comment-id': this._model.id
+     * 			},
+     *
+     * 			children: [
+     * 				this.userView,
+     * 				{
+     * 					tag: 'div',
+     *
+     * 					attributes: {
+     * 						class: [ 'ck-comment__main', 'ck-annotation__main' ]
+     * 					},
+     *
+     * 					children: [
+     * 						{
+     * 							tag: 'div',
+     *
+     * 							attributes: {
+     * 								class: [ 'ck-comment__info', 'ck-annotation__info' ]
+     * 							},
+     *
+     * 							children: [
+     * 								{
+     * 									tag: 'span',
+     *
+     * 									children: [
+     * 										{
+     * 											text: this.userView.name
+     * 										}
+     * 									],
+     *
+     * 									attributes: {
+     * 										class: [ 'ck-comment__info-name', 'ck-annotation__info-name' ]
+     * 									}
+     * 								},
+     * 								{
+     * 									tag: 'time',
+     *
+     * 									attributes: {
+     * 										datetime: bind.to( 'authoredAt' ),
+     * 										class: [ 'ck-comment__info-time', 'ck-annotation__info-time' ]
+     * 									},
+     *
+     * 									children: [
+     * 										{
+     * 											text: bind.to( 'authoredAt', value => this._config.formatDateTime( value ) )
+     * 										}
+     * 									]
+     * 								}
+     * 							]
+     * 						},
+     * 						{
+     * 							tag: 'div',
+     *
+     * 							attributes: {
+     * 								class: [
+     * 									'ck-comment__actions',
+     * 									'ck-annotation__actions',
+     * 									bind.if( 'isEditMode', 'ck-comment__actions--hidden' ),
+     * 									bind.if( 'isEditMode', 'ck-annotation__actions--hidden' )
+     * 								]
+     * 							},
+     *
+     * 							children: this.actionBar
+     * 						},
+     * 						{
+     * 							tag: 'div',
+     *
+     * 							attributes: {
+     * 								class: [ 'ck-annotation__content-wrapper' ]
+     * 							},
+     *
+     * 							children: this.visibleView
+     * 						},
+     * 						{
+     * 							tag: 'div',
+     *
+     * 							attributes: {
+     * 								class: [ 'ck-comment__external' ]
+     * 							},
+     *
+     * 							children: [ {
+     * 								text: this.getExternalCommentNote()
+     * 							} ]
+     * 						}
+     * 					]
+     * 				}
+     *
+     * 			]
+     * 		}
+     * 	]
+     * }
+     * ```
+     *
+     * @returns Definition of comment thread view's template.
+     */
+    getTemplate(): TemplateDefinition;
+    /**
+     * @inheritDoc
+     */
+    protected _createCommentInputView(): CommentInputView;
+    /**
+     * Gets the translated note which indicates that the comment comes from an external source.
+     */
+    getExternalCommentNote(): string;
+    /**
+     * Gets the translated notification text which indicates that author name comes from an external source.
+     */
+    getUserViewNotificationText(): string | null;
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+}
+declare module 'ckeditor5/src/ui' {
+    interface DropdownView {
+        isVisible: boolean;
+    }
+}
+export {};

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

@@ -20,4 +20,4 @@
  *
  *
  */
-const _0x287f=['blur','EXTERNAL_IMPORT_WORD_AVATAR','mouseenter','element','remove','_config','ck-annotation__main','addMany','span','fire','actionIndicator','ck-comment--remove','isRemovable','isEditMode','set','author','getUserViewNotificationText','mouseleave','getTemplate','creator','isEnabled','importWord','ck-annotation__info','ck-annotation__content-wrapper','EXTERNAL_AVATAR','actionBar','cancelConfirm','ck-comment__info-name','EXTERNAL_IMPORT_WORD_COMMENT','focus','some','Remove','ck-annotation__actions--hidden','render','length','isExternal','pencil','label','ck-comment--edit','name','@external','isSystemComment','Delete\x20comment?','isVisible','time','ck-annotation','change:isEnabled','isEditable','change:isVisible','_createRemoveButton','ck-comment--info','showConfirm','ck-comment__info','ck-comment--remove-confirmation','listenTo','extendTemplate','bind','icon','createCollection','source','ck-comment__user','_createEditButton','isReadOnly','ck-annotation__info-time','attributes','formatDateTime','change:isRemovable','buttonView','then','setTemplate','ck-annotation__user','withText','userView','visibleView','panelView','ck-annotation__actions','_createDropdown','ck-comment__actions--hidden','_model','div','items','panelPosition','dropdown','authoredAt','ck-comment','removeComment','editButton','_createCommentInputView','_attachActions','switchToEditMode','locale','children','removeButton','add','ck-comment__actions','edit','getExternalCommentNote','ck-comment--','placeholder','push'];(function(_0x3dffd7,_0x287fde){const _0x235553=function(_0xd386c8){while(--_0xd386c8){_0x3dffd7['push'](_0x3dffd7['shift']());}};_0x235553(++_0x287fde);}(_0x287f,0x168));const _0x2355=function(_0x3dffd7,_0x287fde){_0x3dffd7=_0x3dffd7-0x0;let _0x235553=_0x287f[_0x3dffd7];return _0x235553;};import{ButtonView as _0x1ff546,createDropdown as _0x30f412,ListView as _0x488ae2,ListItemView as _0x6bc0fc}from'ckeditor5/src/ui';import{icons as _0x4cff73}from'ckeditor5/src/core';import{UserView as _0x5b6071,ConfirmMixin as _0x2cae58}from'ckeditor5-collaboration/src/collaboration-core';import _0x3bcc36 from'./basecommentview';import _0x2d24dd from'../../../../theme/icons/remove-comment.svg';import{getTranslation as _0x28e672}from'../../../utils/common-translations';export default class ut extends _0x2cae58(_0x3bcc36){constructor(_0x2e6cf2,_0x6a21bc,_0x245a3f){super(_0x2e6cf2,_0x6a21bc,_0x245a3f),this[_0x2355('0x36')](_0x2355('0x32'),null),this['set'](_0x2355('0x26'),_0x28e672(_0x2e6cf2,'Reply...')),this[_0x2355('0x60')](_0x2355('0x17'))['to'](_0x6a21bc),this[_0x2355('0x60')]('resolvedAt')['to'](_0x6a21bc),this[_0x2355('0x41')]=this[_0x2355('0x62')](),this['isSystemComment']||(this[_0x2355('0x1a')]=this['_createEditButton'](),this[_0x2355('0x20')]=this['_createRemoveButton'](),this[_0x2355('0x14')]=this[_0x2355('0x62')](),this['items'][_0x2355('0x2f')]([this['editButton'],this[_0x2355('0x20')]]),this[_0x2355('0x16')]=this[_0x2355('0x10')](),this['actionBar'][_0x2355('0x21')](this[_0x2355('0x16')])),this['userView']=new _0x5b6071(_0x2e6cf2,_0x6a21bc['author'],this[_0x2355('0x38')]()),this[_0x2355('0xc')][_0x2355('0x5f')]({'attributes':{'class':[_0x2355('0x0'),_0x2355('0xa')]}}),this[_0x2355('0x5e')](_0x6a21bc,_0x2355('0x6'),()=>this[_0x2355('0x42')]()),this[_0x2355('0x9')](this[_0x2355('0x3a')]());}['getTemplate'](){const _0x5816b6=this['bindTemplate'],_0x3e47f7=[{'tag':'div','attributes':{'class':[_0x2355('0x5c'),_0x2355('0x3e')]},'children':[{'tag':_0x2355('0x30'),'children':[{'text':this['userView']['name']}],'attributes':{'class':[_0x2355('0x43'),'ck-annotation__info-name']}},{'tag':_0x2355('0x54'),'attributes':{'datetime':_0x5816b6['to']('authoredAt'),'class':['ck-comment__info-time',_0x2355('0x3')]},'children':[{'text':_0x5816b6['to'](_0x2355('0x17'),_0x47740d=>this[_0x2355('0x2d')][_0x2355('0x5')](_0x47740d))}]}]},{'tag':'div','attributes':{'class':[_0x2355('0x22'),_0x2355('0xf'),_0x5816b6['if']('isEditMode',_0x2355('0x11')),_0x5816b6['if'](_0x2355('0x35'),_0x2355('0x48'))]},'children':this[_0x2355('0x41')]},{'tag':_0x2355('0x13'),'attributes':{'class':[_0x2355('0x3f')]},'children':this[_0x2355('0xd')]}];return this[_0x2355('0x12')][_0x2355('0x4b')]&&_0x3e47f7[_0x2355('0x27')]({'tag':_0x2355('0x13'),'attributes':{'class':['ck-comment__external']},'children':[{'text':this[_0x2355('0x24')]()}]}),{'tag':'li','attributes':{'class':['ck-comment__wrapper',_0x5816b6['if']('isConfirm',_0x2355('0x5d'))],'tabindex':-0x1},'children':[{'tag':_0x2355('0x13'),'attributes':{'class':[_0x2355('0x18'),_0x2355('0x55'),_0x5816b6['if']('isEditMode',_0x2355('0x4e')),_0x5816b6['if'](_0x2355('0x51'),_0x2355('0x5a')),_0x5816b6['to']('actionIndicator',_0x264c65=>_0x264c65?_0x2355('0x25')+_0x264c65:'')],'data-author-id':this[_0x2355('0x12')][_0x2355('0x37')]['id'],'data-comment-id':this[_0x2355('0x12')]['id']},'children':[this[_0x2355('0xc')],{'tag':_0x2355('0x13'),'attributes':{'class':['ck-comment__main',_0x2355('0x2e')]},'children':_0x3e47f7}]}]};}[_0x2355('0x1')](){const _0x56672b=new _0x1ff546(this[_0x2355('0x1e')]);return _0x56672b[_0x2355('0x4d')]=_0x28e672(this[_0x2355('0x1e')],'Edit'),_0x56672b[_0x2355('0x61')]=_0x4cff73[_0x2355('0x4c')],_0x56672b[_0x2355('0xb')]=!0x0,_0x56672b[_0x2355('0x5f')]({'attributes':{'class':_0x2355('0x4e')}}),_0x56672b[_0x2355('0x60')](_0x2355('0x3c'))['to'](this['_model'],_0x2355('0x2'),_0x8b18dd=>!_0x8b18dd),_0x56672b[_0x2355('0x60')](_0x2355('0x53'))['to'](this['_model'],_0x2355('0x57')),_0x56672b['on']('execute',()=>this[_0x2355('0x1d')]()),_0x56672b;}[_0x2355('0x59')](){const _0x4f083e=new _0x1ff546(this[_0x2355('0x1e')]);return _0x4f083e[_0x2355('0x4d')]=_0x28e672(this[_0x2355('0x1e')],_0x2355('0x47')),_0x4f083e[_0x2355('0x61')]=_0x2d24dd,_0x4f083e[_0x2355('0xb')]=!0x0,_0x4f083e['extendTemplate']({'attributes':{'class':_0x2355('0x33')}}),_0x4f083e['bind']('isEnabled')['to'](this[_0x2355('0x12')],_0x2355('0x2'),_0x6f2145=>!_0x6f2145),_0x4f083e['bind']('isVisible')['to'](this[_0x2355('0x12')],_0x2355('0x34')),_0x4f083e['on']('execute',()=>{this[_0x2355('0x5b')](_0x28e672(this[_0x2355('0x1e')],_0x2355('0x52')),this[_0x2355('0x2b')])[_0x2355('0x8')](()=>{this[_0x2355('0x31')](_0x2355('0x19'),this['_model']['id']);});}),_0x4f083e;}[_0x2355('0x10')](){const _0x254fda=_0x30f412(this[_0x2355('0x1e')]),_0x5e17d4=_0x254fda[_0x2355('0xe')][_0x2355('0x1f')],_0x2c2d54=new _0x488ae2(this[_0x2355('0x1e')]),_0x27570b=(_0x2c2605,_0x3dae66=-0x1)=>{const _0x176e01=new _0x6bc0fc(this['locale']);_0x176e01[_0x2355('0x1f')]['add'](_0x2c2605);const _0x6a33e=_0x3dae66>-0x1?_0x3dae66:_0x2c2d54[_0x2355('0x14')][_0x2355('0x4a')];_0x2c2d54[_0x2355('0x14')]['add'](_0x176e01,_0x6a33e),_0x254fda['listenTo'](_0x2c2605,_0x2355('0x56'),()=>{_0x254fda[_0x2355('0x3c')]=[...this[_0x2355('0x14')]][_0x2355('0x46')](_0x5b568f=>_0x5b568f[_0x2355('0x3c')]);}),_0x254fda['listenTo'](_0x2c2605,_0x2355('0x58'),()=>{_0x254fda[_0x2355('0x7')]['isVisible']=[...this['items']]['some'](_0x45accb=>_0x45accb[_0x2355('0x53')]);});};_0x254fda[_0x2355('0x15')]='sw',_0x254fda[_0x2355('0x7')][_0x2355('0x36')]({'label':_0x28e672(this[_0x2355('0x1e')],'Show\x20more\x20items'),'icon':_0x4cff73['threeVerticalDots']}),_0x254fda[_0x2355('0x3c')]=[...this[_0x2355('0x14')]][_0x2355('0x46')](_0x2e7af8=>_0x2e7af8[_0x2355('0x3c')]),_0x254fda[_0x2355('0x7')]['isVisible']=[...this['items']][_0x2355('0x46')](_0x1c81fe=>_0x1c81fe[_0x2355('0x53')]);for(const _0x324b84 of this['items'])_0x27570b(_0x324b84);return _0x5e17d4[_0x2355('0x21')](_0x2c2d54),_0x254fda['listenTo'](this[_0x2355('0x14')],'add',(_0x95002,_0x1e7f5b,_0xaf9d93)=>{_0x27570b(_0x1e7f5b,_0xaf9d93);}),_0x254fda['listenTo'](this[_0x2355('0x14')],_0x2355('0x2c'),(_0x4a3d80,_0x3456b4,_0x4bfe74)=>{_0x2c2d54[_0x2355('0x14')][_0x2355('0x2c')](_0x4bfe74);}),_0x254fda;}[_0x2355('0x1c')](_0x2b0909,_0x87bb3e){const _0x3d0303=_0x2b0909&&_0x2b0909[_0x2355('0x2b')];_0x3d0303&&(this[_0x2355('0x5e')](_0x3d0303,_0x2355('0x2a'),()=>this['actionIndicator']=_0x87bb3e),this[_0x2355('0x5e')](_0x3d0303,_0x2355('0x45'),()=>this[_0x2355('0x32')]=_0x87bb3e),this[_0x2355('0x5e')](_0x3d0303,_0x2355('0x39'),()=>this[_0x2355('0x32')]=null),this[_0x2355('0x5e')](_0x3d0303,_0x2355('0x28'),()=>this['actionIndicator']=null));}['_createCommentInputView'](){const _0x59f5d5=super[_0x2355('0x1b')]();return _0x59f5d5['bind'](_0x2355('0x26'))['to'](this),_0x59f5d5;}[_0x2355('0x24')](){return _0x2355('0x3d')===this[_0x2355('0x12')][_0x2355('0x4')]['@external'][_0x2355('0x63')]?_0x28e672(this[_0x2355('0x1e')],_0x2355('0x44')):_0x28e672(this[_0x2355('0x1e')],'EXTERNAL_COMMENT');}[_0x2355('0x38')](){return this[_0x2355('0x12')]['isExternal']?_0x2355('0x3d')===this['_model'][_0x2355('0x4')][_0x2355('0x50')][_0x2355('0x63')]?_0x28e672(this[_0x2355('0x1e')],_0x2355('0x29'),this[_0x2355('0x12')][_0x2355('0x3b')]['name']):_0x28e672(this['locale'],_0x2355('0x40'),this[_0x2355('0x12')][_0x2355('0x3b')][_0x2355('0x4f')]):null;}[_0x2355('0x49')](){super['render'](),this[_0x2355('0x1c')](this[_0x2355('0x1a')],_0x2355('0x23')),this['_attachActions'](this[_0x2355('0x20')],'remove');}}
+const _0x26ac=['isExternal','ck-annotation__main','source','isReadOnly','push','ck-comment__main','resolvedAt','attributes','render','ck-comment--','setTemplate','importWord','remove','EXTERNAL_COMMENT','isEnabled','mouseenter','ck-annotation__info-name','creator','isEditMode','edit','ck-comment--edit','EXTERNAL_IMPORT_WORD_COMMENT','length','listenTo','name','isVisible','pencil','ck-annotation__actions','time','blur','removeButton','isEditable','bind','ck-annotation__user','change:isEnabled','items','editButton','authoredAt','ck-annotation__info-time','change:isRemovable','children','ck-comment','panelView','buttonView','panelPosition','getUserViewNotificationText','ck-comment__info-name','icon','actionBar','ck-comment--info','formatDateTime','div','getExternalCommentNote','ck-annotation__info','_createCommentInputView','_attachActions','then','actionIndicator','isSystemComment','removeComment','span','@external','ck-comment--remove-confirmation','add','dropdown','Show\x20more\x20items','placeholder','isConfirm','ck-comment__info-time','Delete\x20comment?','Remove','change:isVisible','some','set','label','_createRemoveButton','locale','createCollection','execute','withText','author','extendTemplate','switchToEditMode','Edit','_model','isRemovable','ck-comment__actions','getTemplate','element','userView','ck-comment__external','EXTERNAL_IMPORT_WORD_AVATAR','_createDropdown'];(function(_0x11a3c3,_0x26ac23){const _0x5a29ba=function(_0x26a302){while(--_0x26a302){_0x11a3c3['push'](_0x11a3c3['shift']());}};_0x5a29ba(++_0x26ac23);}(_0x26ac,0xae));const _0x5a29=function(_0x11a3c3,_0x26ac23){_0x11a3c3=_0x11a3c3-0x0;let _0x5a29ba=_0x26ac[_0x11a3c3];return _0x5a29ba;};import{ButtonView as _0x505842,createDropdown as _0x479015,ListView as _0x22236f,ListItemView as _0x1f58c4}from'ckeditor5/src/ui';import{icons as _0xe99b0d}from'ckeditor5/src/core';import{UserView as _0x1aa75f,ConfirmMixin as _0x4f2861}from'ckeditor5-collaboration/src/collaboration-core';import _0x5094f1 from'./basecommentview';import _0x89efdc from'../../../../theme/icons/remove-comment.svg';import{getTranslation as _0x24f284}from'../../../utils/common-translations';export default class ut extends _0x4f2861(_0x5094f1){constructor(_0x144aaf,_0x2f5ea9,_0x2cd8eb){super(_0x144aaf,_0x2f5ea9,_0x2cd8eb),this[_0x5a29('0x55')](_0x5a29('0x45'),null),this[_0x5a29('0x55')](_0x5a29('0x4e'),_0x24f284(_0x144aaf,'Reply...')),this[_0x5a29('0x2c')](_0x5a29('0x31'))['to'](_0x2f5ea9),this[_0x5a29('0x2c')](_0x5a29('0x12'))['to'](_0x2f5ea9),this[_0x5a29('0x3c')]=this['createCollection'](),this['isSystemComment']||(this['editButton']=this['_createEditButton'](),this[_0x5a29('0x2a')]=this[_0x5a29('0x57')](),this[_0x5a29('0x2f')]=this[_0x5a29('0x59')](),this[_0x5a29('0x2f')]['addMany']([this[_0x5a29('0x30')],this[_0x5a29('0x2a')]]),this[_0x5a29('0x4c')]=this[_0x5a29('0xb')](),this[_0x5a29('0x3c')]['add'](this[_0x5a29('0x4c')])),this[_0x5a29('0x8')]=new _0x1aa75f(_0x144aaf,_0x2f5ea9['author'],this[_0x5a29('0x39')]()),this[_0x5a29('0x8')][_0x5a29('0x0')]({'attributes':{'class':['ck-comment__user',_0x5a29('0x2d')]}}),this[_0x5a29('0x23')](_0x2f5ea9,_0x5a29('0x33'),()=>this['cancelConfirm']()),this[_0x5a29('0x16')](this[_0x5a29('0x6')]());}[_0x5a29('0x6')](){const _0x515da2=this['bindTemplate'],_0x6ab6ce=[{'tag':'div','attributes':{'class':['ck-comment__info',_0x5a29('0x41')]},'children':[{'tag':_0x5a29('0x48'),'children':[{'text':this['userView'][_0x5a29('0x24')]}],'attributes':{'class':[_0x5a29('0x3a'),_0x5a29('0x1c')]}},{'tag':_0x5a29('0x28'),'attributes':{'datetime':_0x515da2['to']('authoredAt'),'class':[_0x5a29('0x50'),_0x5a29('0x32')]},'children':[{'text':_0x515da2['to'](_0x5a29('0x31'),_0x2ec907=>this['_config'][_0x5a29('0x3e')](_0x2ec907))}]}]},{'tag':_0x5a29('0x3f'),'attributes':{'class':[_0x5a29('0x5'),_0x5a29('0x27'),_0x515da2['if'](_0x5a29('0x1e'),'ck-comment__actions--hidden'),_0x515da2['if'](_0x5a29('0x1e'),'ck-annotation__actions--hidden')]},'children':this['actionBar']},{'tag':_0x5a29('0x3f'),'attributes':{'class':['ck-annotation__content-wrapper']},'children':this['visibleView']}];return this[_0x5a29('0x3')][_0x5a29('0xc')]&&_0x6ab6ce[_0x5a29('0x10')]({'tag':_0x5a29('0x3f'),'attributes':{'class':[_0x5a29('0x9')]},'children':[{'text':this[_0x5a29('0x40')]()}]}),{'tag':'li','attributes':{'class':['ck-comment__wrapper',_0x515da2['if'](_0x5a29('0x4f'),_0x5a29('0x4a'))],'tabindex':-0x1},'children':[{'tag':_0x5a29('0x3f'),'attributes':{'class':[_0x5a29('0x35'),'ck-annotation',_0x515da2['if'](_0x5a29('0x1e'),_0x5a29('0x20')),_0x515da2['if'](_0x5a29('0x46'),_0x5a29('0x3d')),_0x515da2['to'](_0x5a29('0x45'),_0x49b734=>_0x49b734?_0x5a29('0x15')+_0x49b734:'')],'data-author-id':this['_model'][_0x5a29('0x5c')]['id'],'data-comment-id':this[_0x5a29('0x3')]['id']},'children':[this[_0x5a29('0x8')],{'tag':_0x5a29('0x3f'),'attributes':{'class':[_0x5a29('0x11'),_0x5a29('0xd')]},'children':_0x6ab6ce}]}]};}['_createEditButton'](){const _0x19075d=new _0x505842(this[_0x5a29('0x58')]);return _0x19075d[_0x5a29('0x56')]=_0x24f284(this['locale'],_0x5a29('0x2')),_0x19075d[_0x5a29('0x3b')]=_0xe99b0d[_0x5a29('0x26')],_0x19075d[_0x5a29('0x5b')]=!0x0,_0x19075d[_0x5a29('0x0')]({'attributes':{'class':_0x5a29('0x20')}}),_0x19075d[_0x5a29('0x2c')](_0x5a29('0x1a'))['to'](this[_0x5a29('0x3')],'isReadOnly',_0x46d4cc=>!_0x46d4cc),_0x19075d[_0x5a29('0x2c')](_0x5a29('0x25'))['to'](this['_model'],_0x5a29('0x2b')),_0x19075d['on'](_0x5a29('0x5a'),()=>this[_0x5a29('0x1')]()),_0x19075d;}['_createRemoveButton'](){const _0x141202=new _0x505842(this['locale']);return _0x141202[_0x5a29('0x56')]=_0x24f284(this[_0x5a29('0x58')],_0x5a29('0x52')),_0x141202[_0x5a29('0x3b')]=_0x89efdc,_0x141202['withText']=!0x0,_0x141202['extendTemplate']({'attributes':{'class':'ck-comment--remove'}}),_0x141202[_0x5a29('0x2c')](_0x5a29('0x1a'))['to'](this[_0x5a29('0x3')],_0x5a29('0xf'),_0x4a5be4=>!_0x4a5be4),_0x141202[_0x5a29('0x2c')]('isVisible')['to'](this[_0x5a29('0x3')],_0x5a29('0x4')),_0x141202['on'](_0x5a29('0x5a'),()=>{this['showConfirm'](_0x24f284(this['locale'],_0x5a29('0x51')),this[_0x5a29('0x7')])[_0x5a29('0x44')](()=>{this['fire'](_0x5a29('0x47'),this[_0x5a29('0x3')]['id']);});}),_0x141202;}[_0x5a29('0xb')](){const _0x31fd00=_0x479015(this[_0x5a29('0x58')]),_0x4c72eb=_0x31fd00[_0x5a29('0x36')]['children'],_0x3c1b77=new _0x22236f(this[_0x5a29('0x58')]),_0x5a5eff=(_0xd29221,_0x15a52c=-0x1)=>{const _0x318039=new _0x1f58c4(this['locale']);_0x318039[_0x5a29('0x34')][_0x5a29('0x4b')](_0xd29221);const _0x15f60a=_0x15a52c>-0x1?_0x15a52c:_0x3c1b77[_0x5a29('0x2f')][_0x5a29('0x22')];_0x3c1b77['items'][_0x5a29('0x4b')](_0x318039,_0x15f60a),_0x31fd00[_0x5a29('0x23')](_0xd29221,_0x5a29('0x2e'),()=>{_0x31fd00[_0x5a29('0x1a')]=[...this['items']][_0x5a29('0x54')](_0x5d9d19=>_0x5d9d19[_0x5a29('0x1a')]);}),_0x31fd00['listenTo'](_0xd29221,_0x5a29('0x53'),()=>{_0x31fd00[_0x5a29('0x37')]['isVisible']=[...this[_0x5a29('0x2f')]][_0x5a29('0x54')](_0x2528d3=>_0x2528d3['isVisible']);});};_0x31fd00[_0x5a29('0x38')]='sw',_0x31fd00['buttonView'][_0x5a29('0x55')]({'label':_0x24f284(this[_0x5a29('0x58')],_0x5a29('0x4d')),'icon':_0xe99b0d['threeVerticalDots']}),_0x31fd00[_0x5a29('0x1a')]=[...this[_0x5a29('0x2f')]][_0x5a29('0x54')](_0x3ac17a=>_0x3ac17a[_0x5a29('0x1a')]),_0x31fd00[_0x5a29('0x37')][_0x5a29('0x25')]=[...this[_0x5a29('0x2f')]][_0x5a29('0x54')](_0x1f8e3e=>_0x1f8e3e[_0x5a29('0x25')]);for(const _0x3c11a0 of this[_0x5a29('0x2f')])_0x5a5eff(_0x3c11a0);return _0x4c72eb[_0x5a29('0x4b')](_0x3c1b77),_0x31fd00['listenTo'](this[_0x5a29('0x2f')],'add',(_0x380240,_0x2ed319,_0x266c14)=>{_0x5a5eff(_0x2ed319,_0x266c14);}),_0x31fd00[_0x5a29('0x23')](this['items'],_0x5a29('0x18'),(_0x126d32,_0x30d294,_0xdd7f8d)=>{_0x3c1b77[_0x5a29('0x2f')]['remove'](_0xdd7f8d);}),_0x31fd00;}[_0x5a29('0x43')](_0x4bb9b1,_0x461547){const _0x3aea0c=_0x4bb9b1&&_0x4bb9b1['element'];_0x3aea0c&&(this[_0x5a29('0x23')](_0x3aea0c,_0x5a29('0x1b'),()=>this['actionIndicator']=_0x461547),this[_0x5a29('0x23')](_0x3aea0c,'focus',()=>this[_0x5a29('0x45')]=_0x461547),this[_0x5a29('0x23')](_0x3aea0c,'mouseleave',()=>this[_0x5a29('0x45')]=null),this[_0x5a29('0x23')](_0x3aea0c,_0x5a29('0x29'),()=>this[_0x5a29('0x45')]=null));}[_0x5a29('0x42')](){const _0x4d94a5=super[_0x5a29('0x42')]();return _0x4d94a5[_0x5a29('0x2c')](_0x5a29('0x4e'))['to'](this),_0x4d94a5;}[_0x5a29('0x40')](){return _0x5a29('0x17')===this['_model'][_0x5a29('0x13')][_0x5a29('0x49')][_0x5a29('0xe')]?_0x24f284(this[_0x5a29('0x58')],_0x5a29('0x21')):_0x24f284(this[_0x5a29('0x58')],_0x5a29('0x19'));}['getUserViewNotificationText'](){return this[_0x5a29('0x3')][_0x5a29('0xc')]?_0x5a29('0x17')===this[_0x5a29('0x3')][_0x5a29('0x13')][_0x5a29('0x49')][_0x5a29('0xe')]?_0x24f284(this['locale'],_0x5a29('0xa'),this[_0x5a29('0x3')][_0x5a29('0x1d')][_0x5a29('0x24')]):_0x24f284(this['locale'],'EXTERNAL_AVATAR',this[_0x5a29('0x3')][_0x5a29('0x1d')]['name']):null;}[_0x5a29('0x14')](){super['render'](),this[_0x5a29('0x43')](this['editButton'],_0x5a29('0x1f')),this['_attachActions'](this[_0x5a29('0x2a')],_0x5a29('0x18'));}}

package/src/comments.d.ts

@@ -1,22 +1,31 @@
-/**
- * @module comments/comments
- * @publicApi
- */
-import { Plugin, type PluginDependencies } from 'ckeditor5/src/core';
-/**
- * The comments plugin, which brings both the UI part and the editing part of this feature.
- *
- * It registers {@link module:comments/comments/addcommentthreadcommand~AddCommentThreadCommand the `AddCommentThreadCommand` command}.
- *
- * To learn more about the comments feature refer to the {@glink features/collaboration/comments/comments Comments} guide.
- */
-export default class Comments extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get requires(): PluginDependencies;
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): 'Comments';
-}
+/**
+ * @module comments/comments
+ * @publicApi
+ */
+import { Plugin } from 'ckeditor5/src/core';
+import CommentsRepository from './comments/commentsrepository';
+import CommentsEditing from './comments/commentsediting';
+import CommentsUI from './comments/commentsui';
+import CommentsOnly from './commentsonly';
+import WideSidebar from './annotations/widesidebar';
+import NarrowSidebar from './annotations/narrowsidebar';
+import InlineAnnotations from './annotations/inlineannotations';
+import CommentsArchiveUI from './comments/commentsarchiveui';
+import CommentsArchive from './comments/commentsarchive';
+/**
+ * The comments plugin, which brings both the UI part and the editing part of this feature.
+ *
+ * It registers {@link module:comments/comments/addcommentthreadcommand~AddCommentThreadCommand the `AddCommentThreadCommand` command}.
+ *
+ * To learn more about the comments feature refer to the {@glink features/collaboration/comments/comments Comments} guide.
+ */
+export default class Comments extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get requires(): readonly [typeof CommentsRepository, typeof CommentsEditing, typeof CommentsUI, typeof CommentsArchive, typeof CommentsArchiveUI, typeof CommentsOnly, typeof WideSidebar, typeof NarrowSidebar, typeof InlineAnnotations];
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "Comments";
+}

package/src/comments.js

@@ -20,4 +20,4 @@
  *
  *
  */
-var _0x55ed=['requires','pluginName','Comments'];(function(_0x3b1871,_0x55ed00){var _0x3bcb1d=function(_0x4ac3f2){while(--_0x4ac3f2){_0x3b1871['push'](_0x3b1871['shift']());}};_0x3bcb1d(++_0x55ed00);}(_0x55ed,0x15c));var _0x3bcb=function(_0x3b1871,_0x55ed00){_0x3b1871=_0x3b1871-0x0;var _0x3bcb1d=_0x55ed[_0x3b1871];return _0x3bcb1d;};import{Plugin as _0x339be8}from'ckeditor5/src/core';import _0x4a2b50 from'./comments/commentsrepository';import _0x389889 from'./comments/commentsediting';import _0x11be11 from'./comments/commentsui';import _0x5b872d from'./commentsonly';import _0x220c4e from'./annotations/widesidebar';import _0xf07e94 from'./annotations/narrowsidebar';import _0x456b0b from'./annotations/inlineannotations';import _0xd92656 from'./comments/commentsarchiveui';import _0x5bd62b from'./comments/commentsarchive';export default class f extends _0x339be8{static get[_0x3bcb('0x0')](){return[_0x4a2b50,_0x389889,_0x11be11,_0x5bd62b,_0xd92656,_0x5b872d,_0x220c4e,_0xf07e94,_0x456b0b];}static get[_0x3bcb('0x1')](){return _0x3bcb('0x2');}}
+var _0x1ba9=['pluginName','requires'];(function(_0x48d2cc,_0x1ba93c){var _0x51db4e=function(_0x3ae4d0){while(--_0x3ae4d0){_0x48d2cc['push'](_0x48d2cc['shift']());}};_0x51db4e(++_0x1ba93c);}(_0x1ba9,0x196));var _0x51db=function(_0x48d2cc,_0x1ba93c){_0x48d2cc=_0x48d2cc-0x0;var _0x51db4e=_0x1ba9[_0x48d2cc];return _0x51db4e;};import{Plugin as _0x7fdaef}from'ckeditor5/src/core';import _0x50e57c from'./comments/commentsrepository';import _0xb20671 from'./comments/commentsediting';import _0x3c1e3c from'./comments/commentsui';import _0x39915b from'./commentsonly';import _0x20cb7d from'./annotations/widesidebar';import _0x46db0d from'./annotations/narrowsidebar';import _0x1f1df6 from'./annotations/inlineannotations';import _0x3ce769 from'./comments/commentsarchiveui';import _0x551e18 from'./comments/commentsarchive';export default class f extends _0x7fdaef{static get[_0x51db('0x1')](){return[_0x50e57c,_0xb20671,_0x3c1e3c,_0x551e18,_0x3ce769,_0x39915b,_0x20cb7d,_0x46db0d,_0x1f1df6];}static get[_0x51db('0x0')](){return'Comments';}}