@ckeditor/ckeditor5-comments 38.1.0 → 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 _0x44ad=['authoredAt','ck-comment__wrapper','locale','source','isEditable','ck-comment--','set','visibleView','placeholder','isEnabled','span','bindTemplate','editButton','ck-annotation__info','isEditMode','author','bind','isExternal','then','_createEditButton','EXTERNAL_COMMENT','creator','div','change:isRemovable','blur','isVisible','ck-comment--edit','ck-comment__info','cancelConfirm','addMany','ck-comment--info','_config','_createCommentInputView','execute','getUserViewNotificationText','name','ck-annotation__info-name','length','ck-comment','withText','_createRemoveButton','dropdown','ck-annotation__main','some','ck-comment__user','ck-annotation','children','threeVerticalDots','ck-comment__actions','change:isVisible','EXTERNAL_AVATAR','isConfirm','isSystemComment','items','listenTo','extendTemplate','removeButton','getTemplate','push','add','ck-comment__main','EXTERNAL_IMPORT_WORD_AVATAR','actionBar','removeComment','@external','_createDropdown','pencil','_model','focus','_attachActions','panelPosition','time','isRemovable','createCollection','change:isEnabled','actionIndicator','ck-annotation__content-wrapper','panelView','userView','attributes','switchToEditMode','ck-annotation__actions--hidden','mouseleave','formatDateTime','ck-comment__info-time','Delete\x20comment?','Edit','showConfirm','setTemplate','icon','ck-comment__external','ck-annotation__info-time','buttonView','ck-comment__info-name','importWord','remove','getExternalCommentNote'];(function(_0x350dd9,_0x44ad5e){const _0x2f163c=function(_0xa8a009){while(--_0xa8a009){_0x350dd9['push'](_0x350dd9['shift']());}};_0x2f163c(++_0x44ad5e);}(_0x44ad,0x143));const _0x2f16=function(_0x350dd9,_0x44ad5e){_0x350dd9=_0x350dd9-0x0;let _0x2f163c=_0x44ad[_0x350dd9];return _0x2f163c;};import{ButtonView as _0x56babd,createDropdown as _0x1e27a5,ListView as _0x1faf33,ListItemView as _0x38736e}from'ckeditor5/src/ui';import{icons as _0x2e7e6c}from'ckeditor5/src/core';import{UserView as _0x4565e3,ConfirmMixin as _0xa0cd65}from'ckeditor5-collaboration/src/collaboration-core';import _0x4d86a9 from'./basecommentview';import _0x359fd6 from'../../../../theme/icons/remove-comment.svg';import{getTranslation as _0x1579f7}from'../../../utils/common-translations';export default class ut extends _0xa0cd65(_0x4d86a9){constructor(_0x5e9b28,_0x5efbac,_0xe91beb){super(_0x5e9b28,_0x5efbac,_0xe91beb),this[_0x2f16('0x47')](_0x2f16('0x2b'),null),this[_0x2f16('0x47')](_0x2f16('0x49'),_0x1579f7(_0x5e9b28,'Reply...')),this[_0x2f16('0x51')](_0x2f16('0x41'))['to'](_0x5efbac),this[_0x2f16('0x51')]('resolvedAt')['to'](_0x5efbac),this[_0x2f16('0x1e')]=this[_0x2f16('0x29')](),this[_0x2f16('0x14')]||(this[_0x2f16('0x4d')]=this[_0x2f16('0x54')](),this[_0x2f16('0x18')]=this['_createRemoveButton'](),this[_0x2f16('0x15')]=this[_0x2f16('0x29')](),this[_0x2f16('0x15')][_0x2f16('0x5e')]([this[_0x2f16('0x4d')],this[_0x2f16('0x18')]]),this[_0x2f16('0x9')]=this['_createDropdown'](),this[_0x2f16('0x1e')]['add'](this[_0x2f16('0x9')])),this[_0x2f16('0x2e')]=new _0x4565e3(_0x5e9b28,_0x5efbac[_0x2f16('0x50')],this[_0x2f16('0x2')]()),this[_0x2f16('0x2e')][_0x2f16('0x17')]({'attributes':{'class':[_0x2f16('0xc'),'ck-annotation__user']}}),this['listenTo'](_0x5efbac,_0x2f16('0x58'),()=>this[_0x2f16('0x5d')]()),this[_0x2f16('0x38')](this[_0x2f16('0x19')]());}[_0x2f16('0x19')](){const _0x3f5eec=this[_0x2f16('0x4c')],_0x22fc54=[{'tag':'div','attributes':{'class':[_0x2f16('0x5c'),_0x2f16('0x4e')]},'children':[{'tag':_0x2f16('0x4b'),'children':[{'text':this[_0x2f16('0x2e')][_0x2f16('0x3')]}],'attributes':{'class':[_0x2f16('0x3d'),_0x2f16('0x4')]}},{'tag':_0x2f16('0x27'),'attributes':{'datetime':_0x3f5eec['to'](_0x2f16('0x41')),'class':[_0x2f16('0x34'),_0x2f16('0x3b')]},'children':[{'text':_0x3f5eec['to'](_0x2f16('0x41'),_0x1f2c07=>this[_0x2f16('0x60')][_0x2f16('0x33')](_0x1f2c07))}]}]},{'tag':_0x2f16('0x57'),'attributes':{'class':[_0x2f16('0x10'),'ck-annotation__actions',_0x3f5eec['if'](_0x2f16('0x4f'),'ck-comment__actions--hidden'),_0x3f5eec['if'](_0x2f16('0x4f'),_0x2f16('0x31'))]},'children':this[_0x2f16('0x1e')]},{'tag':_0x2f16('0x57'),'attributes':{'class':[_0x2f16('0x2c')]},'children':this[_0x2f16('0x48')]}];return this[_0x2f16('0x23')][_0x2f16('0x52')]&&_0x22fc54[_0x2f16('0x1a')]({'tag':_0x2f16('0x57'),'attributes':{'class':[_0x2f16('0x3a')]},'children':[{'text':this[_0x2f16('0x40')]()}]}),{'tag':'li','attributes':{'class':[_0x2f16('0x42'),_0x3f5eec['if'](_0x2f16('0x13'),'ck-comment--remove-confirmation')],'tabindex':-0x1},'children':[{'tag':_0x2f16('0x57'),'attributes':{'class':[_0x2f16('0x6'),_0x2f16('0xd'),_0x3f5eec['if']('isEditMode',_0x2f16('0x5b')),_0x3f5eec['if'](_0x2f16('0x14'),_0x2f16('0x5f')),_0x3f5eec['to'](_0x2f16('0x2b'),_0x744036=>_0x744036?_0x2f16('0x46')+_0x744036:'')],'data-author-id':this['_model'][_0x2f16('0x50')]['id'],'data-comment-id':this['_model']['id']},'children':[this[_0x2f16('0x2e')],{'tag':_0x2f16('0x57'),'attributes':{'class':[_0x2f16('0x1c'),_0x2f16('0xa')]},'children':_0x22fc54}]}]};}['_createEditButton'](){const _0x35fe75=new _0x56babd(this[_0x2f16('0x43')]);return _0x35fe75['label']=_0x1579f7(this[_0x2f16('0x43')],_0x2f16('0x36')),_0x35fe75['icon']=_0x2e7e6c[_0x2f16('0x22')],_0x35fe75[_0x2f16('0x7')]=!0x0,_0x35fe75[_0x2f16('0x17')]({'attributes':{'class':_0x2f16('0x5b')}}),_0x35fe75[_0x2f16('0x51')](_0x2f16('0x4a'))['to'](this[_0x2f16('0x23')],'isReadOnly',_0x3559c1=>!_0x3559c1),_0x35fe75['bind'](_0x2f16('0x5a'))['to'](this[_0x2f16('0x23')],_0x2f16('0x45')),_0x35fe75['on'](_0x2f16('0x1'),()=>this[_0x2f16('0x30')]()),_0x35fe75;}[_0x2f16('0x8')](){const _0x3d96fd=new _0x56babd(this[_0x2f16('0x43')]);return _0x3d96fd['label']=_0x1579f7(this[_0x2f16('0x43')],'Remove'),_0x3d96fd[_0x2f16('0x39')]=_0x359fd6,_0x3d96fd['withText']=!0x0,_0x3d96fd[_0x2f16('0x17')]({'attributes':{'class':'ck-comment--remove'}}),_0x3d96fd['bind'](_0x2f16('0x4a'))['to'](this[_0x2f16('0x23')],'isReadOnly',_0x5ed64e=>!_0x5ed64e),_0x3d96fd['bind'](_0x2f16('0x5a'))['to'](this[_0x2f16('0x23')],_0x2f16('0x28')),_0x3d96fd['on'](_0x2f16('0x1'),()=>{this[_0x2f16('0x37')](_0x1579f7(this[_0x2f16('0x43')],_0x2f16('0x35')),this['element'])[_0x2f16('0x53')](()=>{this['fire'](_0x2f16('0x1f'),this[_0x2f16('0x23')]['id']);});}),_0x3d96fd;}[_0x2f16('0x21')](){const _0x509d44=_0x1e27a5(this['locale']),_0x46692f=_0x509d44[_0x2f16('0x2d')][_0x2f16('0xe')],_0x1b258e=new _0x1faf33(this[_0x2f16('0x43')]),_0x50acfd=(_0x461eca,_0x2dab4f=-0x1)=>{const _0x369d90=new _0x38736e(this[_0x2f16('0x43')]);_0x369d90[_0x2f16('0xe')][_0x2f16('0x1b')](_0x461eca);const _0x2c5f94=_0x2dab4f>-0x1?_0x2dab4f:_0x1b258e[_0x2f16('0x15')][_0x2f16('0x5')];_0x1b258e[_0x2f16('0x15')]['add'](_0x369d90,_0x2c5f94),_0x509d44[_0x2f16('0x16')](_0x461eca,_0x2f16('0x2a'),()=>{_0x509d44[_0x2f16('0x4a')]=[...this[_0x2f16('0x15')]][_0x2f16('0xb')](_0x5eb5be=>_0x5eb5be[_0x2f16('0x4a')]);}),_0x509d44['listenTo'](_0x461eca,_0x2f16('0x11'),()=>{_0x509d44[_0x2f16('0x3c')][_0x2f16('0x5a')]=[...this['items']][_0x2f16('0xb')](_0x5e711c=>_0x5e711c['isVisible']);});};_0x509d44[_0x2f16('0x26')]='sw',_0x509d44['buttonView'][_0x2f16('0x47')]({'label':_0x1579f7(this[_0x2f16('0x43')],'Show\x20more\x20items'),'icon':_0x2e7e6c[_0x2f16('0xf')]}),_0x509d44[_0x2f16('0x4a')]=[...this[_0x2f16('0x15')]][_0x2f16('0xb')](_0xa7682d=>_0xa7682d[_0x2f16('0x4a')]),_0x509d44[_0x2f16('0x3c')][_0x2f16('0x5a')]=[...this[_0x2f16('0x15')]][_0x2f16('0xb')](_0xd4b20b=>_0xd4b20b[_0x2f16('0x5a')]);for(const _0x57d5c7 of this[_0x2f16('0x15')])_0x50acfd(_0x57d5c7);return _0x46692f['add'](_0x1b258e),_0x509d44[_0x2f16('0x16')](this[_0x2f16('0x15')],_0x2f16('0x1b'),(_0x930333,_0xf5baa8,_0xb236d)=>{_0x50acfd(_0xf5baa8,_0xb236d);}),_0x509d44[_0x2f16('0x16')](this[_0x2f16('0x15')],_0x2f16('0x3f'),(_0x12ed27,_0x3ce1c0,_0x4e9f5)=>{_0x1b258e['items'][_0x2f16('0x3f')](_0x4e9f5);}),_0x509d44;}[_0x2f16('0x25')](_0x3bb538,_0xf54543){const _0x9ce480=_0x3bb538&&_0x3bb538['element'];_0x9ce480&&(this['listenTo'](_0x9ce480,'mouseenter',()=>this[_0x2f16('0x2b')]=_0xf54543),this[_0x2f16('0x16')](_0x9ce480,_0x2f16('0x24'),()=>this[_0x2f16('0x2b')]=_0xf54543),this[_0x2f16('0x16')](_0x9ce480,_0x2f16('0x32'),()=>this[_0x2f16('0x2b')]=null),this['listenTo'](_0x9ce480,_0x2f16('0x59'),()=>this['actionIndicator']=null));}['_createCommentInputView'](){const _0x526664=super[_0x2f16('0x0')]();return _0x526664[_0x2f16('0x51')](_0x2f16('0x49'))['to'](this),_0x526664;}[_0x2f16('0x40')](){return _0x2f16('0x3e')===this[_0x2f16('0x23')][_0x2f16('0x2f')][_0x2f16('0x20')][_0x2f16('0x44')]?_0x1579f7(this[_0x2f16('0x43')],'EXTERNAL_IMPORT_WORD_COMMENT'):_0x1579f7(this[_0x2f16('0x43')],_0x2f16('0x55'));}[_0x2f16('0x2')](){return this[_0x2f16('0x23')][_0x2f16('0x52')]?'importWord'===this[_0x2f16('0x23')][_0x2f16('0x2f')]['@external'][_0x2f16('0x44')]?_0x1579f7(this['locale'],_0x2f16('0x1d'),this[_0x2f16('0x23')][_0x2f16('0x56')][_0x2f16('0x3')]):_0x1579f7(this['locale'],_0x2f16('0x12'),this[_0x2f16('0x23')]['creator'][_0x2f16('0x3')]):null;}['render'](){super['render'](),this[_0x2f16('0x25')](this[_0x2f16('0x4d')],'edit'),this[_0x2f16('0x25')](this[_0x2f16('0x18')],_0x2f16('0x3f'));}}
+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,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';
+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 _0x36ba=['pluginName'];(function(_0x2f2706,_0x36baad){var _0x2f6746=function(_0x26b964){while(--_0x26b964){_0x2f2706['push'](_0x2f2706['shift']());}};_0x2f6746(++_0x36baad);}(_0x36ba,0x12a));var _0x2f67=function(_0x2f2706,_0x36baad){_0x2f2706=_0x2f2706-0x0;var _0x2f6746=_0x36ba[_0x2f2706];return _0x2f6746;};import{Plugin as _0x3c26a1}from'ckeditor5/src/core';import _0x50d7cb from'./comments/commentsrepository';import _0x5d8858 from'./comments/commentsediting';import _0x5c6f83 from'./comments/commentsui';import _0x25930c from'./commentsonly';import _0x3196fb from'./annotations/widesidebar';import _0x321225 from'./annotations/narrowsidebar';import _0x55a81f from'./annotations/inlineannotations';import _0x24412b from'./comments/commentsarchiveui';import _0x51171e from'./comments/commentsarchive';export default class f extends _0x3c26a1{static get['requires'](){return[_0x50d7cb,_0x5d8858,_0x5c6f83,_0x51171e,_0x24412b,_0x25930c,_0x3196fb,_0x321225,_0x55a81f];}static get[_0x2f67('0x0')](){return'Comments';}}
+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';}}