@ckeditor/ckeditor5-ui 48.2.0-alpha.7 → 48.3.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/arialiveannouncer.d.ts +90 -90
- package/dist/augmentation.d.ts +86 -86
- package/dist/autocomplete/autocompleteview.d.ts +70 -70
- package/dist/badge/badge.d.ts +119 -121
- package/dist/bindings/addkeyboardhandlingforgrid.d.ts +22 -22
- package/dist/bindings/clickoutsidehandler.d.ts +25 -25
- package/dist/bindings/csstransitiondisablermixin.d.ts +47 -36
- package/dist/bindings/draggableviewmixin.d.ts +45 -37
- package/dist/bindings/preventdefault.d.ts +30 -30
- package/dist/bindings/submithandler.d.ts +49 -49
- package/dist/button/button.d.ts +167 -167
- package/dist/button/buttonlabel.d.ts +28 -28
- package/dist/button/buttonlabelview.d.ts +26 -26
- package/dist/button/buttonview.d.ts +192 -192
- package/dist/button/filedialogbuttonview.d.ts +107 -99
- package/dist/button/listitembuttonview.d.ts +73 -73
- package/dist/button/switchbuttonview.d.ts +40 -40
- package/dist/collapsible/collapsibleview.d.ts +63 -63
- package/dist/colorgrid/colorgridview.d.ts +117 -117
- package/dist/colorgrid/colortileview.d.ts +21 -21
- package/dist/colorgrid/utils.d.ts +35 -35
- package/dist/colorpicker/colorpickerview.d.ts +155 -157
- package/dist/colorpicker/utils.d.ts +37 -37
- package/dist/colorselector/colorgridsfragmentview.d.ts +191 -191
- package/dist/colorselector/colorpickerfragmentview.d.ts +129 -129
- package/dist/colorselector/colorselectorview.d.ts +227 -229
- package/dist/colorselector/documentcolorcollection.d.ts +52 -59
- package/dist/componentfactory.d.ts +76 -76
- package/dist/dialog/dialog.d.ts +311 -288
- package/dist/dialog/dialogactionsview.d.ts +62 -62
- package/dist/dialog/dialogcontentview.d.ts +22 -22
- package/dist/dialog/dialogview.d.ts +255 -251
- package/dist/dropdown/button/dropdownbutton.d.ts +17 -17
- package/dist/dropdown/button/dropdownbuttonview.d.ts +41 -41
- package/dist/dropdown/button/splitbuttonview.d.ts +155 -155
- package/dist/dropdown/dropdownpanelfocusable.d.ts +16 -16
- package/dist/dropdown/dropdownpanelview.d.ts +56 -56
- package/dist/dropdown/dropdownview.d.ts +326 -326
- package/dist/dropdown/menu/dropdownmenubehaviors.d.ts +43 -43
- package/dist/dropdown/menu/dropdownmenubuttonview.d.ts +29 -29
- package/dist/dropdown/menu/dropdownmenulistitembuttonview.d.ts +12 -12
- package/dist/dropdown/menu/dropdownmenulistitemview.d.ts +17 -17
- package/dist/dropdown/menu/dropdownmenulistview.d.ts +19 -19
- package/dist/dropdown/menu/dropdownmenunestedmenupanelview.d.ts +28 -28
- package/dist/dropdown/menu/dropdownmenunestedmenuview.d.ts +126 -126
- package/dist/dropdown/menu/dropdownmenurootlistview.d.ts +132 -132
- package/dist/dropdown/menu/utils.d.ts +112 -112
- package/dist/dropdown/utils.d.ts +272 -272
- package/dist/editableui/editableuiview.d.ts +78 -78
- package/dist/editableui/inline/inlineeditableuiview.d.ts +38 -38
- package/dist/editorui/accessibilityhelp/accessibilityhelp.d.ts +50 -50
- package/dist/editorui/accessibilityhelp/accessibilityhelpcontentview.d.ts +30 -30
- package/dist/editorui/bodycollection.d.ts +86 -86
- package/dist/editorui/boxed/boxededitoruiview.d.ts +35 -35
- package/dist/editorui/editorui.d.ts +348 -351
- package/dist/editorui/editoruiview.d.ts +53 -53
- package/dist/editorui/evaluationbadge.d.ts +28 -28
- package/dist/editorui/poweredby.d.ts +25 -25
- package/dist/focuscycler.d.ts +265 -270
- package/dist/formheader/formheaderview.d.ts +53 -53
- package/dist/formrow/formrowview.d.ts +52 -52
- package/dist/highlightedtext/buttonlabelwithhighlightview.d.ts +25 -25
- package/dist/highlightedtext/highlightedtextview.d.ts +33 -33
- package/dist/highlightedtext/labelwithhighlightview.d.ts +21 -21
- package/dist/icon/iconview.d.ts +83 -83
- package/dist/iframe/iframeview.d.ts +42 -42
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +136 -136
- package/dist/index.js +16467 -17751
- package/dist/index.js.map +1 -1
- package/dist/input/inputbase.d.ts +114 -114
- package/dist/input/inputview.d.ts +28 -28
- package/dist/inputnumber/inputnumberview.d.ts +44 -44
- package/dist/inputtext/inputtextview.d.ts +13 -13
- package/dist/label/labelview.d.ts +31 -31
- package/dist/labeledfield/labeledfieldview.d.ts +180 -180
- package/dist/labeledfield/utils.d.ts +112 -112
- package/dist/labeledinput/labeledinputview.d.ts +120 -120
- package/dist/legacyerrors.d.ts +0 -4
- package/dist/list/listitemgroupview.d.ts +54 -54
- package/dist/list/listitemview.d.ts +31 -31
- package/dist/list/listseparatorview.d.ts +13 -13
- package/dist/list/listview.d.ts +119 -119
- package/dist/menubar/menubarmenubuttonview.d.ts +28 -28
- package/dist/menubar/menubarmenulistitembuttonview.d.ts +16 -16
- package/dist/menubar/menubarmenulistitemfiledialogbuttonview.d.ts +18 -18
- package/dist/menubar/menubarmenulistitemview.d.ts +20 -20
- package/dist/menubar/menubarmenulistview.d.ts +24 -24
- package/dist/menubar/menubarmenupanelview.d.ts +47 -47
- package/dist/menubar/menubarmenuview.d.ts +113 -113
- package/dist/menubar/menubarview.d.ts +145 -145
- package/dist/menubar/utils.d.ts +455 -455
- package/dist/model.d.ts +19 -18
- package/dist/notification/notification.d.ts +200 -200
- package/dist/panel/balloon/balloonpanelview.d.ts +692 -692
- package/dist/panel/balloon/contextualballoon.d.ts +298 -298
- package/dist/panel/sticky/stickypanelview.d.ts +151 -151
- package/dist/search/filteredview.d.ts +23 -23
- package/dist/search/filtergroupanditemnames.d.ts +11 -11
- package/dist/search/searchinfoview.d.ts +39 -39
- package/dist/search/searchresultsview.d.ts +49 -49
- package/dist/search/text/searchtextqueryview.d.ts +63 -63
- package/dist/search/text/searchtextview.d.ts +203 -203
- package/dist/spinner/spinnerview.d.ts +20 -20
- package/dist/template.d.ts +897 -902
- package/dist/textarea/textareaview.d.ts +96 -96
- package/dist/toolbar/balloon/balloontoolbar.d.ts +122 -122
- package/dist/toolbar/block/blockbuttonview.d.ts +30 -30
- package/dist/toolbar/block/blocktoolbar.d.ts +166 -166
- package/dist/toolbar/normalizetoolbarconfig.d.ts +35 -35
- package/dist/toolbar/toolbarlinebreakview.d.ts +13 -13
- package/dist/toolbar/toolbarseparatorview.d.ts +13 -13
- package/dist/toolbar/toolbarview.d.ts +271 -271
- package/dist/tooltipmanager.d.ts +190 -193
- package/dist/view.d.ts +385 -388
- package/dist/viewcollection.d.ts +134 -134
- package/package.json +6 -6
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
/**
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
import { type DropdownMenuNestedMenuView } from
|
|
6
|
-
import { type DropdownMenuRootListView } from
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
|
+
import { type DropdownMenuNestedMenuView } from "./dropdownmenunestedmenuview.js";
|
|
6
|
+
import { type DropdownMenuRootListView } from "./dropdownmenurootlistview.js";
|
|
7
7
|
/**
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
* @internal
|
|
9
|
+
*/
|
|
10
10
|
export declare const DropdownRootMenuBehaviors: {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
11
|
+
/**
|
|
12
|
+
* Move focus to a menu item on mouse hover. If it is a button to open a nested menu, open that menu.
|
|
13
|
+
*/
|
|
14
|
+
toggleMenusAndFocusItemsOnHover(rootList: DropdownMenuRootListView): void;
|
|
15
|
+
/**
|
|
16
|
+
* Handles the following case:
|
|
17
|
+
*
|
|
18
|
+
* 1. Hover to open a sub-menu (A). The button has focus.
|
|
19
|
+
* 2. Press arrow up/down to move focus to another sub-menu (B) button.
|
|
20
|
+
* 3. Press arrow right to open the sub-menu (B).
|
|
21
|
+
* 4. The sub-menu (A) should close (if not, there are two open menus).
|
|
22
|
+
*/
|
|
23
|
+
closeMenuWhenAnotherOnTheSameLevelOpens(rootList: DropdownMenuRootListView): void;
|
|
24
24
|
};
|
|
25
25
|
/**
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
* @internal
|
|
27
|
+
*/
|
|
28
28
|
export declare const DropdownMenuBehaviors: {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
29
|
+
/**
|
|
30
|
+
* Open the menu on the right arrow key press (left, in RTL mode). This allows for navigating to sub-menus using the keyboard.
|
|
31
|
+
*/
|
|
32
|
+
openOnArrowRightKey(menuView: DropdownMenuNestedMenuView): void;
|
|
33
|
+
/**
|
|
34
|
+
* Opens the menu on its button click as well as enter and space keys press (if the button is focused).
|
|
35
|
+
*/
|
|
36
|
+
openOnButtonClick(menuView: DropdownMenuNestedMenuView): void;
|
|
37
|
+
/**
|
|
38
|
+
* Opens the menu and focuses the panel content upon pressing the Enter key.
|
|
39
|
+
*/
|
|
40
|
+
openAndFocusOnEnterKeyPress(menuView: DropdownMenuNestedMenuView): void;
|
|
41
|
+
/**
|
|
42
|
+
* Closes the menu on the left key press (right, in RTL mode). This allows for navigating to sub-menus using the keyboard.
|
|
43
|
+
*/
|
|
44
|
+
closeOnArrowLeftKey(menuView: DropdownMenuNestedMenuView): void;
|
|
45
|
+
closeOnEscKey(menuView: DropdownMenuNestedMenuView): void;
|
|
46
|
+
/**
|
|
47
|
+
* Closes the menu when its parent menu closes. This prevents from leaving orphaned open menus.
|
|
48
|
+
*/
|
|
49
|
+
closeOnParentClose(menuView: DropdownMenuNestedMenuView, parentMenuView: DropdownMenuNestedMenuView): void;
|
|
50
50
|
};
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
/**
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
import { IconView } from
|
|
6
|
-
import { ListItemButtonView } from
|
|
7
|
-
import type { Locale } from
|
|
8
|
-
import
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
|
+
import { IconView } from "../../icon/iconview.js";
|
|
6
|
+
import { ListItemButtonView } from "../../button/listitembuttonview.js";
|
|
7
|
+
import type { Locale } from "@ckeditor/ckeditor5-utils";
|
|
8
|
+
import "../../../theme/components/dropdown/menu/dropdownmenubutton.css";
|
|
9
9
|
/**
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
* Represents a view for a dropdown menu button.
|
|
11
|
+
*/
|
|
12
12
|
export declare class DropdownMenuButtonView extends ListItemButtonView {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
13
|
+
/**
|
|
14
|
+
* An icon that displays an arrow to indicate a direction of the menu.
|
|
15
|
+
*/
|
|
16
|
+
readonly arrowView: IconView;
|
|
17
|
+
/**
|
|
18
|
+
* Creates an instance of the dropdown menu button view.
|
|
19
|
+
*
|
|
20
|
+
* @param locale The localization services instance.
|
|
21
|
+
*/
|
|
22
|
+
constructor(locale: Locale);
|
|
23
|
+
/**
|
|
24
|
+
* @inheritDoc
|
|
25
|
+
*/
|
|
26
|
+
override render(): void;
|
|
27
|
+
/**
|
|
28
|
+
* Creates the arrow view instance.
|
|
29
|
+
*
|
|
30
|
+
* @private
|
|
31
|
+
*/
|
|
32
|
+
private _createArrowView;
|
|
33
33
|
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/**
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
5
|
/**
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import type { Locale } from
|
|
9
|
-
import { ButtonView } from
|
|
10
|
-
import
|
|
6
|
+
* @module ui/dropdown/menu/dropdownmenulistitembuttonview
|
|
7
|
+
*/
|
|
8
|
+
import type { Locale } from "@ckeditor/ckeditor5-utils";
|
|
9
|
+
import { ButtonView } from "../../button/buttonview.js";
|
|
10
|
+
import "../../../theme/components/dropdown/menu/dropdownmenulistitembutton.css";
|
|
11
11
|
/**
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
* Represents a view for a button in a dropdown menu list item.
|
|
13
|
+
*/
|
|
14
14
|
export declare class DropdownMenuListItemButtonView extends ButtonView {
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
readonly id: string;
|
|
16
|
+
constructor(locale: Locale, id: string, label: string);
|
|
17
17
|
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
/**
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
5
|
/**
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import type { Locale } from
|
|
9
|
-
import { type DropdownMenuNestedMenuView } from
|
|
10
|
-
import { ListItemView } from
|
|
11
|
-
import { DropdownMenuListItemButtonView } from
|
|
12
|
-
import
|
|
6
|
+
* @module ui/dropdown/menu/dropdownmenulistitemview
|
|
7
|
+
*/
|
|
8
|
+
import type { Locale } from "@ckeditor/ckeditor5-utils";
|
|
9
|
+
import { type DropdownMenuNestedMenuView } from "./dropdownmenunestedmenuview.js";
|
|
10
|
+
import { ListItemView } from "../../list/listitemview.js";
|
|
11
|
+
import { DropdownMenuListItemButtonView } from "./dropdownmenulistitembuttonview.js";
|
|
12
|
+
import "../../../theme/components/dropdown/menu/dropdownmenulistitem.css";
|
|
13
13
|
/**
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
* Represents a view for a single item in a dropdown menu list.
|
|
15
|
+
*/
|
|
16
16
|
export declare class DropdownMenuListItemView extends ListItemView {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
/**
|
|
18
|
+
* The view representing either a flat item or a nested menu in a dropdown menu list item.
|
|
19
|
+
*/
|
|
20
|
+
readonly childView: DropdownMenuNestedMenuView | DropdownMenuListItemButtonView;
|
|
21
|
+
constructor(locale: Locale, parentMenuView: DropdownMenuNestedMenuView | null, childView: DropdownMenuNestedMenuView | DropdownMenuListItemButtonView);
|
|
22
22
|
}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
/**
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
5
|
/**
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import type { Locale } from
|
|
9
|
-
import { ListView } from
|
|
6
|
+
* @module ui/dropdown/menu/dropdownmenulistview
|
|
7
|
+
*/
|
|
8
|
+
import type { Locale } from "@ckeditor/ckeditor5-utils";
|
|
9
|
+
import { ListView } from "../../list/listview.js";
|
|
10
10
|
/**
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
* Represents a dropdown menu list view.
|
|
12
|
+
*/
|
|
13
13
|
export declare class DropdownMenuListView extends ListView {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
14
|
+
/**
|
|
15
|
+
* Represents whether the dropdown menu list view is visible or not.
|
|
16
|
+
*/
|
|
17
|
+
isVisible: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Creates an instance of the dropdown menu list view.
|
|
20
|
+
*
|
|
21
|
+
* @param locale The localization services instance.
|
|
22
|
+
*/
|
|
23
|
+
constructor(locale: Locale);
|
|
24
24
|
}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
/**
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
5
|
/**
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import type { Locale } from
|
|
9
|
-
import type { FocusableView } from
|
|
10
|
-
import { BalloonPanelView } from
|
|
11
|
-
import
|
|
6
|
+
* @module ui/dropdown/menu/dropdownmenunestedmenupanelview
|
|
7
|
+
*/
|
|
8
|
+
import type { Locale } from "@ckeditor/ckeditor5-utils";
|
|
9
|
+
import type { FocusableView } from "../../focuscycler.js";
|
|
10
|
+
import { BalloonPanelView } from "../../panel/balloon/balloonpanelview.js";
|
|
11
|
+
import "../../../theme/components/dropdown/menu/dropdownmenupanel.css";
|
|
12
12
|
/**
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
* Represents the view for the dropdown menu panel.
|
|
14
|
+
*/
|
|
15
15
|
export declare class DropdownMenuNestedMenuPanelView extends BalloonPanelView implements FocusableView {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
16
|
+
/**
|
|
17
|
+
* Creates an instance of the menu panel view.
|
|
18
|
+
*
|
|
19
|
+
* @param locale The localization services instance.
|
|
20
|
+
*/
|
|
21
|
+
constructor(locale?: Locale);
|
|
22
|
+
/**
|
|
23
|
+
* Focuses the first child of the panel (default) or the last one if the `direction` is `-1`.
|
|
24
|
+
*
|
|
25
|
+
* @param direction The direction to focus. Default is `1`.
|
|
26
|
+
*/
|
|
27
|
+
focus(direction?: -1 | 1): void;
|
|
28
28
|
}
|
|
29
29
|
/**
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
export type DropdownMenuNestedMenuPanelPosition =
|
|
30
|
+
* The names of the positions of the {@link module:ui/dropdown/menu/dropdownmenunestedmenupanelview~DropdownMenuNestedMenuPanelView}.
|
|
31
|
+
*
|
|
32
|
+
* They are reflected as CSS class suffixes on the panel view element.
|
|
33
|
+
*/
|
|
34
|
+
export type DropdownMenuNestedMenuPanelPosition = "es" | "ws" | "en" | "wn" | "w" | "e";
|
|
@@ -1,131 +1,131 @@
|
|
|
1
1
|
/**
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
5
|
/**
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import { FocusTracker, KeystrokeHandler, type PositioningFunction, type Locale } from
|
|
9
|
-
import type { FocusableView } from
|
|
10
|
-
import { type BodyCollection } from
|
|
11
|
-
import { DropdownMenuButtonView } from
|
|
12
|
-
import { DropdownMenuListView } from
|
|
13
|
-
import { View } from
|
|
14
|
-
import { DropdownMenuNestedMenuPanelView, type DropdownMenuNestedMenuPanelPosition } from
|
|
15
|
-
import
|
|
6
|
+
* @module ui/dropdown/menu/dropdownmenunestedmenuview
|
|
7
|
+
*/
|
|
8
|
+
import { FocusTracker, KeystrokeHandler, type PositioningFunction, type Locale } from "@ckeditor/ckeditor5-utils";
|
|
9
|
+
import type { FocusableView } from "../../focuscycler.js";
|
|
10
|
+
import { type BodyCollection } from "../../editorui/bodycollection.js";
|
|
11
|
+
import { DropdownMenuButtonView } from "./dropdownmenubuttonview.js";
|
|
12
|
+
import { DropdownMenuListView } from "./dropdownmenulistview.js";
|
|
13
|
+
import { View } from "../../view.js";
|
|
14
|
+
import { DropdownMenuNestedMenuPanelView, type DropdownMenuNestedMenuPanelPosition } from "./dropdownmenunestedmenupanelview.js";
|
|
15
|
+
import "../../../theme/components/dropdown/menu/dropdownmenu.css";
|
|
16
16
|
/**
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
* Represents a nested menu view.
|
|
18
|
+
*/
|
|
19
19
|
export declare class DropdownMenuNestedMenuView extends View implements FocusableView {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
20
|
+
/**
|
|
21
|
+
* An array of delegated events for the dropdown menu definition controller.
|
|
22
|
+
* These events are delegated to the dropdown menu element.
|
|
23
|
+
*/
|
|
24
|
+
static readonly DELEGATED_EVENTS: readonly ["mouseenter", "execute", "change:isOpen"];
|
|
25
|
+
readonly id: string;
|
|
26
|
+
/**
|
|
27
|
+
* Button of the menu view.
|
|
28
|
+
*/
|
|
29
|
+
readonly buttonView: DropdownMenuButtonView;
|
|
30
|
+
/**
|
|
31
|
+
* Panel of the menu. It hosts children of the menu.
|
|
32
|
+
*/
|
|
33
|
+
readonly panelView: DropdownMenuNestedMenuPanelView;
|
|
34
|
+
/**
|
|
35
|
+
* List of nested menu entries.
|
|
36
|
+
*/
|
|
37
|
+
readonly listView: DropdownMenuListView;
|
|
38
|
+
/**
|
|
39
|
+
* Tracks information about the DOM focus in the menu.
|
|
40
|
+
*/
|
|
41
|
+
readonly focusTracker: FocusTracker;
|
|
42
|
+
/**
|
|
43
|
+
* Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}. It manages
|
|
44
|
+
* keystrokes of the menu.
|
|
45
|
+
*/
|
|
46
|
+
readonly keystrokes: KeystrokeHandler;
|
|
47
|
+
/**
|
|
48
|
+
* Controls whether the menu is open, i.e. shows or hides the {@link #panelView panel}.
|
|
49
|
+
*
|
|
50
|
+
* @observable
|
|
51
|
+
*/
|
|
52
|
+
isOpen: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Controls whether the menu is enabled, i.e. its {@link #buttonView} can be clicked.
|
|
55
|
+
*
|
|
56
|
+
* @observable
|
|
57
|
+
*/
|
|
58
|
+
isEnabled: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* (Optional) The additional CSS class set on the menu {@link #element}.
|
|
61
|
+
*
|
|
62
|
+
* @observable
|
|
63
|
+
*/
|
|
64
|
+
class: string | undefined;
|
|
65
|
+
/**
|
|
66
|
+
* The name of the position of the {@link #panelView}, relative to the menu.
|
|
67
|
+
*
|
|
68
|
+
* **Note**: The value is updated each time the panel gets {@link #isOpen open}.
|
|
69
|
+
*
|
|
70
|
+
* @observable
|
|
71
|
+
* @default 'w'
|
|
72
|
+
*/
|
|
73
|
+
panelPosition: DropdownMenuNestedMenuPanelPosition;
|
|
74
|
+
/**
|
|
75
|
+
* The parent menu view of the menu. It is `null` for top-level menus.
|
|
76
|
+
*
|
|
77
|
+
* @observable
|
|
78
|
+
* @default null
|
|
79
|
+
*/
|
|
80
|
+
readonly parentMenuView: DropdownMenuNestedMenuView | null;
|
|
81
|
+
private _bodyCollection;
|
|
82
|
+
/**
|
|
83
|
+
* Creates a new instance of the DropdownMenuView class.
|
|
84
|
+
*
|
|
85
|
+
* @param locale
|
|
86
|
+
* @param bodyCollection
|
|
87
|
+
* @param id
|
|
88
|
+
* @param label The label for the dropdown menu button.
|
|
89
|
+
* @param parentMenuView The parent dropdown menu view, if any.
|
|
90
|
+
*/
|
|
91
|
+
constructor(locale: Locale, bodyCollection: BodyCollection, id: string, label: string, parentMenuView: DropdownMenuNestedMenuView | null);
|
|
92
|
+
/**
|
|
93
|
+
* An array of positioning functions used to determine the position of the dropdown menu panel.
|
|
94
|
+
* The order of the functions in the array determines the priority of the positions to be tried.
|
|
95
|
+
* The first function that returns a valid position will be used.
|
|
96
|
+
*
|
|
97
|
+
* @returns {Array<PositioningFunction>} An array of positioning functions.
|
|
98
|
+
* @internal
|
|
99
|
+
*/
|
|
100
|
+
get _panelPositions(): Array<PositioningFunction>;
|
|
101
|
+
/**
|
|
102
|
+
* @inheritDoc
|
|
103
|
+
*/
|
|
104
|
+
override render(): void;
|
|
105
|
+
/**
|
|
106
|
+
* @inheritDoc
|
|
107
|
+
*/
|
|
108
|
+
override destroy(): void;
|
|
109
|
+
/**
|
|
110
|
+
* @inheritDoc
|
|
111
|
+
*/
|
|
112
|
+
focus(): void;
|
|
113
|
+
private _handleParentMenuView;
|
|
114
|
+
/**
|
|
115
|
+
* Attach all keyboard behaviors for the menu view.
|
|
116
|
+
*/
|
|
117
|
+
private _attachBehaviors;
|
|
118
|
+
/**
|
|
119
|
+
* Mounts the portal view in the body when the menu is open and removes it when the menu is closed.
|
|
120
|
+
* Binds keystrokes to the portal view when the menu is open.
|
|
121
|
+
*/
|
|
122
|
+
private _mountPanelOnOpen;
|
|
123
|
+
/**
|
|
124
|
+
* Removes the panel view from the editor's body and removes it from the focus tracker.
|
|
125
|
+
*/
|
|
126
|
+
private _removePanelFromBody;
|
|
127
|
+
/**
|
|
128
|
+
* Adds the panel view to the editor's body and sets up event listeners.
|
|
129
|
+
*/
|
|
130
|
+
private _addPanelToBody;
|
|
131
131
|
}
|