@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,15 +6,15 @@
|
|
6
6
|
* @module ui/button/listitembuttonview
|
7
7
|
*/
|
8
8
|
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
9
|
-
import type ButtonLabel from './buttonlabel.js';
|
10
|
-
import type ViewCollection from '../viewcollection.js';
|
11
|
-
import ButtonView from './buttonview.js';
|
12
|
-
import View from '../view.js';
|
9
|
+
import { type ButtonLabel } from './buttonlabel.js';
|
10
|
+
import { type ViewCollection } from '../viewcollection.js';
|
11
|
+
import { ButtonView } from './buttonview.js';
|
12
|
+
import { View } from '../view.js';
|
13
13
|
import '../../theme/components/button/listitembutton.css';
|
14
14
|
/**
|
15
15
|
* Button that is used as dropdown list item entry.
|
16
16
|
*/
|
17
|
-
export
|
17
|
+
export declare class ListItemButtonView extends ButtonView {
|
18
18
|
/**
|
19
19
|
* Indicates whether the button view has reserved space for a check holder.
|
20
20
|
*
|
@@ -46,6 +46,9 @@ export default class ListItemButtonView extends ButtonView {
|
|
46
46
|
*/
|
47
47
|
private _watchCheckIconHolderMount;
|
48
48
|
}
|
49
|
+
/**
|
50
|
+
* @internal
|
51
|
+
*/
|
49
52
|
export declare class CheckIconHolderView extends View {
|
50
53
|
/**
|
51
54
|
* Collection of child views.
|
@@ -3,15 +3,15 @@
|
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
4
4
|
*/
|
5
5
|
import { IconCheck } from '@ckeditor/ckeditor5-icons';
|
6
|
-
import ButtonView from './buttonview.js';
|
7
|
-
import ButtonLabelView from './buttonlabelview.js';
|
8
|
-
import IconView from '../icon/iconview.js';
|
9
|
-
import View from '../view.js';
|
6
|
+
import { ButtonView } from './buttonview.js';
|
7
|
+
import { ButtonLabelView } from './buttonlabelview.js';
|
8
|
+
import { IconView } from '../icon/iconview.js';
|
9
|
+
import { View } from '../view.js';
|
10
10
|
import '../../theme/components/button/listitembutton.css';
|
11
11
|
/**
|
12
12
|
* Button that is used as dropdown list item entry.
|
13
13
|
*/
|
14
|
-
export
|
14
|
+
export class ListItemButtonView extends ButtonView {
|
15
15
|
/**
|
16
16
|
* Holds the view for the check icon of a button list item.
|
17
17
|
*/
|
@@ -64,6 +64,9 @@ export default class ListItemButtonView extends ButtonView {
|
|
64
64
|
});
|
65
65
|
}
|
66
66
|
}
|
67
|
+
/**
|
68
|
+
* @internal
|
69
|
+
*/
|
67
70
|
export class CheckIconHolderView extends View {
|
68
71
|
/**
|
69
72
|
* Collection of child views.
|
@@ -5,8 +5,8 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/button/switchbuttonview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
9
|
-
import ButtonView from './buttonview.js';
|
8
|
+
import { View } from '../view.js';
|
9
|
+
import { ButtonView } from './buttonview.js';
|
10
10
|
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
11
11
|
import '../../theme/components/button/switchbutton.css';
|
12
12
|
/**
|
@@ -25,7 +25,7 @@ import '../../theme/components/button/switchbutton.css';
|
|
25
25
|
* document.body.append( view.element );
|
26
26
|
* ```
|
27
27
|
*/
|
28
|
-
export
|
28
|
+
export declare class SwitchButtonView extends ButtonView {
|
29
29
|
/**
|
30
30
|
* The toggle switch of the button.
|
31
31
|
*/
|
@@ -5,8 +5,8 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/button/switchbuttonview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
9
|
-
import ButtonView from './buttonview.js';
|
8
|
+
import { View } from '../view.js';
|
9
|
+
import { ButtonView } from './buttonview.js';
|
10
10
|
import '../../theme/components/button/switchbutton.css';
|
11
11
|
/**
|
12
12
|
* The switch button view class.
|
@@ -24,7 +24,7 @@ import '../../theme/components/button/switchbutton.css';
|
|
24
24
|
* document.body.append( view.element );
|
25
25
|
* ```
|
26
26
|
*/
|
27
|
-
export
|
27
|
+
export class SwitchButtonView extends ButtonView {
|
28
28
|
/**
|
29
29
|
* The toggle switch of the button.
|
30
30
|
*/
|
@@ -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 View from '../view.js';
|
6
|
-
import ButtonView from '../button/buttonview.js';
|
7
|
-
import type ViewCollection from '../viewcollection.js';
|
5
|
+
import { View } from '../view.js';
|
6
|
+
import { ButtonView } from '../button/buttonview.js';
|
7
|
+
import { type ViewCollection } from '../viewcollection.js';
|
8
8
|
import type { FocusableView } from '../focuscycler.js';
|
9
9
|
import type { Locale } from '@ckeditor/ckeditor5-utils';
|
10
10
|
import '../../theme/components/collapsible/collapsible.css';
|
@@ -14,7 +14,7 @@ import '../../theme/components/collapsible/collapsible.css';
|
|
14
14
|
*
|
15
15
|
* @internal
|
16
16
|
*/
|
17
|
-
export
|
17
|
+
export declare class CollapsibleView extends View {
|
18
18
|
/**
|
19
19
|
* `true` when the container with {@link #children} is collapsed. `false` otherwise.
|
20
20
|
*
|
@@ -6,8 +6,8 @@
|
|
6
6
|
* @module ui/collapsible/collapsibleview
|
7
7
|
*/
|
8
8
|
import { IconDropdownArrow } from '@ckeditor/ckeditor5-icons';
|
9
|
-
import View from '../view.js';
|
10
|
-
import ButtonView from '../button/buttonview.js';
|
9
|
+
import { View } from '../view.js';
|
10
|
+
import { ButtonView } from '../button/buttonview.js';
|
11
11
|
import '../../theme/components/collapsible/collapsible.css';
|
12
12
|
/**
|
13
13
|
* A collapsible UI component. Consists of a labeled button and a container which can be collapsed
|
@@ -15,7 +15,7 @@ import '../../theme/components/collapsible/collapsible.css';
|
|
15
15
|
*
|
16
16
|
* @internal
|
17
17
|
*/
|
18
|
-
export
|
18
|
+
export class CollapsibleView extends View {
|
19
19
|
/**
|
20
20
|
* The main button that, when clicked, collapses or expands the container with {@link #children}.
|
21
21
|
*/
|
@@ -5,16 +5,16 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/colorgrid/colorgridview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
9
|
-
import ColorTileView from './colortileview.js';
|
10
|
-
import type DropdownPanelFocusable from '../dropdown/dropdownpanelfocusable.js';
|
11
|
-
import type ViewCollection from '../viewcollection.js';
|
8
|
+
import { View } from '../view.js';
|
9
|
+
import { ColorTileView } from './colortileview.js';
|
10
|
+
import { type DropdownPanelFocusable } from '../dropdown/dropdownpanelfocusable.js';
|
11
|
+
import { type ViewCollection } from '../viewcollection.js';
|
12
12
|
import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
|
13
13
|
import '../../theme/components/colorgrid/colorgrid.css';
|
14
14
|
/**
|
15
15
|
* A grid of {@link module:ui/colorgrid/colortileview~ColorTileView color tiles}.
|
16
16
|
*/
|
17
|
-
export
|
17
|
+
export declare class ColorGridView extends View implements DropdownPanelFocusable {
|
18
18
|
/**
|
19
19
|
* A number of columns for the tiles grid.
|
20
20
|
*/
|
@@ -5,15 +5,15 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/colorgrid/colorgridview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
9
|
-
import ColorTileView from './colortileview.js';
|
10
|
-
import addKeyboardHandlingForGrid from '../bindings/addkeyboardhandlingforgrid.js';
|
8
|
+
import { View } from '../view.js';
|
9
|
+
import { ColorTileView } from './colortileview.js';
|
10
|
+
import { addKeyboardHandlingForGrid } from '../bindings/addkeyboardhandlingforgrid.js';
|
11
11
|
import { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
|
12
12
|
import '../../theme/components/colorgrid/colorgrid.css';
|
13
13
|
/**
|
14
14
|
* A grid of {@link module:ui/colorgrid/colortileview~ColorTileView color tiles}.
|
15
15
|
*/
|
16
|
-
export
|
16
|
+
export class ColorGridView extends View {
|
17
17
|
/**
|
18
18
|
* A number of columns for the tiles grid.
|
19
19
|
*/
|
@@ -3,11 +3,11 @@
|
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
4
4
|
*/
|
5
5
|
import { type Locale } from '@ckeditor/ckeditor5-utils';
|
6
|
-
import ButtonView from '../button/buttonview.js';
|
6
|
+
import { ButtonView } from '../button/buttonview.js';
|
7
7
|
/**
|
8
8
|
* This class represents a single color tile in the {@link module:ui/colorgrid/colorgridview~ColorGridView}.
|
9
9
|
*/
|
10
|
-
export
|
10
|
+
export declare class ColorTileView extends ButtonView {
|
11
11
|
/**
|
12
12
|
* String representing a color shown as tile's background.
|
13
13
|
*/
|
@@ -7,11 +7,11 @@
|
|
7
7
|
*/
|
8
8
|
import { IconColorTileCheck } from '@ckeditor/ckeditor5-icons';
|
9
9
|
import { env } from '@ckeditor/ckeditor5-utils';
|
10
|
-
import ButtonView from '../button/buttonview.js';
|
10
|
+
import { ButtonView } from '../button/buttonview.js';
|
11
11
|
/**
|
12
12
|
* This class represents a single color tile in the {@link module:ui/colorgrid/colorgridview~ColorGridView}.
|
13
13
|
*/
|
14
|
-
export
|
14
|
+
export class ColorTileView extends ButtonView {
|
15
15
|
constructor(locale) {
|
16
16
|
super(locale);
|
17
17
|
const bind = this.bindTemplate;
|
@@ -8,10 +8,10 @@
|
|
8
8
|
import { type ColorPickerViewConfig } from './utils.js';
|
9
9
|
import type { HexColor } from '@ckeditor/ckeditor5-core';
|
10
10
|
import { type Locale } from '@ckeditor/ckeditor5-utils';
|
11
|
-
import View from '../view.js';
|
12
|
-
import type InputTextView from '../inputtext/inputtextview.js';
|
13
|
-
import type ViewCollection from '../viewcollection.js';
|
14
|
-
import LabeledFieldView from '../labeledfield/labeledfieldview.js';
|
11
|
+
import { View } from '../view.js';
|
12
|
+
import { type InputTextView } from '../inputtext/inputtextview.js';
|
13
|
+
import { type ViewCollection } from '../viewcollection.js';
|
14
|
+
import { LabeledFieldView } from '../labeledfield/labeledfieldview.js';
|
15
15
|
import { HexBase } from 'vanilla-colorful/lib/entrypoints/hex';
|
16
16
|
import '../../theme/components/colorpicker/colorpicker.css';
|
17
17
|
declare global {
|
@@ -22,7 +22,7 @@ declare global {
|
|
22
22
|
/**
|
23
23
|
* A class which represents a color picker with an input field for defining custom colors.
|
24
24
|
*/
|
25
|
-
export
|
25
|
+
export declare class ColorPickerView extends View {
|
26
26
|
/**
|
27
27
|
* Element with saturation and hue sliders.
|
28
28
|
*/
|
@@ -113,7 +113,7 @@ export default class ColorPickerView extends View {
|
|
113
113
|
*/
|
114
114
|
resetValidationStatus(): void;
|
115
115
|
}
|
116
|
-
declare class SliderView extends View {
|
116
|
+
export declare class SliderView extends View {
|
117
117
|
/**
|
118
118
|
* @param element HTML element of slider in color picker.
|
119
119
|
*/
|
@@ -123,7 +123,7 @@ declare class SliderView extends View {
|
|
123
123
|
*/
|
124
124
|
focus(): void;
|
125
125
|
}
|
126
|
-
declare class ColorPickerInputRowView extends View {
|
126
|
+
export declare class ColorPickerInputRowView extends View {
|
127
127
|
/**
|
128
128
|
* A collection of row items (buttons, dropdowns, etc.).
|
129
129
|
*/
|
@@ -168,6 +168,6 @@ export type ColorPickerColorSelectedEvent = {
|
|
168
168
|
* @param color Unsafe color string.
|
169
169
|
* @returns Null if provided color is not hex value.
|
170
170
|
* @export
|
171
|
+
* @internal
|
171
172
|
*/
|
172
173
|
export declare function tryParseHexColor<S extends string>(color: S | null | undefined): HexColor<S> | null;
|
173
|
-
export {};
|
@@ -8,8 +8,8 @@
|
|
8
8
|
import { convertColor, convertToHex, registerCustomElement } from './utils.js';
|
9
9
|
import { global, env } from '@ckeditor/ckeditor5-utils';
|
10
10
|
import { debounce } from 'es-toolkit/compat';
|
11
|
-
import View from '../view.js';
|
12
|
-
import LabeledFieldView from '../labeledfield/labeledfieldview.js';
|
11
|
+
import { View } from '../view.js';
|
12
|
+
import { LabeledFieldView } from '../labeledfield/labeledfieldview.js';
|
13
13
|
import { createLabeledInputText } from '../labeledfield/utils.js';
|
14
14
|
// Custom export due to https://github.com/ckeditor/ckeditor5/issues/15698.
|
15
15
|
import { HexBase } from 'vanilla-colorful/lib/entrypoints/hex';
|
@@ -18,7 +18,7 @@ const waitingTime = 150;
|
|
18
18
|
/**
|
19
19
|
* A class which represents a color picker with an input field for defining custom colors.
|
20
20
|
*/
|
21
|
-
export
|
21
|
+
export class ColorPickerView extends View {
|
22
22
|
/**
|
23
23
|
* Container for a `#` sign prefix and an input for displaying and defining custom colors
|
24
24
|
* in HEX format.
|
@@ -255,7 +255,7 @@ function convertColorToCommonHexFormat(inputColor) {
|
|
255
255
|
return ret.toLowerCase();
|
256
256
|
}
|
257
257
|
// View abstraction over pointer in color picker.
|
258
|
-
class SliderView extends View {
|
258
|
+
export class SliderView extends View {
|
259
259
|
/**
|
260
260
|
* @param element HTML element of slider in color picker.
|
261
261
|
*/
|
@@ -291,7 +291,7 @@ class HashView extends View {
|
|
291
291
|
// it will become a component in `ckeditor5-ui`.
|
292
292
|
//
|
293
293
|
// @private
|
294
|
-
class ColorPickerInputRowView extends View {
|
294
|
+
export class ColorPickerInputRowView extends View {
|
295
295
|
/**
|
296
296
|
* A collection of row items (buttons, dropdowns, etc.).
|
297
297
|
*/
|
@@ -337,6 +337,7 @@ class ColorPickerInputRowView extends View {
|
|
337
337
|
* @param color Unsafe color string.
|
338
338
|
* @returns Null if provided color is not hex value.
|
339
339
|
* @export
|
340
|
+
* @internal
|
340
341
|
*/
|
341
342
|
export function tryParseHexColor(color) {
|
342
343
|
if (!color) {
|
@@ -32,6 +32,7 @@ export type ColorPickerViewConfig = ColorPickerConfig & {
|
|
32
32
|
*
|
33
33
|
* @param color
|
34
34
|
* @returns A color string.
|
35
|
+
* @internal
|
35
36
|
*/
|
36
37
|
export declare function convertColor(color: string, outputFormat: ColorPickerOutputFormat): string;
|
37
38
|
/**
|
@@ -39,10 +40,12 @@ export declare function convertColor(color: string, outputFormat: ColorPickerOut
|
|
39
40
|
*
|
40
41
|
* @param color
|
41
42
|
* @returns A color string.
|
43
|
+
* @internal
|
42
44
|
*/
|
43
45
|
export declare function convertToHex(color: string): string;
|
44
46
|
/**
|
45
47
|
* Registers the custom element in the
|
46
48
|
* [CustomElementsRegistry](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry).
|
49
|
+
* @internal
|
47
50
|
*/
|
48
51
|
export declare function registerCustomElement(elementName: string, constructor: CustomElementConstructor): void;
|
package/src/colorpicker/utils.js
CHANGED
@@ -5,17 +5,15 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/colorpicker/utils
|
7
7
|
*/
|
8
|
-
/* eslint-disable @typescript-eslint/ban-ts-comment */
|
9
|
-
// There are no available types for 'color-parse' module.
|
10
|
-
// @ts-ignore
|
11
8
|
import { default as parse } from 'color-parse';
|
12
|
-
import
|
9
|
+
import convert from 'color-convert';
|
13
10
|
/**
|
14
11
|
* Parses and converts the color string to requested format. Handles variety of color spaces
|
15
12
|
* like `hsl`, `hex` or `rgb`.
|
16
13
|
*
|
17
14
|
* @param color
|
18
15
|
* @returns A color string.
|
16
|
+
* @internal
|
19
17
|
*/
|
20
18
|
export function convertColor(color, outputFormat) {
|
21
19
|
if (!color) {
|
@@ -44,6 +42,7 @@ export function convertColor(color, outputFormat) {
|
|
44
42
|
*
|
45
43
|
* @param color
|
46
44
|
* @returns A color string.
|
45
|
+
* @internal
|
47
46
|
*/
|
48
47
|
export function convertToHex(color) {
|
49
48
|
if (!color) {
|
@@ -61,6 +60,7 @@ export function convertToHex(color) {
|
|
61
60
|
/**
|
62
61
|
* Registers the custom element in the
|
63
62
|
* [CustomElementsRegistry](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry).
|
63
|
+
* @internal
|
64
64
|
*/
|
65
65
|
export function registerCustomElement(elementName, constructor) {
|
66
66
|
if (customElements.get(elementName) === undefined) {
|
@@ -5,13 +5,13 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/colorselector/colorgridsfragmentview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
9
|
-
import ButtonView from '../button/buttonview.js';
|
10
|
-
import ColorGridView,
|
11
|
-
import DocumentColorCollection from './documentcolorcollection.js';
|
8
|
+
import { View } from '../view.js';
|
9
|
+
import { ButtonView } from '../button/buttonview.js';
|
10
|
+
import { ColorGridView, type ColorDefinition } from '../colorgrid/colorgridview.js';
|
11
|
+
import { DocumentColorCollection } from './documentcolorcollection.js';
|
12
12
|
import type { Model } from '@ckeditor/ckeditor5-engine';
|
13
13
|
import type { FocusTracker, Locale } from '@ckeditor/ckeditor5-utils';
|
14
|
-
import type ViewCollection from '../viewcollection.js';
|
14
|
+
import { type ViewCollection } from '../viewcollection.js';
|
15
15
|
import type { FocusableView } from '../focuscycler.js';
|
16
16
|
/**
|
17
17
|
* One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.
|
@@ -25,7 +25,7 @@ import type { FocusableView } from '../focuscycler.js';
|
|
25
25
|
* * A dynamic {@link module:ui/colorgrid/colorgridview~ColorGridView} of colors used in the document.
|
26
26
|
* * If color picker is configured, the "Color Picker" button is visible too.
|
27
27
|
*/
|
28
|
-
export
|
28
|
+
export declare class ColorGridsFragmentView extends View {
|
29
29
|
/**
|
30
30
|
* A collection of the children of the table.
|
31
31
|
*/
|
@@ -5,12 +5,12 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/colorselector/colorgridsfragmentview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
9
|
-
import ButtonView from '../button/buttonview.js';
|
10
|
-
import ColorGridView from '../colorgrid/colorgridview.js';
|
11
|
-
import ColorTileView from '../colorgrid/colortileview.js';
|
12
|
-
import Template from '../template.js';
|
13
|
-
import DocumentColorCollection from './documentcolorcollection.js';
|
8
|
+
import { View } from '../view.js';
|
9
|
+
import { ButtonView } from '../button/buttonview.js';
|
10
|
+
import { ColorGridView } from '../colorgrid/colorgridview.js';
|
11
|
+
import { ColorTileView } from '../colorgrid/colortileview.js';
|
12
|
+
import { Template } from '../template.js';
|
13
|
+
import { DocumentColorCollection } from './documentcolorcollection.js';
|
14
14
|
import { IconEraser, IconColorPalette } from '@ckeditor/ckeditor5-icons';
|
15
15
|
/**
|
16
16
|
* One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.
|
@@ -24,7 +24,7 @@ import { IconEraser, IconColorPalette } from '@ckeditor/ckeditor5-icons';
|
|
24
24
|
* * A dynamic {@link module:ui/colorgrid/colorgridview~ColorGridView} of colors used in the document.
|
25
25
|
* * If color picker is configured, the "Color Picker" button is visible too.
|
26
26
|
*/
|
27
|
-
export
|
27
|
+
export class ColorGridsFragmentView extends View {
|
28
28
|
/**
|
29
29
|
* A collection of the children of the table.
|
30
30
|
*/
|
@@ -5,11 +5,11 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/colorselector/colorpickerfragmentview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
9
|
-
import ButtonView from '../button/buttonview.js';
|
10
|
-
import type ViewCollection from '../viewcollection.js';
|
8
|
+
import { View } from '../view.js';
|
9
|
+
import { ButtonView } from '../button/buttonview.js';
|
10
|
+
import { type ViewCollection } from '../viewcollection.js';
|
11
11
|
import type { FocusableView } from '../focuscycler.js';
|
12
|
-
import {
|
12
|
+
import { ColorPickerView } from '../colorpicker/colorpickerview.js';
|
13
13
|
import type { FocusTracker, KeystrokeHandler, Locale } from '@ckeditor/ckeditor5-utils';
|
14
14
|
import type { ColorPickerViewConfig } from '../colorpicker/utils.js';
|
15
15
|
/**
|
@@ -23,7 +23,7 @@ import type { ColorPickerViewConfig } from '../colorpicker/utils.js';
|
|
23
23
|
* * A text input accepting colors in HEX format,
|
24
24
|
* * "Save" and "Cancel" action buttons.
|
25
25
|
*/
|
26
|
-
export
|
26
|
+
export declare class ColorPickerFragmentView extends View {
|
27
27
|
/**
|
28
28
|
* A collection of component's children.
|
29
29
|
*/
|
@@ -5,9 +5,9 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/colorselector/colorpickerfragmentview
|
7
7
|
*/
|
8
|
-
import View from '../view.js';
|
9
|
-
import ButtonView from '../button/buttonview.js';
|
10
|
-
import {
|
8
|
+
import { View } from '../view.js';
|
9
|
+
import { ButtonView } from '../button/buttonview.js';
|
10
|
+
import { ColorPickerView } from '../colorpicker/colorpickerview.js';
|
11
11
|
import { IconCancel, IconCheck } from '@ckeditor/ckeditor5-icons';
|
12
12
|
/**
|
13
13
|
* One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.
|
@@ -20,7 +20,7 @@ import { IconCancel, IconCheck } from '@ckeditor/ckeditor5-icons';
|
|
20
20
|
* * A text input accepting colors in HEX format,
|
21
21
|
* * "Save" and "Cancel" action buttons.
|
22
22
|
*/
|
23
|
-
export
|
23
|
+
export class ColorPickerFragmentView extends View {
|
24
24
|
/**
|
25
25
|
* A collection of component's children.
|
26
26
|
*/
|
@@ -5,15 +5,15 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/colorselector/colorselectorview
|
7
7
|
*/
|
8
|
-
import FocusCycler,
|
9
|
-
import View from '../view.js';
|
10
|
-
import ViewCollection from '../viewcollection.js';
|
8
|
+
import { FocusCycler, type FocusableView } from '../focuscycler.js';
|
9
|
+
import { View } from '../view.js';
|
10
|
+
import { ViewCollection } from '../viewcollection.js';
|
11
11
|
import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
|
12
12
|
import type { ColorPickerViewConfig } from '../colorpicker/utils.js';
|
13
13
|
import type { ColorDefinition } from '../colorgrid/colorgridview.js';
|
14
14
|
import type { Model } from '@ckeditor/ckeditor5-engine';
|
15
|
-
import ColorGridsFragmentView from './colorgridsfragmentview.js';
|
16
|
-
import ColorPickerFragmentView from './colorpickerfragmentview.js';
|
15
|
+
import { ColorGridsFragmentView } from './colorgridsfragmentview.js';
|
16
|
+
import { ColorPickerFragmentView } from './colorpickerfragmentview.js';
|
17
17
|
import '../../theme/components/colorselector/colorselector.css';
|
18
18
|
/**
|
19
19
|
* The configurable color selector view class. It allows users to select colors from a predefined set of colors as well as from
|
@@ -63,7 +63,7 @@ import '../../theme/components/colorselector/colorselector.css';
|
|
63
63
|
* document.body.appendChild( selectorView.element );
|
64
64
|
* ```
|
65
65
|
*/
|
66
|
-
export
|
66
|
+
export declare class ColorSelectorView extends View {
|
67
67
|
/**
|
68
68
|
* Tracks information about the DOM focus in the list.
|
69
69
|
*/
|
@@ -5,12 +5,12 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/colorselector/colorselectorview
|
7
7
|
*/
|
8
|
-
import FocusCycler from '../focuscycler.js';
|
9
|
-
import View from '../view.js';
|
10
|
-
import ViewCollection from '../viewcollection.js';
|
8
|
+
import { FocusCycler } from '../focuscycler.js';
|
9
|
+
import { View } from '../view.js';
|
10
|
+
import { ViewCollection } from '../viewcollection.js';
|
11
11
|
import { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
|
12
|
-
import ColorGridsFragmentView from './colorgridsfragmentview.js';
|
13
|
-
import ColorPickerFragmentView from './colorpickerfragmentview.js';
|
12
|
+
import { ColorGridsFragmentView } from './colorgridsfragmentview.js';
|
13
|
+
import { ColorPickerFragmentView } from './colorpickerfragmentview.js';
|
14
14
|
import '../../theme/components/colorselector/colorselector.css';
|
15
15
|
/**
|
16
16
|
* The configurable color selector view class. It allows users to select colors from a predefined set of colors as well as from
|
@@ -60,7 +60,7 @@ import '../../theme/components/colorselector/colorselector.css';
|
|
60
60
|
* document.body.appendChild( selectorView.element );
|
61
61
|
* ```
|
62
62
|
*/
|
63
|
-
export
|
63
|
+
export class ColorSelectorView extends View {
|
64
64
|
/**
|
65
65
|
* Tracks information about the DOM focus in the list.
|
66
66
|
*/
|
@@ -18,7 +18,7 @@ declare const DocumentColorCollection_base: import("@ckeditor/ckeditor5-utils").
|
|
18
18
|
/**
|
19
19
|
* A collection to store document colors. It enforces colors to be unique.
|
20
20
|
*/
|
21
|
-
export
|
21
|
+
export declare class DocumentColorCollection extends /* #__PURE__ */ DocumentColorCollection_base {
|
22
22
|
/**
|
23
23
|
* Indicates whether the document color collection is empty.
|
24
24
|
*
|
@@ -6,7 +6,7 @@ import { Collection, ObservableMixin } from '@ckeditor/ckeditor5-utils';
|
|
6
6
|
/**
|
7
7
|
* A collection to store document colors. It enforces colors to be unique.
|
8
8
|
*/
|
9
|
-
export
|
9
|
+
export class DocumentColorCollection extends /* #__PURE__ */ ObservableMixin((Collection)) {
|
10
10
|
constructor(options) {
|
11
11
|
super(options);
|
12
12
|
this.set('isEmpty', true);
|
@@ -7,7 +7,7 @@
|
|
7
7
|
*/
|
8
8
|
import { type Locale } from '@ckeditor/ckeditor5-utils';
|
9
9
|
import type { Editor } from '@ckeditor/ckeditor5-core';
|
10
|
-
import type View from './view.js';
|
10
|
+
import { type View } from './view.js';
|
11
11
|
/**
|
12
12
|
* A helper class implementing the UI component ({@link module:ui/view~View view}) factory.
|
13
13
|
*
|
@@ -32,7 +32,7 @@ import type View from './view.js';
|
|
32
32
|
* The {@link module:core/editor/editor~Editor#locale editor locale} is passed to the factory
|
33
33
|
* function when {@link module:ui/componentfactory~ComponentFactory#create} is called.
|
34
34
|
*/
|
35
|
-
export
|
35
|
+
export declare class ComponentFactory {
|
36
36
|
/**
|
37
37
|
* The editor instance that the factory belongs to.
|
38
38
|
*/
|
package/src/componentfactory.js
CHANGED
@@ -30,7 +30,7 @@ import { CKEditorError } from '@ckeditor/ckeditor5-utils';
|
|
30
30
|
* The {@link module:core/editor/editor~Editor#locale editor locale} is passed to the factory
|
31
31
|
* function when {@link module:ui/componentfactory~ComponentFactory#create} is called.
|
32
32
|
*/
|
33
|
-
export
|
33
|
+
export class ComponentFactory {
|
34
34
|
/**
|
35
35
|
* The editor instance that the factory belongs to.
|
36
36
|
*/
|
package/src/dialog/dialog.d.ts
CHANGED
@@ -5,15 +5,15 @@
|
|
5
5
|
/**
|
6
6
|
* @module ui/dialog/dialog
|
7
7
|
*/
|
8
|
-
import type View from '../view.js';
|
8
|
+
import { type View } from '../view.js';
|
9
9
|
import { type Editor, Plugin } from '@ckeditor/ckeditor5-core';
|
10
|
-
import DialogView,
|
10
|
+
import { DialogView, DialogViewPosition } from './dialogview.js';
|
11
11
|
import type { DialogActionButtonDefinition } from './dialogactionsview.js';
|
12
12
|
import type { KeystrokeHandlerOptions } from '@ckeditor/ckeditor5-utils';
|
13
13
|
/**
|
14
14
|
* The dialog controller class. It is used to show and hide the {@link module:ui/dialog/dialogview~DialogView}.
|
15
15
|
*/
|
16
|
-
export
|
16
|
+
export declare class Dialog extends Plugin {
|
17
17
|
/**
|
18
18
|
* The name of the currently visible dialog view instance.
|
19
19
|
*
|
package/src/dialog/dialog.js
CHANGED
@@ -3,11 +3,11 @@
|
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
4
4
|
*/
|
5
5
|
import { Plugin } from '@ckeditor/ckeditor5-core';
|
6
|
-
import DialogView,
|
6
|
+
import { DialogView, DialogViewPosition } from './dialogview.js';
|
7
7
|
/**
|
8
8
|
* The dialog controller class. It is used to show and hide the {@link module:ui/dialog/dialogview~DialogView}.
|
9
9
|
*/
|
10
|
-
export
|
10
|
+
export class Dialog extends Plugin {
|
11
11
|
/**
|
12
12
|
* The currently visible dialog view instance.
|
13
13
|
*/
|