@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,58 +1,58 @@
|
|
|
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 { View } from
|
|
9
|
-
import { type ViewCollection } from
|
|
10
|
-
import { IconView } from
|
|
11
|
-
import type { Locale } from
|
|
12
|
-
import
|
|
6
|
+
* @module ui/formheader/formheaderview
|
|
7
|
+
*/
|
|
8
|
+
import { View } from "../view.js";
|
|
9
|
+
import { type ViewCollection } from "../viewcollection.js";
|
|
10
|
+
import { IconView } from "../icon/iconview.js";
|
|
11
|
+
import type { Locale } from "@ckeditor/ckeditor5-utils";
|
|
12
|
+
import "../../theme/components/formheader/formheader.css";
|
|
13
13
|
/**
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
14
|
+
* The class component representing a form header view. It should be used in more advanced forms to
|
|
15
|
+
* describe the main purpose of the form.
|
|
16
|
+
*
|
|
17
|
+
* By default the component contains a bolded label view that has to be set. The label is usually a short (at most 3-word) string.
|
|
18
|
+
* The component can also be extended by any other elements, like: icons, dropdowns, etc.
|
|
19
|
+
*
|
|
20
|
+
* It is used i.a.
|
|
21
|
+
* by {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView}.
|
|
22
|
+
*
|
|
23
|
+
* The latter is an example, where the component has been extended by {@link module:ui/dropdown/dropdownview~DropdownView} view.
|
|
24
|
+
*/
|
|
25
25
|
export declare class FormHeaderView extends View {
|
|
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
|
-
|
|
26
|
+
/**
|
|
27
|
+
* A collection of header items.
|
|
28
|
+
*/
|
|
29
|
+
readonly children: ViewCollection;
|
|
30
|
+
/**
|
|
31
|
+
* The label of the header.
|
|
32
|
+
*
|
|
33
|
+
* @observable
|
|
34
|
+
*/
|
|
35
|
+
label: string;
|
|
36
|
+
/**
|
|
37
|
+
* An additional CSS class added to the {@link #element}.
|
|
38
|
+
*
|
|
39
|
+
* @observable
|
|
40
|
+
*/
|
|
41
|
+
class: string | null;
|
|
42
|
+
/**
|
|
43
|
+
* The icon view instance. Defined only if icon was passed in the constructor's options.
|
|
44
|
+
*/
|
|
45
|
+
readonly iconView?: IconView;
|
|
46
|
+
/**
|
|
47
|
+
* Creates an instance of the form header class.
|
|
48
|
+
*
|
|
49
|
+
* @param locale The locale instance.
|
|
50
|
+
* @param options.label A label.
|
|
51
|
+
* @param options.class An additional class.
|
|
52
|
+
*/
|
|
53
|
+
constructor(locale: Locale | undefined, options?: {
|
|
54
|
+
label?: string | null;
|
|
55
|
+
class?: string | null;
|
|
56
|
+
icon?: string | null;
|
|
57
|
+
});
|
|
58
58
|
}
|
|
@@ -1,57 +1,57 @@
|
|
|
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 { View } from
|
|
9
|
-
import { type ViewCollection } from
|
|
10
|
-
import { type LabelView } from
|
|
11
|
-
import { type ArrayOrItem, type Locale } from
|
|
12
|
-
import
|
|
6
|
+
* @module ui/formrow/formrowview
|
|
7
|
+
*/
|
|
8
|
+
import { View } from "../view.js";
|
|
9
|
+
import { type ViewCollection } from "../viewcollection.js";
|
|
10
|
+
import { type LabelView } from "../label/labelview.js";
|
|
11
|
+
import { type ArrayOrItem, type Locale } from "@ckeditor/ckeditor5-utils";
|
|
12
|
+
import "../../theme/components/formrow/formrow.css";
|
|
13
13
|
/**
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
* The class representing a single row in a form,
|
|
15
|
+
*/
|
|
16
16
|
export declare class FormRowView extends View {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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
|
-
|
|
17
|
+
/**
|
|
18
|
+
* An additional CSS class added to the {@link #element}.
|
|
19
|
+
*
|
|
20
|
+
* @observable
|
|
21
|
+
*/
|
|
22
|
+
class: Array<string>;
|
|
23
|
+
/**
|
|
24
|
+
* A collection of row items (buttons, dropdowns, etc.).
|
|
25
|
+
*/
|
|
26
|
+
readonly children: ViewCollection;
|
|
27
|
+
/**
|
|
28
|
+
* The role property reflected by the `role` DOM attribute of the {@link #element}.
|
|
29
|
+
*
|
|
30
|
+
* **Note**: Used only when a `labelView` is passed to constructor `options`.
|
|
31
|
+
*
|
|
32
|
+
* @observable
|
|
33
|
+
* @internal
|
|
34
|
+
*/
|
|
35
|
+
_role: string | null;
|
|
36
|
+
/**
|
|
37
|
+
* The ARIA property reflected by the `aria-labelledby` DOM attribute of the {@link #element}.
|
|
38
|
+
*
|
|
39
|
+
* **Note**: Used only when a `labelView` is passed to constructor `options`.
|
|
40
|
+
*
|
|
41
|
+
* @observable
|
|
42
|
+
* @internal
|
|
43
|
+
*/
|
|
44
|
+
_ariaLabelledBy: string | null;
|
|
45
|
+
/**
|
|
46
|
+
* Creates an instance of the form row class.
|
|
47
|
+
*
|
|
48
|
+
* @param locale The locale instance.
|
|
49
|
+
* @param options.labelView When passed, the row gets the `group` and `aria-labelledby`
|
|
50
|
+
* DOM attributes and gets described by the label.
|
|
51
|
+
*/
|
|
52
|
+
constructor(locale: Locale, options?: {
|
|
53
|
+
children?: Array<View>;
|
|
54
|
+
class?: ArrayOrItem<string>;
|
|
55
|
+
labelView?: LabelView;
|
|
56
|
+
});
|
|
57
57
|
}
|
|
@@ -1,30 +1,30 @@
|
|
|
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 ButtonLabel } from
|
|
9
|
-
import { HighlightedTextView } from
|
|
6
|
+
* @module ui/highlightedtext/buttonlabelwithhighlightview
|
|
7
|
+
*/
|
|
8
|
+
import { type ButtonLabel } from "../button/buttonlabel.js";
|
|
9
|
+
import { HighlightedTextView } from "./highlightedtextview.js";
|
|
10
10
|
/**
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
* A button label view that can highlight a text fragment.
|
|
12
|
+
*/
|
|
13
13
|
export declare class ButtonLabelWithHighlightView extends HighlightedTextView implements ButtonLabel {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
14
|
+
/**
|
|
15
|
+
* @inheritDoc
|
|
16
|
+
*/
|
|
17
|
+
style: string | undefined;
|
|
18
|
+
/**
|
|
19
|
+
* @inheritDoc
|
|
20
|
+
*/
|
|
21
|
+
text: string | undefined;
|
|
22
|
+
/**
|
|
23
|
+
* @inheritDoc
|
|
24
|
+
*/
|
|
25
|
+
id: string | undefined;
|
|
26
|
+
/**
|
|
27
|
+
* @inheritDoc
|
|
28
|
+
*/
|
|
29
|
+
constructor();
|
|
30
30
|
}
|
|
@@ -1,38 +1,38 @@
|
|
|
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 { View } from
|
|
9
|
-
import
|
|
6
|
+
* @module ui/highlightedtext/highlightedtextview
|
|
7
|
+
*/
|
|
8
|
+
import { View } from "../view.js";
|
|
9
|
+
import "../../theme/components/highlightedtext/highlightedtext.css";
|
|
10
10
|
/**
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
* A class representing a view that displays a text which subset can be highlighted using the
|
|
12
|
+
* {@link #highlightText} method.
|
|
13
|
+
*/
|
|
14
14
|
export declare class HighlightedTextView extends View {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
15
|
+
/**
|
|
16
|
+
* The text that can be highlighted using the {@link #highlightText} method.
|
|
17
|
+
*
|
|
18
|
+
* **Note:** When this property changes, the previous highlighting is removed.
|
|
19
|
+
*
|
|
20
|
+
* @observable
|
|
21
|
+
*/
|
|
22
|
+
text: string | undefined;
|
|
23
|
+
/**
|
|
24
|
+
* @inheritDoc
|
|
25
|
+
*/
|
|
26
|
+
constructor();
|
|
27
|
+
/**
|
|
28
|
+
* Highlights view's {@link #text} according to the specified `RegExp`. If the passed RegExp is `null`, the
|
|
29
|
+
* highlighting is removed
|
|
30
|
+
*
|
|
31
|
+
* @param regExp
|
|
32
|
+
*/
|
|
33
|
+
highlightText(regExp: RegExp | null): void;
|
|
34
|
+
/**
|
|
35
|
+
* Updates element's `innerHTML` with the passed content.
|
|
36
|
+
*/
|
|
37
|
+
private _updateInnerHTML;
|
|
38
38
|
}
|
|
@@ -1,26 +1,26 @@
|
|
|
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 { HighlightedTextView } from
|
|
9
|
-
import { type LabelView } from
|
|
6
|
+
* @module ui/highlightedtext/labelwithhighlightview
|
|
7
|
+
*/
|
|
8
|
+
import { HighlightedTextView } from "./highlightedtextview.js";
|
|
9
|
+
import { type LabelView } from "../label/labelview.js";
|
|
10
10
|
/**
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
* A label view that can highlight a text fragment.
|
|
12
|
+
*/
|
|
13
13
|
export declare class LabelWithHighlightView extends HighlightedTextView implements LabelView {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
14
|
+
/**
|
|
15
|
+
* @inheritDoc
|
|
16
|
+
*/
|
|
17
|
+
readonly id: string;
|
|
18
|
+
/**
|
|
19
|
+
* @inheritDoc
|
|
20
|
+
*/
|
|
21
|
+
for: string | undefined;
|
|
22
|
+
/**
|
|
23
|
+
* @inheritDoc
|
|
24
|
+
*/
|
|
25
|
+
constructor();
|
|
26
26
|
}
|
package/dist/icon/iconview.d.ts
CHANGED
|
@@ -1,88 +1,88 @@
|
|
|
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 { View } from
|
|
9
|
-
import
|
|
6
|
+
* @module ui/icon/iconview
|
|
7
|
+
*/
|
|
8
|
+
import { View } from "../view.js";
|
|
9
|
+
import "../../theme/components/icon/icon.css";
|
|
10
10
|
/**
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
* The icon view class.
|
|
12
|
+
*/
|
|
13
13
|
export declare class IconView extends View {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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
|
-
|
|
14
|
+
/**
|
|
15
|
+
* The SVG source of the icon.
|
|
16
|
+
*
|
|
17
|
+
* The user must provide the entire XML string, not just the path. See the
|
|
18
|
+
* {@glink framework/architecture/ui-library#setting-label-icon-and-tooltip UI library} guide for details.
|
|
19
|
+
*
|
|
20
|
+
* @observable
|
|
21
|
+
*/
|
|
22
|
+
content: string | undefined;
|
|
23
|
+
/**
|
|
24
|
+
* This attribute specifies the boundaries to which the
|
|
25
|
+
* icon content should stretch.
|
|
26
|
+
*
|
|
27
|
+
* @observable
|
|
28
|
+
* @default '0 0 20 20'
|
|
29
|
+
*/
|
|
30
|
+
viewBox: string;
|
|
31
|
+
/**
|
|
32
|
+
* The fill color of the child `path.ck-icon__fill`.
|
|
33
|
+
*
|
|
34
|
+
* @observable
|
|
35
|
+
* @default ''
|
|
36
|
+
*/
|
|
37
|
+
fillColor: string;
|
|
38
|
+
/**
|
|
39
|
+
* When set true (default), all parts of the icon inherit the fill color from the CSS `color` property of the
|
|
40
|
+
* icon's DOM parent.
|
|
41
|
+
*
|
|
42
|
+
* This effectively makes the icon monochromatic and allows it to change its fill color dynamically, for instance,
|
|
43
|
+
* when a {@link module:ui/button/buttonview~ButtonView} displays an icon and it switches between different states
|
|
44
|
+
* (pushed, hovered, etc.) the icon will follow along.
|
|
45
|
+
*
|
|
46
|
+
* **Note**: For the monochromatic icon to render properly, it must be made up of shapes that can be filled
|
|
47
|
+
* with color instead of, for instance, paths with strokes. Be sure to use the *outline stroke* tool
|
|
48
|
+
* (the name could be different in your vector graphics editor) before exporting your icon. Also, remove any
|
|
49
|
+
* excess `fill="..."` attributes that could break the color inheritance.
|
|
50
|
+
*
|
|
51
|
+
* **Note**: If you want to preserve the original look of your icon and disable dynamic color inheritance,
|
|
52
|
+
* set this flag to `false`.
|
|
53
|
+
*
|
|
54
|
+
* @observable
|
|
55
|
+
* @default true
|
|
56
|
+
*/
|
|
57
|
+
isColorInherited: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* Controls whether the icon is visible.
|
|
60
|
+
*
|
|
61
|
+
* @observable
|
|
62
|
+
* @default true
|
|
63
|
+
*/
|
|
64
|
+
isVisible: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* A list of presentational attributes that can be set on the `<svg>` element and should be preserved
|
|
67
|
+
* when the icon {@link module:ui/icon/iconview~IconView#content content} is loaded.
|
|
68
|
+
*
|
|
69
|
+
* See the [specification](https://www.w3.org/TR/SVG/styling.html#TermPresentationAttribute) to learn more.
|
|
70
|
+
*/
|
|
71
|
+
private static presentationalAttributeNames;
|
|
72
|
+
/**
|
|
73
|
+
* @inheritDoc
|
|
74
|
+
*/
|
|
75
|
+
constructor();
|
|
76
|
+
/**
|
|
77
|
+
* @inheritDoc
|
|
78
|
+
*/
|
|
79
|
+
override render(): void;
|
|
80
|
+
/**
|
|
81
|
+
* Updates the {@link #element} with the value of {@link #content}.
|
|
82
|
+
*/
|
|
83
|
+
private _updateXMLContent;
|
|
84
|
+
/**
|
|
85
|
+
* Fills all child `path.ck-icon__fill` with the `#fillColor`.
|
|
86
|
+
*/
|
|
87
|
+
private _colorFillPaths;
|
|
88
88
|
}
|