@ckeditor/ckeditor5-mention 47.6.1 → 48.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.
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.
21
+ * es-toolkit - Copyright (c) 2024 Viva Republica, Inc and Copyright OpenJS Foundation and other contributors.
22
22
 
23
23
  Trademarks
24
24
  ----------
@@ -5,7 +5,7 @@
5
5
  "className": "Mention",
6
6
  "description": "Introduces support for autocompleting @mentions and #tags. With this feature enabled, when a user types a pre-configured marker, such as <code>@</code> or <code>#</code>, they get autocompletion suggestions.",
7
7
  "docs": "features/mentions.html",
8
- "path": "src/mention.js",
8
+ "path": "src/mention.ts",
9
9
  "htmlOutput": [
10
10
  {
11
11
  "elements": "span",
@@ -2,3 +2,12 @@
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
+ }
@@ -3,23 +3,25 @@
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
5
  :root{
6
- --ck-mention-list-max-height:300px;
6
+ --ck-content-color-mention-background:#9900301a;
7
+ --ck-content-color-mention-text:#990030;
7
8
  }
8
9
 
9
- .ck.ck-mentions{
10
- max-height:var(--ck-mention-list-max-height);
11
-
12
- overflow-y:auto;
13
- overflow-x:hidden;
10
+ :root{
11
+ --ck-mention-list-max-height:300px;
12
+ }
14
13
 
15
- overscroll-behavior:contain;
14
+ .ck.ck-mentions{
15
+ max-height:var(--ck-mention-list-max-height);
16
+ overscroll-behavior:contain;
17
+ overflow:hidden auto;
16
18
  }
17
19
 
18
20
  .ck.ck-mentions > .ck-list__item{
19
- overflow:hidden;
20
- flex-shrink:0;
21
- }
21
+ flex-shrink:0;
22
+ overflow:hidden;
23
+ }
22
24
 
23
25
  div.ck.ck-balloon-panel.ck-mention-balloon{
24
- z-index:calc( var(--ck-z-dialog) + 1);
26
+ z-index:calc(var(--ck-z-dialog) + 1);
25
27
  }
package/dist/index.css CHANGED
@@ -2,37 +2,33 @@
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
- /*
6
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
7
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
8
- */
9
-
10
5
  :root {
11
- --ck-mention-list-max-height: 300px;
6
+ --ck-content-color-mention-background: #9900301a;
7
+ --ck-content-color-mention-text: #990030;
12
8
  }
13
9
 
14
- .ck.ck-mentions {
15
- max-height: var(--ck-mention-list-max-height);
16
-
17
- overflow-y: auto;
18
-
19
- /* Prevent unnecessary horizontal scrollbar in Safari
20
- https://github.com/ckeditor/ckeditor5-mention/issues/41 */
21
- overflow-x: hidden;
10
+ .ck-content .mention {
11
+ background: var(--ck-content-color-mention-background);
12
+ color: var(--ck-content-color-mention-text);
13
+ }
22
14
 
23
- overscroll-behavior: contain;
15
+ :root {
16
+ --ck-mention-list-max-height: 300px;
17
+ }
24
18
 
25
- /* Prevent unnecessary vertical scrollbar in Safari
26
- https://github.com/ckeditor/ckeditor5-mention/issues/41 */
19
+ .ck.ck-mentions {
20
+ max-height: var(--ck-mention-list-max-height);
21
+ overscroll-behavior: contain;
22
+ overflow: hidden auto;
27
23
  }
28
24
 
29
25
  .ck.ck-mentions > .ck-list__item {
30
- overflow: hidden;
31
- flex-shrink: 0;
32
- }
26
+ flex-shrink: 0;
27
+ overflow: hidden;
28
+ }
33
29
 
34
30
  div.ck.ck-balloon-panel.ck-mention-balloon {
35
- z-index: calc( var( --ck-z-dialog ) + 1 );
31
+ z-index: calc(var(--ck-z-dialog) + 1);
36
32
  }
37
33
 
38
34
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../theme/mentionui.css","index.css"],"names":[],"mappings":";;;;AAAA,CAAA;ACCA,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ;AAC3E,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC;AAClF,CAAC,CDAC;;AAEF,CAAA,IAAA,CAAA;ACCA,CDAC,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,KAAmC;AACpC;;AAEA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,CAAA;ACCA,CDAC,GAAA,CAAA,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,GAAA,CAAA,MAAA,CAA6C;;ACE9C,CDAC,QAAA,CAAA,CAAA,CAAA,CAAA,IAAgB;;ACEjB,CDAC,CAAA,CAAA,CAAA,OAAA,CAAA,WAAA,CAAA,UAAA,CAAA,SAAA,CAAA,EAAA,CAAA;ACCD,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CDAC;ACC1D,CDAC,QAAA,CAAA,CAAA,CAAA,CAAA,MAAkB;;ACEnB,CDAC,UAAA,CAAA,QAAA,CAAA,CAAA,OAA4B;;ACE7B,CDAC,CAAA,CAAA,CAAA,OAAA,CAAA,WAAA,CAAA,QAAA,CAAA,SAAA,CAAA,EAAA,CAAA;ACCD,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CDAC;AAK1D;;AAJC,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,UAAA,CAAA;ACGD,CAAC,CDFC,QAAA,CAAA,CAAA,MAAgB;ACGlB,CAAC,CDFC,IAAA,CAAA,MAAA,CAAA,CAAA,CAAc;ACGhB,CDFC;;AAGD,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,CAAA,OAAA,CAAA;ACEA,CDDC,CAAA,CAAA,KAAA,CAAA,CAAA,IAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyC;AAC1C;;ACGA,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-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","/*\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}\n\n.ck.ck-mentions > .ck-list__item {\n\t\toverflow: hidden;\n\t\tflex-shrink: 0;\n\t}\n\ndiv.ck.ck-balloon-panel.ck-mention-balloon {\n\tz-index: calc( var( --ck-z-dialog ) + 1 );\n}\n\n/*# sourceMappingURL=index.css.map */"]}
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"]}