@ckeditor/ckeditor5-comments 40.0.0 → 40.2.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 _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'));}}
+const _0x48fe=['threeVerticalDots','withText','label','EXTERNAL_COMMENT','_model','getUserViewNotificationText','ck-annotation__content-wrapper','ck-comment--','items','ck-comment--remove-confirmation','authoredAt','buttonView','ck-annotation__info-name','render','placeholder','resolvedAt','ck-comment--remove','listenTo','ck-annotation__user','isEnabled','attributes','pencil','ck-comment__external','Reply...','edit','name','EXTERNAL_IMPORT_WORD_COMMENT','change:isVisible','author','removeButton','isSystemComment','element','div','set','then','actionIndicator','remove','ck-annotation__actions','_createRemoveButton','icon','some','isEditable','_createEditButton','add','visibleView','_createDropdown','_config','Edit','execute','_attachActions','bind','createCollection','ck-annotation__info-time','fire','mouseenter','change:isRemovable','actionBar','ck-comment__main','panelView','length','addMany','extendTemplate','ck-annotation__main','isVisible','switchToEditMode','Show\x20more\x20items','time','source','focus','EXTERNAL_IMPORT_WORD_AVATAR','isExternal','change:isEnabled','isEditMode','creator','ck-annotation__info','_createCommentInputView','push','mouseleave','ck-comment--info','getTemplate','setTemplate','ck-annotation__actions--hidden','dropdown','getExternalCommentNote','ck-comment__user','ck-comment__info-time','EXTERNAL_AVATAR','userView','editButton','cancelConfirm','locale','ck-comment--edit','isRemovable'];(function(_0x5855ca,_0x48feb5){const _0x1cbac6=function(_0x1f73ca){while(--_0x1f73ca){_0x5855ca['push'](_0x5855ca['shift']());}};_0x1cbac6(++_0x48feb5);}(_0x48fe,0x1d7));const _0x1cba=function(_0x5855ca,_0x48feb5){_0x5855ca=_0x5855ca-0x0;let _0x1cbac6=_0x48fe[_0x5855ca];return _0x1cbac6;};import{ButtonView as _0x3cfdd2,createDropdown as _0x2d9710,ListView as _0x589f3c,ListItemView as _0x5dced1}from'ckeditor5/src/ui';import{icons as _0xbdd823}from'ckeditor5/src/core';import{UserView as _0x3853fb,ConfirmMixin as _0x1ec7ca}from'ckeditor5-collaboration/src/collaboration-core';import _0x362b1e from'./basecommentview';import _0xeafeae from'../../../../theme/icons/remove-comment.svg';import{getTranslation as _0x486c69}from'../../../utils/common-translations';export default class pt extends _0x1ec7ca(_0x362b1e){constructor(_0x2d7950,_0x94af1,_0x2b133d){super(_0x2d7950,_0x94af1,_0x2b133d),this[_0x1cba('0x1b')](_0x1cba('0x1d'),null),this[_0x1cba('0x1b')](_0x1cba('0x8'),_0x486c69(_0x2d7950,_0x1cba('0x11'))),this[_0x1cba('0x2c')](_0x1cba('0x4'))['to'](_0x94af1),this[_0x1cba('0x2c')](_0x1cba('0x9'))['to'](_0x94af1),this[_0x1cba('0x32')]=this[_0x1cba('0x2d')](),this[_0x1cba('0x18')]||(this[_0x1cba('0x52')]=this['_createEditButton'](),this[_0x1cba('0x17')]=this[_0x1cba('0x20')](),this[_0x1cba('0x2')]=this[_0x1cba('0x2d')](),this['items'][_0x1cba('0x36')]([this['editButton'],this[_0x1cba('0x17')]]),this[_0x1cba('0x4c')]=this[_0x1cba('0x27')](),this[_0x1cba('0x32')][_0x1cba('0x25')](this['dropdown'])),this['userView']=new _0x3853fb(_0x2d7950,_0x94af1[_0x1cba('0x16')],this[_0x1cba('0x5c')]()),this[_0x1cba('0x51')][_0x1cba('0x37')]({'attributes':{'class':[_0x1cba('0x4e'),_0x1cba('0xc')]}}),this[_0x1cba('0xb')](_0x94af1,_0x1cba('0x31'),()=>this[_0x1cba('0x53')]()),this[_0x1cba('0x4a')](this[_0x1cba('0x49')]());}[_0x1cba('0x49')](){const _0x172edb=this['bindTemplate'],_0x2b77f7=[{'tag':_0x1cba('0x1a'),'attributes':{'class':['ck-comment__info',_0x1cba('0x44')]},'children':[{'tag':'span','children':[{'text':this[_0x1cba('0x51')][_0x1cba('0x13')]}],'attributes':{'class':['ck-comment__info-name',_0x1cba('0x6')]}},{'tag':_0x1cba('0x3c'),'attributes':{'datetime':_0x172edb['to']('authoredAt'),'class':[_0x1cba('0x4f'),_0x1cba('0x2e')]},'children':[{'text':_0x172edb['to'](_0x1cba('0x4'),_0x499ae0=>this[_0x1cba('0x28')]['formatDateTime'](_0x499ae0))}]}]},{'tag':'div','attributes':{'class':['ck-comment__actions',_0x1cba('0x1f'),_0x172edb['if']('isEditMode','ck-comment__actions--hidden'),_0x172edb['if']('isEditMode',_0x1cba('0x4b'))]},'children':this[_0x1cba('0x32')]},{'tag':_0x1cba('0x1a'),'attributes':{'class':[_0x1cba('0x0')]},'children':this[_0x1cba('0x26')]}];return this[_0x1cba('0x5b')][_0x1cba('0x40')]&&_0x2b77f7[_0x1cba('0x46')]({'tag':_0x1cba('0x1a'),'attributes':{'class':[_0x1cba('0x10')]},'children':[{'text':this[_0x1cba('0x4d')]()}]}),{'tag':'li','attributes':{'class':['ck-comment__wrapper',_0x172edb['if']('isConfirm',_0x1cba('0x3'))],'tabindex':-0x1},'children':[{'tag':_0x1cba('0x1a'),'attributes':{'class':['ck-comment','ck-annotation',_0x172edb['if'](_0x1cba('0x42'),'ck-comment--edit'),_0x172edb['if'](_0x1cba('0x18'),_0x1cba('0x48')),_0x172edb['to'](_0x1cba('0x1d'),_0x4fdc68=>_0x4fdc68?_0x1cba('0x1')+_0x4fdc68:'')],'data-author-id':this[_0x1cba('0x5b')]['author']['id'],'data-comment-id':this['_model']['id']},'children':[this[_0x1cba('0x51')],{'tag':_0x1cba('0x1a'),'attributes':{'class':[_0x1cba('0x33'),_0x1cba('0x38')]},'children':_0x2b77f7}]}]};}[_0x1cba('0x24')](){const _0x310e85=new _0x3cfdd2(this[_0x1cba('0x54')]);return _0x310e85[_0x1cba('0x59')]=_0x486c69(this[_0x1cba('0x54')],_0x1cba('0x29')),_0x310e85[_0x1cba('0x21')]=_0xbdd823[_0x1cba('0xf')],_0x310e85[_0x1cba('0x58')]=!0x0,_0x310e85[_0x1cba('0x37')]({'attributes':{'class':_0x1cba('0x55')}}),_0x310e85[_0x1cba('0x2c')](_0x1cba('0xd'))['to'](this['_model'],'isReadOnly',_0x1b9c3a=>!_0x1b9c3a),_0x310e85[_0x1cba('0x2c')](_0x1cba('0x39'))['to'](this[_0x1cba('0x5b')],_0x1cba('0x23')),_0x310e85['on']('execute',()=>this[_0x1cba('0x3a')]()),_0x310e85;}[_0x1cba('0x20')](){const _0x2d155a=new _0x3cfdd2(this[_0x1cba('0x54')]);return _0x2d155a[_0x1cba('0x59')]=_0x486c69(this[_0x1cba('0x54')],'Remove'),_0x2d155a['icon']=_0xeafeae,_0x2d155a[_0x1cba('0x58')]=!0x0,_0x2d155a[_0x1cba('0x37')]({'attributes':{'class':_0x1cba('0xa')}}),_0x2d155a[_0x1cba('0x2c')]('isEnabled')['to'](this[_0x1cba('0x5b')],'isReadOnly',_0x326304=>!_0x326304),_0x2d155a[_0x1cba('0x2c')](_0x1cba('0x39'))['to'](this[_0x1cba('0x5b')],_0x1cba('0x56')),_0x2d155a['on'](_0x1cba('0x2a'),()=>{this['showConfirm'](_0x486c69(this[_0x1cba('0x54')],'Delete\x20comment?'),this['element'])[_0x1cba('0x1c')](()=>{this[_0x1cba('0x2f')]('removeComment',this[_0x1cba('0x5b')]['id']);});}),_0x2d155a;}[_0x1cba('0x27')](){const _0x53cceb=_0x2d9710(this[_0x1cba('0x54')]),_0x54570c=_0x53cceb[_0x1cba('0x34')]['children'],_0x47059e=new _0x589f3c(this['locale']),_0x54683d=(_0x424d5e,_0x339095=-0x1)=>{const _0x30cc53=new _0x5dced1(this[_0x1cba('0x54')]);_0x30cc53['children']['add'](_0x424d5e);const _0x370f5d=_0x339095>-0x1?_0x339095:_0x47059e['items'][_0x1cba('0x35')];_0x47059e[_0x1cba('0x2')][_0x1cba('0x25')](_0x30cc53,_0x370f5d),_0x53cceb['listenTo'](_0x424d5e,_0x1cba('0x41'),()=>{_0x53cceb['isEnabled']=[...this[_0x1cba('0x2')]]['some'](_0x58b96f=>_0x58b96f[_0x1cba('0xd')]);}),_0x53cceb[_0x1cba('0xb')](_0x424d5e,_0x1cba('0x15'),()=>{_0x53cceb[_0x1cba('0x5')][_0x1cba('0x39')]=[...this[_0x1cba('0x2')]][_0x1cba('0x22')](_0x1ada26=>_0x1ada26[_0x1cba('0x39')]);});};_0x53cceb['panelPosition']='sw',_0x53cceb['buttonView'][_0x1cba('0x1b')]({'label':_0x486c69(this[_0x1cba('0x54')],_0x1cba('0x3b')),'icon':_0xbdd823[_0x1cba('0x57')]}),_0x53cceb['isEnabled']=[...this[_0x1cba('0x2')]][_0x1cba('0x22')](_0x4f9274=>_0x4f9274[_0x1cba('0xd')]),_0x53cceb['buttonView'][_0x1cba('0x39')]=[...this[_0x1cba('0x2')]]['some'](_0x13f43a=>_0x13f43a[_0x1cba('0x39')]);for(const _0x342d22 of this[_0x1cba('0x2')])_0x54683d(_0x342d22);return _0x54570c['add'](_0x47059e),_0x53cceb[_0x1cba('0xb')](this['items'],_0x1cba('0x25'),(_0x52442f,_0xc0c66e,_0x5d0939)=>{_0x54683d(_0xc0c66e,_0x5d0939);}),_0x53cceb[_0x1cba('0xb')](this[_0x1cba('0x2')],_0x1cba('0x1e'),(_0x5e362f,_0x466ae6,_0x3f45e1)=>{_0x47059e['items']['remove'](_0x3f45e1);}),_0x53cceb;}[_0x1cba('0x2b')](_0x559145,_0x3a5d7a){const _0x5a2a40=_0x559145&&_0x559145[_0x1cba('0x19')];_0x5a2a40&&(this[_0x1cba('0xb')](_0x5a2a40,_0x1cba('0x30'),()=>this[_0x1cba('0x1d')]=_0x3a5d7a),this[_0x1cba('0xb')](_0x5a2a40,_0x1cba('0x3e'),()=>this[_0x1cba('0x1d')]=_0x3a5d7a),this[_0x1cba('0xb')](_0x5a2a40,_0x1cba('0x47'),()=>this['actionIndicator']=null),this[_0x1cba('0xb')](_0x5a2a40,'blur',()=>this[_0x1cba('0x1d')]=null));}[_0x1cba('0x45')](){const _0x23fc0a=super['_createCommentInputView']();return _0x23fc0a['bind'](_0x1cba('0x8'))['to'](this),_0x23fc0a;}['getExternalCommentNote'](){return'importWord'===this[_0x1cba('0x5b')][_0x1cba('0xe')]['@external'][_0x1cba('0x3d')]?_0x486c69(this[_0x1cba('0x54')],_0x1cba('0x14')):_0x486c69(this[_0x1cba('0x54')],_0x1cba('0x5a'));}[_0x1cba('0x5c')](){return this[_0x1cba('0x5b')][_0x1cba('0x40')]?'importWord'===this[_0x1cba('0x5b')]['attributes']['@external']['source']?_0x486c69(this[_0x1cba('0x54')],_0x1cba('0x3f'),this['_model'][_0x1cba('0x43')]['name']):_0x486c69(this[_0x1cba('0x54')],_0x1cba('0x50'),this['_model'][_0x1cba('0x43')][_0x1cba('0x13')]):null;}[_0x1cba('0x7')](){super[_0x1cba('0x7')](),this['_attachActions'](this[_0x1cba('0x52')],_0x1cba('0x12')),this['_attachActions'](this[_0x1cba('0x17')],_0x1cba('0x1e'));}}

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";
+}