@ckeditor/ckeditor5-comments 48.2.0-alpha.7 → 48.3.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (195) hide show
  1. package/dist/annotations/annotation.d.ts +84 -87
  2. package/dist/annotations/annotationcollection.d.ts +83 -83
  3. package/dist/annotations/annotations.d.ts +148 -148
  4. package/dist/annotations/annotationsuis.d.ts +235 -235
  5. package/dist/annotations/editorannotations.d.ts +71 -71
  6. package/dist/annotations/inlineannotations.d.ts +93 -93
  7. package/dist/annotations/narrowsidebar.d.ts +88 -88
  8. package/dist/annotations/sidebar.d.ts +105 -105
  9. package/dist/annotations/view/annotationcounterbuttonview.d.ts +24 -24
  10. package/dist/annotations/view/annotationview.d.ts +83 -83
  11. package/dist/annotations/view/sidebaritemview.d.ts +54 -54
  12. package/dist/annotations/view/sidebarview.d.ts +48 -48
  13. package/dist/annotations/widesidebar.d.ts +80 -80
  14. package/dist/augmentation.d.ts +57 -57
  15. package/dist/comments/addcommentthreadcommand.d.ts +69 -69
  16. package/dist/comments/commentsarchive.d.ts +34 -34
  17. package/dist/comments/commentsarchiveui.d.ts +48 -48
  18. package/dist/comments/commentsediting.d.ts +90 -90
  19. package/dist/comments/commentsrepository.d.ts +1042 -1054
  20. package/dist/comments/commentsui.d.ts +40 -40
  21. package/dist/comments/integrations/clipboard.d.ts +21 -21
  22. package/dist/comments/integrations/commentsrestrictededitingmode.d.ts +12 -12
  23. package/dist/comments/integrations/importword.d.ts +16 -16
  24. package/dist/comments/integrations/showcommenthighlights.d.ts +14 -14
  25. package/dist/comments/ui/commenteditor/commenteditor.d.ts +33 -32
  26. package/dist/comments/ui/commenteditor/commenteditorui.d.ts +27 -27
  27. package/dist/comments/ui/commenteditor/commenteditoruiview.d.ts +32 -32
  28. package/dist/comments/ui/commentthreadcontroller.d.ts +62 -60
  29. package/dist/comments/ui/view/basecommentthreadview.d.ts +134 -134
  30. package/dist/comments/ui/view/basecommentview.d.ts +136 -136
  31. package/dist/comments/ui/view/collapsedcommentsview.d.ts +9 -9
  32. package/dist/comments/ui/view/commentcontentview.d.ts +10 -10
  33. package/dist/comments/ui/view/commentinputview.d.ts +93 -93
  34. package/dist/comments/ui/view/commentsarchiveview.d.ts +41 -41
  35. package/dist/comments/ui/view/commentslistview.d.ts +107 -107
  36. package/dist/comments/ui/view/commentthreadheadercontextview.d.ts +19 -19
  37. package/dist/comments/ui/view/commentthreadheaderview.d.ts +67 -67
  38. package/dist/comments/ui/view/commentthreadinputview.d.ts +51 -51
  39. package/dist/comments/ui/view/commentthreadview.d.ts +116 -116
  40. package/dist/comments/ui/view/commentview.d.ts +225 -230
  41. package/dist/comments.d.ts +38 -38
  42. package/dist/commentsonly.d.ts +36 -36
  43. package/dist/config.d.ts +186 -186
  44. package/dist/index.d.ts +35 -35
  45. package/dist/index.js +11 -11
  46. package/dist/translations/af.js +1 -1
  47. package/dist/translations/af.umd.js +1 -1
  48. package/dist/translations/ar.js +1 -1
  49. package/dist/translations/ar.umd.js +1 -1
  50. package/dist/translations/ast.js +1 -1
  51. package/dist/translations/ast.umd.js +1 -1
  52. package/dist/translations/az.js +1 -1
  53. package/dist/translations/az.umd.js +1 -1
  54. package/dist/translations/be.js +1 -1
  55. package/dist/translations/be.umd.js +1 -1
  56. package/dist/translations/bg.js +1 -1
  57. package/dist/translations/bg.umd.js +1 -1
  58. package/dist/translations/bn.js +1 -1
  59. package/dist/translations/bn.umd.js +1 -1
  60. package/dist/translations/bs.js +1 -1
  61. package/dist/translations/bs.umd.js +1 -1
  62. package/dist/translations/ca.js +1 -1
  63. package/dist/translations/ca.umd.js +1 -1
  64. package/dist/translations/cs.js +1 -1
  65. package/dist/translations/cs.umd.js +1 -1
  66. package/dist/translations/da.js +1 -1
  67. package/dist/translations/da.umd.js +1 -1
  68. package/dist/translations/de-ch.js +1 -1
  69. package/dist/translations/de-ch.umd.js +1 -1
  70. package/dist/translations/de.js +1 -1
  71. package/dist/translations/de.umd.js +1 -1
  72. package/dist/translations/el.js +1 -1
  73. package/dist/translations/el.umd.js +1 -1
  74. package/dist/translations/en-au.js +1 -1
  75. package/dist/translations/en-au.umd.js +1 -1
  76. package/dist/translations/en-gb.js +1 -1
  77. package/dist/translations/en-gb.umd.js +1 -1
  78. package/dist/translations/en.js +1 -1
  79. package/dist/translations/en.umd.js +1 -1
  80. package/dist/translations/eo.js +1 -1
  81. package/dist/translations/eo.umd.js +1 -1
  82. package/dist/translations/es-co.js +1 -1
  83. package/dist/translations/es-co.umd.js +1 -1
  84. package/dist/translations/es.js +1 -1
  85. package/dist/translations/es.umd.js +1 -1
  86. package/dist/translations/et.js +1 -1
  87. package/dist/translations/et.umd.js +1 -1
  88. package/dist/translations/eu.js +1 -1
  89. package/dist/translations/eu.umd.js +1 -1
  90. package/dist/translations/fa.js +1 -1
  91. package/dist/translations/fa.umd.js +1 -1
  92. package/dist/translations/fi.js +1 -1
  93. package/dist/translations/fi.umd.js +1 -1
  94. package/dist/translations/fr.js +1 -1
  95. package/dist/translations/fr.umd.js +1 -1
  96. package/dist/translations/gl.js +1 -1
  97. package/dist/translations/gl.umd.js +1 -1
  98. package/dist/translations/gu.js +1 -1
  99. package/dist/translations/gu.umd.js +1 -1
  100. package/dist/translations/he.js +1 -1
  101. package/dist/translations/he.umd.js +1 -1
  102. package/dist/translations/hi.js +1 -1
  103. package/dist/translations/hi.umd.js +1 -1
  104. package/dist/translations/hr.js +1 -1
  105. package/dist/translations/hr.umd.js +1 -1
  106. package/dist/translations/hu.js +1 -1
  107. package/dist/translations/hu.umd.js +1 -1
  108. package/dist/translations/hy.js +1 -1
  109. package/dist/translations/hy.umd.js +1 -1
  110. package/dist/translations/id.js +1 -1
  111. package/dist/translations/id.umd.js +1 -1
  112. package/dist/translations/it.js +1 -1
  113. package/dist/translations/it.umd.js +1 -1
  114. package/dist/translations/ja.js +1 -1
  115. package/dist/translations/ja.umd.js +1 -1
  116. package/dist/translations/jv.js +1 -1
  117. package/dist/translations/jv.umd.js +1 -1
  118. package/dist/translations/kk.js +1 -1
  119. package/dist/translations/kk.umd.js +1 -1
  120. package/dist/translations/km.js +1 -1
  121. package/dist/translations/km.umd.js +1 -1
  122. package/dist/translations/kn.js +1 -1
  123. package/dist/translations/kn.umd.js +1 -1
  124. package/dist/translations/ko.js +1 -1
  125. package/dist/translations/ko.umd.js +1 -1
  126. package/dist/translations/ku.js +1 -1
  127. package/dist/translations/ku.umd.js +1 -1
  128. package/dist/translations/lt.js +1 -1
  129. package/dist/translations/lt.umd.js +1 -1
  130. package/dist/translations/lv.js +1 -1
  131. package/dist/translations/lv.umd.js +1 -1
  132. package/dist/translations/ms.js +1 -1
  133. package/dist/translations/ms.umd.js +1 -1
  134. package/dist/translations/nb.js +1 -1
  135. package/dist/translations/nb.umd.js +1 -1
  136. package/dist/translations/ne.js +1 -1
  137. package/dist/translations/ne.umd.js +1 -1
  138. package/dist/translations/nl.js +1 -1
  139. package/dist/translations/nl.umd.js +1 -1
  140. package/dist/translations/no.js +1 -1
  141. package/dist/translations/no.umd.js +1 -1
  142. package/dist/translations/oc.js +1 -1
  143. package/dist/translations/oc.umd.js +1 -1
  144. package/dist/translations/pl.js +1 -1
  145. package/dist/translations/pl.umd.js +1 -1
  146. package/dist/translations/pt-br.js +1 -1
  147. package/dist/translations/pt-br.umd.js +1 -1
  148. package/dist/translations/pt.js +1 -1
  149. package/dist/translations/pt.umd.js +1 -1
  150. package/dist/translations/ro.js +1 -1
  151. package/dist/translations/ro.umd.js +1 -1
  152. package/dist/translations/ru.js +1 -1
  153. package/dist/translations/ru.umd.js +1 -1
  154. package/dist/translations/si.js +1 -1
  155. package/dist/translations/si.umd.js +1 -1
  156. package/dist/translations/sk.js +1 -1
  157. package/dist/translations/sk.umd.js +1 -1
  158. package/dist/translations/sl.js +1 -1
  159. package/dist/translations/sl.umd.js +1 -1
  160. package/dist/translations/sq.js +1 -1
  161. package/dist/translations/sq.umd.js +1 -1
  162. package/dist/translations/sr-latn.js +1 -1
  163. package/dist/translations/sr-latn.umd.js +1 -1
  164. package/dist/translations/sr.js +1 -1
  165. package/dist/translations/sr.umd.js +1 -1
  166. package/dist/translations/sv.js +1 -1
  167. package/dist/translations/sv.umd.js +1 -1
  168. package/dist/translations/th.js +1 -1
  169. package/dist/translations/th.umd.js +1 -1
  170. package/dist/translations/ti.js +1 -1
  171. package/dist/translations/ti.umd.js +1 -1
  172. package/dist/translations/tk.js +1 -1
  173. package/dist/translations/tk.umd.js +1 -1
  174. package/dist/translations/tr.js +1 -1
  175. package/dist/translations/tr.umd.js +1 -1
  176. package/dist/translations/tt.js +1 -1
  177. package/dist/translations/tt.umd.js +1 -1
  178. package/dist/translations/ug.js +1 -1
  179. package/dist/translations/ug.umd.js +1 -1
  180. package/dist/translations/uk.js +1 -1
  181. package/dist/translations/uk.umd.js +1 -1
  182. package/dist/translations/ur.js +1 -1
  183. package/dist/translations/ur.umd.js +1 -1
  184. package/dist/translations/uz.js +1 -1
  185. package/dist/translations/uz.umd.js +1 -1
  186. package/dist/translations/vi.js +1 -1
  187. package/dist/translations/vi.umd.js +1 -1
  188. package/dist/translations/zh-cn.js +1 -1
  189. package/dist/translations/zh-cn.umd.js +1 -1
  190. package/dist/translations/zh.js +1 -1
  191. package/dist/translations/zh.umd.js +1 -1
  192. package/dist/utils/common-translations.d.ts +6 -6
  193. package/dist/utils/createmutationobserver.d.ts +9 -9
  194. package/dist/utils/splitmarkername.d.ts +10 -10
  195. package/package.json +16 -16
@@ -1,76 +1,76 @@
1
1
  /**
2
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
2
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
+ */
5
5
  /**
6
- * @module comments/comments/ui/view/commentthreadheaderview
7
- */
8
- import { View, ButtonView, FocusCycler, type FocusableView, type ViewCollection } from '@ckeditor/ckeditor5-ui';
9
- import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
10
- import type { CommentThread } from '../../commentsrepository.js';
11
- import { CommentThreadHeaderContextView } from './commentthreadheadercontextview.js';
6
+ * @module comments/comments/ui/view/commentthreadheaderview
7
+ */
8
+ import { View, ButtonView, FocusCycler, type FocusableView, type ViewCollection } from "@ckeditor/ckeditor5-ui";
9
+ import { FocusTracker, KeystrokeHandler, type Locale } from "@ckeditor/ckeditor5-utils";
10
+ import type { CommentThread } from "../../commentsrepository.js";
11
+ import { CommentThreadHeaderContextView } from "./commentthreadheadercontextview.js";
12
12
  export declare const MAX_CONTENT_LENGTH = 150;
13
13
  /**
14
- * A view for the comment thread header.
15
- */
14
+ * A view for the comment thread header.
15
+ */
16
16
  export declare class CommentThreadHeaderView extends View implements FocusableView {
17
- locale: Locale;
18
- /**
19
- * Defines whether the context value exists.
20
- *
21
- * @observable
22
- */
23
- hasContext: boolean;
24
- /**
25
- * Context value to display in the header.
26
- *
27
- * @observable
28
- */
29
- contextValue: string;
30
- /**
31
- * Button view for the button which reopen the comment thread.
32
- */
33
- reopenButtonView: ButtonView;
34
- /**
35
- * The view that displays the context of the comment thread to the user, for instance,
36
- * the part of text the thread (first comment) relates to.
37
- */
38
- contextView: CommentThreadHeaderContextView;
39
- /**
40
- * The collection of focusable sub-views in the header.
41
- */
42
- readonly focusables: ViewCollection<FocusableView>;
43
- /**
44
- * Tracks information about DOM focus in the header view.
45
- */
46
- readonly focusTracker: FocusTracker;
47
- /**
48
- * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
49
- */
50
- readonly keystrokes: KeystrokeHandler;
51
- /**
52
- * Helps cycling over focusable {@link #commentThreadChildren} in the header view.
53
- */
54
- readonly focusCycler: FocusCycler;
55
- /**
56
- * @inheritDoc
57
- */
58
- constructor(locale: Locale, model: CommentThread);
59
- /**
60
- * @inheritDoc
61
- */
62
- render(): void;
63
- /**
64
- * @inheritDoc
65
- */
66
- focus(): void;
17
+ locale: Locale;
18
+ /**
19
+ * Defines whether the context value exists.
20
+ *
21
+ * @observable
22
+ */
23
+ hasContext: boolean;
24
+ /**
25
+ * Context value to display in the header.
26
+ *
27
+ * @observable
28
+ */
29
+ contextValue: string;
30
+ /**
31
+ * Button view for the button which reopen the comment thread.
32
+ */
33
+ reopenButtonView: ButtonView;
34
+ /**
35
+ * The view that displays the context of the comment thread to the user, for instance,
36
+ * the part of text the thread (first comment) relates to.
37
+ */
38
+ contextView: CommentThreadHeaderContextView;
39
+ /**
40
+ * The collection of focusable sub-views in the header.
41
+ */
42
+ readonly focusables: ViewCollection<FocusableView>;
43
+ /**
44
+ * Tracks information about DOM focus in the header view.
45
+ */
46
+ readonly focusTracker: FocusTracker;
47
+ /**
48
+ * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
49
+ */
50
+ readonly keystrokes: KeystrokeHandler;
51
+ /**
52
+ * Helps cycling over focusable {@link #commentThreadChildren} in the header view.
53
+ */
54
+ readonly focusCycler: FocusCycler;
55
+ /**
56
+ * @inheritDoc
57
+ */
58
+ constructor(locale: Locale, model: CommentThread);
59
+ /**
60
+ * @inheritDoc
61
+ */
62
+ override render(): void;
63
+ /**
64
+ * @inheritDoc
65
+ */
66
+ focus(): void;
67
67
  }
68
68
  /**
69
- * Fired when a user performed an action that should lead to reopen the resolved comment thread.
70
- *
71
- * @eventName ~CommentThreadHeaderView#reopenCommentThread
72
- */
69
+ * Fired when a user performed an action that should lead to reopen the resolved comment thread.
70
+ *
71
+ * @eventName ~CommentThreadHeaderView#reopenCommentThread
72
+ */
73
73
  export type UIReopenCommentThreadEvent = {
74
- name: 'reopenCommentThread';
75
- args: [id: string];
74
+ name: "reopenCommentThread";
75
+ args: [id: string];
76
76
  };
@@ -1,56 +1,56 @@
1
1
  /**
2
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
2
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
+ */
5
5
  /**
6
- * @module comments/comments/ui/view/commentthreadinputview
7
- */
8
- import { type FocusableView, type FocusCycler, View } from '@ckeditor/ckeditor5-ui';
9
- import { CommentInputView } from './commentinputview.js';
10
- import type { Locale } from '@ckeditor/ckeditor5-utils';
11
- import type { EditorConfig } from '@ckeditor/ckeditor5-core';
12
- import { UserView, type User } from '@ckeditor/ckeditor5-collaboration-core';
6
+ * @module comments/comments/ui/view/commentthreadinputview
7
+ */
8
+ import { type FocusableView, type FocusCycler, View } from "@ckeditor/ckeditor5-ui";
9
+ import { CommentInputView } from "./commentinputview.js";
10
+ import type { Locale } from "@ckeditor/ckeditor5-utils";
11
+ import type { EditorConfig } from "@ckeditor/ckeditor5-core";
12
+ import { UserView, type User } from "@ckeditor/ckeditor5-collaboration-core";
13
13
  /**
14
- * View that represents comment input area for a comment thread. Includes editor, user view and buttons.
15
- */
14
+ * View that represents comment input area for a comment thread. Includes editor, user view and buttons.
15
+ */
16
16
  export declare class CommentThreadInputView extends View implements FocusableView {
17
- /**
18
- * Specifies whether the comment input view should be visible (`true`) or hidden (`false`).
19
- *
20
- * @observable
21
- */
22
- showInput: boolean;
23
- /**
24
- * Comment input view.
25
- */
26
- commentInputView: CommentInputView;
27
- /**
28
- * Helps move focus between focusable elements.
29
- *
30
- * **Note:** This property is a proxy is exposed for parent views to discover and use focus cycling capabilities of the view
31
- * while in fact the actual implementation is in the {@link #commentInputView}.
32
- */
33
- focusCycler: FocusCycler;
34
- /**
35
- * User view for the input area. Presents the local user.
36
- */
37
- userView: UserView;
38
- /**
39
- * @param locale The localization service instance.
40
- * @param localUser Current local user.
41
- * @param editorConfig
42
- */
43
- constructor(locale: Locale, localUser: User, editorConfig: EditorConfig);
44
- /**
45
- * @inheritDoc
46
- */
47
- render(): void;
48
- /**
49
- * @inheritDoc
50
- */
51
- destroy(): Promise<void>;
52
- /**
53
- * @inheritDoc
54
- */
55
- focus(direction?: 1 | -1): void;
17
+ /**
18
+ * Specifies whether the comment input view should be visible (`true`) or hidden (`false`).
19
+ *
20
+ * @observable
21
+ */
22
+ showInput: boolean;
23
+ /**
24
+ * Comment input view.
25
+ */
26
+ commentInputView: CommentInputView;
27
+ /**
28
+ * Helps move focus between focusable elements.
29
+ *
30
+ * **Note:** This property is a proxy is exposed for parent views to discover and use focus cycling capabilities of the view
31
+ * while in fact the actual implementation is in the {@link #commentInputView}.
32
+ */
33
+ focusCycler: FocusCycler;
34
+ /**
35
+ * User view for the input area. Presents the local user.
36
+ */
37
+ userView: UserView;
38
+ /**
39
+ * @param locale The localization service instance.
40
+ * @param localUser Current local user.
41
+ * @param editorConfig
42
+ */
43
+ constructor(locale: Locale, localUser: User, editorConfig: EditorConfig);
44
+ /**
45
+ * @inheritDoc
46
+ */
47
+ override render(): void;
48
+ /**
49
+ * @inheritDoc
50
+ */
51
+ override destroy(): Promise<void>;
52
+ /**
53
+ * @inheritDoc
54
+ */
55
+ focus(direction?: 1 | -1): void;
56
56
  }
@@ -1,121 +1,121 @@
1
1
  /**
2
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
2
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
+ */
5
5
  /**
6
- * @module comments/comments/ui/view/commentthreadview
7
- * @publicApi
8
- */
9
- import { type Locale } from '@ckeditor/ckeditor5-utils';
10
- import { LateFocusButtonView, type User } from '@ckeditor/ckeditor5-collaboration-core';
11
- import { type View, type ViewWithFocusCycler, type TemplateDefinition, type ViewCollection } from '@ckeditor/ckeditor5-ui';
12
- import { BaseCommentThreadView } from './basecommentthreadview.js';
13
- import type { CommentThread } from '../../commentsrepository.js';
14
- import type { CommentThreadConfig } from '../../../config.js';
15
- declare const CommentThreadView_base: import("@ckeditor/ckeditor5-utils").Mixed<typeof BaseCommentThreadView, import("@ckeditor/ckeditor5-collaboration-core").ConfirmApi>;
6
+ * @module comments/comments/ui/view/commentthreadview
7
+ * @publicApi
8
+ */
9
+ import { type Locale } from "@ckeditor/ckeditor5-utils";
10
+ import { LateFocusButtonView, type ConfirmMixinConstructor, type User } from "@ckeditor/ckeditor5-collaboration-core";
11
+ import { type View, type ViewWithFocusCycler, type TemplateDefinition, type ViewCollection } from "@ckeditor/ckeditor5-ui";
12
+ import { BaseCommentThreadView } from "./basecommentthreadview.js";
13
+ import type { CommentThread } from "../../commentsrepository.js";
14
+ import type { CommentThreadConfig } from "../../../config.js";
15
+ declare const _CommentThreadViewBase: ConfirmMixinConstructor<typeof BaseCommentThreadView>;
16
16
  /**
17
- * The default view for comment thread.
18
- */
19
- export declare class CommentThreadView extends /* #__PURE__ -- @preserve */ CommentThreadView_base implements ViewWithFocusCycler {
20
- cancelConfirm: () => void;
21
- showConfirm: (key: string, element: unknown) => Promise<void>;
22
- /**
23
- * The locale instance.
24
- */
25
- readonly locale: Locale;
26
- /**
27
- * A property used by the template.
28
- *
29
- * It works as a visual indicator for the user that an action is about to be performed.
30
- * The value of this property is used in setting the CSS class.
31
- * The property is used when the user interacts with the view.
32
- *
33
- * @observable
34
- */
35
- actionIndicator: string | null;
36
- /**
37
- * View collection which holds all comment thread children elements.
38
- *
39
- * These views are:
40
- *
41
- * * {@link ~CommentThreadView#commentThreadHeaderView `commentThreadHeaderView`} (added at the beginning when the comment thread is
42
- * resolved),
43
- * * {@link ~CommentThreadView#commentsListView `commentsListView`},
44
- * * {@link ~CommentThreadView#commentThreadInputView `commentThreadInputView`}.
45
- *
46
- * @readonly
47
- */
48
- readonly commentThreadChildren: ViewCollection<View>;
49
- /**
50
- * `ConfirmView` uses this element as a container for confirmation dialog.
51
- *
52
- * The element is set after `view#render()` is called.
53
- *
54
- * @readonly
55
- */
56
- containerElement: HTMLElement | null;
57
- /**
58
- * Resolve button view. Resolve button fires the 'resolveCommentThread' event when submitted.
59
- *
60
- * @readonly
61
- */
62
- readonly resolveButton: LateFocusButtonView;
63
- /**
64
- * @inheritDoc
65
- */
66
- constructor(locale: Locale, model: CommentThread, localUser: User, config: CommentThreadConfig);
67
- /**
68
- * Returns a template definition that will be passed to {@link module:ui/view~View#setTemplate}.
69
- *
70
- * Overwrite this method if you want to set a custom template for the comment thread view.
71
- *
72
- * The default template looks as follows:
73
- *
74
- * ```ts
75
- * const bind = this.bindTemplate;
76
- *
77
- * {
78
- * tag: 'div',
79
- *
80
- * attributes: {
81
- * class: [
82
- * 'ck',
83
- * 'ck-thread',
84
- * 'ck-reset_all-excluded',
85
- * 'ck-rounded-corners',
86
- * bind.if( 'isActive', 'ck-thread--active' ),
87
- * bind.if( 'isUnlinked', 'ck-thread--unlinked' ),
88
- * bind.to( 'actionIndicator', value => value ? `ck-thread--${ value }` : '' )
89
- * ],
90
- * 'data-thread-id': this._model.id,
91
- * // Needed for managing focus after adding new comment.
92
- * tabindex: 0,
93
- * role: 'listitem',
94
- * 'aria-label': bind.to( 'ariaLabel' ),
95
- * 'aria-describedby': this.ariaDescriptionView.id
96
- * },
97
- *
98
- * children: [
99
- * {
100
- * tag: 'div',
101
- * attributes: {
102
- * class: 'ck-thread__container'
103
- * },
104
- * children: this.commentThreadChildren
105
- * }
106
- * ]
107
- * };
108
- * ```
109
- *
110
- * See the {@glink features/collaboration/annotations/annotations-custom-view Annotation custom view guide} to learn more about
111
- * the possible annotation customizations.
112
- *
113
- * @returns The definition of a comment thread view's template.
114
- */
115
- getTemplate(): TemplateDefinition;
116
- /**
117
- * @inheritDoc
118
- */
119
- render(): void;
17
+ * The default view for comment thread.
18
+ */
19
+ export declare class CommentThreadView extends _CommentThreadViewBase implements ViewWithFocusCycler {
20
+ cancelConfirm: () => void;
21
+ showConfirm: (key: string, element: unknown) => Promise<void>;
22
+ /**
23
+ * The locale instance.
24
+ */
25
+ readonly locale: Locale;
26
+ /**
27
+ * A property used by the template.
28
+ *
29
+ * It works as a visual indicator for the user that an action is about to be performed.
30
+ * The value of this property is used in setting the CSS class.
31
+ * The property is used when the user interacts with the view.
32
+ *
33
+ * @observable
34
+ */
35
+ actionIndicator: string | null;
36
+ /**
37
+ * View collection which holds all comment thread children elements.
38
+ *
39
+ * These views are:
40
+ *
41
+ * * {@link ~CommentThreadView#commentThreadHeaderView `commentThreadHeaderView`} (added at the beginning when the comment thread is
42
+ * resolved),
43
+ * * {@link ~CommentThreadView#commentsListView `commentsListView`},
44
+ * * {@link ~CommentThreadView#commentThreadInputView `commentThreadInputView`}.
45
+ *
46
+ * @readonly
47
+ */
48
+ readonly commentThreadChildren: ViewCollection<View>;
49
+ /**
50
+ * `ConfirmView` uses this element as a container for confirmation dialog.
51
+ *
52
+ * The element is set after `view#render()` is called.
53
+ *
54
+ * @readonly
55
+ */
56
+ containerElement: HTMLElement | null;
57
+ /**
58
+ * Resolve button view. Resolve button fires the 'resolveCommentThread' event when submitted.
59
+ *
60
+ * @readonly
61
+ */
62
+ readonly resolveButton: LateFocusButtonView;
63
+ /**
64
+ * @inheritDoc
65
+ */
66
+ constructor(locale: Locale, model: CommentThread, localUser: User, config: CommentThreadConfig);
67
+ /**
68
+ * Returns a template definition that will be passed to {@link module:ui/view~View#setTemplate}.
69
+ *
70
+ * Overwrite this method if you want to set a custom template for the comment thread view.
71
+ *
72
+ * The default template looks as follows:
73
+ *
74
+ * ```ts
75
+ * const bind = this.bindTemplate;
76
+ *
77
+ * {
78
+ * tag: 'div',
79
+ *
80
+ * attributes: {
81
+ * class: [
82
+ * 'ck',
83
+ * 'ck-thread',
84
+ * 'ck-reset_all-excluded',
85
+ * 'ck-rounded-corners',
86
+ * bind.if( 'isActive', 'ck-thread--active' ),
87
+ * bind.if( 'isUnlinked', 'ck-thread--unlinked' ),
88
+ * bind.to( 'actionIndicator', value => value ? `ck-thread--${ value }` : '' )
89
+ * ],
90
+ * 'data-thread-id': this._model.id,
91
+ * // Needed for managing focus after adding new comment.
92
+ * tabindex: 0,
93
+ * role: 'listitem',
94
+ * 'aria-label': bind.to( 'ariaLabel' ),
95
+ * 'aria-describedby': this.ariaDescriptionView.id
96
+ * },
97
+ *
98
+ * children: [
99
+ * {
100
+ * tag: 'div',
101
+ * attributes: {
102
+ * class: 'ck-thread__container'
103
+ * },
104
+ * children: this.commentThreadChildren
105
+ * }
106
+ * ]
107
+ * };
108
+ * ```
109
+ *
110
+ * See the {@glink features/collaboration/annotations/annotations-custom-view Annotation custom view guide} to learn more about
111
+ * the possible annotation customizations.
112
+ *
113
+ * @returns The definition of a comment thread view's template.
114
+ */
115
+ getTemplate(): TemplateDefinition;
116
+ /**
117
+ * @inheritDoc
118
+ */
119
+ override render(): void;
120
120
  }
121
121
  export {};