@ckeditor/ckeditor5-comments 40.0.0 → 40.1.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 _0x3f68=['getTemplate','ck-annotation__user','isRemovable','isSystemComment','actionIndicator','Edit','creator','Show\x20more\x20items','removeButton','push','items','remove','ck-comment','ck-comment--info','bind','isEditMode','EXTERNAL_IMPORT_WORD_AVATAR','ck-comment__user','name','ck-annotation__content-wrapper','add','_createEditButton','dropdown','cancelConfirm','ck-comment--edit','isConfirm','visibleView','focus','_config','execute','showConfirm','time','length','mouseenter','author','ck-comment__external','withText','change:isRemovable','children','_createDropdown','formatDateTime','change:isEnabled','authoredAt','Reply...','_createCommentInputView','blur','buttonView','some','threeVerticalDots','ck-annotation__info-time','listenTo','getExternalCommentNote','source','setTemplate','attributes','_createRemoveButton','@external','ck-comment__actions','isEnabled','mouseleave','ck-comment--remove-confirmation','getUserViewNotificationText','resolvedAt','div','actionBar','userView','render','ck-comment__wrapper','ck-comment__actions--hidden','locale','span','isReadOnly','addMany','ck-annotation__actions--hidden','ck-comment__info-name','ck-comment__info','Delete\x20comment?','ck-comment__main','isExternal','ck-annotation__info-name','isVisible','fire','element','label','createCollection','ck-annotation__info','ck-annotation__main','icon','_model','_attachActions','ck-comment--remove','editButton','placeholder','set','EXTERNAL_COMMENT','extendTemplate','ck-comment__info-time','change:isVisible'];(function(_0x88d6d9,_0x3f6811){const _0xfff2f6=function(_0xa6e247){while(--_0xa6e247){_0x88d6d9['push'](_0x88d6d9['shift']());}};_0xfff2f6(++_0x3f6811);}(_0x3f68,0x87));const _0xfff2=function(_0x88d6d9,_0x3f6811){_0x88d6d9=_0x88d6d9-0x0;let _0xfff2f6=_0x3f68[_0x88d6d9];return _0xfff2f6;};import{ButtonView as _0x4b11df,createDropdown as _0x67b45f,ListView as _0x69a907,ListItemView as _0xea08d3}from'ckeditor5/src/ui';import{icons as _0xf29b24}from'ckeditor5/src/core';import{UserView as _0x56e606,ConfirmMixin as _0xdad38d}from'ckeditor5-collaboration/src/collaboration-core';import _0x2de0b4 from'./basecommentview';import _0x1013ff from'../../../../theme/icons/remove-comment.svg';import{getTranslation as _0x5c715f}from'../../../utils/common-translations';export default class pt extends _0xdad38d(_0x2de0b4){constructor(_0x4c3609,_0x409bb0,_0x2aa1a8){super(_0x4c3609,_0x409bb0,_0x2aa1a8),this[_0xfff2('0x38')](_0xfff2('0x41'),null),this[_0xfff2('0x38')](_0xfff2('0x37'),_0x5c715f(_0x4c3609,_0xfff2('0x6'))),this[_0xfff2('0x4b')]('authoredAt')['to'](_0x409bb0),this['bind'](_0xfff2('0x19'))['to'](_0x409bb0),this[_0xfff2('0x1b')]=this['createCollection'](),this[_0xfff2('0x40')]||(this[_0xfff2('0x36')]=this[_0xfff2('0x52')](),this[_0xfff2('0x45')]=this[_0xfff2('0x12')](),this['items']=this[_0xfff2('0x2f')](),this[_0xfff2('0x47')][_0xfff2('0x23')]([this[_0xfff2('0x36')],this[_0xfff2('0x45')]]),this[_0xfff2('0x53')]=this[_0xfff2('0x2')](),this['actionBar'][_0xfff2('0x51')](this['dropdown'])),this['userView']=new _0x56e606(_0x4c3609,_0x409bb0[_0xfff2('0x5f')],this['getUserViewNotificationText']()),this[_0xfff2('0x1c')]['extendTemplate']({'attributes':{'class':[_0xfff2('0x4e'),_0xfff2('0x3e')]}}),this['listenTo'](_0x409bb0,_0xfff2('0x0'),()=>this[_0xfff2('0x54')]()),this[_0xfff2('0x10')](this[_0xfff2('0x3d')]());}[_0xfff2('0x3d')](){const _0xb3ca68=this['bindTemplate'],_0x15955d=[{'tag':_0xfff2('0x1a'),'attributes':{'class':[_0xfff2('0x26'),_0xfff2('0x30')]},'children':[{'tag':_0xfff2('0x21'),'children':[{'text':this['userView'][_0xfff2('0x4f')]}],'attributes':{'class':[_0xfff2('0x25'),_0xfff2('0x2a')]}},{'tag':_0xfff2('0x5c'),'attributes':{'datetime':_0xb3ca68['to'](_0xfff2('0x5')),'class':[_0xfff2('0x3b'),_0xfff2('0xc')]},'children':[{'text':_0xb3ca68['to']('authoredAt',_0x3f1eb4=>this[_0xfff2('0x59')][_0xfff2('0x3')](_0x3f1eb4))}]}]},{'tag':'div','attributes':{'class':[_0xfff2('0x14'),'ck-annotation__actions',_0xb3ca68['if'](_0xfff2('0x4c'),_0xfff2('0x1f')),_0xb3ca68['if'](_0xfff2('0x4c'),_0xfff2('0x24'))]},'children':this[_0xfff2('0x1b')]},{'tag':_0xfff2('0x1a'),'attributes':{'class':[_0xfff2('0x50')]},'children':this[_0xfff2('0x57')]}];return this[_0xfff2('0x33')]['isExternal']&&_0x15955d[_0xfff2('0x46')]({'tag':'div','attributes':{'class':[_0xfff2('0x60')]},'children':[{'text':this[_0xfff2('0xe')]()}]}),{'tag':'li','attributes':{'class':[_0xfff2('0x1e'),_0xb3ca68['if'](_0xfff2('0x56'),_0xfff2('0x17'))],'tabindex':-0x1},'children':[{'tag':_0xfff2('0x1a'),'attributes':{'class':[_0xfff2('0x49'),'ck-annotation',_0xb3ca68['if'](_0xfff2('0x4c'),_0xfff2('0x55')),_0xb3ca68['if'](_0xfff2('0x40'),_0xfff2('0x4a')),_0xb3ca68['to'](_0xfff2('0x41'),_0x1ba2ab=>_0x1ba2ab?'ck-comment--'+_0x1ba2ab:'')],'data-author-id':this[_0xfff2('0x33')]['author']['id'],'data-comment-id':this[_0xfff2('0x33')]['id']},'children':[this['userView'],{'tag':_0xfff2('0x1a'),'attributes':{'class':[_0xfff2('0x28'),_0xfff2('0x31')]},'children':_0x15955d}]}]};}[_0xfff2('0x52')](){const _0x333f04=new _0x4b11df(this['locale']);return _0x333f04[_0xfff2('0x2e')]=_0x5c715f(this[_0xfff2('0x20')],_0xfff2('0x42')),_0x333f04[_0xfff2('0x32')]=_0xf29b24['pencil'],_0x333f04['withText']=!0x0,_0x333f04[_0xfff2('0x3a')]({'attributes':{'class':'ck-comment--edit'}}),_0x333f04[_0xfff2('0x4b')]('isEnabled')['to'](this[_0xfff2('0x33')],_0xfff2('0x22'),_0x2fb666=>!_0x2fb666),_0x333f04[_0xfff2('0x4b')]('isVisible')['to'](this[_0xfff2('0x33')],'isEditable'),_0x333f04['on'](_0xfff2('0x5a'),()=>this['switchToEditMode']()),_0x333f04;}[_0xfff2('0x12')](){const _0xbc1184=new _0x4b11df(this[_0xfff2('0x20')]);return _0xbc1184[_0xfff2('0x2e')]=_0x5c715f(this[_0xfff2('0x20')],'Remove'),_0xbc1184[_0xfff2('0x32')]=_0x1013ff,_0xbc1184[_0xfff2('0x61')]=!0x0,_0xbc1184[_0xfff2('0x3a')]({'attributes':{'class':_0xfff2('0x35')}}),_0xbc1184['bind'](_0xfff2('0x15'))['to'](this['_model'],_0xfff2('0x22'),_0x48db13=>!_0x48db13),_0xbc1184[_0xfff2('0x4b')](_0xfff2('0x2b'))['to'](this['_model'],_0xfff2('0x3f')),_0xbc1184['on'](_0xfff2('0x5a'),()=>{this[_0xfff2('0x5b')](_0x5c715f(this[_0xfff2('0x20')],_0xfff2('0x27')),this[_0xfff2('0x2d')])['then'](()=>{this[_0xfff2('0x2c')]('removeComment',this[_0xfff2('0x33')]['id']);});}),_0xbc1184;}[_0xfff2('0x2')](){const _0x489b80=_0x67b45f(this[_0xfff2('0x20')]),_0x362829=_0x489b80['panelView'][_0xfff2('0x1')],_0x5dd62b=new _0x69a907(this['locale']),_0x28c17e=(_0x979b27,_0x1275e5=-0x1)=>{const _0x571b99=new _0xea08d3(this[_0xfff2('0x20')]);_0x571b99[_0xfff2('0x1')][_0xfff2('0x51')](_0x979b27);const _0x42cb3f=_0x1275e5>-0x1?_0x1275e5:_0x5dd62b[_0xfff2('0x47')][_0xfff2('0x5d')];_0x5dd62b[_0xfff2('0x47')][_0xfff2('0x51')](_0x571b99,_0x42cb3f),_0x489b80[_0xfff2('0xd')](_0x979b27,_0xfff2('0x4'),()=>{_0x489b80[_0xfff2('0x15')]=[...this[_0xfff2('0x47')]][_0xfff2('0xa')](_0x32f83a=>_0x32f83a['isEnabled']);}),_0x489b80[_0xfff2('0xd')](_0x979b27,_0xfff2('0x3c'),()=>{_0x489b80[_0xfff2('0x9')][_0xfff2('0x2b')]=[...this[_0xfff2('0x47')]][_0xfff2('0xa')](_0x337916=>_0x337916[_0xfff2('0x2b')]);});};_0x489b80['panelPosition']='sw',_0x489b80[_0xfff2('0x9')][_0xfff2('0x38')]({'label':_0x5c715f(this[_0xfff2('0x20')],_0xfff2('0x44')),'icon':_0xf29b24[_0xfff2('0xb')]}),_0x489b80['isEnabled']=[...this[_0xfff2('0x47')]]['some'](_0x51ddbf=>_0x51ddbf[_0xfff2('0x15')]),_0x489b80['buttonView'][_0xfff2('0x2b')]=[...this['items']][_0xfff2('0xa')](_0x201f8a=>_0x201f8a[_0xfff2('0x2b')]);for(const _0x72debb of this['items'])_0x28c17e(_0x72debb);return _0x362829[_0xfff2('0x51')](_0x5dd62b),_0x489b80[_0xfff2('0xd')](this[_0xfff2('0x47')],_0xfff2('0x51'),(_0x1a724f,_0xd6469a,_0x19a607)=>{_0x28c17e(_0xd6469a,_0x19a607);}),_0x489b80[_0xfff2('0xd')](this[_0xfff2('0x47')],_0xfff2('0x48'),(_0x4c26f5,_0x36dacb,_0x28d52c)=>{_0x5dd62b[_0xfff2('0x47')]['remove'](_0x28d52c);}),_0x489b80;}[_0xfff2('0x34')](_0x52826f,_0x29a96f){const _0x2c1345=_0x52826f&&_0x52826f['element'];_0x2c1345&&(this[_0xfff2('0xd')](_0x2c1345,_0xfff2('0x5e'),()=>this[_0xfff2('0x41')]=_0x29a96f),this[_0xfff2('0xd')](_0x2c1345,_0xfff2('0x58'),()=>this[_0xfff2('0x41')]=_0x29a96f),this['listenTo'](_0x2c1345,_0xfff2('0x16'),()=>this[_0xfff2('0x41')]=null),this['listenTo'](_0x2c1345,_0xfff2('0x8'),()=>this[_0xfff2('0x41')]=null));}[_0xfff2('0x7')](){const _0x332593=super[_0xfff2('0x7')]();return _0x332593[_0xfff2('0x4b')]('placeholder')['to'](this),_0x332593;}['getExternalCommentNote'](){return'importWord'===this[_0xfff2('0x33')][_0xfff2('0x11')][_0xfff2('0x13')][_0xfff2('0xf')]?_0x5c715f(this['locale'],'EXTERNAL_IMPORT_WORD_COMMENT'):_0x5c715f(this['locale'],_0xfff2('0x39'));}[_0xfff2('0x18')](){return this[_0xfff2('0x33')][_0xfff2('0x29')]?'importWord'===this[_0xfff2('0x33')][_0xfff2('0x11')][_0xfff2('0x13')][_0xfff2('0xf')]?_0x5c715f(this['locale'],_0xfff2('0x4d'),this[_0xfff2('0x33')][_0xfff2('0x43')]['name']):_0x5c715f(this[_0xfff2('0x20')],'EXTERNAL_AVATAR',this[_0xfff2('0x33')]['creator'][_0xfff2('0x4f')]):null;}[_0xfff2('0x1d')](){super[_0xfff2('0x1d')](),this[_0xfff2('0x34')](this['editButton'],'edit'),this[_0xfff2('0x34')](this[_0xfff2('0x45')],_0xfff2('0x48'));}}

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