@ckeditor/ckeditor5-comments 39.0.1 → 40.0.0

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

@@ -1,243 +1,243 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module comments/comments/ui/view/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 {};
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module comments/comments/ui/view/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 _0x283f=['ck-annotation__content-wrapper','ck-annotation__main','push','ck-comment__actions','icon','add','bind','EXTERNAL_IMPORT_WORD_COMMENT','@external','remove','set','Delete\x20comment?','visibleView','ck-comment__info-time','bindTemplate','then','authoredAt','label','setTemplate','source','items','length','actionBar','isVisible','some','buttonView','render','getUserViewNotificationText','Show\x20more\x20items','threeVerticalDots','fire','Edit','panelPosition','creator','edit','ck-annotation__actions','isRemovable','name','isEditable','div','listenTo','switchToEditMode','ck-comment--remove','userView','placeholder','locale','_createEditButton','ck-annotation','ck-comment__info','ck-annotation__info-time','isEnabled','actionIndicator','cancelConfirm','addMany','_model','ck-comment--edit','removeComment','Remove','panelView','isReadOnly','mouseenter','ck-comment--','_createDropdown','change:isVisible','_config','ck-annotation__user','element','editButton','attributes','getTemplate','isSystemComment','ck-comment__external','Reply...','_attachActions','span','isConfirm','ck-annotation__info','createCollection','_createCommentInputView','_createRemoveButton','change:isRemovable','blur','importWord','showConfirm','author','execute','mouseleave','extendTemplate','change:isEnabled','isEditMode','withText','focus','EXTERNAL_AVATAR','isExternal','ck-comment__user','removeButton'];(function(_0x28118d,_0x283fc8){const _0x5b7a01=function(_0x3c4d2b){while(--_0x3c4d2b){_0x28118d['push'](_0x28118d['shift']());}};_0x5b7a01(++_0x283fc8);}(_0x283f,0x10c));const _0x5b7a=function(_0x28118d,_0x283fc8){_0x28118d=_0x28118d-0x0;let _0x5b7a01=_0x283f[_0x28118d];return _0x5b7a01;};import{ButtonView as _0x479ce7,createDropdown as _0x3b2926,ListView as _0x3a7fb2,ListItemView as _0x3ef960}from'ckeditor5/src/ui';import{icons as _0x4bb238}from'ckeditor5/src/core';import{UserView as _0x855dec,ConfirmMixin as _0x39e3b4}from'ckeditor5-collaboration/src/collaboration-core';import _0x209590 from'./basecommentview';import _0x31b80c from'../../../../theme/icons/remove-comment.svg';import{getTranslation as _0x3d446c}from'../../../utils/common-translations';export default class ut extends _0x39e3b4(_0x209590){constructor(_0xf4310a,_0x2854d8,_0x28cf05){super(_0xf4310a,_0x2854d8,_0x28cf05),this[_0x5b7a('0x1e')](_0x5b7a('0x47'),null),this[_0x5b7a('0x1e')](_0x5b7a('0x40'),_0x3d446c(_0xf4310a,_0x5b7a('0x5c'))),this[_0x5b7a('0x1a')]('authoredAt')['to'](_0x2854d8),this[_0x5b7a('0x1a')]('resolvedAt')['to'](_0x2854d8),this[_0x5b7a('0x2a')]=this[_0x5b7a('0x1')](),this['isSystemComment']||(this[_0x5b7a('0x57')]=this[_0x5b7a('0x42')](),this[_0x5b7a('0x13')]=this[_0x5b7a('0x3')](),this['items']=this[_0x5b7a('0x1')](),this[_0x5b7a('0x28')][_0x5b7a('0x49')]([this['editButton'],this[_0x5b7a('0x13')]]),this['dropdown']=this[_0x5b7a('0x52')](),this[_0x5b7a('0x2a')][_0x5b7a('0x19')](this['dropdown'])),this[_0x5b7a('0x3f')]=new _0x855dec(_0xf4310a,_0x2854d8[_0x5b7a('0x8')],this[_0x5b7a('0x2f')]()),this['userView'][_0x5b7a('0xb')]({'attributes':{'class':[_0x5b7a('0x12'),_0x5b7a('0x55')]}}),this[_0x5b7a('0x3c')](_0x2854d8,_0x5b7a('0x4'),()=>this[_0x5b7a('0x48')]()),this[_0x5b7a('0x26')](this[_0x5b7a('0x59')]());}[_0x5b7a('0x59')](){const _0x2142d1=this[_0x5b7a('0x22')],_0x3d46b3=[{'tag':_0x5b7a('0x3b'),'attributes':{'class':[_0x5b7a('0x44'),_0x5b7a('0x0')]},'children':[{'tag':_0x5b7a('0x5e'),'children':[{'text':this[_0x5b7a('0x3f')][_0x5b7a('0x39')]}],'attributes':{'class':['ck-comment__info-name','ck-annotation__info-name']}},{'tag':'time','attributes':{'datetime':_0x2142d1['to']('authoredAt'),'class':[_0x5b7a('0x21'),_0x5b7a('0x45')]},'children':[{'text':_0x2142d1['to'](_0x5b7a('0x24'),_0x552db3=>this[_0x5b7a('0x54')]['formatDateTime'](_0x552db3))}]}]},{'tag':_0x5b7a('0x3b'),'attributes':{'class':[_0x5b7a('0x17'),_0x5b7a('0x37'),_0x2142d1['if'](_0x5b7a('0xd'),'ck-comment__actions--hidden'),_0x2142d1['if'](_0x5b7a('0xd'),'ck-annotation__actions--hidden')]},'children':this['actionBar']},{'tag':_0x5b7a('0x3b'),'attributes':{'class':[_0x5b7a('0x14')]},'children':this[_0x5b7a('0x20')]}];return this['_model'][_0x5b7a('0x11')]&&_0x3d46b3[_0x5b7a('0x16')]({'tag':_0x5b7a('0x3b'),'attributes':{'class':[_0x5b7a('0x5b')]},'children':[{'text':this['getExternalCommentNote']()}]}),{'tag':'li','attributes':{'class':['ck-comment__wrapper',_0x2142d1['if'](_0x5b7a('0x5f'),'ck-comment--remove-confirmation')],'tabindex':-0x1},'children':[{'tag':_0x5b7a('0x3b'),'attributes':{'class':['ck-comment',_0x5b7a('0x43'),_0x2142d1['if'](_0x5b7a('0xd'),_0x5b7a('0x4b')),_0x2142d1['if'](_0x5b7a('0x5a'),'ck-comment--info'),_0x2142d1['to']('actionIndicator',_0x17f8de=>_0x17f8de?_0x5b7a('0x51')+_0x17f8de:'')],'data-author-id':this[_0x5b7a('0x4a')][_0x5b7a('0x8')]['id'],'data-comment-id':this[_0x5b7a('0x4a')]['id']},'children':[this[_0x5b7a('0x3f')],{'tag':_0x5b7a('0x3b'),'attributes':{'class':['ck-comment__main',_0x5b7a('0x15')]},'children':_0x3d46b3}]}]};}['_createEditButton'](){const _0x2e5d51=new _0x479ce7(this[_0x5b7a('0x41')]);return _0x2e5d51[_0x5b7a('0x25')]=_0x3d446c(this[_0x5b7a('0x41')],_0x5b7a('0x33')),_0x2e5d51[_0x5b7a('0x18')]=_0x4bb238['pencil'],_0x2e5d51[_0x5b7a('0xe')]=!0x0,_0x2e5d51['extendTemplate']({'attributes':{'class':_0x5b7a('0x4b')}}),_0x2e5d51['bind'](_0x5b7a('0x46'))['to'](this[_0x5b7a('0x4a')],_0x5b7a('0x4f'),_0x5df5bb=>!_0x5df5bb),_0x2e5d51[_0x5b7a('0x1a')](_0x5b7a('0x2b'))['to'](this[_0x5b7a('0x4a')],_0x5b7a('0x3a')),_0x2e5d51['on'](_0x5b7a('0x9'),()=>this[_0x5b7a('0x3d')]()),_0x2e5d51;}[_0x5b7a('0x3')](){const _0x4f012f=new _0x479ce7(this['locale']);return _0x4f012f[_0x5b7a('0x25')]=_0x3d446c(this[_0x5b7a('0x41')],_0x5b7a('0x4d')),_0x4f012f[_0x5b7a('0x18')]=_0x31b80c,_0x4f012f[_0x5b7a('0xe')]=!0x0,_0x4f012f[_0x5b7a('0xb')]({'attributes':{'class':_0x5b7a('0x3e')}}),_0x4f012f['bind']('isEnabled')['to'](this[_0x5b7a('0x4a')],_0x5b7a('0x4f'),_0x4bbcfa=>!_0x4bbcfa),_0x4f012f[_0x5b7a('0x1a')](_0x5b7a('0x2b'))['to'](this[_0x5b7a('0x4a')],_0x5b7a('0x38')),_0x4f012f['on'](_0x5b7a('0x9'),()=>{this[_0x5b7a('0x7')](_0x3d446c(this[_0x5b7a('0x41')],_0x5b7a('0x1f')),this[_0x5b7a('0x56')])[_0x5b7a('0x23')](()=>{this[_0x5b7a('0x32')](_0x5b7a('0x4c'),this[_0x5b7a('0x4a')]['id']);});}),_0x4f012f;}['_createDropdown'](){const _0x408349=_0x3b2926(this[_0x5b7a('0x41')]),_0xf07b35=_0x408349[_0x5b7a('0x4e')]['children'],_0xfbbada=new _0x3a7fb2(this['locale']),_0x29b6d2=(_0x144bb0,_0x3c7119=-0x1)=>{const _0x2c3712=new _0x3ef960(this[_0x5b7a('0x41')]);_0x2c3712['children'][_0x5b7a('0x19')](_0x144bb0);const _0x3720cc=_0x3c7119>-0x1?_0x3c7119:_0xfbbada[_0x5b7a('0x28')][_0x5b7a('0x29')];_0xfbbada[_0x5b7a('0x28')][_0x5b7a('0x19')](_0x2c3712,_0x3720cc),_0x408349['listenTo'](_0x144bb0,_0x5b7a('0xc'),()=>{_0x408349[_0x5b7a('0x46')]=[...this['items']][_0x5b7a('0x2c')](_0x40117a=>_0x40117a['isEnabled']);}),_0x408349['listenTo'](_0x144bb0,_0x5b7a('0x53'),()=>{_0x408349['buttonView'][_0x5b7a('0x2b')]=[...this[_0x5b7a('0x28')]]['some'](_0x4e7f98=>_0x4e7f98[_0x5b7a('0x2b')]);});};_0x408349[_0x5b7a('0x34')]='sw',_0x408349[_0x5b7a('0x2d')]['set']({'label':_0x3d446c(this[_0x5b7a('0x41')],_0x5b7a('0x30')),'icon':_0x4bb238[_0x5b7a('0x31')]}),_0x408349[_0x5b7a('0x46')]=[...this['items']][_0x5b7a('0x2c')](_0x5cbc36=>_0x5cbc36[_0x5b7a('0x46')]),_0x408349['buttonView']['isVisible']=[...this['items']][_0x5b7a('0x2c')](_0x2d445b=>_0x2d445b[_0x5b7a('0x2b')]);for(const _0x284273 of this['items'])_0x29b6d2(_0x284273);return _0xf07b35['add'](_0xfbbada),_0x408349[_0x5b7a('0x3c')](this[_0x5b7a('0x28')],'add',(_0x4dc274,_0x1e1edb,_0x263501)=>{_0x29b6d2(_0x1e1edb,_0x263501);}),_0x408349[_0x5b7a('0x3c')](this['items'],_0x5b7a('0x1d'),(_0x364c70,_0x2165b6,_0x1df840)=>{_0xfbbada[_0x5b7a('0x28')][_0x5b7a('0x1d')](_0x1df840);}),_0x408349;}[_0x5b7a('0x5d')](_0x4aaed5,_0x31b314){const _0x194471=_0x4aaed5&&_0x4aaed5[_0x5b7a('0x56')];_0x194471&&(this[_0x5b7a('0x3c')](_0x194471,_0x5b7a('0x50'),()=>this[_0x5b7a('0x47')]=_0x31b314),this[_0x5b7a('0x3c')](_0x194471,_0x5b7a('0xf'),()=>this[_0x5b7a('0x47')]=_0x31b314),this[_0x5b7a('0x3c')](_0x194471,_0x5b7a('0xa'),()=>this[_0x5b7a('0x47')]=null),this[_0x5b7a('0x3c')](_0x194471,_0x5b7a('0x5'),()=>this[_0x5b7a('0x47')]=null));}[_0x5b7a('0x2')](){const _0x76190d=super[_0x5b7a('0x2')]();return _0x76190d['bind']('placeholder')['to'](this),_0x76190d;}['getExternalCommentNote'](){return _0x5b7a('0x6')===this[_0x5b7a('0x4a')][_0x5b7a('0x58')]['@external'][_0x5b7a('0x27')]?_0x3d446c(this[_0x5b7a('0x41')],_0x5b7a('0x1b')):_0x3d446c(this[_0x5b7a('0x41')],'EXTERNAL_COMMENT');}[_0x5b7a('0x2f')](){return this['_model'][_0x5b7a('0x11')]?_0x5b7a('0x6')===this[_0x5b7a('0x4a')][_0x5b7a('0x58')][_0x5b7a('0x1c')][_0x5b7a('0x27')]?_0x3d446c(this[_0x5b7a('0x41')],'EXTERNAL_IMPORT_WORD_AVATAR',this[_0x5b7a('0x4a')][_0x5b7a('0x35')][_0x5b7a('0x39')]):_0x3d446c(this['locale'],_0x5b7a('0x10'),this[_0x5b7a('0x4a')]['creator'][_0x5b7a('0x39')]):null;}[_0x5b7a('0x2e')](){super['render'](),this[_0x5b7a('0x5d')](this['editButton'],_0x5b7a('0x36')),this[_0x5b7a('0x5d')](this[_0x5b7a('0x13')],_0x5b7a('0x1d'));}}
+const _0x5116=['time','Edit','_createCommentInputView','resolvedAt','ck-comment--','authoredAt','blur','set','EXTERNAL_IMPORT_WORD_COMMENT','some','showConfirm','isEditable','author','EXTERNAL_IMPORT_WORD_AVATAR','importWord','ck-comment__actions','ck-comment__user','_attachActions','isExternal','actionIndicator','ck-annotation__info-name','dropdown','change:isRemovable','element','ck-annotation__actions','createCollection','name','panelPosition','extendTemplate','mouseenter','children','ck-annotation__info','execute','ck-comment__external','bind','setTemplate','source','_createEditButton','ck-comment__main','items','getExternalCommentNote','formatDateTime','creator','visibleView','cancelConfirm','_model','ck-comment--edit','add','placeholder','ck-comment--remove','change:isVisible','then','edit','remove','label','isEditMode','isSystemComment','_createDropdown','push','ck-comment__actions--hidden','ck-annotation','getTemplate','listenTo','withText','switchToEditMode','fire','render','isEnabled','EXTERNAL_AVATAR','getUserViewNotificationText','length','isVisible','EXTERNAL_COMMENT','mouseleave','ck-annotation__main','ck-comment--remove-confirmation','attributes','editButton','Remove','isReadOnly','buttonView','bindTemplate','Reply...','actionBar','userView','div','_createRemoveButton','ck-comment__info','_config','locale','ck-comment--info','ck-annotation__content-wrapper','isConfirm'];(function(_0x37ecc2,_0x511694){const _0x1446a7=function(_0x52836b){while(--_0x52836b){_0x37ecc2['push'](_0x37ecc2['shift']());}};_0x1446a7(++_0x511694);}(_0x5116,0x14f));const _0x1446=function(_0x37ecc2,_0x511694){_0x37ecc2=_0x37ecc2-0x0;let _0x1446a7=_0x5116[_0x37ecc2];return _0x1446a7;};import{ButtonView as _0x5a8506,createDropdown as _0xd5ce0c,ListView as _0x2b84af,ListItemView as _0x19f775}from'ckeditor5/src/ui';import{icons as _0x20b364}from'ckeditor5/src/core';import{UserView as _0x301523,ConfirmMixin as _0x940c4e}from'ckeditor5-collaboration/src/collaboration-core';import _0x560ac9 from'./basecommentview';import _0x3e1615 from'../../../../theme/icons/remove-comment.svg';import{getTranslation as _0x1b01f0}from'../../../utils/common-translations';export default class ut extends _0x940c4e(_0x560ac9){constructor(_0x1e54a3,_0x561b19,_0x4824b3){super(_0x1e54a3,_0x561b19,_0x4824b3),this[_0x1446('0x2c')](_0x1446('0x38'),null),this['set']('placeholder',_0x1b01f0(_0x1e54a3,_0x1446('0x1a'))),this[_0x1446('0x47')]('authoredAt')['to'](_0x561b19),this[_0x1446('0x47')](_0x1446('0x28'))['to'](_0x561b19),this[_0x1446('0x1b')]=this['createCollection'](),this[_0x1446('0x0')]||(this[_0x1446('0x15')]=this['_createEditButton'](),this['removeButton']=this[_0x1446('0x1e')](),this['items']=this[_0x1446('0x3e')](),this['items']['addMany']([this[_0x1446('0x15')],this['removeButton']]),this[_0x1446('0x3a')]=this[_0x1446('0x1')](),this[_0x1446('0x1b')][_0x1446('0x54')](this[_0x1446('0x3a')])),this[_0x1446('0x1c')]=new _0x301523(_0x1e54a3,_0x561b19[_0x1446('0x31')],this[_0x1446('0xd')]()),this[_0x1446('0x1c')][_0x1446('0x41')]({'attributes':{'class':[_0x1446('0x35'),'ck-annotation__user']}}),this[_0x1446('0x6')](_0x561b19,_0x1446('0x3b'),()=>this[_0x1446('0x51')]()),this[_0x1446('0x48')](this[_0x1446('0x5')]());}[_0x1446('0x5')](){const _0x3818ae=this[_0x1446('0x19')],_0x47baa4=[{'tag':_0x1446('0x1d'),'attributes':{'class':[_0x1446('0x1f'),_0x1446('0x44')]},'children':[{'tag':'span','children':[{'text':this['userView'][_0x1446('0x3f')]}],'attributes':{'class':['ck-comment__info-name',_0x1446('0x39')]}},{'tag':_0x1446('0x25'),'attributes':{'datetime':_0x3818ae['to'](_0x1446('0x2a')),'class':['ck-comment__info-time','ck-annotation__info-time']},'children':[{'text':_0x3818ae['to'](_0x1446('0x2a'),_0x3803cc=>this[_0x1446('0x20')][_0x1446('0x4e')](_0x3803cc))}]}]},{'tag':_0x1446('0x1d'),'attributes':{'class':[_0x1446('0x34'),_0x1446('0x3d'),_0x3818ae['if'](_0x1446('0x5c'),_0x1446('0x3')),_0x3818ae['if']('isEditMode','ck-annotation__actions--hidden')]},'children':this[_0x1446('0x1b')]},{'tag':'div','attributes':{'class':[_0x1446('0x23')]},'children':this[_0x1446('0x50')]}];return this['_model'][_0x1446('0x37')]&&_0x47baa4[_0x1446('0x2')]({'tag':_0x1446('0x1d'),'attributes':{'class':[_0x1446('0x46')]},'children':[{'text':this[_0x1446('0x4d')]()}]}),{'tag':'li','attributes':{'class':['ck-comment__wrapper',_0x3818ae['if'](_0x1446('0x24'),_0x1446('0x13'))],'tabindex':-0x1},'children':[{'tag':_0x1446('0x1d'),'attributes':{'class':['ck-comment',_0x1446('0x4'),_0x3818ae['if']('isEditMode',_0x1446('0x53')),_0x3818ae['if'](_0x1446('0x0'),_0x1446('0x22')),_0x3818ae['to'](_0x1446('0x38'),_0x4e020c=>_0x4e020c?_0x1446('0x29')+_0x4e020c:'')],'data-author-id':this[_0x1446('0x52')]['author']['id'],'data-comment-id':this[_0x1446('0x52')]['id']},'children':[this[_0x1446('0x1c')],{'tag':'div','attributes':{'class':[_0x1446('0x4b'),_0x1446('0x12')]},'children':_0x47baa4}]}]};}[_0x1446('0x4a')](){const _0x1285e7=new _0x5a8506(this['locale']);return _0x1285e7[_0x1446('0x5b')]=_0x1b01f0(this[_0x1446('0x21')],_0x1446('0x26')),_0x1285e7['icon']=_0x20b364['pencil'],_0x1285e7['withText']=!0x0,_0x1285e7['extendTemplate']({'attributes':{'class':_0x1446('0x53')}}),_0x1285e7[_0x1446('0x47')](_0x1446('0xb'))['to'](this[_0x1446('0x52')],_0x1446('0x17'),_0x3c131b=>!_0x3c131b),_0x1285e7[_0x1446('0x47')](_0x1446('0xf'))['to'](this[_0x1446('0x52')],_0x1446('0x30')),_0x1285e7['on'](_0x1446('0x45'),()=>this[_0x1446('0x8')]()),_0x1285e7;}[_0x1446('0x1e')](){const _0x801b30=new _0x5a8506(this[_0x1446('0x21')]);return _0x801b30['label']=_0x1b01f0(this[_0x1446('0x21')],_0x1446('0x16')),_0x801b30['icon']=_0x3e1615,_0x801b30[_0x1446('0x7')]=!0x0,_0x801b30['extendTemplate']({'attributes':{'class':_0x1446('0x56')}}),_0x801b30[_0x1446('0x47')](_0x1446('0xb'))['to'](this['_model'],_0x1446('0x17'),_0x2a5461=>!_0x2a5461),_0x801b30[_0x1446('0x47')](_0x1446('0xf'))['to'](this[_0x1446('0x52')],'isRemovable'),_0x801b30['on'](_0x1446('0x45'),()=>{this[_0x1446('0x2f')](_0x1b01f0(this[_0x1446('0x21')],'Delete\x20comment?'),this[_0x1446('0x3c')])[_0x1446('0x58')](()=>{this[_0x1446('0x9')]('removeComment',this['_model']['id']);});}),_0x801b30;}[_0x1446('0x1')](){const _0x285e52=_0xd5ce0c(this[_0x1446('0x21')]),_0x5035ff=_0x285e52['panelView'][_0x1446('0x43')],_0xf02dd4=new _0x2b84af(this[_0x1446('0x21')]),_0x507d39=(_0x250849,_0x4768ff=-0x1)=>{const _0x36892c=new _0x19f775(this[_0x1446('0x21')]);_0x36892c[_0x1446('0x43')][_0x1446('0x54')](_0x250849);const _0x574da4=_0x4768ff>-0x1?_0x4768ff:_0xf02dd4['items'][_0x1446('0xe')];_0xf02dd4[_0x1446('0x4c')]['add'](_0x36892c,_0x574da4),_0x285e52[_0x1446('0x6')](_0x250849,'change:isEnabled',()=>{_0x285e52[_0x1446('0xb')]=[...this[_0x1446('0x4c')]][_0x1446('0x2e')](_0x1c23ac=>_0x1c23ac[_0x1446('0xb')]);}),_0x285e52[_0x1446('0x6')](_0x250849,_0x1446('0x57'),()=>{_0x285e52['buttonView']['isVisible']=[...this[_0x1446('0x4c')]][_0x1446('0x2e')](_0x174d02=>_0x174d02['isVisible']);});};_0x285e52[_0x1446('0x40')]='sw',_0x285e52[_0x1446('0x18')][_0x1446('0x2c')]({'label':_0x1b01f0(this['locale'],'Show\x20more\x20items'),'icon':_0x20b364['threeVerticalDots']}),_0x285e52['isEnabled']=[...this[_0x1446('0x4c')]][_0x1446('0x2e')](_0x52e2a2=>_0x52e2a2[_0x1446('0xb')]),_0x285e52['buttonView'][_0x1446('0xf')]=[...this['items']][_0x1446('0x2e')](_0x5512f2=>_0x5512f2['isVisible']);for(const _0x38ece3 of this['items'])_0x507d39(_0x38ece3);return _0x5035ff[_0x1446('0x54')](_0xf02dd4),_0x285e52['listenTo'](this[_0x1446('0x4c')],_0x1446('0x54'),(_0x2bd470,_0xe8650b,_0x5d891c)=>{_0x507d39(_0xe8650b,_0x5d891c);}),_0x285e52['listenTo'](this['items'],_0x1446('0x5a'),(_0x46d816,_0x5e3f99,_0x44eb1d)=>{_0xf02dd4[_0x1446('0x4c')][_0x1446('0x5a')](_0x44eb1d);}),_0x285e52;}[_0x1446('0x36')](_0x138b01,_0x3f4038){const _0x23f9f4=_0x138b01&&_0x138b01['element'];_0x23f9f4&&(this[_0x1446('0x6')](_0x23f9f4,_0x1446('0x42'),()=>this[_0x1446('0x38')]=_0x3f4038),this[_0x1446('0x6')](_0x23f9f4,'focus',()=>this['actionIndicator']=_0x3f4038),this[_0x1446('0x6')](_0x23f9f4,_0x1446('0x11'),()=>this[_0x1446('0x38')]=null),this['listenTo'](_0x23f9f4,_0x1446('0x2b'),()=>this[_0x1446('0x38')]=null));}[_0x1446('0x27')](){const _0xf13ca9=super[_0x1446('0x27')]();return _0xf13ca9[_0x1446('0x47')](_0x1446('0x55'))['to'](this),_0xf13ca9;}[_0x1446('0x4d')](){return _0x1446('0x33')===this[_0x1446('0x52')][_0x1446('0x14')]['@external'][_0x1446('0x49')]?_0x1b01f0(this['locale'],_0x1446('0x2d')):_0x1b01f0(this[_0x1446('0x21')],_0x1446('0x10'));}[_0x1446('0xd')](){return this['_model']['isExternal']?_0x1446('0x33')===this[_0x1446('0x52')][_0x1446('0x14')]['@external'][_0x1446('0x49')]?_0x1b01f0(this['locale'],_0x1446('0x32'),this[_0x1446('0x52')][_0x1446('0x4f')][_0x1446('0x3f')]):_0x1b01f0(this[_0x1446('0x21')],_0x1446('0xc'),this['_model'][_0x1446('0x4f')][_0x1446('0x3f')]):null;}[_0x1446('0xa')](){super[_0x1446('0xa')](),this['_attachActions'](this['editButton'],_0x1446('0x59')),this[_0x1446('0x36')](this['removeButton'],_0x1446('0x5a'));}}

package/src/comments.d.ts

@@ -1,35 +1,35 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module comments/comments
- * @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";
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module comments/comments
+ * @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";
+}