@ckeditor/ckeditor5-ui 45.2.1 → 46.0.0-alpha.1
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/index-editor.css +19 -19
- package/dist/index.css +34 -34
- package/dist/index.css.map +1 -1
- package/dist/index.js +4994 -4957
- package/dist/index.js.map +1 -1
- package/package.json +9 -9
- package/src/arialiveannouncer.d.ts +6 -7
- package/src/arialiveannouncer.js +2 -2
- package/src/autocomplete/autocompleteview.d.ts +4 -4
- package/src/autocomplete/autocompleteview.js +2 -2
- package/src/badge/badge.d.ts +2 -2
- package/src/badge/badge.js +2 -2
- package/src/bindings/addkeyboardhandlingforgrid.d.ts +2 -2
- package/src/bindings/addkeyboardhandlingforgrid.js +1 -1
- package/src/bindings/clickoutsidehandler.d.ts +1 -1
- package/src/bindings/clickoutsidehandler.js +1 -1
- package/src/bindings/csstransitiondisablermixin.d.ts +5 -4
- package/src/bindings/csstransitiondisablermixin.js +11 -8
- package/src/bindings/draggableviewmixin.d.ts +3 -3
- package/src/bindings/draggableviewmixin.js +2 -2
- package/src/bindings/preventdefault.d.ts +4 -3
- package/src/bindings/preventdefault.js +3 -2
- package/src/bindings/submithandler.d.ts +3 -3
- package/src/bindings/submithandler.js +2 -2
- package/src/button/button.d.ts +1 -1
- package/src/button/buttonlabel.d.ts +2 -2
- package/src/button/buttonlabelview.d.ts +3 -3
- package/src/button/buttonlabelview.js +2 -2
- package/src/button/buttonview.d.ts +6 -6
- package/src/button/buttonview.js +4 -4
- package/src/button/filedialogbuttonview.d.ts +17 -12
- package/src/button/filedialogbuttonview.js +5 -13
- package/src/button/listitembuttonview.d.ts +8 -5
- package/src/button/listitembuttonview.js +8 -5
- package/src/button/switchbuttonview.d.ts +3 -3
- package/src/button/switchbuttonview.js +3 -3
- package/src/collapsible/collapsibleview.d.ts +4 -4
- package/src/collapsible/collapsibleview.js +3 -3
- package/src/colorgrid/colorgridview.d.ts +5 -5
- package/src/colorgrid/colorgridview.js +4 -4
- package/src/colorgrid/colortileview.d.ts +2 -2
- package/src/colorgrid/colortileview.js +2 -2
- package/src/colorpicker/colorpickerview.d.ts +8 -8
- package/src/colorpicker/colorpickerview.js +6 -5
- package/src/colorpicker/utils.d.ts +3 -0
- package/src/colorpicker/utils.js +4 -4
- package/src/colorselector/colorgridsfragmentview.d.ts +6 -6
- package/src/colorselector/colorgridsfragmentview.js +7 -7
- package/src/colorselector/colorpickerfragmentview.d.ts +5 -5
- package/src/colorselector/colorpickerfragmentview.js +4 -4
- package/src/colorselector/colorselectorview.d.ts +6 -6
- package/src/colorselector/colorselectorview.js +6 -6
- package/src/colorselector/documentcolorcollection.d.ts +1 -1
- package/src/colorselector/documentcolorcollection.js +1 -1
- package/src/componentfactory.d.ts +2 -2
- package/src/componentfactory.js +1 -1
- package/src/dialog/dialog.d.ts +3 -3
- package/src/dialog/dialog.js +2 -2
- package/src/dialog/dialogactionsview.d.ts +6 -6
- package/src/dialog/dialogactionsview.js +5 -5
- package/src/dialog/dialogcontentview.d.ts +3 -3
- package/src/dialog/dialogcontentview.js +2 -2
- package/src/dialog/dialogview.d.ts +8 -8
- package/src/dialog/dialogview.js +9 -9
- package/src/dropdown/button/dropdownbutton.d.ts +3 -3
- package/src/dropdown/button/dropdownbuttonview.d.ts +4 -4
- package/src/dropdown/button/dropdownbuttonview.js +3 -3
- package/src/dropdown/button/splitbuttonview.d.ts +6 -6
- package/src/dropdown/button/splitbuttonview.js +3 -3
- package/src/dropdown/dropdownpanelfocusable.d.ts +1 -1
- package/src/dropdown/dropdownpanelview.d.ts +4 -4
- package/src/dropdown/dropdownpanelview.js +2 -2
- package/src/dropdown/dropdownview.d.ts +7 -7
- package/src/dropdown/dropdownview.js +2 -2
- package/src/dropdown/menu/dropdownmenubehaviors.d.ts +8 -2
- package/src/dropdown/menu/dropdownmenubehaviors.js +7 -1
- package/src/dropdown/menu/dropdownmenubuttonview.d.ts +3 -3
- package/src/dropdown/menu/dropdownmenubuttonview.js +3 -3
- package/src/dropdown/menu/dropdownmenulistitembuttonview.d.ts +2 -2
- package/src/dropdown/menu/dropdownmenulistitembuttonview.js +2 -2
- package/src/dropdown/menu/dropdownmenulistitemview.d.ts +4 -4
- package/src/dropdown/menu/dropdownmenulistitemview.js +3 -3
- package/src/dropdown/menu/dropdownmenulistview.d.ts +2 -2
- package/src/dropdown/menu/dropdownmenulistview.js +2 -2
- package/src/dropdown/menu/dropdownmenunestedmenupanelview.d.ts +2 -2
- package/src/dropdown/menu/dropdownmenunestedmenupanelview.js +2 -2
- package/src/dropdown/menu/dropdownmenunestedmenuview.d.ts +6 -6
- package/src/dropdown/menu/dropdownmenunestedmenuview.js +5 -5
- package/src/dropdown/menu/dropdownmenurootlistview.d.ts +5 -5
- package/src/dropdown/menu/dropdownmenurootlistview.js +5 -5
- package/src/dropdown/utils.d.ts +7 -7
- package/src/dropdown/utils.js +14 -14
- package/src/editableui/editableuiview.d.ts +2 -2
- package/src/editableui/editableuiview.js +2 -2
- package/src/editableui/inline/inlineeditableuiview.d.ts +3 -4
- package/src/editableui/inline/inlineeditableuiview.js +2 -2
- package/src/editorui/accessibilityhelp/accessibilityhelp.d.ts +3 -3
- package/src/editorui/accessibilityhelp/accessibilityhelp.js +5 -5
- package/src/editorui/accessibilityhelp/accessibilityhelpcontentview.d.ts +2 -2
- package/src/editorui/accessibilityhelp/accessibilityhelpcontentview.js +3 -3
- package/src/editorui/bodycollection.d.ts +3 -3
- package/src/editorui/bodycollection.js +3 -3
- package/src/editorui/boxed/boxededitoruiview.d.ts +3 -3
- package/src/editorui/boxed/boxededitoruiview.js +3 -3
- package/src/editorui/editorui.d.ts +10 -16
- package/src/editorui/editorui.js +6 -25
- package/src/editorui/editoruiview.d.ts +6 -6
- package/src/editorui/editoruiview.js +3 -3
- package/src/editorui/evaluationbadge.d.ts +3 -3
- package/src/editorui/evaluationbadge.js +3 -3
- package/src/editorui/poweredby.d.ts +4 -6
- package/src/editorui/poweredby.js +4 -4
- package/src/focuscycler.d.ts +3 -3
- package/src/focuscycler.js +1 -1
- package/src/formheader/formheaderview.d.ts +4 -4
- package/src/formheader/formheaderview.js +3 -3
- package/src/formrow/formrowview.d.ts +4 -4
- package/src/formrow/formrowview.js +2 -2
- package/src/highlightedtext/buttonlabelwithhighlightview.d.ts +3 -3
- package/src/highlightedtext/buttonlabelwithhighlightview.js +2 -2
- package/src/highlightedtext/highlightedtextview.d.ts +2 -2
- package/src/highlightedtext/highlightedtextview.js +2 -2
- package/src/highlightedtext/labelwithhighlightview.d.ts +3 -3
- package/src/highlightedtext/labelwithhighlightview.js +2 -2
- package/src/icon/iconview.d.ts +2 -2
- package/src/icon/iconview.js +2 -2
- package/src/iframe/iframeview.d.ts +2 -2
- package/src/iframe/iframeview.js +2 -2
- package/src/index.d.ts +128 -85
- package/src/index.js +122 -82
- package/src/input/inputbase.d.ts +2 -2
- package/src/input/inputbase.js +2 -2
- package/src/input/inputview.d.ts +2 -2
- package/src/input/inputview.js +2 -2
- package/src/inputnumber/inputnumberview.d.ts +2 -2
- package/src/inputnumber/inputnumberview.js +2 -2
- package/src/inputtext/inputtextview.d.ts +2 -2
- package/src/inputtext/inputtextview.js +2 -2
- package/src/label/labelview.d.ts +2 -2
- package/src/label/labelview.js +2 -2
- package/src/labeledfield/labeledfieldview.d.ts +4 -4
- package/src/labeledfield/labeledfieldview.js +3 -3
- package/src/labeledfield/utils.d.ts +4 -4
- package/src/labeledfield/utils.js +3 -3
- package/src/labeledinput/labeledinputview.d.ts +4 -4
- package/src/labeledinput/labeledinputview.js +3 -3
- package/src/legacyerrors.d.ts +5 -0
- package/src/legacyerrors.js +20 -0
- package/src/list/listitemgroupview.d.ts +5 -5
- package/src/list/listitemgroupview.js +5 -5
- package/src/list/listitemview.d.ts +3 -3
- package/src/list/listitemview.js +2 -2
- package/src/list/listseparatorview.d.ts +2 -2
- package/src/list/listseparatorview.js +2 -2
- package/src/list/listview.d.ts +7 -7
- package/src/list/listview.js +6 -6
- package/src/menubar/menubarmenubuttonview.d.ts +3 -3
- package/src/menubar/menubarmenubuttonview.js +3 -3
- package/src/menubar/menubarmenulistitembuttonview.d.ts +2 -2
- package/src/menubar/menubarmenulistitembuttonview.js +2 -2
- package/src/menubar/menubarmenulistitemfiledialogbuttonview.d.ts +1 -1
- package/src/menubar/menubarmenulistitemfiledialogbuttonview.js +1 -1
- package/src/menubar/menubarmenulistitemview.d.ts +3 -3
- package/src/menubar/menubarmenulistitemview.js +2 -2
- package/src/menubar/menubarmenulistview.d.ts +2 -2
- package/src/menubar/menubarmenulistview.js +5 -5
- package/src/menubar/menubarmenupanelview.d.ts +3 -3
- package/src/menubar/menubarmenupanelview.js +2 -2
- package/src/menubar/menubarmenuview.d.ts +4 -4
- package/src/menubar/menubarmenuview.js +4 -4
- package/src/menubar/menubarview.d.ts +6 -7
- package/src/menubar/menubarview.js +9 -9
- package/src/menubar/utils.d.ts +10 -3
- package/src/menubar/utils.js +10 -2
- package/src/model.d.ts +2 -2
- package/src/model.js +1 -1
- package/src/notification/notification.d.ts +1 -1
- package/src/notification/notification.js +1 -1
- package/src/panel/balloon/balloonpanelview.d.ts +13 -13
- package/src/panel/balloon/balloonpanelview.js +9 -9
- package/src/panel/balloon/contextualballoon.d.ts +14 -13
- package/src/panel/balloon/contextualballoon.js +8 -7
- package/src/panel/sticky/stickypanelview.d.ts +3 -3
- package/src/panel/sticky/stickypanelview.js +3 -3
- package/src/search/filteredview.d.ts +1 -1
- package/src/search/filtergroupanditemnames.d.ts +5 -5
- package/src/search/filtergroupanditemnames.js +1 -1
- package/src/search/searchinfoview.d.ts +2 -2
- package/src/search/searchinfoview.js +2 -2
- package/src/search/searchresultsview.d.ts +4 -4
- package/src/search/searchresultsview.js +3 -3
- package/src/search/text/searchtextqueryview.d.ts +5 -5
- package/src/search/text/searchtextqueryview.js +4 -4
- package/src/search/text/searchtextview.d.ts +9 -9
- package/src/search/text/searchtextview.js +6 -6
- package/src/spinner/spinnerview.d.ts +2 -2
- package/src/spinner/spinnerview.js +2 -2
- package/src/template.d.ts +6 -5
- package/src/template.js +4 -4
- package/src/textarea/textareaview.d.ts +2 -2
- package/src/textarea/textareaview.js +2 -2
- package/src/toolbar/balloon/balloontoolbar.d.ts +3 -3
- package/src/toolbar/balloon/balloontoolbar.js +5 -5
- package/src/toolbar/block/blockbuttonview.d.ts +2 -2
- package/src/toolbar/block/blockbuttonview.js +2 -2
- package/src/toolbar/block/blocktoolbar.d.ts +6 -6
- package/src/toolbar/block/blocktoolbar.js +8 -8
- package/src/toolbar/normalizetoolbarconfig.d.ts +1 -1
- package/src/toolbar/normalizetoolbarconfig.js +1 -1
- package/src/toolbar/toolbarlinebreakview.d.ts +2 -2
- package/src/toolbar/toolbarlinebreakview.js +2 -2
- package/src/toolbar/toolbarseparatorview.d.ts +2 -2
- package/src/toolbar/toolbarseparatorview.js +2 -2
- package/src/toolbar/toolbarview.d.ts +10 -7
- package/src/toolbar/toolbarview.js +11 -8
- package/src/tooltipmanager.d.ts +3 -3
- package/src/tooltipmanager.js +3 -3
- package/src/view.d.ts +3 -3
- package/src/view.js +3 -3
- package/src/viewcollection.d.ts +2 -2
- package/src/viewcollection.js +1 -1
- package/src/bindings/injectcsstransitiondisabler.d.ts +0 -59
- package/src/bindings/injectcsstransitiondisabler.js +0 -71
@@ -6,16 +6,16 @@
|
|
6
6
|
* @module ui/dialog/dialogactionsview
|
7
7
|
*/
|
8
8
|
import { KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
|
9
|
-
import type {
|
10
|
-
import ButtonView from '../button/buttonview.js';
|
11
|
-
import View from '../view.js';
|
12
|
-
import ViewCollection from '../viewcollection.js';
|
13
|
-
import FocusCycler,
|
9
|
+
import type { Button } from '../button/button.js';
|
10
|
+
import { ButtonView } from '../button/buttonview.js';
|
11
|
+
import { View } from '../view.js';
|
12
|
+
import { ViewCollection } from '../viewcollection.js';
|
13
|
+
import { FocusCycler, type FocusableView } from '../focuscycler.js';
|
14
14
|
import '../../theme/components/dialog/dialogactions.css';
|
15
15
|
/**
|
16
16
|
* A dialog actions view class. It contains button views which are used to execute dialog actions.
|
17
17
|
*/
|
18
|
-
export
|
18
|
+
export declare class DialogActionsView extends View {
|
19
19
|
/**
|
20
20
|
* A collection of button views.
|
21
21
|
*/
|
@@ -6,15 +6,15 @@
|
|
6
6
|
* @module ui/dialog/dialogactionsview
|
7
7
|
*/
|
8
8
|
import { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
|
9
|
-
import ButtonView from '../button/buttonview.js';
|
10
|
-
import View from '../view.js';
|
11
|
-
import ViewCollection from '../viewcollection.js';
|
12
|
-
import FocusCycler from '../focuscycler.js';
|
9
|
+
import { ButtonView } from '../button/buttonview.js';
|
10
|
+
import { View } from '../view.js';
|
11
|
+
import { ViewCollection } from '../viewcollection.js';
|
12
|
+
import { FocusCycler } from '../focuscycler.js';
|
13
13
|
import '../../theme/components/dialog/dialogactions.css';
|
14
14
|
/**
|
15
15
|
* A dialog actions view class. It contains button views which are used to execute dialog actions.
|
16
16
|
*/
|
17
|
-
export
|
17
|
+
export class DialogActionsView extends View {
|
18
18
|
/**
|
19
19
|
* A collection of button views.
|
20
20
|
*/
|
@@ -5,13 +5,13 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/dialog/dialogcontentview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
9
|
-
import type ViewCollection from '../viewcollection.js';
|
8
|
+
import { View } from '../view.js';
|
9
|
+
import { type ViewCollection } from '../viewcollection.js';
|
10
10
|
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
11
11
|
/**
|
12
12
|
* A dialog content view class.
|
13
13
|
*/
|
14
|
-
export
|
14
|
+
export declare class DialogContentView extends View {
|
15
15
|
/**
|
16
16
|
* A collection of content items.
|
17
17
|
*/
|
@@ -5,11 +5,11 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/dialog/dialogcontentview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
8
|
+
import { View } from '../view.js';
|
9
9
|
/**
|
10
10
|
* A dialog content view class.
|
11
11
|
*/
|
12
|
-
export
|
12
|
+
export class DialogContentView extends View {
|
13
13
|
/**
|
14
14
|
* A collection of content items.
|
15
15
|
*/
|
@@ -6,14 +6,14 @@
|
|
6
6
|
* @module ui/dialog/dialogview
|
7
7
|
*/
|
8
8
|
import { KeystrokeHandler, FocusTracker, type Locale, type DecoratedMethodEvent, type KeystrokeHandlerOptions } from '@ckeditor/ckeditor5-utils';
|
9
|
-
import ViewCollection from '../viewcollection.js';
|
10
|
-
import View from '../view.js';
|
11
|
-
import FormHeaderView from '../formheader/formheaderview.js';
|
12
|
-
import ButtonView from '../button/buttonview.js';
|
9
|
+
import { ViewCollection } from '../viewcollection.js';
|
10
|
+
import { View } from '../view.js';
|
11
|
+
import { FormHeaderView } from '../formheader/formheaderview.js';
|
12
|
+
import { ButtonView } from '../button/buttonview.js';
|
13
13
|
import { type DraggableView } from '../bindings/draggableviewmixin.js';
|
14
|
-
import DialogActionsView,
|
15
|
-
import DialogContentView from './dialogcontentview.js';
|
16
|
-
import type EditorUI from '../editorui/editorui.js';
|
14
|
+
import { DialogActionsView, type DialogActionButtonDefinition } from './dialogactionsview.js';
|
15
|
+
import { DialogContentView } from './dialogcontentview.js';
|
16
|
+
import { type EditorUI } from '../editorui/editorui.js';
|
17
17
|
import '../../theme/components/dialog/dialog.css';
|
18
18
|
/**
|
19
19
|
* Available dialog view positions:
|
@@ -43,7 +43,7 @@ declare const DialogView_base: import("@ckeditor/ckeditor5-utils").Mixed<typeof
|
|
43
43
|
/**
|
44
44
|
* A dialog view class.
|
45
45
|
*/
|
46
|
-
export
|
46
|
+
export declare class DialogView extends /* #__PURE__ */ DialogView_base implements DraggableView {
|
47
47
|
/**
|
48
48
|
* A collection of the child views inside of the dialog.
|
49
49
|
* A dialog can have 3 optional parts: header, content, and actions.
|
package/src/dialog/dialogview.js
CHANGED
@@ -7,14 +7,14 @@
|
|
7
7
|
*/
|
8
8
|
import { KeystrokeHandler, FocusTracker, Rect, global, toUnit } from '@ckeditor/ckeditor5-utils';
|
9
9
|
import { IconCancel } from '@ckeditor/ckeditor5-icons';
|
10
|
-
import ViewCollection from '../viewcollection.js';
|
11
|
-
import View from '../view.js';
|
12
|
-
import FormHeaderView from '../formheader/formheaderview.js';
|
13
|
-
import ButtonView from '../button/buttonview.js';
|
14
|
-
import FocusCycler,
|
15
|
-
import DraggableViewMixin from '../bindings/draggableviewmixin.js';
|
16
|
-
import DialogActionsView from './dialogactionsview.js';
|
17
|
-
import DialogContentView from './dialogcontentview.js';
|
10
|
+
import { ViewCollection } from '../viewcollection.js';
|
11
|
+
import { View } from '../view.js';
|
12
|
+
import { FormHeaderView } from '../formheader/formheaderview.js';
|
13
|
+
import { ButtonView } from '../button/buttonview.js';
|
14
|
+
import { FocusCycler, isViewWithFocusCycler, isFocusable } from '../focuscycler.js';
|
15
|
+
import { DraggableViewMixin } from '../bindings/draggableviewmixin.js';
|
16
|
+
import { DialogActionsView } from './dialogactionsview.js';
|
17
|
+
import { DialogContentView } from './dialogcontentview.js';
|
18
18
|
import '../../theme/components/dialog/dialog.css';
|
19
19
|
// @if CK_DEBUG_DIALOG // const RectDrawer = require( '@ckeditor/ckeditor5-utils/tests/_utils/rectdrawer' ).default;
|
20
20
|
/**
|
@@ -509,4 +509,4 @@ class DialogView extends /* #__PURE__ */ DraggableViewMixin(View) {
|
|
509
509
|
return buttonView;
|
510
510
|
}
|
511
511
|
}
|
512
|
-
export
|
512
|
+
export { DialogView };
|
@@ -5,12 +5,12 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/dropdown/button/dropdownbutton
|
7
7
|
*/
|
8
|
-
import type Button from '../../button/button.js';
|
9
|
-
import type ViewCollection from '../../viewcollection.js';
|
8
|
+
import { type Button } from '../../button/button.js';
|
9
|
+
import { type ViewCollection } from '../../viewcollection.js';
|
10
10
|
/**
|
11
11
|
* The dropdown button interface.
|
12
12
|
*/
|
13
|
-
export
|
13
|
+
export interface DropdownButton extends Button {
|
14
14
|
children: ViewCollection;
|
15
15
|
}
|
16
16
|
/**
|
@@ -2,9 +2,9 @@
|
|
2
2
|
* @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
4
4
|
*/
|
5
|
-
import ButtonView from '../../button/buttonview.js';
|
6
|
-
import type DropdownButton from './dropdownbutton.js';
|
7
|
-
import IconView from '../../icon/iconview.js';
|
5
|
+
import { ButtonView } from '../../button/buttonview.js';
|
6
|
+
import { type DropdownButton } from './dropdownbutton.js';
|
7
|
+
import { IconView } from '../../icon/iconview.js';
|
8
8
|
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
9
9
|
/**
|
10
10
|
* The default dropdown button view class.
|
@@ -25,7 +25,7 @@ import type { Locale } from '@ckeditor/ckeditor5-utils';
|
|
25
25
|
*
|
26
26
|
* Also see the {@link module:ui/dropdown/utils~createDropdown `createDropdown()` util}.
|
27
27
|
*/
|
28
|
-
export
|
28
|
+
export declare class DropdownButtonView extends ButtonView implements DropdownButton {
|
29
29
|
/**
|
30
30
|
* An icon that displays arrow to indicate a dropdown button.
|
31
31
|
*/
|
@@ -6,8 +6,8 @@
|
|
6
6
|
* @module ui/dropdown/button/dropdownbuttonview
|
7
7
|
*/
|
8
8
|
import { IconDropdownArrow } from '@ckeditor/ckeditor5-icons';
|
9
|
-
import ButtonView from '../../button/buttonview.js';
|
10
|
-
import IconView from '../../icon/iconview.js';
|
9
|
+
import { ButtonView } from '../../button/buttonview.js';
|
10
|
+
import { IconView } from '../../icon/iconview.js';
|
11
11
|
/**
|
12
12
|
* The default dropdown button view class.
|
13
13
|
*
|
@@ -27,7 +27,7 @@ import IconView from '../../icon/iconview.js';
|
|
27
27
|
*
|
28
28
|
* Also see the {@link module:ui/dropdown/utils~createDropdown `createDropdown()` util}.
|
29
29
|
*/
|
30
|
-
export
|
30
|
+
export class DropdownButtonView extends ButtonView {
|
31
31
|
/**
|
32
32
|
* An icon that displays arrow to indicate a dropdown button.
|
33
33
|
*/
|
@@ -3,11 +3,11 @@
|
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
4
4
|
*/
|
5
5
|
import { KeystrokeHandler, FocusTracker, type Locale } from '@ckeditor/ckeditor5-utils';
|
6
|
-
import View from '../../view.js';
|
7
|
-
import ButtonView from '../../button/buttonview.js';
|
8
|
-
import type ViewCollection from '../../viewcollection.js';
|
9
|
-
import type Button from '../../button/button.js';
|
10
|
-
import type DropdownButton from './dropdownbutton.js';
|
6
|
+
import { View } from '../../view.js';
|
7
|
+
import { ButtonView } from '../../button/buttonview.js';
|
8
|
+
import { type ViewCollection } from '../../viewcollection.js';
|
9
|
+
import { type Button } from '../../button/button.js';
|
10
|
+
import { type DropdownButton } from './dropdownbutton.js';
|
11
11
|
import type { FocusableView } from '../../focuscycler.js';
|
12
12
|
import '../../../theme/components/dropdown/splitbutton.css';
|
13
13
|
/**
|
@@ -29,7 +29,7 @@ import '../../../theme/components/dropdown/splitbutton.css';
|
|
29
29
|
*
|
30
30
|
* Also see the {@link module:ui/dropdown/utils~createDropdown `createDropdown()` util}.
|
31
31
|
*/
|
32
|
-
export
|
32
|
+
export declare class SplitButtonView extends View<HTMLDivElement> implements DropdownButton {
|
33
33
|
/**
|
34
34
|
* Collection of the child views inside of the split button {@link #element}.
|
35
35
|
*/
|
@@ -7,8 +7,8 @@
|
|
7
7
|
*/
|
8
8
|
import { IconDropdownArrow } from '@ckeditor/ckeditor5-icons';
|
9
9
|
import { KeystrokeHandler, FocusTracker } from '@ckeditor/ckeditor5-utils';
|
10
|
-
import View from '../../view.js';
|
11
|
-
import ButtonView from '../../button/buttonview.js';
|
10
|
+
import { View } from '../../view.js';
|
11
|
+
import { ButtonView } from '../../button/buttonview.js';
|
12
12
|
import '../../../theme/components/dropdown/splitbutton.css';
|
13
13
|
/**
|
14
14
|
* The split button view class.
|
@@ -29,7 +29,7 @@ import '../../../theme/components/dropdown/splitbutton.css';
|
|
29
29
|
*
|
30
30
|
* Also see the {@link module:ui/dropdown/utils~createDropdown `createDropdown()` util}.
|
31
31
|
*/
|
32
|
-
export
|
32
|
+
export class SplitButtonView extends View {
|
33
33
|
/**
|
34
34
|
* Collection of the child views inside of the split button {@link #element}.
|
35
35
|
*/
|
@@ -9,7 +9,7 @@
|
|
9
9
|
* The dropdown panel interface for focusable contents. It provides two methods for managing focus of the contents
|
10
10
|
* of dropdown's panel.
|
11
11
|
*/
|
12
|
-
export
|
12
|
+
export interface DropdownPanelFocusable {
|
13
13
|
/**
|
14
14
|
* Focuses the view element or first item in view collection on opening dropdown's panel.
|
15
15
|
*/
|
@@ -5,16 +5,16 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/dropdown/dropdownpanelview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
9
|
-
import type ViewCollection from '../viewcollection.js';
|
10
|
-
import type DropdownPanelFocusable from './dropdownpanelfocusable.js';
|
8
|
+
import { View } from '../view.js';
|
9
|
+
import { type ViewCollection } from '../viewcollection.js';
|
10
|
+
import { type DropdownPanelFocusable } from './dropdownpanelfocusable.js';
|
11
11
|
import { type Locale } from '@ckeditor/ckeditor5-utils';
|
12
12
|
/**
|
13
13
|
* The dropdown panel view class.
|
14
14
|
*
|
15
15
|
* See {@link module:ui/dropdown/dropdownview~DropdownView} to learn about the common usage.
|
16
16
|
*/
|
17
|
-
export
|
17
|
+
export declare class DropdownPanelView extends View implements DropdownPanelFocusable {
|
18
18
|
/**
|
19
19
|
* Collection of the child views in this panel.
|
20
20
|
*
|
@@ -5,14 +5,14 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/dropdown/dropdownpanelview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
8
|
+
import { View } from '../view.js';
|
9
9
|
import { logWarning } from '@ckeditor/ckeditor5-utils';
|
10
10
|
/**
|
11
11
|
* The dropdown panel view class.
|
12
12
|
*
|
13
13
|
* See {@link module:ui/dropdown/dropdownview~DropdownView} to learn about the common usage.
|
14
14
|
*/
|
15
|
-
export
|
15
|
+
export class DropdownPanelView extends View {
|
16
16
|
/**
|
17
17
|
* Collection of the child views in this panel.
|
18
18
|
*
|
@@ -5,13 +5,13 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/dropdown/dropdownview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
9
|
-
import type {
|
10
|
-
import type {
|
8
|
+
import { View } from '../view.js';
|
9
|
+
import type { DropdownButton } from './button/dropdownbutton.js';
|
10
|
+
import type { DropdownPanelView, PanelPosition } from './dropdownpanelview.js';
|
11
11
|
import type { FocusableView } from '../focuscycler.js';
|
12
|
-
import type ListView from '../list/listview.js';
|
13
|
-
import type ToolbarView from '../toolbar/toolbarview.js';
|
14
|
-
import type DropdownMenuRootListView from './menu/dropdownmenurootlistview.js';
|
12
|
+
import { type ListView } from '../list/listview.js';
|
13
|
+
import { type ToolbarView } from '../toolbar/toolbarview.js';
|
14
|
+
import { type DropdownMenuRootListView } from './menu/dropdownmenurootlistview.js';
|
15
15
|
import { KeystrokeHandler, FocusTracker, type Locale, type PositioningFunction } from '@ckeditor/ckeditor5-utils';
|
16
16
|
import '../../theme/components/dropdown/dropdown.css';
|
17
17
|
/**
|
@@ -66,7 +66,7 @@ import '../../theme/components/dropdown/dropdown.css';
|
|
66
66
|
* (which should close it) and support for arrow keys inside the panel. Therefore, unless you really know what
|
67
67
|
* you do and you really need to do it, it is recommended to use the {@link module:ui/dropdown/utils~createDropdown} helper.
|
68
68
|
*/
|
69
|
-
export
|
69
|
+
export declare class DropdownView extends View<HTMLDivElement> {
|
70
70
|
/**
|
71
71
|
* Button of the dropdown view. Clicking the button opens the {@link #panelView}.
|
72
72
|
*/
|
@@ -5,7 +5,7 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/dropdown/dropdownview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
8
|
+
import { View } from '../view.js';
|
9
9
|
import { KeystrokeHandler, FocusTracker, getOptimalPosition } from '@ckeditor/ckeditor5-utils';
|
10
10
|
import '../../theme/components/dropdown/dropdown.css';
|
11
11
|
/**
|
@@ -436,4 +436,4 @@ class DropdownView extends View {
|
|
436
436
|
*/
|
437
437
|
static _getOptimalPosition = getOptimalPosition;
|
438
438
|
}
|
439
|
-
export
|
439
|
+
export { DropdownView };
|
@@ -2,8 +2,11 @@
|
|
2
2
|
* @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
4
4
|
*/
|
5
|
-
import type DropdownMenuNestedMenuView from './dropdownmenunestedmenuview.js';
|
6
|
-
import type DropdownMenuRootListView from './dropdownmenurootlistview.js';
|
5
|
+
import { type DropdownMenuNestedMenuView } from './dropdownmenunestedmenuview.js';
|
6
|
+
import { type DropdownMenuRootListView } from './dropdownmenurootlistview.js';
|
7
|
+
/**
|
8
|
+
* @internal
|
9
|
+
*/
|
7
10
|
export declare const DropdownRootMenuBehaviors: {
|
8
11
|
/**
|
9
12
|
* Move focus to a menu item on mouse hover. If it is a button to open a nested menu, open that menu.
|
@@ -19,6 +22,9 @@ export declare const DropdownRootMenuBehaviors: {
|
|
19
22
|
*/
|
20
23
|
closeMenuWhenAnotherOnTheSameLevelOpens(rootList: DropdownMenuRootListView): void;
|
21
24
|
};
|
25
|
+
/**
|
26
|
+
* @internal
|
27
|
+
*/
|
22
28
|
export declare const DropdownMenuBehaviors: {
|
23
29
|
/**
|
24
30
|
* Open the menu on the right arrow key press (left, in RTL mode). This allows for navigating to sub-menus using the keyboard.
|
@@ -2,7 +2,10 @@
|
|
2
2
|
* @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
4
4
|
*/
|
5
|
-
import DropdownMenuListItemView from './dropdownmenulistitemview.js';
|
5
|
+
import { DropdownMenuListItemView } from './dropdownmenulistitemview.js';
|
6
|
+
/**
|
7
|
+
* @internal
|
8
|
+
*/
|
6
9
|
export const DropdownRootMenuBehaviors = {
|
7
10
|
/**
|
8
11
|
* Move focus to a menu item on mouse hover. If it is a button to open a nested menu, open that menu.
|
@@ -39,6 +42,9 @@ export const DropdownRootMenuBehaviors = {
|
|
39
42
|
});
|
40
43
|
}
|
41
44
|
};
|
45
|
+
/**
|
46
|
+
* @internal
|
47
|
+
*/
|
42
48
|
export const DropdownMenuBehaviors = {
|
43
49
|
/**
|
44
50
|
* Open the menu on the right arrow key press (left, in RTL mode). This allows for navigating to sub-menus using the keyboard.
|
@@ -2,14 +2,14 @@
|
|
2
2
|
* @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
4
4
|
*/
|
5
|
-
import IconView from '../../icon/iconview.js';
|
6
|
-
import ListItemButtonView from '../../button/listitembuttonview.js';
|
5
|
+
import { IconView } from '../../icon/iconview.js';
|
6
|
+
import { ListItemButtonView } from '../../button/listitembuttonview.js';
|
7
7
|
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
8
8
|
import '../../../theme/components/dropdown/menu/dropdownmenubutton.css';
|
9
9
|
/**
|
10
10
|
* Represents a view for a dropdown menu button.
|
11
11
|
*/
|
12
|
-
export
|
12
|
+
export declare class DropdownMenuButtonView extends ListItemButtonView {
|
13
13
|
/**
|
14
14
|
* An icon that displays an arrow to indicate a direction of the menu.
|
15
15
|
*/
|
@@ -6,13 +6,13 @@
|
|
6
6
|
* @module ui/dropdown/menu/dropdownmenubuttonview
|
7
7
|
*/
|
8
8
|
import { IconDropdownArrow } from '@ckeditor/ckeditor5-icons';
|
9
|
-
import IconView from '../../icon/iconview.js';
|
10
|
-
import ListItemButtonView from '../../button/listitembuttonview.js';
|
9
|
+
import { IconView } from '../../icon/iconview.js';
|
10
|
+
import { ListItemButtonView } from '../../button/listitembuttonview.js';
|
11
11
|
import '../../../theme/components/dropdown/menu/dropdownmenubutton.css';
|
12
12
|
/**
|
13
13
|
* Represents a view for a dropdown menu button.
|
14
14
|
*/
|
15
|
-
export
|
15
|
+
export class DropdownMenuButtonView extends ListItemButtonView {
|
16
16
|
/**
|
17
17
|
* An icon that displays an arrow to indicate a direction of the menu.
|
18
18
|
*/
|
@@ -6,12 +6,12 @@
|
|
6
6
|
* @module ui/dropdown/menu/dropdownmenulistitembuttonview
|
7
7
|
*/
|
8
8
|
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
9
|
-
import ButtonView from '../../button/buttonview.js';
|
9
|
+
import { ButtonView } from '../../button/buttonview.js';
|
10
10
|
import '../../../theme/components/dropdown/menu/dropdownmenulistitembutton.css';
|
11
11
|
/**
|
12
12
|
* Represents a view for a button in a dropdown menu list item.
|
13
13
|
*/
|
14
|
-
export
|
14
|
+
export declare class DropdownMenuListItemButtonView extends ButtonView {
|
15
15
|
readonly id: string;
|
16
16
|
constructor(locale: Locale, id: string, label: string);
|
17
17
|
}
|
@@ -2,12 +2,12 @@
|
|
2
2
|
* @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
4
4
|
*/
|
5
|
-
import ButtonView from '../../button/buttonview.js';
|
5
|
+
import { ButtonView } from '../../button/buttonview.js';
|
6
6
|
import '../../../theme/components/dropdown/menu/dropdownmenulistitembutton.css';
|
7
7
|
/**
|
8
8
|
* Represents a view for a button in a dropdown menu list item.
|
9
9
|
*/
|
10
|
-
export
|
10
|
+
export class DropdownMenuListItemButtonView extends ButtonView {
|
11
11
|
id;
|
12
12
|
constructor(locale, id, label) {
|
13
13
|
super(locale);
|
@@ -6,14 +6,14 @@
|
|
6
6
|
* @module ui/dropdown/menu/dropdownmenulistitemview
|
7
7
|
*/
|
8
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';
|
9
|
+
import { type DropdownMenuNestedMenuView } from './dropdownmenunestedmenuview.js';
|
10
|
+
import { ListItemView } from '../../list/listitemview.js';
|
11
|
+
import { DropdownMenuListItemButtonView } from './dropdownmenulistitembuttonview.js';
|
12
12
|
import '../../../theme/components/dropdown/menu/dropdownmenulistitem.css';
|
13
13
|
/**
|
14
14
|
* Represents a view for a single item in a dropdown menu list.
|
15
15
|
*/
|
16
|
-
export
|
16
|
+
export declare class DropdownMenuListItemView extends ListItemView {
|
17
17
|
/**
|
18
18
|
* The view representing either a flat item or a nested menu in a dropdown menu list item.
|
19
19
|
*/
|
@@ -2,13 +2,13 @@
|
|
2
2
|
* @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
4
4
|
*/
|
5
|
-
import ListItemView from '../../list/listitemview.js';
|
6
|
-
import DropdownMenuListItemButtonView from './dropdownmenulistitembuttonview.js';
|
5
|
+
import { ListItemView } from '../../list/listitemview.js';
|
6
|
+
import { DropdownMenuListItemButtonView } from './dropdownmenulistitembuttonview.js';
|
7
7
|
import '../../../theme/components/dropdown/menu/dropdownmenulistitem.css';
|
8
8
|
/**
|
9
9
|
* Represents a view for a single item in a dropdown menu list.
|
10
10
|
*/
|
11
|
-
export
|
11
|
+
export class DropdownMenuListItemView extends ListItemView {
|
12
12
|
/**
|
13
13
|
* The view representing either a flat item or a nested menu in a dropdown menu list item.
|
14
14
|
*/
|
@@ -6,11 +6,11 @@
|
|
6
6
|
* @module ui/dropdown/menu/dropdownmenulistview
|
7
7
|
*/
|
8
8
|
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
9
|
-
import ListView from '../../list/listview.js';
|
9
|
+
import { ListView } from '../../list/listview.js';
|
10
10
|
/**
|
11
11
|
* Represents a dropdown menu list view.
|
12
12
|
*/
|
13
|
-
export
|
13
|
+
export declare class DropdownMenuListView extends ListView {
|
14
14
|
/**
|
15
15
|
* Represents whether the dropdown menu list view is visible or not.
|
16
16
|
*/
|
@@ -2,11 +2,11 @@
|
|
2
2
|
* @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
4
4
|
*/
|
5
|
-
import ListView from '../../list/listview.js';
|
5
|
+
import { ListView } from '../../list/listview.js';
|
6
6
|
/**
|
7
7
|
* Represents a dropdown menu list view.
|
8
8
|
*/
|
9
|
-
export
|
9
|
+
export class DropdownMenuListView extends ListView {
|
10
10
|
/**
|
11
11
|
* Creates an instance of the dropdown menu list view.
|
12
12
|
*
|
@@ -7,12 +7,12 @@
|
|
7
7
|
*/
|
8
8
|
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
9
9
|
import type { FocusableView } from '../../focuscycler.js';
|
10
|
-
import BalloonPanelView from '../../panel/balloon/balloonpanelview.js';
|
10
|
+
import { BalloonPanelView } from '../../panel/balloon/balloonpanelview.js';
|
11
11
|
import '../../../theme/components/dropdown/menu/dropdownmenupanel.css';
|
12
12
|
/**
|
13
13
|
* Represents the view for the dropdown menu panel.
|
14
14
|
*/
|
15
|
-
export
|
15
|
+
export declare class DropdownMenuNestedMenuPanelView extends BalloonPanelView implements FocusableView {
|
16
16
|
/**
|
17
17
|
* Creates an instance of the menu panel view.
|
18
18
|
*
|
@@ -2,12 +2,12 @@
|
|
2
2
|
* @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
4
4
|
*/
|
5
|
-
import BalloonPanelView from '../../panel/balloon/balloonpanelview.js';
|
5
|
+
import { BalloonPanelView } from '../../panel/balloon/balloonpanelview.js';
|
6
6
|
import '../../../theme/components/dropdown/menu/dropdownmenupanel.css';
|
7
7
|
/**
|
8
8
|
* Represents the view for the dropdown menu panel.
|
9
9
|
*/
|
10
|
-
export
|
10
|
+
export class DropdownMenuNestedMenuPanelView extends BalloonPanelView {
|
11
11
|
/**
|
12
12
|
* Creates an instance of the menu panel view.
|
13
13
|
*
|
@@ -7,16 +7,16 @@
|
|
7
7
|
*/
|
8
8
|
import { FocusTracker, KeystrokeHandler, type PositioningFunction, type Locale } from '@ckeditor/ckeditor5-utils';
|
9
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,
|
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
15
|
import '../../../theme/components/dropdown/menu/dropdownmenu.css';
|
16
16
|
/**
|
17
17
|
* Represents a nested menu view.
|
18
18
|
*/
|
19
|
-
export
|
19
|
+
export declare class DropdownMenuNestedMenuView extends View implements FocusableView {
|
20
20
|
/**
|
21
21
|
* An array of delegated events for the dropdown menu definition controller.
|
22
22
|
* These events are delegated to the dropdown menu element.
|
@@ -6,12 +6,12 @@
|
|
6
6
|
* @module ui/dropdown/menu/dropdownmenunestedmenuview
|
7
7
|
*/
|
8
8
|
import { FocusTracker, KeystrokeHandler, global } from '@ckeditor/ckeditor5-utils';
|
9
|
-
import DropdownMenuButtonView from './dropdownmenubuttonview.js';
|
10
|
-
import DropdownMenuListView from './dropdownmenulistview.js';
|
9
|
+
import { DropdownMenuButtonView } from './dropdownmenubuttonview.js';
|
10
|
+
import { DropdownMenuListView } from './dropdownmenulistview.js';
|
11
11
|
import { DropdownMenuPanelPositioningFunctions } from './utils.js';
|
12
12
|
import { DropdownMenuBehaviors } from './dropdownmenubehaviors.js';
|
13
|
-
import View from '../../view.js';
|
14
|
-
import DropdownMenuNestedMenuPanelView from './dropdownmenunestedmenupanelview.js';
|
13
|
+
import { View } from '../../view.js';
|
14
|
+
import { DropdownMenuNestedMenuPanelView } from './dropdownmenunestedmenupanelview.js';
|
15
15
|
import '../../../theme/components/dropdown/menu/dropdownmenu.css';
|
16
16
|
/**
|
17
17
|
* Represents a nested menu view.
|
@@ -212,4 +212,4 @@ class DropdownMenuNestedMenuView extends View {
|
|
212
212
|
}
|
213
213
|
}
|
214
214
|
}
|
215
|
-
export
|
215
|
+
export { DropdownMenuNestedMenuView };
|