@ckeditor/ckeditor5-mention 48.8.1-alpha.4 → 49.0.0-alpha.1

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 (20) hide show
  1. package/LICENSE.md +1 -1
  2. package/dist/augmentation.d.ts +21 -21
  3. package/dist/index-content.css +9 -7
  4. package/dist/index-content.css.map +1 -0
  5. package/dist/index-editor.css +18 -16
  6. package/dist/index-editor.css.map +1 -0
  7. package/dist/index.css +21 -16
  8. package/dist/index.css.map +1 -1
  9. package/dist/index.d.ts +18 -16
  10. package/dist/index.js +1042 -1148
  11. package/dist/index.js.map +1 -1
  12. package/dist/mention.d.ts +72 -73
  13. package/dist/mentioncommand.d.ts +72 -72
  14. package/dist/mentionconfig.d.ts +249 -249
  15. package/dist/mentionediting.d.ts +37 -37
  16. package/dist/mentionui.d.ts +101 -101
  17. package/dist/ui/domwrapperview.d.ts +36 -36
  18. package/dist/ui/mentionlistitemview.d.ts +24 -11
  19. package/dist/ui/mentionsview.d.ts +54 -55
  20. package/package.json +7 -7
package/LICENSE.md CHANGED
@@ -18,7 +18,7 @@ Where not otherwise indicated, all CKEditor 5 content is authored by CKSour
18
18
 
19
19
  The following libraries are included in CKEditor 5 under the [MIT license](https://opensource.org/licenses/MIT):
20
20
 
21
- * es-toolkit - Copyright (c) 2024 Viva Republica, Inc and Copyright OpenJS Foundation and other contributors.
21
+ * es-toolkit - Copyright (c) 2024 Viva Republica, Inc.
22
22
 
23
23
  Trademarks
24
24
  ----------
package/dist/augmentation.d.ts CHANGED
@@ -1,23 +1,23 @@
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
- */
5
- import type { MentionConfig, Mention, MentionEditing, MentionUI, MentionCommand } from './index.js';
6
- declare module '@ckeditor/ckeditor5-core' {
7
- interface EditorConfig {
8
- /**
9
- * The configuration of the {@link module:mention/mention~Mention} feature.
10
- *
11
- * Read more in {@link module:mention/mentionconfig~MentionConfig}.
12
- */
13
- mention?: MentionConfig;
14
- }
15
- interface PluginsMap {
16
- [Mention.pluginName]: Mention;
17
- [MentionEditing.pluginName]: MentionEditing;
18
- [MentionUI.pluginName]: MentionUI;
19
- }
20
- interface CommandsMap {
21
- mention: MentionCommand;
22
- }
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
+ import type { MentionConfig, Mention, MentionEditing, MentionUI, MentionCommand } from "./index.js";
6
+ declare module "@ckeditor/ckeditor5-core" {
7
+ interface EditorConfig {
8
+ /**
9
+ * The configuration of the {@link module:mention/mention~Mention} feature.
10
+ *
11
+ * Read more in {@link module:mention/mentionconfig~MentionConfig}.
12
+ */
13
+ mention?: MentionConfig;
14
+ }
15
+ interface PluginsMap {
16
+ [Mention.pluginName]: Mention;
17
+ [MentionEditing.pluginName]: MentionEditing;
18
+ [MentionUI.pluginName]: MentionUI;
19
+ }
20
+ interface CommandsMap {
21
+ mention: MentionCommand;
22
+ }
23
23
  }
package/dist/index-content.css CHANGED
@@ -2,12 +2,14 @@
2
2
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
- :root{
6
- --ck-content-color-mention-background:#9900301a;
7
- --ck-content-color-mention-text:#990030;
5
+ :root, :host {
6
+ --ck-content-color-mention-background: #9900301a;
7
+ --ck-content-color-mention-text: #990030;
8
8
  }
9
9
 
10
- .ck-content .mention{
11
- background:var(--ck-content-color-mention-background);
12
- color:var(--ck-content-color-mention-text);
13
- }
10
+ .ck-content .mention {
11
+ background: var(--ck-content-color-mention-background);
12
+ color: var(--ck-content-color-mention-text);
13
+ }
14
+
15
+ /*# sourceMappingURL=index-content.css.map */
package/dist/index-content.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../theme/index-content.css","index-content.css"],"names":[],"mappings":";;;;AAKA,CAAA,IAAA,CAAA,CAAA,CAAA,IAAA,CAAA;ACJA,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;AAClD,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM;AAC1C;;ADSA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,OAAA,CAAA;ACNA,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;AACxD,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAC7C;;AAEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index-content.css.map","sourcesContent":["/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root,\n:host {\n\t/* content-layer: pending color palette */\n\t--ck-content-color-mention-background: hsla(341, 100%, 30%, 0.1);\n\t--ck-content-color-mention-text: hsl(341, 100%, 30%);\n}\n\n.ck-content .mention {\n\tbackground: var(--ck-content-color-mention-background);\n\tcolor: var(--ck-content-color-mention-text);\n}\n",":root, :host {\n --ck-content-color-mention-background: #9900301a;\n --ck-content-color-mention-text: #990030;\n}\n\n.ck-content .mention {\n background: var(--ck-content-color-mention-background);\n color: var(--ck-content-color-mention-text);\n}\n\n/*# sourceMappingURL=index-content.css.map */"]}
package/dist/index-editor.css CHANGED
@@ -2,26 +2,28 @@
2
2
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
- :root{
6
- --ck-content-color-mention-background:#9900301a;
7
- --ck-content-color-mention-text:#990030;
5
+ :root, :host {
6
+ --ck-mention-list-max-height: 300px;
8
7
  }
9
8
 
10
- :root{
11
- --ck-mention-list-max-height:300px;
12
- }
9
+ .ck.ck-mentions {
10
+ max-height: var(--ck-mention-list-max-height);
11
+ overscroll-behavior: contain;
12
+ overflow: hidden auto;
13
+
14
+ & > .ck-list__item {
15
+ flex-shrink: 0;
16
+ overflow: hidden;
17
+ }
13
18
 
14
- .ck.ck-mentions{
15
- max-height:var(--ck-mention-list-max-height);
16
- overscroll-behavior:contain;
17
- overflow:hidden auto;
19
+ & > .ck-list__item.ck-mentions__item_focused > .ck-button {
20
+ border-color: var(--ck-button-focus-border-color);
21
+ box-shadow: var(--ck-interactive-focus-shadow), 0 0;
22
+ }
18
23
  }
19
24
 
20
- .ck.ck-mentions > .ck-list__item{
21
- flex-shrink:0;
22
- overflow:hidden;
25
+ div.ck.ck-balloon-panel.ck-mention-balloon {
26
+ z-index: calc(var(--ck-z-dialog, var(--ck-z-modal)) + 1);
23
27
  }
24
28
 
25
- div.ck.ck-balloon-panel.ck-mention-balloon{
26
- z-index:calc(var(--ck-z-dialog) + 1);
27
- }
29
+ /*# sourceMappingURL=index-editor.css.map */
package/dist/index-editor.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../theme/mentionui.css","index-editor.css"],"names":[],"mappings":";;;;AAKA,CAAA,IAAA,CAAA,CAAA,CAAA,IAAA,CAAA;ACJA,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,KAAK;AACrC;;ADQA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,CAAA;ACLA,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;AAC/C,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,OAAO;AAC9B,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,IAAI;;AAEvB,CAAC,CDcA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,UAAA,CAAA;ACbD,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM;AACpB,CAAC,CAAC;;AAEF,CAAC,CDmBA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,MAAA,CAAA;AClBD,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACrD,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACvD,CAAC,CAAC;AACF;;ADqBA,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,CAAA,OAAA,CAAA;AClBA,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D;;AAEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index-editor.css.map","sourcesContent":["/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root,\n:host {\n\t--ck-mention-list-max-height: 300px;\n}\n\n.ck.ck-mentions {\n\tmax-height: var(--ck-mention-list-max-height);\n\n\toverflow-y: auto;\n\n\t/* Prevent unnecessary horizontal scrollbar in Safari\n\thttps://github.com/ckeditor/ckeditor5-mention/issues/41 */\n\toverflow-x: hidden;\n\n\toverscroll-behavior: contain;\n\n\t/* Prevent unnecessary vertical scrollbar in Safari\n\thttps://github.com/ckeditor/ckeditor5-mention/issues/41 */\n\t& > .ck-list__item {\n\t\toverflow: hidden;\n\t\tflex-shrink: 0;\n\t}\n\n\t/*\n\t * The editable keeps DOM focus while the list is navigated, so the selected item is indicated\n\t * with a focus-style ring instead of the \"on\" background. The hover background still applies on\n\t * :hover only, matching the toolbar dropdown lists (e.g. headings).\n\t */\n\t& > .ck-list__item.ck-mentions__item_focused > .ck-button {\n\t\tborder-color: var(--ck-button-focus-border-color);\n\t\tbox-shadow: var(--ck-interactive-focus-shadow), 0 0;\n\t}\n}\n\ndiv.ck.ck-balloon-panel.ck-mention-balloon {\n\t/* Backward compatibility: falls back to legacy --ck-z-dialog if overridden. */\n\tz-index: calc( var( --ck-z-dialog, var(--ck-z-modal) ) + 1 );\n}\n",":root, :host {\n --ck-mention-list-max-height: 300px;\n}\n\n.ck.ck-mentions {\n max-height: var(--ck-mention-list-max-height);\n overscroll-behavior: contain;\n overflow: hidden auto;\n\n & > .ck-list__item {\n flex-shrink: 0;\n overflow: hidden;\n }\n\n & > .ck-list__item.ck-mentions__item_focused > .ck-button {\n border-color: var(--ck-button-focus-border-color);\n box-shadow: var(--ck-interactive-focus-shadow), 0 0;\n }\n}\n\ndiv.ck.ck-balloon-panel.ck-mention-balloon {\n z-index: calc(var(--ck-z-dialog, var(--ck-z-modal)) + 1);\n}\n\n/*# sourceMappingURL=index-editor.css.map */"]}
package/dist/index.css CHANGED
@@ -2,17 +2,7 @@
2
2
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
- :root {
6
- --ck-content-color-mention-background: #9900301a;
7
- --ck-content-color-mention-text: #990030;
8
- }
9
-
10
- .ck-content .mention {
11
- background: var(--ck-content-color-mention-background);
12
- color: var(--ck-content-color-mention-text);
13
- }
14
-
15
- :root {
5
+ :root, :host {
16
6
  --ck-mention-list-max-height: 300px;
17
7
  }
18
8
 
@@ -20,15 +10,30 @@
20
10
  max-height: var(--ck-mention-list-max-height);
21
11
  overscroll-behavior: contain;
22
12
  overflow: hidden auto;
23
- }
24
13
 
25
- .ck.ck-mentions > .ck-list__item {
26
- flex-shrink: 0;
27
- overflow: hidden;
14
+ & > .ck-list__item {
15
+ flex-shrink: 0;
16
+ overflow: hidden;
17
+ }
18
+
19
+ & > .ck-list__item.ck-mentions__item_focused > .ck-button {
20
+ border-color: var(--ck-button-focus-border-color);
21
+ box-shadow: var(--ck-interactive-focus-shadow), 0 0;
22
+ }
28
23
  }
29
24
 
30
25
  div.ck.ck-balloon-panel.ck-mention-balloon {
31
- z-index: calc(var(--ck-z-dialog) + 1);
26
+ z-index: calc(var(--ck-z-dialog, var(--ck-z-modal)) + 1);
27
+ }
28
+
29
+ :root, :host {
30
+ --ck-content-color-mention-background: #9900301a;
31
+ --ck-content-color-mention-text: #990030;
32
+ }
33
+
34
+ .ck-content .mention {
35
+ background: var(--ck-content-color-mention-background);
36
+ color: var(--ck-content-color-mention-text);
32
37
  }
33
38
 
34
39
  /*# sourceMappingURL=index.css.map */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../theme/mention.css","index.css","../theme/mentionui.css"],"names":[],"mappings":";;;;AAKA,CAAA,IAAA,CAAA;ACJA,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;AAClD,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM;AAC1C;;ADOA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,OAAA,CAAA;ACJA,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;AACxD,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAC7C;;ACHA,CAAA,IAAA,CAAA;ADMA,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,KAAK;AACrC;;ACHA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,CAAA;ADMA,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;AAC/C,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,OAAO;AAC9B,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,IAAI;AACvB;;ACIC,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,UAAA,CAAA;ADDD,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAChB,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM;AAClB;;ACKA,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,CAAA,OAAA,CAAA;ADFA,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACvC;;AAEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index.css.map","sourcesContent":["/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root {\n\t--ck-content-color-mention-background: hsla(341, 100%, 30%, 0.1);\n\t--ck-content-color-mention-text: hsl(341, 100%, 30%);\n}\n\n.ck-content .mention {\n\tbackground: var(--ck-content-color-mention-background);\n\tcolor: var(--ck-content-color-mention-text);\n}\n",":root {\n --ck-content-color-mention-background: #9900301a;\n --ck-content-color-mention-text: #990030;\n}\n\n.ck-content .mention {\n background: var(--ck-content-color-mention-background);\n color: var(--ck-content-color-mention-text);\n}\n\n:root {\n --ck-mention-list-max-height: 300px;\n}\n\n.ck.ck-mentions {\n max-height: var(--ck-mention-list-max-height);\n overscroll-behavior: contain;\n overflow: hidden auto;\n}\n\n.ck.ck-mentions > .ck-list__item {\n flex-shrink: 0;\n overflow: hidden;\n}\n\ndiv.ck.ck-balloon-panel.ck-mention-balloon {\n z-index: calc(var(--ck-z-dialog) + 1);\n}\n\n/*# sourceMappingURL=index.css.map */","/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root {\n\t--ck-mention-list-max-height: 300px;\n}\n\n.ck.ck-mentions {\n\tmax-height: var(--ck-mention-list-max-height);\n\n\toverflow-y: auto;\n\n\t/* Prevent unnecessary horizontal scrollbar in Safari\n\thttps://github.com/ckeditor/ckeditor5-mention/issues/41 */\n\toverflow-x: hidden;\n\n\toverscroll-behavior: contain;\n\n\t/* Prevent unnecessary vertical scrollbar in Safari\n\thttps://github.com/ckeditor/ckeditor5-mention/issues/41 */\n\t& > .ck-list__item {\n\t\toverflow: hidden;\n\t\tflex-shrink: 0;\n\t}\n}\n\ndiv.ck.ck-balloon-panel.ck-mention-balloon {\n\tz-index: calc( var( --ck-z-dialog ) + 1 );\n}\n"]}
1
+ {"version":3,"sources":["../theme/mentionui.css","index.css","../theme/index-content.css"],"names":[],"mappings":";;;;AAKA,CAAA,IAAA,CAAA,CAAA,CAAA,IAAA,CAAA;ACJA,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,KAAK;AACrC;;ADQA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,CAAA;ACLA,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;AAC/C,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,OAAO;AAC9B,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,IAAI;;AAEvB,CAAC,CDcA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,UAAA,CAAA;ACbD,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM;AACpB,CAAC,CAAC;;AAEF,CAAC,CDmBA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,MAAA,CAAA;AClBD,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACrD,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACvD,CAAC,CAAC;AACF;;ADqBA,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,CAAA,OAAA,CAAA;AClBA,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D;;ACjBA,CAAA,IAAA,CAAA,CAAA,CAAA,IAAA,CAAA;ADoBA,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;AAClD,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM;AAC1C;;ACfA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,OAAA,CAAA;ADkBA,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;AACxD,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAC7C;;AAEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index.css.map","sourcesContent":["/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root,\n:host {\n\t--ck-mention-list-max-height: 300px;\n}\n\n.ck.ck-mentions {\n\tmax-height: var(--ck-mention-list-max-height);\n\n\toverflow-y: auto;\n\n\t/* Prevent unnecessary horizontal scrollbar in Safari\n\thttps://github.com/ckeditor/ckeditor5-mention/issues/41 */\n\toverflow-x: hidden;\n\n\toverscroll-behavior: contain;\n\n\t/* Prevent unnecessary vertical scrollbar in Safari\n\thttps://github.com/ckeditor/ckeditor5-mention/issues/41 */\n\t& > .ck-list__item {\n\t\toverflow: hidden;\n\t\tflex-shrink: 0;\n\t}\n\n\t/*\n\t * The editable keeps DOM focus while the list is navigated, so the selected item is indicated\n\t * with a focus-style ring instead of the \"on\" background. The hover background still applies on\n\t * :hover only, matching the toolbar dropdown lists (e.g. headings).\n\t */\n\t& > .ck-list__item.ck-mentions__item_focused > .ck-button {\n\t\tborder-color: var(--ck-button-focus-border-color);\n\t\tbox-shadow: var(--ck-interactive-focus-shadow), 0 0;\n\t}\n}\n\ndiv.ck.ck-balloon-panel.ck-mention-balloon {\n\t/* Backward compatibility: falls back to legacy --ck-z-dialog if overridden. */\n\tz-index: calc( var( --ck-z-dialog, var(--ck-z-modal) ) + 1 );\n}\n",":root, :host {\n --ck-mention-list-max-height: 300px;\n}\n\n.ck.ck-mentions {\n max-height: var(--ck-mention-list-max-height);\n overscroll-behavior: contain;\n overflow: hidden auto;\n\n & > .ck-list__item {\n flex-shrink: 0;\n overflow: hidden;\n }\n\n & > .ck-list__item.ck-mentions__item_focused > .ck-button {\n border-color: var(--ck-button-focus-border-color);\n box-shadow: var(--ck-interactive-focus-shadow), 0 0;\n }\n}\n\ndiv.ck.ck-balloon-panel.ck-mention-balloon {\n z-index: calc(var(--ck-z-dialog, var(--ck-z-modal)) + 1);\n}\n\n:root, :host {\n --ck-content-color-mention-background: #9900301a;\n --ck-content-color-mention-text: #990030;\n}\n\n.ck-content .mention {\n background: var(--ck-content-color-mention-background);\n color: var(--ck-content-color-mention-text);\n}\n\n/*# sourceMappingURL=index.css.map */","/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root,\n:host {\n\t/* content-layer: pending color palette */\n\t--ck-content-color-mention-background: hsla(341, 100%, 30%, 0.1);\n\t--ck-content-color-mention-text: hsl(341, 100%, 30%);\n}\n\n.ck-content .mention {\n\tbackground: var(--ck-content-color-mention-background);\n\tcolor: var(--ck-content-color-mention-text);\n}\n"]}
package/dist/index.d.ts CHANGED
@@ -1,18 +1,20 @@
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 mention
7
- */
8
- export { Mention, type MentionAttribute } from './mention.js';
9
- export { MentionEditing } from './mentionediting.js';
10
- export { MentionUI } from './mentionui.js';
11
- export { MentionsView } from './ui/mentionsview.js';
12
- export { MentionListItemView } from './ui/mentionlistitemview.js';
13
- export { MentionDomWrapperView } from './ui/domwrapperview.js';
14
- export { MentionCommand } from './mentioncommand.js';
15
- export type { MentionConfig, MentionFeed, MentionFeedItem, MentionItemRenderer, MentionFeedObjectItem, MentionFeedbackCallback } from './mentionconfig.js';
16
- export { createRegExp as _createMentionMarkerRegExp } from './mentionui.js';
17
- export { _addMentionAttributes as _addMentionAttributes, _toMentionAttribute as _toMentionAttribute } from './mentionediting.js';
18
- import './augmentation.js';
6
+ * @module mention
7
+ */
8
+ export { Mention, type MentionAttribute } from "./mention.js";
9
+ export { MentionEditing } from "./mentionediting.js";
10
+ export { MentionUI } from "./mentionui.js";
11
+ export { MentionsView } from "./ui/mentionsview.js";
12
+ export { MentionListItemView } from "./ui/mentionlistitemview.js";
13
+ export { MentionDomWrapperView } from "./ui/domwrapperview.js";
14
+ export { MentionCommand } from "./mentioncommand.js";
15
+ export type { MentionConfig, MentionFeed, MentionFeedItem, MentionItemRenderer, MentionFeedObjectItem, MentionFeedbackCallback } from "./mentionconfig.js";
16
+ export { createRegExp as _createMentionMarkerRegExp } from "./mentionui.js";
17
+ export { _addMentionAttributes, _toMentionAttribute } from "./mentionediting.js";
18
+ import "../theme/index-editor.css";
19
+ import "../theme/index-content.css";
20
+ import "./augmentation.js";