@ckeditor/ckeditor5-comments 39.0.2 → 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 _0x4ea3=['div','isConfirm','ck-annotation__actions--hidden','setTemplate','Edit','ck-comment__external','edit','Reply...','ck-annotation__info-name','element','ck-comment--edit','formatDateTime','attributes','bind','_model','isSystemComment','change:isEnabled','some','authoredAt','createCollection','dropdown','creator','visibleView','ck-annotation','EXTERNAL_AVATAR','remove','icon','_config','Remove','_createEditButton','name','children','add','ck-comment__main','blur','author','locale','switchToEditMode','cancelConfirm','render','label','importWord','ck-comment--info','removeComment','mouseenter','set','editButton','execute','placeholder','ck-annotation__info-time','ck-comment','ck-comment__actions','_attachActions','extendTemplate','items','resolvedAt','ck-annotation__actions','ck-comment__info-name','buttonView','actionBar','panelPosition','ck-comment__info-time','getUserViewNotificationText','length','EXTERNAL_IMPORT_WORD_COMMENT','withText','time','isVisible','ck-annotation__main','removeButton','push','ck-comment--remove','source','userView','ck-comment__wrapper','ck-annotation__info','getExternalCommentNote','change:isVisible','@external','addMany','change:isRemovable','actionIndicator','isExternal','threeVerticalDots','getTemplate','_createRemoveButton','listenTo','EXTERNAL_COMMENT','isEnabled','isReadOnly','panelView','isEditMode','ck-annotation__content-wrapper'];(function(_0x44a862,_0x4ea341){const _0x15ad23=function(_0x1b22e3){while(--_0x1b22e3){_0x44a862['push'](_0x44a862['shift']());}};_0x15ad23(++_0x4ea341);}(_0x4ea3,0x184));const _0x15ad=function(_0x44a862,_0x4ea341){_0x44a862=_0x44a862-0x0;let _0x15ad23=_0x4ea3[_0x44a862];return _0x15ad23;};import{ButtonView as _0x1fe661,createDropdown as _0x3fa574,ListView as _0x5bde5b,ListItemView as _0x2bfa7d}from'ckeditor5/src/ui';import{icons as _0x26690e}from'ckeditor5/src/core';import{UserView as _0x567d64,ConfirmMixin as _0x58ef37}from'ckeditor5-collaboration/src/collaboration-core';import _0x15b155 from'./basecommentview';import _0x176189 from'../../../../theme/icons/remove-comment.svg';import{getTranslation as _0x4a6ef5}from'../../../utils/common-translations';export default class ut extends _0x58ef37(_0x15b155){constructor(_0x1df67a,_0x3436e6,_0x4126ad){super(_0x1df67a,_0x3436e6,_0x4126ad),this[_0x15ad('0x1d')](_0x15ad('0x41'),null),this['set'](_0x15ad('0x20'),_0x4a6ef5(_0x1df67a,_0x15ad('0x54'))),this[_0x15ad('0x5a')](_0x15ad('0x2'))['to'](_0x3436e6),this[_0x15ad('0x5a')](_0x15ad('0x27'))['to'](_0x3436e6),this[_0x15ad('0x2b')]=this['createCollection'](),this[_0x15ad('0x5c')]||(this['editButton']=this[_0x15ad('0xd')](),this['removeButton']=this['_createRemoveButton'](),this[_0x15ad('0x26')]=this[_0x15ad('0x3')](),this[_0x15ad('0x26')][_0x15ad('0x3f')]([this[_0x15ad('0x1e')],this[_0x15ad('0x35')]]),this[_0x15ad('0x4')]=this['_createDropdown'](),this[_0x15ad('0x2b')][_0x15ad('0x10')](this['dropdown'])),this[_0x15ad('0x39')]=new _0x567d64(_0x1df67a,_0x3436e6[_0x15ad('0x13')],this[_0x15ad('0x2e')]()),this[_0x15ad('0x39')][_0x15ad('0x25')]({'attributes':{'class':['ck-comment__user','ck-annotation__user']}}),this[_0x15ad('0x46')](_0x3436e6,_0x15ad('0x40'),()=>this[_0x15ad('0x16')]()),this[_0x15ad('0x50')](this[_0x15ad('0x44')]());}[_0x15ad('0x44')](){const _0x5bf2da=this['bindTemplate'],_0x5bbff8=[{'tag':_0x15ad('0x4d'),'attributes':{'class':['ck-comment__info',_0x15ad('0x3b')]},'children':[{'tag':'span','children':[{'text':this[_0x15ad('0x39')]['name']}],'attributes':{'class':[_0x15ad('0x29'),_0x15ad('0x55')]}},{'tag':_0x15ad('0x32'),'attributes':{'datetime':_0x5bf2da['to'](_0x15ad('0x2')),'class':[_0x15ad('0x2d'),_0x15ad('0x21')]},'children':[{'text':_0x5bf2da['to']('authoredAt',_0x5acb23=>this[_0x15ad('0xb')][_0x15ad('0x58')](_0x5acb23))}]}]},{'tag':_0x15ad('0x4d'),'attributes':{'class':[_0x15ad('0x23'),_0x15ad('0x28'),_0x5bf2da['if'](_0x15ad('0x4b'),'ck-comment__actions--hidden'),_0x5bf2da['if'](_0x15ad('0x4b'),_0x15ad('0x4f'))]},'children':this['actionBar']},{'tag':'div','attributes':{'class':[_0x15ad('0x4c')]},'children':this[_0x15ad('0x6')]}];return this[_0x15ad('0x5b')][_0x15ad('0x42')]&&_0x5bbff8[_0x15ad('0x36')]({'tag':_0x15ad('0x4d'),'attributes':{'class':[_0x15ad('0x52')]},'children':[{'text':this['getExternalCommentNote']()}]}),{'tag':'li','attributes':{'class':[_0x15ad('0x3a'),_0x5bf2da['if'](_0x15ad('0x4e'),'ck-comment--remove-confirmation')],'tabindex':-0x1},'children':[{'tag':_0x15ad('0x4d'),'attributes':{'class':[_0x15ad('0x22'),_0x15ad('0x7'),_0x5bf2da['if'](_0x15ad('0x4b'),'ck-comment--edit'),_0x5bf2da['if']('isSystemComment',_0x15ad('0x1a')),_0x5bf2da['to'](_0x15ad('0x41'),_0x207d2d=>_0x207d2d?'ck-comment--'+_0x207d2d:'')],'data-author-id':this[_0x15ad('0x5b')][_0x15ad('0x13')]['id'],'data-comment-id':this[_0x15ad('0x5b')]['id']},'children':[this[_0x15ad('0x39')],{'tag':_0x15ad('0x4d'),'attributes':{'class':[_0x15ad('0x11'),_0x15ad('0x34')]},'children':_0x5bbff8}]}]};}[_0x15ad('0xd')](){const _0x3cd051=new _0x1fe661(this[_0x15ad('0x14')]);return _0x3cd051['label']=_0x4a6ef5(this[_0x15ad('0x14')],_0x15ad('0x51')),_0x3cd051[_0x15ad('0xa')]=_0x26690e['pencil'],_0x3cd051['withText']=!0x0,_0x3cd051[_0x15ad('0x25')]({'attributes':{'class':_0x15ad('0x57')}}),_0x3cd051[_0x15ad('0x5a')]('isEnabled')['to'](this['_model'],_0x15ad('0x49'),_0x45c376=>!_0x45c376),_0x3cd051[_0x15ad('0x5a')](_0x15ad('0x33'))['to'](this[_0x15ad('0x5b')],'isEditable'),_0x3cd051['on'](_0x15ad('0x1f'),()=>this[_0x15ad('0x15')]()),_0x3cd051;}[_0x15ad('0x45')](){const _0x202772=new _0x1fe661(this['locale']);return _0x202772[_0x15ad('0x18')]=_0x4a6ef5(this[_0x15ad('0x14')],_0x15ad('0xc')),_0x202772[_0x15ad('0xa')]=_0x176189,_0x202772[_0x15ad('0x31')]=!0x0,_0x202772[_0x15ad('0x25')]({'attributes':{'class':_0x15ad('0x37')}}),_0x202772['bind']('isEnabled')['to'](this[_0x15ad('0x5b')],'isReadOnly',_0x68e0d9=>!_0x68e0d9),_0x202772[_0x15ad('0x5a')](_0x15ad('0x33'))['to'](this[_0x15ad('0x5b')],'isRemovable'),_0x202772['on'](_0x15ad('0x1f'),()=>{this['showConfirm'](_0x4a6ef5(this[_0x15ad('0x14')],'Delete\x20comment?'),this[_0x15ad('0x56')])['then'](()=>{this['fire'](_0x15ad('0x1b'),this[_0x15ad('0x5b')]['id']);});}),_0x202772;}['_createDropdown'](){const _0x5e8461=_0x3fa574(this[_0x15ad('0x14')]),_0x28b0ab=_0x5e8461[_0x15ad('0x4a')][_0x15ad('0xf')],_0xee366e=new _0x5bde5b(this['locale']),_0x2eb37c=(_0x15729d,_0x52de11=-0x1)=>{const _0x25d32d=new _0x2bfa7d(this['locale']);_0x25d32d[_0x15ad('0xf')][_0x15ad('0x10')](_0x15729d);const _0x4fb6a9=_0x52de11>-0x1?_0x52de11:_0xee366e[_0x15ad('0x26')][_0x15ad('0x2f')];_0xee366e[_0x15ad('0x26')][_0x15ad('0x10')](_0x25d32d,_0x4fb6a9),_0x5e8461[_0x15ad('0x46')](_0x15729d,_0x15ad('0x0'),()=>{_0x5e8461[_0x15ad('0x48')]=[...this['items']][_0x15ad('0x1')](_0x30bf1a=>_0x30bf1a[_0x15ad('0x48')]);}),_0x5e8461[_0x15ad('0x46')](_0x15729d,_0x15ad('0x3d'),()=>{_0x5e8461['buttonView'][_0x15ad('0x33')]=[...this[_0x15ad('0x26')]][_0x15ad('0x1')](_0x2046b0=>_0x2046b0[_0x15ad('0x33')]);});};_0x5e8461[_0x15ad('0x2c')]='sw',_0x5e8461[_0x15ad('0x2a')]['set']({'label':_0x4a6ef5(this[_0x15ad('0x14')],'Show\x20more\x20items'),'icon':_0x26690e[_0x15ad('0x43')]}),_0x5e8461[_0x15ad('0x48')]=[...this[_0x15ad('0x26')]]['some'](_0x6f7172=>_0x6f7172['isEnabled']),_0x5e8461[_0x15ad('0x2a')][_0x15ad('0x33')]=[...this[_0x15ad('0x26')]][_0x15ad('0x1')](_0xf59733=>_0xf59733[_0x15ad('0x33')]);for(const _0x3ade5c of this['items'])_0x2eb37c(_0x3ade5c);return _0x28b0ab[_0x15ad('0x10')](_0xee366e),_0x5e8461[_0x15ad('0x46')](this[_0x15ad('0x26')],_0x15ad('0x10'),(_0x14cede,_0x1b2906,_0xe03262)=>{_0x2eb37c(_0x1b2906,_0xe03262);}),_0x5e8461[_0x15ad('0x46')](this[_0x15ad('0x26')],_0x15ad('0x9'),(_0x341c95,_0x53f78b,_0x51cacc)=>{_0xee366e[_0x15ad('0x26')][_0x15ad('0x9')](_0x51cacc);}),_0x5e8461;}[_0x15ad('0x24')](_0x11a505,_0x4621f4){const _0x23a05e=_0x11a505&&_0x11a505[_0x15ad('0x56')];_0x23a05e&&(this['listenTo'](_0x23a05e,_0x15ad('0x1c'),()=>this[_0x15ad('0x41')]=_0x4621f4),this['listenTo'](_0x23a05e,'focus',()=>this[_0x15ad('0x41')]=_0x4621f4),this['listenTo'](_0x23a05e,'mouseleave',()=>this['actionIndicator']=null),this[_0x15ad('0x46')](_0x23a05e,_0x15ad('0x12'),()=>this[_0x15ad('0x41')]=null));}['_createCommentInputView'](){const _0x36f230=super['_createCommentInputView']();return _0x36f230[_0x15ad('0x5a')](_0x15ad('0x20'))['to'](this),_0x36f230;}[_0x15ad('0x3c')](){return _0x15ad('0x19')===this[_0x15ad('0x5b')][_0x15ad('0x59')][_0x15ad('0x3e')][_0x15ad('0x38')]?_0x4a6ef5(this[_0x15ad('0x14')],_0x15ad('0x30')):_0x4a6ef5(this[_0x15ad('0x14')],_0x15ad('0x47'));}[_0x15ad('0x2e')](){return this['_model'][_0x15ad('0x42')]?'importWord'===this[_0x15ad('0x5b')][_0x15ad('0x59')]['@external']['source']?_0x4a6ef5(this[_0x15ad('0x14')],'EXTERNAL_IMPORT_WORD_AVATAR',this[_0x15ad('0x5b')][_0x15ad('0x5')][_0x15ad('0xe')]):_0x4a6ef5(this[_0x15ad('0x14')],_0x15ad('0x8'),this[_0x15ad('0x5b')]['creator'][_0x15ad('0xe')]):null;}[_0x15ad('0x17')](){super[_0x15ad('0x17')](),this[_0x15ad('0x24')](this[_0x15ad('0x1e')],_0x15ad('0x53')),this[_0x15ad('0x24')](this['removeButton'],'remove');}}
+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";
+}