@ckeditor/ckeditor5-comments 38.1.1 → 38.2.0-alpha.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.js';
+import { ButtonView, type TemplateDefinition, type ViewCollection, type DropdownView } from 'ckeditor5/src/ui.js';
+import { UserView } from 'ckeditor5-collaboration';
+import BaseCommentView from './basecommentview.js';
+import type { Comment } from '../../commentsrepository.js';
+import type CommentInputView from './commentinputview.js';
+import type { CommentViewConfig } from '../../../config.js';
+declare const CommentView_base: import("ckeditor5/src/utils.js").Mixed<typeof BaseCommentView, import("@ckeditor/ckeditor5-collaboration-core/src/utils/confirmmixin.js").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 _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'));}}
+const _0x1a88=['bind','EXTERNAL_COMMENT','isRemovable','pencil','ck-comment--edit','Delete\x20comment?','EXTERNAL_IMPORT_WORD_AVATAR','ck-annotation__user','isSystemComment','author','mouseleave','isExternal','isEditable','ck-comment__info','panelPosition','_createDropdown','Reply...','ck-comment--remove-confirmation','removeButton','ck-comment__main','getUserViewNotificationText','_attachActions','ck-comment__info-name','listenTo','fire','ck-comment__external','label','attributes','ck-annotation__info','ck-annotation__info-time','authoredAt','div','focus','addMany','resolvedAt','name','children','ck-comment--','@external','locale','importWord','removeComment','_model','createCollection','span','edit','isEnabled','add','buttonView','isVisible','creator','extendTemplate','_config','ck-annotation__main','Show\x20more\x20items','placeholder','icon','remove','change:isRemovable','ck-comment__actions','withText','change:isEnabled','panelView','EXTERNAL_IMPORT_WORD_COMMENT','set','cancelConfirm','actionBar','setTemplate','element','ck-comment__user','EXTERNAL_AVATAR','actionIndicator','dropdown','ck-annotation__actions--hidden','change:isVisible','_createRemoveButton','render','visibleView','isReadOnly','items','blur','userView','Edit','_createCommentInputView','isConfirm','Remove','some','push','mouseenter','editButton','getExternalCommentNote','getTemplate','time','switchToEditMode','isEditMode','execute','_createEditButton'];(function(_0x267ab3,_0x1a880f){const _0x5eea3d=function(_0x2374a0){while(--_0x2374a0){_0x267ab3['push'](_0x267ab3['shift']());}};_0x5eea3d(++_0x1a880f);}(_0x1a88,0x105));const _0x5eea=function(_0x267ab3,_0x1a880f){_0x267ab3=_0x267ab3-0x0;let _0x5eea3d=_0x1a88[_0x267ab3];return _0x5eea3d;};import{ButtonView as _0x1bdbc3,createDropdown as _0x402a1d,ListView as _0x5e0c85,ListItemView as _0x40c5bf}from'ckeditor5/src/ui.js';import{icons as _0x37d64b}from'ckeditor5/src/core.js';import{UserView as _0x136cc0,ConfirmMixin as _0x31c7cb}from'ckeditor5-collaboration';import _0x4cf623 from'./basecommentview.js';import _0x5974f5 from'../../../../theme/icons/remove-comment.svg';import{getTranslation as _0x2df098}from'../../../utils/common-translations.js';export default class ut extends _0x31c7cb(_0x4cf623){constructor(_0x1d64f4,_0x166890,_0x41b862){super(_0x1d64f4,_0x166890,_0x41b862),this[_0x5eea('0x5e')](_0x5eea('0x4'),null),this['set'](_0x5eea('0x55'),_0x2df098(_0x1d64f4,_0x5eea('0x2e'))),this[_0x5eea('0x1e')](_0x5eea('0x3c'))['to'](_0x166890),this[_0x5eea('0x1e')](_0x5eea('0x40'))['to'](_0x166890),this[_0x5eea('0x60')]=this[_0x5eea('0x49')](),this[_0x5eea('0x26')]||(this[_0x5eea('0x16')]=this[_0x5eea('0x1d')](),this[_0x5eea('0x30')]=this[_0x5eea('0x8')](),this['items']=this[_0x5eea('0x49')](),this[_0x5eea('0xc')][_0x5eea('0x3f')]([this[_0x5eea('0x16')],this[_0x5eea('0x30')]]),this[_0x5eea('0x5')]=this[_0x5eea('0x2d')](),this[_0x5eea('0x60')]['add'](this[_0x5eea('0x5')])),this['userView']=new _0x136cc0(_0x1d64f4,_0x166890[_0x5eea('0x27')],this[_0x5eea('0x32')]()),this[_0x5eea('0xe')][_0x5eea('0x51')]({'attributes':{'class':[_0x5eea('0x2'),_0x5eea('0x25')]}}),this[_0x5eea('0x35')](_0x166890,_0x5eea('0x58'),()=>this[_0x5eea('0x5f')]()),this[_0x5eea('0x0')](this[_0x5eea('0x18')]());}[_0x5eea('0x18')](){const _0x23a0e9=this['bindTemplate'],_0x5a7927=[{'tag':_0x5eea('0x3d'),'attributes':{'class':[_0x5eea('0x2b'),_0x5eea('0x3a')]},'children':[{'tag':_0x5eea('0x4a'),'children':[{'text':this[_0x5eea('0xe')][_0x5eea('0x41')]}],'attributes':{'class':[_0x5eea('0x34'),'ck-annotation__info-name']}},{'tag':_0x5eea('0x19'),'attributes':{'datetime':_0x23a0e9['to'](_0x5eea('0x3c')),'class':['ck-comment__info-time',_0x5eea('0x3b')]},'children':[{'text':_0x23a0e9['to'](_0x5eea('0x3c'),_0xc2ccd1=>this[_0x5eea('0x52')]['formatDateTime'](_0xc2ccd1))}]}]},{'tag':_0x5eea('0x3d'),'attributes':{'class':[_0x5eea('0x59'),'ck-annotation__actions',_0x23a0e9['if'](_0x5eea('0x1b'),'ck-comment__actions--hidden'),_0x23a0e9['if'](_0x5eea('0x1b'),_0x5eea('0x6'))]},'children':this[_0x5eea('0x60')]},{'tag':_0x5eea('0x3d'),'attributes':{'class':['ck-annotation__content-wrapper']},'children':this[_0x5eea('0xa')]}];return this[_0x5eea('0x48')][_0x5eea('0x29')]&&_0x5a7927[_0x5eea('0x14')]({'tag':_0x5eea('0x3d'),'attributes':{'class':[_0x5eea('0x37')]},'children':[{'text':this[_0x5eea('0x17')]()}]}),{'tag':'li','attributes':{'class':['ck-comment__wrapper',_0x23a0e9['if'](_0x5eea('0x11'),_0x5eea('0x2f'))],'tabindex':-0x1},'children':[{'tag':_0x5eea('0x3d'),'attributes':{'class':['ck-comment','ck-annotation',_0x23a0e9['if'](_0x5eea('0x1b'),_0x5eea('0x22')),_0x23a0e9['if']('isSystemComment','ck-comment--info'),_0x23a0e9['to'](_0x5eea('0x4'),_0x4bb351=>_0x4bb351?_0x5eea('0x43')+_0x4bb351:'')],'data-author-id':this[_0x5eea('0x48')][_0x5eea('0x27')]['id'],'data-comment-id':this[_0x5eea('0x48')]['id']},'children':[this[_0x5eea('0xe')],{'tag':_0x5eea('0x3d'),'attributes':{'class':[_0x5eea('0x31'),_0x5eea('0x53')]},'children':_0x5a7927}]}]};}[_0x5eea('0x1d')](){const _0x1a9fbb=new _0x1bdbc3(this[_0x5eea('0x45')]);return _0x1a9fbb[_0x5eea('0x38')]=_0x2df098(this[_0x5eea('0x45')],_0x5eea('0xf')),_0x1a9fbb['icon']=_0x37d64b[_0x5eea('0x21')],_0x1a9fbb[_0x5eea('0x5a')]=!0x0,_0x1a9fbb[_0x5eea('0x51')]({'attributes':{'class':'ck-comment--edit'}}),_0x1a9fbb[_0x5eea('0x1e')](_0x5eea('0x4c'))['to'](this[_0x5eea('0x48')],'isReadOnly',_0x5bb990=>!_0x5bb990),_0x1a9fbb[_0x5eea('0x1e')]('isVisible')['to'](this[_0x5eea('0x48')],_0x5eea('0x2a')),_0x1a9fbb['on'](_0x5eea('0x1c'),()=>this[_0x5eea('0x1a')]()),_0x1a9fbb;}[_0x5eea('0x8')](){const _0x9c33ca=new _0x1bdbc3(this['locale']);return _0x9c33ca[_0x5eea('0x38')]=_0x2df098(this[_0x5eea('0x45')],_0x5eea('0x12')),_0x9c33ca[_0x5eea('0x56')]=_0x5974f5,_0x9c33ca['withText']=!0x0,_0x9c33ca[_0x5eea('0x51')]({'attributes':{'class':'ck-comment--remove'}}),_0x9c33ca[_0x5eea('0x1e')](_0x5eea('0x4c'))['to'](this[_0x5eea('0x48')],_0x5eea('0xb'),_0x190493=>!_0x190493),_0x9c33ca[_0x5eea('0x1e')](_0x5eea('0x4f'))['to'](this['_model'],_0x5eea('0x20')),_0x9c33ca['on']('execute',()=>{this['showConfirm'](_0x2df098(this[_0x5eea('0x45')],_0x5eea('0x23')),this[_0x5eea('0x1')])['then'](()=>{this[_0x5eea('0x36')](_0x5eea('0x47'),this[_0x5eea('0x48')]['id']);});}),_0x9c33ca;}[_0x5eea('0x2d')](){const _0x363ab2=_0x402a1d(this[_0x5eea('0x45')]),_0x5270b5=_0x363ab2[_0x5eea('0x5c')][_0x5eea('0x42')],_0x36627f=new _0x5e0c85(this[_0x5eea('0x45')]),_0x5004aa=(_0x2ae64f,_0x4013f2=-0x1)=>{const _0xa7ba50=new _0x40c5bf(this[_0x5eea('0x45')]);_0xa7ba50[_0x5eea('0x42')]['add'](_0x2ae64f);const _0x24f74e=_0x4013f2>-0x1?_0x4013f2:_0x36627f[_0x5eea('0xc')]['length'];_0x36627f[_0x5eea('0xc')][_0x5eea('0x4d')](_0xa7ba50,_0x24f74e),_0x363ab2['listenTo'](_0x2ae64f,_0x5eea('0x5b'),()=>{_0x363ab2[_0x5eea('0x4c')]=[...this[_0x5eea('0xc')]][_0x5eea('0x13')](_0x4441a7=>_0x4441a7[_0x5eea('0x4c')]);}),_0x363ab2[_0x5eea('0x35')](_0x2ae64f,_0x5eea('0x7'),()=>{_0x363ab2['buttonView'][_0x5eea('0x4f')]=[...this['items']][_0x5eea('0x13')](_0x22fabd=>_0x22fabd[_0x5eea('0x4f')]);});};_0x363ab2[_0x5eea('0x2c')]='sw',_0x363ab2[_0x5eea('0x4e')]['set']({'label':_0x2df098(this[_0x5eea('0x45')],_0x5eea('0x54')),'icon':_0x37d64b['threeVerticalDots']}),_0x363ab2['isEnabled']=[...this['items']][_0x5eea('0x13')](_0x4b4a90=>_0x4b4a90[_0x5eea('0x4c')]),_0x363ab2[_0x5eea('0x4e')]['isVisible']=[...this['items']]['some'](_0x3ae07a=>_0x3ae07a[_0x5eea('0x4f')]);for(const _0x12b2ab of this[_0x5eea('0xc')])_0x5004aa(_0x12b2ab);return _0x5270b5['add'](_0x36627f),_0x363ab2[_0x5eea('0x35')](this[_0x5eea('0xc')],_0x5eea('0x4d'),(_0x1eab5a,_0x1f26c6,_0x114793)=>{_0x5004aa(_0x1f26c6,_0x114793);}),_0x363ab2[_0x5eea('0x35')](this[_0x5eea('0xc')],_0x5eea('0x57'),(_0x3d4c6d,_0x110200,_0x38c20e)=>{_0x36627f['items'][_0x5eea('0x57')](_0x38c20e);}),_0x363ab2;}[_0x5eea('0x33')](_0x1d664b,_0x2d9a69){const _0x5061f8=_0x1d664b&&_0x1d664b[_0x5eea('0x1')];_0x5061f8&&(this[_0x5eea('0x35')](_0x5061f8,_0x5eea('0x15'),()=>this['actionIndicator']=_0x2d9a69),this[_0x5eea('0x35')](_0x5061f8,_0x5eea('0x3e'),()=>this[_0x5eea('0x4')]=_0x2d9a69),this[_0x5eea('0x35')](_0x5061f8,_0x5eea('0x28'),()=>this[_0x5eea('0x4')]=null),this[_0x5eea('0x35')](_0x5061f8,_0x5eea('0xd'),()=>this[_0x5eea('0x4')]=null));}['_createCommentInputView'](){const _0x2a7f87=super[_0x5eea('0x10')]();return _0x2a7f87[_0x5eea('0x1e')](_0x5eea('0x55'))['to'](this),_0x2a7f87;}[_0x5eea('0x17')](){return _0x5eea('0x46')===this['_model']['attributes'][_0x5eea('0x44')]['source']?_0x2df098(this['locale'],_0x5eea('0x5d')):_0x2df098(this[_0x5eea('0x45')],_0x5eea('0x1f'));}[_0x5eea('0x32')](){return this['_model'][_0x5eea('0x29')]?_0x5eea('0x46')===this['_model'][_0x5eea('0x39')][_0x5eea('0x44')]['source']?_0x2df098(this[_0x5eea('0x45')],_0x5eea('0x24'),this['_model'][_0x5eea('0x50')][_0x5eea('0x41')]):_0x2df098(this[_0x5eea('0x45')],_0x5eea('0x3'),this[_0x5eea('0x48')]['creator'][_0x5eea('0x41')]):null;}[_0x5eea('0x9')](){super[_0x5eea('0x9')](),this[_0x5eea('0x33')](this['editButton'],_0x5eea('0x4b')),this[_0x5eea('0x33')](this[_0x5eea('0x30')],'remove');}}

package/src/comments.d.ts

@@ -1,31 +1,31 @@
-/**
- * @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";
-}
+/**
+ * @module comments/comments
+ * @publicApi
+ */
+import { Plugin } from 'ckeditor5/src/core.js';
+import CommentsRepository from './comments/commentsrepository.js';
+import CommentsEditing from './comments/commentsediting.js';
+import CommentsUI from './comments/commentsui.js';
+import CommentsOnly from './commentsonly.js';
+import WideSidebar from './annotations/widesidebar.js';
+import NarrowSidebar from './annotations/narrowsidebar.js';
+import InlineAnnotations from './annotations/inlineannotations.js';
+import CommentsArchiveUI from './comments/commentsarchiveui.js';
+import CommentsArchive from './comments/commentsarchive.js';
+/**
+ * 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 _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';}}
+var _0x268d=['pluginName','Comments','requires'];(function(_0x26a609,_0x268df6){var _0x30bea5=function(_0x2aa15d){while(--_0x2aa15d){_0x26a609['push'](_0x26a609['shift']());}};_0x30bea5(++_0x268df6);}(_0x268d,0x106));var _0x30be=function(_0x26a609,_0x268df6){_0x26a609=_0x26a609-0x0;var _0x30bea5=_0x268d[_0x26a609];return _0x30bea5;};import{Plugin as _0x43619f}from'ckeditor5/src/core.js';import _0x382f88 from'./comments/commentsrepository.js';import _0x4d6d36 from'./comments/commentsediting.js';import _0x4652d0 from'./comments/commentsui.js';import _0x30c05e from'./commentsonly.js';import _0x350844 from'./annotations/widesidebar.js';import _0x45a26b from'./annotations/narrowsidebar.js';import _0x434cc5 from'./annotations/inlineannotations.js';import _0x411446 from'./comments/commentsarchiveui.js';import _0x7dedad from'./comments/commentsarchive.js';export default class f extends _0x43619f{static get[_0x30be('0x1')](){return[_0x382f88,_0x4d6d36,_0x4652d0,_0x7dedad,_0x411446,_0x30c05e,_0x350844,_0x45a26b,_0x434cc5];}static get[_0x30be('0x2')](){return _0x30be('0x0');}}