@ckeditor/ckeditor5-highlight 41.3.1 → 41.4.0

package/dist/translations/tk.umd.js

@@ -0,0 +1,11 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+( e => {
+const { [ 'tk' ]: { dictionary, getPluralForm } } = {"tk":{"dictionary":{"Yellow marker":"Sary marker","Green marker":"Ýaşyl marker","Pink marker":"Gülgüne marker","Blue marker":"Gök marker","Red pen":"Gyzyl galam","Green pen":"Ýaşyl galam","Remove highlight":"Belligi aýyryň","Highlight":"Bellik","Text highlight toolbar":"Tekst bellik gurallar paneli"},getPluralForm(n){return (n != 1);}}};
+e[ 'tk' ] ||= { dictionary: {}, getPluralForm: null };
+e[ 'tk' ].dictionary = Object.assign( e[ 'tk' ].dictionary, dictionary );
+e[ 'tk' ].getPluralForm = getPluralForm;
+} )( window.CKEDITOR_TRANSLATIONS ||= {} );

package/dist/translations/tr.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+import type { Translations } from 'ckeditor5';
+declare const translations: Translations;
+export default translations;

package/dist/translations/tr.js

@@ -0,0 +1,5 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+export default {"tr":{"dictionary":{"Yellow marker":"Sarı işaretleyici","Green marker":"Yeşil işaretleyici","Pink marker":"Pembe işaretleyici","Blue marker":"Mavi işaretleyici","Red pen":"Kırmızı kalem","Green pen":"Yeşik kalem","Remove highlight":"Vurgulamayı temizle","Highlight":"Vurgu","Text highlight toolbar":"Yazı Vurgulama Araç Çubuğu"},getPluralForm(n){return (n > 1);}}}

package/dist/translations/tr.umd.js

@@ -0,0 +1,11 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+( e => {
+const { [ 'tr' ]: { dictionary, getPluralForm } } = {"tr":{"dictionary":{"Yellow marker":"Sarı işaretleyici","Green marker":"Yeşil işaretleyici","Pink marker":"Pembe işaretleyici","Blue marker":"Mavi işaretleyici","Red pen":"Kırmızı kalem","Green pen":"Yeşik kalem","Remove highlight":"Vurgulamayı temizle","Highlight":"Vurgu","Text highlight toolbar":"Yazı Vurgulama Araç Çubuğu"},getPluralForm(n){return (n > 1);}}};
+e[ 'tr' ] ||= { dictionary: {}, getPluralForm: null };
+e[ 'tr' ].dictionary = Object.assign( e[ 'tr' ].dictionary, dictionary );
+e[ 'tr' ].getPluralForm = getPluralForm;
+} )( window.CKEDITOR_TRANSLATIONS ||= {} );

package/dist/translations/uk.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+import type { Translations } from 'ckeditor5';
+declare const translations: Translations;
+export default translations;

package/dist/translations/uk.js

@@ -0,0 +1,5 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+export default {"uk":{"dictionary":{"Yellow marker":"Жовтий маркер","Green marker":"Зелений маркер","Pink marker":"Рожевий маркер","Blue marker":"Синій маркер","Red pen":"Червоний маркер","Green pen":"Зелений маркер","Remove highlight":"Видалити виділення","Highlight":"Виділення","Text highlight toolbar":"Панель виділення тексту"},getPluralForm(n){return (n % 1 == 0 && n % 10 == 1 && n % 100 != 11 ? 0 : n % 1 == 0 && n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14) ? 1 : n % 1 == 0 && (n % 10 ==0 || (n % 10 >=5 && n % 10 <=9) || (n % 100 >=11 && n % 100 <=14 )) ? 2: 3);}}}

package/dist/translations/uk.umd.js

@@ -0,0 +1,11 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+( e => {
+const { [ 'uk' ]: { dictionary, getPluralForm } } = {"uk":{"dictionary":{"Yellow marker":"Жовтий маркер","Green marker":"Зелений маркер","Pink marker":"Рожевий маркер","Blue marker":"Синій маркер","Red pen":"Червоний маркер","Green pen":"Зелений маркер","Remove highlight":"Видалити виділення","Highlight":"Виділення","Text highlight toolbar":"Панель виділення тексту"},getPluralForm(n){return (n % 1 == 0 && n % 10 == 1 && n % 100 != 11 ? 0 : n % 1 == 0 && n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14) ? 1 : n % 1 == 0 && (n % 10 ==0 || (n % 10 >=5 && n % 10 <=9) || (n % 100 >=11 && n % 100 <=14 )) ? 2: 3);}}};
+e[ 'uk' ] ||= { dictionary: {}, getPluralForm: null };
+e[ 'uk' ].dictionary = Object.assign( e[ 'uk' ].dictionary, dictionary );
+e[ 'uk' ].getPluralForm = getPluralForm;
+} )( window.CKEDITOR_TRANSLATIONS ||= {} );

package/dist/translations/ur.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+import type { Translations } from 'ckeditor5';
+declare const translations: Translations;
+export default translations;

package/dist/translations/ur.js

@@ -0,0 +1,5 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+export default {"ur":{"dictionary":{"Yellow marker":"پیلا نشان","Green marker":"سبز نشان","Pink marker":"گلابی نشان","Blue marker":"نیلا نشان","Red pen":"سرخ قلم","Green pen":"سبز قلم","Remove highlight":"غیر نمایاں کریں","Highlight":"نمایاں","Text highlight toolbar":"خانہ آلات برائے نمایاں متن"},getPluralForm(n){return (n != 1);}}}

package/dist/translations/ur.umd.js

@@ -0,0 +1,11 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+( e => {
+const { [ 'ur' ]: { dictionary, getPluralForm } } = {"ur":{"dictionary":{"Yellow marker":"پیلا نشان","Green marker":"سبز نشان","Pink marker":"گلابی نشان","Blue marker":"نیلا نشان","Red pen":"سرخ قلم","Green pen":"سبز قلم","Remove highlight":"غیر نمایاں کریں","Highlight":"نمایاں","Text highlight toolbar":"خانہ آلات برائے نمایاں متن"},getPluralForm(n){return (n != 1);}}};
+e[ 'ur' ] ||= { dictionary: {}, getPluralForm: null };
+e[ 'ur' ].dictionary = Object.assign( e[ 'ur' ].dictionary, dictionary );
+e[ 'ur' ].getPluralForm = getPluralForm;
+} )( window.CKEDITOR_TRANSLATIONS ||= {} );

package/dist/translations/uz.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+import type { Translations } from 'ckeditor5';
+declare const translations: Translations;
+export default translations;

package/dist/translations/uz.js

@@ -0,0 +1,5 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+export default {"uz":{"dictionary":{"Yellow marker":"Sariq marker bilan ta'kidlash","Green marker":"Yashil marker bilan ta'kidlash","Pink marker":"Pushti rang markeri bilan belgilang","Blue marker":"Moviy rang markeri bilan ajratib ko'rsatish","Red pen":"Matn rangi qizil","Green pen":"Matn rangi yashil","Remove highlight":"Ajratishni olib tashlash","Highlight":"Ajratish","Text highlight toolbar":"Matn tanlash asboblar paneli"},getPluralForm(n){return 0;}}}

package/dist/translations/uz.umd.js

@@ -0,0 +1,11 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+( e => {
+const { [ 'uz' ]: { dictionary, getPluralForm } } = {"uz":{"dictionary":{"Yellow marker":"Sariq marker bilan ta'kidlash","Green marker":"Yashil marker bilan ta'kidlash","Pink marker":"Pushti rang markeri bilan belgilang","Blue marker":"Moviy rang markeri bilan ajratib ko'rsatish","Red pen":"Matn rangi qizil","Green pen":"Matn rangi yashil","Remove highlight":"Ajratishni olib tashlash","Highlight":"Ajratish","Text highlight toolbar":"Matn tanlash asboblar paneli"},getPluralForm(n){return 0;}}};
+e[ 'uz' ] ||= { dictionary: {}, getPluralForm: null };
+e[ 'uz' ].dictionary = Object.assign( e[ 'uz' ].dictionary, dictionary );
+e[ 'uz' ].getPluralForm = getPluralForm;
+} )( window.CKEDITOR_TRANSLATIONS ||= {} );

package/dist/translations/vi.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+import type { Translations } from 'ckeditor5';
+declare const translations: Translations;
+export default translations;

package/dist/translations/vi.js

@@ -0,0 +1,5 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+export default {"vi":{"dictionary":{"Yellow marker":"Bút vàng","Green marker":"Bút xanh lá","Pink marker":"Bút hồng","Blue marker":"Bút xanh dương","Red pen":"Mực đỏ","Green pen":"Mực xanh","Remove highlight":"Xóa làm nổi","Highlight":"Làm nổi","Text highlight toolbar":"Thanh công cụ làm nổi chữ"},getPluralForm(n){return 0;}}}

package/dist/translations/vi.umd.js

@@ -0,0 +1,11 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+( e => {
+const { [ 'vi' ]: { dictionary, getPluralForm } } = {"vi":{"dictionary":{"Yellow marker":"Bút vàng","Green marker":"Bút xanh lá","Pink marker":"Bút hồng","Blue marker":"Bút xanh dương","Red pen":"Mực đỏ","Green pen":"Mực xanh","Remove highlight":"Xóa làm nổi","Highlight":"Làm nổi","Text highlight toolbar":"Thanh công cụ làm nổi chữ"},getPluralForm(n){return 0;}}};
+e[ 'vi' ] ||= { dictionary: {}, getPluralForm: null };
+e[ 'vi' ].dictionary = Object.assign( e[ 'vi' ].dictionary, dictionary );
+e[ 'vi' ].getPluralForm = getPluralForm;
+} )( window.CKEDITOR_TRANSLATIONS ||= {} );

package/dist/translations/zh-cn.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+import type { Translations } from 'ckeditor5';
+declare const translations: Translations;
+export default translations;

package/dist/translations/zh-cn.js

@@ -0,0 +1,5 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+export default {"zh-cn":{"dictionary":{"Yellow marker":"黄色标记","Green marker":"绿色标记","Pink marker":"粉色标记","Blue marker":"蓝色标记","Red pen":"红色笔","Green pen":"绿色笔","Remove highlight":"清除高亮","Highlight":"高亮","Text highlight toolbar":"文本高亮工具栏"},getPluralForm(n){return 0;}}}

package/dist/translations/zh-cn.umd.js

@@ -0,0 +1,11 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+( e => {
+const { [ 'zh-cn' ]: { dictionary, getPluralForm } } = {"zh-cn":{"dictionary":{"Yellow marker":"黄色标记","Green marker":"绿色标记","Pink marker":"粉色标记","Blue marker":"蓝色标记","Red pen":"红色笔","Green pen":"绿色笔","Remove highlight":"清除高亮","Highlight":"高亮","Text highlight toolbar":"文本高亮工具栏"},getPluralForm(n){return 0;}}};
+e[ 'zh-cn' ] ||= { dictionary: {}, getPluralForm: null };
+e[ 'zh-cn' ].dictionary = Object.assign( e[ 'zh-cn' ].dictionary, dictionary );
+e[ 'zh-cn' ].getPluralForm = getPluralForm;
+} )( window.CKEDITOR_TRANSLATIONS ||= {} );

package/dist/translations/zh.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+import type { Translations } from 'ckeditor5';
+declare const translations: Translations;
+export default translations;

package/dist/translations/zh.js

@@ -0,0 +1,5 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+export default {"zh":{"dictionary":{"Yellow marker":"黃色標記","Green marker":"綠色標記","Pink marker":"粉色標記","Blue marker":"藍色標記","Red pen":"紅色筆","Green pen":"綠色筆","Remove highlight":"清除高亮","Highlight":"高亮","Text highlight toolbar":"高亮"},getPluralForm(n){return 0;}}}

package/dist/translations/zh.umd.js

@@ -0,0 +1,11 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+( e => {
+const { [ 'zh' ]: { dictionary, getPluralForm } } = {"zh":{"dictionary":{"Yellow marker":"黃色標記","Green marker":"綠色標記","Pink marker":"粉色標記","Blue marker":"藍色標記","Red pen":"紅色筆","Green pen":"綠色筆","Remove highlight":"清除高亮","Highlight":"高亮","Text highlight toolbar":"高亮"},getPluralForm(n){return 0;}}};
+e[ 'zh' ] ||= { dictionary: {}, getPluralForm: null };
+e[ 'zh' ].dictionary = Object.assign( e[ 'zh' ].dictionary, dictionary );
+e[ 'zh' ].getPluralForm = getPluralForm;
+} )( window.CKEDITOR_TRANSLATIONS ||= {} );

package/dist/types/augmentation.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+import type { Highlight, HighlightCommand, HighlightConfig, HighlightEditing, HighlightUI } from './index.js';
+declare module '@ckeditor/ckeditor5-core' {
+    interface EditorConfig {
+        /**
+         * The configuration of the {@link module:highlight/highlight~Highlight} feature.
+         *
+         * Read more in {@link module:highlight/highlightconfig~HighlightConfig}.
+         */
+        highlight?: HighlightConfig;
+    }
+    interface PluginsMap {
+        [Highlight.pluginName]: Highlight;
+        [HighlightEditing.pluginName]: HighlightEditing;
+        [HighlightUI.pluginName]: HighlightUI;
+    }
+    interface CommandsMap {
+        highlight: HighlightCommand;
+    }
+}

package/dist/types/highlight.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module highlight/highlight
+ */
+import { Plugin } from 'ckeditor5/src/core.js';
+import HighlightEditing from './highlightediting.js';
+import HighlightUI from './highlightui.js';
+/**
+ * The highlight plugin.
+ *
+ * For a detailed overview, check the {@glink features/highlight Highlight feature} documentation.
+ *
+ * This is a "glue" plugin which loads the {@link module:highlight/highlightediting~HighlightEditing} and
+ * {@link module:highlight/highlightui~HighlightUI} plugins.
+ */
+export default class Highlight extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get requires(): readonly [typeof HighlightEditing, typeof HighlightUI];
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "Highlight";
+}

package/dist/types/highlightcommand.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module highlight/highlightcommand
+ */
+import { Command } from 'ckeditor5/src/core.js';
+/**
+ * The highlight command. It is used by the {@link module:highlight/highlightediting~HighlightEditing highlight feature}
+ * to apply the text highlighting.
+ *
+ * ```ts
+ * editor.execute( 'highlight', { value: 'greenMarker' } );
+ * ```
+ *
+ * **Note**: Executing the command without a value removes the attribute from the model. If the selection is collapsed
+ * inside a text with the highlight attribute, the command will remove the attribute from the entire range
+ * of that text.
+ */
+export default class HighlightCommand extends Command {
+    /**
+     * A value indicating whether the command is active. If the selection has some highlight attribute,
+     * it corresponds to the value of that attribute.
+     *
+     * @observable
+     * @readonly
+     */
+    value: string | undefined;
+    /**
+     * @inheritDoc
+     */
+    refresh(): void;
+    /**
+     * Executes the command.
+     *
+     * @param options Options for the executed command.
+     * @param options.value The value to apply.
+     *
+     * @fires execute
+     */
+    execute(options?: {
+        value?: string | null;
+    }): void;
+}

package/dist/types/highlightconfig.d.ts

@@ -0,0 +1,175 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module highlight/highlightconfig
+ */
+/**
+ * The highlight option descriptor. See {@link module:highlight/highlightconfig~HighlightConfig} to learn more.
+ *
+ * ```ts
+ * {
+ * 	model: 'pinkMarker',
+ * 	class: 'marker-pink',
+ * 	title: 'Pink Marker',
+ * 	color: 'var(--ck-highlight-marker-pink)',
+ * 	type: 'marker'
+ * }
+ * ```
+ */
+export interface HighlightOption {
+    /**
+     * The user-readable title of the option.
+     */
+    title: string;
+    /**
+     * The unique attribute value in the model.
+     */
+    model: string;
+    /**
+     * The CSS `var()` used for the highlighter. The color is used in the user interface to represent the highlighter.
+     * There is a possibility to use the default color format like rgb, hex or hsl, but you need to care about the color of `<mark>`
+     * by adding CSS classes definition.
+     */
+    color: string;
+    /**
+     * The CSS class used on the `<mark>` element in the view. It should match the `color` setting.
+     */
+    class: string;
+    /**
+     * The type of highlighter:
+     *
+     * * `'marker'` &ndash; Uses the `color` as the `background-color` style,
+     * * `'pen'` &ndash; Uses the `color` as the font `color` style.
+     */
+    type: 'marker' | 'pen';
+}
+/**
+ * The configuration of the {@link module:highlight/highlight~Highlight highlight feature}.
+ * ```ts
+ * ClassicEditor
+ * 	.create( editorElement, {
+ * 		highlight:  ... // Highlight feature configuration.
+ * 	} )
+ * 	.then( ... )
+ * 	.catch( ... );
+ * ```
+ * See {@link module:core/editor/editorconfig~EditorConfig all editor options}.
+ */
+export interface HighlightConfig {
+    /**
+     * The available highlight options. The default value is:
+     * ```ts
+     * options: [
+     * 	{
+     * 		model: 'yellowMarker',
+     * 		class: 'marker-yellow',
+     * 		title: 'Yellow marker',
+     * 		color: 'var(--ck-highlight-marker-yellow)',
+     * 		type: 'marker'
+     * 	},
+     * 	{
+     * 		model: 'greenMarker',
+     * 		class: 'marker-green',
+     * 		title: 'Green marker',
+     * 		color: 'var(--ck-highlight-marker-green)',
+     * 		type: 'marker'
+     * 	},
+     * 	{
+     * 		model: 'pinkMarker',
+     * 		class: 'marker-pink',
+     * 		title: 'Pink marker',
+     * 		color: 'var(--ck-highlight-marker-pink)',
+     * 		type: 'marker'
+     * 	},
+     * 	{
+     * 		model: 'blueMarker',
+     * 		class: 'marker-blue',
+     * 		title: 'Blue marker',
+     * 		color: 'var(--ck-highlight-marker-blue)',
+     * 		type: 'marker'
+     * 	},
+     * 	{
+     * 		model: 'redPen',
+     * 		class: 'pen-red',
+     * 		title: 'Red pen',
+     * 		color: 'var(--ck-highlight-pen-red)',
+     * 		type: 'pen'
+     * 	},
+     * 	{
+     * 		model: 'greenPen',
+     * 		class: 'pen-green',
+     * 		title: 'Green pen',
+     * 		color: 'var(--ck-highlight-pen-green)',
+     * 		type: 'pen'
+     * 	}
+     * ]
+     * ```
+     *
+     * There are two types of highlighters available:
+     *
+     * * `'marker'` &ndash; Rendered as a `<mark>` element, styled with the `background-color`.
+     * * `'pen'` &ndash; Rendered as a `<mark>` element, styled with the font `color`.
+     *
+     * **Note**: The highlight feature provides a stylesheet with the CSS classes and corresponding colors defined
+     * as CSS variables.
+     *
+     * ```css
+     * :root {
+     * 	--ck-highlight-marker-yellow: #fdfd77;
+     * 	--ck-highlight-marker-green: #63f963;
+     * 	--ck-highlight-marker-pink: #fc7999;
+     * 	--ck-highlight-marker-blue: #72cdfd;
+     * 	--ck-highlight-pen-red: #e91313;
+     * 	--ck-highlight-pen-green: #118800;
+     * }
+     *
+     * .marker-yellow { ... }
+     * .marker-green { ... }
+     * .marker-pink { ... }
+     * .marker-blue { ... }
+     * .pen-red { ... }
+     * .pen-green { ... }
+     * ```
+     *
+     * It is possible to define the `color` property directly as `rgba(R, G, B, A)`,
+     * `#RRGGBB[AA]` or `hsla(H, S, L, A)`. In such situation, the color will **only** apply to the UI of
+     * the editor and the `<mark>` elements in the content must be styled by custom classes provided by
+     * a dedicated stylesheet.
+     *
+     * **Note**: It is recommended for the `color` property to correspond to the class in the content
+     * stylesheet because it represents the highlighter in the user interface of the editor.
+     *
+     * ```ts
+     * ClassicEditor
+     * 	.create( editorElement, {
+     * 		highlight: {
+     * 			options: [
+     * 				{
+     * 					model: 'pinkMarker',
+     * 					class: 'marker-pink',
+     * 					title: 'Pink Marker',
+     * 					color: 'var(--ck-highlight-marker-pink)',
+     * 					type: 'marker'
+     * 				},
+     * 				{
+     * 					model: 'redPen',
+     * 					class: 'pen-red',
+     * 					title: 'Red Pen',
+     * 					color: 'var(--ck-highlight-pen-red)',
+     * 					type: 'pen'
+     * 				},
+     * 			]
+     * 		}
+     * } )
+     * .then( ... )
+     * .catch( ... );
+     * ```
+     */
+    options: Array<HighlightOption>;
+}

package/dist/types/highlightediting.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module highlight/highlightediting
+ */
+import { Plugin, type Editor } from 'ckeditor5/src/core.js';
+/**
+ * The highlight editing feature. It introduces the {@link module:highlight/highlightcommand~HighlightCommand command} and the `highlight`
+ * attribute in the {@link module:engine/model/model~Model model} which renders in the {@link module:engine/view/view view}
+ * as a `<mark>` element with a `class` attribute (`<mark class="marker-green">...</mark>`) depending
+ * on the {@link module:highlight/highlightconfig~HighlightConfig configuration}.
+ */
+export default class HighlightEditing extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "HighlightEditing";
+    /**
+     * @inheritDoc
+     */
+    constructor(editor: Editor);
+    /**
+     * @inheritDoc
+     */
+    init(): void;
+}

package/dist/types/highlightui.d.ts

@@ -0,0 +1,81 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module highlight/highlightui
+ */
+import { Plugin } from 'ckeditor5/src/core.js';
+import './../theme/highlight.css';
+/**
+ * The default highlight UI plugin. It introduces:
+ *
+ * * The `'highlight'` dropdown,
+ * * The `'removeHighlight'` and `'highlight:*'` buttons.
+ *
+ * The default configuration includes the following buttons:
+ *
+ * * `'highlight:yellowMarker'`
+ * * `'highlight:greenMarker'`
+ * * `'highlight:pinkMarker'`
+ * * `'highlight:blueMarker'`
+ * * `'highlight:redPen'`
+ * * `'highlight:greenPen'`
+ *
+ * See the {@link module:highlight/highlightconfig~HighlightConfig#options configuration} to learn more
+ * about the defaults.
+ */
+export default class HighlightUI extends Plugin {
+    /**
+     * Returns the localized option titles provided by the plugin.
+     *
+     * The following localized titles corresponding with default
+     * {@link module:highlight/highlightconfig~HighlightConfig#options} are available:
+     *
+     * * `'Yellow marker'`,
+     * * `'Green marker'`,
+     * * `'Pink marker'`,
+     * * `'Blue marker'`,
+     * * `'Red pen'`,
+     * * `'Green pen'`.
+     */
+    get localizedOptionTitles(): Record<string, string>;
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "HighlightUI";
+    /**
+     * @inheritDoc
+     */
+    init(): void;
+    /**
+     * Creates the "Remove highlight" button.
+     */
+    private _addRemoveHighlightButton;
+    /**
+     * Creates a toolbar button from the provided highlight option.
+     */
+    private _addHighlighterButton;
+    /**
+     * Internal method for creating highlight buttons.
+     *
+     * @param name The name of the button.
+     * @param label The label for the button.
+     * @param icon The button icon.
+     * @param value The `value` property passed to the executed command.
+     * @param decorateButton A callback getting ButtonView instance so that it can be further customized.
+     */
+    private _addButton;
+    /**
+     * Creates the split button dropdown UI from the provided highlight options.
+     */
+    private _addDropdown;
+    /**
+     * Creates the menu bar button for highlight including submenu with available options.
+     */
+    private _addMenuBarButton;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module highlight
+ */
+export { default as Highlight } from './highlight.js';
+export { default as HighlightEditing } from './highlightediting.js';
+export { default as HighlightUI } from './highlightui.js';
+export type { default as HighlightCommand } from './highlightcommand.js';
+export type { HighlightOption, HighlightConfig } from './highlightconfig.js';
+import './augmentation.js';