@ckeditor/ckeditor5-font 37.1.0 → 38.0.0-rc.0

package/lang/translations/pt-br.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Portuguese (Brazil) (https://www.transifex.com/ckeditor/teams/11143/pt_BR/)\n"
+"Language-Team: Portuguese (Brazil) (https://app.transifex.com/ckeditor/teams/11143/pt_BR/)\n"
 "Language: pt_BR\n"
 "Plural-Forms: nplurals=3; plural=(n == 0 || n == 1) ? 0 : n != 0 && n % 1000000 == 0 ? 1 : 2;\n"
 
@@ -55,3 +55,7 @@ msgstr "Cor de Fundo"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Cores do documento"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/pt.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Portuguese (https://www.transifex.com/ckeditor/teams/11143/pt/)\n"
+"Language-Team: Portuguese (https://app.transifex.com/ckeditor/teams/11143/pt/)\n"
 "Language: pt\n"
 "Plural-Forms: nplurals=3; plural=(n == 0 || n == 1) ? 0 : n != 0 && n % 1000000 == 0 ? 1 : 2;\n"
 
@@ -55,3 +55,7 @@ msgstr "Cor de Fundo da Fonte"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Cores do documento"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/ro.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Romanian (https://www.transifex.com/ckeditor/teams/11143/ro/)\n"
+"Language-Team: Romanian (https://app.transifex.com/ckeditor/teams/11143/ro/)\n"
 "Language: ro\n"
 "Plural-Forms: nplurals=3; plural=(n==1?0:(((n%100>19)||((n%100==0)&&(n!=0)))?2:1));\n"
 
@@ -55,3 +55,7 @@ msgstr "Culoarea de fundal a fontului"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Culorile din document"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/ru.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Russian (https://www.transifex.com/ckeditor/teams/11143/ru/)\n"
+"Language-Team: Russian (https://app.transifex.com/ckeditor/teams/11143/ru/)\n"
 "Language: ru\n"
 "Plural-Forms: nplurals=4; plural=(n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<12 || n%100>14) ? 1 : n%10==0 || (n%10>=5 && n%10<=9) || (n%100>=11 && n%100<=14)? 2 : 3);\n"
 
@@ -55,3 +55,7 @@ msgstr "Цвет фона"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Цвет страницы"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/sk.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Slovak (https://www.transifex.com/ckeditor/teams/11143/sk/)\n"
+"Language-Team: Slovak (https://app.transifex.com/ckeditor/teams/11143/sk/)\n"
 "Language: sk\n"
 "Plural-Forms: nplurals=4; plural=(n % 1 == 0 && n == 1 ? 0 : n % 1 == 0 && n >= 2 && n <= 4 ? 1 : n % 1 != 0 ? 2: 3);\n"
 
@@ -55,3 +55,7 @@ msgstr "Farba zvýraznenia textu"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Farby dokumentu"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/sl.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Slovenian (https://www.transifex.com/ckeditor/teams/11143/sl/)\n"
+"Language-Team: Slovenian (https://app.transifex.com/ckeditor/teams/11143/sl/)\n"
 "Language: sl\n"
 "Plural-Forms: nplurals=4; plural=(n%100==1 ? 0 : n%100==2 ? 1 : n%100==3 || n%100==4 ? 2 : 3);\n"
 
@@ -55,3 +55,7 @@ msgstr "Barva ozadja pisave"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Barve dokumenta"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/sq.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Albanian (https://www.transifex.com/ckeditor/teams/11143/sq/)\n"
+"Language-Team: Albanian (https://app.transifex.com/ckeditor/teams/11143/sq/)\n"
 "Language: sq\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
@@ -55,3 +55,7 @@ msgstr ""
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr ""
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/sr-latn.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Serbian (Latin) (https://www.transifex.com/ckeditor/teams/11143/sr@latin/)\n"
+"Language-Team: Serbian (Latin) (https://app.transifex.com/ckeditor/teams/11143/sr@latin/)\n"
 "Language: sr@latin\n"
 "Plural-Forms: nplurals=3; plural=(n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2);\n"
 
@@ -55,3 +55,7 @@ msgstr "Boja pozadine slova"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Boje dokumenta"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/sr.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Serbian (https://www.transifex.com/ckeditor/teams/11143/sr/)\n"
+"Language-Team: Serbian (https://app.transifex.com/ckeditor/teams/11143/sr/)\n"
 "Language: sr\n"
 "Plural-Forms: nplurals=3; plural=(n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2);\n"
 
@@ -55,3 +55,7 @@ msgstr "Боја позадине слова"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Боје документа"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/sv.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Swedish (https://www.transifex.com/ckeditor/teams/11143/sv/)\n"
+"Language-Team: Swedish (https://app.transifex.com/ckeditor/teams/11143/sv/)\n"
 "Language: sv\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
@@ -55,3 +55,7 @@ msgstr "Tecknens bakgrundsfärg"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Dokumentfärger"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/th.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Thai (https://www.transifex.com/ckeditor/teams/11143/th/)\n"
+"Language-Team: Thai (https://app.transifex.com/ckeditor/teams/11143/th/)\n"
 "Language: th\n"
 "Plural-Forms: nplurals=1; plural=0;\n"
 
@@ -55,3 +55,7 @@ msgstr "สีพื้นหลังข้อความ"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "สีเอกสาร"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/tk.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Turkmen (https://www.transifex.com/ckeditor/teams/11143/tk/)\n"
+"Language-Team: Turkmen (https://app.transifex.com/ckeditor/teams/11143/tk/)\n"
 "Language: tk\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
@@ -55,3 +55,7 @@ msgstr "Şriftiň fon reňki"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Resminamanyň reňkleri"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/tr.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Turkish (https://www.transifex.com/ckeditor/teams/11143/tr/)\n"
+"Language-Team: Turkish (https://app.transifex.com/ckeditor/teams/11143/tr/)\n"
 "Language: tr\n"
 "Plural-Forms: nplurals=2; plural=(n > 1);\n"
 
@@ -55,3 +55,7 @@ msgstr "Yazı Tipi Arkaplan Rengi"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Belge Rengi"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/ug.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Uyghur (https://www.transifex.com/ckeditor/teams/11143/ug/)\n"
+"Language-Team: Uyghur (https://app.transifex.com/ckeditor/teams/11143/ug/)\n"
 "Language: ug\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
@@ -55,3 +55,7 @@ msgstr "خەت تەگلىك رەڭگى"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr ""
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/uk.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Ukrainian (https://www.transifex.com/ckeditor/teams/11143/uk/)\n"
+"Language-Team: Ukrainian (https://app.transifex.com/ckeditor/teams/11143/uk/)\n"
 "Language: uk\n"
 "Plural-Forms: nplurals=4; plural=(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);\n"
 
@@ -55,3 +55,7 @@ msgstr "Колір тла шрифту"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Кольори документу"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/ur.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Urdu (https://www.transifex.com/ckeditor/teams/11143/ur/)\n"
+"Language-Team: Urdu (https://app.transifex.com/ckeditor/teams/11143/ur/)\n"
 "Language: ur\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
@@ -55,3 +55,7 @@ msgstr "فانٹ کے پس منظر کا رنگ"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "دستاویز کے رنگ"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/uz.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Uzbek (https://www.transifex.com/ckeditor/teams/11143/uz/)\n"
+"Language-Team: Uzbek (https://app.transifex.com/ckeditor/teams/11143/uz/)\n"
 "Language: uz\n"
 "Plural-Forms: nplurals=1; plural=0;\n"
 
@@ -55,3 +55,7 @@ msgstr "Fon rangi"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Sahifa rangi"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/vi.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Vietnamese (https://www.transifex.com/ckeditor/teams/11143/vi/)\n"
+"Language-Team: Vietnamese (https://app.transifex.com/ckeditor/teams/11143/vi/)\n"
 "Language: vi\n"
 "Plural-Forms: nplurals=1; plural=0;\n"
 
@@ -55,3 +55,7 @@ msgstr "Màu nền chữ"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "Màu văn bản"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/zh-cn.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Chinese (China) (https://www.transifex.com/ckeditor/teams/11143/zh_CN/)\n"
+"Language-Team: Chinese (China) (https://app.transifex.com/ckeditor/teams/11143/zh_CN/)\n"
 "Language: zh_CN\n"
 "Plural-Forms: nplurals=1; plural=0;\n"
 
@@ -55,3 +55,7 @@ msgstr "字体背景色"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "文档中的颜色"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/lang/translations/zh.po

@@ -12,7 +12,7 @@
 #
 msgid ""
 msgstr ""
-"Language-Team: Chinese (Taiwan) (https://www.transifex.com/ckeditor/teams/11143/zh_TW/)\n"
+"Language-Team: Chinese (Taiwan) (https://app.transifex.com/ckeditor/teams/11143/zh_TW/)\n"
 "Language: zh_TW\n"
 "Plural-Forms: nplurals=1; plural=0;\n"
 
@@ -55,3 +55,7 @@ msgstr "前景顏色"
 msgctxt "Title of a color picker section containing the colors currently used in the document."
 msgid "Document colors"
 msgstr "文件顏色"
+
+msgctxt "Label of the button closing the color picker dropdown and confirming the changes done."
+msgid "Accept"
+msgstr ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-font",
-  "version": "37.1.0",
+  "version": "38.0.0-rc.0",
   "description": "Font feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -12,19 +12,20 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "ckeditor5": "^37.1.0"
+    "ckeditor5": "^38.0.0-rc.0",
+    "@ckeditor/ckeditor5-ui": "^38.0.0-rc.0"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-core": "^37.1.0",
+    "@ckeditor/ckeditor5-undo": "^38.0.0-rc.0",
+    "@ckeditor/ckeditor5-core": "^38.0.0-rc.0",
     "@ckeditor/ckeditor5-dev-utils": "^37.0.0",
-    "@ckeditor/ckeditor5-editor-classic": "^37.1.0",
-    "@ckeditor/ckeditor5-engine": "^37.1.0",
-    "@ckeditor/ckeditor5-highlight": "^37.1.0",
-    "@ckeditor/ckeditor5-paragraph": "^37.1.0",
-    "@ckeditor/ckeditor5-table": "^37.1.0",
-    "@ckeditor/ckeditor5-theme-lark": "^37.1.0",
-    "@ckeditor/ckeditor5-ui": "^37.1.0",
-    "@ckeditor/ckeditor5-utils": "^37.1.0",
+    "@ckeditor/ckeditor5-editor-classic": "^38.0.0-rc.0",
+    "@ckeditor/ckeditor5-engine": "^38.0.0-rc.0",
+    "@ckeditor/ckeditor5-highlight": "^38.0.0-rc.0",
+    "@ckeditor/ckeditor5-paragraph": "^38.0.0-rc.0",
+    "@ckeditor/ckeditor5-table": "^38.0.0-rc.0",
+    "@ckeditor/ckeditor5-theme-lark": "^38.0.0-rc.0",
+    "@ckeditor/ckeditor5-utils": "^38.0.0-rc.0",
     "typescript": "^4.8.4",
     "webpack": "^5.58.1",
     "webpack-cli": "^4.9.0"

package/src/fontcommand.d.ts

@@ -6,6 +6,7 @@
  * @module font/fontcommand
  */
 import { Command, type Editor } from 'ckeditor5/src/core';
+import { type Batch } from 'ckeditor5/src/engine';
 /**
  * The base font command.
  */
@@ -42,5 +43,6 @@ export default abstract class FontCommand extends Command {
      */
     execute(options?: {
         value?: string;
+        batch?: Batch;
     }): void;
 }

package/src/fontcommand.js

@@ -42,7 +42,8 @@ export default class FontCommand extends Command {
         const document = model.document;
         const selection = document.selection;
         const value = options.value;
-        model.change(writer => {
+        const batch = options.batch;
+        const updateAttribute = (writer) => {
             if (selection.isCollapsed) {
                 if (value) {
                     writer.setSelectionAttribute(this.attributeKey, value);
@@ -62,6 +63,17 @@ export default class FontCommand extends Command {
                     }
                 }
             }
-        });
+        };
+        // In some scenarios, you may want to use a single undo step for multiple changes (e.g. in color picker).
+        if (batch) {
+            model.enqueueChange(batch, writer => {
+                updateAttribute(writer);
+            });
+        }
+        else {
+            model.change(writer => {
+                updateAttribute(writer);
+            });
+        }
     }
 }

package/src/fontconfig.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module font/fontconfig
  */
-import type { ColorOption } from 'ckeditor5/src/ui';
+import type { ColorOption, ColorPickerConfig } from 'ckeditor5/src/ui';
 import type { MatcherPattern, ViewElementDefinition } from 'ckeditor5/src/engine';
 /**
  * The configuration of the font color and font background color features.
@@ -147,6 +147,12 @@ export interface FontColorConfig {
      * ```
      */
     columns?: number;
+    /**
+     * Configuration of the color picker feature.
+     *
+     * If set to `false` the picker will not appear.
+     */
+    colorPicker?: false | ColorPickerConfig;
 }
 /**
  * The configuration of the font family feature.

package/src/fontfamily/fontfamilyui.js

@@ -29,12 +29,16 @@ export default class FontFamilyUI extends Plugin {
         const t = editor.t;
         const options = this._getLocalizedOptions();
         const command = editor.commands.get(FONT_FAMILY);
+        const accessibleLabel = t('Font Family');
         // Register UI component.
         editor.ui.componentFactory.add(FONT_FAMILY, locale => {
             const dropdownView = createDropdown(locale);
-            addListToDropdown(dropdownView, () => _prepareListOptions(options, command));
+            addListToDropdown(dropdownView, () => _prepareListOptions(options, command), {
+                role: 'menu',
+                ariaLabel: accessibleLabel
+            });
             dropdownView.buttonView.set({
-                label: t('Font Family'),
+                label: accessibleLabel,
                 icon: fontFamilyIcon,
                 tooltip: true
             });
@@ -86,6 +90,7 @@ function _prepareListOptions(options, command) {
                 commandName: FONT_FAMILY,
                 commandParam: option.model,
                 label: option.title,
+                role: 'menuitemradio',
                 withText: true
             })
         };

package/src/fontsize/fontsizeui.js

@@ -30,13 +30,17 @@ export default class FontSizeUI extends Plugin {
         const t = editor.t;
         const options = this._getLocalizedOptions();
         const command = editor.commands.get(FONT_SIZE);
+        const accessibleLabel = t('Font Size');
         // Register UI component.
         editor.ui.componentFactory.add(FONT_SIZE, locale => {
             const dropdownView = createDropdown(locale);
-            addListToDropdown(dropdownView, () => _prepareListOptions(options, command));
+            addListToDropdown(dropdownView, () => _prepareListOptions(options, command), {
+                role: 'menu',
+                ariaLabel: accessibleLabel
+            });
             // Create dropdown model.
             dropdownView.buttonView.set({
-                label: t('Font Size'),
+                label: accessibleLabel,
                 icon: fontSizeIcon,
                 tooltip: true
             });
@@ -98,6 +102,7 @@ function _prepareListOptions(options, command) {
                 commandParam: option.model,
                 label: option.title,
                 class: 'ck-fontsize-option',
+                role: 'menuitemradio',
                 withText: true
             })
         };