@ckeditor/ckeditor5-ui 42.0.2 → 43.0.0-alpha.0

package/dist/menubar/menubarmenubuttonview.d.ts

@@ -10,14 +10,14 @@
  * @module ui/menubar/menubarmenubuttonview
  */
 import IconView from '../icon/iconview.js';
-import ButtonView from '../button/buttonview.js';
+import ListItemButtonView from '../button/listitembuttonview.js';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 import '../../theme/components/menubar/menubarmenubutton.css';
 /**
  * A menu {@link module:ui/menubar/menubarmenuview~MenuBarMenuView#buttonView} class. Buttons like this one
  * open both top-level bar menus as well as sub-menus.
  */
-export default class MenuBarMenuButtonView extends ButtonView {
+export default class MenuBarMenuButtonView extends ListItemButtonView {
     /**
      * An icon that displays an arrow to indicate a direction of the menu.
      */

package/dist/menubar/menubarmenulistitembuttonview.d.ts

@@ -10,12 +10,12 @@
  * @module ui/menubar/menubarmenulistitembuttonview
  */
 import type { Locale } from '@ckeditor/ckeditor5-utils';
-import ButtonView from '../button/buttonview.js';
+import ListItemButtonView from '../button/listitembuttonview.js';
 import '../../theme/components/menubar/menubarmenulistitembutton.css';
 /**
  * A menu bar list button view. Buttons like this one execute user actions.
  */
-export default class MenuBarMenuListItemButtonView extends ButtonView {
+export default class MenuBarMenuListItemButtonView extends ListItemButtonView {
     /**
      * Creates an instance of the menu bar list button view.
      *

package/dist/menubar/menubarmenulistitemfiledialogbuttonview.d.ts

@@ -10,14 +10,14 @@
  * @module ui/menubar/menubarmenulistitemfiledialogbuttonview
  */
 import type { Locale } from '@ckeditor/ckeditor5-utils';
-import FileDialogButtonView from '../button/filedialogbuttonview.js';
+import { FileDialogListItemButtonView } from '../button/filedialogbuttonview.js';
 import '../../theme/components/menubar/menubarmenulistitembutton.css';
 /**
  * A menu bar list file dialog button view. Buttons like this one execute user actions.
  *
  * This component provides a button that opens the native file selection dialog.
  */
-export default class MenuBarMenuListItemFileDialogButtonView extends FileDialogButtonView {
+export default class MenuBarMenuListItemFileDialogButtonView extends FileDialogListItemButtonView {
     /**
      * Creates an instance of the menu bar list button view.
      *

package/dist/menubar/menubarmenulistview.d.ts

@@ -25,4 +25,9 @@ export default class MenuBarMenuListView extends ListView {
      * @param locale The localization services instance.
      */
     constructor(locale: Locale);
+    /**
+     * This method adds empty space if there is any toggleable item in the list.
+     * It makes the list properly aligned.
+     */
+    private _setItemsCheckSpace;
 }

package/dist/menubar/menubarview.d.ts

@@ -32,6 +32,15 @@ export default class MenuBarView extends View implements FocusableView {
      * @observable
      */
     isOpen: boolean;
+    /**
+     * Indicates whether the menu bar has been interacted with using the keyboard.
+     *
+     * It is useful for showing focus outlines while hovering over the menu bar when
+     * interaction with the keyboard was detected.
+     *
+     * @observable
+     */
+    isFocusBorderEnabled: boolean;
     /**
      * A list of {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} instances registered in the menu bar.
      *
@@ -51,7 +60,7 @@ export default class MenuBarView extends View implements FocusableView {
      * See the {@link module:core/editor/editorconfig~EditorConfig#menuBar menu bar} in the editor
      * configuration reference to learn how to configure the menu bar.
      */
-    fillFromConfig(config: NormalizedMenuBarConfigObject, componentFactory: ComponentFactory): void;
+    fillFromConfig(config: NormalizedMenuBarConfigObject, componentFactory: ComponentFactory, extraItems?: Array<MenuBarConfigAddedItem | MenuBarConfigAddedGroup | MenuBarConfigAddedMenu>): void;
     /**
      * @inheritDoc
      */

package/dist/menubar/utils.d.ts

@@ -7,9 +7,8 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 import type MenuBarMenuView from './menubarmenuview.js';
-import type { default as MenuBarView, MenuBarConfig, MenuBarConfigObject, NormalizedMenuBarConfigObject } from './menubarview.js';
+import type { default as MenuBarView, MenuBarConfig, MenuBarConfigObject, MenuBarConfigAddedGroup, MenuBarConfigAddedMenu, NormalizedMenuBarConfigObject, MenuBarConfigAddedItem } from './menubarview.js';
 import type ComponentFactory from '../componentfactory.js';
-import type { Editor } from '@ckeditor/ckeditor5-core';
 import { type Locale, type PositioningFunction } from '@ckeditor/ckeditor5-utils';
 type DeepReadonly<T> = Readonly<{
     [K in keyof T]: T[K] extends string ? Readonly<T[K]> : T[K] extends Array<infer A> ? Readonly<Array<DeepReadonly<A>>> : DeepReadonly<T[K]>;
@@ -48,6 +47,11 @@ export declare const MenuBarBehaviors: {
      * Closes the bar when the user clicked outside of it (page body, editor root, etc.).
      */
     closeOnClickOutside(menuBarView: MenuBarView): void;
+    /**
+     * Tracks the keyboard focus interaction on the menu bar view. It is used to determine if the nested items
+     * of the menu bar should render focus rings after first interaction with the keyboard.
+     */
+    enableFocusHighlightOnInteraction(menuBarView: MenuBarView): void;
 };
 /**
  * Behaviors of the {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} component.
@@ -237,6 +241,12 @@ export declare const MenuBarMenuViewPanelPositioningFunctions: Record<string, Po
  * 				]
  * 			},
  * 			{
+ * 				groupId: 'previewMergeFields',
+ * 				items: [
+ * 					'menuBar:previewMergeFields'
+ * 				]
+ * 			},
+ * 			{
  * 				groupId: 'restrictedEditingException',
  * 				items: [
  * 					'menuBar:restrictedEditingException'
@@ -261,7 +271,8 @@ export declare const MenuBarMenuViewPanelPositioningFunctions: Record<string, Po
  * 				groupId: 'insertInline',
  * 				items: [
  * 					'menuBar:link',
- * 					'menuBar:comment'
+ * 					'menuBar:comment',
+ * 					'menuBar:insertMergeField'
  * 				]
  * 			},
  * 			{
@@ -431,15 +442,10 @@ export declare function normalizeMenuBarConfig(config: Readonly<MenuBarConfig>):
  * * Purged empty menus,
  * * Localized top-level menu labels.
  */
-export declare function processMenuBarConfig({ normalizedConfig, locale, componentFactory }: {
+export declare function processMenuBarConfig({ normalizedConfig, locale, componentFactory, extraItems }: {
     normalizedConfig: NormalizedMenuBarConfigObject;
     locale: Locale;
     componentFactory: ComponentFactory;
+    extraItems: Array<MenuBarConfigAddedItem | MenuBarConfigAddedGroup | MenuBarConfigAddedMenu>;
 }): NormalizedMenuBarConfigObject;
-/**
- * Initializes menu bar for given editor.
- *
- * @internal
- */
-export declare function _initMenuBar(editor: Editor, menuBarView: MenuBarView): void;
 export {};

package/dist/panel/balloon/balloonpanelview.d.ts

@@ -114,10 +114,18 @@ export default class BalloonPanelView extends View {
      * @private
      */
     private _pinWhenIsVisibleCallback;
+    /**
+     * An instance of resize observer used to detect if target element is still visible.
+     */
+    private _resizeObserver;
     /**
      * @inheritDoc
      */
     constructor(locale?: Locale);
+    /**
+     * @inheritDoc
+     */
+    destroy(): void;
     /**
      * Shows the panel.
      *
@@ -161,8 +169,10 @@ export default class BalloonPanelView extends View {
      *
      * @param options Positioning options compatible with {@link module:utils/dom/position~getOptimalPosition}.
      * Default `positions` array is {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}.
+     * @returns Whether the balloon was shown and successfully attached or not. Attaching can fail if the target
+     * provided in the options is invisible (e.g. element detached from DOM).
      */
-    attachTo(options: Partial<PositionOptions>): void;
+    attachTo(options: Partial<PositionOptions>): boolean;
     /**
      * Works the same way as the {@link #attachTo} method except that the position of the panel is
      * continuously updated when:
@@ -206,6 +216,8 @@ export default class BalloonPanelView extends View {
      * Starts managing the pinned state of the panel. See {@link #pin}.
      *
      * @param options Positioning options compatible with {@link module:utils/dom/position~getOptimalPosition}.
+     * @returns Whether the balloon was shown and successfully attached or not. Attaching can fail if the target
+     * provided in the options is invisible (e.g. element detached from DOM).
      */
     private _startPinning;
     /**

package/dist/search/filtergroupanditemnames.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @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 ViewCollection from '../viewcollection.js';
+import type ListItemGroupView from '../list/listitemgroupview.js';
+import type ListItemView from '../list/listitemview.js';
+import type ListSeparatorView from '../list/listseparatorview.js';
+/**
+ * A filter function that returns matching item and group names in the list view.
+ */
+export default function filterGroupAndItemNames(regExp: RegExp | null, items: ViewCollection<ListItemGroupView | ListItemView | ListSeparatorView>): {
+    resultsCount: number;
+    totalItemsCount: number;
+};

package/dist/toolbar/block/blocktoolbar.d.ts

@@ -137,12 +137,26 @@ export default class BlockToolbar extends Plugin {
      * @param focusEditable When `true`, the editable will be focused after hiding the panel.
      */
     private _hidePanel;
+    /**
+     * Repositions the button on scroll.
+     */
+    private _repositionButtonOnScroll;
     /**
      * Attaches the {@link #buttonView} to the target block of content.
      *
      * @param targetElement Target element.
      */
     private _attachButtonToElement;
+    /**
+     * Clips the button element to the viewport of the editable element.
+     *
+     * 	* If the button overflows the editable viewport, it is clipped to make it look like it's cut off by the editable scrollable region.
+     * 	* If the button is fully hidden by the top of the editable, it is not clickable but still visible in the DOM.
+     *
+     * @param buttonView The button view to clip.
+     * @param editableElement The editable element whose viewport is used for clipping.
+     */
+    private _clipButtonToViewport;
     /**
      * Creates a resize observer that observes selected editable and resizes the toolbar panel accordingly.
      */

package/dist/tooltipmanager.d.ts

@@ -97,13 +97,6 @@ export default class TooltipManager extends /* #__PURE__ */ TooltipManager_base
      * Stores the current tooltip position. `null` when there's no tooltip in the UI.
      */
     private _currentTooltipPosition;
-    /**
-     * An instance of the resize observer that keeps track on target element visibility,
-     * when it hides the tooltip should also disappear.
-     *
-     * {@link module:core/editor/editorconfig~EditorConfig#balloonToolbar configuration}.
-     */
-    private _resizeObserver;
     /**
      * An instance of the mutation observer that keeps track on target element attributes changes.
      */

package/dist/translations/sr-latn.js

@@ -2,4 +2,4 @@
  * @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 {"sr-latn":{"dictionary":{"Rich Text Editor":"Prošireni uređivač teksta","Editor editing area: %0":"Oblast za uređivanje urednika: %0","Edit block":"Blok uređivač","Click to edit block":"Kliknite da biste uredili blok","Drag to move":"Prevucite da biste premestili","Next":"Sledeći","Previous":"Prethodni","Editor toolbar":"Uređivač traka sa alatkama","Dropdown toolbar":"Padajuća traka sa alatkama","Black":"Crna","Dim grey":"Bledo siva","Grey":"Siva","Light grey":"Svetlo siva","White":"Bela","Red":"Crvena","Orange":"Narandžasta","Yellow":"Žuta","Light green":"Svetlo zelena","Green":"Zelena","Aquamarine":"Zelenkastoplava","Turquoise":"Tirkizna","Light blue":"Svetloplava","Blue":"Plava","Purple":"Ljubičasta","Editor block content toolbar":"Traka sa alatkama za blokiranje sadržaja uređivača","Editor contextual toolbar":"Kontekstualna traka sa alatkama Editor","HEX":"HEX","No results found":"Nije pronađen nijedan rezultat","No searchable items":"Nema stavki koje se mogu pretražiti","Editor dialog":"","Close":"","Help Contents. To close this dialog press ESC.":"","Below, you can find a list of keyboard shortcuts that can be used in the editor.":"","(may require <kbd>Fn</kbd>)":"","Accessibility":"","Accessibility help":"","Press %0 for help.":"","Move focus in and out of an active dialog window":"","MENU_BAR_MENU_FILE":"","MENU_BAR_MENU_EDIT":"Uredi","MENU_BAR_MENU_VIEW":"","MENU_BAR_MENU_INSERT":"Ubaci","MENU_BAR_MENU_FORMAT":"","MENU_BAR_MENU_TOOLS":"","MENU_BAR_MENU_HELP":"","MENU_BAR_MENU_TEXT":"Tekst","MENU_BAR_MENU_FONT":"","Editor menu bar":"","Please enter a valid color (e.g. \"ff0000\").":""},getPluralForm(n){return (n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2);}}}
+export default {"sr-latn":{"dictionary":{"Rich Text Editor":"Prošireni uređivač teksta","Editor editing area: %0":"Oblast za uređivanje urednika: %0","Edit block":"Blok uređivač","Click to edit block":"Kliknite da biste uredili blok","Drag to move":"Prevucite da biste premestili","Next":"Sledeći","Previous":"Prethodni","Editor toolbar":"Uređivač traka sa alatkama","Dropdown toolbar":"Padajuća traka sa alatkama","Black":"Crna","Dim grey":"Bledo siva","Grey":"Siva","Light grey":"Svetlo siva","White":"Bela","Red":"Crvena","Orange":"Narandžasta","Yellow":"Žuta","Light green":"Svetlo zelena","Green":"Zelena","Aquamarine":"Zelenkastoplava","Turquoise":"Tirkizna","Light blue":"Svetloplava","Blue":"Plava","Purple":"Ljubičasta","Editor block content toolbar":"Traka sa alatkama za blokiranje sadržaja uređivača","Editor contextual toolbar":"Kontekstualna traka sa alatkama Editor","HEX":"HEX","No results found":"Nije pronađen nijedan rezultat","No searchable items":"Nema stavki koje se mogu pretražiti","Editor dialog":"Editor dijalog","Close":"Blizu","Help Contents. To close this dialog press ESC.":"Sadržaj pomoći. Da biste zatvorili ovaj dijalog, pritisnite ESC.","Below, you can find a list of keyboard shortcuts that can be used in the editor.":"Ispod možete pronaći listu prečica na tastaturi koje se mogu koristiti u uređivaču.","(may require <kbd>Fn</kbd>)":"(možda zahteva Fn)","Accessibility":"Pristupačnost","Accessibility help":"Pomoć za pristupačnost","Press %0 for help.":"Pritisnite %0 za pomoć.","Move focus in and out of an active dialog window":"Pomeranje fokusa u i van aktivnog prozora dijaloga","MENU_BAR_MENU_FILE":"File","MENU_BAR_MENU_EDIT":"Uredi","MENU_BAR_MENU_VIEW":"View","MENU_BAR_MENU_INSERT":"Ubaci","MENU_BAR_MENU_FORMAT":"Format","MENU_BAR_MENU_TOOLS":"Alati","MENU_BAR_MENU_HELP":"Pomoć","MENU_BAR_MENU_TEXT":"Tekst","MENU_BAR_MENU_FONT":"Font","Editor menu bar":"Traka menija uređivača","Please enter a valid color (e.g. \"ff0000\").":"Unesite važeću boju (npr. „ff0000“)."},getPluralForm(n){return (n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2);}}}

package/dist/translations/sr-latn.umd.js

@@ -4,7 +4,7 @@
  */
 
 ( e => {
-const { [ 'sr-latn' ]: { dictionary, getPluralForm } } = {"sr-latn":{"dictionary":{"Rich Text Editor":"Prošireni uređivač teksta","Editor editing area: %0":"Oblast za uređivanje urednika: %0","Edit block":"Blok uređivač","Click to edit block":"Kliknite da biste uredili blok","Drag to move":"Prevucite da biste premestili","Next":"Sledeći","Previous":"Prethodni","Editor toolbar":"Uređivač traka sa alatkama","Dropdown toolbar":"Padajuća traka sa alatkama","Black":"Crna","Dim grey":"Bledo siva","Grey":"Siva","Light grey":"Svetlo siva","White":"Bela","Red":"Crvena","Orange":"Narandžasta","Yellow":"Žuta","Light green":"Svetlo zelena","Green":"Zelena","Aquamarine":"Zelenkastoplava","Turquoise":"Tirkizna","Light blue":"Svetloplava","Blue":"Plava","Purple":"Ljubičasta","Editor block content toolbar":"Traka sa alatkama za blokiranje sadržaja uređivača","Editor contextual toolbar":"Kontekstualna traka sa alatkama Editor","HEX":"HEX","No results found":"Nije pronađen nijedan rezultat","No searchable items":"Nema stavki koje se mogu pretražiti","Editor dialog":"","Close":"","Help Contents. To close this dialog press ESC.":"","Below, you can find a list of keyboard shortcuts that can be used in the editor.":"","(may require <kbd>Fn</kbd>)":"","Accessibility":"","Accessibility help":"","Press %0 for help.":"","Move focus in and out of an active dialog window":"","MENU_BAR_MENU_FILE":"","MENU_BAR_MENU_EDIT":"Uredi","MENU_BAR_MENU_VIEW":"","MENU_BAR_MENU_INSERT":"Ubaci","MENU_BAR_MENU_FORMAT":"","MENU_BAR_MENU_TOOLS":"","MENU_BAR_MENU_HELP":"","MENU_BAR_MENU_TEXT":"Tekst","MENU_BAR_MENU_FONT":"","Editor menu bar":"","Please enter a valid color (e.g. \"ff0000\").":""},getPluralForm(n){return (n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2);}}};
+const { [ 'sr-latn' ]: { dictionary, getPluralForm } } = {"sr-latn":{"dictionary":{"Rich Text Editor":"Prošireni uređivač teksta","Editor editing area: %0":"Oblast za uređivanje urednika: %0","Edit block":"Blok uređivač","Click to edit block":"Kliknite da biste uredili blok","Drag to move":"Prevucite da biste premestili","Next":"Sledeći","Previous":"Prethodni","Editor toolbar":"Uređivač traka sa alatkama","Dropdown toolbar":"Padajuća traka sa alatkama","Black":"Crna","Dim grey":"Bledo siva","Grey":"Siva","Light grey":"Svetlo siva","White":"Bela","Red":"Crvena","Orange":"Narandžasta","Yellow":"Žuta","Light green":"Svetlo zelena","Green":"Zelena","Aquamarine":"Zelenkastoplava","Turquoise":"Tirkizna","Light blue":"Svetloplava","Blue":"Plava","Purple":"Ljubičasta","Editor block content toolbar":"Traka sa alatkama za blokiranje sadržaja uređivača","Editor contextual toolbar":"Kontekstualna traka sa alatkama Editor","HEX":"HEX","No results found":"Nije pronađen nijedan rezultat","No searchable items":"Nema stavki koje se mogu pretražiti","Editor dialog":"Editor dijalog","Close":"Blizu","Help Contents. To close this dialog press ESC.":"Sadržaj pomoći. Da biste zatvorili ovaj dijalog, pritisnite ESC.","Below, you can find a list of keyboard shortcuts that can be used in the editor.":"Ispod možete pronaći listu prečica na tastaturi koje se mogu koristiti u uređivaču.","(may require <kbd>Fn</kbd>)":"(možda zahteva Fn)","Accessibility":"Pristupačnost","Accessibility help":"Pomoć za pristupačnost","Press %0 for help.":"Pritisnite %0 za pomoć.","Move focus in and out of an active dialog window":"Pomeranje fokusa u i van aktivnog prozora dijaloga","MENU_BAR_MENU_FILE":"File","MENU_BAR_MENU_EDIT":"Uredi","MENU_BAR_MENU_VIEW":"View","MENU_BAR_MENU_INSERT":"Ubaci","MENU_BAR_MENU_FORMAT":"Format","MENU_BAR_MENU_TOOLS":"Alati","MENU_BAR_MENU_HELP":"Pomoć","MENU_BAR_MENU_TEXT":"Tekst","MENU_BAR_MENU_FONT":"Font","Editor menu bar":"Traka menija uređivača","Please enter a valid color (e.g. \"ff0000\").":"Unesite važeću boju (npr. „ff0000“)."},getPluralForm(n){return (n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2);}}};
 e[ 'sr-latn' ] ||= { dictionary: {}, getPluralForm: null };
 e[ 'sr-latn' ].dictionary = Object.assign( e[ 'sr-latn' ].dictionary, dictionary );
 e[ 'sr-latn' ].getPluralForm = getPluralForm;

package/lang/translations/sr-latn.po

@@ -135,43 +135,43 @@ msgstr "Nema stavki koje se mogu pretražiti"
 
 msgctxt "A default label of a dialog window displayed on top the editor."
 msgid "Editor dialog"
-msgstr ""
+msgstr "Editor dijalog"
 
 msgctxt "The label and the tooltip for the close button in the dialog header."
 msgid "Close"
-msgstr ""
+msgstr "Blizu"
 
 msgctxt "Accessibility help dialog assistive technologies label telling users how to exit the dialog."
 msgid "Help Contents. To close this dialog press ESC."
-msgstr ""
+msgstr "Sadržaj pomoći. Da biste zatvorili ovaj dijalog, pritisnite ESC."
 
 msgctxt "Accessibility help dialog text explaining what can be found in that dialog."
 msgid "Below, you can find a list of keyboard shortcuts that can be used in the editor."
-msgstr ""
+msgstr "Ispod možete pronaći listu prečica na tastaturi koje se mogu koristiti u uređivaču."
 
 msgctxt "Accessibility help dialog text displayed next to keystrokes that may require the Fn key on Mac."
 msgid "(may require <kbd>Fn</kbd>)"
-msgstr ""
+msgstr "(možda zahteva Fn)"
 
 msgctxt "The label for the button that opens the Accessibility help dialog from the application menu bar."
 msgid "Accessibility"
-msgstr ""
+msgstr "Pristupačnost"
 
 msgctxt "Accessibility help dialog title."
 msgid "Accessibility help"
-msgstr ""
+msgstr "Pomoć za pristupačnost"
 
 msgctxt "Assistive technologies label added to each editor editing area informing users about the possibility of opening the accessibility help dialog."
 msgid "Press %0 for help."
-msgstr ""
+msgstr "Pritisnite %0 za pomoć."
 
 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 ""
+msgstr "Pomeranje fokusa u i van aktivnog prozora dijaloga"
 
 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 ""
+msgstr "File"
 
 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"
@@ -179,7 +179,7 @@ msgstr "Uredi"
 
 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 ""
+msgstr "View"
 
 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"
@@ -187,15 +187,15 @@ msgstr "Ubaci"
 
 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 ""
+msgstr "Format"
 
 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 ""
+msgstr "Alati"
 
 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 ""
+msgstr "Pomoć"
 
 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"
@@ -203,12 +203,12 @@ msgstr "Tekst"
 
 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 ""
+msgstr "Font"
 
 msgctxt "The accessible label of the editor menu bar used by assistive technologies."
 msgid "Editor menu bar"
-msgstr ""
+msgstr "Traka menija uređivača"
 
 msgctxt "An error text displayed when user attempted to enter an color that is not in HEX format."
 msgid "Please enter a valid color (e.g. \"ff0000\")."
-msgstr ""
+msgstr "Unesite važeću boju (npr. „ff0000“)."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-ui",
-  "version": "42.0.2",
+  "version": "43.0.0-alpha.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": "42.0.2",
-    "@ckeditor/ckeditor5-utils": "42.0.2",
+    "@ckeditor/ckeditor5-core": "43.0.0-alpha.0",
+    "@ckeditor/ckeditor5-utils": "43.0.0-alpha.0",
     "color-convert": "2.0.1",
     "color-parse": "1.4.2",
     "lodash-es": "4.17.21",

package/src/arialiveannouncer.js

@@ -111,7 +111,6 @@ export class AriaLiveAnnouncerRegionView extends View {
         this.setTemplate({
             tag: 'div',
             attributes: {
-                role: 'region',
                 'aria-live': politeness,
                 'aria-relevant': 'additions'
             },

package/src/bindings/draggableviewmixin.js

@@ -24,7 +24,7 @@ import { global } from '@ckeditor/ckeditor5-utils';
 export default function DraggableViewMixin(view) {
     class DraggableMixin extends view {
         /**
-         * @inheritdoc
+         * @inheritDoc
          */
         constructor(...args) {
             super(...args);

package/src/button/button.d.ts

@@ -138,12 +138,6 @@ 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,10 +117,6 @@ export default class ButtonView extends View<HTMLButtonElement> implements Butto
      * @inheritDoc
      */
     role: string | undefined;
-    /**
-     * @inheritDoc
-     */
-    ariaChecked: boolean | undefined;
     /**
      * @inheritDoc
      */
@@ -129,6 +125,22 @@ export default class ButtonView extends View<HTMLButtonElement> implements Butto
      * @inheritDoc
      */
     ariaLabelledBy: string | undefined;
+    /**
+     * Aria-pressed attribute of element. It is calculated based on {@link #isToggleable isToggleable} and {@link #role}.
+     * It's set to true if the button is on and the role is not checkable.
+     *
+     * @readonly
+     * @internal
+     */
+    _ariaPressed: string | false;
+    /**
+     * Aria-checked attribute of element. It is calculated based on {@link #isToggleable isToggleable} and {@link #role}.
+     * It's set to true if the button is on and the role is checkable.
+     *
+     * @readonly
+     * @internal
+     */
+    _ariaChecked: string | false;
     /**
      * Tooltip of the button bound to the template.
      *

package/src/button/buttonview.js

@@ -45,6 +45,8 @@ export default class ButtonView extends View {
         const bind = this.bindTemplate;
         const ariaLabelUid = uid();
         // Implement the Button interface.
+        this.set('_ariaPressed', false);
+        this.set('_ariaChecked', false);
         this.set('ariaLabel', undefined);
         this.set('ariaLabelledBy', `ck-editor__aria-label_${ariaLabelUid}`);
         this.set('class', undefined);
@@ -89,11 +91,11 @@ 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-checked': bind.to('_ariaChecked'),
+                'aria-pressed': bind.to('_ariaPressed'),
                 'aria-label': bind.to('ariaLabel'),
                 'aria-labelledby': bind.to('ariaLabelledBy'),
                 'aria-disabled': bind.if('isEnabled', true, value => !value),
-                'aria-pressed': bind.to('isOn', value => this.isToggleable ? String(!!value) : false),
                 'data-cke-tooltip-text': bind.to('_tooltipString'),
                 'data-cke-tooltip-position': bind.to('tooltipPosition')
             },
@@ -113,6 +115,18 @@ export default class ButtonView extends View {
                 })
             }
         };
+        this.bind('_ariaPressed').to(this, 'isOn', this, 'isToggleable', this, 'role', (isOn, isToggleable, role) => {
+            if (!isToggleable || isCheckableRole(role)) {
+                return false;
+            }
+            return String(!!isOn);
+        });
+        this.bind('_ariaChecked').to(this, 'isOn', this, 'isToggleable', this, 'role', (isOn, isToggleable, role) => {
+            if (!isToggleable || !isCheckableRole(role)) {
+                return false;
+            }
+            return String(!!isOn);
+        });
         // On Safari we have to force the focus on a button on click as it's the only browser
         // that doesn't do that automatically. See #12115.
         if (env.isSafari) {
@@ -216,3 +230,19 @@ export default class ButtonView extends View {
         return '';
     }
 }
+/**
+ * Checks if `aria-checkbox` can be used with specified role.
+ */
+function isCheckableRole(role) {
+    switch (role) {
+        case 'radio':
+        case 'checkbox':
+        case 'option':
+        case 'switch':
+        case 'menuitemcheckbox':
+        case 'menuitemradio':
+            return true;
+        default:
+            return false;
+    }
+}

package/src/button/filedialogbuttonview.d.ts

@@ -2,8 +2,14 @@
  * @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';
-import type { Locale } from '@ckeditor/ckeditor5-utils';
+import type { Mixed } from '@ckeditor/ckeditor5-utils';
+import ListItemButtonView from './listitembuttonview.js';
+declare const FileDialogButtonView_base: Mixed<typeof ButtonView, FileDialogButtonViewBase>;
 /**
  * The file dialog button view.
  *
@@ -28,17 +34,45 @@ import type { Locale } from '@ckeditor/ckeditor5-utils';
  * } );
  * ```
  */
-export default class FileDialogButtonView extends ButtonView {
+export default class FileDialogButtonView extends /* #__PURE__ */ FileDialogButtonView_base {
+}
+declare const FileDialogListItemButtonView_base: Mixed<typeof ListItemButtonView, FileDialogButtonViewBase>;
+/**
+ * The file dialog button view used in a lists.
+ *
+ * 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 FileDialogListItemButtonView( 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 declare class FileDialogListItemButtonView extends /* #__PURE__ */ FileDialogListItemButtonView_base {
+}
+/**
+ * Represents the base view for a file dialog button component.
+ */
+type FileDialogButtonViewBase = View & {
     /**
      * 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/*`,
@@ -54,15 +88,7 @@ export default class FileDialogButtonView extends ButtonView {
      * @observable
      */
     allowMultipleFiles: boolean;
-    /**
-     * @inheritDoc
-     */
-    constructor(locale?: Locale);
-    /**
-     * @inheritDoc
-     */
-    render(): void;
-}
+};
 /**
  * Fired when file dialog is closed with file selected.
  *
@@ -78,3 +104,4 @@ export type FileInputViewDoneEvent = {
     name: 'done';
     args: [files: FileList];
 };
+export {};