@ckeditor/ckeditor5-ui 41.3.0-alpha.3 → 41.3.0

package/lang/translations/uk.po

@@ -125,10 +125,6 @@ msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
 msgstr "Шістнадцятковий"
 
-msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
-msgid "Accept"
-msgstr "Прийняти"
-
 msgctxt "The main text of the message shown to the user when given query does not match any results."
 msgid "No results found"
 msgstr "Нічого не знайдено"
@@ -157,6 +153,10 @@ msgctxt "Accessibility help dialog text displayed next to keystrokes that may re
 msgid "(may require <kbd>Fn</kbd>)"
 msgstr "(може вимагати <kbd>Fn</kbd>)"
 
+msgctxt "The label for the button that opens the Accessibility help dialog from the application menu bar."
+msgid "Accessibility"
+msgstr "Доступність"
+
 msgctxt "Accessibility help dialog title."
 msgid "Accessibility help"
 msgstr "Довідка щодо доступності"
@@ -168,3 +168,43 @@ msgstr "Натисніть %0 для довідки."
 msgctxt "Keystroke description for assistive technologies: keystroke for moving focus out of an active dialog window."
 msgid "Move focus in and out of an active dialog window"
 msgstr "Переміщення фокуса в активному діалоговому вікні та з нього"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the whole document (e.g. export to PDF, import from Word, etc.)."
+msgid "MENU_BAR_MENU_FILE"
+msgstr "Файл"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to general editing (e.g. undo, redo, select all, etc.)."
+msgid "MENU_BAR_MENU_EDIT"
+msgstr "Редагувати"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the view of the editor (e.g. show source)."
+msgid "MENU_BAR_MENU_VIEW"
+msgstr "Представлення"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features that insert content (e.g. insert table, insert image, etc.)."
+msgid "MENU_BAR_MENU_INSERT"
+msgstr "Вставити"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to content formatting (e.g. bold, font color, heading, etc.)."
+msgid "MENU_BAR_MENU_FORMAT"
+msgstr "Формат"
+
+msgctxt "The label of the top-level application menu bar menu containing various editor tools (e.g. AI assistant, track changes, etc.)."
+msgid "MENU_BAR_MENU_TOOLS"
+msgstr "Інструменти"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features helping users to learn about the editor (e.g. accessibility help)."
+msgid "MENU_BAR_MENU_HELP"
+msgstr "Допомога"
+
+msgctxt "The label of the application menu bar menu containing buttons and features that apply formatting to a text (e.g. bold, italic, etc.)."
+msgid "MENU_BAR_MENU_TEXT"
+msgstr "Текст"
+
+msgctxt "The label of the application menu bar menu containing buttons and features that control the font of the edited content (e.g. font size, font color, etc.)."
+msgid "MENU_BAR_MENU_FONT"
+msgstr "Шрифт"
+
+msgctxt "The accessible label of the editor menu bar used by assistive technologies."
+msgid "Editor menu bar"
+msgstr "Рядок меню редагування"

package/lang/translations/ur.po

@@ -125,10 +125,6 @@ msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
 msgstr ""
 
-msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
-msgid "Accept"
-msgstr ""
-
 msgctxt "The main text of the message shown to the user when given query does not match any results."
 msgid "No results found"
 msgstr ""
@@ -157,6 +153,10 @@ msgctxt "Accessibility help dialog text displayed next to keystrokes that may re
 msgid "(may require <kbd>Fn</kbd>)"
 msgstr ""
 
+msgctxt "The label for the button that opens the Accessibility help dialog from the application menu bar."
+msgid "Accessibility"
+msgstr ""
+
 msgctxt "Accessibility help dialog title."
 msgid "Accessibility help"
 msgstr ""
@@ -168,3 +168,43 @@ msgstr ""
 msgctxt "Keystroke description for assistive technologies: keystroke for moving focus out of an active dialog window."
 msgid "Move focus in and out of an active dialog window"
 msgstr ""
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the whole document (e.g. export to PDF, import from Word, etc.)."
+msgid "MENU_BAR_MENU_FILE"
+msgstr ""
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to general editing (e.g. undo, redo, select all, etc.)."
+msgid "MENU_BAR_MENU_EDIT"
+msgstr "ترمیم"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the view of the editor (e.g. show source)."
+msgid "MENU_BAR_MENU_VIEW"
+msgstr ""
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features that insert content (e.g. insert table, insert image, etc.)."
+msgid "MENU_BAR_MENU_INSERT"
+msgstr ""
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to content formatting (e.g. bold, font color, heading, etc.)."
+msgid "MENU_BAR_MENU_FORMAT"
+msgstr ""
+
+msgctxt "The label of the top-level application menu bar menu containing various editor tools (e.g. AI assistant, track changes, etc.)."
+msgid "MENU_BAR_MENU_TOOLS"
+msgstr ""
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features helping users to learn about the editor (e.g. accessibility help)."
+msgid "MENU_BAR_MENU_HELP"
+msgstr ""
+
+msgctxt "The label of the application menu bar menu containing buttons and features that apply formatting to a text (e.g. bold, italic, etc.)."
+msgid "MENU_BAR_MENU_TEXT"
+msgstr ""
+
+msgctxt "The label of the application menu bar menu containing buttons and features that control the font of the edited content (e.g. font size, font color, etc.)."
+msgid "MENU_BAR_MENU_FONT"
+msgstr ""
+
+msgctxt "The accessible label of the editor menu bar used by assistive technologies."
+msgid "Editor menu bar"
+msgstr ""

package/lang/translations/uz.po

@@ -125,10 +125,6 @@ msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
 msgstr ""
 
-msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
-msgid "Accept"
-msgstr ""
-
 msgctxt "The main text of the message shown to the user when given query does not match any results."
 msgid "No results found"
 msgstr ""
@@ -157,6 +153,10 @@ msgctxt "Accessibility help dialog text displayed next to keystrokes that may re
 msgid "(may require <kbd>Fn</kbd>)"
 msgstr ""
 
+msgctxt "The label for the button that opens the Accessibility help dialog from the application menu bar."
+msgid "Accessibility"
+msgstr ""
+
 msgctxt "Accessibility help dialog title."
 msgid "Accessibility help"
 msgstr ""
@@ -168,3 +168,43 @@ msgstr ""
 msgctxt "Keystroke description for assistive technologies: keystroke for moving focus out of an active dialog window."
 msgid "Move focus in and out of an active dialog window"
 msgstr ""
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the whole document (e.g. export to PDF, import from Word, etc.)."
+msgid "MENU_BAR_MENU_FILE"
+msgstr ""
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to general editing (e.g. undo, redo, select all, etc.)."
+msgid "MENU_BAR_MENU_EDIT"
+msgstr ""
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the view of the editor (e.g. show source)."
+msgid "MENU_BAR_MENU_VIEW"
+msgstr ""
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features that insert content (e.g. insert table, insert image, etc.)."
+msgid "MENU_BAR_MENU_INSERT"
+msgstr "Kiritish"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to content formatting (e.g. bold, font color, heading, etc.)."
+msgid "MENU_BAR_MENU_FORMAT"
+msgstr ""
+
+msgctxt "The label of the top-level application menu bar menu containing various editor tools (e.g. AI assistant, track changes, etc.)."
+msgid "MENU_BAR_MENU_TOOLS"
+msgstr ""
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features helping users to learn about the editor (e.g. accessibility help)."
+msgid "MENU_BAR_MENU_HELP"
+msgstr ""
+
+msgctxt "The label of the application menu bar menu containing buttons and features that apply formatting to a text (e.g. bold, italic, etc.)."
+msgid "MENU_BAR_MENU_TEXT"
+msgstr ""
+
+msgctxt "The label of the application menu bar menu containing buttons and features that control the font of the edited content (e.g. font size, font color, etc.)."
+msgid "MENU_BAR_MENU_FONT"
+msgstr ""
+
+msgctxt "The accessible label of the editor menu bar used by assistive technologies."
+msgid "Editor menu bar"
+msgstr ""

package/lang/translations/vi.po

@@ -125,10 +125,6 @@ msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
 msgstr "HEX"
 
-msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
-msgid "Accept"
-msgstr "Chấp nhận"
-
 msgctxt "The main text of the message shown to the user when given query does not match any results."
 msgid "No results found"
 msgstr "Không tìm thấy kết quả"
@@ -157,6 +153,10 @@ msgctxt "Accessibility help dialog text displayed next to keystrokes that may re
 msgid "(may require <kbd>Fn</kbd>)"
 msgstr "(có thể cần nhấn phím <kbd>Fn</kbd>)"
 
+msgctxt "The label for the button that opens the Accessibility help dialog from the application menu bar."
+msgid "Accessibility"
+msgstr "Trợ năng"
+
 msgctxt "Accessibility help dialog title."
 msgid "Accessibility help"
 msgstr "Trợ giúp về khả năng truy cập"
@@ -168,3 +168,43 @@ msgstr "Nhấn %0 để được trợ giúp."
 msgctxt "Keystroke description for assistive technologies: keystroke for moving focus out of an active dialog window."
 msgid "Move focus in and out of an active dialog window"
 msgstr "Di chuyển tiêu điểm vào và ra khỏi cửa sổ hộp thoại đang kích hoạt"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the whole document (e.g. export to PDF, import from Word, etc.)."
+msgid "MENU_BAR_MENU_FILE"
+msgstr "Tệp"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to general editing (e.g. undo, redo, select all, etc.)."
+msgid "MENU_BAR_MENU_EDIT"
+msgstr "Chỉnh sửa"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the view of the editor (e.g. show source)."
+msgid "MENU_BAR_MENU_VIEW"
+msgstr "Xem"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features that insert content (e.g. insert table, insert image, etc.)."
+msgid "MENU_BAR_MENU_INSERT"
+msgstr "Chèn"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to content formatting (e.g. bold, font color, heading, etc.)."
+msgid "MENU_BAR_MENU_FORMAT"
+msgstr "Định dạng"
+
+msgctxt "The label of the top-level application menu bar menu containing various editor tools (e.g. AI assistant, track changes, etc.)."
+msgid "MENU_BAR_MENU_TOOLS"
+msgstr "Công cụ"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features helping users to learn about the editor (e.g. accessibility help)."
+msgid "MENU_BAR_MENU_HELP"
+msgstr "Trợ giúp"
+
+msgctxt "The label of the application menu bar menu containing buttons and features that apply formatting to a text (e.g. bold, italic, etc.)."
+msgid "MENU_BAR_MENU_TEXT"
+msgstr "Văn bản"
+
+msgctxt "The label of the application menu bar menu containing buttons and features that control the font of the edited content (e.g. font size, font color, etc.)."
+msgid "MENU_BAR_MENU_FONT"
+msgstr "Phông chữ"
+
+msgctxt "The accessible label of the editor menu bar used by assistive technologies."
+msgid "Editor menu bar"
+msgstr "Thanh menu Trình soạn thảo"

package/lang/translations/zh-cn.po

@@ -125,10 +125,6 @@ msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
 msgstr "十六进制"
 
-msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
-msgid "Accept"
-msgstr "接受"
-
 msgctxt "The main text of the message shown to the user when given query does not match any results."
 msgid "No results found"
 msgstr "未找到结果"
@@ -157,6 +153,10 @@ msgctxt "Accessibility help dialog text displayed next to keystrokes that may re
 msgid "(may require <kbd>Fn</kbd>)"
 msgstr "（可能需要用到 <kbd>Fn</kbd>键）"
 
+msgctxt "The label for the button that opens the Accessibility help dialog from the application menu bar."
+msgid "Accessibility"
+msgstr "可访问性"
+
 msgctxt "Accessibility help dialog title."
 msgid "Accessibility help"
 msgstr "无障碍辅助功能帮助"
@@ -168,3 +168,43 @@ msgstr "按 %0 获取帮助。"
 msgctxt "Keystroke description for assistive technologies: keystroke for moving focus out of an active dialog window."
 msgid "Move focus in and out of an active dialog window"
 msgstr "将焦点移入或移出活跃的对话框窗口"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the whole document (e.g. export to PDF, import from Word, etc.)."
+msgid "MENU_BAR_MENU_FILE"
+msgstr "文件"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to general editing (e.g. undo, redo, select all, etc.)."
+msgid "MENU_BAR_MENU_EDIT"
+msgstr "编辑"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the view of the editor (e.g. show source)."
+msgid "MENU_BAR_MENU_VIEW"
+msgstr "查看"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features that insert content (e.g. insert table, insert image, etc.)."
+msgid "MENU_BAR_MENU_INSERT"
+msgstr "插入"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to content formatting (e.g. bold, font color, heading, etc.)."
+msgid "MENU_BAR_MENU_FORMAT"
+msgstr "格式"
+
+msgctxt "The label of the top-level application menu bar menu containing various editor tools (e.g. AI assistant, track changes, etc.)."
+msgid "MENU_BAR_MENU_TOOLS"
+msgstr "工具"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features helping users to learn about the editor (e.g. accessibility help)."
+msgid "MENU_BAR_MENU_HELP"
+msgstr "帮助"
+
+msgctxt "The label of the application menu bar menu containing buttons and features that apply formatting to a text (e.g. bold, italic, etc.)."
+msgid "MENU_BAR_MENU_TEXT"
+msgstr "文本"
+
+msgctxt "The label of the application menu bar menu containing buttons and features that control the font of the edited content (e.g. font size, font color, etc.)."
+msgid "MENU_BAR_MENU_FONT"
+msgstr "字体"
+
+msgctxt "The accessible label of the editor menu bar used by assistive technologies."
+msgid "Editor menu bar"
+msgstr "编辑器菜单栏"

package/lang/translations/zh.po

@@ -125,10 +125,6 @@ msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
 msgstr "十六進位"
 
-msgctxt "Label of the button closing the color picker and confirming the changes done in the color selector component."
-msgid "Accept"
-msgstr "接受"
-
 msgctxt "The main text of the message shown to the user when given query does not match any results."
 msgid "No results found"
 msgstr "找不到結果"
@@ -157,6 +153,10 @@ msgctxt "Accessibility help dialog text displayed next to keystrokes that may re
 msgid "(may require <kbd>Fn</kbd>)"
 msgstr "（可能需要 <kbd>Fn</kbd>）"
 
+msgctxt "The label for the button that opens the Accessibility help dialog from the application menu bar."
+msgid "Accessibility"
+msgstr "協助工具"
+
 msgctxt "Accessibility help dialog title."
 msgid "Accessibility help"
 msgstr "無障礙協助"
@@ -168,3 +168,43 @@ msgstr "按下 %0 來取得協助。"
 msgctxt "Keystroke description for assistive technologies: keystroke for moving focus out of an active dialog window."
 msgid "Move focus in and out of an active dialog window"
 msgstr "將焦點移入或移出啟用中的對話視窗"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the whole document (e.g. export to PDF, import from Word, etc.)."
+msgid "MENU_BAR_MENU_FILE"
+msgstr "檔案"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to general editing (e.g. undo, redo, select all, etc.)."
+msgid "MENU_BAR_MENU_EDIT"
+msgstr "編輯"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to the view of the editor (e.g. show source)."
+msgid "MENU_BAR_MENU_VIEW"
+msgstr "檢視"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features that insert content (e.g. insert table, insert image, etc.)."
+msgid "MENU_BAR_MENU_INSERT"
+msgstr "插入"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features related to content formatting (e.g. bold, font color, heading, etc.)."
+msgid "MENU_BAR_MENU_FORMAT"
+msgstr "格式"
+
+msgctxt "The label of the top-level application menu bar menu containing various editor tools (e.g. AI assistant, track changes, etc.)."
+msgid "MENU_BAR_MENU_TOOLS"
+msgstr "工具"
+
+msgctxt "The label of the top-level application menu bar menu containing buttons and features helping users to learn about the editor (e.g. accessibility help)."
+msgid "MENU_BAR_MENU_HELP"
+msgstr "說明"
+
+msgctxt "The label of the application menu bar menu containing buttons and features that apply formatting to a text (e.g. bold, italic, etc.)."
+msgid "MENU_BAR_MENU_TEXT"
+msgstr "文字"
+
+msgctxt "The label of the application menu bar menu containing buttons and features that control the font of the edited content (e.g. font size, font color, etc.)."
+msgid "MENU_BAR_MENU_FONT"
+msgstr "字型"
+
+msgctxt "The accessible label of the editor menu bar used by assistive technologies."
+msgid "Editor menu bar"
+msgstr "編輯器選單列"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-ui",
-  "version": "41.3.0-alpha.3",
+  "version": "41.3.0",
   "description": "The UI framework and standard UI library of CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -12,8 +12,8 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "41.3.0-alpha.3",
-    "@ckeditor/ckeditor5-utils": "41.3.0-alpha.3",
+    "@ckeditor/ckeditor5-core": "41.3.0",
+    "@ckeditor/ckeditor5-utils": "41.3.0",
     "color-convert": "2.0.1",
     "color-parse": "1.4.2",
     "lodash-es": "4.17.21",
@@ -29,7 +29,6 @@
     "directory": "packages/ckeditor5-ui"
   },
   "files": [
-    "dist",
     "lang",
     "src/**/*.js",
     "src/**/*.d.ts",

package/src/button/button.d.ts

@@ -138,6 +138,12 @@ export default interface Button {
      * @observable
      */
     class: string | undefined;
+    /**
+     * (Optional) The ARIA property reflected by the `aria-checked` DOM attribute used by assistive technologies.
+     *
+     * @observable
+     */
+    ariaChecked?: boolean | undefined;
     /**
      * (Optional) The ARIA property reflected by the `aria-label` DOM attribute used by assistive technologies.
      *

package/src/button/buttonview.d.ts

@@ -117,6 +117,10 @@ export default class ButtonView extends View<HTMLButtonElement> implements Butto
      * @inheritDoc
      */
     role: string | undefined;
+    /**
+     * @inheritDoc
+     */
+    ariaChecked: boolean | undefined;
     /**
      * @inheritDoc
      */

package/src/button/buttonview.js

@@ -89,6 +89,7 @@ export default class ButtonView extends View {
                 role: bind.to('role'),
                 type: bind.to('type', value => value ? value : 'button'),
                 tabindex: bind.to('tabindex'),
+                'aria-checked': bind.to('ariaChecked'),
                 'aria-label': bind.to('ariaLabel'),
                 'aria-labelledby': bind.to('ariaLabelledBy'),
                 'aria-disabled': bind.if('isEnabled', true, value => !value),

package/src/button/filedialogbuttonview.d.ts

@@ -0,0 +1,80 @@
+/**
+ * @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 ButtonView from './buttonview.js';
+import type { Locale } from '@ckeditor/ckeditor5-utils';
+/**
+ * The file dialog button view.
+ *
+ * This component provides a button that opens the native file selection dialog.
+ * It can be used to implement the UI of a file upload feature.
+ *
+ * ```ts
+ * const view = new FileDialogButtonView( locale );
+ *
+ * view.set( {
+ * 	acceptedType: 'image/*',
+ * 	allowMultipleFiles: true
+ * 	label: t( 'Insert image' ),
+ * 	icon: imageIcon,
+ * 	tooltip: true
+ * } );
+ *
+ * view.on( 'done', ( evt, files ) => {
+ * 	for ( const file of Array.from( files ) ) {
+ * 		console.log( 'Selected file', file );
+ * 	}
+ * } );
+ * ```
+ */
+export default class FileDialogButtonView extends ButtonView {
+    /**
+     * The button view of the component.
+     *
+     * @deprecated
+     */
+    buttonView: ButtonView;
+    /**
+     * A hidden `<input>` view used to execute file dialog.
+     */
+    private _fileInputView;
+    /**
+     * Accepted file types. Can be provided in form of file extensions, media type or one of:
+     * * `audio/*`,
+     * * `video/*`,
+     * * `image/*`.
+     *
+     * @observable
+     */
+    acceptedType: string;
+    /**
+     * Indicates if multiple files can be selected. Defaults to `true`.
+     *
+     * @observable
+     */
+    allowMultipleFiles: boolean;
+    /**
+     * @inheritDoc
+     */
+    constructor(locale?: Locale);
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+}
+/**
+ * Fired when file dialog is closed with file selected.
+ *
+ * ```ts
+ * view.on( 'done', ( evt, files ) => {
+ * 	for ( const file of files ) {
+ * 		console.log( 'Selected file', file );
+ * 	}
+ * }
+ * ```
+ */
+export type FileInputViewDoneEvent = {
+    name: 'done';
+    args: [files: FileList];
+};

package/src/button/filedialogbuttonview.js

@@ -0,0 +1,103 @@
+/**
+ * @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 ui/button/filedialogbuttonview
+ */
+import View from '../view.js';
+import ButtonView from './buttonview.js';
+/**
+ * The file dialog button view.
+ *
+ * This component provides a button that opens the native file selection dialog.
+ * It can be used to implement the UI of a file upload feature.
+ *
+ * ```ts
+ * const view = new FileDialogButtonView( locale );
+ *
+ * view.set( {
+ * 	acceptedType: 'image/*',
+ * 	allowMultipleFiles: true
+ * 	label: t( 'Insert image' ),
+ * 	icon: imageIcon,
+ * 	tooltip: true
+ * } );
+ *
+ * view.on( 'done', ( evt, files ) => {
+ * 	for ( const file of Array.from( files ) ) {
+ * 		console.log( 'Selected file', file );
+ * 	}
+ * } );
+ * ```
+ */
+export default class FileDialogButtonView extends ButtonView {
+    /**
+     * @inheritDoc
+     */
+    constructor(locale) {
+        super(locale);
+        // For backward compatibility.
+        this.buttonView = this;
+        this._fileInputView = new FileInputView(locale);
+        this._fileInputView.bind('acceptedType').to(this);
+        this._fileInputView.bind('allowMultipleFiles').to(this);
+        this._fileInputView.delegate('done').to(this);
+        this.on('execute', () => {
+            this._fileInputView.open();
+        });
+        this.extendTemplate({
+            attributes: {
+                class: 'ck-file-dialog-button'
+            }
+        });
+    }
+    /**
+     * @inheritDoc
+     */
+    render() {
+        super.render();
+        this.children.add(this._fileInputView);
+    }
+}
+/**
+ * The hidden file input view class.
+ */
+class FileInputView extends View {
+    /**
+     * @inheritDoc
+     */
+    constructor(locale) {
+        super(locale);
+        this.set('acceptedType', undefined);
+        this.set('allowMultipleFiles', false);
+        const bind = this.bindTemplate;
+        this.setTemplate({
+            tag: 'input',
+            attributes: {
+                class: [
+                    'ck-hidden'
+                ],
+                type: 'file',
+                tabindex: '-1',
+                accept: bind.to('acceptedType'),
+                multiple: bind.to('allowMultipleFiles')
+            },
+            on: {
+                // Removing from code coverage since we cannot programmatically set input element files.
+                change: bind.to(/* istanbul ignore next -- @preserve */ () => {
+                    if (this.element && this.element.files && this.element.files.length) {
+                        this.fire('done', this.element.files);
+                    }
+                    this.element.value = '';
+                })
+            }
+        });
+    }
+    /**
+     * Opens file dialog.
+     */
+    open() {
+        this.element.click();
+    }
+}

package/src/dropdown/utils.js

@@ -443,11 +443,7 @@ function bindViewCollectionItemsToDefinitions(dropdownView, listItems, definitio
             let buttonView;
             if (def.type === 'button') {
                 buttonView = new ButtonView(locale);
-                buttonView.extendTemplate({
-                    attributes: {
-                        'aria-checked': buttonView.bindTemplate.to('isOn')
-                    }
-                });
+                buttonView.bind('ariaChecked').to(buttonView, 'isOn');
             }
             else {
                 buttonView = new SwitchButtonView(locale);

package/src/editorui/accessibilityhelp/accessibilityhelp.d.ts

@@ -35,6 +35,10 @@ export default class AccessibilityHelp extends Plugin {
      * @inheritDoc
      */
     init(): void;
+    /**
+     * Creates a button to show accessibility help dialog, for use either in toolbar or in menu bar.
+     */
+    private _createButton;
     /**
      * Injects a help text into each editing root's `aria-label` attribute allowing assistive technology users
      * to discover the availability of the Accessibility help dialog.